npm - @db-ux/wc-core-components - Versions diffs - 3.0.2-copilot-66b0168 → 3.0.2-shell-ed0ed7c - Mend

@db-ux/wc-core-components 3.0.2-copilot-66b0168 → 3.0.2-shell-ed0ed7c

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/collection/components/tooltip/tooltip.js CHANGED Viewed

@@ -37,9 +37,8 @@ export class DBTooltip {
             return;
         if (this._ref) {
             // This is a workaround for angular
-            utilsDelay(() => {
-                var _a;
-                handleFixedPopover(this._ref, parent, (_a = this.placement) !== null && _a !== void 0 ? _a : "bottom");
+            void utilsDelay(() => {
+                handleFixedPopover(this._ref, parent);
             }, 1);
         }
     }
@@ -136,9 +135,9 @@ export class DBTooltip {
     }
     render() {
         var _a, _b;
-        return (h("i", { key: '52251be6619b67fd037abcd6f3c0e6ad273e4e2d', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
+        return (h("i", { key: '61541950359cc85eb043b0cca5390fa17ebc1c99', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, h("slot", { key: '3b71f1756c1fd865bf5e116e50c51dd095a9cec0' })));
+            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, h("slot", { key: '9c8b4d1039e41822bd32444b66ea764778f34840' })));
     }
     static get is() { return "db-tooltip"; }
     static get properties() {
@@ -193,31 +192,6 @@ export class DBTooltip {
                 "setter": false,
                 "reflect": false
             },
-            "placement": {
-                "type": "string",
-                "attribute": "placement",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTooltipProps[\"placement\"]",
-                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "DBTooltipProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/tooltip/model.ts::DBTooltipProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
             "className": {
                 "type": "string",
                 "attribute": "classname",
@@ -367,6 +341,31 @@ export class DBTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "placement": {
+                "type": "string",
+                "attribute": "placement",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTooltipProps[\"placement\"]",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "DBTooltipProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/tooltip/model.ts::DBTooltipProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
             }
         };
     }

package/dist/collection/components/tooltip/tooltip.js.map CHANGED Viewed

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

package/dist/collection/index.js CHANGED Viewed

@@ -4,14 +4,24 @@ export * from './components/accordion-item/model';
 export * from './components/accordion/model';
 export * from './components/badge';
 export * from './components/badge/model';
-export * from './components/brand';
-export * from './components/brand/model';
 export * from './components/button';
 export * from './components/button/model';
 export * from './components/card';
 export * from './components/card/model';
 export * from './components/checkbox';
 export * from './components/checkbox/model';
+export * from './components/control-panel-brand';
+export * from './components/control-panel-brand/model';
+export * from './components/control-panel-desktop';
+export * from './components/control-panel-desktop/model';
+export * from './components/control-panel-meta-navigation';
+export * from './components/control-panel-meta-navigation/model';
+export * from './components/control-panel-mobile';
+export * from './components/control-panel-mobile/model';
+export * from './components/control-panel-primary-actions';
+export * from './components/control-panel-primary-actions/model';
+export * from './components/control-panel-secondary-actions';
+export * from './components/control-panel-secondary-actions/model';
 export * from './components/custom-select';
 export * from './components/custom-select-dropdown';
 export * from './components/custom-select-dropdown/model';
@@ -26,8 +36,6 @@ export * from './components/divider';
 export * from './components/divider/model';
 export * from './components/drawer';
 export * from './components/drawer/model';
-export * from './components/header';
-export * from './components/header/model';
 export * from './components/icon';
 export * from './components/icon/model';
 export * from './components/infotext';
@@ -38,12 +46,12 @@ export * from './components/link';
 export * from './components/link/model';
 export * from './components/navigation';
 export * from './components/navigation-item';
+export * from './components/navigation-item-group';
+export * from './components/navigation-item-group/model';
 export * from './components/navigation-item/model';
 export * from './components/navigation/model';
 export * from './components/notification';
 export * from './components/notification/model';
-export * from './components/page';
-export * from './components/page/model';
 export * from './components/popover';
 export * from './components/popover/model';
 export * from './components/radio';
@@ -52,6 +60,8 @@ export * from './components/section';
 export * from './components/section/model';
 export * from './components/select';
 export * from './components/select/model';
+export * from './components/shell';
+export * from './components/shell/model';
 export * from './components/stack';
 export * from './components/stack/model';
 export * from './components/switch';
@@ -77,4 +87,7 @@ export * from './utils/document-scroll-listener';
 export * from './utils/floating-components';
 export * from './utils/index';
 export * from './utils/navigation';
+export * from './components/shell-sub-navigation';
+export * from "./components/control-panel-flat-icon-navigation";
+export * from "./components/control-panel-flat-icon-navigation/model";
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,~~oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,~~qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,~~qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,~~mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc~~,+BAA+B~~,CAAC;~~AAC9C~~,cAAc,~~2BAA2B~~,CAAC;~~AAC1C~~,cAAc,~~iCAAiC,~~CAAC;~~AAChD~~,cAAc,~~mBAAmB~~,CAAC;~~AAClC~~,cAAc,~~yBAAyB~~,CAAC;~~AACxC~~,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAA","sourcesContent":["export * from './components/accordion';\nexport * from './components/accordion-item';\nexport * from './components/accordion-item/model';\nexport * from './components/accordion/model';\nexport * from './components/badge';\nexport * from './components/badge/model';\nexport * from './components/brand';\nexport * from './components/brand/model';\nexport * from './components/~~button~~';\nexport * from './components/~~button~~/model';\nexport * from './components/~~card~~';\nexport * from './components/~~card~~/model';\nexport * from './components/~~checkbox~~';\nexport * from './components/~~checkbox~~/model';\nexport * from './components/custom-select';\nexport * from './components/custom-select-dropdown';\nexport * from './components/custom-select-dropdown/model';\nexport * from './components/custom-select-form-field';\nexport * from './components/custom-select-form-field/model';\nexport * from './components/custom-select-list';\nexport * from './components/custom-select-list-item';\nexport * from './components/custom-select-list-item/model';\nexport * from './components/custom-select-list/model';\nexport * from './components/custom-select/model';\nexport * from './components/divider';\nexport * from './components/divider/model';\nexport * from './components/drawer';\nexport * from './components/drawer/model';\nexport * from './components/~~header~~';\nexport * from './components/~~header~~/model';\nexport * from './components/~~icon~~';\nexport * from './components/~~icon~~/model';\nexport * from './components/~~infotext~~';\nexport * from './components/~~infotext~~/model';\nexport * from './components/~~input~~';\nexport * from './components/~~input~~/model';\nexport * from './components/~~link~~';\nexport * from './components/~~link/model~~';\nexport * from './components/navigation';\nexport * from './components/navigation-item';\nexport * from './components/navigation-item/model';\nexport * from './components/navigation/model';\nexport * from './components/notification';\nexport * from './components/notification/model';\nexport * from './components/~~page~~';\nexport * from './components/~~page~~/model';\nexport * from './components/~~popover~~';\nexport * from './components/~~popover~~/model';\nexport * from './components/~~radio~~';\nexport * from './components/~~radio~~/model';\nexport * from './components/~~section~~';\nexport * from './components/~~section~~/model';\nexport * from './components/~~select~~';\nexport * from './components/~~select~~/model';\nexport * from './components/stack';\nexport * from './components/stack/model';\nexport * from './components/switch';\nexport * from './components/switch/model';\nexport * from './components/tab-item';\nexport * from './components/tab-item/model';\nexport * from './components/tab-list';\nexport * from './components/tab-list/model';\nexport * from './components/tab-panel';\nexport * from './components/tab-panel/model';\nexport * from './components/tabs';\nexport * from './components/tabs/model';\nexport * from './components/tag';\nexport * from './components/tag/model';\nexport * from './components/textarea';\nexport * from './components/textarea/model';\nexport * from './components/tooltip';\nexport * from './components/tooltip/model';\nexport * from './shared/constants';\nexport * from './shared/model';\nexport * from './utils/document-click-listener';\nexport * from './utils/document-scroll-listener';\nexport * from './utils/floating-components';\nexport * from './utils/index';\nexport * from './utils/navigation'"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export * from './components/accordion';\nexport * from './components/accordion-item';\nexport * from './components/accordion-item/model';\nexport * from './components/accordion/model';\nexport * from './components/badge';\nexport * from './components/badge/model';\nexport * from './components/button';\nexport * from './components/button/model';\nexport * from './components/card';\nexport * from './components/card/model';\nexport * from './components/checkbox';\nexport * from './components/checkbox/model';\nexport * from './components/control-panel-brand';\nexport * from './components/control-panel-brand/model';\nexport * from './components/control-panel-desktop';\nexport * from './components/control-panel-desktop/model';\nexport * from './components/control-panel-meta-navigation';\nexport * from './components/control-panel-meta-navigation/model';\nexport * from './components/control-panel-mobile';\nexport * from './components/control-panel-mobile/model';\nexport * from './components/control-panel-primary-actions';\nexport * from './components/control-panel-primary-actions/model';\nexport * from './components/control-panel-secondary-actions';\nexport * from './components/control-panel-secondary-actions/model';\nexport * from './components/custom-select';\nexport * from './components/custom-select-dropdown';\nexport * from './components/custom-select-dropdown/model';\nexport * from './components/custom-select-form-field';\nexport * from './components/custom-select-form-field/model';\nexport * from './components/custom-select-list';\nexport * from './components/custom-select-list-item';\nexport * from './components/custom-select-list-item/model';\nexport * from './components/custom-select-list/model';\nexport * from './components/custom-select/model';\nexport * from './components/divider';\nexport * from './components/divider/model';\nexport * from './components/drawer';\nexport * from './components/drawer/model';\nexport * from './components/icon';\nexport * from './components/icon/model';\nexport * from './components/infotext';\nexport * from './components/infotext/model';\nexport * from './components/input';\nexport * from './components/input/model';\nexport * from './components/link';\nexport * from './components/link/model';\nexport * from './components/navigation';\nexport * from './components/navigation-item';\nexport * from './components/navigation-item-group';\nexport * from './components/navigation-item-group/model';\nexport * from './components/navigation-item/model';\nexport * from './components/navigation/model';\nexport * from './components/notification';\nexport * from './components/notification/model';\nexport * from './components/popover';\nexport * from './components/popover/model';\nexport * from './components/radio';\nexport * from './components/radio/model';\nexport * from './components/section';\nexport * from './components/section/model';\nexport * from './components/select';\nexport * from './components/select/model';\nexport * from './components/shell';\nexport * from './components/shell/model';\nexport * from './components/stack';\nexport * from './components/stack/model';\nexport * from './components/switch';\nexport * from './components/switch/model';\nexport * from './components/tab-item';\nexport * from './components/tab-item/model';\nexport * from './components/tab-list';\nexport * from './components/tab-list/model';\nexport * from './components/tab-panel';\nexport * from './components/tab-panel/model';\nexport * from './components/tabs';\nexport * from './components/tabs/model';\nexport * from './components/tag';\nexport * from './components/tag/model';\nexport * from './components/textarea';\nexport * from './components/textarea/model';\nexport * from './components/tooltip';\nexport * from './components/tooltip/model';\nexport * from './shared/constants';\nexport * from './shared/model';\nexport * from './utils/document-click-listener';\nexport * from './utils/document-scroll-listener';\nexport * from './utils/floating-components';\nexport * from './utils/index';\nexport * from './utils/navigation';\nexport * from './components/shell-sub-navigation';\nexport * from \"./components/control-panel-flat-icon-navigation\";\nexport * from \"./components/control-panel-flat-icon-navigation/model\""]}

package/dist/collection/shared/constants.js CHANGED Viewed

@@ -14,6 +14,8 @@ export const DEFAULT_INVALID_MESSAGE = 'TODO: Add an invalidMessage';
 export const DEFAULT_REMOVE = 'Remove';
 export const DEFAULT_BACK = 'Back';
 export const DEFAULT_SELECTED = 'Selected';
+export const DEFAULT_EXPAND = 'Expand';
+export const DEFAULT_COLLAPSE = 'Collapse';
 export const DEFAULT_BURGER_MENU = 'BurgerMenu';
 export const DEFAULT_ICON = 'brand';
 export const DEFAULT_ROWS = 4;
@@ -68,6 +70,7 @@ export const COLORS = Object.entries(COLOR).map(([, value]) => value);
 export const COLORS_SIMPLE = Object.entries(COLOR_SIMPLE).map(([, value]) => value);
 export var SEMANTIC;
 (function (SEMANTIC) {
+    SEMANTIC["NEUTRAL"] = "neutral";
     SEMANTIC["CRITICAL"] = "critical";
     SEMANTIC["INFORMATIONAL"] = "informational";
     SEMANTIC["WARNING"] = "warning";

package/dist/collection/shared/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"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~~QAKX~~;~~AALD~~,WAAY,QAAQ;IAClB,iCAAuB,CAAA;IACvB,2CAAiC,CAAA;IACjC,+BAAqB,CAAA;IACrB,qCAA2B,CAAA;AAC7B,CAAC,~~EALW~~,QAAQ,KAAR,QAAQ,~~QAKnB~~;AACD,MAAM,CAAC,MAAM,SAAS,GAAe,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;AACxF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;CACb,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAC/B,IAAI,EAAE,SAAS,IACZ,gBAAgB,GAClB;QACD,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,IAAI;KACb,kBACC,IAAI,EAAE,QAAQ,IACX,gBAAgB,EACnB,CAAA","sourcesContent":["export const DEFAULT_ID: string = 'OVERWRITE_DEFAULT_ID';\nexport const DEFAULT_LABEL: string = 'LABEL SHOULD BE SET';\nexport const DEFAULT_PLACEHOLDER: string = ' ';\nexport const DEFAULT_MESSAGE: string = 'MESSAGE SHOULD BE SET';\nexport const DEFAULT_LABEL_ID_SUFFIX: string = '-label';\nexport const DEFAULT_SELECT_ID_SUFFIX: string = '-select';\nexport const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message';\nexport const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message';\nexport const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message';\nexport const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder';\nexport const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist';\nexport const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage';\nexport const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage';\nexport const DEFAULT_REMOVE: string = 'Remove';\nexport const DEFAULT_BACK: string = 'Back';\nexport const DEFAULT_SELECTED: string = 'Selected';\nexport const DEFAULT_BURGER_MENU: string = 'BurgerMenu';\nexport const DEFAULT_ICON: string = 'brand';\nexport const DEFAULT_ROWS: number = 4;\nexport const DEFAULT_CLOSE_BUTTON: string = 'Close';\nexport const DENSITY_CONST: string = 'density';\nexport const COLOR_CONST: string = 'color';\nexport enum DENSITY {\n 'FUNCTIONAL' = 'functional',\n 'REGULAR' = 'regular',\n 'EXPRESSIVE' = 'expressive',\n}\nexport const DENSITIES: DENSITY[] = Object.entries(DENSITY).map(([, value]) => value);\nexport enum COLOR_SIMPLE {\n 'PRIMARY' = 'primary',\n}\nexport enum COLOR {\n 'NEUTRAL_BG_LEVEL_1' = 'neutral-bg-basic-level-1',\n 'NEUTRAL_BG_LEVEL_2' = 'neutral-bg-basic-level-2',\n 'NEUTRAL_BG_LEVEL_3' = 'neutral-bg-basic-level-3',\n 'NEUTRAL_BG_TRANSPARENT_SEMI' = 'neutral-bg-basic-transparent-semi',\n 'NEUTRAL_BG_TRANSPARENT_FULL' = 'neutral-bg-basic-transparent-full',\n 'BRAND_BG_LEVEL_1' = 'brand-bg-basic-level-1',\n 'BRAND_BG_LEVEL_2' = 'brand-bg-basic-level-2',\n 'BRAND_BG_LEVEL_3' = 'brand-bg-basic-level-3',\n 'BRAND_BG_TRANSPARENT_SEMI' = 'brand-bg-basic-transparent-semi',\n 'BRAND_BG_TRANSPARENT_FULL' = 'brand-bg-basic-transparent-full',\n 'SUCCESSFUL_BG_LEVEL_1' = 'successful-bg-basic-level-1',\n 'SUCCESSFUL_BG_LEVEL_2' = 'successful-bg-basic-level-2',\n 'SUCCESSFUL_BG_LEVEL_3' = 'successful-bg-basic-level-3',\n 'SUCCESSFUL_BG_TRANSPARENT_SEMI' = 'successful-bg-basic-transparent-semi',\n 'SUCCESSFUL_BG_TRANSPARENT_FULL' = 'successful-bg-basic-transparent-full',\n 'CRITICAL_BG_LEVEL_1' = 'critical-bg-basic-level-1',\n 'CRITICAL_BG_LEVEL_2' = 'critical-bg-basic-level-2',\n 'CRITICAL_BG_LEVEL_3' = 'critical-bg-basic-level-3',\n 'CRITICAL_BG_TRANSPARENT_SEMI' = 'critical-bg-basic-transparent-semi',\n 'CRITICAL_BG_TRANSPARENT_Full' = 'critical-bg-basic-transparent-full',\n 'WARNING_BG_LEVEL_1' = 'warning-bg-basic-level-1',\n 'WARNING_BG_LEVEL_2' = 'warning-bg-basic-level-2',\n 'WARNING_BG_LEVEL_3' = 'warning-bg-basic-level-3',\n 'WARNING_BG_TRANSPARENT_SEMI' = 'warning-bg-basic-transparent-semi',\n 'WARNING_BG_TRANSPARENT_FULL' = 'warning-bg-basic-transparent-full',\n 'INFORMATIONAL_BG_LEVEL_1' = 'informational-bg-basic-level-1',\n 'INFORMATIONAL_BG_LEVEL_2' = 'informational-bg-basic-level-2',\n 'INFORMATIONAL_BG_LEVEL_3' = 'informational-bg-basic-level-3',\n 'INFORMATIONAL_BG_TRANSPARENT_SEMI' = 'informational-bg-basic-transparent-semi',\n 'INFORMATIONAL_BG_TRANSPARENT_FULL' = 'informational-bg-basic-transparent-full',\n}\nexport const COLORS: COLOR[] = Object.entries(COLOR).map(([, value]) => value);\nexport const COLORS_SIMPLE: COLOR_SIMPLE[] = Object.entries(COLOR_SIMPLE).map(([, value]) => value);\nexport enum SEMANTIC {\n 'CRITICAL' = 'critical',\n 'INFORMATIONAL' = 'informational',\n 'WARNING' = 'warning',\n 'SUCCESSFUL' = 'successful',\n}\nexport const SEMANTICS: SEMANTIC[] = Object.entries(SEMANTIC).map(([, value]) => value);\nexport const DEFAULT_VIEWPORT = {\n width: 390,\n height: 884\n};\nexport const DESKTOP_VIEWPORT = {\n width: 1920,\n height: 1280\n};\n\n/*\n Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT\n */\nexport const TESTING_VIEWPORTS = [{\n name: 'desktop',\n ...DESKTOP_VIEWPORT\n}, {\n name: 'tablet',\n width: 768,\n height: 1024\n}, {\n name: 'mobile',\n ...DEFAULT_VIEWPORT\n}]"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"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","sourcesContent":["export const DEFAULT_ID: string = 'OVERWRITE_DEFAULT_ID';\nexport const DEFAULT_LABEL: string = 'LABEL SHOULD BE SET';\nexport const DEFAULT_PLACEHOLDER: string = ' ';\nexport const DEFAULT_MESSAGE: string = 'MESSAGE SHOULD BE SET';\nexport const DEFAULT_LABEL_ID_SUFFIX: string = '-label';\nexport const DEFAULT_SELECT_ID_SUFFIX: string = '-select';\nexport const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message';\nexport const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message';\nexport const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message';\nexport const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder';\nexport const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist';\nexport const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage';\nexport const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage';\nexport const DEFAULT_REMOVE: string = 'Remove';\nexport const DEFAULT_BACK: string = 'Back';\nexport const DEFAULT_SELECTED: string = 'Selected';\nexport const DEFAULT_EXPAND: string = 'Expand';\nexport const DEFAULT_COLLAPSE: string = 'Collapse';\nexport const DEFAULT_BURGER_MENU: string = 'BurgerMenu';\nexport const DEFAULT_ICON: string = 'brand';\nexport const DEFAULT_ROWS: number = 4;\nexport const DEFAULT_CLOSE_BUTTON: string = 'Close';\nexport const DENSITY_CONST: string = 'density';\nexport const COLOR_CONST: string = 'color';\nexport enum DENSITY {\n 'FUNCTIONAL' = 'functional',\n 'REGULAR' = 'regular',\n 'EXPRESSIVE' = 'expressive',\n}\nexport const DENSITIES: DENSITY[] = Object.entries(DENSITY).map(([, value]) => value);\nexport enum COLOR_SIMPLE {\n 'PRIMARY' = 'primary',\n}\nexport enum COLOR {\n 'NEUTRAL_BG_LEVEL_1' = 'neutral-bg-basic-level-1',\n 'NEUTRAL_BG_LEVEL_2' = 'neutral-bg-basic-level-2',\n 'NEUTRAL_BG_LEVEL_3' = 'neutral-bg-basic-level-3',\n 'NEUTRAL_BG_TRANSPARENT_SEMI' = 'neutral-bg-basic-transparent-semi',\n 'NEUTRAL_BG_TRANSPARENT_FULL' = 'neutral-bg-basic-transparent-full',\n 'BRAND_BG_LEVEL_1' = 'brand-bg-basic-level-1',\n 'BRAND_BG_LEVEL_2' = 'brand-bg-basic-level-2',\n 'BRAND_BG_LEVEL_3' = 'brand-bg-basic-level-3',\n 'BRAND_BG_TRANSPARENT_SEMI' = 'brand-bg-basic-transparent-semi',\n 'BRAND_BG_TRANSPARENT_FULL' = 'brand-bg-basic-transparent-full',\n 'SUCCESSFUL_BG_LEVEL_1' = 'successful-bg-basic-level-1',\n 'SUCCESSFUL_BG_LEVEL_2' = 'successful-bg-basic-level-2',\n 'SUCCESSFUL_BG_LEVEL_3' = 'successful-bg-basic-level-3',\n 'SUCCESSFUL_BG_TRANSPARENT_SEMI' = 'successful-bg-basic-transparent-semi',\n 'SUCCESSFUL_BG_TRANSPARENT_FULL' = 'successful-bg-basic-transparent-full',\n 'CRITICAL_BG_LEVEL_1' = 'critical-bg-basic-level-1',\n 'CRITICAL_BG_LEVEL_2' = 'critical-bg-basic-level-2',\n 'CRITICAL_BG_LEVEL_3' = 'critical-bg-basic-level-3',\n 'CRITICAL_BG_TRANSPARENT_SEMI' = 'critical-bg-basic-transparent-semi',\n 'CRITICAL_BG_TRANSPARENT_Full' = 'critical-bg-basic-transparent-full',\n 'WARNING_BG_LEVEL_1' = 'warning-bg-basic-level-1',\n 'WARNING_BG_LEVEL_2' = 'warning-bg-basic-level-2',\n 'WARNING_BG_LEVEL_3' = 'warning-bg-basic-level-3',\n 'WARNING_BG_TRANSPARENT_SEMI' = 'warning-bg-basic-transparent-semi',\n 'WARNING_BG_TRANSPARENT_FULL' = 'warning-bg-basic-transparent-full',\n 'INFORMATIONAL_BG_LEVEL_1' = 'informational-bg-basic-level-1',\n 'INFORMATIONAL_BG_LEVEL_2' = 'informational-bg-basic-level-2',\n 'INFORMATIONAL_BG_LEVEL_3' = 'informational-bg-basic-level-3',\n 'INFORMATIONAL_BG_TRANSPARENT_SEMI' = 'informational-bg-basic-transparent-semi',\n 'INFORMATIONAL_BG_TRANSPARENT_FULL' = 'informational-bg-basic-transparent-full',\n}\nexport const COLORS: COLOR[] = Object.entries(COLOR).map(([, value]) => value);\nexport const COLORS_SIMPLE: COLOR_SIMPLE[] = Object.entries(COLOR_SIMPLE).map(([, value]) => value);\nexport enum SEMANTIC {\n 'NEUTRAL' = 'neutral',\n 'CRITICAL' = 'critical',\n 'INFORMATIONAL' = 'informational',\n 'WARNING' = 'warning',\n 'SUCCESSFUL' = 'successful',\n}\nexport const SEMANTICS: SEMANTIC[] = Object.entries(SEMANTIC).map(([, value]) => value);\nexport const DEFAULT_VIEWPORT = {\n width: 390,\n height: 884\n};\nexport const DESKTOP_VIEWPORT = {\n width: 1920,\n height: 1280\n};\n\n/*\n Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT\n */\nexport const TESTING_VIEWPORTS = [{\n name: 'desktop',\n ...DESKTOP_VIEWPORT\n}, {\n name: 'tablet',\n width: 768,\n height: 1024\n}, {\n name: 'mobile',\n ...DEFAULT_VIEWPORT\n}]"]}

package/dist/collection/shared/model.js CHANGED Viewed

@@ -2,6 +2,8 @@
 export const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'];
 export const SpacingList = ['medium', 'small', 'large', 'none'];
 export const MarginList = ['medium', 'small', 'large', 'none'];
+export const ShellControlPanelDesktopPosition = ['top', 'left'];
+export const ShellControlPanelMobilePosition = ['top', 'bottom'];
 export const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'];
 export const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'];
 export const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList];
@@ -20,4 +22,5 @@ export const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given
 export const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
 export const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
 export const AlignmentList = ['start', 'center'];
+export const NavigationItemGroupVariantList = ['popover', 'tree'];
 //# sourceMappingURL=model.js.map

package/dist/collection/shared/model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/shared/model.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n /\n default slot\n /\n\n children?: any;\n\n /\n React specific for adding className to the component.\n /\n className?: string;\n\n /\n Workaround for TypeScript using class for all components.\n /\n class?: string \| any;\n\n /\n [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n /\n id?: string;\n\n /\n Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n /\n autofocus?: boolean \| string;\n};\nexport type GlobalState = {\n _id?: string;\n};\nexport const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const;\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n /\n The semantic defines the default variants for most components.\n /\n semantic?: SemanticType;\n};\nexport type IconProps = {\n /\n Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n /\n icon?: IconTypes;\n};\nexport type ShowIconProps = {\n /\n Enables or disables the visibility of the icon. The default value depends on the component.\n * For many components this property is optional to reflect Figma properties.\n /\n showIcon?: boolean \| string;\n};\nexport type ShowIconLeadingProps = {\n /\n Enables or disables the visibility of the leading icon.\n * For many components this property is optional to reflect Figma properties.\n /\n showIconLeading?: boolean \| string;\n};\nexport type ShowIconTrailingProps = {\n /\n Enables or disables the visibility of the trailing icon.\n * For many components this property is optional to reflect Figma properties.\n /\n showIconTrailing?: boolean \| string;\n};\nexport type IconLeadingProps = {\n /\n Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n /\n iconLeading?: IconTypes;\n};\nexport type IconTrailingProps = {\n /\n Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n /\n iconTrailing?: IconTypes;\n};\nexport const SpacingList = ['medium', 'small', 'large', 'none'] as const;\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n /\n The spacing attribute changes the padding of the component.\n /\n spacing?: SpacingType \| string;\n};\nexport const MarginList = ['medium', 'small', 'large', 'none'] as const;\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n /\n The margin attribute changes the margin of the component.\n /\n margin?: MarginType;\n};\nexport const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'] as const;\nexport type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];\nexport const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const;\nexport type PlacementVerticalType = (typeof PlacementVerticalList)[number];\nexport const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList] as const;\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n /\n The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n /\n placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n handleNavigationItemClick: (event: any) => void;\n};\nexport type GapProps = {\n /\n If the absolute element should have a gap between the parent element.\n /\n gap?: boolean \| string;\n};\nexport const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const;\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n /\n Set the gap/spacing between elements\n /\n gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n /\n The overflow attribute sets a max-width and longer text will be dotted.\n /\n overflow?: boolean \| string;\n};\nexport type WrapProps = {\n /\n Determines whether the text should wrap when its parent container is too small, preventing overflow.\n /\n wrap?: boolean \| string;\n};\nexport const OrientationList = ['horizontal', 'vertical'] as const;\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n /\n Change the orientation. Defaults to horizontal.\n /\n orientation?: OrientationType;\n};\nexport const WidthList = ['full', 'auto'] as const;\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n /\n Width of the component. Auto width based on children size, full width based on parent elements width.\n /\n width?: WidthType \| string;\n};\nexport const MaxWidthList = ['full', 'medium', 'large', 'small'] as const;\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n /\n Set max width for the component\n /\n width?: MaxWidthType;\n};\nexport const PopoverDelayList = ['none', 'slow', 'fast'] as const;\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = ['auto', 'fixed'] as const;\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n /\n Add a delay before showing the tooltip\n /\n delay?: PopoverDelayType;\n /\n Disable animation\n /\n animation?: boolean \| string;\n /\n Use fixed with for default max-width\n /\n width?: PopoverWidthType;\n};\nexport type NameProps = {\n /\n The name attribute gives the name of the element to group it.\n /\n name?: string;\n};\nexport type NameState = {\n _name?: string;\n handleNameAttribute: () => void;\n};\nexport type ContentSlotProps = {\n /\n Default slot which is used to pass in additional content.\n /\n content?: any;\n};\nexport const SizeList = ['small', 'medium'] as const;\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n /\n The size attribute changes the font-size and other related sizes of the component.\n /\n size?: SizeType;\n};\nexport const EmphasisList = ['weak', 'strong'] as const;\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n /\n The emphasis attribute divides in between a weak or strong importance.\n /\n emphasis?: EmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\n\n/\n Properties to control the required state and its visual annotation for input components.\n /\nexport type RequiredProps = {\n /\n When the required attribute specified, the user will be required to fill the form element before submitting the form.\n * The form element will be marked semantically as required and by default also visually with an asterisk '' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).\n /\n required?: boolean \| string;\n /*\n This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '').\n It allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\n * By default, its value is `true`, so the asterisk is shown when `required` is set.\n /\n showRequiredAsterisk?: boolean \| string;\n};\nexport type ShowLabelProps = {\n /\n Enables/disables the visibility of the label\n /\n showLabel?: boolean \| string;\n};\nexport type ValueProps = {\n /\n The value property is to receive results from the native form element.\n /\n value?: any;\n};\nexport type BaseFormProps = {\n /\n The disabled attribute can be set to keep a user from clicking on the form element.\n /\n disabled?: boolean \| string;\n /\n The label attribute specifies the caption of the form element.\n /\n label?: string;\n\n /\n The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n /\n name?: string;\n};\nexport type CustomFormProps = {\n /\n Overwrites auto handling for aria-describedby.\n /\n ariaDescribedBy?: string;\n /\n \tAssociates the control with a form element\n /\n form?: string;\n\n /\n Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n /\n validation?: ValidationType;\n};\nexport type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;\nexport const FieldSizingList = ['fixed', 'content'] as const;\nexport type FieldSizingType = (typeof FieldSizingList)[number];\nexport type FormTextProps = {\n /\n Maximum length (number of characters) of value\n /\n maxLength?: number \| string;\n /\n Minimum length (number of characters) of value\n /\n minLength?: number \| string;\n /\n Maximum length (number of characters) of value\n /\n maxlength?: number \| string;\n /\n Minimum length (number of characters) of value\n /\n minlength?: number \| string;\n /\n The disabled attribute can be set to keep a user from edit on the form element\n /\n readOnly?: boolean \| string;\n /\n The disabled attribute can be set to keep a user from edit on the form element\n /\n readonly?: boolean \| string;\n\n /\n Adds shrinkwrap for input and textarea: https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing\n * Note: Only supported in Chromium browsers so far\n /\n fieldSizing?: FieldSizingType;\n};\nexport type FormSizeProps = {\n /\n Size of the control\n /\n size?: number;\n};\nexport type FormCheckProps = {\n /\n Define the radio or checkbox elements checked state\n /\n checked?: boolean \| string;\n};\nexport const LabelVariantList = ['above', 'floating'] as const;\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const;\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n /\n Change the variant of the label to float or hidden\n /\n variant?: LabelVariantType;\n /\n Text that appears in the form control when it has no value set\n /\n placeholder?: string;\n /\n Optional helper message for form components\n /\n message?: string;\n\n /\n Helper message for valid form components\n /\n validMessage?: string;\n\n /\n Helper message for invalid form components\n /\n invalidMessage?: string;\n\n /\n Set/overwrite icon for helper message for form components\n /\n messageIcon?: IconTypes;\n\n /\n See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n /\n autocomplete?: string \| AutoCompleteType;\n\n /\n Enables or disables the visibility of the message.\n /\n showMessage?: boolean \| string;\n};\nexport type FromValidState = {\n hasValidState: () => boolean;\n handleValidation: () => void;\n _invalidMessage?: string;\n};\nexport type FormState = {\n _messageId?: string;\n _validMessageId?: string;\n _invalidMessageId?: string;\n _descByIds?: string;\n _value?: string;\n _invalidMessage?: string;\n /\n https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n * Currently VoiceOver isn't supporting changes from aria-describedby.\n * This is an internal Fallback\n /\n _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n initialized: boolean;\n};\nexport const LinkTargetList = ['_self', '_blank', '_parent', '_top'] as const;\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const;\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n /\n Disables the link.\n /\n disabled?: boolean \| string;\n /\n The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n /\n href?: string;\n /\n Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n /\n hreflang?: string;\n /\n Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n /\n target?: LinkTargetType;\n /\n The relationship of the linked URL as space-separated link types.\n /\n rel?: string;\n /\n Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n /\n role?: string;\n /\n How much of the referrer to send when following the link.\n /\n referrerpolicy?: LinkReferrerPolicyType;\n};\nexport type TextProps = {\n /\n Alternative for default slot/children.\n /\n text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type GeneralEvent<T> = Event;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type GeneralKeyboardEvent<T> = KeyboardEvent;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n /\n React specific onClick to pass to forward ref.\n /\n onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n handleClick: (event: ClickEvent<T> \| any) => void;\n};\nexport type ToggleEventProps = {\n toggle?: (open: boolean) => void;\n onToggle?: (open: boolean) => void;\n};\nexport type ToggleEventState<T> = {\n handleToggle: (event?: ClickEvent<T> \| any) => void;\n};\nexport type CloseEventProps<T> = {\n /\n Function to handle button click (close).\n /\n onClose?: (event?: T) => void;\n /\n Function to handle button click (close).\n /\n close?: (event?: T) => void;\n};\nexport type CloseEventState<T> = {\n handleClose: (event?: T \| void, forceClose?: boolean) => void;\n};\nexport const AlignmentList = ['start', 'center'] as const;\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n /\n Define the content alignment in full width\n /\n alignment?: AlignmentType \| string;\n};\nexport type ActiveProps = {\n /\n If the tab is checked/active.\n /\n active?: boolean \| string;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n input?: (event: InputEvent<T>) => void;\n onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n handleInput: (event: InputEvent<T> \| any) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n change?: (event: ChangeEvent<T>) => void;\n onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n handleChange: (event: ChangeEvent<T> \| any) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n blur?: (event: InteractionEvent<T>) => void;\n onBlur?: (event: InteractionEvent<T>) => void;\n focus?: (event: InteractionEvent<T>) => void;\n onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n handleBlur: (event: InteractionEvent<T> \| any) => void;\n handleFocus: (event: InteractionEvent<T> \| any) => void;\n};\nexport type InnerCloseButtonProps = {\n /\n The closeButtonId attribute changes the id inside the close button.\n /\n closeButtonId?: string;\n /\n The closeButtonText attribute changes the text inside the close button.\n /\n closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n /\n The backButtonId attribute changes the id inside the back button.\n /\n backButtonId?: string;\n /\n The backButtonText attribute changes the text inside the back button.\n /\n backButtonText?: string;\n};\nexport type AriaControlsProps = {\n /\n Pass `aria-controls` to inner element\n */\n controls?: string;\n};\nexport type ValueLabelType = {\n value: string;\n label?: string;\n};\nexport type DocumentScrollState = {\n _documentScrollListenerCallbackId?: string;\n handleDocumentScroll: (event: any, parent?: HTMLElement) => void;\n _observer?: IntersectionObserver;\n};\nexport type PopoverState = {\n handleEscape: (event: any) => void;\n handleAutoPlacement: (parent?: HTMLElement) => void;\n handleEnter: (parent?: HTMLElement) => void;\n handleLeave: (event?: any) => void;\n} & DocumentScrollState"]}
1	+ {"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/shared/model.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n /\n default slot\n /\n\n children?: any;\n\n /\n React specific for adding className to the component.\n /\n className?: string;\n\n /\n Workaround for TypeScript using class for all components.\n /\n class?: string \| any;\n\n /\n [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n /\n id?: string;\n\n /\n Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n /\n autofocus?: boolean \| string;\n};\nexport type GlobalState = {\n _id?: string;\n};\nexport const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const;\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n /\n The semantic defines the default variants for most components.\n /\n semantic?: SemanticType;\n};\nexport type IconProps = {\n /\n Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n /\n icon?: IconTypes;\n};\nexport type ShowIconProps = {\n /\n Enables or disables the visibility of the icon. The default value depends on the component.\n * For many components this property is optional to reflect Figma properties.\n /\n showIcon?: boolean \| string;\n};\nexport type ShowIconLeadingProps = {\n /\n Enables or disables the visibility of the leading icon.\n * For many components this property is optional to reflect Figma properties.\n /\n showIconLeading?: boolean \| string;\n};\nexport type ShowIconTrailingProps = {\n /\n Enables or disables the visibility of the trailing icon.\n * For many components this property is optional to reflect Figma properties.\n /\n showIconTrailing?: boolean \| string;\n};\nexport type IconLeadingProps = {\n /\n Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n /\n iconLeading?: IconTypes;\n};\nexport type IconTrailingProps = {\n /\n Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n /\n iconTrailing?: IconTypes;\n};\nexport const SpacingList = ['medium', 'small', 'large', 'none'] as const;\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n /\n The spacing attribute changes the padding of the component.\n /\n spacing?: SpacingType \| string;\n};\nexport const MarginList = ['medium', 'small', 'large', 'none'] as const;\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n /\n The margin attribute changes the margin of the component.\n /\n margin?: MarginType;\n};\nexport const ShellControlPanelDesktopPosition = ['top', 'left'] as const;\nexport type ShellControlPanelDesktopPositionType = (typeof ShellControlPanelDesktopPosition)[number];\nexport const ShellControlPanelMobilePosition = ['top', 'bottom'] as const;\nexport type ShellControlPanelMobilePositionType = (typeof ShellControlPanelMobilePosition)[number];\nexport const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'] as const;\nexport type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];\nexport const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const;\nexport type PlacementVerticalType = (typeof PlacementVerticalList)[number];\nexport const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList] as const;\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n /\n The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n /\n placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n handleNavigationItemClick: (event: any) => void;\n};\nexport type GapProps = {\n /\n If the absolute element should have a gap between the parent element.\n /\n gap?: boolean \| string;\n};\nexport const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const;\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n /\n Set the gap/spacing between elements\n /\n gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n /\n The overflow attribute sets a max-width and longer text will be dotted.\n /\n overflow?: boolean \| string;\n};\nexport type WrapProps = {\n /\n Determines whether the text should wrap when its parent container is too small, preventing overflow.\n /\n wrap?: boolean \| string;\n};\nexport const OrientationList = ['horizontal', 'vertical'] as const;\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n /\n Change the orientation. Defaults to horizontal.\n /\n orientation?: OrientationType;\n};\nexport const WidthList = ['full', 'auto'] as const;\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n /\n Width of the component. Auto width based on children size, full width based on parent elements width.\n /\n width?: WidthType \| string;\n};\nexport const MaxWidthList = ['full', 'medium', 'large', 'small'] as const;\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n /\n Set max width for the component\n /\n width?: MaxWidthType;\n};\nexport const PopoverDelayList = ['none', 'slow', 'fast'] as const;\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = ['auto', 'fixed'] as const;\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n /\n Add a delay before showing the tooltip\n /\n delay?: PopoverDelayType;\n /\n Disable animation\n /\n animation?: boolean \| string;\n /\n Use fixed with for default max-width\n /\n width?: PopoverWidthType;\n};\nexport type NameProps = {\n /\n The name attribute gives the name of the element to group it.\n /\n name?: string;\n};\nexport type NameState = {\n _name?: string;\n handleNameAttribute: () => void;\n};\nexport type ContentSlotProps = {\n /\n Default slot which is used to pass in additional content.\n /\n content?: any;\n};\nexport const SizeList = ['small', 'medium'] as const;\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n /\n The size attribute changes the font-size and other related sizes of the component.\n /\n size?: SizeType;\n};\nexport const EmphasisList = ['weak', 'strong'] as const;\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n /\n The emphasis attribute divides in between a weak or strong importance.\n /\n emphasis?: EmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\n\n/\n Properties to control the required state and its visual annotation for input components.\n /\nexport type RequiredProps = {\n /\n When the required attribute specified, the user will be required to fill the form element before submitting the form.\n * The form element will be marked semantically as required and by default also visually with an asterisk '' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).\n /\n required?: boolean \| string;\n /*\n This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '').\n It allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\n * By default, its value is `true`, so the asterisk is shown when `required` is set.\n /\n showRequiredAsterisk?: boolean \| string;\n};\nexport type ShowLabelProps = {\n /\n Enables/disables the visibility of the label\n /\n showLabel?: boolean \| string;\n};\nexport type ValueProps = {\n /\n The value property is to receive results from the native form element.\n /\n value?: any;\n};\nexport type DisabledProps = {\n /\n The disabled attribute can be set to keep a user from clicking on the item.\n /\n disabled?: boolean \| string;\n};\nexport type BaseFormProps = {\n /\n The label attribute specifies the caption of the form element.\n /\n label?: string;\n\n /\n The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n /\n name?: string;\n} & DisabledProps;\nexport type CustomFormProps = {\n /\n Overwrites auto handling for aria-describedby.\n /\n ariaDescribedBy?: string;\n /\n \tAssociates the control with a form element\n /\n form?: string;\n\n /\n Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n /\n validation?: ValidationType;\n};\nexport type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;\nexport const FieldSizingList = ['fixed', 'content'] as const;\nexport type FieldSizingType = (typeof FieldSizingList)[number];\nexport type FormTextProps = {\n /\n Maximum length (number of characters) of value\n /\n maxLength?: number \| string;\n /\n Minimum length (number of characters) of value\n /\n minLength?: number \| string;\n /\n Maximum length (number of characters) of value\n /\n maxlength?: number \| string;\n /\n Minimum length (number of characters) of value\n /\n minlength?: number \| string;\n /\n The disabled attribute can be set to keep a user from edit on the form element\n /\n readOnly?: boolean \| string;\n /\n The disabled attribute can be set to keep a user from edit on the form element\n /\n readonly?: boolean \| string;\n\n /\n Adds shrinkwrap for input and textarea: https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing\n * Note: Only supported in Chromium browsers so far\n /\n fieldSizing?: FieldSizingType;\n};\nexport type FormSizeProps = {\n /\n Size of the control\n /\n size?: number;\n};\nexport type FormCheckProps = {\n /\n Define the radio or checkbox elements checked state\n /\n checked?: boolean \| string;\n};\nexport const LabelVariantList = ['above', 'floating'] as const;\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const;\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n /\n Change the variant of the label to float or hidden\n /\n variant?: LabelVariantType;\n /\n Text that appears in the form control when it has no value set\n /\n placeholder?: string;\n /\n Optional helper message for form components\n /\n message?: string;\n\n /\n Helper message for valid form components\n /\n validMessage?: string;\n\n /\n Helper message for invalid form components\n /\n invalidMessage?: string;\n\n /\n Set/overwrite icon for helper message for form components\n /\n messageIcon?: IconTypes;\n\n /\n See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n /\n autocomplete?: string \| AutoCompleteType;\n\n /\n Enables or disables the visibility of the message.\n /\n showMessage?: boolean \| string;\n};\nexport type FromValidState = {\n hasValidState: () => boolean;\n handleValidation: () => void;\n _invalidMessage?: string;\n};\nexport type FormState = {\n _messageId?: string;\n _validMessageId?: string;\n _invalidMessageId?: string;\n _descByIds?: string;\n _value?: string;\n _invalidMessage?: string;\n /\n https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n * Currently VoiceOver isn't supporting changes from aria-describedby.\n * This is an internal Fallback\n /\n _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n initialized: boolean;\n};\nexport const LinkTargetList = ['_self', '_blank', '_parent', '_top'] as const;\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const;\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n /\n Disables the link.\n /\n disabled?: boolean \| string;\n /\n The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n /\n href?: string;\n /\n Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n /\n hreflang?: string;\n /\n Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n /\n target?: LinkTargetType;\n /\n The relationship of the linked URL as space-separated link types.\n /\n rel?: string;\n /\n Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n /\n role?: string;\n /\n How much of the referrer to send when following the link.\n /\n referrerpolicy?: LinkReferrerPolicyType;\n};\nexport type TextProps = {\n /\n Alternative for default slot/children.\n /\n text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type GeneralEvent<T> = Event;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type GeneralKeyboardEvent<T> = KeyboardEvent;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n /\n React specific onClick to pass to forward ref.\n /\n onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n handleClick: (event: ClickEvent<T> \| any) => void;\n};\nexport type ToggleEventProps = {\n toggle?: (open: boolean) => void;\n onToggle?: (open: boolean) => void;\n};\nexport type ToggleEventState<T> = {\n handleToggle: (event?: ClickEvent<T> \| any) => void;\n};\nexport type CloseEventProps<T> = {\n /\n Function to handle button click (close).\n /\n onClose?: (event?: T) => void;\n /\n Function to handle button click (close).\n /\n close?: (event?: T) => void;\n};\nexport type CloseEventState<T> = {\n handleClose: (event?: T \| void, forceClose?: boolean) => void;\n};\nexport const AlignmentList = ['start', 'center'] as const;\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n /\n Define the content alignment in full width\n /\n alignment?: AlignmentType \| string;\n};\nexport type ActiveProps = {\n /\n If the tab is checked/active.\n /\n active?: boolean \| string;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n input?: (event: InputEvent<T>) => void;\n onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n handleInput: (event: InputEvent<T> \| any) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n change?: (event: ChangeEvent<T>) => void;\n onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n handleChange: (event: ChangeEvent<T> \| any) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n blur?: (event: InteractionEvent<T>) => void;\n onBlur?: (event: InteractionEvent<T>) => void;\n focus?: (event: InteractionEvent<T>) => void;\n onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n handleBlur: (event: InteractionEvent<T> \| any) => void;\n handleFocus: (event: InteractionEvent<T> \| any) => void;\n};\nexport type InnerCloseButtonProps = {\n /\n The closeButtonId attribute changes the id inside the close button.\n /\n closeButtonId?: string;\n /\n The closeButtonText attribute changes the text inside the close button.\n /\n closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n /\n The backButtonId attribute changes the id inside the back button.\n /\n backButtonId?: string;\n /\n The backButtonText attribute changes the text inside the back button.\n /\n backButtonText?: string;\n};\nexport type AriaControlsProps = {\n /\n Pass `aria-controls` to inner element\n /\n controls?: string;\n};\nexport type ControlPanelProps = {\n /\n Slot to pass in the DBControlPanelBrand component\n /\n brand?: any;\n /\n Slot to pass in a meta navigation.\n * Desktop: Above the regular control-panel-desktop\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 control-panel-brand\n /\n primaryActions?: any;\n /\n Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n * Desktop: Shown seperated by divider at the end of the control-panel-desktop\n * Mobile: Shown inside the drawer at the bottom.\n /\n secondaryActions?: any;\n\n /\n Adds ``aria-labelledby`` to the <nav> element.\n /\n navigationLabeledBy?: string;\n};\nexport type ValueLabelType = {\n value: string;\n label?: string;\n};\nexport type OverflowScrollButtonProps = {\n /\n Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"\n /\n arrowScrollDistance?: number \| string;\n};\nexport type OverflowScrollButtonState = {\n scroll: (left?: boolean) => void;\n showScrollLeft?: boolean;\n showScrollRight?: boolean;\n evaluateScrollButtons: (tabList: Element) => void;\n};\nexport type SidebarProps = {\n /\n Set the expanded/collapsed state initially for the left sidebar\n /\n expanded?: boolean \| string;\n\n /\n Set the tooltip for the expand/collapse button\n /\n expandButtonTooltip?: string;\n\n /\n Set the tooltip for the expand/collapse button based on the state. (only react\|vue)\n /\n expandButtonTooltipFn?: (open: boolean) => string;\n\n /\n Set the tooltip for the expand/collapse button based on the state. (only react\|vue)\n /\n onExpandButtonTooltipFn?: (open: boolean) => string;\n};\nexport type SidebarState = {\n _open: boolean;\n getToggleButtonText: () => string;\n};\nexport const NavigationItemGroupVariantList = ['popover', 'tree'] as const;\nexport type NavigationItemGroupVariantType = (typeof NavigationItemGroupVariantList)[number];\nexport type NavigationItemGroupVariant = {\n variant?: NavigationItemGroupVariantType;\n};\nexport type AdditionalInformationSlotProps = {\n /\n Slot to add additional information most likely a DBBadge\n */\n additionalInformation?: any;\n};\nexport type DocumentScrollState = {\n _documentScrollListenerCallbackId?: string;\n handleDocumentScroll: (event: any, parent?: HTMLElement) => void;\n _observer?: IntersectionObserver;\n};\nexport type PopoverState = {\n handleEscape: (event: any) => void;\n handleAutoPlacement: (parent?: HTMLElement) => void;\n handleEnter: (parent?: HTMLElement) => void;\n handleLeave: (event?: any) => void;\n} & DocumentScrollState"]}