npm - @db-ux/wc-core-components - Versions diffs - 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f - Mend

@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (558) hide show

package/dist/cjs/navigation-DauGE-qj.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"navigation-DauGE-qj.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './floating-components';\nexport type TriangleData = {\n itemRect: DOMRect;\n parentElementWidth: number;\n subNavigationHeight: number;\n padding: number;\n outsideVX: 'left' | 'right' | undefined;\n outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n const {\n target\n } = event as {\n target: HTMLElement;\n };\n return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n private readonly element: HTMLElement | null;\n private readonly subNavigation: HTMLElement | null;\n private readonly parentSubNavigation: HTMLElement | null = null;\n private triangleData?: TriangleData;\n private initialized: boolean = false;\n private mouseX: number = 0;\n private mouseY: number = 0;\n constructor(element: HTMLElement | null, subNavigation: HTMLElement | null) {\n this.element = element;\n this.subNavigation = subNavigation;\n if (!this.element || !this.subNavigation) {\n return;\n }\n this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n /*\n * only initiate if:\n * 1. item is not at root navigation level\n * 2. item is not in the mobile navigation / within db-drawer\n */\n if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n this.init();\n }\n }\n private init() {\n const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n // the triangle has the width of the sub-navigation, current nav-item can be wider.\n // so the width of the triangle must be adapted to a possibly wider nav-item.\n this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n this.initialized = true;\n }\n public enableFollow() {\n if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n return;\n }\n const dataOutsidePair = handleDataOutside(this.subNavigation);\n const itemRect = this.element.getBoundingClientRect();\n const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n this.triangleData = {\n itemRect,\n parentElementWidth,\n subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n padding: (parentElementWidth - itemRect.width) / 2,\n outsideVX: dataOutsidePair.vx,\n outsideVY: dataOutsidePair.vy\n };\n }\n public disableFollow() {\n this.triangleData = undefined;\n }\n private getTriangleTipX(): number {\n if (!this.triangleData) return 0;\n if (this.triangleData.outsideVX === 'right') {\n // vertical flipped triangle needs an inverted x pos\n return this.triangleData.itemRect.width - this.mouseX;\n }\n\n // triangle stops shrinking from 75% x pos\n return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n }\n private getTriangleTipY(): number {\n if (!this.triangleData) return 0;\n\n // padding must be added to the y pos of the tip so that the y pos matches the cursor\n const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n if (this.triangleData.outsideVY === 'bottom') {\n // add offset to tip y pos to match corrected sub-navigation y pos\n return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n }\n return mouseYLimited;\n }\n private hasMouseEnteredSubNavigation(): boolean {\n if (!this.triangleData) {\n return false;\n }\n const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n return true;\n }\n if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n return true;\n }\n return false;\n }\n private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n lb: string;\n lt: string;\n rt: string;\n rb: string;\n } {\n if (!this.triangleData) {\n return;\n }\n if (variant === 'fill-gap') {\n const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n return {\n lb: `${xStart} ${itemHeight}`,\n lt: `${xStart} 0`,\n rt: '100% 0',\n rb: `100% ${itemHeight}`\n };\n }\n const tipX = this.getTriangleTipX();\n const tipY = this.getTriangleTipY();\n const lb = `${tipX}px ${tipY}px`;\n const lt = `${tipX}px ${tipY}px`;\n return {\n lb,\n lt,\n rt: '100% 0',\n rb: '100% 100%'\n };\n }\n public followByMouseEvent(event: MouseEvent) {\n if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n return;\n }\n this.mouseX = event.clientX - this.triangleData.itemRect.left;\n this.mouseY = event.clientY - this.triangleData.itemRect.top;\n const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n if (!coordinates) {\n return;\n }\n this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n if (isOverSubNavigation) {\n this.triangleData = undefined;\n }\n }\n}\nexport default {\n isEventTargetNavigationItem,\n NavigationItemSafeTriangle\n}"],"names":["handleDataOutside"],"mappings":"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"}

package/dist/collection/components/brand/brand.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"brand.js","sourceRoot":"","sources":["../../../src/components/brand/brand.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DEFAULT_ICON } from \"../../shared/constants\";\nimport { cls, getBooleanAsString } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-brand\",\n})\nexport class DBBrand {\n private _ref!: HTMLDivElement | any;\n @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n @Prop() icon: DBBrandProps[\"icon\"];\n @Prop() showIcon: DBBrandProps[\"showIcon\"];\n @Prop() id: DBBrandProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n @Prop() text: DBBrandProps[\"text\"];\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-brand\");\n }\n\n render() {\n return (\n <div\n class={cls(\"db-brand\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n data-show-icon={getBooleanAsString(this.showIcon)}\n id={this.id}\n >\n {this.text ? this.text : <slot></slot>}\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/brand/index.js DELETED Viewed

@@ -1,3 +0,0 @@
-import { DBBrand } from "./brand";
-export default DBBrand;
-//# sourceMappingURL=index.js.map

package/dist/collection/components/brand/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,eAAe,OAAO,CAAC","sourcesContent":["import { DBBrand } from './brand';\n\nexport default DBBrand;"]}

package/dist/collection/components/brand/model.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/brand/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';\nexport type DBBrandDefaultProps = {\n /**\n * @deprecated: Disable the default logo svg to pass in a custom `img`\n */\n hideLogo?: boolean;\n};\nexport type DBBrandProps = DBBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps;\nexport type DBBrandDefaultState = {};\nexport type DBBrandState = DBBrandDefaultState & GlobalState"]}

package/dist/collection/components/header/header.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/header/header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DEFAULT_BURGER_MENU } from \"../../shared/constants\";\nimport { addAttributeToChildren, cls, getBoolean } from \"../../utils\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DBHeaderProps, DBHeaderState } from \"./model\";\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 * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n tag: \"db-header\",\n})\nexport class DBHeader {\n private _ref!: HTMLDivElement | any;\n @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n @Event() toggle: EventEmitter<\n Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n > | void;\n @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n @Prop() id: DBHeaderProps[\"id\"];\n @Prop() width: DBHeaderProps[\"width\"];\n @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n @State() initialized = false;\n @State() forcedToMobile = false;\n\n handleToggle(event?: any) {\n if (event && event.stopPropagation) {\n event.stopPropagation();\n }\n const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n if (this.toggle) {\n this.toggle.emit(open);\n }\n }\n handleNavigationItemClick(event: unknown) {\n if (isEventTargetNavigationItem(event)) {\n this.handleToggle();\n }\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.initialized && this._ref && this.forceMobile) {\n // Adds this attribute to the header to enable all styling which would have\n // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n addAttributeToChildren(this._ref, {\n key: \"data-force-mobile\",\n value: \"true\",\n });\n this.forcedToMobile = true;\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-header\");\n this.initialized = true;\n this.watch0Fn();\n }\n\n render() {\n return (\n <header\n class={cls(\"db-header\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-width={this.width}\n data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n >\n <db-drawer\n class=\"db-header-drawer\"\n spacing=\"small\"\n rounded={true}\n open={getBoolean(this.drawerOpen)}\n onClose={() => this.handleToggle()}\n >\n <div class=\"db-header-drawer-navigation\">\n <div\n class=\"db-header-navigation\"\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n <slot></slot>\n </div>\n <div class=\"db-header-meta-navigation\">\n <slot name=\"metaNavigation\"></slot>\n </div>\n </div>\n <div class=\"db-header-secondary-action\">\n <slot name=\"secondaryAction\"></slot>\n </div>\n </db-drawer>\n <div class=\"db-header-meta-navigation\">\n <slot name=\"metaNavigation\"></slot>\n </div>\n <div class=\"db-header-navigation-bar\">\n <div class=\"db-header-brand-container\">\n <slot name=\"brand\"></slot>\n </div>\n <div class=\"db-header-navigation-container\">\n <div class=\"db-header-navigation\">\n <slot></slot>\n </div>\n <div class=\"db-header-primary-action\">\n <slot name=\"primaryAction\"></slot>\n </div>\n </div>\n <div class=\"db-header-action-container\">\n <div class=\"db-header-burger-menu-container\">\n <db-button\n icon=\"menu\"\n variant=\"ghost\"\n noText={true}\n onClick={() => this.handleToggle()}\n >\n {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n </db-button>\n </div>\n <div class=\"db-header-secondary-action\">\n <slot name=\"secondaryAction\"></slot>\n </div>\n </div>\n </div>\n </header>\n );\n }\n}\n"]}

