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

package/dist/cjs/db-control-panel-flat-icon-navigation.cjs.entry.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var index = require('./index-B1qpUQFv.js');
+var index$1 = require('./index-DjV59BYq.js');
+
+const DBControlPanelFlatIconNavigation = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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 (index.h("div", { key: '325fe106bfac6f25b922a0f89d424c959f96615e', class: index$1.cls("db-control-panel-flat-icon-navigation", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id, "data-no-text": index$1.getBooleanAsString(this.noText) }, index.h("slot", { key: '2d56cd6459ff563a951d2f79281bb96b99e50f37' })));
+    }
+    static get watchers() { return {
+        "_ref": ["watch0"],
+        "initialized": ["watch0"]
+    }; }
+};
+
+exports.db_control_panel_flat_icon_navigation = DBControlPanelFlatIconNavigation;
+//# sourceMappingURL=db-control-panel-flat-icon-navigation.entry.cjs.js.map
+
+//# sourceMappingURL=db-control-panel-flat-icon-navigation.cjs.entry.js.map

package/dist/cjs/db-control-panel-flat-icon-navigation.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"db-control-panel-flat-icon-navigation.entry.cjs.js","mappings":"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","names":["h","cls","getBooleanAsString"],"sources":["src/components/control-panel-flat-icon-navigation/control-panel-flat-icon-navigation.tsx"],"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"],"version":3}

package/dist/cjs/db-control-panel-flat-icon-navigation.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-control-panel-flat-icon-navigation.entry.cjs.js","sources":["src/components/control-panel-flat-icon-navigation/control-panel-flat-icon-navigation.tsx"],"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"],"names":["h","cls","getBooleanAsString"],"mappings":"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"}

package/dist/cjs/{db-brand.cjs.entry.js → db-control-panel-meta-navigation.cjs.entry.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var index = require('./index-9urL1KCD.js');
-var constants = require('./constants-CTtyzyuo.js');
+var index = require('./index-B1qpUQFv.js');
 var index$1 = require('./index-DjV59BYq.js');
 
-const DBBrand = class {
+const DBControlPanelMetaNavigation = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
@@ -41,17 +40,16 @@ const DBBrand = class {
         }
     }
     componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-brand");
+        this.enableAttributePassing(this._ref, "db-control-panel-meta-navigation");
     }
     render() {
-        var _a;
-        return (index.h("div", { key: '9014cc8dfb318b456ae6115abe7217a1d1cca73b', class: index$1.cls("db-brand", this.className), ref: (el) => {
+        return (index.h("div", { key: 'ba8e23a26e21b9bfc13874e6abd8ea7d8bea5665', class: index$1.cls("db-control-panel-meta-navigation", this.className), ref: (el) => {
                 this._ref = el;
-            }, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : constants.DEFAULT_ICON, "data-show-icon": index$1.getBooleanAsString(this.showIcon), id: this.id }, this.text ? this.text : index.h("slot", null)));
+            }, id: this.id }, index.h("slot", { key: 'cfed04894dfaf5225f014c01c37d141d6e6e5fd6' })));
     }
 };
 
-exports.db_brand = DBBrand;
-//# sourceMappingURL=db-brand.entry.cjs.js.map
+exports.db_control_panel_meta_navigation = DBControlPanelMetaNavigation;
+//# sourceMappingURL=db-control-panel-meta-navigation.entry.cjs.js.map
 
-//# sourceMappingURL=db-brand.cjs.entry.js.map
+//# sourceMappingURL=db-control-panel-meta-navigation.cjs.entry.js.map

package/dist/cjs/db-control-panel-meta-navigation.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"db-control-panel-meta-navigation.entry.cjs.js","mappings":";;;;;MAaa,4BAA4B,GAAA,MAAA;;;;AAKvC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,kCAAkC,CAAC;;IAG5E,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,SAAS,CAAC,EAC9D,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,EAEXD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;","names":["h","cls"],"sources":["src/components/control-panel-meta-navigation/control-panel-meta-navigation.tsx"],"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"],"version":3}

package/dist/cjs/db-control-panel-meta-navigation.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-control-panel-meta-navigation.entry.cjs.js","sources":["src/components/control-panel-meta-navigation/control-panel-meta-navigation.tsx"],"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"],"names":["h","cls"],"mappings":";;;;;MAaa,4BAA4B,GAAA,MAAA;;;;AAKvC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,kCAAkC,CAAC;;IAG5E,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,SAAS,CAAC,EAC9D,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,EAEXD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;"}

