@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell-ed0ed7c

package/dist/collection/components/control-panel-desktop/control-panel-desktop.js

@@ -0,0 +1,267 @@
+import { DEFAULT_COLLAPSE, DEFAULT_EXPAND } from "../../shared/constants";
+import { cls, getBooleanAsString, uuid } from "../../utils";
+import { handleSubNavigationPosition } from "../../utils/navigation";
+import { h, } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot brand - TODO: Add description for slotBrand
+ * @slot metaNavigation - TODO: Add description for slotMetaNavigation
+ * @slot primaryActions - TODO: Add description for slotPrimaryActions
+ * @slot secondaryActions - TODO: Add description for slotSecondaryActions
+ */
+export class DBControlPanelDesktop {
+    constructor() {
+        this._id = `db-control-panel-desktop-${uuid()}`;
+        this._open = true;
+    }
+    handleToggle(event) {
+        if (typeof event.detail !== "object") {
+            event.stopPropagation();
+            this._open = !this._open;
+        }
+    }
+    getToggleButtonText() {
+        if (this.expandButtonTooltipFn) {
+            const open = this._open;
+            return this.expandButtonTooltipFn.emit(open);
+        }
+        if (this.expandButtonTooltip) {
+            return this.expandButtonTooltip;
+        }
+        return this._open ? DEFAULT_COLLAPSE : DEFAULT_EXPAND;
+    }
+    onScroll() {
+        if (!this._scrollContainerRef)
+            return;
+        const popoverNavigation = this._scrollContainerRef.querySelector('.db-navigation[data-variant="popover"]');
+        if (!popoverNavigation)
+            return;
+        const navigationMenu = popoverNavigation.querySelector("menu");
+        if (navigationMenu) {
+            handleSubNavigationPosition(navigationMenu);
+        }
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-control-panel-desktop");
+    }
+    render() {
+        var _a, _b;
+        return (h("header", { key: '3c7e88cc69afdfb6221311a696b0553ce3d3cc10', class: cls("db-control-panel-desktop", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : this._id, "data-width": this.width, "data-orientation": this.orientation, "data-open": getBooleanAsString(this._open) }, h("slot", { key: 'dca436083c51c01afbe59723d13954db58996e5d', name: "brand" }), h("div", { key: '79fbe0c8401545bf118fe29586ecc98a9e702d37', class: "db-control-panel-desktop-scroll-container", ref: (el) => {
+                this._scrollContainerRef = el;
+            }, onScroll: () => this.onScroll() }, h("slot", { key: 'abd60e724660cdd1aebcb58072e94fd11277980d' }), h("slot", { key: '6e895b69fb7b01d126821f890f57e18bd55c790d', name: "metaNavigation" })), h("slot", { key: '49d633cacdfb47122d48587f5cf7ee76530dffe9', name: "primaryActions" }), h("slot", { key: '116b03a21cf583e35bd4894da871a46caae785d4', name: "secondaryActions" }), h("div", { key: '60a6356f9211b76f6d5946d5236b5c0ba9e10a9f', class: "db-control-panel-desktop-button" }, h("db-button", { key: '112680bc8484b7cee70d336ac1ee44b4950ec8ab', variant: "ghost", type: "button", icon: "double_chevron_left", onClick: (event) => this.handleToggle(event), "aria-controls": (_b = this.id) !== null && _b !== void 0 ? _b : this._id, "aria-expanded": this._open, noText: true }, h("db-tooltip", { key: 'bcb68f929809dba3e7f4427f0333b54ca556717f', variant: "label", placement: "right" }, this.getToggleButtonText())))));
+    }
+    static get is() { return "db-control-panel-desktop"; }
+    static get properties() {
+        return {
+            "expanded": {
+                "type": "any",
+                "attribute": "expanded",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelDesktopProps[\"expanded\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBControlPanelDesktopProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-desktop/model.ts::DBControlPanelDesktopProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "expandButtonTooltip": {
+                "type": "string",
+                "attribute": "expand-button-tooltip",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelDesktopProps[\"expandButtonTooltip\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelDesktopProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-desktop/model.ts::DBControlPanelDesktopProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "className": {
+                "type": "string",
+                "attribute": "classname",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelDesktopProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelDesktopProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-desktop/model.ts::DBControlPanelDesktopProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "id": {
+                "type": "string",
+                "attribute": "id",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelDesktopProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelDesktopProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-desktop/model.ts::DBControlPanelDesktopProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "width": {
+                "type": "string",
+                "attribute": "width",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelDesktopProps[\"width\"]",
+                    "resolved": "\"full\" | \"large\" | \"medium\" | \"small\"",
+                    "references": {
+                        "DBControlPanelDesktopProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-desktop/model.ts::DBControlPanelDesktopProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "orientation": {
+                "type": "string",
+                "attribute": "orientation",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelDesktopProps[\"orientation\"]",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {
+                        "DBControlPanelDesktopProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-desktop/model.ts::DBControlPanelDesktopProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_id": {},
+            "_open": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "expandButtonTooltipFn",
+                "name": "expandButtonTooltipFn",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=control-panel-desktop.js.map

package/dist/collection/components/control-panel-desktop/control-panel-desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-desktop.js","sourceRoot":"","sources":["../../../src/components/control-panel-desktop/control-panel-desktop.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DEFAULT_COLLAPSE, DEFAULT_EXPAND } from \"../../shared/constants\";\nimport { cls, getBoolean, getBooleanAsString, uuid } from \"../../utils\";\nimport { handleSubNavigationPosition } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n  DBControlPanelDesktopProps,\n  DBControlPanelDesktopState,\n} from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\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 brand - TODO: Add description for slotBrand\n * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot primaryActions - TODO: Add description for slotPrimaryActions\n * @slot secondaryActions - TODO: Add description for slotSecondaryActions\n */\n @Component({\n  tag: \"db-control-panel-desktop\",\n})\nexport class DBControlPanelDesktop {\n  private _ref!: HTMLDivElement | any;\n  private _scrollContainerRef!: HTMLDivElement | any;\n  @Prop() expanded: DBControlPanelDesktopProps[\"expanded\"];\n  @Event() expandButtonTooltipFn: EventEmitter<\n    Parameters<\n      Required<DBControlPanelDesktopProps>[\"onExpandButtonTooltipFn\"]\n    >[number]\n  > | void;\n  @Prop()\n  expandButtonTooltip: DBControlPanelDesktopProps[\"expandButtonTooltip\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelDesktopProps[\"className\"];\n  @Prop() id: DBControlPanelDesktopProps[\"id\"];\n  @Prop() width: DBControlPanelDesktopProps[\"width\"];\n  @Prop() orientation: DBControlPanelDesktopProps[\"orientation\"];\n  @State() _id = `db-control-panel-desktop-${uuid()}`;\n  @State() _open = true;\n\n  handleToggle(event: any) {\n    if (typeof event.detail !== \"object\") {\n      event.stopPropagation();\n      this._open = !this._open;\n    }\n  }\n  getToggleButtonText() {\n    if (this.expandButtonTooltipFn) {\n      const open = this._open;\n      return this.expandButtonTooltipFn.emit(open);\n    }\n    if (this.expandButtonTooltip) {\n      return this.expandButtonTooltip;\n    }\n    return this._open ? DEFAULT_COLLAPSE : DEFAULT_EXPAND;\n  }\n  onScroll() {\n    if (!this._scrollContainerRef) return;\n    const popoverNavigation: HTMLElement | null = (\n      this._scrollContainerRef as HTMLDivElement\n    ).querySelector('.db-navigation[data-variant=\"popover\"]');\n    if (!popoverNavigation) return;\n    const navigationMenu = popoverNavigation.querySelector(\"menu\");\n    if (navigationMenu) {\n      handleSubNavigationPosition(navigationMenu);\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-control-panel-desktop\");\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-control-panel-desktop\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id ?? this._id}\n        data-width={this.width}\n        data-orientation={this.orientation}\n        data-open={getBooleanAsString(this._open)}\n      >\n        <slot name=\"brand\"></slot>\n        <div\n          class=\"db-control-panel-desktop-scroll-container\"\n          ref={(el: any) => {\n            this._scrollContainerRef = el;\n          }}\n          onScroll={() => this.onScroll()}\n        >\n          <slot></slot>\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <slot name=\"primaryActions\"></slot>\n        <slot name=\"secondaryActions\"></slot>\n        <div class=\"db-control-panel-desktop-button\">\n          <db-button\n            variant=\"ghost\"\n            type=\"button\"\n            icon=\"double_chevron_left\"\n            onClick={(event) => this.handleToggle(event)}\n            aria-controls={this.id ?? this._id}\n            aria-expanded={this._open}\n            noText={true}\n          >\n            <db-tooltip variant=\"label\" placement=\"right\">\n              {this.getToggleButtonText()}\n            </db-tooltip>\n          </db-button>\n        </div>\n      </header>\n    );\n  }\n}\n"]}

package/dist/collection/components/control-panel-desktop/index.js

@@ -0,0 +1,3 @@
+import { DBControlPanelDesktop } from "./control-panel-desktop";
+export default DBControlPanelDesktop;
+//# sourceMappingURL=index.js.map

package/dist/collection/components/control-panel-desktop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/control-panel-desktop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAe,qBAAqB,CAAC","sourcesContent":["import { DBControlPanelDesktop } from './control-panel-desktop';\n\nexport default DBControlPanelDesktop;"]}

package/dist/collection/components/control-panel-desktop/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/control-panel-desktop/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, OrientationProps, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model';\nexport type DBControlPanelDesktopDefaultProps = {};\nexport type DBControlPanelDesktopProps = DBControlPanelDesktopDefaultProps & GlobalProps & ContainerWidthProps & ControlPanelProps & OrientationProps & SidebarProps;\nexport type DBControlPanelDesktopDefaultState = {\n  onScroll: () => void;\n};\nexport type DBControlPanelDesktopState = DBControlPanelDesktopDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState"]}

package/dist/collection/components/control-panel-flat-icon-navigation/control-panel-flat-icon-navigation.js

@@ -0,0 +1,162 @@
+import { cls, getBooleanAsString } from "../../utils";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBControlPanelFlatIconNavigation {
+    constructor() {
+        this.initialized = false;
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    watch0Fn() {
+        if (this._ref && this.initialized) {
+            const tooltips = this._ref.querySelectorAll(".db-tooltip");
+            if ((tooltips === null || tooltips === void 0 ? void 0 : tooltips.length) > 0) {
+                const array = Array.from(tooltips);
+                for (const tooltip of array) {
+                    tooltip.dataset["placement"] = "top";
+                }
+            }
+        }
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-control-panel-flat-icon-navigation");
+        this.initialized = true;
+        this.watch0Fn();
+    }
+    render() {
+        return (h("div", { key: '325fe106bfac6f25b922a0f89d424c959f96615e', class: cls("db-control-panel-flat-icon-navigation", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id, "data-no-text": getBooleanAsString(this.noText) }, h("slot", { key: '2d56cd6459ff563a951d2f79281bb96b99e50f37' })));
+    }
+    static get is() { return "db-control-panel-flat-icon-navigation"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "attribute": "id",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelFlatIconNavigationProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelFlatIconNavigationProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-flat-icon-navigation/model.ts::DBControlPanelFlatIconNavigationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "noText": {
+                "type": "any",
+                "attribute": "no-text",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelFlatIconNavigationProps[\"noText\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBControlPanelFlatIconNavigationProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-flat-icon-navigation/model.ts::DBControlPanelFlatIconNavigationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "className": {
+                "type": "string",
+                "attribute": "classname",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelFlatIconNavigationProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelFlatIconNavigationProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-flat-icon-navigation/model.ts::DBControlPanelFlatIconNavigationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "initialized": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "_ref",
+                "methodName": "watch0"
+            }, {
+                "propName": "initialized",
+                "methodName": "watch0"
+            }];
+    }
+}
+//# sourceMappingURL=control-panel-flat-icon-navigation.js.map

package/dist/collection/components/control-panel-flat-icon-navigation/control-panel-flat-icon-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-flat-icon-navigation.js","sourceRoot":"","sources":["../../../src/components/control-panel-flat-icon-navigation/control-panel-flat-icon-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cls, getBooleanAsString } from \"../../utils\";\nimport {\n  DBControlPanelFlatIconNavigationProps,\n  DBControlPanelFlatIconNavigationState,\n} 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-control-panel-flat-icon-navigation\",\n})\nexport class DBControlPanelFlatIconNavigation {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelFlatIconNavigationProps[\"id\"];\n  @Prop() noText: DBControlPanelFlatIconNavigationProps[\"noText\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelFlatIconNavigationProps[\"className\"];\n  @State() initialized = 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  watch0Fn() {\n    if (this._ref && this.initialized) {\n      const tooltips = (this._ref as HTMLDivElement).querySelectorAll(\n        \".db-tooltip\"\n      );\n      if (tooltips?.length > 0) {\n        const array = Array.from(tooltips) as HTMLElement[];\n        for (const tooltip of array) {\n          tooltip.dataset[\"placement\"] = \"top\";\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(\n      this._ref,\n      \"db-control-panel-flat-icon-navigation\"\n    );\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-flat-icon-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-no-text={getBooleanAsString(this.noText)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/control-panel-flat-icon-navigation/index.js

@@ -0,0 +1,3 @@
+import { DBControlPanelFlatIconNavigation } from "./control-panel-flat-icon-navigation";
+export default DBControlPanelFlatIconNavigation;
+//# sourceMappingURL=index.js.map

package/dist/collection/components/control-panel-flat-icon-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/control-panel-flat-icon-navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AAExF,eAAe,gCAAgC,CAAC","sourcesContent":["import { DBControlPanelFlatIconNavigation } from './control-panel-flat-icon-navigation';\n\nexport default DBControlPanelFlatIconNavigation;"]}

package/dist/collection/components/control-panel-flat-icon-navigation/model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=model.js.map

package/dist/collection/components/control-panel-flat-icon-navigation/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/control-panel-flat-icon-navigation/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';\nexport type DBControlPanelFlatIconNavigationDefaultProps = {\n  noText?: string | boolean;\n};\nexport type DBControlPanelFlatIconNavigationProps = DBControlPanelFlatIconNavigationDefaultProps & GlobalProps;\nexport type DBControlPanelFlatIconNavigationDefaultState = {};\nexport type DBControlPanelFlatIconNavigationState = DBControlPanelFlatIconNavigationDefaultState & GlobalState & InitializedState"]}

package/dist/collection/components/control-panel-meta-navigation/control-panel-meta-navigation.js

@@ -0,0 +1,104 @@
+import { cls } from "../../utils";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBControlPanelMetaNavigation {
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-control-panel-meta-navigation");
+    }
+    render() {
+        return (h("div", { key: 'ba8e23a26e21b9bfc13874e6abd8ea7d8bea5665', class: cls("db-control-panel-meta-navigation", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id }, h("slot", { key: 'cfed04894dfaf5225f014c01c37d141d6e6e5fd6' })));
+    }
+    static get is() { return "db-control-panel-meta-navigation"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "attribute": "id",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelMetaNavigationProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelMetaNavigationProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-meta-navigation/model.ts::DBControlPanelMetaNavigationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "className": {
+                "type": "string",
+                "attribute": "classname",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelMetaNavigationProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelMetaNavigationProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-meta-navigation/model.ts::DBControlPanelMetaNavigationProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=control-panel-meta-navigation.js.map

package/dist/collection/components/control-panel-meta-navigation/control-panel-meta-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-meta-navigation.js","sourceRoot":"","sources":["../../../src/components/control-panel-meta-navigation/control-panel-meta-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAY,IAAI,EAAE,MAAM,eAAe,CAAC;AAG7D;;;GAGG;AAIH,MAAM,OAAO,4BAA4B;IAKvC;;;;OAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B;QAE7B,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAChC,IACE,IAAI;oBACJ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE,CAAC;oBACD,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACpC,CAAC;gBACD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBAClC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;oBACvD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;oBACxD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;oBACnD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CACpD,CAAC;oBACF,IAAI,cAAc,EAAE,CAAC;wBACnB,yDAAyD;wBACzD,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;oBAC3C,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,kCAAkC,CAAC,CAAC;IAC7E,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,GAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,SAAS,CAAC,EAC9D,GAAG,EAAE,CAAC,EAAO,EAAE,EAAE;gBACf,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACjB,CAAC,EACD,EAAE,EAAE,IAAI,CAAC,EAAE;YAEX,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelMetaNavigationProps } 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-control-panel-meta-navigation\",\n})\nexport class DBControlPanelMetaNavigation {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelMetaNavigationProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelMetaNavigationProps[\"className\"];\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-control-panel-meta-navigation\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-meta-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/control-panel-meta-navigation/index.js

@@ -0,0 +1,3 @@
+import { DBControlPanelMetaNavigation } from "./control-panel-meta-navigation";
+export default DBControlPanelMetaNavigation;
+//# sourceMappingURL=index.js.map

package/dist/collection/components/control-panel-meta-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/control-panel-meta-navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,eAAe,4BAA4B,CAAC","sourcesContent":["import { DBControlPanelMetaNavigation } from './control-panel-meta-navigation';\n\nexport default DBControlPanelMetaNavigation;"]}

package/dist/collection/components/control-panel-meta-navigation/model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=model.js.map

package/dist/collection/components/control-panel-meta-navigation/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/control-panel-meta-navigation/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState } from '../../shared/model';\nexport type DBControlPanelMetaNavigationDefaultProps = {};\nexport type DBControlPanelMetaNavigationProps = DBControlPanelMetaNavigationDefaultProps & GlobalProps;\nexport type DBControlPanelMetaNavigationDefaultState = {};\nexport type DBControlPanelMetaNavigationState = DBControlPanelMetaNavigationDefaultState & GlobalState"]}