package/dist/collection/components/header/index.js DELETED Viewed

@@ -1,3 +0,0 @@
-import { DBHeader } from "./header";
-export default DBHeader;
-//# sourceMappingURL=index.js.map

package/dist/collection/components/header/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,eAAe,QAAQ,CAAC","sourcesContent":["import { DBHeader } from './header';\n\nexport default DBHeader;"]}

package/dist/collection/components/header/model.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/header/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';\nexport type DBHeaderDefaultProps = {\n /**\n * Slot to pass in the DBBrand component\n */\n brand?: any;\n /**\n * Slot to pass in a meta navigation.\n * - Desktop: Above the regular header\n * - Mobile: Inside the drawer\n */\n metaNavigation?: any;\n /**\n * Slot to pass one or more elements like DBButton (e.g. search) as primary action.\n * - Desktop: Shown next to the main-navigation\n * - Mobile: Shown next to the brand\n */\n primaryAction?: any;\n /**\n * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n * - Desktop: Shown separated by divider at the end of the header\n * - Mobile: Shown inside the drawer at the bottom.\n */\n secondaryAction?: any;\n\n /**\n * Open/closes the drawer for mobile header or if `forceMobile` is true.\n */\n drawerOpen?: boolean | string;\n\n /**\n * Forces the header to use mobile layout for desktop as well.\n * You should only use this setting if you really can't provide a smaller navigation.\n * Overwrite size of the drawer with '--db-drawer-max-width: xxx'\n */\n forceMobile?: boolean | string;\n\n /**\n * This attribute sets the label for the burger menu button for mobile headers.\n */\n burgerMenuLabel?: string;\n};\nexport type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;\nexport type DBHeaderDefaultState = {\n forcedToMobile?: boolean;\n};\nexport type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState"]}

package/dist/collection/components/page/index.js DELETED Viewed

@@ -1,3 +0,0 @@
-import { DBPage } from "./page";
-export default DBPage;
-//# sourceMappingURL=index.js.map

package/dist/collection/components/page/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC","sourcesContent":["import { DBPage } from './page';\n\nexport default DBPage;"]}

package/dist/collection/components/page/model.js DELETED Viewed

@@ -1,3 +0,0 @@
-export const PageVariantList = ['auto', 'fixed'];
-export const PageDocumentOverflowList = ['hidden', 'auto'];
-//# sourceMappingURL=model.js.map

package/dist/collection/components/page/model.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/page/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState } from '../../shared/model';\nexport const PageVariantList = ['auto', 'fixed'] as const;\nexport type PageVariantType = (typeof PageVariantList)[number];\nexport const PageDocumentOverflowList = ['hidden', 'auto'] as const;\nexport type PageDocumentOverflowType = (typeof PageDocumentOverflowList)[number];\nexport type DBPageDefaultProps = {\n /**\n * The documentOverflow sets the overflow:hidden/auto to the root document\n */\n documentOverflow?: PageDocumentOverflowType;\n /**\n * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/\n */\n fadeIn?: boolean | string;\n\n /**\n * The slot can be used for React to set a footer.\n */\n footer?: any;\n /**\n * The slot can be used for React to set a header.\n */\n header?: any;\n\n /**\n * Adds `class` to `<main>` element\n */\n mainClass?: string;\n\n /**\n * The variant=fixed uses flex-box to make header and footer static\n */\n variant?: PageVariantType;\n};\nexport type DBPageProps = DBPageDefaultProps & GlobalProps;\nexport type DBPageDefaultState = {\n fontsLoaded?: boolean;\n};\nexport type DBPageState = DBPageDefaultState & GlobalState"]}

package/dist/collection/components/page/page.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"page.js","sourceRoot":"","sources":["../../../src/components/page/page.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cls, getBooleanAsString } from \"../../utils\";\nimport { DBPageProps, DBPageState } from \"./model\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n tag: \"db-page\",\n})\nexport class DBPage {\n private _ref!: HTMLDivElement | any;\n @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n @Prop() variant: DBPageProps[\"variant\"];\n @Prop() id: DBPageProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n @Prop() mainClass: DBPageProps[\"mainClass\"];\n @State() fontsLoaded = false;\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-page\");\n this.fontsLoaded = !this.fadeIn;\n if (document && this.fadeIn) {\n document.fonts.ready.then(() => {\n this.fontsLoaded = true;\n });\n } else {\n this.fontsLoaded = true;\n }\n }\n disconnectedCallback() {\n if (\n typeof window !== \"undefined\" &&\n document.documentElement.classList.contains(\"db-page-document\")\n ) {\n // remove document styles set by this\n document.documentElement.classList.remove(\"db-page-document\");\n }\n }\n\n render() {\n return (\n <div\n class={cls(\"db-page\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-variant={this.variant}\n data-fade-in={getBooleanAsString(this.fadeIn)}\n data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n >\n <slot name=\"header\"></slot>\n <main class={cls(\"db-main\", this.mainClass)}>\n <slot></slot>\n </main>\n <slot name=\"footer\"></slot>\n </div>\n );\n }\n}\n"]}

package/dist/db-ux/db-brand.entry.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"db-brand.entry.esm.js","sources":["src/components/brand/brand.tsx"],"sourcesContent":["import { DEFAULT_ICON } from \"../../shared/constants\";\nimport { cls, getBooleanAsString } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-brand\",\n})\nexport class DBBrand {\n private _ref!: HTMLDivElement | any;\n @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n @Prop() icon: DBBrandProps[\"icon\"];\n @Prop() showIcon: DBBrandProps[\"showIcon\"];\n @Prop() id: DBBrandProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n @Prop() text: DBBrandProps[\"text\"];\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-brand\");\n }\n\n render() {\n return (\n <div\n class={cls(\"db-brand\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n data-show-icon={getBooleanAsString(this.showIcon)}\n id={this.id}\n >\n {this.text ? this.text : <slot></slot>}\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;;;MAca,OAAO,GAAA,MAAA;;;;AASlB;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;;IAGpD,MAAM,GAAA;;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EACtC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EAAA,WAAA,EACU,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,YAAY,EAC7C,gBAAA,EAAA,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACjD,EAAE,EAAE,IAAI,CAAC,EAAE,EAEV,EAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAClC;;;;;;"}