package/dist/cjs/db-control-panel-mobile.cjs.entry.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var index = require('./index-B1qpUQFv.js');
+var constants = require('./constants-BOd99bQT.js');
+var index$1 = require('./index-DjV59BYq.js');
+var navigation = require('./navigation-DWSyoPJm.js');
+require('./floating-components-DSENlGvK.js');
+
+const DBControlPanelMobile = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.toggle = index.createEvent(this, "toggle");
+        this.open = false;
+    }
+    handleToggle(event) {
+        if (event.stopPropagation) {
+            event.stopPropagation();
+        }
+        const reverseOpen = !this.open;
+        this.open = reverseOpen;
+        if (this.toggle) {
+            this.toggle.emit(reverseOpen);
+        }
+    }
+    handleNavigationItemClick(event) {
+        if (navigation.isEventTargetNavigationItem(event)) {
+            this.handleToggle(event);
+        }
+    }
+    /**
+     * 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-mobile");
+    }
+    render() {
+        var _a;
+        return (index.h("header", { key: '899fbc438af3be5d38e8ce90ac281bf4f857c20c', class: index$1.cls("db-control-panel-mobile", this.className), "data-density": "regular", ref: (el) => {
+                this._ref = el;
+            }, id: this.id, "data-width": this.width, "data-position": this.position, "data-variant": this.variant }, index.h("db-drawer", { key: '46eb31db8d523521f67c2ebe750f00a86a02358a', direction: "custom", spacing: "small", drawerHeaderPlain: this.drawerHeadlinePlain, rounded: true, open: this.open, onClose: (event) => this.handleToggle(event) }, index.h("div", { key: '38269dcf804071b037b5586a83430781fa5d7bc1', class: "db-control-panel-mobile-drawer-scroll-container", onClick: (event) => this.handleNavigationItemClick(event) }, index.h("slot", { key: '11363c49ca8ff6421ea2df06a63af80c2f881a10' }), index.h("slot", { key: '39d82261a2b14d360161c81e5d23d0d7f7a589d9', name: "metaNavigation" })), index.h("slot", { key: 'dfc8735ba82e0aee687442e323b532eaf726e77d', name: "secondaryActions" })), index.h("slot", { key: 'b45d3bb9f2e9b051e54ee37a82273f16e1937d41', name: "flatIconNavigation" }), index.h("slot", { key: '9b90927d2c9bfa6e44f46bee2b95ddf500a28987', name: "brand" }), index.h("slot", { key: '4f726ca8dd7bc797bff6b54b494af35b1f30ca87', name: "primaryActions" }), index.h("db-button", { key: '831b3b83b34cf55b93fdf04cde8e6e70d4225d68', class: "db-control-panel-mobile-button", icon: "menu", type: "button", variant: "ghost", noText: true, onClick: (event) => this.handleToggle(event) }, (_a = this.burgerMenuLabel) !== null && _a !== void 0 ? _a : constants.DEFAULT_BURGER_MENU)));
+    }
+};
+
+exports.db_control_panel_mobile = DBControlPanelMobile;
+//# sourceMappingURL=db-control-panel-mobile.entry.cjs.js.map
+
+//# sourceMappingURL=db-control-panel-mobile.cjs.entry.js.map

package/dist/cjs/db-control-panel-mobile.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"db-control-panel-mobile.entry.cjs.js","mappings":"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","names":["isEventTargetNavigationItem","h","cls","DEFAULT_BURGER_MENU"],"sources":["src/components/control-panel-mobile/control-panel-mobile.tsx"],"sourcesContent":["import { DEFAULT_BURGER_MENU } from \"../../shared/constants\";\nimport { cls } from \"../../utils\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DBControlPanelMobileProps, DBControlPanelMobileState } 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 metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryActions - TODO: Add description for slotSecondaryActions\n * @slot flatIconNavigation - TODO: Add description for slotFlatIconNavigation\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryActions - TODO: Add description for slotPrimaryActions\n */\n @Component({\n  tag: \"db-control-panel-mobile\",\n})\nexport class DBControlPanelMobile {\n  private _ref!: HTMLDivElement | any;\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBControlPanelMobileProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop() id: DBControlPanelMobileProps[\"id\"];\n  @Prop() width: DBControlPanelMobileProps[\"width\"];\n  @Prop() position: DBControlPanelMobileProps[\"position\"];\n  @Prop() variant: DBControlPanelMobileProps[\"variant\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelMobileProps[\"className\"];\n  @Prop() drawerHeadlinePlain: DBControlPanelMobileProps[\"drawerHeadlinePlain\"];\n  @Prop() burgerMenuLabel: DBControlPanelMobileProps[\"burgerMenuLabel\"];\n  @State() open = false;\n\n  handleToggle(event: any) {\n    if (event.stopPropagation) {\n      event.stopPropagation();\n    }\n    const reverseOpen = !this.open;\n    this.open = reverseOpen;\n    if (this.toggle) {\n      this.toggle.emit(reverseOpen);\n    }\n  }\n  handleNavigationItemClick(event: any) {\n    if (isEventTargetNavigationItem(event)) {\n      this.handleToggle(event);\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-mobile\");\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-control-panel-mobile\", this.className)}\n        data-density=\"regular\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-width={this.width}\n        data-position={this.position}\n        data-variant={this.variant}\n      >\n        <db-drawer\n          direction=\"custom\"\n          spacing=\"small\"\n          drawerHeaderPlain={this.drawerHeadlinePlain}\n          rounded={true}\n          open={this.open}\n          onClose={(event) => this.handleToggle(event)}\n        >\n          <div\n            class=\"db-control-panel-mobile-drawer-scroll-container\"\n            onClick={(event) => this.handleNavigationItemClick(event)}\n          >\n            <slot></slot>\n            <slot name=\"metaNavigation\"></slot>\n          </div>\n          <slot name=\"secondaryActions\"></slot>\n        </db-drawer>\n        <slot name=\"flatIconNavigation\"></slot>\n        <slot name=\"brand\"></slot>\n        <slot name=\"primaryActions\"></slot>\n        <db-button\n          class=\"db-control-panel-mobile-button\"\n          icon=\"menu\"\n          type=\"button\"\n          variant=\"ghost\"\n          noText={true}\n          onClick={(event) => this.handleToggle(event)}\n        >\n          {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n        </db-button>\n      </header>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/db-control-panel-mobile.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-control-panel-mobile.entry.cjs.js","sources":["src/components/control-panel-mobile/control-panel-mobile.tsx"],"sourcesContent":["import { DEFAULT_BURGER_MENU } from \"../../shared/constants\";\nimport { cls } from \"../../utils\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DBControlPanelMobileProps, DBControlPanelMobileState } 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 metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryActions - TODO: Add description for slotSecondaryActions\n * @slot flatIconNavigation - TODO: Add description for slotFlatIconNavigation\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryActions - TODO: Add description for slotPrimaryActions\n */\n @Component({\n  tag: \"db-control-panel-mobile\",\n})\nexport class DBControlPanelMobile {\n  private _ref!: HTMLDivElement | any;\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBControlPanelMobileProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop() id: DBControlPanelMobileProps[\"id\"];\n  @Prop() width: DBControlPanelMobileProps[\"width\"];\n  @Prop() position: DBControlPanelMobileProps[\"position\"];\n  @Prop() variant: DBControlPanelMobileProps[\"variant\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelMobileProps[\"className\"];\n  @Prop() drawerHeadlinePlain: DBControlPanelMobileProps[\"drawerHeadlinePlain\"];\n  @Prop() burgerMenuLabel: DBControlPanelMobileProps[\"burgerMenuLabel\"];\n  @State() open = false;\n\n  handleToggle(event: any) {\n    if (event.stopPropagation) {\n      event.stopPropagation();\n    }\n    const reverseOpen = !this.open;\n    this.open = reverseOpen;\n    if (this.toggle) {\n      this.toggle.emit(reverseOpen);\n    }\n  }\n  handleNavigationItemClick(event: any) {\n    if (isEventTargetNavigationItem(event)) {\n      this.handleToggle(event);\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-mobile\");\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-control-panel-mobile\", this.className)}\n        data-density=\"regular\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-width={this.width}\n        data-position={this.position}\n        data-variant={this.variant}\n      >\n        <db-drawer\n          direction=\"custom\"\n          spacing=\"small\"\n          drawerHeaderPlain={this.drawerHeadlinePlain}\n          rounded={true}\n          open={this.open}\n          onClose={(event) => this.handleToggle(event)}\n        >\n          <div\n            class=\"db-control-panel-mobile-drawer-scroll-container\"\n            onClick={(event) => this.handleNavigationItemClick(event)}\n          >\n            <slot></slot>\n            <slot name=\"metaNavigation\"></slot>\n          </div>\n          <slot name=\"secondaryActions\"></slot>\n        </db-drawer>\n        <slot name=\"flatIconNavigation\"></slot>\n        <slot name=\"brand\"></slot>\n        <slot name=\"primaryActions\"></slot>\n        <db-button\n          class=\"db-control-panel-mobile-button\"\n          icon=\"menu\"\n          type=\"button\"\n          variant=\"ghost\"\n          noText={true}\n          onClick={(event) => this.handleToggle(event)}\n        >\n          {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n        </db-button>\n      </header>\n    );\n  }\n}\n"],"names":["isEventTargetNavigationItem","h","cls","DEFAULT_BURGER_MENU"],"mappings":"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"}

package/dist/cjs/db-control-panel-primary-actions.cjs.entry.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var index = require('./index-B1qpUQFv.js');
+var index$1 = require('./index-DjV59BYq.js');
+
+const DBControlPanelPrimaryActions = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * 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-primary-actions");
+    }
+    render() {
+        return (index.h("div", { key: '48ea59a22801729e98a038db0554db7e82fedcb8', class: index$1.cls("db-control-panel-primary-actions", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id }, index.h("slot", { key: '85dc5f1db70a3784f09302b40612b31a8f5d34da' })));
+    }
+};
+
+exports.db_control_panel_primary_actions = DBControlPanelPrimaryActions;
+//# sourceMappingURL=db-control-panel-primary-actions.entry.cjs.js.map
+
+//# sourceMappingURL=db-control-panel-primary-actions.cjs.entry.js.map

