npm - @zanichelli/albe-web-components - Versions diffs - 14.5.0 → 14.5.2-rc-anchor-navigation - Mend

@zanichelli/albe-web-components 14.5.0 → 14.5.2-rc-anchor-navigation

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1749) hide show

package/dist/collection/components/inputs/z-select/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-select/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, State, h, Event, EventEmitter, Watch, Element, Method, Listen} from \"@stencil/core\";\nimport {SelectItem, ListDividerType, KeyboardCode, InputStatus, ControlSize, ListSize} from \"../../../beans\";\nimport {randomId, handleKeyboardSubmit, getClickedElement, getElementTree, boolean} from \"../../../utils/utils\";\n\n@Component({\n tag: \"z-select\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSelect {\n @Element() element: HTMLZSelectElement;\n\n /** the id of the input element */\n @Prop()\n htmlid = `id-${randomId()}`;\n\n /** the input select options */\n @Prop()\n items: SelectItem[] | string;\n\n /** the input name */\n @Prop()\n name?: string;\n\n /** the input label */\n @Prop()\n label?: string;\n\n /** the input aria-label */\n @Prop()\n ariaLabel = \"\";\n\n /** the input is disabled */\n @Prop()\n disabled?: boolean = false;\n\n /** the input is readonly */\n @Prop()\n readonly?: boolean = false;\n\n /** the input placeholder (optional) */\n @Prop()\n placeholder?: string;\n\n /** the input html title (optional) */\n @Prop()\n htmltitle?: string;\n\n /** the input status (optional) */\n @Prop()\n status?: InputStatus;\n\n /** input helper message (optional) - if set to `false` message won't be displayed */\n @Prop()\n message?: string | boolean = true;\n\n /** the input has autocomplete option */\n @Prop()\n autocomplete?: boolean = false;\n\n /** no result text message */\n @Prop()\n noresultslabel?: string = \"Nessun risultato\";\n\n /** */\n @Prop()\n hasGroupItems?: boolean;\n\n /** When fixed, it occupies space and pushes down next elements. */\n @Prop()\n isfixed?: boolean = false;\n\n /** */\n @Prop()\n resetItem?: string;\n\n /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n @Prop()\n size?: ControlSize = ControlSize.BIG;\n\n @State()\n isOpen = false;\n\n @State()\n selectedItem: null | SelectItem = null;\n\n @State()\n focusedItemId: string;\n\n @State()\n searchString: null | string;\n\n private itemsList: SelectItem[] = [];\n\n constructor() {\n this.toggleSelectUl = this.toggleSelectUl.bind(this);\n this.selectItem = this.selectItem.bind(this);\n this.handleSelectFocus = this.handleSelectFocus.bind(this);\n }\n\n @Watch(\"items\")\n watchItems(): void {\n this.itemsList = this.getInitialItemsArray();\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n }\n\n @Listen(\"ariaDescendantFocus\")\n getFocusedItemHandler(e: CustomEvent): void {\n this.focusedItemId = (e.target as Element).id;\n }\n\n /** get the input selected options */\n @Method()\n async getSelectedItem(): Promise<SelectItem> {\n return this.selectedItem;\n }\n\n /** get the input value */\n @Method()\n async getValue(): Promise<string> {\n return this.getSelectedValue();\n }\n\n /** set the input value */\n @Method()\n async setValue(value: string | string[]): Promise<void> {\n let values: string[] = [];\n if (typeof value === \"string\") {\n values.push(value);\n } else {\n values = value;\n }\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n }\n\n /** Emitted on select option selection, returns select id, selected item id */\n @Event()\n optionSelect: EventEmitter;\n\n private emitOptionSelect(): void {\n this.optionSelect.emit({\n id: this.htmlid,\n selected: this.getSelectedValue(),\n });\n }\n\n /** Emitted on reset selected item, returns select id, selected item id */\n @Event()\n resetSelect: EventEmitter;\n\n private emitResetSelect(): void {\n this.resetSelect.emit({\n id: this.htmlid,\n });\n }\n\n componentWillLoad(): void {\n this.watchItems();\n }\n\n componentWillRender(): void {\n this.filterItems(this.searchString);\n }\n\n private getInitialItemsArray(): SelectItem[] {\n return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n\n private mapSelectedItemToItemsArray(): SelectItem[] {\n const initialItemsList = this.getInitialItemsArray();\n\n return initialItemsList.map((item: SelectItem) => {\n item.selected = item.id === this.selectedItem?.id;\n\n return item;\n });\n }\n\n private getSelectedValue(): string {\n return this.selectedItem?.id;\n }\n\n private filterItems(searchString: string): void {\n const prevList = this.mapSelectedItemToItemsArray();\n if (!searchString?.length) {\n this.itemsList = prevList;\n } else {\n this.itemsList = prevList\n .filter((item: SelectItem) => {\n return item.name.toUpperCase().includes(searchString.toUpperCase());\n })\n .map((item: SelectItem) => {\n const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n const end = start + searchString.length;\n const newName =\n item.name.substring(0, start) +\n `<strong>${item.name.substring(start, end)}</strong>` +\n item.name.substring(end, item.name.length);\n item.name = newName;\n\n return item;\n });\n }\n }\n\n private hasAutocomplete(): boolean {\n return boolean(this.autocomplete) === true;\n }\n\n private handleInputChange(e: CustomEvent): void {\n this.searchString = e.detail.value;\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n }\n\n private selectItem(item: null | SelectItem, selected: boolean): void {\n if (item && item.disabled) {\n return;\n }\n\n this.itemsList = this.mapSelectedItemToItemsArray();\n this.itemsList = this.itemsList.map((i: SelectItem) => {\n i.selected = false;\n if (i.id === item?.id) {\n i.selected = selected;\n }\n\n return i;\n });\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n this.emitOptionSelect();\n\n if (this.searchString) {\n this.searchString = null;\n }\n }\n\n private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n const showResetIcon = this.resetItem && !!this.selectedItem;\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (!arrows.includes(e.key as KeyboardCode)) {\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n\n let index: number;\n\n if (this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n }\n }\n\n if (!this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length ? 0 : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n }\n }\n\n this.focusSelectItem(index);\n }\n\n private focusSelectItem(index: number): void {\n const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n if (focusElem) {\n focusElem.focus();\n }\n }\n\n private toggleSelectUl(selfFocusOnClose = false): void {\n if (this.disabled || this.readonly) {\n return;\n }\n\n if (!this.isOpen) {\n document.addEventListener(\"click\", this.handleSelectFocus);\n document.addEventListener(\"keyup\", this.handleSelectFocus);\n } else {\n document.removeEventListener(\"click\", this.handleSelectFocus);\n document.removeEventListener(\"keyup\", this.handleSelectFocus);\n if (selfFocusOnClose) {\n (this.element.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n }\n }\n\n this.focusedItemId = \"\";\n this.isOpen = !this.isOpen;\n }\n\n private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n const cp = e.composedPath();\n const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n if (clearIcon) {\n e.stopPropagation();\n\n return;\n }\n\n this.toggleSelectUl();\n }\n\n private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n e.stopPropagation();\n\n return this.toggleSelectUl(true);\n }\n\n if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n return;\n }\n\n const tree = getElementTree(getClickedElement());\n const parent = tree.find((elem: HTMLElement) => {\n return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n });\n\n if (!parent) {\n this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n }\n }\n\n private scrollToLetter(letter: string): void {\n const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n if (foundItem) {\n this.focusSelectItem(this.itemsList.indexOf(foundItem));\n }\n }\n\n private renderInput(): HTMLZInputElement {\n return (\n <z-input\n class={{\n \"active-select\": this.isOpen,\n \"cursor-select\": !this.autocomplete,\n }}\n id={`${this.htmlid}_input`}\n htmlid={`${this.htmlid}_select_input`}\n placeholder={this.placeholder}\n value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n label={this.label}\n aria-expanded={this.isOpen ? \"true\" : \"false\"}\n aria-label={this.ariaLabel}\n aria-controls={`${this.htmlid}_list`}\n aria-autocomplete={this.hasAutocomplete() ? \"list\" : \"none\"}\n aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n hasclearicon={this.hasAutocomplete()}\n message={false}\n disabled={this.disabled}\n readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n status={this.isOpen ? undefined : this.status}\n role=\"combobox\"\n size={this.size}\n onClick={(e: MouseEvent) => {\n this.handleInputClick(e);\n }}\n onKeyUp={(e: KeyboardEvent) => {\n if (e.keyCode !== 13) {\n e.preventDefault();\n }\n handleKeyboardSubmit(e, this.toggleSelectUl);\n }}\n onKeyDown={(e: KeyboardEvent) => {\n return this.arrowsSelectNav(\n e,\n this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n );\n }}\n onInputChange={(e: CustomEvent) => {\n this.handleInputChange(e);\n }}\n onKeyPress={(e: KeyboardEvent) => {\n if (!this.hasAutocomplete()) {\n e.preventDefault();\n this.scrollToLetter(String.fromCharCode(e.keyCode));\n }\n }}\n />\n );\n }\n\n private renderSelectUl(): HTMLDivElement {\n return (\n <div\n class={this.isOpen ? \"open\" : \"closed\"}\n tabindex=\"-1\"\n >\n <div\n class={{\n \"ul-scroll-wrapper\": true,\n \"fixed\": this.isfixed,\n }}\n tabindex=\"-1\"\n >\n <z-list\n role=\"listbox\"\n aria-label={this.ariaLabel || this.label}\n tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n id={`${this.htmlid}_list`}\n aria-multiselectable={false}\n size={this.listSizeType()}\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n filled: !!this.selectedItem,\n [`input-${this.status}`]: !this.isOpen && !!this.status,\n }}\n >\n {this.resetItem && this.renderResetItem()}\n {this.renderSelectUlItems()}\n </z-list>\n </div>\n </div>\n );\n }\n\n private renderResetItem(): HTMLZListElementElement {\n return (\n <z-list-element\n class={{\n \"hide\": !this.selectedItem || !this.resetItem,\n \"reset-item\": true,\n \"reset-item-margin\": !this.hasGroupItems,\n }}\n clickable={true}\n disabled={false}\n dividerType={ListDividerType.ELEMENT}\n role=\"option\"\n tabindex=\"0\"\n aria-selected=\"false\"\n id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n size={this.listSizeType()}\n onClickItem={() => {\n this.selectedItem = null;\n this.searchString = null;\n this.emitResetSelect();\n }}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n >\n <div class=\"reset-item-content\">\n <z-icon name=\"multiply-circled\" />\n <span>{this.resetItem}</span>\n </div>\n </z-list-element>\n );\n }\n\n private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n return (\n <z-list-element\n clickable={!item.disabled}\n disabled={item.disabled}\n dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n role=\"option\"\n tabindex={item.disabled || !this.isOpen ? -1 : 0}\n aria-selected={item.selected ? \"true\" : \"false\"}\n id={`${this.htmlid}_${key}`}\n size={this.listSizeType()}\n onClickItem={() => this.selectItem(item, true)}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n >\n <div class=\"list-element-container\">\n {item.icon && <z-icon name={item.icon} />}\n <span\n class={{\n \"selected\": !!item.selected,\n \"list-element-content\": true,\n }}\n innerHTML={item.name}\n />\n </div>\n </z-list-element>\n );\n }\n\n private listSizeType(): ListSize {\n if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n return ListSize.SMALL;\n }\n\n return ListSize.MEDIUM;\n }\n\n private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n if (!this.itemsList.length) {\n return this.renderNoSearchResults();\n }\n\n if (this.hasGroupItems) {\n return this.renderSelectGroupItems();\n }\n\n return this.itemsList.map((item: SelectItem, key, array) => {\n const lastItem = array.length === key + 1;\n const itemKey = this.resetItem ? key + 1 : key;\n\n return this.renderItem(item, itemKey, lastItem);\n });\n }\n\n private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n const newData = this.itemsList.reduce((group, item, index, array) => {\n const {category} = item;\n const lastItem = array.length === index + 1;\n const itemKey = this.resetItem ? index + 1 : index;\n const zListItem = this.renderItem(item, itemKey, lastItem);\n\n group[category] = group[category] ?? [];\n group[category].push(zListItem);\n\n return group;\n }, {});\n\n return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n return (\n <z-list-group divider-type={ListDividerType.ELEMENT}>\n <span\n class=\"body-3-sb z-list-group-title\"\n slot=\"header-title\"\n >\n {key}\n </span>\n {value.map((item) => item)}\n </z-list-group>\n );\n });\n }\n\n private renderNoSearchResults(): HTMLZListElementElement {\n return (\n <z-list-element\n color=\"blue500\"\n class=\"no-results\"\n size={this.listSizeType()}\n >\n <z-icon\n name=\"multiply-circle\"\n fill=\"blue500\"\n />\n {this.noresultslabel}\n </z-list-element>\n );\n }\n\n private renderMessage(): HTMLZInputMessageElement {\n if (boolean(this.message) === false) {\n return;\n }\n\n return (\n <z-input-message\n message={boolean(this.message) === true ? undefined : (this.message as string)}\n status={this.status}\n class={this.size}\n />\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div class=\"select-wrapper\">\n {this.renderInput()}\n {this.renderSelectUl()}\n {this.renderMessage()}\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/inputs/z-select/index.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-select/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZSelect} from \"./index\";\n\ndescribe(\"Suite test ZSelect\", () => {\n it(\"Test render ZSelect chiusa con elementi\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = false;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-down\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"false\"\n aria-activedescendant=\"\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"closed\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"-1\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elemento selezionato\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":true}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":true}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n class=\"filled\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n aria-selected=\"true\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content selected\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect chiusa disabilitato con elementi\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" disabled readonly label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = false;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" disabled readonly label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-down\"\n disabled=\"\"\n readonly=\"\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"false\"\n aria-activedescendant=\"\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"closed\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"-1\"\n id=\"checkid_list\"\n class=\"disabled readonly\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect chiusa con elementi, status/messages\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" status=\"success\" message=\"message message\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = false;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" status=\"success\" message=\"message message\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select\"\n aria-label=\"\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-down\"\n status=\"success\"\n aria-autocomplete=\"none\"\n aria-expanded=\"false\"\n aria-activedescendant=\"\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"closed\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"-1\"\n id=\"checkid_list\"\n class=\"input-success\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\" status=\"success\" message=\"message message\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi, un elemento disabilitato\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false,\"disabled\":true}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false,\"disabled\":true}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n aria-label=\"\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n disabled=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi con autocomplete\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"on\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"on\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"active-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n hasclearicon=\"\"\n aria-label=\"\"\n aria-autocomplete=\"list\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi con autocomplete e ricerca\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n page.rootInstance.searchString = \"opzione\";\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input class=\"active-select\"aria-autocomplete=\"list\" aria-controls=\"checkid_list\" role=\"combobox\" aria-label=\"\" aria-expanded=\"true\" label=\"default\" hasclearicon=\"\" size=\"big\" htmlid=\"checkid_select_input\" icon=\"caret-up\" id=\"checkid_input\" placeholder=\"select here\"></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list id=\"checkid_list\" role=\"listbox\" aria-label=\"default\" tabindex=\"0\" size=\"medium\">\n <z-list-element clickable=\"\" aria-selected=\"false\" dividertype=\"header\" id=\"checkid_0\" role=\"option\" size=\"medium\" tabindex=\"0\">\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">\n SELECT HERE questa\n <strong>\n opzione\n </strong>\n con etichetta lunga lunghissima\n </span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con reset item\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" reset-item=\"Pulisci selezione\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":true}]'></z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select autocomplete=\"true\" htmlid=\"checkid\" items=\"[{"id":"item_0","name":"SELECT HERE questa opzione con etichetta lunga lunghissima","selected":true}]\" label=\"default\" placeholder=\"select here\" reset-item=\"Pulisci selezione\">\n <div class=\"select-wrapper\">\n <z-input aria-expanded=\"true\" aria-label=\"\" aria-autocomplete=\"list\" aria-controls=\"checkid_list\" role=\"combobox\" class=\"active-select\" hasclearicon=\"\" size=\"big\" htmlid=\"checkid_select_input\" icon=\"caret-up\" id=\"checkid_input\" label=\"default\" placeholder=\"select here\"></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list class=\"filled\" id=\"checkid_list\" role=\"listbox\" aria-label=\"default\" size=\"medium\" tabindex=\"0\">\n <z-list-element aria-selected=\"false\" class=\"reset-item reset-item-margin\" clickable=\"\" dividertype=\"element\" size=\"medium\" id=\"checkid_0\" role=\"option\" tabindex=\"0\">\n <div class=\"reset-item-content\">\n <z-icon name=\"multiply-circled\"></z-icon>\n <span>\n Pulisci selezione\n </span>\n </div>\n </z-list-element>\n <z-list-element aria-selected=\"true\" clickable=\"\" dividertype=\"header\" id=\"checkid_1\" role=\"option\" size=\"medium\" tabindex=\"0\">\n <div class=\"list-element-container\">\n <span class=\"list-element-content selected\">\n SELECT HERE questa opzione con etichetta lunga lunghissima\n </span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect fixed\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"fixed without groups\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]' isfixed=\"true\"> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"fixed without groups\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]' isfixed=\"true\">\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n label=\"fixed without groups\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-label=\"\"\n aria-expanded=\"true\"\n aria-autocomplete=\"none\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"fixed ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"fixed without groups\" \n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n});\n"]}

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