package/dist/db-ux/db-header.entry.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"db-header.entry.esm.js","sources":["src/components/header/header.tsx"],"sourcesContent":["import { DEFAULT_BURGER_MENU } from \"../../shared/constants\";\nimport { addAttributeToChildren, cls, getBoolean } from \"../../utils\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DBHeaderProps, DBHeaderState } from \"./model\";\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 * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n tag: \"db-header\",\n})\nexport class DBHeader {\n private _ref!: HTMLDivElement | any;\n @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n @Event() toggle: EventEmitter<\n Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n > | void;\n @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n @Prop() id: DBHeaderProps[\"id\"];\n @Prop() width: DBHeaderProps[\"width\"];\n @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n @State() initialized = false;\n @State() forcedToMobile = false;\n\n handleToggle(event?: any) {\n if (event && event.stopPropagation) {\n event.stopPropagation();\n }\n const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n if (this.toggle) {\n this.toggle.emit(open);\n }\n }\n handleNavigationItemClick(event: unknown) {\n if (isEventTargetNavigationItem(event)) {\n this.handleToggle();\n }\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.initialized && this._ref && this.forceMobile) {\n // Adds this attribute to the header to enable all styling which would have\n // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n addAttributeToChildren(this._ref, {\n key: \"data-force-mobile\",\n value: \"true\",\n });\n this.forcedToMobile = true;\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-header\");\n this.initialized = true;\n this.watch0Fn();\n }\n\n render() {\n return (\n <header\n class={cls(\"db-header\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-width={this.width}\n data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n >\n <db-drawer\n class=\"db-header-drawer\"\n spacing=\"small\"\n rounded={true}\n open={getBoolean(this.drawerOpen)}\n onClose={() => this.handleToggle()}\n >\n <div class=\"db-header-drawer-navigation\">\n <div\n class=\"db-header-navigation\"\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n <slot></slot>\n </div>\n <div class=\"db-header-meta-navigation\">\n <slot name=\"metaNavigation\"></slot>\n </div>\n </div>\n <div class=\"db-header-secondary-action\">\n <slot name=\"secondaryAction\"></slot>\n </div>\n </db-drawer>\n <div class=\"db-header-meta-navigation\">\n <slot name=\"metaNavigation\"></slot>\n </div>\n <div class=\"db-header-navigation-bar\">\n <div class=\"db-header-brand-container\">\n <slot name=\"brand\"></slot>\n </div>\n <div class=\"db-header-navigation-container\">\n <div class=\"db-header-navigation\">\n <slot></slot>\n </div>\n <div class=\"db-header-primary-action\">\n <slot name=\"primaryAction\"></slot>\n </div>\n </div>\n <div class=\"db-header-action-container\">\n <div class=\"db-header-burger-menu-container\">\n <db-button\n icon=\"menu\"\n variant=\"ghost\"\n noText={true}\n onClick={() => this.handleToggle()}\n >\n {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n </db-button>\n </div>\n <div class=\"db-header-secondary-action\">\n <slot name=\"secondaryAction\"></slot>\n </div>\n </div>\n </div>\n </header>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/db-ux/db-page.entry.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"db-page.entry.esm.js","sources":["src/components/page/page.tsx"],"sourcesContent":["import { cls, getBooleanAsString } from \"../../utils\";\nimport { DBPageProps, DBPageState } from \"./model\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n tag: \"db-page\",\n})\nexport class DBPage {\n private _ref!: HTMLDivElement | any;\n @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n @Prop() variant: DBPageProps[\"variant\"];\n @Prop() id: DBPageProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n @Prop() mainClass: DBPageProps[\"mainClass\"];\n @State() fontsLoaded = false;\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-page\");\n this.fontsLoaded = !this.fadeIn;\n if (document && this.fadeIn) {\n document.fonts.ready.then(() => {\n this.fontsLoaded = true;\n });\n } else {\n this.fontsLoaded = true;\n }\n }\n disconnectedCallback() {\n if (\n typeof window !== \"undefined\" &&\n document.documentElement.classList.contains(\"db-page-document\")\n ) {\n // remove document styles set by this\n document.documentElement.classList.remove(\"db-page-document\");\n }\n }\n\n render() {\n return (\n <div\n class={cls(\"db-page\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-variant={this.variant}\n data-fade-in={getBooleanAsString(this.fadeIn)}\n data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n >\n <slot name=\"header\"></slot>\n <main class={cls(\"db-main\", this.mainClass)}>\n <slot></slot>\n </main>\n <slot name=\"footer\"></slot>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/db-ux/p-340bb722.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as i,c as t,h as s,F as h}from"./p-CNzNv7KB.js";import{l as e,a as l,m as n,d as a,e as d,g as o,h as c,i as u,o as r,f as v,k as f,c as w,s as m}from"./p-DC9V_oNU.js";import{h as b,d as p,s as y,k as g,u as k,g as F,b as A,j as D,c as x}from"./p-YECpAE3G.js";import{D as C}from"./p-BRouKtF5.js";import{D as S}from"./p-BwSmFFdU.js";import{a as T}from"./p-G-TursYV.js";const L=class{constructor(s){i(this,s);this.amountChange=t(this,"amountChange");this.dropdownToggle=t(this,"dropdownToggle");this.optionSelected=t(this,"optionSelected");this.search=t(this,"search");this.showClearSelection=true;this.clearSelectionText="Clear selection";this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._selectId=undefined;this._labelId=undefined;this._summaryId=undefined;this._placeholderId=undefined;this._infoTextId=undefined;this._validity="no-validation";this._userInteraction=false;this._descByIds=undefined;this._selectedLabels="";this._selectedLabelsId=undefined;this._voiceOverFallback="";this._selectedOptions=[];this.selectAllEnabled=false;this.searchEnabled=false;this.amountOptions=0;this._values=[];this._options=[];this._hasNoOptions=false;this._documentClickListenerCallbackId=undefined;this._internalChangeTimestamp=0;this._documentScrollListenerCallbackId=undefined;this._observer=undefined;this._searchValue=undefined;this.selectAllChecked=false;this.selectAllIndeterminate=false;this.satisfyReact=function i(t){t.stopPropagation()}}handleDocumentScroll(i){var t,s;if(((t=i===null\|\|i===void 0?void 0:i.target)===null\|\|t===void 0?void 0:t.contains)&&((s=i===null\|\|i===void 0?void 0:i.target)===null\|\|s===void 0?void 0:s.contains(this.detailsRef))){this.handleAutoPlacement()}}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,h,l,n,a,d;if(this.selectRef){this.selectRef.value=this.getNativeSelectValue()}if(!((i=this.selectRef)===null\|\|i===void 0?void 0:i.validity.valid)\|\|this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage\|\|((t=this.selectRef)===null\|\|t===void 0?void 0:t.validationMessage)\|\|e;if(b()){this._voiceOverFallback=this._invalidMessage;p((()=>this._voiceOverFallback=""),1e3)}if(this._userInteraction){this._validity=(s=this.validation)!==null&&s!==void 0?s:"invalid"}}else if(this.hasValidState()&&((h=this.selectRef)===null\|\|h===void 0?void 0:h.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(b()){this._voiceOverFallback=(l=this.validMessage)!==null&&l!==void 0?l:f;p((()=>this._voiceOverFallback=""),1e3)}this._validity=(n=this.validation)!==null&&n!==void 0?n:"valid"}else if(y(this.message,this.showMessage)){this._descByIds=this._messageId;this._validity=(a=this.validation)!==null&&a!==void 0?a:"no-validation"}else{this._descByIds=this._placeholderId;this._validity=(d=this.validation)!==null&&d!==void 0?d:"no-validation"}}handleDropdownToggle(i){var t,s;if(this.dropdownToggle){i.stopPropagation();this.dropdownToggle.emit(i)}if(i.target instanceof HTMLDetailsElement&&i.target.open){this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i)));this._documentScrollListenerCallbackId=(new S).addCallback((i=>this.handleDocumentScroll(i)));this.handleAutoPlacement();(t=this._observer)===null\|\|t===void 0?void 0:t.observe(this.detailsRef);if(!i.target.dataset["test"]){this.handleOpenByKeyboardFocus()}}else{if(this._documentClickListenerCallbackId){(new C).removeCallback(this._documentClickListenerCallbackId)}if(this._documentScrollListenerCallbackId){(new S).removeCallback(this._documentScrollListenerCallbackId)}(s=this._observer)===null\|\|s===void 0?void 0:s.unobserve(this.detailsRef)}}getNativeSelectValue(){var i,t;if((i=this._values)===null\|\|i===void 0?void 0:i.length){return(t=this._values.at(0))!==null&&t!==void 0?t:""}return""}setDescById(i){var t;const s=[];if(i){s.push(i)}if(this._selectedLabelsId&&((t=this._selectedLabels)===null\|\|t===void 0?void 0:t.length)){s.push(this._selectedLabelsId)}this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return(i=this.selectAllLabel)!==null&&i!==void 0?i:l}getOptionLabel(i){var t,s,h;return(h=(t=i.label)!==null&&t!==void 0?t:(s=i.value)===null\|\|s===void 0?void 0:s.toString())!==null&&h!==void 0?h:""}getOptionChecked(i){var t,s;if(i&&((t=this._values)===null\|\|t===void 0?void 0:t.includes)){return(s=this._values)===null\|\|s===void 0?void 0:s.includes(i)}return false}getTagRemoveLabel(i){if(this.removeTagsTexts&&this.removeTagsTexts.length>i){return this.removeTagsTexts.at(i)}else{return`${n} ${this._selectedOptions?this.getOptionLabel(this._selectedOptions[i]):""}`}}handleTagRemove(i,t){if(t){t.stopPropagation()}this.handleSelect(i.value);this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");if(i){p((()=>{var t;T(i,this.detailsRef,(t=this.placement)!==null&&t!==void 0?t:"bottom")}),1)}}}handleArrowDownUp(i){var t,s,h,e,l,n,a;if((t=this.detailsRef)===null\|\|t===void 0?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t){const d=t.getAttribute("type")==="checkbox"\|\|t.getAttribute("type")==="radio";if(d){const d=t===null\|\|t===void 0?void 0:t.closest("li");if(i.key==="ArrowDown"\|\|i.key==="ArrowRight"){if(d===null\|\|d===void 0?void 0:d.nextElementSibling){(h=(s=d===null\|\|d===void 0?void 0:d.nextElementSibling)===null\|\|s===void 0?void 0:s.querySelector("input"))===null\|\|h===void 0?void 0:h.focus()}else{this.handleFocusFirstDropdownCheckbox(t)}}else{if(d===null\|\|d===void 0?void 0:d.previousElementSibling){(l=(e=d===null\|\|d===void 0?void 0:d.previousElementSibling)===null\|\|e===void 0?void 0:e.querySelector("input"))===null\|\|l===void 0?void 0:l.focus()}else if(this.detailsRef.querySelector(`input[type="checkbox"]`)!==t){this.handleFocusFirstDropdownCheckbox(t)}else{const i=g(this.detailsRef);if(i){p((()=>{i.focus()}),100)}else{const i=Array.from((n=this.detailsRef)===null\|\|n===void 0?void 0:n.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(i.length){(a=i.at(-1))===null\|\|a===void 0?void 0:a.focus()}}}}}else{if(t.getAttribute("type")==="search"&&(i.key==="ArrowUp"\|\|i.key==="ArrowLeft")){this.handleClose(undefined,true);this.handleSummaryFocus()}else{this.handleFocusFirstDropdownCheckbox(t)}}}}}else if(i.key==="ArrowDown"\|\|i.key==="ArrowRight"){this.handleAutoPlacement();if(this.detailsRef){this.detailsRef.open=true}this.handleOpenByKeyboardFocus()}i.stopPropagation();i.preventDefault()}handleKeyboardPress(i){var t;i.stopPropagation();if(i.key==="Escape"&&((t=this.detailsRef)===null\|\|t===void 0?void 0:t.open)){this.handleClose(undefined,true);this.handleSummaryFocus()}else if(i.key==="ArrowDown"\|\|i.key==="ArrowUp"\|\|i.key==="ArrowLeft"\|\|i.key==="ArrowRight"){this.handleArrowDownUp(i)}}handleClose(i,t){if(this.detailsRef){if(t){this.detailsRef.open=false;this.handleSummaryFocus()}else if(this.detailsRef.open&&i){if(i.relatedTarget){const t=i.relatedTarget;if(!this.detailsRef.contains(t)){p((()=>this.detailsRef.open=false),1)}}}}}handleDocumentClose(i){var t,s;if(i){const h=typeof i.detail==="number"?i.target:(t=i.detail)===null\|\|t===void 0?void 0:t.target;if(((s=this.detailsRef)===null\|\|s===void 0?void 0:s.open)&&!this.detailsRef.contains(h)){this.detailsRef.open=false}}}handleOptionSelected(i){const t=(new Date).getTime()-this._internalChangeTimestamp<200;if(t)return;this._values=i;this._userInteraction=true;if(this.optionSelected){this.optionSelected.emit(i!==null&&i!==void 0?i:[])}this._internalChangeTimestamp=(new Date).getTime()}handleSelect(i){var t;if(i){if(this.multiple){if((t=this._values)===null\|\|t===void 0?void 0:t.includes(i)){this.handleOptionSelected(this._values.filter((t=>t!==i)))}else{this.handleOptionSelected([...this._values\|\|[],i])}}else{this.handleOptionSelected([i]);this.handleClose(undefined,true)}}}handleSelectAll(i){var t;i.stopPropagation();if(((t=this._values)===null\|\|t===void 0?void 0:t.length)===this.amountOptions){this.handleOptionSelected([])}else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:undefined;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i\|\|((s=t.value)===null\|\|s===void 0?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return(t=i.value)!==null&&t!==void 0?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(t.length){const s=t.at(0);const h=s===i&&t.length>1?t.at(1):s;if(h){p((()=>{h.focus()}),1)}}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=g(this.detailsRef);if(i){p((()=>{i.focus()}),1)}else{this.handleFocusFirstDropdownCheckbox()}}}handleSearch(i){if(i===undefined){return}let t;if(typeof i==="string"){t=i}else{const s=i;s.stopPropagation();if(this.search){this.search.emit(s)}t=s.target.value;this._searchValue=t}if(!this.options\|\|!t\|\|t.length===0){this._options=this.options}else if(this.searchFilter){this._options=this.options.filter((i=>this.searchFilter(i,t)))}else{this._options=this.options.filter((i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())))}}handleClearAll(i){i.stopPropagation();this.handleOptionSelected([]);this.handleSummaryFocus()}handleSummaryFocus(){var i;if(this.detailsRef){(i=this.detailsRef.querySelector("summary"))===null\|\|i===void 0?void 0:i.focus()}}enableAttributePassing(i,t){const s=i===null\|\|i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const e=t.item(h);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);s.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const l=i.getAttribute("class");i.setAttribute(e.name,`${l?`${l} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){if(this.detailsRef){this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+v;this._labelId=this._id+a;this._selectId=this._id+d;this._validMessageId=this._id+o;this._invalidMessageId=this._id+c;this._placeholderId=this._id+u;if(y(this.message,this.showMessage)){this.setDescById(i)}else{this.setDescById()}}}watch1(){this.watch1Fn()}watch2Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");if(t){t.setAttribute("aria-describedby",(i=this.ariaDescribedBy)!==null&&i!==void 0?i:this._descByIds\|\|"")}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.showNoResults!==undefined){this._hasNoOptions=this.showNoResults}else if(this._options){this._hasNoOptions=this._options.length===0}}watch3(){this.watch3Fn()}watch4Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&((i=this.showSelectAll)!==null&&i!==void 0?i:this.amountOptions>5))}watch4(){this.watch4Fn()}watch5Fn(){var i;this.searchEnabled=(i=this.showSearch)!==null&&i!==void 0?i:this.amountOptions>9}watch5(){this.watch5Fn()}watch6Fn(){var i;if(this.values&&Array.isArray(this.values)&&this.values!==this._values){this._values=(i=this.values)!==null&&i!==void 0?i:[]}}watch6(){this.watch6Fn()}watch7Fn(){if(this.selectRef){this.handleValidation()}}watch7(){this.watch7Fn()}watch8Fn(){this._validity=this.validation}watch8(){this.watch8Fn()}watch9Fn(){var i,t;if(((i=this._values)===null\|\|i===void 0?void 0:i.length)===0){this.selectAllChecked=false;this.selectAllIndeterminate=false}else if(((t=this._values)===null\|\|t===void 0?void 0:t.length)===this.amountOptions){this.selectAllIndeterminate=false;this.selectAllChecked=true}else if(this._values){this.selectAllIndeterminate=true}}watch9(){this.watch9Fn()}watch10Fn(){var i,t;this._options=this.options;this.amountOptions=(t=(i=this.options)===null\|\|i===void 0?void 0:i.filter((i=>!i.isGroupTitle)).length)!==null&&t!==void 0?t:0}watch10(){this.watch10Fn()}watch11Fn(){this._searchValue=this.searchValue;if(this.searchValue){const i=this.searchValue;this.handleSearch(i)}}watch11(){this.watch11Fn()}watch12Fn(){var i,t;if((i=this.options)===null\|\|i===void 0?void 0:i.length){this._selectedOptions=(t=this.options)===null\|\|t===void 0?void 0:t.filter((i=>{var t,s;if(!i.value\|\|!((t=this._values)===null\|\|t===void 0?void 0:t["includes"])){return false}return!i.isGroupTitle&&((s=this._values)===null\|\|s===void 0?void 0:s.includes(i.value))}))}}watch12(){this.watch12Fn()}watch13Fn(){var i,t,s;if(this.selectedLabels){this._selectedLabels=this.selectedLabels;return}if((i=this._selectedOptions)===null\|\|i===void 0?void 0:i.length){if(this.transformSelectedLabels){const i=this._selectedOptions;const t=this.transformSelectedLabels;this._selectedLabels=t(i);return}if(this.selectedType==="amount"){this._selectedLabels=this.amountText?this.amountText:`${(t=this._selectedOptions)===null\|\|t===void 0?void 0:t.length} ${r}`}else{this._selectedLabels=(s=this._selectedOptions)===null\|\|s===void 0?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}}else{this._selectedLabels=""}}watch13(){this.watch13Fn()}watch14Fn(){var i,t;if(this.amountChange){this.amountChange.emit((t=(i=this._selectedOptions)===null\|\|i===void 0?void 0:i.length)!==null&&t!==void 0?t:0)}}watch14(){this.watch14Fn()}watch15Fn(){if(this.selectAllRef){this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate)}}watch15(){this.watch15Fn()}watch16Fn(){var i;this._invalidMessage=this.invalidMessage\|\|((i=this.selectRef)===null\|\|i===void 0?void 0:i.validationMessage)\|\|e}watch16(){this.watch16Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-custom-select");const t=(i=this.id)!==null&&i!==void 0?i:`custom-select-${k()}`;this._id=t;this._messageId=t+v;this._validMessageId=t+o;this._invalidMessageId=t+c;this._selectId=t+d;this._labelId=t+a;this._summaryId=t+"-summary";this._placeholderId=t+u;this._selectedLabelsId=t+"-selected-labels";this._infoTextId=t+"-info";this._invalidMessage=this.invalidMessage\|\|e;if(typeof window!=="undefined"&&"IntersectionObserver"in window){this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));if(t&&!t.isIntersecting&&this.detailsRef.open){this.detailsRef.open=false}}}))}this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn();this.watch4Fn();this.watch5Fn();this.watch6Fn();this.watch7Fn();this.watch8Fn();this.watch9Fn();this.watch10Fn();this.watch11Fn();this.watch12Fn();this.watch13Fn();this.watch14Fn();this.watch15Fn();this.watch16Fn()}render(){var i,t,e,n,a,d,o,c,u,r,v,b,p,g,k;return s("div",{key:"badeb1f4fdc026d92ae73c415fd77f63ceed1385",class:x("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":this._validity==="invalid","data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":this.variant==="floating"&&this.selectedType==="tag"&&this.multiple?"above":this.variant,"data-required":F(this.required),"data-hide-asterisk":D(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":D(this.showLabel),"data-icon":this.icon,"data-show-icon":F(this.showIcon)},s("label",{key:"5906cc9b15a7dc3e0247e2286ea81dd078b7cfcd",id:this._labelId},(i=this.label)!==null&&i!==void 0?i:l,s("select",{key:"77a00ec3555bb974ef911b576192a18922b0ab15",role:"none",hidden:true,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,multiple:A(this.multiple,"multiple"),disabled:A(this.disabled,"disabled"),required:A(this.required,"required"),onChange:i=>this.satisfyReact(i)},((t=this.options)===null\|\|t===void 0?void 0:t.length)?(e=this.options)===null\|\|e===void 0?void 0:e.map((i=>s("option",{disabled:i.disabled,value:i.value,key:undefined},this.getOptionLabel(i)))):null)),s("details",{key:"65c40e2027dff9c2777d25ce1916e73f8175146b",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"5423a54b64a92af383a158d959894726fb4c8ed3"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":F(this.disabled),"aria-labelledby":this._labelId},((n=this._selectedLabels)===null\|\|n===void 0?void 0:n.length)?s("span",{"data-visually-hidden":F(this.selectedType==="tag"),id:this._selectedLabelsId},this._selectedLabels):null,this.selectedType==="tag"?s("div",null,(a=this._selectedOptions)===null\|\|a===void 0?void 0:a.map(((i,t)=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:t=>this.handleTagRemove(i,t),key:undefined},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:false,value:this._searchValue,label:(d=this.searchLabel)!==null&&d!==void 0?d:l,placeholder:(o=this.searchPlaceholder)!==null&&o!==void 0?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions\|\|this.showLoading?this._infoTextId:undefined,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions\|\|this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":undefined,semantic:this.showLoading?"informational":"warning"},(c=this.showLoading?this.loadingText:this.noResultsText)!==null&&c!==void 0?c:w):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:A(this.multiple,"multiple"),label:(r=(u=this.ariaListLabel)!==null&&u!==void 0?u:this.label)!==null&&r!==void 0?r:l},(v=this._options)===null\|\|v===void 0?void 0:v.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:undefined},!i.isGroupTitle?this.getOptionLabel(i):null))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(undefined,true)},(b=this.mobileCloseButtonText)!==null&&b!==void 0?b:m)))):null),((p=this.showClearSelection)!==null&&p!==void 0?p:true)&&((g=this._values)===null\|\|g===void 0?void 0:g.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:true,name:this._id,form:this._id,onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"24ce7c97b50229845ed3e02a2b80222f50fa3272","aria-hidden":F(true),id:this._placeholderId},(k=this.placeholder)!==null&&k!==void 0?k:this.label),y(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage\|\|f):null,s("db-infotext",{key:"448de458d57ac99a92b99f8d462a7d3da5f132bb",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"3f075a7b34fa0a9df4189ac91c272e586931a9ec","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{detailsRef:["watch0","watch2"],_id:["watch1"],_descByIds:["watch2"],showNoResults:["watch3"],showLoading:["watch3"],_options:["watch3"],showSelectAll:["watch4"],amountOptions:["watch4","watch5","watch9"],multiple:["watch4"],showSearch:["watch5"],values:["watch6"],_values:["watch7","watch9","watch12"],selectRef:["watch7","watch16"],validation:["watch8"],options:["watch10","watch12"],searchValue:["watch11"],_selectedOptions:["watch13","watch14"],selectedType:["watch13"],amountText:["watch13"],selectedLabels:["watch13"],transformSelectedLabels:["watch13"],selectAllIndeterminate:["watch15"],selectAllRef:["watch15"],invalidMessage:["watch16"]}}};export{L as db_custom_select};
2	- //# sourceMappingURL=p-340bb722.entry.js.map

package/dist/db-ux/p-340bb722.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionText","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_userInteraction","_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","HTMLDetailsElement","open","DocumentClickListener","addCallback","handleDocumentClose","DocumentScrollListener","observe","dataset","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","forceClose","relatedTarget","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","handleSearch","valueOrEvent","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","window","IntersectionObserver","payload","entry","find","isIntersecting","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","getHideProp","showRequiredAsterisk","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","loadingText","noResultsText","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 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 {\n ClickEvent,\n GeneralEvent,\n InputEvent,\n InteractionEvent,\n} from \"../../shared/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 { DocumentClickListener } from \"../../utils/document-click-listener\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\nimport { handleFixedDropdown } from \"../../utils/floating-components\";\nimport {\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBButton } from \"../button/button\";\nimport { DBCustomSelectDropdown } from \"../custom-select-dropdown/custom-select-dropdown\";\nimport { DBCustomSelectListItem } from \"../custom-select-list-item/custom-select-list-item\";\nimport { DBCustomSelectList } from \"../custom-select-list/custom-select-list\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBInput } from \"../input/input\";\nimport { DBTag } from \"../tag/tag\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n CustomSelectOptionType,\n DBCustomSelectProps,\n DBCustomSelectState,\n} from \"./model\";\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() showLoading: DBCustomSelectProps[\"showLoading\"];\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() showRequiredAsterisk: DBCustomSelectProps[\"showRequiredAsterisk\"];\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() ariaListLabel: DBCustomSelectProps[\"ariaListLabel\"];\n @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\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() _userInteraction = false;\n @State() _descByIds = undefined;\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 if (this._userInteraction) {\n this._validity = this.validation ?? \"invalid\";\n }\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: GeneralEvent<HTMLDetailsElement>) {\n if (this.dropdownToggle) {\n event.stopPropagation();\n this.dropdownToggle.emit(event);\n }\n if (event.target instanceof HTMLDetailsElement && 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(\n option: CustomSelectOptionType,\n event?: ClickEvent<HTMLButtonElement> | void\n ) {\n if (event) {\n event.stopPropagation();\n }\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(undefined, true);\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(undefined, true);\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(\n event?: InteractionEvent<HTMLDetailsElement> | void,\n forceClose?: boolean\n ) {\n if (this.detailsRef) {\n if (forceClose) {\n this.detailsRef.open = false;\n this.handleSummaryFocus();\n } else if (this.detailsRef.open && event) {\n if (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 }\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 this._userInteraction = true;\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(undefined, true);\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(valueOrEvent?: InputEvent<HTMLInputElement> | string | void) {\n if (valueOrEvent === undefined) {\n return;\n }\n let filterText;\n if (typeof valueOrEvent === \"string\") {\n filterText = valueOrEvent;\n } else {\n const event = valueOrEvent as InputEvent<HTMLInputElement>;\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(\n \"focusout\",\n (event: InteractionEvent<HTMLDetailsElement>) => 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(\"showLoading\")\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 if (this.selectRef) {\n this.handleValidation();\n }\n }\n\n @Watch(\"_values\")\n @Watch(\"selectRef\")\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 if (typeof window !== \"undefined\" && \"IntersectionObserver\" in window) {\n this._observer = new IntersectionObserver((payload) => {\n if (this.detailsRef) {\n const entry = payload.find(\n ({ target }) => target === this.detailsRef\n );\n if (entry && !entry.isIntersecting && this.detailsRef.open) {\n this.detailsRef.open = false;\n }\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-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\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-show-icon={getBooleanAsString(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.showLoading ? \"circular_arrows\" : undefined}\n semantic={this.showLoading ? \"informational\" : \"warning\"}\n >\n {(this.showLoading\n ? this.loadingText\n : this.noResultsText) ?? 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(undefined, true)}\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":[]}

package/dist/db-ux/p-3d7eb768.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as a,c as e,h as d}from"./p-CNzNv7KB.js";import{p as c}from"./p-DC9V_oNU.js";import{a as s,b as t,c as i}from"./p-YECpAE3G.js";import{i as r}from"./p-sP2NlPcu.js";import"./p-G-TursYV.js";const n=class{constructor(d){a(this,d);this.toggle=e(this,"toggle");this.initialized=false;this.forcedToMobile=false}handleToggle(a){if(a&&a.stopPropagation){a.stopPropagation()}const e=!t(this.drawerOpen,"drawerOpen");if(this.toggle){this.toggle.emit(e)}}handleNavigationItemClick(a){if(r(a)){this.handleToggle()}}enableAttributePassing(a,e){const d=a===null\|\|a===void 0?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const s=e.item(c);if(s&&(s.name.startsWith("data-")\|\|s.name.startsWith("aria-"))){a.setAttribute(s.name,s.value);d.removeAttribute(s.name)}if(s&&s.name==="class"){const e=s.value.includes("hydrated");const c=s.value.replace("hydrated","").trim();const t=a.getAttribute("class");a.setAttribute(s.name,`${t?`${t} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(s.name)}}}}}watch0Fn(){if(this.initialized&&this._ref&&this.forceMobile){s(this._ref,{key:"data-force-mobile",value:"true"});this.forcedToMobile=true}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this.watch0Fn()}render(){var a;return d("header",{key:"f4c9884becf742012f64300f7c63fc6d4463fc53",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"1e7041fce0b49d91634f9150de2728fb3ea570ae",class:"db-header-drawer",spacing:"small",rounded:true,open:t(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"9cf3ece5244d1210276de64d74916077323a03c1",class:"db-header-drawer-navigation"},d("div",{key:"4b3aa0923761a654d6095e862b5d1beddae86d80",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"a4f4a03a8cb99eb51aa6b865900ce5087099eddf"})),d("div",{key:"3d45857231f8637705c827d7c261cc33ab14f966",class:"db-header-meta-navigation"},d("slot",{key:"8820a4e7f3e41d92ffabee8787e68cff52ae9ffe",name:"metaNavigation"}))),d("div",{key:"a2419d7e6cf2ac44e303b3ecbce0e2879064ce92",class:"db-header-secondary-action"},d("slot",{key:"be3960fbaf78ae49ba370e78be80069c21272b90",name:"secondaryAction"}))),d("div",{key:"5d34773d05e83f70b8c4b94320ccacfa724c607d",class:"db-header-meta-navigation"},d("slot",{key:"59173edd33c4cb1198d01ff226a9b00510066a23",name:"metaNavigation"})),d("div",{key:"295063c335c63c27caa205577aa8d1c9fba8f707",class:"db-header-navigation-bar"},d("div",{key:"89bba742b816ae4de7964a6818552cb539b338fc",class:"db-header-brand-container"},d("slot",{key:"98f16df9f68541c7fddc25fd823d6a6c2c038186",name:"brand"})),d("div",{key:"7e6279f4528c98b3e33fe9e948f24e098806aba1",class:"db-header-navigation-container"},d("div",{key:"9194a52e1270ae50b648498587262354e2cbb074",class:"db-header-navigation"},d("slot",{key:"5c5b769528a870c273f6b278f2426818b87fca34"})),d("div",{key:"fdd0b74ffd36b12cca136b66ffb851332384e7f5",class:"db-header-primary-action"},d("slot",{key:"9785dea0204a3029a31962e661861c26ca9ba490",name:"primaryAction"}))),d("div",{key:"3da686773c71442497aed65236b22ce19d42cf5a",class:"db-header-action-container"},d("div",{key:"08d4fcda3c5e3d757fa090fc7a4170884f653340",class:"db-header-burger-menu-container"},d("db-button",{key:"066d1359f239663f6c92d9206ec6112ab93a7326",icon:"menu",variant:"ghost",noText:true,onClick:()=>this.handleToggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:c)),d("div",{key:"43ed5e88925dd99ff83241a626e3a4204101304f",class:"db-header-secondary-action"},d("slot",{key:"c74a72a5babc2ab9c667d2a898955be5ce919a9b",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"],_ref:["watch0"]}}};export{n as db_header};
2	- //# sourceMappingURL=p-3d7eb768.entry.js.map

package/dist/db-ux/p-3d7eb768.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBHeader","constructor","hostRef","this","initialized","forcedToMobile","handleToggle","event","stopPropagation","open","getBoolean","drawerOpen","toggle","emit","handleNavigationItemClick","isEventTargetNavigationItem","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","_ref","forceMobile","addAttributeToChildren","key","watch0","componentDidLoad","render","h","class","cls","className","ref","el","id","width","spacing","rounded","onClose","onClick","icon","variant","noText","_a","burgerMenuLabel","DEFAULT_BURGER_MENU"],"sources":["src/components/header/header.tsx"],"sourcesContent":["import { DEFAULT_BURGER_MENU } from \"../../shared/constants\";\nimport { addAttributeToChildren, cls, getBoolean } from \"../../utils\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DBHeaderProps, DBHeaderState } from \"./model\";\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 * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n tag: \"db-header\",\n})\nexport class DBHeader {\n private _ref!: HTMLDivElement | any;\n @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n @Event() toggle: EventEmitter<\n Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n > | void;\n @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n @Prop() id: DBHeaderProps[\"id\"];\n @Prop() width: DBHeaderProps[\"width\"];\n @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n @State() initialized = false;\n @State() forcedToMobile = false;\n\n handleToggle(event?: any) {\n if (event && event.stopPropagation) {\n event.stopPropagation();\n }\n const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n if (this.toggle) {\n this.toggle.emit(open);\n }\n }\n handleNavigationItemClick(event: unknown) {\n if (isEventTargetNavigationItem(event)) {\n this.handleToggle();\n }\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.initialized && this._ref && this.forceMobile) {\n // Adds this attribute to the header to enable all styling which would have\n // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n addAttributeToChildren(this._ref, {\n key: \"data-force-mobile\",\n value: \"true\",\n });\n this.forcedToMobile = true;\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-header\");\n this.initialized = true;\n this.watch0Fn();\n }\n\n render() {\n return (\n <header\n class={cls(\"db-header\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-width={this.width}\n data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n >\n <db-drawer\n class=\"db-header-drawer\"\n spacing=\"small\"\n rounded={true}\n open={getBoolean(this.drawerOpen)}\n onClose={() => this.handleToggle()}\n >\n <div class=\"db-header-drawer-navigation\">\n <div\n class=\"db-header-navigation\"\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n <slot></slot>\n </div>\n <div class=\"db-header-meta-navigation\">\n <slot name=\"metaNavigation\"></slot>\n </div>\n </div>\n <div class=\"db-header-secondary-action\">\n <slot name=\"secondaryAction\"></slot>\n </div>\n </db-drawer>\n <div class=\"db-header-meta-navigation\">\n <slot name=\"metaNavigation\"></slot>\n </div>\n <div class=\"db-header-navigation-bar\">\n <div class=\"db-header-brand-container\">\n <slot name=\"brand\"></slot>\n </div>\n <div class=\"db-header-navigation-container\">\n <div class=\"db-header-navigation\">\n <slot></slot>\n </div>\n <div class=\"db-header-primary-action\">\n <slot name=\"primaryAction\"></slot>\n </div>\n </div>\n <div class=\"db-header-action-container\">\n <div class=\"db-header-burger-menu-container\">\n <db-button\n icon=\"menu\"\n variant=\"ghost\"\n noText={true}\n onClick={() => this.handleToggle()}\n >\n {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n </db-button>\n </div>\n <div class=\"db-header-secondary-action\">\n <slot name=\"secondaryAction\"></slot>\n </div>\n </div>\n </div>\n </header>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-51de401e.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s}from"./p-CNzNv7KB.js";import{g as i,c as a}from"./p-YECpAE3G.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(e.name,`${r?`${r} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t;return s("a",{key:"c76a9caf23e3efc45794fd4ef5b55ee7d228f500",class:a("db-link",this.className),ref:t=>{this._ref=t},id:this.id,href:this.href,target:this.target,rel:this.rel,role:this.role,hrefLang:this.hreflang,"aria-disabled":i(this.disabled),tabIndex:this.disabled?-1:0,"data-size":this.size,"data-show-icon-trailing":i((t=this.showIcon)!==null&&t!==void 0?t:true),"data-variant":this.variant,"data-content":this.content\|\|"internal","data-wrap":i(this.wrap)},this.text?this.text:s("slot",null))}};export{e as db_link};
2	- //# sourceMappingURL=p-51de401e.entry.js.map

package/dist/db-ux/p-58007675.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as t}from"./p-CNzNv7KB.js";import{q as a}from"./p-DC9V_oNU.js";import{g as i,c as o}from"./p-YECpAE3G.js";const d=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=s===null\|\|s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const o=t.item(i);if(o&&(o.name.startsWith("data-")\|\|o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);a.removeAttribute(o.name)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(o.name,`${d?`${d} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"9014cc8dfb318b456ae6115abe7217a1d1cca73b",class:o("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":(s=this.icon)!==null&&s!==void 0?s:a,"data-show-icon":i(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{d as db_brand};
2	- //# sourceMappingURL=p-58007675.entry.js.map

package/dist/db-ux/p-58007675.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBBrand","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","hideLogo","_a","icon","DEFAULT_ICON","getBooleanAsString","showIcon","id","text"],"sources":["src/components/brand/brand.tsx"],"sourcesContent":["import { DEFAULT_ICON } from \"../../shared/constants\";\nimport { cls, getBooleanAsString } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-brand\",\n})\nexport class DBBrand {\n private _ref!: HTMLDivElement | any;\n @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n @Prop() icon: DBBrandProps[\"icon\"];\n @Prop() showIcon: DBBrandProps[\"showIcon\"];\n @Prop() id: DBBrandProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n @Prop() text: DBBrandProps[\"text\"];\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-brand\");\n }\n\n render() {\n return (\n <div\n class={cls(\"db-brand\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n data-show-icon={getBooleanAsString(this.showIcon)}\n id={this.id}\n >\n {this.text ? this.text : <slot></slot>}\n </div>\n );\n }\n}\n"],"mappings":"gIAcaA,EAAO,M,yBAcV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,G,MACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EACf,YACUT,KAAKU,SAAW,QAASC,EAAAX,KAAKY,QAAI,MAAAD,SAAA,EAAAA,EAAIE,EACjC,iBAAAC,EAAmBd,KAAKe,UACxCC,GAAIhB,KAAKgB,IAERhB,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-5b45664d.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s}from"./p-CNzNv7KB.js";import{g as a,c as i}from"./p-YECpAE3G.js";const o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const o=s.item(i);if(o&&(o.name.startsWith("data-")\|\|o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);a.removeAttribute(o.name)}if(o&&o.name==="class"){const s=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"c126d11d979284931006fa76b2a6a49e396f394c",class:i("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-show-icon-leading":a((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{o as db_infotext};
2	- //# sourceMappingURL=p-5b45664d.entry.js.map

package/dist/db-ux/p-5c6da0f3.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as t,h as i}from"./p-CNzNv7KB.js";import{s as a}from"./p-DC9V_oNU.js";import{b as e,s as n,g as o,c}from"./p-YECpAE3G.js";const l=class{constructor(i){s(this,i);this.close=t(this,"close")}handleClose(s){if(!s)return;s.stopPropagation();if(this.close){this.close.emit(s)}}enableAttributePassing(s,t){const i=s===null\|\|s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const e=t.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){s.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const n=s.getAttribute("class");s.setAttribute(e.name,`${n?`${n} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-notification")}render(){var s;return i("article",{key:"5c2aed4066efbc207ade969f84c5cea58350a49a",class:c("db-notification",this.className),ref:s=>{this._ref=s},id:this.id,"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":this.icon,"data-show-icon":o(this.showIcon),"data-link-variant":this.linkVariant},i("slot",{key:"5b4a5fbc5dad5b04b3f2a0d269cf2ca48f79df7e",name:"image"}),n(this.headline,this.showHeadline)?i("header",null,this.headline):null,i("p",{key:"a72611c45ee17745a354e243fdb5cc3e22abf5be"},this.text?this.text:i("slot",null)),n(this.timestamp,this.showTimestamp)?i("span",null,this.timestamp):null,i("slot",{key:"7679c3681608babce822cd7d4251e0bfc2ce08d4",name:"link"}),e(this.closeable,"closeable")?i("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:true,onClick:s=>this.handleClose(s)},(s=this.closeButtonText)!==null&&s!==void 0?s:a):null)}};export{l as db_notification};
2	- //# sourceMappingURL=p-5c6da0f3.entry.js.map

package/dist/db-ux/p-6e35a260.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s,c as i}from"./p-CNzNv7KB.js";import{c as e,b as a,u as h,g as d,h as n,d as o,s as l,i as c,f as r,e as u,j as f}from"./p-YECpAE3G.js";import{l as b,g as v,h as m,j as p,f as y,k as g,b as k,a as w,m as x}from"./p-DC9V_oNU.js";const $=class{constructor(s){t(this,s);this.width="fixed"}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")\|\|a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(a.name,`${h?`${h} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return s("article",{key:"98087cc1db985bbb2e2578cb9e2c78bc3a0c3b23",class:e("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},s("slot",{key:"25bcaa79bdf8168feffce0a59c0adbc656023e64"}))}};const _=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")\|\|a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(a.name,`${h?`${h} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return s("div",{key:"f47e219aac45d07e958a94969205260af981bcf1",class:e("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},s("ul",{key:"adca0d159ec4cd5d2dc46f11fe41006276dba94f"},s("slot",{key:"abb6edfb683a3e4a42512b2185854099c66f1f3c"})))}};const C=class{constructor(s){t(this,s);this.change=i(this,"change");this._id=undefined;this.hasDivider=false}handleChange(t){t.stopPropagation();if(this.change){this.change.emit(t)}}getIconTrailing(){if(this.isGroupTitle\|\|this.type==="checkbox"){return}return a(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")\|\|a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(a.name,`${h?`${h} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle\|\|this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item");this._id=(t=this.id)!==null&&t!==void 0?t:`custom-select-list-item-${h()}`;this.watch0Fn()}render(){return s("li",{key:"d94821da8bf1842933f6518079c9e463459bed2b",class:e("db-custom-select-list-item",this.className,{"db-checkbox":this.type==="checkbox"&&!this.isGroupTitle,"db-radio":this.type!=="checkbox"&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":d(this.hasDivider)},!this.isGroupTitle?s("label",{"data-icon":this.type!=="checkbox"&&this.icon?this.icon:undefined,"data-show-icon":d(this.showIcon),"data-icon-trailing":this.getIconTrailing()},s("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:s("slot",null)):s("span",null,this.groupTitle))}static get watchers(){return{isGroupTitle:["watch0"],showDivider:["watch0"]}}};const D=class{constructor(s){t(this,s);this.input=i(this,"input");this.change=i(this,"change");this.blur=i(this,"blur");this.focus=i(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._dataListId=undefined;this._descByIds=undefined;this._value=undefined;this._voiceOverFallback=""}hasValidState(){var t;return!!((t=this.validMessage)!==null&&t!==void 0?t:this.validation==="valid")}handleValidation(){var t,s,i,e;if(!((t=this._ref)===null\|\|t===void 0?void 0:t.validity.valid)\|\|this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage\|\|((s=this._ref)===null\|\|s===void 0?void 0:s.validationMessage)\|\|b;if(n()){this._voiceOverFallback=this._invalidMessage;o((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((i=this._ref)===null\|\|i===void 0?void 0:i.validity.valid)&&(this.required\|\|this.minLength\|\|this.maxLength\|\|this.pattern)){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(e=this.validMessage)!==null&&e!==void 0?e:g;o((()=>this._voiceOverFallback=""),1e3)}}else if(l(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=undefined}}handleInput(t){if(this.input){this.input.emit(t)}this.handleValidation()}handleChange(t){if(this.change){this.change.emit(t)}this.handleValidation()}handleBlur(t){if(this.blur){this.blur.emit(t)}}handleFocus(t){if(this.focus){this.focus.emit(t)}}getDataList(){const t=this.dataList;return Array.from((c(t)?t===null\|\|t===void 0?void 0:t.map((t=>({value:t,label:undefined}))):t)\|\|[])}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")\|\|a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(a.name,`${h?`${h} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage\|\|((t=this._ref)===null\|\|t===void 0?void 0:t.validationMessage)\|\|b}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+y;this._messageId=s;this._validMessageId=this._id+v;this._invalidMessageId=this._id+m;this._dataListId=(t=this.dataListId)!==null&&t!==void 0?t:this._id+p;if(l(this.message,this.showMessage)){this._descByIds=s}this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=(t=this.id)!==null&&t!==void 0?t:`input-${h()}`;this._id=s;this._messageId=s+y;this._validMessageId=s+v;this._invalidMessageId=s+m;this._dataListId=s+p;this._invalidMessage=this.invalidMessage\|\|b;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t,i,h,n,o,c,b;return s("div",{key:"14f5ef53f59b28fc9ec86af2c8b73163ee0711eb",class:e("db-input",this.className),"data-variant":this.variant,"data-hide-label":f(this.showLabel),"data-show-icon":d((t=this.showIconLeading)!==null&&t!==void 0?t:this.showIcon),"data-icon":(i=this.iconLeading)!==null&&i!==void 0?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":f(this.showRequiredAsterisk),"data-show-icon-trailing":d(this.showIconTrailing)},s("label",{key:"742b1fff77d5984d9aaf7f9f7a8d3bec38cd0d7f",htmlFor:this._id},(h=this.label)!==null&&h!==void 0?h:w),s("input",{key:"6bf7b4ef207482801e3664c1234d7033caf24b3f","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type\|\|"text",multiple:a(this.multiple,"multiple"),placeholder:(n=this.placeholder)!==null&&n!==void 0?n:k,disabled:a(this.disabled,"disabled"),required:a(this.required,"required"),step:u(this.step),value:(o=this.value)!==null&&o!==void 0?o:this._value,maxLength:u(this.maxLength,this.maxlength),minLength:u(this.minLength,this.minlength),max:r(this.max,this.type),min:r(this.min,this.type),readOnly:a(this.readOnly,"readOnly")\|\|a(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:a(this.autofocus,"autofocus"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":(c=this.ariaDescribedBy)!==null&&c!==void 0?c:this._descByIds}),this.dataList?s("datalist",{id:this._dataListId},(b=this.getDataList())===null\|\|b===void 0?void 0:b.map((t=>s("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,s("slot",{key:"7148441abf8ae48961d6c33e9d3e1aafd80b712e"}),l(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage\|\|g):null,s("db-infotext",{key:"0138db84ad8a008ede50e58d69e72384e84b590b",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"8386b22d98880d515d0b310895c21f388ef172b1","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};const F=class{constructor(s){t(this,s);this.remove=i(this,"remove")}handleRemove(t){if(!t)return;t.stopPropagation();if(this.remove){this.remove.emit(t)}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return x}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")\|\|a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(a.name,`${h?`${h} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag")}render(){var t;return s("div",{key:"db86fabfde3f9d1e41a863f58db34eb88d067440",class:e("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":d((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-show-icon":d(this.showIcon),"data-no-text":d(this.noText),"data-overflow":d(this.overflow)},s("slot",{key:"1bef11e30ca670fa5bf1d438cd12c43e233cded4",name:"content"}),s("slot",{key:"3f94141f60688d0730478711748fa9dbb194f810"}),this.text?this.text:null,this.behavior==="removable"?s("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},s("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}};export{$ as db_custom_select_dropdown,_ as db_custom_select_list,C as db_custom_select_list_item,D as db_input,F as db_tag};
2	- //# sourceMappingURL=p-6e35a260.entry.js.map