package/dist/cjs/db-control-panel-primary-actions.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"db-control-panel-primary-actions.entry.cjs.js","mappings":";;;;;MAaa,4BAA4B,GAAA,MAAA;;;;AAKvC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,kCAAkC,CAAC;;IAG5E,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,SAAS,CAAC,EAC9D,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,EAEXD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;","names":["h","cls"],"sources":["src/components/control-panel-primary-actions/control-panel-primary-actions.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelPrimaryActionsProps } 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-primary-actions\",\n})\nexport class DBControlPanelPrimaryActions {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelPrimaryActionsProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelPrimaryActionsProps[\"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-primary-actions\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-primary-actions\", 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"],"version":3}

package/dist/cjs/db-control-panel-primary-actions.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-control-panel-primary-actions.entry.cjs.js","sources":["src/components/control-panel-primary-actions/control-panel-primary-actions.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelPrimaryActionsProps } 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-primary-actions\",\n})\nexport class DBControlPanelPrimaryActions {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelPrimaryActionsProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelPrimaryActionsProps[\"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-primary-actions\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-primary-actions\", 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"],"names":["h","cls"],"mappings":";;;;;MAaa,4BAA4B,GAAA,MAAA;;;;AAKvC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,kCAAkC,CAAC;;IAG5E,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,SAAS,CAAC,EAC9D,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,EAEXD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;"}

