@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/collection/components/list/z-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/list/z-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAOlD,MAAM,OAAO,KAAK;;oBAOE,QAAQ,CAAC,MAAM;wBAMX,QAAQ,CAAC,IAAI;;IAE3B,mBAAmB;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrD,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,uBAAuB,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM;YACf,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Prop, Host} from \"@stencil/core\";\n\nimport {ListSize, ListType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZList {\n  @Element() host: HTMLZListElement;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  private setChildrenSizeType(): void {\n    const children = this.host.children;\n    for (let i = 0; i < children.length; i++) {\n      children[i].setAttribute(\"size\", this.size);\n      children[i].setAttribute(\"list-type\", this.listType);\n      children[i].setAttribute(\"list-element-position\", (i + 1).toString());\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setChildrenSizeType();\n  }\n\n  render(): HTMLZListElement {\n    return (\n      <Host role=\"list\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/list/z-list/index.spec.js

@@ -1,33 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZList } from "./index";
-describe("Suite test ZList", () => {
-    it("Test render ZList", async () => {
-        const page = await newSpecPage({
-            components: [ZList],
-            html: `<z-list><z-list-element></z-list-element></z-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list list-type="none" role="list" size="medium">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="1" list-type="none" size="medium"></z-list-element>
-      </z-list>
-    `);
-    });
-    it("Test render ZList size prop", async () => {
-        const page = await newSpecPage({
-            components: [ZList],
-            html: `<z-list size="large"><z-list-element></z-list-element></z-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list list-type="none" role="list" size="large">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="1" list-type="none" size="large"></z-list-element>
-      </z-list>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/list/z-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZList} from \"./index\";\n\ndescribe(\"Suite test ZList\", () => {\n  it(\"Test render ZList\", async () => {\n    const page = await newSpecPage({\n      components: [ZList],\n      html: `<z-list><z-list-element></z-list-element></z-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list list-type=\"none\" role=\"list\" size=\"medium\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"1\" list-type=\"none\" size=\"medium\"></z-list-element>\n      </z-list>\n    `);\n  });\n\n  it(\"Test render ZList size prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZList],\n      html: `<z-list size=\"large\"><z-list-element></z-list-element></z-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list list-type=\"none\" role=\"list\" size=\"large\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"1\" list-type=\"none\" size=\"large\"></z-list-element>\n      </z-list>\n    `);\n  });\n});\n"]}

package/dist/collection/components/list/z-list-element/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/list/z-list-element/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State} from \"@stencil/core\";\nimport {\n  DividerSize,\n  ExpandableListButtonAlign,\n  ExpandableListStyle,\n  KeyboardCode,\n  ListDividerType,\n  ListSize,\n  ListType,\n} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-element\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListElement {\n  @Element() host: HTMLZListElementElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"accessibleFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  accessibleFocus: EventEmitter<number>;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickItem\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickItem: EventEmitter;\n\n  @Listen(\"accessibleFocus\", {target: \"document\"})\n  accessibleFocusHandler(e: CustomEvent): void {\n    if (this.listElementId === e.detail) {\n      const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);\n      toFocus.focus();\n    }\n  }\n\n  /**\n   * [optional] Align expandable button left or right.\n   */\n  @Prop({reflect: true})\n  alignButton?: ExpandableListButtonAlign = ExpandableListButtonAlign.LEFT;\n\n  /**\n   * [optional] Sets element clickable.\n   */\n  @Prop({reflect: true})\n  clickable?: boolean = false;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop()\n  dividerColor?: string = \"color-surface03\";\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop()\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop()\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets element as expandable.\n   */\n  @Prop({reflect: true})\n  expandable?: boolean = false;\n\n  /**\n   * [optional] Sets expandable style to element.\n   */\n  @Prop()\n  expandableStyle?: ExpandableListStyle = ExpandableListStyle.ACCORDION;\n\n  /**\n   * [optional] List element id.\n   */\n  @Prop({reflect: true})\n  listElementId?: number;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets text color of the element.\n   */\n  @Prop({reflect: true})\n  color?: string = \"none\";\n\n  /**\n   * [optional] Sets disabled style of the element.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * [optional] If is used in ZContextualMenu component\n   */\n  @Prop({reflect: true})\n  isContextualMenu?: boolean = false;\n\n  /**\n   * [optional] position of the list element inside the list or the group\n   */\n  @Prop({reflect: true})\n  listElementPosition?: string = \"0\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  @State()\n  showInnerContent = false;\n\n  private openElementConfig = {\n    accordion: {\n      open: \"minus-circled\",\n      close: \"plus-circled\",\n    },\n    menu: {\n      open: \"chevron-up\",\n      close: \"chevron-down\",\n    },\n  };\n\n  /**\n   * Constructor.\n   */\n  constructor() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  /**\n   * Handler for click on element. If element is expandable, change state.\n   * @returns void\n   */\n  private handleClick(): void {\n    this.clickItem.emit(this.listElementId);\n    if (!this.expandable) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  private calculateClass(): string {\n    if (this.isContextualMenu) {\n      return \"container-contextual-menu\";\n    }\n\n    return \"container\";\n  }\n\n  private handleKeyDown(event): void {\n    const expandByKey = event.code === KeyboardCode.ENTER;\n    switch (event.code) {\n      case KeyboardCode.ARROW_DOWN:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId + 1);\n        break;\n      case KeyboardCode.ARROW_UP:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId - 1);\n        break;\n      case KeyboardCode.ENTER:\n        event.preventDefault();\n        this.clickItem.emit(this.listElementId);\n        break;\n      default:\n        break;\n    }\n\n    if (!this.expandable || !expandByKey) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  /**\n   * Renders button to expand element.\n   * @returns expadable button\n   */\n  private renderExpandableButton(): HTMLZIconElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <z-icon\n        name={\n          this.showInnerContent\n            ? this.openElementConfig[this.expandableStyle].open\n            : this.openElementConfig[this.expandableStyle].close\n        }\n      />\n    );\n  }\n\n  /**\n   * Renders expanded content if element is expandable.\n   * @returns expanded content\n   */\n  private renderExpandedContent(): HTMLDivElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <div\n        class={{\n          \"z-list-element-inner-container\": true,\n          \"expanded\": this.showInnerContent,\n        }}\n      >\n        <slot name=\"inner-content\" />\n      </div>\n    );\n  }\n\n  /**\n   * Renders content of the z-list-element\n   * @returns list content\n   */\n  private renderContent(): HTMLDivElement {\n    if (this.listType === ListType.NONE) {\n      return <slot />;\n    }\n\n    if (this.listType === ListType.ORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <div>{this.listElementPosition}.&emsp;</div>\n          <slot />\n        </div>\n      );\n    }\n\n    if (this.listType === ListType.UNORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <span>&bull;&emsp;</span>\n          <slot />\n        </div>\n      );\n    }\n  }\n\n  render(): HTMLZListElementElement {\n    return (\n      <Host\n        role=\"listitem\"\n        aria-expanded={this.expandable ? this.showInnerContent : null}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n        clickable={this.clickable && !this.disabled}\n        tabIndex={!this.isContextualMenu ? \"0\" : null}\n      >\n        <div\n          class={`${this.calculateClass()}`}\n          style={{color: `var(--${this.color})`}}\n          tabindex={this.isContextualMenu ? \"0\" : \"-1\"}\n          id={`z-list-element-id-${this.listElementId}`}\n          part=\"list-item-container\"\n        >\n          <div class=\"z-list-element-container\">\n            {this.renderExpandableButton()}\n            {this.renderContent()}\n          </div>\n          {this.renderExpandedContent()}\n        </div>\n        {this.dividerType === ListDividerType.ELEMENT && (\n          <z-divider\n            color={this.dividerColor}\n            size={this.dividerSize}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/list/z-list-element/index.spec.js

@@ -1,135 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZListElement } from "./index";
-describe("Suite test ZListElement", () => {
-    it("Test render ZListElement", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element><span>Test</span></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container"  tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <slot></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement expandable", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable="true"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" expandable="" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container" tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="plus-circled"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement expanded content", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable="true"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        page.root.click();
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" aria-expanded="" expandable="" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container"  tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="minus-circled"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="expanded z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement expandable style", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable-style="menu" expandable="true"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" expandable="" expandable-style="menu" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container" tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="chevron-down"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement align button right", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable="true" align-button="right"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="right" color="none" list-element-position="0" list-type="none" expandable="" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container"  tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="plus-circled"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/list/z-list-element/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/list/z-list-element/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,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,YAAY,CAAC;YAC1B,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,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,YAAY,CAAC;YAC1B,IAAI,EAAE,kIAAkI;SACzI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,+HAA+H;SACtI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZListElement} from \"./index\";\n\ndescribe(\"Suite test ZListElement\", () => {\n  it(\"Test render ZListElement\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element><span>Test</span></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\"  tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <slot></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement expandable\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable=\"true\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" expandable=\"\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\" tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"plus-circled\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement expanded content\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable=\"true\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    page.root.click();\n    await page.waitForChanges();\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" aria-expanded=\"\" expandable=\"\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\"  tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"minus-circled\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"expanded z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement expandable style\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable-style=\"menu\" expandable=\"true\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" expandable=\"\" expandable-style=\"menu\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\" tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"chevron-down\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement align button right\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable=\"true\" align-button=\"right\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"right\" color=\"none\" list-element-position=\"0\" list-type=\"none\" expandable=\"\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\"  tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"plus-circled\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n});\n"]}

package/dist/collection/components/list/z-list-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/list/z-list-group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAOhF,MAAM,OAAO,UAAU;;oBAOH,QAAQ,CAAC,MAAM;2BAMD,eAAe,CAAC,IAAI;2BAMxB,WAAW,CAAC,KAAK;4BAMrB,SAAS;wBAMX,QAAQ,CAAC,IAAI;;IAInC,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5B,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC3D,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC3D,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC/D,CAAC;YACD,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrD,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,uBAAuB,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACtE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO;YAChB,4DACE,KAAK,EAAE;oBACL,+BAA+B,EAAE,IAAI;oBACrC,YAAY,EAAE,IAAI,CAAC,SAAS;iBAC7B;gBAED,6DAAM,IAAI,EAAC,cAAc,GAAG;gBAC3B,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,MAAM,IAAI,CAC9C,iBACE,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,IAAI,EAAE,IAAI,CAAC,WAAW,GACtB,CACH,CACG;YACN,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\";\nimport {DividerSize, ListSize, ListDividerType, ListType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-group\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListGroup {\n  @Element() host: HTMLZListGroupElement;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop({reflect: true})\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop({reflect: true})\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop({reflect: true})\n  dividerColor?: string = \"gray200\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  private hasHeader: boolean;\n\n  componentDidLoad(): void {\n    const children = this.host.children;\n    for (let i = 0; i < children.length; i++) {\n      if (children.length - 1 > i) {\n        children[i].setAttribute(\"divider-type\", this.dividerType);\n        children[i].setAttribute(\"divider-size\", this.dividerSize);\n        children[i].setAttribute(\"divider-color\", this.dividerColor);\n      }\n      children[i].setAttribute(\"size\", this.size);\n      children[i].setAttribute(\"list-type\", this.listType);\n      children[i].setAttribute(\"list-element-position\", i.toString());\n    }\n  }\n\n  componentWillLoad(): void {\n    this.hasHeader = !!this.host.querySelector('[slot=\"header-title\"]');\n  }\n\n  render(): HTMLZListGroupElement {\n    return (\n      <Host role=\"group\">\n        <div\n          class={{\n            \"z-list-group-header-container\": true,\n            \"has-header\": this.hasHeader,\n          }}\n        >\n          <slot name=\"header-title\" />\n          {this.dividerType === ListDividerType.HEADER && (\n            <z-divider\n              color={this.dividerColor}\n              size={this.dividerSize}\n            />\n          )}\n        </div>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/list/z-list-group/index.spec.js

@@ -1,39 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZListGroup } from "./index";
-describe("Suite test ZListGroup", () => {
-    it("Test render ZListGroup", async () => {
-        const page = await newSpecPage({
-            components: [ZListGroup],
-            html: `<z-list-group><z-list-element></z-list-element></z-list-group>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-list-group divider-color="gray200" divider-size="small" divider-type="none" list-type="none" role="group" size="medium">
-        <mock:shadow-root>
-          <div class="z-list-group-header-container">
-            <slot name="header-title"></slot>
-          </div>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="0" list-type="none" size="medium"></z-list-element>
-      </z-list-group>
-    `);
-    });
-    it("Test render ZListGroup size prop", async () => {
-        const page = await newSpecPage({
-            components: [ZListGroup],
-            html: `<z-list-group size="small"><z-list-element></z-list-element></z-list-group>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-group divider-color="gray200" divider-size="small" divider-type="none" list-type="none" role="group" size="small">
-        <mock:shadow-root>
-          <div class="z-list-group-header-container">
-            <slot name="header-title"></slot>
-          </div>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="0" list-type="none" size="small"></z-list-element>
-      </z-list-group>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/list/z-list-group/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/list/z-list-group/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,gEAAgE;SACvE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,6EAA6E;SACpF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZListGroup} from \"./index\";\n\ndescribe(\"Suite test ZListGroup\", () => {\n  it(\"Test render ZListGroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZListGroup],\n      html: `<z-list-group><z-list-element></z-list-element></z-list-group>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-list-group divider-color=\"gray200\" divider-size=\"small\" divider-type=\"none\" list-type=\"none\" role=\"group\" size=\"medium\">\n        <mock:shadow-root>\n          <div class=\"z-list-group-header-container\">\n            <slot name=\"header-title\"></slot>\n          </div>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"0\" list-type=\"none\" size=\"medium\"></z-list-element>\n      </z-list-group>\n    `);\n  });\n\n  it(\"Test render ZListGroup size prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZListGroup],\n      html: `<z-list-group size=\"small\"><z-list-element></z-list-element></z-list-group>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-group divider-color=\"gray200\" divider-size=\"small\" divider-type=\"none\" list-type=\"none\" role=\"group\" size=\"small\">\n        <mock:shadow-root>\n          <div class=\"z-list-group-header-container\">\n            <slot name=\"header-title\"></slot>\n          </div>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"0\" list-type=\"none\" size=\"small\"></z-list-element>\n      </z-list-group>\n    `);\n  });\n});\n"]}

package/dist/collection/components/list/z-toast-notification-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/list/z-toast-notification-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,yBAAyB,EAAC,MAAM,gBAAgB,CAAC;AAOzD,MAAM,OAAO,sBAAsB;;wBAKK,yBAAyB,CAAC,SAAS;2BAIjD,IAAI;;IAK5B,oBAAoB,CAAC,QAAiB;QACpC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACrF,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC/C,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7D,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACrF,CAAC;IAEO,iBAAiB;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAClH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,OAAO,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CAAC;IACrC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Element, Watch} from \"@stencil/core\";\nimport {ToastNotificationPosition} from \"../../../beans\";\n\n@Component({\n  tag: \"z-toast-notification-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToastNotificationList {\n  @Element() hostElement: HTMLZToastNotificationListElement;\n\n  /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */\n  @Prop({reflect: true})\n  position: ToastNotificationPosition = ToastNotificationPosition.TOP_RIGHT;\n\n  /**Set the entry position of new notification in the list */\n  @Prop()\n  newestontop?: boolean = true;\n\n  private notificationArray: Element[];\n\n  @Watch(\"newestontop\")\n  watchPropNewestontop(newValue: boolean): void {\n    this.hostElement.append(...this.notificationArray.reverse());\n    if (newValue) {\n      this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n    } else {\n      this.hostElement.shadowRoot.removeEventListener(\"slotchange\", this.slotChangeHandler);\n    }\n  }\n\n  componentWillLoad(): void {\n    this.newestontop && this.handleNewestOnTop();\n  }\n\n  private handleNewestOnTop(): void {\n    this.notificationArray = Array.from(this.hostElement.children);\n    this.hostElement.append(...this.notificationArray.reverse());\n\n    this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n  }\n\n  private slotChangeHandler(): void {\n    const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));\n    if (difference) {\n      difference.forEach((elem) => {\n        this.notificationArray.push(elem);\n        const newElem = elem;\n        elem.remove();\n        this.hostElement.prepend(newElem);\n      });\n    }\n  }\n\n  render(): HTMLSlotElement {\n    return <slot name=\"toasts\"></slot>;\n  }\n}\n"]}

package/dist/collection/components/list/z-toast-notification-list/index.spec.js

@@ -1,57 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZToastNotificationList } from "./index";
-describe("Suite test ZToastNotificationList", () => {
-    it("Test render ZToastNotificationList vuoto senza props", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotificationList],
-            html: `<z-toast-notification-list></z-toast-notification-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toast-notification-list position="top-right">
-        <mock:shadow-root>
-            <slot name="toasts"></slot>
-        </mock:shadow-root>
-      </z-toast-notification-list>
-    `);
-    });
-    it("Test render ZToastNotificationList vuoto con props", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotificationList],
-            html: `<z-toast-notification-list newestontop="false" position="top-centre"></z-toast-notification-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toast-notification-list newestontop="false" position="top-centre">
-        <mock:shadow-root>
-            <slot name="toasts"></slot>
-        </mock:shadow-root>
-      </z-toast-notification-list>
-    `);
-    });
-    it("Test render ZToastNotificationList con elementi slottati e props", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotificationList],
-            html: `<z-toast-notification-list position="top-centre">
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-            transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-            transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-      </z-toast-notification-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toast-notification-list position="top-centre">
-        <mock:shadow-root>
-            <slot name="toasts"></slot>
-        </mock:shadow-root>
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-          transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-          transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-      </z-toast-notification-list>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/list/z-toast-notification-list/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/list/z-toast-notification-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE/C,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,mGAAmG;SAC1G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE;;;;;;;mCAOuB;SAC9B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZToastNotificationList} from \"./index\";\n\ndescribe(\"Suite test ZToastNotificationList\", () => {\n  it(\"Test render ZToastNotificationList vuoto senza props\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotificationList],\n      html: `<z-toast-notification-list></z-toast-notification-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toast-notification-list position=\"top-right\">\n        <mock:shadow-root>\n            <slot name=\"toasts\"></slot>\n        </mock:shadow-root>\n      </z-toast-notification-list>\n    `);\n  });\n\n  it(\"Test render ZToastNotificationList vuoto con props\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotificationList],\n      html: `<z-toast-notification-list newestontop=\"false\" position=\"top-centre\"></z-toast-notification-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toast-notification-list newestontop=\"false\" position=\"top-centre\">\n        <mock:shadow-root>\n            <slot name=\"toasts\"></slot>\n        </mock:shadow-root>\n      </z-toast-notification-list>\n    `);\n  });\n\n  it(\"Test render ZToastNotificationList con elementi slottati e props\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotificationList],\n      html: `<z-toast-notification-list position=\"top-centre\">\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n            transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n            transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n      </z-toast-notification-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toast-notification-list position=\"top-centre\">\n        <mock:shadow-root>\n            <slot name=\"toasts\"></slot>\n        </mock:shadow-root>\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n          transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n          transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n      </z-toast-notification-list>\n    `);\n  });\n});\n"]}

