@carbon/ibm-products-web-components 0.37.0 → 0.38.0

package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-breadcrumbs-set.scss.js","names":[],"sources":["../../../../src/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.scss?lit"],"sourcesContent":["/*\n* Copyright IBM Corp. 2025, 2025\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\n$css--plex: true !default;\n\n/* Other Carbon settings. */\n@use 'sass:map';\n@use '@carbon/styles';\n@use '@carbon/styles/scss/themes';\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n$block-class: #{$prefix}--page-header-breadcrumbs-set;\n\n:host {\n  display: block;\n  inline-size: 100%;\n\n  // Suppress custom elements until styles are loaded\n  #{$carbon-prefix}-breadcrumb:not(:defined),\n  #{$carbon-prefix}-overflow-menu:not(:defined) {\n    display: none;\n  }\n\n  /* stylelint-disable-next-line selector-type-no-unknown */\n  cds-breadcrumb-item {\n    flex: none;\n  }\n\n  [data-hidden]:not([data-fixed]) {\n    display: none;\n  }\n}\n"],"mappings":""}

package/es/components/page-header/page-header-tags-set/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './page-header-tags-set';
+//# sourceMappingURL=index.d.ts.map

package/es/components/page-header/page-header-tags-set/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-tags-set/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,wBAAwB,CAAC"}

package/es/components/page-header/page-header-tags-set/index.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "./page-header-tags-set.js";

package/es/components/page-header/page-header-tags-set/page-header-tags-set.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '@carbon/web-components/es/components/tag/index.js';
+import '@carbon/web-components/es/components/link/index.js';
+import '@carbon/web-components/es/components/modal/index.js';
+import '@carbon/web-components/es/components/search/index.js';
+import { TagType } from './utils';
+export default class CDSPageHeaderTagsSet extends LitElement {
+    hiddenTags: TagType[];
+    tagsData: TagType[];
+    private container;
+    private offset;
+    private isPopoverOpen;
+    private modalOpen;
+    private searchString;
+    private overflowHandler;
+    private resizeObserver;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private setupOverflowHandler;
+    private handleTogglePopover;
+    private handleDocumentClick;
+    private handleDismiss;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c4p-page-header-tags-set': CDSPageHeaderTagsSet;
+    }
+}
+//# sourceMappingURL=page-header-tags-set.d.ts.map

package/es/components/page-header/page-header-tags-set/page-header-tags-set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-tags-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-tags-set/page-header-tags-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAEhD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAC7D,OAAO,sDAAsD,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAOlC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAE1D,UAAU,EAAE,OAAO,EAAE,CAAM;IAG3B,QAAQ,EAAE,OAAO,EAAE,CAAM;IAGzB,OAAO,CAAC,SAAS,CAAe;IAGhC,OAAO,CAAC,MAAM,CAAe;IAG7B,OAAO,CAAC,aAAa,CAAS;IAG9B,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,YAAY,CAAM;IAE1B,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,cAAc,CAA6B;IAEnD,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAkBZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAmB/C,oBAAoB;IAOpB,OAAO,CAAC,oBAAoB;IAyB5B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,aAAa,CAenB;IAEF,MAAM;IA6HN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,oBAAoB,CAAC;KAClD;CACF"}

package/es/components/page-header/page-header-tags-set/page-header-tags-set.js