package/dist/cjs/db-control-panel-secondary-actions.cjs.entry.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var index = require('./index-B1qpUQFv.js');
+var index$1 = require('./index-DjV59BYq.js');
+
+const DBControlPanelSecondaryActions = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * 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-secondary-actions");
+    }
+    render() {
+        return (index.h("div", { key: 'cf4bbe543817d22c7d317191cd373853393169a9', class: index$1.cls("db-control-panel-secondary-actions", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id }, index.h("slot", { key: '5371043689ad70bff1a797f55b76c074ba60fc12' })));
+    }
+};
+
+exports.db_control_panel_secondary_actions = DBControlPanelSecondaryActions;
+//# sourceMappingURL=db-control-panel-secondary-actions.entry.cjs.js.map
+
+//# sourceMappingURL=db-control-panel-secondary-actions.cjs.entry.js.map

package/dist/cjs/db-control-panel-secondary-actions.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"db-control-panel-secondary-actions.entry.cjs.js","mappings":";;;;;MAaa,8BAA8B,GAAA,MAAA;;;;AAKzC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CACzB,IAAI,CAAC,IAAI,EACT,oCAAoC,CACrC;;IAGH,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,oCAAoC,EAAE,IAAI,CAAC,SAAS,CAAC,EAChE,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,EAEXD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;","names":["h","cls"],"sources":["src/components/control-panel-secondary-actions/control-panel-secondary-actions.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelSecondaryActionsProps } 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-secondary-actions\",\n})\nexport class DBControlPanelSecondaryActions {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelSecondaryActionsProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelSecondaryActionsProps[\"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(\n      this._ref,\n      \"db-control-panel-secondary-actions\"\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-secondary-actions\", 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"],"version":3}

package/dist/cjs/db-control-panel-secondary-actions.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-control-panel-secondary-actions.entry.cjs.js","sources":["src/components/control-panel-secondary-actions/control-panel-secondary-actions.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelSecondaryActionsProps } 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-secondary-actions\",\n})\nexport class DBControlPanelSecondaryActions {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelSecondaryActionsProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelSecondaryActionsProps[\"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(\n      this._ref,\n      \"db-control-panel-secondary-actions\"\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-secondary-actions\", 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"],"names":["h","cls"],"mappings":";;;;;MAaa,8BAA8B,GAAA,MAAA;;;;AAKzC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CACzB,IAAI,CAAC,IAAI,EACT,oCAAoC,CACrC;;IAGH,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,oCAAoC,EAAE,IAAI,CAAC,SAAS,CAAC,EAChE,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,EAEXD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;"}