@@ -1,107 +0,0 @@
-import { h } from "@stencil/core";
-import { ToastNotificationPosition } from "../../../beans";
-export class ZToastNotificationList {
-    constructor() {
-        this.position = ToastNotificationPosition.TOP_RIGHT;
-        this.newestontop = true;
-    }
-    watchPropNewestontop(newValue) {
-        this.hostElement.append(...this.notificationArray.reverse());
-        if (newValue) {
-            this.hostElement.shadowRoot.addEventListener("slotchange", this.slotChangeHandler);
-        }
-        else {
-            this.hostElement.shadowRoot.removeEventListener("slotchange", this.slotChangeHandler);
-        }
-    }
-    componentWillLoad() {
-        if (this.newestontop) {
-            this.handleNewestOnTop();
-        }
-    }
-    handleNewestOnTop() {
-        this.notificationArray = Array.from(this.hostElement.children);
-        this.hostElement.append(...this.notificationArray.reverse());
-        this.hostElement.shadowRoot.addEventListener("slotchange", this.slotChangeHandler.bind(this));
-    }
-    slotChangeHandler() {
-        const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));
-        if (difference) {
-            difference.forEach((elem) => {
-                this.notificationArray.push(elem);
-                const newElem = elem;
-                elem.remove();
-                this.hostElement.prepend(newElem);
-            });
-        }
-    }
-    render() {
-        return h("slot", { key: '8cabaa4c789ff5519e3e42e952464f4c137cc157', name: "toasts" });
-    }
-    static get is() { return "z-toast-notification-list"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "position": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToastNotificationPosition",
-                    "resolved": "ToastNotificationPosition.BOTTOM_CENTRE | ToastNotificationPosition.BOTTOM_LEFT | ToastNotificationPosition.BOTTOM_RIGHT | ToastNotificationPosition.TOP_CENTRE | ToastNotificationPosition.TOP_LEFT | ToastNotificationPosition.TOP_RIGHT",
-                    "references": {
-                        "ToastNotificationPosition": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ToastNotificationPosition"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right"
-                },
-                "attribute": "position",
-                "reflect": true,
-                "defaultValue": "ToastNotificationPosition.TOP_RIGHT"
-            },
-            "newestontop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set the entry position of new notification in the list"
-                },
-                "attribute": "newestontop",
-                "reflect": false,
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "newestontop",
-                "methodName": "watchPropNewestontop"
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -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,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,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;QAC7D,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChG,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 if (this.newestontop) {\n this.handleNewestOnTop();\n }\n }\n\n private handleNewestOnTop(): void {\n this.notificationArray = Array.from(this.hostElement.children);\n this.hostElement.append(...this.notificationArray.reverse());\n this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler.bind(this));\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.map DELETED Viewed