@@ -0,0 +1,210 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { prefix } from "../../../globals/settings.js";
+import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import page_header_tags_set_default$1 from "./page-header-tags-set.scss.js";
+import { LitElement, html, nothing } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import "@carbon/web-components/es/components/modal/index.js";
+import "@carbon/web-components/es/components/link/index.js";
+import { createOverflowHandler } from "@carbon/utilities";
+import "@carbon/web-components/es/components/tag/index.js";
+import "@carbon/web-components/es/components/search/index.js";
+
+//#region src/components/page-header/page-header-tags-set/page-header-tags-set.ts
+/**
+* @license
+*
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const blockClass = `${prefix}--page-header-tags-set`;
+let CDSPageHeaderTagsSet = class CDSPageHeaderTagsSet extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.hiddenTags = [];
+		this.tagsData = [];
+		this.isPopoverOpen = false;
+		this.modalOpen = false;
+		this.searchString = "";
+		this.handleDocumentClick = (event) => {
+			if (event.target !== this) this.isPopoverOpen = false;
+		};
+		this.handleDismiss = (e, tag) => {
+			e.stopPropagation();
+			e.preventDefault();
+			this.tagsData = this.tagsData.filter((t) => t.text !== tag.text);
+			this.shadowRoot?.querySelectorAll("[data-hidden]:not([data-offset])").forEach((el) => el.removeAttribute("data-hidden"));
+			const remaining = this.hiddenTags.filter((t) => t.text !== tag.text);
+			if (this.hiddenTags.length === 2 && remaining[0]) this.shadowRoot?.querySelector(`#${remaining[0].text}`)?.removeAttribute("data-hidden");
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.style.visibility = "hidden";
+	}
+	firstUpdated() {
+		this.resizeObserver = new ResizeObserver(() => {
+			this.setupOverflowHandler();
+		});
+		this.resizeObserver.observe(this.offset);
+		setTimeout(() => {
+			this.style.visibility = "visible";
+		});
+		document.addEventListener("click", this.handleDocumentClick);
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("tagsData")) {
+			const previousIsPopoverOpen = this.isPopoverOpen;
+			this.updateComplete.then(() => {
+				this.hiddenTags = [];
+				this.isPopoverOpen = previousIsPopoverOpen;
+				this.setupOverflowHandler();
+			});
+		}
+		if (!this.hiddenTags.length) (this.shadowRoot?.querySelector("[data-hidden]:not([data-offset])"))?.removeAttribute("data-hidden");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.overflowHandler?.disconnect();
+		this.resizeObserver?.disconnect();
+		document.removeEventListener("click", this.handleDocumentClick);
+	}
+	setupOverflowHandler() {
+		if (!this.container) return;
+		this.overflowHandler?.disconnect();
+		this.overflowHandler = createOverflowHandler({
+			container: this.container,
+			onChange: (_, hiddenItems) => {
+				const filteredChildren = Array.from(this.container.children).filter((child) => !child.hasAttribute("data-offset") && !child.hasAttribute("data-fixed"));
+				this.hiddenTags = hiddenItems.map((hiddenItem) => {
+					const index = filteredChildren.indexOf(hiddenItem);
+					return this.tagsData[index];
+				});
+			}
+		});
+	}
+	handleTogglePopover(event) {
+		if (event instanceof PointerEvent || event instanceof KeyboardEvent && [" ", "Enter"].includes(event.key)) this.isPopoverOpen = !this.isPopoverOpen;
+	}
+	render() {
+		return html` <div class=${blockClass}>
+        ${this.tagsData.map((tag) => html`
+            <span id=${tag?.text}>
+              ${tag?.onClose ? html`<cds-dismissible-tag
+                    @cds-dismissible-tag-beingclosed=${(e) => this.handleDismiss(e, tag)}
+                    text=${tag?.text}
+                    tag-title="Provide a custom title to the tag"
+                    type=${tag.type}
+                    size=${tag.size}
+                  ></cds-dismissible-tag>` : html`<cds-tag type=${tag.type} size=${tag.size}
+                    >${tag?.text}</cds-tag
+                  >`}
+            </span>
+          `)}
+        <span data-offset ?data-hidden=${this.hiddenTags.length === 0}>
+          <cds-popover
+            ?open=${this.isPopoverOpen}
+            ?highContrast=${true}
+            align=${document.dir === "rtl" ? "bottom-left" : "bottom-right"}
+          >
+            <cds-operational-tag
+              size=${this.tagsData[0]?.size}
+              title="+${this.hiddenTags.length}"
+              text="+${this.hiddenTags.length}"
+              @click=${this.handleTogglePopover}
+              @keydown=${this.handleTogglePopover}
+            ></cds-operational-tag>
+            <cds-popover-content>
+              <div class="${`${blockClass}__popover-container`}">
+                ${this.hiddenTags.length > 0 ? this.hiddenTags.slice(0, 10).map((tag) => tag.onClose ? html`
+                            <div>
+                              <cds-dismissible-tag
+                                @cds-dismissible-tag-beingclosed=${(e) => this.handleDismiss(e, tag)}
+                                text=${tag?.text}
+                                tag-title="Provide a custom title to the tag"
+                                type=${tag.type}
+                                size=${tag.size}
+                              ></cds-dismissible-tag>
+                            </div>
+                          ` : html`<p class="${blockClass}__popover-tag">
+                            ${tag?.text}
+                          </p>`) : nothing}
+                ${this.hiddenTags.length > 10 ? html`
+                      <cds-link
+                        class="${blockClass}__view-all"
+                        @click=${() => this.modalOpen = true}
+                        @keydown=${(e) => {
+			if (e.key === " ") this.modalOpen = true;
+		}}
+                      >
+                        View all tags
+                      </cds-link>
+                    ` : nothing}
+              </div>
+            </cds-popover-content>
+          </cds-popover>
+        </span>
+      </div>
+      ${this.hiddenTags.length > 10 ? html`<cds-modal
+            ?open=${this.modalOpen}
+            size="sm"
+            @cds-modal-closed=${(_) => this.modalOpen = false}
+          >
+            <cds-modal-header>
+              <cds-modal-close-button></cds-modal-close-button>
+              <cds-modal-heading>All tags</cds-modal-heading>
+              <cds-search
+                size="lg"
+                close-button-label-text="Clear search input"
+                value="${this.searchString}"
+                class="${blockClass}__modal-tags-search"
+                label-text="Search"
+                placeholder="Search all tags"
+                type="text"
+                @cds-search-input=${(e) => this.searchString = e.detail.value}
+              ></cds-search>
+            </cds-modal-header>
+            <cds-modal-body>
+              <div class="${blockClass}__modal-tags-container">
+                ${this.tagsData.filter((tag) => tag.text && new RegExp(this.searchString, "i").test(tag.text)).map((tag) => tag.onClose ? html`<cds-dismissible-tag
+                          @cds-dismissible-tag-beingclosed=${(e) => this.handleDismiss(e, tag)}
+                          text=${tag?.text}
+                          tag-title="Provide a custom title to the tag"
+                          type=${tag.type}
+                          size=${tag.size}
+                        ></cds-dismissible-tag>` : html`<cds-tag type=${tag.type} size=${tag.size}
+                          >${tag?.text}</cds-tag
+                        >`)}
+              </div>
+            </cds-modal-body>
+          </cds-modal>` : nothing}`;
+	}
+	static {
+		this.styles = page_header_tags_set_default$1;
+	}
+};
+__decorate([state()], CDSPageHeaderTagsSet.prototype, "hiddenTags", void 0);
+__decorate([property({
+	type: Array,
+	attribute: "tags-data",
+	reflect: true
+})], CDSPageHeaderTagsSet.prototype, "tagsData", void 0);
+__decorate([query(`.${blockClass}`)], CDSPageHeaderTagsSet.prototype, "container", void 0);
+__decorate([query("[data-offset]")], CDSPageHeaderTagsSet.prototype, "offset", void 0);
+__decorate([state()], CDSPageHeaderTagsSet.prototype, "isPopoverOpen", void 0);
+__decorate([state()], CDSPageHeaderTagsSet.prototype, "modalOpen", void 0);
+__decorate([state()], CDSPageHeaderTagsSet.prototype, "searchString", void 0);
+CDSPageHeaderTagsSet = __decorate([customElement(`${prefix}-page-header-tags-set`)], CDSPageHeaderTagsSet);
+var page_header_tags_set_default = CDSPageHeaderTagsSet;
+
+//#endregion
+export { page_header_tags_set_default as default };
+//# sourceMappingURL=page-header-tags-set.js.map

package/es/components/page-header/page-header-tags-set/page-header-tags-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-tags-set.js","names":["styles"],"sources":["../../../../src/components/page-header/page-header-tags-set/page-header-tags-set.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport '@carbon/web-components/es/components/tag/index.js';\nimport '@carbon/web-components/es/components/link/index.js';\nimport '@carbon/web-components/es/components/modal/index.js';\nimport '@carbon/web-components/es/components/search/index.js';\nimport { createOverflowHandler } from '@carbon/utilities';\nimport { TagType } from './utils';\nimport styles from './page-header-tags-set.scss?lit';\nimport { prefix } from '../../../globals/settings';\n\nconst blockClass = `${prefix}--page-header-tags-set`;\n\n@customElement(`${prefix}-page-header-tags-set`)\nexport default class CDSPageHeaderTagsSet extends LitElement {\n  @state()\n  hiddenTags: TagType[] = [];\n\n  @property({ type: Array, attribute: 'tags-data', reflect: true })\n  tagsData: TagType[] = [];\n\n  @query(`.${blockClass}`)\n  private container!: HTMLElement;\n\n  @query('[data-offset]')\n  private offset!: HTMLElement;\n\n  @state()\n  private isPopoverOpen = false;\n\n  @state()\n  private modalOpen = false;\n\n  @state()\n  private searchString = '';\n\n  private overflowHandler: { disconnect: () => void } | undefined;\n  private resizeObserver: ResizeObserver | undefined; // only for observing width changes of offset\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.style.visibility = 'hidden';\n  }\n\n  firstUpdated() {\n    // setup overflow handler by observing offset by default\n    // dynamic changes in offset sizes re-initializes the handler to account for the new offset size\n    this.resizeObserver = new ResizeObserver(() => {\n      this.setupOverflowHandler();\n    });\n    this.resizeObserver.observe(this.offset);\n\n    // On first render, all elements are initially visible. so hiding `this` visibility in connectedCallback\n    // The handler runs on the second render to hide specific elements as needed.\n    // The following line restores visibility after layout settles, allowing for smoother transitions.\n    setTimeout(() => {\n      this.style.visibility = 'visible';\n    });\n\n    document.addEventListener('click', this.handleDocumentClick);\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    // setup overflow handler whenever tags data changes to account for the new item sizes\n    if (changedProperties.has('tagsData')) {\n      const previousIsPopoverOpen = this.isPopoverOpen;\n      this.updateComplete.then(() => {\n        this.hiddenTags = [];\n        this.isPopoverOpen = previousIsPopoverOpen;\n        this.setupOverflowHandler();\n      });\n    }\n\n    if (!this.hiddenTags.length) {\n      const lastItem = this.shadowRoot?.querySelector(\n        '[data-hidden]:not([data-offset])'\n      );\n      lastItem?.removeAttribute('data-hidden');\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.overflowHandler?.disconnect();\n    this.resizeObserver?.disconnect();\n    document.removeEventListener('click', this.handleDocumentClick);\n  }\n\n  private setupOverflowHandler() {\n    if (!this.container) {\n      return;\n    }\n\n    // Disconnect existing handler if any\n    this.overflowHandler?.disconnect();\n\n    this.overflowHandler = createOverflowHandler({\n      container: this.container,\n      onChange: (_, hiddenItems: HTMLElement[]) => {\n        const filteredChildren = Array.from(this.container.children).filter(\n          (child) =>\n            !child.hasAttribute('data-offset') &&\n            !child.hasAttribute('data-fixed')\n        );\n\n        this.hiddenTags = hiddenItems.map((hiddenItem) => {\n          const index = filteredChildren.indexOf(hiddenItem);\n          return this.tagsData[index];\n        });\n      },\n    });\n  }\n\n  private handleTogglePopover(event: Event) {\n    if (\n      event instanceof PointerEvent ||\n      (event instanceof KeyboardEvent && [' ', 'Enter'].includes(event.key))\n    ) {\n      this.isPopoverOpen = !this.isPopoverOpen;\n    }\n  }\n\n  private handleDocumentClick = (event: Event) => {\n    if (event.target !== this) {\n      this.isPopoverOpen = false;\n    }\n  };\n\n  private handleDismiss = (e: CustomEvent, tag: TagType) => {\n    e.stopPropagation();\n    e.preventDefault();\n\n    this.tagsData = this.tagsData.filter((t) => t.text !== tag.text);\n    this.shadowRoot\n      ?.querySelectorAll('[data-hidden]:not([data-offset])')\n      .forEach((el) => el.removeAttribute('data-hidden'));\n\n    const remaining = this.hiddenTags.filter((t) => t.text !== tag.text);\n    if (this.hiddenTags.length === 2 && remaining[0]) {\n      this.shadowRoot\n        ?.querySelector(`#${remaining[0].text}`)\n        ?.removeAttribute('data-hidden');\n    }\n  };\n\n  render() {\n    return html` <div class=${blockClass}>\n        ${this.tagsData.map(\n          (tag) => html`\n            <span id=${tag?.text}>\n              ${tag?.onClose\n                ? html`<cds-dismissible-tag\n                    @cds-dismissible-tag-beingclosed=${(e: CustomEvent) =>\n                      this.handleDismiss(e, tag)}\n                    text=${tag?.text}\n                    tag-title=\"Provide a custom title to the tag\"\n                    type=${tag.type}\n                    size=${tag.size}\n                  ></cds-dismissible-tag>`\n                : html`<cds-tag type=${tag.type} size=${tag.size}\n                    >${tag?.text}</cds-tag\n                  >`}\n            </span>\n          `\n        )}\n        <span data-offset ?data-hidden=${this.hiddenTags.length === 0}>\n          <cds-popover\n            ?open=${this.isPopoverOpen}\n            ?highContrast=${true}\n            align=${document.dir === 'rtl' ? 'bottom-left' : 'bottom-right'}\n          >\n            <cds-operational-tag\n              size=${this.tagsData[0]?.size}\n              title=\"+${this.hiddenTags.length}\"\n              text=\"+${this.hiddenTags.length}\"\n              @click=${this.handleTogglePopover}\n              @keydown=${this.handleTogglePopover}\n            ></cds-operational-tag>\n            <cds-popover-content>\n              <div class=\"${`${blockClass}__popover-container`}\">\n                ${this.hiddenTags.length > 0\n                  ? this.hiddenTags.slice(0, 10).map((tag) =>\n                      tag.onClose\n                        ? html`\n                            <div>\n                              <cds-dismissible-tag\n                                @cds-dismissible-tag-beingclosed=${(\n                                  e: CustomEvent\n                                ) => this.handleDismiss(e, tag)}\n                                text=${tag?.text}\n                                tag-title=\"Provide a custom title to the tag\"\n                                type=${tag.type}\n                                size=${tag.size}\n                              ></cds-dismissible-tag>\n                            </div>\n                          `\n                        : html`<p class=\"${blockClass}__popover-tag\">\n                            ${tag?.text}\n                          </p>`\n                    )\n                  : nothing}\n                ${this.hiddenTags.length > 10\n                  ? html`\n                      <cds-link\n                        class=\"${blockClass}__view-all\"\n                        @click=${() => (this.modalOpen = true)}\n                        @keydown=${(e: KeyboardEvent) => {\n                          if (e.key === ' ') {\n                            this.modalOpen = true;\n                          }\n                        }}\n                      >\n                        View all tags\n                      </cds-link>\n                    `\n                  : nothing}\n              </div>\n            </cds-popover-content>\n          </cds-popover>\n        </span>\n      </div>\n      ${this.hiddenTags.length > 10\n        ? html`<cds-modal\n            ?open=${this.modalOpen}\n            size=\"sm\"\n            @cds-modal-closed=${(_: CustomEvent) => (this.modalOpen = false)}\n          >\n            <cds-modal-header>\n              <cds-modal-close-button></cds-modal-close-button>\n              <cds-modal-heading>All tags</cds-modal-heading>\n              <cds-search\n                size=\"lg\"\n                close-button-label-text=\"Clear search input\"\n                value=\"${this.searchString}\"\n                class=\"${blockClass}__modal-tags-search\"\n                label-text=\"Search\"\n                placeholder=\"Search all tags\"\n                type=\"text\"\n                @cds-search-input=${(e: CustomEvent) =>\n                  (this.searchString = e.detail.value)}\n              ></cds-search>\n            </cds-modal-header>\n            <cds-modal-body>\n              <div class=\"${blockClass}__modal-tags-container\">\n                ${this.tagsData\n                  .filter(\n                    (tag) =>\n                      tag.text &&\n                      new RegExp(this.searchString, 'i').test(tag.text)\n                  )\n                  .map((tag) =>\n                    tag.onClose\n                      ? html`<cds-dismissible-tag\n                          @cds-dismissible-tag-beingclosed=${(e: CustomEvent) =>\n                            this.handleDismiss(e, tag)}\n                          text=${tag?.text}\n                          tag-title=\"Provide a custom title to the tag\"\n                          type=${tag.type}\n                          size=${tag.size}\n                        ></cds-dismissible-tag>`\n                      : html`<cds-tag type=${tag.type} size=${tag.size}\n                          >${tag?.text}</cds-tag\n                        >`\n                  )}\n              </div>\n            </cds-modal-body>\n          </cds-modal>`\n        : nothing}`;\n  }\n\n  static styles = styles;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'c4p-page-header-tags-set': CDSPageHeaderTagsSet;\n  }\n}\n"],"mappings":"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"}