package/dist/collection/components/list/z-toast-notification-list/test.e2e.js

@@ -1,69 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-toast-notification-list test end2end", () => {
-    it("Test correct exit animation on close button click", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-toast-notification-list position="bottom-centre">
-        <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-          transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-      </z-toast-notification-list>
-    `);
-        const notificationlist = await page.find("z-toast-notification-list z-toast-notification");
-        const closebutton = await page.find("z-toast-notification-list z-toast-notification >>> div > z-icon");
-        await closebutton.click();
-        await page.waitForChanges();
-        expect(notificationlist).toHaveClass("slide-out-down");
-    });
-    it("Test event on close button click ", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-toast-notification-list position="bottom-centre">
-      <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-        transition="slide-in-up" draggablepercentage="50" closebutton>
-      </z-toast-notification>
-    </z-toast-notification-list>`);
-        const notification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(notification).not.toBeNull();
-        const closebutton = await page.find("z-toast-notification-list z-toast-notification >>> div > z-icon ");
-        await closebutton.click();
-        await page.waitForFunction(() => !document.querySelector("z-toast-notification"));
-        const checkNotification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(checkNotification).toBeNull();
-    });
-    it("Test z-toast-notification autoclose", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-toast-notification-list position="bottom-centre">
-      <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-        transition="slide-in-up" draggablepercentage="50" closebutton autoclose="1000">
-      </z-toast-notification>
-    </z-toast-notification-list>`);
-        const notification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(notification).not.toBeNull();
-        await page.waitForFunction(() => !document.querySelector("z-toast-notification"));
-        const checkNotification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(checkNotification).toBeNull();
-    });
-    it("Test z-toast-notification drag", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-toast-notification-list position="bottom-centre">
-      <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-        transition="slide-in-up" draggablepercentage="50" closebutton autoclose="1000">
-      </z-toast-notification>
-    </z-toast-notification-list>`);
-        const notification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(notification).not.toBeNull();
-        const example = await page.$("z-toast-notification");
-        const bounding_box = await example.boundingBox();
-        await page.mouse.move(bounding_box.x + bounding_box.width / 2, bounding_box.y + bounding_box.height / 2);
-        await page.mouse.down();
-        await page.mouse.move(bounding_box.width / 2, 0);
-        await page.mouse.up();
-        await page.waitForFunction(() => !document.querySelector("z-toast-notification"));
-        const checkNotification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(checkNotification).toBeNull();
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/components/list/z-toast-notification-list/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/list/z-toast-notification-list/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-toast-notification-list test end2end\", () => {\n  it(\"Test correct exit animation on close button click\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-toast-notification-list position=\"bottom-centre\">\n        <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n          transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n      </z-toast-notification-list>\n    `);\n    const notificationlist = await page.find(\"z-toast-notification-list z-toast-notification\");\n    const closebutton = await page.find(\"z-toast-notification-list z-toast-notification >>> div > z-icon\");\n\n    await closebutton.click();\n    await page.waitForChanges();\n\n    expect(notificationlist).toHaveClass(\"slide-out-down\");\n  });\n\n  it(\"Test event on close button click \", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-toast-notification-list position=\"bottom-centre\">\n      <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n        transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n      </z-toast-notification>\n    </z-toast-notification-list>`);\n\n    const notification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(notification).not.toBeNull();\n\n    const closebutton = await page.find(\"z-toast-notification-list z-toast-notification >>> div > z-icon \");\n\n    await closebutton.click();\n\n    await page.waitForFunction(() => !document.querySelector(\"z-toast-notification\"));\n\n    const checkNotification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(checkNotification).toBeNull();\n  });\n\n  it(\"Test z-toast-notification autoclose\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-toast-notification-list position=\"bottom-centre\">\n      <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n        transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton autoclose=\"1000\">\n      </z-toast-notification>\n    </z-toast-notification-list>`);\n\n    const notification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(notification).not.toBeNull();\n\n    await page.waitForFunction(() => !document.querySelector(\"z-toast-notification\"));\n\n    const checkNotification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(checkNotification).toBeNull();\n  });\n\n  it(\"Test z-toast-notification drag\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-toast-notification-list position=\"bottom-centre\">\n      <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n        transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton autoclose=\"1000\">\n      </z-toast-notification>\n    </z-toast-notification-list>`);\n\n    const notification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(notification).not.toBeNull();\n\n    const example = await page.$(\"z-toast-notification\");\n    const bounding_box = await example.boundingBox();\n    await page.mouse.move(bounding_box.x + bounding_box.width / 2, bounding_box.y + bounding_box.height / 2);\n    await page.mouse.down();\n    await page.mouse.move(bounding_box.width / 2, 0);\n    await page.mouse.up();\n\n    await page.waitForFunction(() => !document.querySelector(\"z-toast-notification\"));\n\n    const checkNotification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(checkNotification).toBeNull();\n  });\n});\n"]}

