fix duplicated functions

Author: emma-sg

frontend/src/features/crawl-workflows/workflow-tag-filter.ts

@@ -261,90 +261,4 @@ export class WorkflowTagFilter extends BtrixElement {
       </ul>
     `;
   }
-
-  private renderTagsInLabel(tags: string[]) {
-    const formatter2 = this.localize.list(
-      tags.length > MAX_TAGS_IN_LABEL
-        ? [
-            ...tags.slice(0, MAX_TAGS_IN_LABEL),
-            msg(
-              str`${this.localize.number(tags.length - MAX_TAGS_IN_LABEL)} more`,
-            ),
-          ]
-        : tags,
-    );
-
-    return formatter2.map((part, index, array) =>
-      part.type === "literal"
-        ? html`<span class="opacity-75">${part.value}</span>`
-        : tags.length > MAX_TAGS_IN_LABEL && index === array.length - 1
-          ? html`<span class="text-primary-500"> ${part.value} </span>`
-          : html`<span>${part.value}</span>`,
-    );
-  }
-
-  private renderSearch() {
-    return html`
-      <label for="tag-search" class="sr-only">${msg("Filter tags")}</label>
-      <sl-input
-        class="min-w-[30ch]"
-        id="tag-search"
-        role="combobox"
-        aria-autocomplete="list"
-        aria-expanded="true"
-        aria-controls="tag-listbox"
-        aria-activedescendant="tag-selected-option"
-        value=${this.searchString}
-        placeholder=${msg("Search for tag")}
-        size="small"
-        ?disabled=${!this.orgTagsTask.value?.length}
-        @sl-input=${(e: SlInputEvent) =>
-          (this.searchString = (e.target as SlInput).value)}
-      >
-        ${this.orgTagsTask.render({
-          pending: () => html`<sl-spinner slot="prefix"></sl-spinner>`,
-          complete: () => html`<sl-icon slot="prefix" name="search"></sl-icon>`,
-        })}
-      </sl-input>
-    `;
-  }
-
-  private renderList(opts: { item: string }[]) {
-    const tag = (tag: string) => {
-      const checked = this.selected.get(tag) === true;
-
-      return html`
-        <li role="option" aria-checked=${checked}>
-          <sl-checkbox
-            class="w-full part-[base]:w-full part-[base]:rounded part-[base]:p-2 part-[base]:hover:bg-primary-50 part-[base]:focus:bg-primary-50"
-            value=${tag}
-            ?checked=${checked}
-            tabindex="0"
-            >${tag}
-          </sl-checkbox>
-        </li>
-      `;
-    };
-
-    return html`
-      <ul
-        id="tag-listbox"
-        class="flex-1 overflow-auto p-1"
-        role="listbox"
-        aria-labelledby="tag-list-label"
-        aria-multiselectable="true"
-        @sl-change=${async (e: SlChangeEvent) => {
-          const { checked, value } = e.target as SlCheckbox;
-
-          this.selected.set(value, checked);
-        }}
-      >
-        ${repeat(
-          opts,
-          ({ item }) => item,
-          ({ item }) => tag(item),
-        )}
-      </ul>
-    `;
-  }
 }