@zanichelli/albe-web-components 12.6.1-rc1 → 13.0.0

package/dist/collection/components/z-contextual-menu/index.js

@@ -1,123 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { PopoverPosition } from "../../beans";
-export class ZContextualMenu {
-    constructor() {
-        this.elements = undefined;
-        this.color = "color-primary01";
-        this.popoverPosition = PopoverPosition.BOTTOM_RIGHT;
-    }
-    componentWillRender() {
-        if (this.elements) {
-            this.jsonElements = JSON.parse(this.elements.replace(/"/g, '"'));
-        }
-    }
-    componentDidLoad() {
-        this.popoverEl.bindTo = this.triggerButton;
-    }
-    showIcon() {
-        return !this.jsonElements.some((element) => !element.icon);
-    }
-    togglePopover() {
-        if (!this.popoverEl.open) {
-            this.popoverEl.open = true;
-        }
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: 'c16eb50a3fd4c78f414d64bf45b59961269a030a' }, h("button", { key: '2b5ef74579725d6b1dbc4e526cb2fa2516fb4a15', ref: (el) => (this.triggerButton = el), "aria-label": ((_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.open) ? "chiudi menu contestuale" : "apri menu contestuale", onClick: () => this.togglePopover() }, h("z-icon", { key: 'e1818a8a1eb9c4b4cf3c364e0e31eb33b887590e', name: "contextual-menu", fill: this.color })), h("z-popover", { key: 'fbe8db8d27abee320aa5faf64d6964b64f416cd1', ref: (el) => (this.popoverEl = el), position: this.popoverPosition }, h("div", { key: 'c3fd6e9dc17712abe5ae95cd1048497b20767ec5', class: "popover-content-container" }, h("z-list", { key: 'dfa04ca3235257d404f861f85e56ea8c5a918a74' }, h("z-list-group", { key: '86e27e74ea9a7b09d2cf4f2a9cd761b7bb07823f', "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, index) => (h("z-list-element", { clickable: !element.disabled, class: "my-z-list-element", "align-button": "left", "expandable-style": "accordion", color: element.disabled ? `color-disabled03` : this.color, isContextualMenu: true, listElementId: index, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, h("div", { class: element.disabled ? "disabled-element-container" : "element-container" }, this.showIcon() && (h("div", { class: "element-icon" }, h("z-icon", { name: element.icon, width: 16, height: 16 }))), h("div", { class: "element-text" }, h("span", null, element.text))))))))))));
-    }
-    static get is() { return "z-contextual-menu"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "elements": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Elements of ZContextualMenu"
-                },
-                "attribute": "elements",
-                "reflect": false
-            },
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] Sets text color of ZContextualMenu's content"
-                },
-                "attribute": "color",
-                "reflect": false,
-                "defaultValue": "\"color-primary01\""
-            },
-            "popoverPosition": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopoverPosition",
-                    "resolved": "PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT",
-                    "references": {
-                        "PopoverPosition": {
-                            "location": "import",
-                            "path": "../../beans",
-                            "id": "src/beans/index.tsx::PopoverPosition"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] Sets the position of the popover"
-                },
-                "attribute": "popover-position",
-                "reflect": true,
-                "defaultValue": "PopoverPosition.BOTTOM_RIGHT"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "clickContextualMenu",
-                "name": "clickContextualMenu",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "remove filter click event, returns filterid"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-contextual-menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-contextual-menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAO5C,MAAM,OAAO,eAAe;;;qBAWT,iBAAiB;+BAME,eAAe,CAAC,YAAY;;IAiBhE,mBAAmB;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;IAC7C,CAAC;IAEO,QAAQ;QACd,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,gBAC/C,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,EAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,uBAAuB,EACtF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;gBAEnC,+DACE,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAE,IAAI,CAAC,KAAK,GAChB,CACK;YACT,kEACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,QAAQ,EAAE,IAAI,CAAC,eAAe;gBAE9B,4DAAK,KAAK,EAAC,2BAA2B;oBACpC;wBACE,qFAA2B,SAAS,IACjC,MAAA,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sBACE,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,EAC5B,KAAK,EAAC,mBAAmB,kBACZ,MAAM,sBACF,WAAW,EAC5B,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EACzD,gBAAgB,QAChB,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;4BAEnE,WAAK,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,mBAAmB;gCAC9E,IAAI,CAAC,QAAQ,EAAE,IAAI,CAClB,WAAK,KAAK,EAAC,cAAc;oCACvB,cACE,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACE,CACP;gCACD,WAAK,KAAK,EAAC,cAAc;oCACvB,gBAAO,OAAO,CAAC,IAAI,CAAQ,CACvB,CACF,CACS,CAClB,CAAC,CACW,CACR,CACL,CACI,CACP,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Prop, h, Host} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-contextual-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZContextualMenu {\n  /**\n   * Elements of ZContextualMenu\n   */\n  @Prop()\n  elements?: string;\n\n  /**\n   * [optional] Sets text color of ZContextualMenu's content\n   */\n  @Prop()\n  color?: string = \"color-primary01\";\n\n  /**\n   * [optional] Sets the position of the popover\n   */\n  @Prop({reflect: true})\n  popoverPosition?: PopoverPosition = PopoverPosition.BOTTOM_RIGHT;\n\n  private triggerButton?: HTMLButtonElement;\n\n  private popoverEl?: HTMLZPopoverElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickContextualMenu\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickContextualMenu: EventEmitter;\n\n  private jsonElements;\n\n  componentWillRender(): void {\n    if (this.elements) {\n      this.jsonElements = JSON.parse(this.elements.replace(/&quot;/g, '\"'));\n    }\n  }\n\n  componentDidLoad(): void {\n    this.popoverEl.bindTo = this.triggerButton;\n  }\n\n  private showIcon(): boolean {\n    return !this.jsonElements.some((element) => !element.icon);\n  }\n\n  private togglePopover(): void {\n    if (!this.popoverEl.open) {\n      this.popoverEl.open = true;\n    }\n  }\n\n  render(): HTMLZContextualMenuElement {\n    return (\n      <Host>\n        <button\n          ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n          aria-label={this.popoverEl?.open ? \"chiudi menu contestuale\" : \"apri menu contestuale\"}\n          onClick={() => this.togglePopover()}\n        >\n          <z-icon\n            name=\"contextual-menu\"\n            fill={this.color}\n          />\n        </button>\n        <z-popover\n          ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n          position={this.popoverPosition}\n        >\n          <div class=\"popover-content-container\">\n            <z-list>\n              <z-list-group divider-type=\"element\">\n                {this.jsonElements?.map((element, index) => (\n                  <z-list-element\n                    clickable={!element.disabled}\n                    class=\"my-z-list-element\"\n                    align-button=\"left\"\n                    expandable-style=\"accordion\"\n                    color={element.disabled ? `color-disabled03` : this.color}\n                    isContextualMenu\n                    listElementId={index}\n                    onClickItem={(event) => this.clickContextualMenu.emit(event.detail)}\n                  >\n                    <div class={element.disabled ? \"disabled-element-container\" : \"element-container\"}>\n                      {this.showIcon() && (\n                        <div class=\"element-icon\">\n                          <z-icon\n                            name={element.icon}\n                            width={16}\n                            height={16}\n                          />\n                        </div>\n                      )}\n                      <div class=\"element-text\">\n                        <span>{element.text}</span>\n                      </div>\n                    </div>\n                  </z-list-element>\n                ))}\n              </z-list-group>\n            </z-list>\n          </div>\n        </z-popover>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-contextual-menu/index.spec.js

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZContextualMenu } from "./index";
-describe("Suite test ZContextualMenu", () => {
-    it("Test render ZContextualMenu vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZContextualMenu],
-            html: `<z-contextual-menu popover-position="bottom_right"></z-contextual-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-contextual-menu popover-position="bottom_right">
-        <mock:shadow-root>
-          <button aria-label="apri menu contestuale">
-            <z-icon fill="color-primary01" name="contextual-menu"></z-icon>
-          </button>
-          <z-popover position="bottom_right">
-            <div class="popover-content-container">
-              <z-list>
-                <z-list-group divider-type="element"></z-list-group>
-              </z-list>
-            </div>
-          </z-popover>
-        </mock:shadow-root>
-      </z-contextual-menu>
-    `);
-    });
-    it("Test render ZContextualMenu elements prop", async () => {
-        const page = await newSpecPage({
-            components: [ZContextualMenu],
-            html: `<z-contextual-menu popover-position="bottom_right" elements='[{"icon":"share","text":"Element 1","key": "0"},{"icon":"delete","text":"Elemento 2","key": "1"}]''></z-contextual-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-contextual-menu '="" elements='[{"icon":"share","text":"Element 1","key": "0"},{"icon":"delete","text":"Elemento 2","key": "1"}]' popover-position="bottom_right">
-        <mock:shadow-root>
-            <button aria-label="apri menu contestuale">
-              <z-icon fill="color-primary01" name="contextual-menu"></z-icon>
-            </button>
-            <z-popover position="bottom_right">
-                 <div class="popover-content-container">
-                   <z-list>
-                     <z-list-group divider-type="element">
-                       <z-list-element align-button="left" class="my-z-list-element" clickable="" color="color-primary01" expandable-style="accordion" iscontextualmenu="" listelementid="0">
-                         <div class="element-container">
-                         <div class="element-icon">
-                           <z-icon height="16" name="share" width="16"></z-icon>
-                           </div>
-                           <div class="element-text">
-                             <span>
-                               Element 1
-                             </span>
-                           </div>
-                         </div>
-                       </z-list-element>
-                       <z-list-element align-button="left" class="my-z-list-element" clickable="" color="color-primary01" expandable-style="accordion" iscontextualmenu="" listelementid="1">
-                         <div class="element-container">
-                         <div class="element-icon">
-                           <z-icon  height="16" name="delete" width="16"></z-icon>
-                           </div>
-                           <div class="element-text">
-                             <span>
-                               Elemento 2
-                             </span>
-                           </div>
-                         </div>
-                       </z-list-element>
-                     </z-list-group>
-                   </z-list>
-                 </div>
-               </z-popover>
-        </mock:shadow-root>
-      </z-contextual-menu>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-contextual-menu/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-contextual-menu/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,yEAAyE;SAChF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,uLAAuL;SAC9L,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZContextualMenu} from \"./index\";\n\ndescribe(\"Suite test ZContextualMenu\", () => {\n  it(\"Test render ZContextualMenu vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZContextualMenu],\n      html: `<z-contextual-menu popover-position=\"bottom_right\"></z-contextual-menu>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-contextual-menu popover-position=\"bottom_right\">\n        <mock:shadow-root>\n          <button aria-label=\"apri menu contestuale\">\n            <z-icon fill=\"color-primary01\" name=\"contextual-menu\"></z-icon>\n          </button>\n          <z-popover position=\"bottom_right\">\n            <div class=\"popover-content-container\">\n              <z-list>\n                <z-list-group divider-type=\"element\"></z-list-group>\n              </z-list>\n            </div>\n          </z-popover>\n        </mock:shadow-root>\n      </z-contextual-menu>\n    `);\n  });\n\n  it(\"Test render ZContextualMenu elements prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZContextualMenu],\n      html: `<z-contextual-menu popover-position=\"bottom_right\" elements='[{\"icon\":\"share\",\"text\":\"Element 1\",\"key\": \"0\"},{\"icon\":\"delete\",\"text\":\"Elemento 2\",\"key\": \"1\"}]''></z-contextual-menu>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-contextual-menu '=\"\" elements='[{\"icon\":\"share\",\"text\":\"Element 1\",\"key\": \"0\"},{\"icon\":\"delete\",\"text\":\"Elemento 2\",\"key\": \"1\"}]' popover-position=\"bottom_right\">\n        <mock:shadow-root>\n            <button aria-label=\"apri menu contestuale\">\n              <z-icon fill=\"color-primary01\" name=\"contextual-menu\"></z-icon>\n            </button>\n            <z-popover position=\"bottom_right\">\n                 <div class=\"popover-content-container\">\n                   <z-list>\n                     <z-list-group divider-type=\"element\">\n                       <z-list-element align-button=\"left\" class=\"my-z-list-element\" clickable=\"\" color=\"color-primary01\" expandable-style=\"accordion\" iscontextualmenu=\"\" listelementid=\"0\">\n                         <div class=\"element-container\">\n                         <div class=\"element-icon\">\n                           <z-icon height=\"16\" name=\"share\" width=\"16\"></z-icon>\n                           </div>\n                           <div class=\"element-text\">\n                             <span>\n                               Element 1\n                             </span>\n                           </div>\n                         </div>\n                       </z-list-element>\n                       <z-list-element align-button=\"left\" class=\"my-z-list-element\" clickable=\"\" color=\"color-primary01\" expandable-style=\"accordion\" iscontextualmenu=\"\" listelementid=\"1\">\n                         <div class=\"element-container\">\n                         <div class=\"element-icon\">\n                           <z-icon  height=\"16\" name=\"delete\" width=\"16\"></z-icon>\n                           </div>\n                           <div class=\"element-text\">\n                             <span>\n                               Elemento 2\n                             </span>\n                           </div>\n                         </div>\n                       </z-list-element>\n                     </z-list-group>\n                   </z-list>\n                 </div>\n               </z-popover>\n        </mock:shadow-root>\n      </z-contextual-menu>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-contextual-menu/styles.css

@@ -1,60 +0,0 @@
-:host {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-button {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-}
-
-z-popover {
-  overflow: hidden;
-}
-
-.popover-content-container {
-  position: relative;
-  min-width: 112px;
-  max-width: 280px;
-  background-color: var(--color-surface02);
-  box-shadow: var(--shadow-2);
-  white-space: nowrap;
-}
-
-.element-container:hover {
-  color: var(--color-hover-primary);
-  fill: var(--color-hover-primary);
-}
-
-.element-text {
-  overflow: hidden;
-  font-size: 14px;
-  text-overflow: ellipsis;
-}
-
-.element-container,
-.disabled-element-container {
-  display: flex;
-  min-height: calc(var(--space-unit) * 4);
-  box-sizing: border-box;
-  align-items: center;
-  padding: calc(var(--space-unit) / 2) var(--space-unit);
-  fill: var(--color-disabled03);
-  gap: var(--space-unit);
-}
-
-.element-container {
-  fill: var(--color-primary01);
-}
-
-.element-icon {
-  display: flex;
-}

package/dist/collection/components/z-contextual-menu/test.e2e.js

@@ -1,11 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-contextual-menu test end2end", () => {
-    it("Test that component exists", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<z-contextual-menu></z-contextual-menu>`);
-        const el = await page.find("z-contextual-menu");
-        expect(el).not.toBeNull();
-        expect(el.shadowRoot).not.toBeNull;
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/components/z-contextual-menu/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../src/components/z-contextual-menu/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC9C,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;QACjE,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-contextual-menu test end2end\", () => {\n  it(\"Test that component exists\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-contextual-menu></z-contextual-menu>`);\n    const el = await page.find(\"z-contextual-menu\");\n    expect(el).not.toBeNull();\n    expect(el.shadowRoot).not.toBeNull;\n  });\n});\n"]}

package/dist/collection/deprecated/navigation-tab.css

@@ -1,138 +0,0 @@
-z-navigation-tab > button,
-z-navigation-tab-link > a {
-  position: relative;
-  z-index: 0;
-  display: inline-flex;
-  width: auto;
-  align-items: center;
-  justify-content: center;
-  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);
-  border: none;
-  margin: 0;
-  background-color: unset;
-  border-radius: var(--border-no-radius);
-  color: var(--color-primary01);
-  cursor: pointer;
-  fill: currentcolor;
-  font-family: var(--font-family-sans);
-  font-size: inherit;
-  letter-spacing: inherit;
-  line-height: inherit;
-  outline: none;
-  text-align: center;
-  white-space: nowrap;
-}
-
-z-navigation-tab-link > a {
-  text-decoration: none;
-}
-
-z-navigation-tab *,
-z-navigation-tab-link *,
-z-navigation-tab *::before,
-z-navigation-tab *::after,
-z-navigation-tab-link *::before,
-z-navigation-tab-link *::after {
-  box-sizing: border-box;
-}
-
-z-navigation-tab > *:focus:focus-visible,
-z-navigation-tab-link > *:focus:focus-visible {
-  z-index: 1;
-  box-shadow: inset 0 0 4px 3px var(--color-highlight);
-}
-
-z-navigation-tab:not([disabled]):hover > *,
-z-navigation-tab[selected] > *,
-z-navigation-tab-link:not([disabled]):hover > *,
-z-navigation-tab-link[selected] > * {
-  color: var(--color-hover-secondary);
-  fill: currentcolor;
-}
-
-z-navigation-tab:not([disabled]):hover > *::after,
-z-navigation-tab[selected] > *::after,
-z-navigation-tab-link:not([disabled]):hover > *::after,
-z-navigation-tab-link[selected] > *::after {
-  position: absolute;
-  background-color: var(--color-hover-secondary);
-  content: "";
-}
-
-z-navigation-tab[orientation="horizontal"]:not([disabled]):hover > *::after,
-z-navigation-tab[orientation="horizontal"][selected] > *::after,
-z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover > *::after,
-z-navigation-tab-link[orientation="horizontal"][selected] > *::after {
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: var(--border-size-large);
-}
-
-z-navigation-tab z-icon,
-z-navigation-tab-link z-icon {
-  --z-icon-width: calc(var(--space-unit) * 2);
-  --z-icon-height: calc(var(--space-unit) * 2);
-
-  display: flex;
-  margin: 0;
-}
-
-z-navigation-tab[orientation="horizontal"] z-icon,
-z-navigation-tab-link[orientation="horizontal"] z-icon {
-  margin-right: var(--space-unit);
-}
-
-z-navigation-tab:not([disabled]):hover > * {
-  background-color: var(--color-background);
-}
-
-z-navigation-tab[disabled] > *,
-z-navigation-tab-link[disabled] > * {
-  color: var(--gray500);
-  cursor: not-allowed;
-  fill: currentcolor;
-  pointer-events: all;
-}
-
-/* Size small (only available for horizontal) */
-z-navigation-tab[size="small"] > *,
-z-navigation-tab-link[size="small"] > * {
-  font-size: var(--font-size-2);
-  letter-spacing: 0.16px;
-  line-height: 1.4;
-}
-
-z-navigation-tab[size="small"][orientation="horizontal"] > *,
-z-navigation-tab-link[size="small"][orientation="horizontal"] > * {
-  padding: var(--space-unit) calc(var(--space-unit) * 2);
-}
-
-z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover > *::after,
-z-navigation-tab[size="small"][orientation="horizontal"][selected] > *::after,
-z-navigation-tab-link[size="small"][orientation="horizontal"]:not([disabled]):hover > *::after,
-z-navigation-tab-link[size="small"][orientation="horizontal"][selected] > *::after {
-  height: var(--border-size-medium);
-}
-
-z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,
-z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon {
-  --z-icon-width: 14px;
-  --z-icon-height: 14px;
-}
-
-/* Orientation Vertical */
-z-navigation-tab[orientation="vertical"] > *,
-z-navigation-tab-link[orientation="vertical"] > * {
-  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
-}
-
-z-navigation-tab[orientation="vertical"]:not([disabled]):hover > *::after,
-z-navigation-tab[orientation="vertical"][selected] > *::after,
-z-navigation-tab-link[orientation="vertical"]:not([disabled]):hover > *::after,
-z-navigation-tab-link[orientation="vertical"][selected] > *::after {
-  top: 0;
-  right: 0;
-  width: var(--border-size-large);
-  height: 100%;
-}