@@ -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.map DELETED Viewed

@@ -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 DELETED Viewed

@@ -1,140 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class ZLogo {
-    constructor() {
-        this.width = undefined;
-        this.height = undefined;
-        this.imageAlt = undefined;
-        this.link = undefined;
-        this.targetBlank = undefined;
-        this.mobileLogo = undefined;
-    }
-    render() {
-        const style = {};
-        if (this.width) {
-            style["width"] = style["max-width"] = `${this.width}px`;
-        }
-        if (this.height) {
-            style["height"] = style["max-height"] = `${this.height}px`;
-        }
-        return (h(Host, { key: 'd9975127a15315e31fe4303eb4f0d76e40a1d885', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
-    }
-    static get is() { return "z-logo"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "width": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "image width"
-                },
-                "attribute": "width",
-                "reflect": false
-            },
-            "height": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "image height"
-                },
-                "attribute": "height",
-                "reflect": false
-            },
-            "imageAlt": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "alternative image text"
-                },
-                "attribute": "image-alt",
-                "reflect": false
-            },
-            "link": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "link url (optional)"
-                },
-                "attribute": "link",
-                "reflect": false
-            },
-            "targetBlank": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "link target: true means _blank, false means _self"
-                },
-                "attribute": "target-blank",
-                "reflect": false
-            },
-            "mobileLogo": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "if true, the mobile logo is displayed, otherwise the desktop one"
-                },
-                "attribute": "mobile-logo",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -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.map DELETED Viewed

@@ -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.map DELETED Viewed

@@ -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"]}