@db-ux/wc-core-components 2.2.0 → 2.2.2-intersectionobserver-0b9938c

package/dist/esm/db-tooltip.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"db-tooltip.entry.js","sources":["src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { DBTooltipProps, DBTooltipState } from \"./model\";\nimport {\n  cls,\n  delay as utilsDelay,\n  getBooleanAsString,\n  uuid,\n} from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tooltip\",\n})\nexport class DBTooltip {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTooltipProps[\"id\"];\n  @Prop() variant: DBTooltipProps[\"variant\"];\n  @Prop() placement: DBTooltipProps[\"placement\"];\n  @Prop({attribute: \"classname\"}) className: DBTooltipProps[\"className\"];\n  @Prop() emphasis: DBTooltipProps[\"emphasis\"];\n  @Prop() animation: DBTooltipProps[\"animation\"];\n  @Prop() delay: DBTooltipProps[\"delay\"];\n  @Prop() width: DBTooltipProps[\"width\"];\n  @Prop() showArrow: DBTooltipProps[\"showArrow\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    event.stopPropagation();\n  }\n  handleEscape(event: any) {\n    if (\n      (!event || event.key === \"Escape\") &&\n      this._ref &&\n      getComputedStyle(this._ref).visibility === \"visible\"\n    ) {\n      this.getParent().blur();\n    }\n  }\n  getParent() {\n    let parent = this._ref.parentElement;\n    if (parent && parent.localName.includes(\"tooltip\")) {\n      // Angular workaround\n      parent = parent.parentElement;\n    }\n    return parent;\n  }\n  handleAutoPlacement(parent?: HTMLElement) {\n    if (!parent) return;\n    if (this._ref) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(\n          this._ref,\n          parent,\n          (this.placement as unknown as string) ?? \"bottom\"\n        );\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any, parent?: HTMLElement) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement(parent);\n    }\n  }\n  handleLeave() {\n    if (this._documentScrollListenerCallbackId) {\n      new DocumentScrollListener().removeCallback(\n        this._documentScrollListenerCallbackId!\n      );\n    }\n    this._observer?.unobserve(this.getParent());\n  }\n  handleEnter(parent?: HTMLElement) {\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event, parent)\n      );\n    this.handleAutoPlacement(parent);\n    this._observer?.observe(this.getParent());\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized && this._id) {\n      const parent = this.getParent();\n      if (parent) {\n        [\"mouseenter\", \"focusin\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleEnter(parent));\n        });\n        parent.addEventListener(\"keydown\", (event) => this.handleEscape(event));\n        [\"mouseleave\", \"focusout\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleLeave());\n        });\n        parent.setAttribute(\"data-has-tooltip\", \"true\");\n        if (this.variant === \"label\") {\n          parent.setAttribute(\"aria-labelledby\", this._id);\n        } else {\n          parent.setAttribute(\"aria-describedby\", this._id);\n        }\n      }\n      this._observer = new IntersectionObserver((payload) => {\n        const entry = payload.find(({ target }) => target === this.getParent());\n        if (entry && !entry.isIntersecting) {\n          this.handleEscape(false);\n        }\n      });\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <i\n        class={cls(\"db-tooltip\", this.className)}\n        role=\"tooltip\"\n        aria-hidden=\"true\"\n        data-gap=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-emphasis={this.emphasis}\n        data-animation={getBooleanAsString(this.animation ?? true)}\n        data-delay={this.delay}\n        data-width={this.width}\n        data-show-arrow={getBooleanAsString(this.showArrow ?? true)}\n        data-placement={this.placement}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"names":["utilsDelay"],"mappings":"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"}
+{"version":3,"file":"db-tooltip.entry.js","sources":["src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { DBTooltipProps, DBTooltipState } from \"./model\";\nimport {\n  cls,\n  delay as utilsDelay,\n  getBooleanAsString,\n  uuid,\n} from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tooltip\",\n})\nexport class DBTooltip {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTooltipProps[\"id\"];\n  @Prop() variant: DBTooltipProps[\"variant\"];\n  @Prop() placement: DBTooltipProps[\"placement\"];\n  @Prop({attribute: \"classname\"}) className: DBTooltipProps[\"className\"];\n  @Prop() emphasis: DBTooltipProps[\"emphasis\"];\n  @Prop() animation: DBTooltipProps[\"animation\"];\n  @Prop() delay: DBTooltipProps[\"delay\"];\n  @Prop() width: DBTooltipProps[\"width\"];\n  @Prop() showArrow: DBTooltipProps[\"showArrow\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    event.stopPropagation();\n  }\n  handleEscape(event: any) {\n    if (\n      (!event || event.key === \"Escape\") &&\n      this._ref &&\n      getComputedStyle(this._ref).visibility === \"visible\"\n    ) {\n      this.getParent().blur();\n    }\n  }\n  getParent() {\n    let parent = this._ref.parentElement;\n    if (parent && parent.localName.includes(\"tooltip\")) {\n      // Angular workaround\n      parent = parent.parentElement;\n    }\n    return parent;\n  }\n  handleAutoPlacement(parent?: HTMLElement) {\n    if (!parent) return;\n    if (this._ref) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(\n          this._ref,\n          parent,\n          (this.placement as unknown as string) ?? \"bottom\"\n        );\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any, parent?: HTMLElement) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement(parent);\n    }\n  }\n  handleLeave() {\n    if (this._documentScrollListenerCallbackId) {\n      new DocumentScrollListener().removeCallback(\n        this._documentScrollListenerCallbackId!\n      );\n    }\n    this._observer?.unobserve(this.getParent());\n  }\n  handleEnter(parent?: HTMLElement) {\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event, parent)\n      );\n    this.handleAutoPlacement(parent);\n    this._observer?.observe(this.getParent());\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized && this._id) {\n      const parent = this.getParent();\n      if (parent) {\n        [\"mouseenter\", \"focusin\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleEnter(parent));\n        });\n        parent.addEventListener(\"keydown\", (event) => this.handleEscape(event));\n        [\"mouseleave\", \"focusout\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleLeave());\n        });\n        parent.setAttribute(\"data-has-tooltip\", \"true\");\n        if (this.variant === \"label\") {\n          parent.setAttribute(\"aria-labelledby\", this._id);\n        } else {\n          parent.setAttribute(\"aria-describedby\", this._id);\n        }\n      }\n      if (typeof window !== \"undefined\" && \"IntersectionObserver\" in window) {\n        this._observer = new IntersectionObserver((payload) => {\n          const entry = payload.find(\n            ({ target }) => target === this.getParent()\n          );\n          if (entry && !entry.isIntersecting) {\n            this.handleEscape(false);\n          }\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <i\n        class={cls(\"db-tooltip\", this.className)}\n        role=\"tooltip\"\n        aria-hidden=\"true\"\n        data-gap=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-emphasis={this.emphasis}\n        data-animation={getBooleanAsString(this.animation ?? true)}\n        data-delay={this.delay}\n        data-width={this.width}\n        data-show-arrow={getBooleanAsString(this.showArrow ?? true)}\n        data-placement={this.placement}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"names":["utilsDelay"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "2.2.0",
+  "version": "2.2.2-intersectionobserver-0b9938c",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
   },
   "web-types": "./dist/web-types.json",
   "dependencies": {
-    "@db-ux/core-components": "2.2.0",
-    "@db-ux/core-foundations": "2.2.0"
+    "@db-ux/core-components": "2.2.2-intersectionobserver-0b9938c",
+    "@db-ux/core-foundations": "2.2.2-intersectionobserver-0b9938c"
   }
 }

package/dist/db-ux/p-474734cf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBPopover","constructor","hostRef","this","initialized","isExpanded","_documentScrollListenerCallbackId","undefined","_observer","handleEscape","event","key","child","Array","from","_ref","children","blur","handleAutoPlacement","article","querySelector","utilsDelay","handleFixedPopover","_a","placement","handleDocumentScroll","target","contains","_b","handleEnter","DocumentScrollListener","addCallback","getTrigger","observe","handleLeave","element","parent","parentNode","removeCallback","unobserve","length","firstChild","tagName","includes","enableAttributePassing","customElementSelector","closest","attributes","i","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","watch0Fn","ariaHasPopup","addEventListener","forEach","IntersectionObserver","payload","entry","find","isIntersecting","watch0","watch1Fn","ariaExpanded","Boolean","toString","watch1","componentDidLoad","render","h","class","cls","className","ref","el","id","spacing","getBooleanAsString","gap","animation","open","delay","width"],"sources":["src/components/popover/popover.tsx"],"sourcesContent":["import { DBPopoverProps, DBPopoverState } from \"./model\";\nimport { cls, delay as utilsDelay, getBooleanAsString } from \"../../utils\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot trigger - TODO: Add description for slotTrigger\n */\n @Component({\n  tag: \"db-popover\",\n})\nexport class DBPopover {\n  private _ref!: HTMLDivElement | any;\n  @Prop() placement: DBPopoverProps[\"placement\"];\n  @Prop() id: DBPopoverProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPopoverProps[\"className\"];\n  @Prop() spacing: DBPopoverProps[\"spacing\"];\n  @Prop() gap: DBPopoverProps[\"gap\"];\n  @Prop() animation: DBPopoverProps[\"animation\"];\n  @Prop() open: DBPopoverProps[\"open\"];\n  @Prop() delay: DBPopoverProps[\"delay\"];\n  @Prop() width: DBPopoverProps[\"width\"];\n  @State() initialized = false;\n  @State() isExpanded = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleEscape(event: any) {\n    if (!event || event.key === \"Escape\") {\n      // TODO: Recursive for any child\n      for (const child of Array.from(this._ref.children)) {\n        (child as HTMLElement).blur();\n      }\n    }\n  }\n  handleAutoPlacement() {\n    if (!this._ref) return;\n    const article = this._ref.querySelector(\"article\");\n    if (article) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(\n          article,\n          this._ref,\n          (this.placement as unknown as string) ?? \"bottom\"\n        );\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement();\n    }\n  }\n  handleEnter() {\n    this.isExpanded = true;\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event)\n      );\n    this.handleAutoPlacement();\n    const child = this.getTrigger();\n    if (child) {\n      this._observer?.observe(child);\n    }\n  }\n  handleLeave(event?: any) {\n    const element = event?.target as HTMLElement;\n    const parent = element?.parentNode;\n    if (\n      !parent ||\n      (element.parentNode.querySelector(\":focus\") !== element &&\n        element.parentNode.querySelector(\":focus-within\") !== element &&\n        element.parentNode.querySelector(\":hover\") !== element)\n    ) {\n      this.isExpanded = false;\n      if (this._documentScrollListenerCallbackId) {\n        new DocumentScrollListener().removeCallback(\n          this._documentScrollListenerCallbackId!\n        );\n      }\n      const child = this.getTrigger();\n      if (child) {\n        this._observer?.unobserve(child);\n      }\n    }\n  }\n  getTrigger() {\n    if (this._ref) {\n      const children: Element[] = Array.from(this._ref.children);\n      if (children.length >= 2) {\n        const firstChild = children[0];\n        if (firstChild.tagName.includes(\"-\")) {\n          // this is a workaround for custom angular components\n          return firstChild.children?.length > 0\n            ? firstChild.children[0]\n            : null;\n        } else {\n          return firstChild;\n        }\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initialized = false;\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaHasPopup = \"true\";\n      }\n      this.handleAutoPlacement();\n      this._ref.addEventListener(\"keydown\", (event: any) =>\n        this.handleEscape(event)\n      );\n      [\"mouseenter\", \"focusin\"].forEach((event) => {\n        this._ref.addEventListener(event, () => this.handleEnter());\n      });\n      [\"mouseleave\", \"focusout\"].forEach((event) => {\n        this._ref.addEventListener(event, () => this.handleLeave());\n      });\n      this._observer = new IntersectionObserver((payload) => {\n        const entry = payload.find(\n          ({ target }) => target === this.getTrigger()\n        );\n        if (entry && !entry.isIntersecting) {\n          this.handleEscape(false);\n        }\n      });\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref) {\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaExpanded = Boolean(this.isExpanded).toString();\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"isExpanded\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-popover\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-popover\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot name=\"trigger\"></slot>\n        <article\n          class=\"db-popover-content\"\n          data-spacing={this.spacing}\n          data-gap={getBooleanAsString(this.gap)}\n          data-animation={getBooleanAsString(this.animation ?? true)}\n          data-open={getBooleanAsString(this.open)}\n          data-delay={this.delay}\n          data-width={this.width}\n          data-placement={this.placement}\n        >\n          <slot></slot>\n        </article>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-5bbfcf9a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBTooltip","constructor","hostRef","this","_id","DEFAULT_ID","initialized","_documentScrollListenerCallbackId","undefined","_observer","handleClick","event","stopPropagation","handleEscape","key","_ref","getComputedStyle","visibility","getParent","blur","parent","parentElement","localName","includes","handleAutoPlacement","utilsDelay","handleFixedPopover","_a","placement","handleDocumentScroll","target","contains","_b","handleLeave","DocumentScrollListener","removeCallback","unobserve","handleEnter","addCallback","observe","enableAttributePassing","element","customElementSelector","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","watch0Fn","forEach","addEventListener","variant","IntersectionObserver","payload","entry","find","isIntersecting","watch0","componentDidLoad","id","uuid","render","h","class","cls","className","role","ref","el","emphasis","getBooleanAsString","animation","delay","width","showArrow","onClick"],"sources":["src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { DBTooltipProps, DBTooltipState } from \"./model\";\nimport {\n  cls,\n  delay as utilsDelay,\n  getBooleanAsString,\n  uuid,\n} from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tooltip\",\n})\nexport class DBTooltip {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTooltipProps[\"id\"];\n  @Prop() variant: DBTooltipProps[\"variant\"];\n  @Prop() placement: DBTooltipProps[\"placement\"];\n  @Prop({attribute: \"classname\"}) className: DBTooltipProps[\"className\"];\n  @Prop() emphasis: DBTooltipProps[\"emphasis\"];\n  @Prop() animation: DBTooltipProps[\"animation\"];\n  @Prop() delay: DBTooltipProps[\"delay\"];\n  @Prop() width: DBTooltipProps[\"width\"];\n  @Prop() showArrow: DBTooltipProps[\"showArrow\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    event.stopPropagation();\n  }\n  handleEscape(event: any) {\n    if (\n      (!event || event.key === \"Escape\") &&\n      this._ref &&\n      getComputedStyle(this._ref).visibility === \"visible\"\n    ) {\n      this.getParent().blur();\n    }\n  }\n  getParent() {\n    let parent = this._ref.parentElement;\n    if (parent && parent.localName.includes(\"tooltip\")) {\n      // Angular workaround\n      parent = parent.parentElement;\n    }\n    return parent;\n  }\n  handleAutoPlacement(parent?: HTMLElement) {\n    if (!parent) return;\n    if (this._ref) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(\n          this._ref,\n          parent,\n          (this.placement as unknown as string) ?? \"bottom\"\n        );\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any, parent?: HTMLElement) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement(parent);\n    }\n  }\n  handleLeave() {\n    if (this._documentScrollListenerCallbackId) {\n      new DocumentScrollListener().removeCallback(\n        this._documentScrollListenerCallbackId!\n      );\n    }\n    this._observer?.unobserve(this.getParent());\n  }\n  handleEnter(parent?: HTMLElement) {\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event, parent)\n      );\n    this.handleAutoPlacement(parent);\n    this._observer?.observe(this.getParent());\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized && this._id) {\n      const parent = this.getParent();\n      if (parent) {\n        [\"mouseenter\", \"focusin\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleEnter(parent));\n        });\n        parent.addEventListener(\"keydown\", (event) => this.handleEscape(event));\n        [\"mouseleave\", \"focusout\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleLeave());\n        });\n        parent.setAttribute(\"data-has-tooltip\", \"true\");\n        if (this.variant === \"label\") {\n          parent.setAttribute(\"aria-labelledby\", this._id);\n        } else {\n          parent.setAttribute(\"aria-describedby\", this._id);\n        }\n      }\n      this._observer = new IntersectionObserver((payload) => {\n        const entry = payload.find(({ target }) => target === this.getParent());\n        if (entry && !entry.isIntersecting) {\n          this.handleEscape(false);\n        }\n      });\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <i\n        class={cls(\"db-tooltip\", this.className)}\n        role=\"tooltip\"\n        aria-hidden=\"true\"\n        data-gap=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-emphasis={this.emphasis}\n        data-animation={getBooleanAsString(this.animation ?? true)}\n        data-delay={this.delay}\n        data-width={this.width}\n        data-show-arrow={getBooleanAsString(this.showArrow ?? true)}\n        data-placement={this.placement}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-698c2d19.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionText","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_descByIds","_selectedLabels","_selectedLabelsId","_voiceOverFallback","_selectedOptions","selectAllEnabled","searchEnabled","amountOptions","_values","_options","_hasNoOptions","_documentClickListenerCallbackId","_internalChangeTimestamp","_documentScrollListenerCallbackId","_observer","_searchValue","selectAllChecked","selectAllIndeterminate","satisfyReact","event","stopPropagation","handleDocumentScroll","_a","target","contains","_b","detailsRef","handleAutoPlacement","hasValidState","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","dropdownToggle","emit","open","DocumentClickListener","addCallback","handleDocumentClose","DocumentScrollListener","observe","dataset","test","handleOpenByKeyboardFocus","removeCallback","unobserve","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","handleSelect","handleSummaryFocus","dropdown","querySelector","handleFixedDropdown","placement","handleArrowDownUp","self","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleKeyboardPress","relatedTarget","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","handleSearch","filterText","searchFilter","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","addEventListener","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_LABEL_ID_SUFFIX","DEFAULT_SELECT_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","watch1","watch2Fn","summary","ariaDescribedBy","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","sValue","watch11","watch12Fn","watch12","watch13Fn","selectedLabels","transformSelectedLabels","selectedOptions","transformFn","selectedType","amountText","DEFAULT_SELECTED","watch13","watch14Fn","amountChange","watch14","watch15Fn","selectAllRef","indeterminate","watch15","watch16Fn","watch16","componentDidLoad","_ref","mId","id","uuid","IntersectionObserver","payload","entry","find","isIntersecting","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","showLoading","onInput","semantic","noResultsText","loadingText","DEFAULT_MESSAGE","checked","_k","_j","ariaListLabel","_l","showDivider","groupTitle","size","onClick","_m","mobileCloseButtonText","DEFAULT_CLOSE_BUTTON","_o","_p","noText","_q","messageIcon"],"sources":["src/components/custom-select/custom-select.tsx"],"sourcesContent":["import {\n  CustomSelectOptionType,\n  DBCustomSelectProps,\n  DBCustomSelectState,\n} from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  getOptionKey,\n  getSearchInput,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_CLOSE_BUTTON,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_LABEL_ID_SUFFIX,\n  DEFAULT_MESSAGE,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_REMOVE,\n  DEFAULT_SELECT_ID_SUFFIX,\n  DEFAULT_SELECTED,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, ClickEvent } from \"../../shared/model\";\nimport { DBCustomSelectList } from \"../custom-select-list/custom-select-list\";\nimport { DBCustomSelectListItem } from \"../custom-select-list-item/custom-select-list-item\";\nimport { DBCustomSelectDropdown } from \"../custom-select-dropdown/custom-select-dropdown\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBTag } from \"../tag/tag\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInput } from \"../input/input\";\nimport { DocumentClickListener } from \"../../utils/document-click-listener\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\nimport { handleFixedDropdown } from \"../../utils/floating-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select\",\n})\nexport class DBCustomSelect {\n  private _ref!: HTMLDivElement | any;\n  private detailsRef!: HTMLDetailsElement | any;\n  private selectRef!: HTMLSelectElement | any;\n  private selectAllRef!: HTMLInputElement | any;\n  private searchInputRef!: HTMLInputElement | any;\n  @Prop() id: DBCustomSelectProps[\"id\"];\n  @Prop() invalidMessage: DBCustomSelectProps[\"invalidMessage\"];\n  @Prop() message: DBCustomSelectProps[\"message\"];\n  @Prop() showMessage: DBCustomSelectProps[\"showMessage\"];\n  @Prop() ariaDescribedBy: DBCustomSelectProps[\"ariaDescribedBy\"];\n  @Prop() showNoResults: DBCustomSelectProps[\"showNoResults\"];\n  @Prop() multiple: DBCustomSelectProps[\"multiple\"];\n  @Prop() showSelectAll: DBCustomSelectProps[\"showSelectAll\"];\n  @Prop() showSearch: DBCustomSelectProps[\"showSearch\"];\n  @Prop() values: DBCustomSelectProps[\"values\"];\n  @Prop() validation: DBCustomSelectProps[\"validation\"];\n  @Prop() options: DBCustomSelectProps[\"options\"];\n  @Prop() searchValue: DBCustomSelectProps[\"searchValue\"];\n  @Prop() selectedLabels: DBCustomSelectProps[\"selectedLabels\"];\n  @Prop()\n  transformSelectedLabels: DBCustomSelectProps[\"transformSelectedLabels\"];\n  @Prop() selectedType: DBCustomSelectProps[\"selectedType\"];\n  @Prop() amountText: DBCustomSelectProps[\"amountText\"];\n  @Event() amountChange: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n  > | void;\n  @Prop() validMessage: DBCustomSelectProps[\"validMessage\"];\n  @Prop() required: DBCustomSelectProps[\"required\"];\n  @Event() dropdownToggle: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n  > | void;\n  @Prop() selectAllLabel: DBCustomSelectProps[\"selectAllLabel\"];\n  @Prop() removeTagsTexts: DBCustomSelectProps[\"removeTagsTexts\"];\n  @Prop() placement: DBCustomSelectProps[\"placement\"];\n  @Event() optionSelected: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void;\n  @Event() search: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onSearch\"]>[number]\n  > | void;\n  @Prop() searchFilter: DBCustomSelectProps[\"searchFilter\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n  @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n  @Prop() variant: DBCustomSelectProps[\"variant\"];\n  @Prop() showLabel: DBCustomSelectProps[\"showLabel\"];\n  @Prop() icon: DBCustomSelectProps[\"icon\"];\n  @Prop() showIcon: DBCustomSelectProps[\"showIcon\"];\n  @Prop() label: DBCustomSelectProps[\"label\"];\n  @Prop() form: DBCustomSelectProps[\"form\"];\n  @Prop() name: DBCustomSelectProps[\"name\"];\n  @Prop() disabled: DBCustomSelectProps[\"disabled\"];\n  @Prop() open: DBCustomSelectProps[\"open\"];\n  @Prop() dropdownWidth: DBCustomSelectProps[\"dropdownWidth\"];\n  @Prop() searchLabel: DBCustomSelectProps[\"searchLabel\"];\n  @Prop() searchPlaceholder: DBCustomSelectProps[\"searchPlaceholder\"];\n  @Prop() showLoading: DBCustomSelectProps[\"showLoading\"];\n  @Prop() ariaListLabel: DBCustomSelectProps[\"ariaListLabel\"];\n  @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\n  @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n  @Prop() mobileCloseButtonText: DBCustomSelectProps[\"mobileCloseButtonText\"];\n  @Prop() showClearSelection: DBCustomSelectProps[\"showClearSelection\"] = true;\n  @Prop() clearSelectionText: DBCustomSelectProps[\"clearSelectionText\"] =\n    \"Clear selection\";\n  @Prop() placeholder: DBCustomSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBCustomSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _selectId = undefined;\n  @State() _labelId = undefined;\n  @State() _summaryId = undefined;\n  @State() _placeholderId = undefined;\n  @State() _infoTextId = undefined;\n  @State() _validity = \"no-validation\";\n  @State() _descByIds = \"\";\n  @State() _selectedLabels = \"\";\n  @State() _selectedLabelsId = undefined;\n  @State() _voiceOverFallback = \"\";\n  @State() _selectedOptions = [];\n  @State() selectAllEnabled = false;\n  @State() searchEnabled = false;\n  @State() amountOptions = 0;\n  @State() _values = [];\n  @State() _options = [];\n  @State() _hasNoOptions = false;\n  @State() _documentClickListenerCallbackId = undefined;\n  @State() _internalChangeTimestamp = 0;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n  @State() _searchValue = undefined;\n  @State() selectAllChecked = false;\n  @State() selectAllIndeterminate = false;\n\n  handleDocumentScroll(event: any) {\n    if (event?.target?.contains && event?.target?.contains(this.detailsRef)) {\n      this.handleAutoPlacement();\n    }\n  }\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    if (this.selectRef) {\n      this.selectRef.value = this.getNativeSelectValue();\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this.selectRef?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this.selectRef?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"invalid\";\n    } else if (\n      this.hasValidState() &&\n      this.selectRef?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"valid\";\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n      this._validity = this.validation ?? \"no-validation\";\n    } else {\n      this._descByIds = this._placeholderId;\n      this._validity = this.validation ?? \"no-validation\";\n    }\n  }\n  handleDropdownToggle(event: any) {\n    if (this.dropdownToggle) {\n      event.stopPropagation();\n      this.dropdownToggle.emit(event);\n    }\n    if (event.target.open) {\n      this._documentClickListenerCallbackId =\n        new DocumentClickListener().addCallback((event) =>\n          this.handleDocumentClose(event)\n        );\n      this._documentScrollListenerCallbackId =\n        new DocumentScrollListener().addCallback((event) =>\n          this.handleDocumentScroll(event)\n        );\n      this.handleAutoPlacement();\n      this._observer?.observe(this.detailsRef);\n      if (!event.target.dataset.test) {\n        // We need this workaround for snapshot testing\n        this.handleOpenByKeyboardFocus();\n      }\n    } else {\n      if (this._documentClickListenerCallbackId) {\n        new DocumentClickListener().removeCallback(\n          this._documentClickListenerCallbackId!\n        );\n      }\n      if (this._documentScrollListenerCallbackId) {\n        new DocumentScrollListener().removeCallback(\n          this._documentScrollListenerCallbackId!\n        );\n      }\n      this._observer?.unobserve(this.detailsRef);\n    }\n  }\n  getNativeSelectValue() {\n    if (this._values?.length) {\n      return this._values!.at(0) ?? \"\";\n    }\n    return \"\";\n  }\n  setDescById(descId?: string) {\n    const descByIds: string[] = [];\n    if (descId) {\n      descByIds.push(descId);\n    }\n    if (this._selectedLabelsId && this._selectedLabels?.length) {\n      descByIds.push(this._selectedLabelsId!);\n    }\n    this._descByIds = descByIds.join(\" \");\n  }\n  getSelectAllLabel() {\n    return this.selectAllLabel ?? DEFAULT_LABEL;\n  }\n  getOptionLabel(option: CustomSelectOptionType) {\n    return option.label ?? option.value?.toString() ?? \"\";\n  }\n  getOptionChecked(value?: string) {\n    if (value && this._values?.includes) {\n      return this._values?.includes(value!);\n    }\n    return false;\n  }\n  getTagRemoveLabel(index: number) {\n    if (this.removeTagsTexts && this.removeTagsTexts!.length > index) {\n      return this.removeTagsTexts!.at(index)!;\n    } else {\n      return `${DEFAULT_REMOVE} ${\n        this._selectedOptions\n          ? this.getOptionLabel(this._selectedOptions![index])\n          : \"\"\n      }`;\n    }\n  }\n  handleTagRemove(option: CustomSelectOptionType, event: any) {\n    event.stopPropagation();\n    this.handleSelect(option.value);\n    this.handleSummaryFocus();\n  }\n  handleAutoPlacement() {\n    if (this.detailsRef) {\n      const dropdown = this.detailsRef.querySelector(\"article\");\n      if (dropdown) {\n        // This is a workaround for Angular\n        delay(() => {\n          handleFixedDropdown(\n            dropdown,\n            this.detailsRef,\n            (this.placement as unknown as string) ?? \"bottom\"\n          );\n        }, 1);\n      }\n    }\n  }\n  handleArrowDownUp(event: any) {\n    if (this.detailsRef?.open) {\n      if (self.document) {\n        const activeElement = self.document.activeElement;\n        if (activeElement) {\n          // 1. we check if we are currently focusing a checkbox in the dropdown\n          const isCheckbox =\n            activeElement.getAttribute(\"type\") === \"checkbox\" ||\n            activeElement.getAttribute(\"type\") === \"radio\";\n          if (isCheckbox) {\n            const listElement = activeElement?.closest(\"li\");\n            if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n              if (listElement?.nextElementSibling) {\n                listElement?.nextElementSibling\n                  ?.querySelector(\"input\")\n                  ?.focus();\n              } else {\n                // We are on the last checkbox we move to the top checkbox\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              }\n            } else {\n              if (listElement?.previousElementSibling) {\n                listElement?.previousElementSibling\n                  ?.querySelector(\"input\")\n                  ?.focus();\n              } else if (\n                this.detailsRef.querySelector(`input[type=\"checkbox\"]`) !==\n                activeElement\n              ) {\n                // We are on the top list checkbox but there is a select all checkbox as well\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              } else {\n                // We are on the top checkbox, we need to move to the search\n                // or to the last checkbox\n                const search = getSearchInput(this.detailsRef);\n                if (search) {\n                  delay(() => {\n                    search.focus();\n                  }, 100);\n                } else {\n                  const checkboxList: HTMLInputElement[] = Array.from(\n                    this.detailsRef?.querySelectorAll(\n                      `input[type=\"checkbox\"],input[type=\"radio\"]`\n                    )\n                  );\n                  if (checkboxList.length) {\n                    checkboxList.at(-1)?.focus();\n                  }\n                }\n              }\n            }\n          } else {\n            // 2. If we are on the search, and press up we go back to summary and close\n            if (\n              activeElement.getAttribute(\"type\") === \"search\" &&\n              (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\")\n            ) {\n              this.handleClose(\"close\");\n              this.handleSummaryFocus();\n            } else {\n              // 3. Otherwise, we need to move to the first checkbox\n              this.handleFocusFirstDropdownCheckbox(activeElement);\n            }\n          }\n        }\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      // Open dropdown with arrows see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/#keyboardinteraction\n      this.handleAutoPlacement();\n      if (this.detailsRef) {\n        this.detailsRef.open = true;\n      }\n      this.handleOpenByKeyboardFocus();\n    }\n    event.stopPropagation();\n    event.preventDefault();\n  }\n  handleKeyboardPress(event: any) {\n    event.stopPropagation();\n    if (event.key === \"Escape\" && this.detailsRef?.open) {\n      this.handleClose(\"close\");\n      this.handleSummaryFocus();\n    } else if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      event.key === \"ArrowLeft\" ||\n      event.key === \"ArrowRight\"\n    ) {\n      this.handleArrowDownUp(event);\n    }\n  }\n  handleClose(event: any) {\n    if (this.detailsRef) {\n      if (event === \"close\") {\n        this.detailsRef.open = false;\n        this.handleSummaryFocus();\n      } else if (this.detailsRef.open && event?.relatedTarget) {\n        const relatedTarget = event.relatedTarget as HTMLElement;\n        if (!this.detailsRef.contains(relatedTarget)) {\n          // We need to use delay here because the combination of `contains`\n          // and changing the DOM element causes a race condition inside browser\n          delay(() => (this.detailsRef.open = false), 1);\n        }\n      }\n    }\n  }\n  handleDocumentClose(event: any) {\n    if (event) {\n      // stencil is sending a custom event which wraps the pointer event into details\n      const target =\n        typeof event.detail === \"number\" ? event.target : event.detail?.target;\n      if (this.detailsRef?.open && !this.detailsRef.contains(target)) {\n        this.detailsRef.open = false;\n      }\n    }\n  }\n  handleOptionSelected(values: string[]) {\n    const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n    if (skip) return;\n    this._values = values;\n    if (this.optionSelected) {\n      this.optionSelected.emit(values ?? []);\n    }\n    this._internalChangeTimestamp = new Date().getTime();\n  }\n  handleSelect(value?: string) {\n    if (value) {\n      if (this.multiple) {\n        if (this._values?.includes(value)) {\n          this.handleOptionSelected(\n            this._values!.filter((v: string) => v !== value)\n          );\n        } else {\n          this.handleOptionSelected([...(this._values || []), value]);\n        }\n      } else {\n        this.handleOptionSelected([value]);\n        this.handleClose(\"close\");\n      }\n    }\n  }\n  handleSelectAll(event: any) {\n    event.stopPropagation();\n    if (this._values?.length === this.amountOptions) {\n      this.handleOptionSelected([]);\n    } else {\n      const searchValue: string | undefined =\n        this.searchEnabled && this.searchInputRef\n          ? this.searchInputRef.value\n          : undefined;\n      this.handleOptionSelected(\n        this.options\n          ? this.options!.filter(\n              (option) =>\n                !option.isGroupTitle &&\n                (!searchValue ||\n                  option.value\n                    ?.toLowerCase()\n                    .includes(searchValue.toLowerCase()))\n            ).map((option) => option.value ?? \"\")\n          : []\n      );\n    }\n  }\n  handleFocusFirstDropdownCheckbox(activeElement?: Element) {\n    if (this.detailsRef) {\n      const checkboxes: HTMLInputElement[] = Array.from(\n        this.detailsRef.querySelectorAll(\n          `input[type=\"checkbox\"],input[type=\"radio\"]`\n        )\n      );\n      if (checkboxes.length) {\n        const first = checkboxes.at(0);\n        const checkbox =\n          first === activeElement && checkboxes.length > 1\n            ? checkboxes.at(1)\n            : first;\n        if (checkbox) {\n          delay(() => {\n            // Takes some time until element can be focused\n            (checkbox as HTMLInputElement).focus();\n          }, 1);\n        }\n      }\n    }\n  }\n  handleOpenByKeyboardFocus() {\n    if (this.detailsRef) {\n      // Focus search if possible\n      const search = getSearchInput(this.detailsRef);\n      if (search) {\n        delay(() => {\n          // Takes some time until element can be focused\n          search.focus();\n        }, 1);\n      } else {\n        // Focus first checkbox otherwise\n        this.handleFocusFirstDropdownCheckbox();\n      }\n    }\n  }\n  handleSearch(event: any) {\n    let filterText;\n    if (typeof event === \"string\") {\n      filterText = event;\n    } else {\n      event.stopPropagation();\n      if (this.search) {\n        this.search.emit(event);\n      }\n      filterText = (event.target as HTMLInputElement).value;\n      this._searchValue = filterText;\n    }\n    if (!this.options || !filterText || filterText.length === 0) {\n      this._options = this.options;\n    } else if (this.searchFilter) {\n      this._options = this.options!.filter((option) =>\n        this.searchFilter!(option, filterText)\n      );\n    } else {\n      this._options = this.options!.filter(\n        (option) =>\n          !option.isGroupTitle &&\n          this.getOptionLabel(option)\n            .toLowerCase()\n            .includes(filterText.toLowerCase())\n      );\n    }\n  }\n  handleClearAll(event: any) {\n    event.stopPropagation();\n    this.handleOptionSelected([]);\n    this.handleSummaryFocus();\n  }\n  handleSummaryFocus() {\n    if (this.detailsRef) {\n      (this.detailsRef as HTMLDetailsElement).querySelector(\"summary\")?.focus();\n    }\n  }\n  satisfyReact = function satisfyReact(event: any) {\n    // This is a function to satisfy React\n    event.stopPropagation();\n  };\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.detailsRef) {\n      this.detailsRef.addEventListener(\"focusout\", (event: any) =>\n        this.handleClose(event)\n      );\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._labelId = this._id + DEFAULT_LABEL_ID_SUFFIX;\n      this._selectId = this._id + DEFAULT_SELECT_ID_SUFFIX;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this.setDescById(messageId);\n      } else {\n        this.setDescById();\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this.detailsRef) {\n      const summary = this.detailsRef.querySelector(\"summary\");\n      if (summary) {\n        summary.setAttribute(\n          \"aria-describedby\",\n          this.ariaDescribedBy ?? (this._descByIds || \"\")\n        );\n      }\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  @Watch(\"_descByIds\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  watch3Fn() {\n    if (this.showNoResults !== undefined) {\n      this._hasNoOptions = this.showNoResults!;\n    } else if (this._options) {\n      this._hasNoOptions = this._options!.length === 0;\n    }\n  }\n\n  @Watch(\"showNoResults\")\n  @Watch(\"_options\")\n  watch3() {\n    this.watch3Fn();\n  }\n\n  watch4Fn() {\n    this.selectAllEnabled = Boolean(\n      this.multiple && (this.showSelectAll ?? this.amountOptions > 5)\n    );\n  }\n\n  @Watch(\"showSelectAll\")\n  @Watch(\"amountOptions\")\n  @Watch(\"multiple\")\n  watch4() {\n    this.watch4Fn();\n  }\n\n  watch5Fn() {\n    this.searchEnabled = this.showSearch ?? this.amountOptions > 9;\n  }\n\n  @Watch(\"showSearch\")\n  @Watch(\"amountOptions\")\n  watch5() {\n    this.watch5Fn();\n  }\n\n  watch6Fn() {\n    if (\n      this.values &&\n      Array.isArray(this.values) &&\n      this.values !== this._values\n    ) {\n      this._values = this.values ?? [];\n    }\n  }\n\n  @Watch(\"values\")\n  watch6() {\n    this.watch6Fn();\n  }\n\n  watch7Fn() {\n    this.handleValidation();\n  }\n\n  @Watch(\"_values\")\n  watch7() {\n    this.watch7Fn();\n  }\n\n  watch8Fn() {\n    this._validity = this.validation;\n  }\n\n  @Watch(\"validation\")\n  watch8() {\n    this.watch8Fn();\n  }\n\n  watch9Fn() {\n    if (this._values?.length === 0) {\n      this.selectAllChecked = false;\n      this.selectAllIndeterminate = false;\n    } else if (this._values?.length === this.amountOptions) {\n      this.selectAllIndeterminate = false;\n      this.selectAllChecked = true;\n    } else if (this._values) {\n      this.selectAllIndeterminate = true;\n    }\n  }\n\n  @Watch(\"_values\")\n  @Watch(\"amountOptions\")\n  watch9() {\n    this.watch9Fn();\n  }\n\n  watch10Fn() {\n    this._options = this.options;\n    this.amountOptions =\n      this.options?.filter((option) => !option.isGroupTitle).length ?? 0;\n  }\n\n  @Watch(\"options\")\n  watch10() {\n    this.watch10Fn();\n  }\n\n  watch11Fn() {\n    this._searchValue = this.searchValue;\n    if (this.searchValue) {\n      const sValue = this.searchValue!; // <- workaround for Angular\n      this.handleSearch(sValue);\n    }\n  }\n\n  @Watch(\"searchValue\")\n  watch11() {\n    this.watch11Fn();\n  }\n\n  watch12Fn() {\n    if (this.options?.length) {\n      this._selectedOptions = this.options?.filter(\n        (option: CustomSelectOptionType) => {\n          if (!option.value || !this._values?.[\"includes\"]) {\n            return false;\n          }\n          return !option.isGroupTitle && this._values?.includes(option.value);\n        }\n      );\n    }\n  }\n\n  @Watch(\"options\")\n  @Watch(\"_values\")\n  watch12() {\n    this.watch12Fn();\n  }\n\n  watch13Fn() {\n    if (this.selectedLabels) {\n      this._selectedLabels = this.selectedLabels;\n      return;\n    }\n    if (this._selectedOptions?.length) {\n      if (this.transformSelectedLabels) {\n        // We need to add this to another ``const`` for Angular generated output to work\n        const selectedOptions = this._selectedOptions;\n        const transformFn = this.transformSelectedLabels!;\n        this._selectedLabels = transformFn!(selectedOptions);\n        return;\n      }\n      if (this.selectedType === \"amount\") {\n        this._selectedLabels = this.amountText\n          ? this.amountText\n          : `${this._selectedOptions?.length} ${DEFAULT_SELECTED}`;\n      } else {\n        this._selectedLabels = this._selectedOptions\n          ?.map((option: CustomSelectOptionType) => this.getOptionLabel(option))\n          .join(\", \");\n      }\n    } else {\n      this._selectedLabels = \"\";\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  @Watch(\"selectedType\")\n  @Watch(\"amountText\")\n  @Watch(\"selectedLabels\")\n  @Watch(\"transformSelectedLabels\")\n  watch13() {\n    this.watch13Fn();\n  }\n\n  watch14Fn() {\n    if (this.amountChange) {\n      this.amountChange.emit(this._selectedOptions?.length ?? 0);\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  watch14() {\n    this.watch14Fn();\n  }\n\n  watch15Fn() {\n    if (this.selectAllRef) {\n      this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n    }\n  }\n\n  @Watch(\"selectAllIndeterminate\")\n  @Watch(\"selectAllRef\")\n  watch15() {\n    this.watch15Fn();\n  }\n\n  watch16Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this.selectRef?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"selectRef\")\n  @Watch(\"invalidMessage\")\n  watch16() {\n    this.watch16Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select\");\n    const mId = this.id ?? `custom-select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._selectId = mId + DEFAULT_SELECT_ID_SUFFIX;\n    this._labelId = mId + DEFAULT_LABEL_ID_SUFFIX;\n    this._summaryId = mId + \"-summary\";\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._selectedLabelsId = mId + \"-selected-labels\";\n    this._infoTextId = mId + \"-info\";\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this._observer = new IntersectionObserver((payload) => {\n      if (this.detailsRef) {\n        const entry = payload.find(({ target }) => target === this.detailsRef);\n        if (entry && !entry.isIntersecting && this.detailsRef.open) {\n          this.detailsRef.open = false;\n        }\n      }\n    });\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n    this.watch3Fn();\n    this.watch4Fn();\n    this.watch5Fn();\n    this.watch6Fn();\n    this.watch7Fn();\n    this.watch8Fn();\n    this.watch9Fn();\n    this.watch10Fn();\n    this.watch11Fn();\n    this.watch12Fn();\n    this.watch13Fn();\n    this.watch14Fn();\n    this.watch15Fn();\n    this.watch16Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-custom-select\", this.className)}\n        id={this._id}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        aria-invalid={this._validity === \"invalid\"}\n        data-custom-validity={this._validity}\n        data-width={this.formFieldWidth}\n        data-variant={\n          this.variant === \"floating\" &&\n          this.selectedType === \"tag\" &&\n          this.multiple\n            ? \"above\"\n            : this.variant\n        }\n        data-required={getBooleanAsString(this.required)}\n        data-placement={this.placement}\n        data-selected-type={this.multiple ? this.selectedType : \"text\"}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label id={this._labelId}>\n          {this.label ?? DEFAULT_LABEL}\n          <select\n            role=\"none\"\n            hidden={true}\n            id={this._selectId}\n            tabIndex={-1}\n            ref={(el: any) => {\n              this.selectRef = el;\n            }}\n            form={this.form}\n            name={this.name}\n            multiple={getBoolean(this.multiple, \"multiple\")}\n            disabled={getBoolean(this.disabled, \"disabled\")}\n            required={getBoolean(this.required, \"required\")}\n            onChange={(event) => this.satisfyReact(event)}\n          >\n            {this.options?.length\n              ? this.options?.map((option) => (\n                  <option\n                    disabled={option.disabled}\n                    value={option.value}\n                    key={undefined}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                ))\n              : null}\n          </select>\n        </label>\n        <details\n          ref={(el: any) => {\n            this.detailsRef = el;\n          }}\n          open={this.open}\n          onToggle={(event) => this.handleDropdownToggle(event)}\n          onKeyDown={(event) => this.handleKeyboardPress(event)}\n        >\n          <slot></slot>\n          {this.options ? (\n            <Fragment>\n              <summary\n                class=\"db-custom-select-form-field\"\n                id={this._summaryId}\n                aria-disabled={getBooleanAsString(this.disabled)}\n                aria-labelledby={this._labelId}\n              >\n                {this._selectedLabels?.length ? (\n                  <span\n                    data-visually-hidden={getBooleanAsString(\n                      this.selectedType === \"tag\"\n                    )}\n                    id={this._selectedLabelsId}\n                  >\n                    {this._selectedLabels}\n                  </span>\n                ) : null}\n                {this.selectedType === \"tag\" ? (\n                  <div>\n                    {this._selectedOptions?.map((option, index) => (\n                      <db-tag\n                        emphasis=\"strong\"\n                        behavior=\"removable\"\n                        removeButton={this.getTagRemoveLabel(index)}\n                        onRemove={(event) =>\n                          this.handleTagRemove(option, event)\n                        }\n                        key={undefined}\n                      >\n                        {this.getOptionLabel(option)}\n                      </db-tag>\n                    ))}\n                  </div>\n                ) : null}\n              </summary>\n              <db-custom-select-dropdown width={this.dropdownWidth}>\n                {this.searchEnabled ? (\n                  <div>\n                    <db-input\n                      type=\"search\"\n                      ref={(el: any) => {\n                        this.searchInputRef = el;\n                      }}\n                      name={this._id}\n                      form={this._id}\n                      showLabel={false}\n                      value={this._searchValue}\n                      label={this.searchLabel ?? DEFAULT_LABEL}\n                      placeholder={this.searchPlaceholder ?? this.searchLabel}\n                      ariaDescribedBy={\n                        this._hasNoOptions || this.showLoading\n                          ? this._infoTextId\n                          : undefined\n                      }\n                      onInput={(event) => this.handleSearch(event)}\n                    ></db-input>\n                  </div>\n                ) : null}\n                {this._hasNoOptions || this.showLoading ? (\n                  <db-infotext\n                    id={this._infoTextId}\n                    icon={this._hasNoOptions ? undefined : \"circular_arrows\"}\n                    semantic={this._hasNoOptions ? \"warning\" : \"informational\"}\n                  >\n                    {(this._hasNoOptions\n                      ? this.noResultsText\n                      : this.loadingText) ?? DEFAULT_MESSAGE}\n                  </db-infotext>\n                ) : (\n                  <Fragment>\n                    {this.selectAllEnabled ? (\n                      <div>\n                        <div class=\"db-checkbox db-custom-select-list-item\">\n                          <label>\n                            <input\n                              type=\"checkbox\"\n                              value=\"select-all\"\n                              ref={(el: any) => {\n                                this.selectAllRef = el;\n                              }}\n                              form={this._id}\n                              checked={this.selectAllChecked}\n                              onChange={(event) => this.handleSelectAll(event)}\n                            />\n                            {this.getSelectAllLabel()}\n                          </label>\n                        </div>\n                      </div>\n                    ) : null}\n                    <db-custom-select-list\n                      multiple={getBoolean(this.multiple, \"multiple\")}\n                      label={this.ariaListLabel ?? this.label ?? DEFAULT_LABEL}\n                    >\n                      {this._options?.map((option) => (\n                        <db-custom-select-list-item\n                          type={this.multiple ? \"checkbox\" : \"radio\"}\n                          showDivider={option.showDivider}\n                          icon={option.icon}\n                          isGroupTitle={option.isGroupTitle}\n                          groupTitle={this.getOptionLabel(option)}\n                          name={this._id}\n                          checked={this.getOptionChecked(option.value)}\n                          disabled={option.disabled}\n                          value={option.value}\n                          onChange={() => this.handleSelect(option.value)}\n                          key={undefined}\n                        >\n                          {!option.isGroupTitle\n                            ? this.getOptionLabel(option)\n                            : null}\n                        </db-custom-select-list-item>\n                      ))}\n                    </db-custom-select-list>\n                  </Fragment>\n                )}\n                <div>\n                  <db-button\n                    variant=\"ghost\"\n                    width=\"full\"\n                    icon=\"cross\"\n                    size=\"small\"\n                    name={this._id}\n                    form={this._id}\n                    onClick={() => this.handleClose(\"close\")}\n                  >\n                    {this.mobileCloseButtonText ?? DEFAULT_CLOSE_BUTTON}\n                  </db-button>\n                </div>\n              </db-custom-select-dropdown>\n            </Fragment>\n          ) : null}\n        </details>\n        {(this.showClearSelection ?? true) && this._values?.length ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            noText={true}\n            name={this._id}\n            form={this._id}\n            onClick={(event) => this.handleClearAll(event)}\n          >\n            {this.clearSelectionText}\n            <db-tooltip placement=\"top\">{this.clearSelectionText}</db-tooltip>\n          </db-button>\n        ) : null}\n        <span aria-hidden={getBooleanAsString(true)} id={this._placeholderId}>\n          {this.placeholder ?? this.label}\n        </span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}