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

package/dist/collection/components/{header/header.js → control-panel-mobile/control-panel-mobile.js}

@@ -1,31 +1,32 @@
 import { DEFAULT_BURGER_MENU } from "../../shared/constants";
-import { addAttributeToChildren, cls, getBoolean } from "../../utils";
+import { cls } from "../../utils";
 import { isEventTargetNavigationItem } from "../../utils/navigation";
 import { h, } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
  * @slot metaNavigation - TODO: Add description for slotMetaNavigation
- * @slot secondaryAction - TODO: Add description for slotSecondaryAction
+ * @slot secondaryActions - TODO: Add description for slotSecondaryActions
+ * @slot flatIconNavigation - TODO: Add description for slotFlatIconNavigation
  * @slot brand - TODO: Add description for slotBrand
- * @slot primaryAction - TODO: Add description for slotPrimaryAction
+ * @slot primaryActions - TODO: Add description for slotPrimaryActions
  */
-export class DBHeader {
+export class DBControlPanelMobile {
     constructor() {
-        this.initialized = false;
-        this.forcedToMobile = false;
+        this.open = false;
     }
     handleToggle(event) {
-        if (event && event.stopPropagation) {
+        if (event.stopPropagation) {
             event.stopPropagation();
         }
-        const open = !getBoolean(this.drawerOpen, "drawerOpen");
+        const reverseOpen = !this.open;
+        this.open = reverseOpen;
         if (this.toggle) {
-            this.toggle.emit(open);
+            this.toggle.emit(reverseOpen);
         }
     }
     handleNavigationItemClick(event) {
         if (isEventTargetNavigationItem(event)) {
-            this.handleToggle();
+            this.handleToggle(event);
         }
     }
     /**
@@ -60,46 +61,30 @@ export class DBHeader {
             }
         }
     }
-    watch0Fn() {
-        if (this.initialized && this._ref && this.forceMobile) {
-            // Adds this attribute to the header to enable all styling which would have
-            // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device
-            addAttributeToChildren(this._ref, {
-                key: "data-force-mobile",
-                value: "true",
-            });
-            this.forcedToMobile = true;
-        }
-    }
-    watch0() {
-        this.watch0Fn();
-    }
     componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-header");
-        this.initialized = true;
-        this.watch0Fn();
+        this.enableAttributePassing(this._ref, "db-control-panel-mobile");
     }
     render() {
         var _a;
-        return (h("header", { key: 'f4c9884becf742012f64300f7c63fc6d4463fc53', class: cls("db-header", this.className), ref: (el) => {
+        return (h("header", { key: '899fbc438af3be5d38e8ce90ac281bf4f857c20c', class: cls("db-control-panel-mobile", this.className), "data-density": "regular", ref: (el) => {
                 this._ref = el;
-            }, id: this.id, "data-width": this.width, "data-on-forcing-mobile": this.forceMobile && !this.forcedToMobile }, h("db-drawer", { key: '1e7041fce0b49d91634f9150de2728fb3ea570ae', class: "db-header-drawer", spacing: "small", rounded: true, open: getBoolean(this.drawerOpen), onClose: () => this.handleToggle() }, h("div", { key: '9cf3ece5244d1210276de64d74916077323a03c1', class: "db-header-drawer-navigation" }, h("div", { key: '4b3aa0923761a654d6095e862b5d1beddae86d80', class: "db-header-navigation", onClick: (event) => this.handleNavigationItemClick(event) }, h("slot", { key: 'a4f4a03a8cb99eb51aa6b865900ce5087099eddf' })), h("div", { key: '3d45857231f8637705c827d7c261cc33ab14f966', class: "db-header-meta-navigation" }, h("slot", { key: '8820a4e7f3e41d92ffabee8787e68cff52ae9ffe', name: "metaNavigation" }))), h("div", { key: 'a2419d7e6cf2ac44e303b3ecbce0e2879064ce92', class: "db-header-secondary-action" }, h("slot", { key: 'be3960fbaf78ae49ba370e78be80069c21272b90', name: "secondaryAction" }))), h("div", { key: '5d34773d05e83f70b8c4b94320ccacfa724c607d', class: "db-header-meta-navigation" }, h("slot", { key: '59173edd33c4cb1198d01ff226a9b00510066a23', name: "metaNavigation" })), h("div", { key: '295063c335c63c27caa205577aa8d1c9fba8f707', class: "db-header-navigation-bar" }, h("div", { key: '89bba742b816ae4de7964a6818552cb539b338fc', class: "db-header-brand-container" }, h("slot", { key: '98f16df9f68541c7fddc25fd823d6a6c2c038186', name: "brand" })), h("div", { key: '7e6279f4528c98b3e33fe9e948f24e098806aba1', class: "db-header-navigation-container" }, h("div", { key: '9194a52e1270ae50b648498587262354e2cbb074', class: "db-header-navigation" }, h("slot", { key: '5c5b769528a870c273f6b278f2426818b87fca34' })), h("div", { key: 'fdd0b74ffd36b12cca136b66ffb851332384e7f5', class: "db-header-primary-action" }, h("slot", { key: '9785dea0204a3029a31962e661861c26ca9ba490', name: "primaryAction" }))), h("div", { key: '3da686773c71442497aed65236b22ce19d42cf5a', class: "db-header-action-container" }, h("div", { key: '08d4fcda3c5e3d757fa090fc7a4170884f653340', class: "db-header-burger-menu-container" }, h("db-button", { key: '066d1359f239663f6c92d9206ec6112ab93a7326', icon: "menu", variant: "ghost", noText: true, onClick: () => this.handleToggle() }, (_a = this.burgerMenuLabel) !== null && _a !== void 0 ? _a : DEFAULT_BURGER_MENU)), h("div", { key: '43ed5e88925dd99ff83241a626e3a4204101304f', class: "db-header-secondary-action" }, h("slot", { key: 'c74a72a5babc2ab9c667d2a898955be5ce919a9b', name: "secondaryAction" }))))));
+            }, id: this.id, "data-width": this.width, "data-position": this.position, "data-variant": this.variant }, h("db-drawer", { key: '46eb31db8d523521f67c2ebe750f00a86a02358a', direction: "custom", spacing: "small", drawerHeaderPlain: this.drawerHeadlinePlain, rounded: true, open: this.open, onClose: (event) => this.handleToggle(event) }, h("div", { key: '38269dcf804071b037b5586a83430781fa5d7bc1', class: "db-control-panel-mobile-drawer-scroll-container", onClick: (event) => this.handleNavigationItemClick(event) }, h("slot", { key: '11363c49ca8ff6421ea2df06a63af80c2f881a10' }), h("slot", { key: '39d82261a2b14d360161c81e5d23d0d7f7a589d9', name: "metaNavigation" })), h("slot", { key: 'dfc8735ba82e0aee687442e323b532eaf726e77d', name: "secondaryActions" })), h("slot", { key: 'b45d3bb9f2e9b051e54ee37a82273f16e1937d41', name: "flatIconNavigation" }), h("slot", { key: '9b90927d2c9bfa6e44f46bee2b95ddf500a28987', name: "brand" }), h("slot", { key: '4f726ca8dd7bc797bff6b54b494af35b1f30ca87', name: "primaryActions" }), 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 : DEFAULT_BURGER_MENU)));
     }
-    static get is() { return "db-header"; }
+    static get is() { return "db-control-panel-mobile"; }
     static get properties() {
         return {
-            "forceMobile": {
-                "type": "any",
-                "attribute": "force-mobile",
+            "id": {
+                "type": "string",
+                "attribute": "id",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBHeaderProps[\"forceMobile\"]",
-                    "resolved": "boolean | string",
+                    "original": "DBControlPanelMobileProps[\"id\"]",
+                    "resolved": "string",
                     "references": {
-                        "DBHeaderProps": {
+                        "DBControlPanelMobileProps": {
                             "location": "import",
                             "path": "./model",
-                            "id": "src/components/header/model.ts::DBHeaderProps"
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
                         }
                     }
                 },
@@ -113,18 +98,18 @@ export class DBHeader {
                 "setter": false,
                 "reflect": false
             },
-            "drawerOpen": {
-                "type": "any",
-                "attribute": "drawer-open",
+            "width": {
+                "type": "string",
+                "attribute": "width",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBHeaderProps[\"drawerOpen\"]",
-                    "resolved": "boolean | string",
+                    "original": "DBControlPanelMobileProps[\"width\"]",
+                    "resolved": "\"full\" | \"large\" | \"medium\" | \"small\"",
                     "references": {
-                        "DBHeaderProps": {
+                        "DBControlPanelMobileProps": {
                             "location": "import",
                             "path": "./model",
-                            "id": "src/components/header/model.ts::DBHeaderProps"
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
                         }
                     }
                 },
@@ -138,18 +123,18 @@ export class DBHeader {
                 "setter": false,
                 "reflect": false
             },
-            "className": {
+            "position": {
                 "type": "string",
-                "attribute": "classname",
+                "attribute": "position",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBHeaderProps[\"className\"]",
-                    "resolved": "string",
+                    "original": "DBControlPanelMobileProps[\"position\"]",
+                    "resolved": "\"bottom\" | \"top\"",
                     "references": {
-                        "DBHeaderProps": {
+                        "DBControlPanelMobileProps": {
                             "location": "import",
                             "path": "./model",
-                            "id": "src/components/header/model.ts::DBHeaderProps"
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
                         }
                     }
                 },
@@ -163,18 +148,43 @@ export class DBHeader {
                 "setter": false,
                 "reflect": false
             },
-            "id": {
+            "variant": {
                 "type": "string",
-                "attribute": "id",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelMobileProps[\"variant\"]",
+                    "resolved": "\"drawer\" | \"flat-icon\"",
+                    "references": {
+                        "DBControlPanelMobileProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "className": {
+                "type": "string",
+                "attribute": "classname",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBHeaderProps[\"id\"]",
+                    "original": "DBControlPanelMobileProps[\"className\"]",
                     "resolved": "string",
                     "references": {
-                        "DBHeaderProps": {
+                        "DBControlPanelMobileProps": {
                             "location": "import",
                             "path": "./model",
-                            "id": "src/components/header/model.ts::DBHeaderProps"
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
                         }
                     }
                 },
@@ -188,18 +198,18 @@ export class DBHeader {
                 "setter": false,
                 "reflect": false
             },
-            "width": {
+            "drawerHeadlinePlain": {
                 "type": "string",
-                "attribute": "width",
+                "attribute": "drawer-headline-plain",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBHeaderProps[\"width\"]",
-                    "resolved": "\"full\" | \"large\" | \"medium\" | \"small\"",
+                    "original": "DBControlPanelMobileProps[\"drawerHeadlinePlain\"]",
+                    "resolved": "string",
                     "references": {
-                        "DBHeaderProps": {
+                        "DBControlPanelMobileProps": {
                             "location": "import",
                             "path": "./model",
-                            "id": "src/components/header/model.ts::DBHeaderProps"
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
                         }
                     }
                 },
@@ -218,13 +228,13 @@ export class DBHeader {
                 "attribute": "burger-menu-label",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBHeaderProps[\"burgerMenuLabel\"]",
+                    "original": "DBControlPanelMobileProps[\"burgerMenuLabel\"]",
                     "resolved": "string",
                     "references": {
-                        "DBHeaderProps": {
+                        "DBControlPanelMobileProps": {
                             "location": "import",
                             "path": "./model",
-                            "id": "src/components/header/model.ts::DBHeaderProps"
+                            "id": "src/components/control-panel-mobile/model.ts::DBControlPanelMobileProps"
                         }
                     }
                 },
@@ -242,8 +252,7 @@ export class DBHeader {
     }
     static get states() {
         return {
-            "initialized": {},
-            "forcedToMobile": {}
+            "open": {}
         };
     }
     static get events() {
@@ -264,14 +273,5 @@ export class DBHeader {
                 }
             }];
     }
-    static get watchers() {
-        return [{
-                "propName": "initialized",
-                "methodName": "watch0"
-            }, {
-                "propName": "_ref",
-                "methodName": "watch0"
-            }];
-    }
 }
-//# sourceMappingURL=header.js.map
+//# sourceMappingURL=control-panel-mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-mobile.js","sourceRoot":"","sources":["../../../src/components/control-panel-mobile/control-panel-mobile.tsx"],"names":[],"mappings":"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","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"]}

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

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

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

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

package/dist/collection/components/control-panel-mobile/model.js

@@ -0,0 +1,2 @@
+export const ShellControlPanelMobileVariant = ['drawer', 'flat-icon'];
+//# sourceMappingURL=model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/control-panel-mobile/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAU,CAAC","sourcesContent":["import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, NavigationBehaviorState, ShellControlPanelMobilePositionType, ToggleEventProps, ToggleEventState } from '../../shared/model';\nexport const ShellControlPanelMobileVariant = ['drawer', 'flat-icon'] as const;\nexport type ShellControlPanelMobileVariantType = (typeof ShellControlPanelMobileVariant)[number];\nexport type DBControlPanelMobileDefaultProps = {\n  /**\n   * Text to pass in a headline for the drawer header.\n   */\n  drawerHeadlinePlain?: string;\n\n  /**\n   * This attribute sets the label for the burger menu button for mobile control-panel-desktops.\n   */\n  burgerMenuLabel?: string;\n  /**\n   * Change the position of the mobile content panel\n   */\n  position?: ShellControlPanelMobilePositionType;\n\n  /**\n   * Change the variant of the mobile content panel\n   */\n  variant?: ShellControlPanelMobileVariantType;\n\n  /**\n   * Optional flat icon navigation for a mobile app look. Only visible by using variant=\"flat-icon\" as well.\n   */\n  flatIconNavigation?: any;\n};\nexport type DBControlPanelMobileProps = DBControlPanelMobileDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps & ControlPanelProps;\nexport type DBControlPanelMobileDefaultState = {\n  open: boolean;\n};\nexport type DBControlPanelMobileState = DBControlPanelMobileDefaultState & GlobalState & ToggleEventState<HTMLElement> & NavigationBehaviorState"]}

package/dist/collection/components/control-panel-primary-actions/control-panel-primary-actions.js

@@ -0,0 +1,104 @@
+import { cls } from "../../utils";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBControlPanelPrimaryActions {
+    /**
+     * 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 (h("div", { key: '48ea59a22801729e98a038db0554db7e82fedcb8', class: cls("db-control-panel-primary-actions", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id }, h("slot", { key: '85dc5f1db70a3784f09302b40612b31a8f5d34da' })));
+    }
+    static get is() { return "db-control-panel-primary-actions"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "attribute": "id",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelPrimaryActionsProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelPrimaryActionsProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-primary-actions/model.ts::DBControlPanelPrimaryActionsProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "className": {
+                "type": "string",
+                "attribute": "classname",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelPrimaryActionsProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelPrimaryActionsProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-primary-actions/model.ts::DBControlPanelPrimaryActionsProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=control-panel-primary-actions.js.map

package/dist/collection/components/control-panel-primary-actions/control-panel-primary-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-primary-actions.js","sourceRoot":"","sources":["../../../src/components/control-panel-primary-actions/control-panel-primary-actions.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 { 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"]}

package/dist/collection/components/control-panel-primary-actions/index.js

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

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

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

package/dist/collection/components/control-panel-primary-actions/model.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/control-panel-primary-actions/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState } from '../../shared/model';\nexport type DBControlPanelPrimaryActionsDefaultProps = {};\nexport type DBControlPanelPrimaryActionsProps = DBControlPanelPrimaryActionsDefaultProps & GlobalProps;\nexport type DBControlPanelPrimaryActionsDefaultState = {};\nexport type DBControlPanelPrimaryActionsState = DBControlPanelPrimaryActionsDefaultState & GlobalState"]}

package/dist/collection/components/control-panel-secondary-actions/control-panel-secondary-actions.js

@@ -0,0 +1,104 @@
+import { cls } from "../../utils";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBControlPanelSecondaryActions {
+    /**
+     * 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 (h("div", { key: 'cf4bbe543817d22c7d317191cd373853393169a9', class: cls("db-control-panel-secondary-actions", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this.id }, h("slot", { key: '5371043689ad70bff1a797f55b76c074ba60fc12' })));
+    }
+    static get is() { return "db-control-panel-secondary-actions"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "attribute": "id",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelSecondaryActionsProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelSecondaryActionsProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-secondary-actions/model.ts::DBControlPanelSecondaryActionsProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "className": {
+                "type": "string",
+                "attribute": "classname",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBControlPanelSecondaryActionsProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBControlPanelSecondaryActionsProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/control-panel-secondary-actions/model.ts::DBControlPanelSecondaryActionsProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=control-panel-secondary-actions.js.map

package/dist/collection/components/control-panel-secondary-actions/control-panel-secondary-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel-secondary-actions.js","sourceRoot":"","sources":["../../../src/components/control-panel-secondary-actions/control-panel-secondary-actions.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,8BAA8B;IAKzC;;;;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,CACzB,IAAI,CAAC,IAAI,EACT,oCAAoC,CACrC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,GAAG,CAAC,oCAAoC,EAAE,IAAI,CAAC,SAAS,CAAC,EAChE,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 { 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"]}

package/dist/collection/components/control-panel-secondary-actions/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/control-panel-secondary-actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAEnF,eAAe,8BAA8B,CAAC","sourcesContent":["import { DBControlPanelSecondaryActions } from './control-panel-secondary-actions';\n\nexport default DBControlPanelSecondaryActions;"]}

package/dist/collection/components/control-panel-secondary-actions/model.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/control-panel-secondary-actions/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState } from '../../shared/model';\nexport type DBControlPanelSecondaryActionsDefaultProps = {};\nexport type DBControlPanelSecondaryActionsProps = DBControlPanelSecondaryActionsDefaultProps & GlobalProps;\nexport type DBControlPanelSecondaryActionsDefaultState = {};\nexport type DBControlPanelSecondaryActionsState = DBControlPanelSecondaryActionsDefaultState & GlobalState"]}