package/dist/collection/components/logo/z-logo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/logo/z-logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,KAAK;;;;;;;;;IAyBhB,MAAM;QACJ,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;QAC1D,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;QAC7D,CAAC;QAED,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,EAAC,IAEjC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;YAE7C,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CACzB,CACL,CAAC,CAAC,CAAC,CACF,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5B,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-logo\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZLogo {\n  /** image width */\n  @Prop()\n  width?: number;\n\n  /** image height */\n  @Prop()\n  height?: number;\n\n  /** alternative image text */\n  @Prop()\n  imageAlt?: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target: true means _blank, false means _self */\n  @Prop()\n  targetBlank?: boolean;\n\n  /** if true, the mobile logo is displayed, otherwise the desktop one */\n  @Prop()\n  mobileLogo?: boolean;\n\n  render(): HTMLZLogoElement {\n    const style = {};\n\n    if (this.width) {\n      style[\"width\"] = style[\"max-width\"] = `${this.width}px`;\n    }\n\n    if (this.height) {\n      style[\"height\"] = style[\"max-height\"] = `${this.height}px`;\n    }\n\n    return (\n      <Host\n        style={style}\n        class={{mobile: !!this.mobileLogo}}\n      >\n        {this.link ? (\n          <a\n            href={this.link}\n            target={this.targetBlank ? \"_blank\" : \"_self\"}\n          >\n            <img alt={this.imageAlt} />\n          </a>\n        ) : (\n          <img alt={this.imageAlt} />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/logo/z-logo/index.spec.js

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZLogo } from "./index";
-describe("Suite test ZLogo", () => {
-    it("Test render ZLogo", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo>
-        <mock:shadow-root>
-          <img></img>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render ZLogo with img alt and size", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo image-alt="zlogo" width=128 height=32></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo width="128" height="32" image-alt="zlogo" style="max-width: 128px; width: 128px; max-height: 32px; height: 32px;">
-        <mock:shadow-root>
-          <img alt="zlogo">
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render ZLogo with link", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo link="http://www.zanichelli.it/"></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo link="http://www.zanichelli.it/">
-        <mock:shadow-root>
-          <a href="http://www.zanichelli.it/" target="_self">
-            <img>
-          </a>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render ZLogo with link, targetblank and size", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo link="http://www.zanichelli.it/" target-blank width="128" height="32"></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo width="128" height="32" link="http://www.zanichelli.it/" target-blank style="max-width: 128px; width: 128px; max-height: 32px; height: 32px;">
-        <mock:shadow-root>
-          <a href="http://www.zanichelli.it/" target="_blank">
-            <img>
-          </a>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render mobile ZLogo", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo mobile-logo></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo mobile-logo class="mobile">
-        <mock:shadow-root>
-            <img></img>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/logo/z-logo/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,mBAAmB;SAC1B,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yFAAyF;SAChG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZLogo} from \"./index\";\n\ndescribe(\"Suite test ZLogo\", () => {\n  it(\"Test render ZLogo\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo>\n        <mock:shadow-root>\n          <img></img>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render ZLogo with img alt and size\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo image-alt=\"zlogo\" width=128 height=32></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo width=\"128\" height=\"32\" image-alt=\"zlogo\" style=\"max-width: 128px; width: 128px; max-height: 32px; height: 32px;\">\n        <mock:shadow-root>\n          <img alt=\"zlogo\">\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render ZLogo with link\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo link=\"http://www.zanichelli.it/\"></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo link=\"http://www.zanichelli.it/\">\n        <mock:shadow-root>\n          <a href=\"http://www.zanichelli.it/\" target=\"_self\">\n            <img>\n          </a>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render ZLogo with link, targetblank and size\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo link=\"http://www.zanichelli.it/\" target-blank width=\"128\" height=\"32\"></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo width=\"128\" height=\"32\" link=\"http://www.zanichelli.it/\" target-blank style=\"max-width: 128px; width: 128px; max-height: 32px; height: 32px;\">\n        <mock:shadow-root>\n          <a href=\"http://www.zanichelli.it/\" target=\"_blank\">\n            <img>\n          </a>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render mobile ZLogo\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo mobile-logo></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo mobile-logo class=\"mobile\">\n        <mock:shadow-root>\n            <img></img>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n});\n"]}

package/dist/collection/components/logo/z-logo/test.e2e.js

@@ -1,32 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-logo test end2end", () => {
-    it("Test that component exists", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<z-logo></z-logo>`);
-        const el = await page.find("z-logo");
-        expect(el).not.toBeNull();
-        expect(el.shadowRoot).not.toBeNull;
-    });
-    it('Test that "a href" is created', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<z-logo></z-logo>`);
-        await page.$eval("z-logo", (elm) => {
-            elm.link = "https://www.zanichelli.it";
-        });
-        await page.waitForChanges();
-        const el = await page.find("z-logo >>> a");
-        expect(el.getAttribute("href")).toBe("https://www.zanichelli.it");
-    });
-    it('Test that "a target blank" is created', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<z-logo></z-logo>`);
-        await page.$eval("z-logo", (elm) => {
-            elm.link = "https://www.zanichelli.it";
-            elm.targetBlank = true;
-        });
-        await page.waitForChanges();
-        const el = await page.find("z-logo >>> a");
-        expect(el.getAttribute("target")).toBe("_blank");
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/logo/z-logo/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAC3C,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,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;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE;YACtC,GAAG,CAAC,IAAI,GAAG,2BAA2B,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE;YACtC,GAAG,CAAC,IAAI,GAAG,2BAA2B,CAAC;YACvC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-logo test end2end\", () => {\n  it(\"Test that component exists\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-logo></z-logo>`);\n    const el = await page.find(\"z-logo\");\n    expect(el).not.toBeNull();\n    expect(el.shadowRoot).not.toBeNull;\n  });\n\n  it('Test that \"a href\" is created', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-logo></z-logo>`);\n    await page.$eval(\"z-logo\", (elm: any) => {\n      elm.link = \"https://www.zanichelli.it\";\n    });\n    await page.waitForChanges();\n    const el = await page.find(\"z-logo >>> a\");\n    expect(el.getAttribute(\"href\")).toBe(\"https://www.zanichelli.it\");\n  });\n\n  it('Test that \"a target blank\" is created', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-logo></z-logo>`);\n    await page.$eval(\"z-logo\", (elm: any) => {\n      elm.link = \"https://www.zanichelli.it\";\n      elm.targetBlank = true;\n    });\n    await page.waitForChanges();\n    const el = await page.find(\"z-logo >>> a\");\n    expect(el.getAttribute(\"target\")).toBe(\"_blank\");\n  });\n});\n"]}