npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 0.0.1-rc.0 - Mend

@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

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 (1219) hide show

package/dist/cjs/z-myz-card_4.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-myz-card.z-myz-card-body.z-myz-card-cover.z-myz-card-header.entry.cjs.js","mappings":"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","names":["stylesCss","LicenseType","h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card/styles.css?tag=z-myz-card&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css?tag=z-myz-card-body&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css?tag=z-myz-card-cover&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css?tag=z-myz-card-header&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js"],"sourcesContent":[":host {\n --card-overflow: hidden;\n}\n\ndiv {\n display: flex;\n overflow: var(--card-overflow);\n width: auto;\n width: 256px; /* TODO: width must be 100% - must be handled in dashboard */\n height: 522px;\n box-sizing: border-box;\n flex-direction: column;\n border: var(--border-size-medium) solid var(--color-surface03);\n background-color: var(--color-surface01);\n border-radius: var(--border-radius);\n}\n\ndiv.real,\ndiv.trial,\ndiv.temp {\n border-color: var(--blue100);\n}\n\n/* HIDDEN status */\ndiv.faded {\n border: var(--border-size-medium) solid var(--color-background);\n}\n\n/* HIGHLIGHTED status */\ndiv.highlighted {\n box-shadow: var(--shadow-4);\n outline: none;\n}\n\n/* PRESSED status */\ndiv.pressed {\n box-shadow: var(--shadow-8);\n outline: none;\n}\n\ndiv:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot - generic card slot\n */\nexport class ZMyzCardComponent {\n constructor() {\n this.faded = undefined;\n this.cardtype = undefined;\n this.ispressed = false;\n this.ishighlighted = false;\n }\n retrieveClass() {\n let elemClasses = \"\";\n if (this.cardtype === LicenseType.REAL) {\n elemClasses += \"real\";\n }\n else if (this.cardtype === LicenseType.TRIAL) {\n elemClasses += \"trial\";\n }\n else if (this.cardtype === LicenseType.TEMP) {\n elemClasses += \"temp\";\n }\n if (this.faded) {\n elemClasses += \" faded\";\n }\n else if (this.ispressed) {\n elemClasses += \" pressed\";\n }\n else if (this.ishighlighted) {\n elemClasses += \" highlighted\";\n }\n return elemClasses;\n }\n render() {\n return (h(\"div\", { key: '7fa05ad00eb7302c724301812810f284b9e74d60', class: this.retrieveClass(), tabindex: \"0\" }, h(\"slot\", { key: '5833956ac7c7439cd166001c9545c2cf7631f2be' })));\n }\n static get is() { return \"z-myz-card\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"faded\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"faded status\"\n },\n \"attribute\": \"faded\",\n \"reflect\": false\n },\n \"cardtype\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LicenseType\",\n \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n \"references\": {\n \"LicenseType\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans/index\",\n \"id\": \"src/beans/index.tsx::LicenseType\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"graphic variant (optional)\"\n },\n \"attribute\": \"cardtype\",\n \"reflect\": false\n },\n \"ispressed\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"pressed status\"\n },\n \"attribute\": \"ispressed\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"ishighlighted\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"highlighted status\"\n },\n \"attribute\": \"ishighlighted\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n width: auto;\n height: 340px;\n}\n\n:host > div {\n position: relative;\n display: flex;\n width: auto;\n height: 340px;\n align-items: center;\n justify-content: center;\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\nexport class ZMyzCardBody {\n render() {\n return (h(\"div\", { key: '72856e9d304244851cea6b90e21dd3d261bd0d76' }, h(\"slot\", { key: '0064834899002115811d8f53cf8144f8ac9c0e08', name: \"alert\" }), h(\"slot\", { key: '9eac95d82313fed0561b9d715c318de8547ed704', name: \"cover\" })));\n }\n static get is() { return \"z-myz-card-body\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n}\n//# sourceMappingURL=index.js.map\n","img {\n display: block;\n max-width: 100%;\n height: 340px;\n margin: auto;\n object-fit: cover;\n}\n\nimg.faded {\n opacity: 0.3;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzCardCover {\n constructor() {\n this.img = undefined;\n this.titolo = undefined;\n this.faded = undefined;\n this.defaultimg = undefined;\n }\n hadleOnImageError() {\n this.img = this.defaultimg;\n }\n render() {\n return (h(\"img\", { key: '36e99a04af42af23727a4683842d832986518393', class: this.faded && \"faded\", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));\n }\n static get is() { return \"z-myz-card-cover\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"img\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"image source\"\n },\n \"attribute\": \"img\",\n \"reflect\": false\n },\n \"titolo\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"cover alt title\"\n },\n \"attribute\": \"titolo\",\n \"reflect\": false\n },\n \"faded\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"faded status\"\n },\n \"attribute\": \"faded\",\n \"reflect\": false\n },\n \"defaultimg\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"default error image source\"\n },\n \"attribute\": \"defaultimg\",\n \"reflect\": false\n }\n };\n }\n}\n//# sourceMappingURL=index.js.map\n","header {\n position: relative;\n display: flex;\n width: auto;\n height: calc(var(--space-unit) * 6);\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n border-bottom: var(--border-size-medium) solid var(--color-surface03);\n background-color: var(--color-surface01);\n border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);\n}\n\nslot[name=\"aria-heading\"]::slotted(*) {\n position: absolute;\n overflow: hidden !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n border: 0 none !important;\n margin: -1px !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n}\n\nheader.real,\nheader.trial,\nheader.temp {\n border-bottom: var(--border-size-medium) solid var(--blue100);\n background-color: var(--color-primary03);\n}\n\n.card-title {\n overflow: hidden;\n height: calc(var(--space-unit) * 2);\n padding: calc(var(--space-unit) * 2);\n margin: 0;\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-size: 12px;\n font-weight: var(--font-sb);\n letter-spacing: 0.22px;\n line-height: calc(var(--space-unit) * 2);\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.faded {\n border-bottom: var(--border-size-medium) solid var(--color-background);\n}\n\n.faded.real,\n.faded.trial,\n.faded.temp {\n border-top: var(--border-size-medium) solid var(--blue100);\n border-right: var(--border-size-medium) solid var(--blue100);\n border-left: var(--border-size-medium) solid var(--blue100);\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot icon - card header icon slot\n */\nexport class ZMyzCardHeader {\n constructor() {\n this.titolo = undefined;\n this.faded = undefined;\n this.cardtype = undefined;\n this.allowTooltip = false;\n }\n getTitle() {\n return this.allowTooltip ? this.titolo : \"\";\n }\n componentDidLoad() {\n if (this.elementHasEllipsis()) {\n this.allowTooltip = true;\n }\n }\n elementHasEllipsis() {\n return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n }\n retrieveClass() {\n return {\n real: this.cardtype === LicenseType.REAL,\n trial: this.cardtype === LicenseType.TRIAL,\n temp: this.cardtype === LicenseType.TEMP,\n faded: this.faded,\n };\n }\n render() {\n return (h(\"header\", { key: 'c9f6600a2cf1240414d51f5b596996dce9f37280', class: this.retrieveClass() }, h(\"slot\", { key: 'd14702e679aae6c107103e161524fcc5199689de', name: \"aria-heading\" }), h(\"span\", { key: 'f7d8779e6e39cde037b09779594628054f128826', class: \"card-title\", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h(\"slot\", { key: '5879bc608ee2a5003058f8615ab965661495b887', name: \"icon\" })));\n }\n static get is() { return \"z-myz-card-header\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"titolo\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"volume title\"\n },\n \"attribute\": \"titolo\",\n \"reflect\": false\n },\n \"faded\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"faded status\"\n },\n \"attribute\": \"faded\",\n \"reflect\": false\n },\n \"cardtype\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LicenseType\",\n \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n \"references\": {\n \"LicenseType\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans/index\",\n \"id\": \"src/beans/index.tsx::LicenseType\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"card graphic variant (optional)\"\n },\n \"attribute\": \"cardtype\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"allowTooltip\": {}\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-myz-list-item.cjs.entry.js ADDED Viewed

@@ -0,0 +1,41 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+var utils = require('./utils-KpWnWsPi.js');
+require('./index-GMHChntS.js');
+require('./breakpoints-B7vFm-3T.js');
+const stylesCss = ":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";
+const ZMyzListItem = class {
+    emitZListItemLinkClick(e, linkId) {
+        this.zListItemLinkClick.emit({ e, linkId });
+    }
+    emitZListItemClick(e, listitemid) {
+        this.zListItemClick.emit({ e, listitemid });
+    }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.zListItemLinkClick = index.createEvent(this, "zListItemLinkClick", 7);
+        this.zListItemClick = index.createEvent(this, "zListItemClick", 7);
+        this.text = undefined;
+        this.link = undefined;
+        this.linktarget = "_self";
+        this.icon = undefined;
+        this.listitemid = undefined;
+        this.action = undefined;
+        this.underlined = true;
+        this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
+        this.emitZListItemClick = this.emitZListItemClick.bind(this);
+    }
+    render() {
+        const linkId = this.listitemid ? `link_${this.listitemid}` : "";
+        return (index.h("li", { key: '61b1d8587c4425412ab0889c57c5240ed60d9b28', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { key: '6653e6e32ab2c26df2578ce7a1b0597a4dfa254f', class: this.underlined && "border" }, this.icon && index.h("z-icon", { key: 'ee5a694bfac0d94230f7c48d12417ed3b62cc35b', name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", { key: '858a57f9c493e73f3a93877830defb0e32a86acc' }))));
+    }
+};
+ZMyzListItem.style = stylesCss;
+exports.z_myz_list_item = ZMyzListItem;
+//# sourceMappingURL=z-myz-list-item.entry.cjs.js.map
+//# sourceMappingURL=z-myz-list-item.cjs.entry.js.map

package/dist/cjs/z-myz-list-item.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-myz-list-item.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,qmCAAqmC;;MCE1mC,YAAY,GAAA,MAAA;IACrB,sBAAsB,CAAC,CAAC,EAAE,MAAM,EAAA;QAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;;IAE/C,kBAAkB,CAAC,CAAC,EAAE,UAAU,EAAA;QAC5B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;;AAE/C,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,OAAO;AACzB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;QACtB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;QACpE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/D;IACD,MAAM,GAAA;AACF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,GAAG,CAAQ,KAAA,EAAA,IAAI,CAAC,UAAU,CAAA,CAAE,GAAG,EAAE;QAC/D,QAAQA,OAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAKC,0BAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,QAAQ,EAAE,EAAE,IAAI,CAAC,IAAI,IAAIA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,IAAIA,OAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAKC,0BAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,KAAKD,OAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;","names":["h","handleKeyboardSubmit"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css?tag=z-myz-list-item&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js"],"sourcesContent":[":host li {\n all: unset;\n all: reset;\n width: 100%;\n line-height: 14px;\n list-style-type: none;\n}\n\n:host li > span {\n display: flex;\n padding: calc(var(--space-unit) * 2) 0;\n color: var(--color-default-text);\n fill: var(--color-default-icon);\n font-family: var(--font-family-sans);\n font-size: 16px;\n font-weight: var(--font-rg);\n letter-spacing: 0.23px;\n line-height: 14px;\n}\n\n:host(.small) li > span {\n padding: calc(var(--space-unit) * 1.5) 0;\n font-size: var(--font-size-2);\n}\n\n:host(.x-small) li > span {\n padding: var(--space-unit) 0;\n font-size: var(--font-size-2);\n}\n\n:host(.small) li > span > z-icon,\n:host(.x-small) li > span > z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n\n padding: 0;\n}\n\n:host li > span.border {\n border-bottom: 2px solid var(--color-surface03);\n}\n\n:host li span:hover,\na:hover {\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\na,\na:visited,\na:active {\n color: inherit;\n fill: inherit;\n text-decoration: none;\n}\n\n:host li span z-icon {\n width: calc(var(--space-unit) * 2);\n height: calc(var(--space-unit) * 2);\n padding: 0 calc(var(--space-unit) * 1.5) 0 0;\n background-repeat: no-repeat;\n background-size: contain;\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n","import { h } from \"@stencil/core\";\nimport { handleKeyboardSubmit } from \"../../../../utils/utils\";\nexport class ZMyzListItem {\n emitZListItemLinkClick(e, linkId) {\n this.zListItemLinkClick.emit({ e, linkId });\n }\n emitZListItemClick(e, listitemid) {\n this.zListItemClick.emit({ e, listitemid });\n }\n constructor() {\n this.text = undefined;\n this.link = undefined;\n this.linktarget = \"_self\";\n this.icon = undefined;\n this.listitemid = undefined;\n this.action = undefined;\n this.underlined = true;\n this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n this.emitZListItemClick = this.emitZListItemClick.bind(this);\n }\n render() {\n const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n return (h(\"li\", { key: '61b1d8587c4425412ab0889c57c5240ed60d9b28', role: \"button\", id: this.listitemid, \"data-action\": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h(\"span\", { key: '6653e6e32ab2c26df2578ce7a1b0597a4dfa254f', class: this.underlined && \"border\" }, this.icon && h(\"z-icon\", { key: 'ee5a694bfac0d94230f7c48d12417ed3b62cc35b', name: this.icon }), this.link ? (h(\"a\", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? \"link\" : \"button\", tabindex: \"0\" }, this.text)) : (h(\"span\", { innerHTML: this.text })), h(\"slot\", { key: '858a57f9c493e73f3a93877830defb0e32a86acc' }))));\n }\n static get is() { return \"z-myz-list-item\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"content text\"\n },\n \"attribute\": \"text\",\n \"reflect\": false\n },\n \"link\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"link url (optional)\"\n },\n \"attribute\": \"link\",\n \"reflect\": false\n },\n \"linktarget\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"link target (optional)\"\n },\n \"attribute\": \"linktarget\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"_self\\\"\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"icon name (optional)\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"listitemid\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"id (optional)\"\n },\n \"attribute\": \"listitemid\",\n \"reflect\": false\n },\n \"action\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"data-action attribute (optional)\"\n },\n \"attribute\": \"action\",\n \"reflect\": false\n },\n \"underlined\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"underlined style flag\"\n },\n \"attribute\": \"underlined\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"zListItemLinkClick\",\n \"name\": \"zListItemLinkClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"emitted on list item link click, returns linkId\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"zListItemClick\",\n \"name\": \"zListItemClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"emitted on list item click, returns listitemid\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-myz-list-item.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-myz-list-item.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css?tag=z-myz-list-item&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js"],"sourcesContent":[":host li {\n all: unset;\n all: reset;\n width: 100%;\n line-height: 14px;\n list-style-type: none;\n}\n\n:host li > span {\n display: flex;\n padding: calc(var(--space-unit) * 2) 0;\n color: var(--color-default-text);\n fill: var(--color-default-icon);\n font-family: var(--font-family-sans);\n font-size: 16px;\n font-weight: var(--font-rg);\n letter-spacing: 0.23px;\n line-height: 14px;\n}\n\n:host(.small) li > span {\n padding: calc(var(--space-unit) * 1.5) 0;\n font-size: var(--font-size-2);\n}\n\n:host(.x-small) li > span {\n padding: var(--space-unit) 0;\n font-size: var(--font-size-2);\n}\n\n:host(.small) li > span > z-icon,\n:host(.x-small) li > span > z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n\n padding: 0;\n}\n\n:host li > span.border {\n border-bottom: 2px solid var(--color-surface03);\n}\n\n:host li span:hover,\na:hover {\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\na,\na:visited,\na:active {\n color: inherit;\n fill: inherit;\n text-decoration: none;\n}\n\n:host li span z-icon {\n width: calc(var(--space-unit) * 2);\n height: calc(var(--space-unit) * 2);\n padding: 0 calc(var(--space-unit) * 1.5) 0 0;\n background-repeat: no-repeat;\n background-size: contain;\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n","import { h } from \"@stencil/core\";\nimport { handleKeyboardSubmit } from \"../../../../utils/utils\";\nexport class ZMyzListItem {\n emitZListItemLinkClick(e, linkId) {\n this.zListItemLinkClick.emit({ e, linkId });\n }\n emitZListItemClick(e, listitemid) {\n this.zListItemClick.emit({ e, listitemid });\n }\n constructor() {\n this.text = undefined;\n this.link = undefined;\n this.linktarget = \"_self\";\n this.icon = undefined;\n this.listitemid = undefined;\n this.action = undefined;\n this.underlined = true;\n this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n this.emitZListItemClick = this.emitZListItemClick.bind(this);\n }\n render() {\n const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n return (h(\"li\", { key: '61b1d8587c4425412ab0889c57c5240ed60d9b28', role: \"button\", id: this.listitemid, \"data-action\": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h(\"span\", { key: '6653e6e32ab2c26df2578ce7a1b0597a4dfa254f', class: this.underlined && \"border\" }, this.icon && h(\"z-icon\", { key: 'ee5a694bfac0d94230f7c48d12417ed3b62cc35b', name: this.icon }), this.link ? (h(\"a\", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? \"link\" : \"button\", tabindex: \"0\" }, this.text)) : (h(\"span\", { innerHTML: this.text })), h(\"slot\", { key: '858a57f9c493e73f3a93877830defb0e32a86acc' }))));\n }\n static get is() { return \"z-myz-list-item\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"content text\"\n },\n \"attribute\": \"text\",\n \"reflect\": false\n },\n \"link\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"link url (optional)\"\n },\n \"attribute\": \"link\",\n \"reflect\": false\n },\n \"linktarget\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"link target (optional)\"\n },\n \"attribute\": \"linktarget\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"_self\\\"\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"icon name (optional)\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"listitemid\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"id (optional)\"\n },\n \"attribute\": \"listitemid\",\n \"reflect\": false\n },\n \"action\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"data-action attribute (optional)\"\n },\n \"attribute\": \"action\",\n \"reflect\": false\n },\n \"underlined\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"underlined style flag\"\n },\n \"attribute\": \"underlined\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"zListItemLinkClick\",\n \"name\": \"zListItemLinkClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"emitted on list item link click, returns linkId\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"zListItemClick\",\n \"name\": \"zListItemClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"emitted on list item click, returns listitemid\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h","handleKeyboardSubmit"],"mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,qmCAAqmC;;MCE1mC,YAAY,GAAA,MAAA;IACrB,sBAAsB,CAAC,CAAC,EAAE,MAAM,EAAA;QAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;;IAE/C,kBAAkB,CAAC,CAAC,EAAE,UAAU,EAAA;QAC5B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;;AAE/C,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,OAAO;AACzB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;QACtB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;QACpE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/D;IACD,MAAM,GAAA;AACF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,GAAG,CAAQ,KAAA,EAAA,IAAI,CAAC,UAAU,CAAA,CAAE,GAAG,EAAE;QAC/D,QAAQA,OAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAKC,0BAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,QAAQ,EAAE,EAAE,IAAI,CAAC,IAAI,IAAIA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,IAAIA,OAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAKC,0BAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,KAAKD,OAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-list.cjs.entry.js ADDED Viewed

@@ -0,0 +1,38 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+const stylesCss = "ul{padding:0;margin:0}";
+const ZMyzList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inputrawdata = undefined;
+        this.list = undefined;
+    }
+    componentWillLoad() {
+        if (this.inputrawdata) {
+            this.parseinputrawdata(this.inputrawdata);
+        }
+    }
+    parseinputrawdata(inputrawdata) {
+        this.list = [...JSON.parse(inputrawdata)];
+    }
+    oninputrawdataChange(newValue) {
+        this.parseinputrawdata(newValue);
+    }
+    render() {
+        const lastElem = this.list ? this.list.length - 1 : -1;
+        return (index.h("ul", { key: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&
+            this.list.map((bean, i) => (index.h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
+    }
+    static get watchers() { return {
+        "inputrawdata": ["oninputrawdataChange"]
+    }; }
+};
+ZMyzList.style = stylesCss;
+exports.z_myz_list = ZMyzList;
+//# sourceMappingURL=z-myz-list.entry.cjs.js.map
+//# sourceMappingURL=z-myz-list.cjs.entry.js.map

package/dist/cjs/z-myz-list.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-myz-list.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,wBAAwB;;MCC7B,QAAQ,GAAA,MAAA;AACjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACxB;IACD,iBAAiB,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC;;;AAGjD,IAAA,iBAAiB,CAAC,YAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;;AAE7C,IAAA,oBAAoB,CAAC,QAAQ,EAAA;AACzB,QAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;IAEpC,MAAM,GAAA;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE;AACtD,QAAA,QAAQA,OAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,IAAI;YAC1E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MAAMA,OAAC,CAAC,iBAAiB,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;","names":["h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/index.js"],"sourcesContent":["ul {\n padding: 0;\n margin: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzList {\n constructor() {\n this.inputrawdata = undefined;\n this.list = undefined;\n }\n componentWillLoad() {\n if (this.inputrawdata) {\n this.parseinputrawdata(this.inputrawdata);\n }\n }\n parseinputrawdata(inputrawdata) {\n this.list = [...JSON.parse(inputrawdata)];\n }\n oninputrawdataChange(newValue) {\n this.parseinputrawdata(newValue);\n }\n render() {\n const lastElem = this.list ? this.list.length - 1 : -1;\n return (h(\"ul\", { key: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&\n this.list.map((bean, i) => (h(\"z-myz-list-item\", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));\n }\n static get is() { return \"z-myz-list\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"inputrawdata\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"json stringified list data (mutable, optional)\"\n },\n \"attribute\": \"inputrawdata\",\n \"reflect\": false\n },\n \"list\": {\n \"type\": \"unknown\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"ListItem[]\",\n \"resolved\": \"ListItem[]\",\n \"references\": {\n \"ListItem\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans/index.js\",\n \"id\": \"src/beans/index.tsx::ListItem\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"list item data (mutable, optional)\"\n }\n }\n };\n }\n static get watchers() {\n return [{\n \"propName\": \"inputrawdata\",\n \"methodName\": \"oninputrawdataChange\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-myz-list.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-myz-list.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/index.js"],"sourcesContent":["ul {\n padding: 0;\n margin: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzList {\n constructor() {\n this.inputrawdata = undefined;\n this.list = undefined;\n }\n componentWillLoad() {\n if (this.inputrawdata) {\n this.parseinputrawdata(this.inputrawdata);\n }\n }\n parseinputrawdata(inputrawdata) {\n this.list = [...JSON.parse(inputrawdata)];\n }\n oninputrawdataChange(newValue) {\n this.parseinputrawdata(newValue);\n }\n render() {\n const lastElem = this.list ? this.list.length - 1 : -1;\n return (h(\"ul\", { key: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&\n this.list.map((bean, i) => (h(\"z-myz-list-item\", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));\n }\n static get is() { return \"z-myz-list\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"inputrawdata\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"json stringified list data (mutable, optional)\"\n },\n \"attribute\": \"inputrawdata\",\n \"reflect\": false\n },\n \"list\": {\n \"type\": \"unknown\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"ListItem[]\",\n \"resolved\": \"ListItem[]\",\n \"references\": {\n \"ListItem\": {\n \"location\": \"import\",\n \"path\": \"../../../../beans/index.js\",\n \"id\": \"src/beans/index.tsx::ListItem\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"list item data (mutable, optional)\"\n }\n }\n };\n }\n static get watchers() {\n return [{\n \"propName\": \"inputrawdata\",\n \"methodName\": \"oninputrawdataChange\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,wBAAwB;;MCC7B,QAAQ,GAAA,MAAA;AACjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACxB;IACD,iBAAiB,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC;;;AAGjD,IAAA,iBAAiB,CAAC,YAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;;AAE7C,IAAA,oBAAoB,CAAC,QAAQ,EAAA;AACzB,QAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;IAEpC,MAAM,GAAA;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE;AACtD,QAAA,QAAQA,OAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,IAAI;YAC1E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MAAMA,OAAC,CAAC,iBAAiB,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-navigation-tabs.cjs.entry.js ADDED Viewed

@@ -0,0 +1,227 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+const stylesCss = "z-navigation-tabs{position:relative;z-index:0;display:flex;overflow:hidden;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:flex;overflow:auto;align-items:center;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation=\"horizontal\"]>nav{width:100%}z-navigation-tabs[orientation=\"horizontal\"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation=\"horizontal\"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation=\"horizontal\"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation=\"vertical\"]{width:fit-content;flex-direction:column}z-navigation-tabs[orientation=\"vertical\"]>nav{height:100%;flex-direction:column;align-items:stretch}z-navigation-tabs[orientation=\"vertical\"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation=\"vertical\"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation=\"vertical\"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size=\"small\"][orientation=\"vertical\"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 2px 2px var(--blue800)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-background)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected=\"true\"]{color:var(--color-hover-primary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected=\"true\"]::after{position:absolute;background-color:var(--color-hover-primary);content:\"\"}z-navigation-tabs[orientation=\"horizontal\"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation=\"horizontal\"]>nav>[aria-selected=\"true\"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tabs[size=\"small\"][orientation=\"horizontal\"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size=\"small\"][orientation=\"horizontal\"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size=\"small\"][orientation=\"horizontal\"]>nav>[aria-selected=\"true\"]::after{height:var(--border-size-medium)}z-navigation-tabs[size=\"small\"]:not([orientation=\"vertical\"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation=\"vertical\"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation=\"vertical\"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation=\"vertical\"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation=\"vertical\"]>nav>[aria-selected=\"true\"]::after{top:0;right:0;width:var(--border-size-large);height:100%}";
+const ZNavigationTabs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.selected = index.createEvent(this, "selected", 7);
+        /**
+         * Index of the last tab that held focus.
+         */
+        this.focusedTab = undefined;
+        this.ariaLabel = "";
+        this.orientation = index$1.NavigationTabsOrientation.HORIZONTAL;
+        this.size = index$1.NavigationTabsSize.BIG;
+        this.selectedTab = undefined;
+        this.canNavigate = undefined;
+        this.canNavigatePrev = undefined;
+        this.canNavigateNext = undefined;
+    }
+    /**
+     * Getter for the direction to check based on current orientation.
+     */
+    get direction() {
+        return this.orientation == index$1.NavigationTabsOrientation.HORIZONTAL ? "Left" : "Top";
+    }
+    /**
+     * Getter for the dimension to check based on current orientation.
+     */
+    get dimension() {
+        return this.orientation == index$1.NavigationTabsOrientation.HORIZONTAL ? "Width" : "Height";
+    }
+    get tabs() {
+        return Array.from(this.nav.children);
+    }
+    /**
+     * Scroll into view to center the tab.
+     */
+    scrollToTab(tabElement) {
+        const scrollOptions = (this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL
+            ? { block: "nearest", inline: "center" }
+            : { block: "center", inline: "nearest" });
+        tabElement.scrollIntoView(Object.assign({ behavior: "smooth" }, scrollOptions));
+    }
+    /**
+     * Scroll the navigation bar half of its size backward.
+     */
+    navigateBackwards() {
+        this.nav.scrollBy({
+            [this.direction.toLowerCase()]: 0 - this.nav[`client${this.dimension}`] / 2,
+            behavior: "smooth",
+        });
+    }
+    /**
+     * Scroll the navigation bar half of its size forward.
+     */
+    navigateForward() {
+        this.nav.scrollBy({
+            [this.direction.toLowerCase()]: this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] / 2,
+            behavior: "smooth",
+        });
+    }
+    /**
+     * Check if a keyboard event was triggered by an arrow key.
+     */
+    isArrowNavigation(e) {
+        return Object.values(index$1.NavigationTabsKeyboardEvents).includes(e.key);
+    }
+    /**
+     * Check if the navigation buttons are needed.
+     */
+    checkScrollVisible() {
+        if (!this.nav) {
+            return;
+        }
+        this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];
+    }
+    /**
+     * Check if navigation buttons can be enabled for each direction.
+     */
+    checkScrollEnabled() {
+        if (!this.nav) {
+            return;
+        }
+        this.canNavigateNext =
+            this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] < this.nav[`scroll${this.dimension}`];
+        this.canNavigatePrev = this.nav[`scroll${this.direction}`] > 0;
+    }
+    /**
+     * When the selected tab changes, update the `aria-selected` attribute on each tab and scroll to the selected tab.
+     */
+    onTabSelected() {
+        this.tabs.forEach((tab, i) => {
+            const zicon = tab.querySelector("z-icon");
+            const strokeIcon = zicon === null || zicon === void 0 ? void 0 : zicon.name.replace("-filled", "");
+            if (i !== this.selectedTab) {
+                tab.setAttribute("aria-selected", "false");
+                tab.tabIndex = -1;
+                if (zicon) {
+                    zicon.name = strokeIcon;
+                }
+                return;
+            }
+            if (zicon) {
+                zicon.name = `${strokeIcon}-filled`;
+            }
+            tab.setAttribute("aria-selected", "true");
+        });
+        this.selected.emit(this.selectedTab);
+        if (this.selectedTab !== undefined) {
+            this.scrollToTab(this.tabs[this.selectedTab]);
+        }
+    }
+    /**
+     * Handle click on the tabs.
+     * @param event `click` event triggered by a child tab
+     */
+    handleTabClick(event) {
+        const clickedTab = event.target.closest("[role='tab']");
+        if (!this.tabs.some((child) => child.contains(clickedTab))) {
+            return;
+        }
+        this.selectedTab = this.tabs.indexOf(clickedTab);
+    }
+    /**
+     * When a tab is focused, temporarily set to -1 the `tabindex` of the selected tab (if any) and set the `focusedTab` to the index of the focused tab.
+     */
+    onTabFocusIn(event) {
+        const focused = this.tabs.findIndex((tab) => tab.contains(event.target));
+        if (focused === -1) {
+            return;
+        }
+        if (this.selectedTab !== undefined) {
+            this.tabs[this.selectedTab].tabIndex = -1;
+        }
+        this.focusedTab = focused;
+        this.tabs[this.focusedTab].tabIndex = -1;
+        this.scrollToTab(this.tabs[this.focusedTab]);
+    }
+    /**
+     * Handle keyboard navigation through tabs with arrow keys.
+     */
+    navigateThroughTabs(event) {
+        if (!this.tabs.some((tab) => tab.contains(event.target)) || !this.isArrowNavigation(event)) {
+            return true;
+        }
+        event.preventDefault();
+        if ((event.key === index$1.NavigationTabsKeyboardEvents.RIGHT && this.orientation == index$1.NavigationTabsOrientation.HORIZONTAL) ||
+            (event.key === index$1.NavigationTabsKeyboardEvents.DOWN && this.orientation == index$1.NavigationTabsOrientation.VERTICAL)) {
+            // Move forward
+            this.focusedTab++;
+            if (this.focusedTab >= this.tabs.length) {
+                this.focusedTab = 0;
+            }
+        }
+        else if ((event.key === index$1.NavigationTabsKeyboardEvents.LEFT && this.orientation == index$1.NavigationTabsOrientation.HORIZONTAL) ||
+            (event.key === index$1.NavigationTabsKeyboardEvents.UP && this.orientation == index$1.NavigationTabsOrientation.VERTICAL)) {
+            // Move backward
+            this.focusedTab--;
+            if (this.focusedTab < 0) {
+                this.focusedTab = this.tabs.length - 1;
+            }
+        }
+        // Ignore disabled tabs
+        if (this.tabs[this.focusedTab].hasAttribute("disabled") &&
+            this.tabs[this.focusedTab].getAttribute("disabled") !== "false") {
+            return this.navigateThroughTabs(event);
+        }
+        this.tabs[this.focusedTab].focus();
+        this.scrollToTab(this.tabs[this.focusedTab]);
+    }
+    /**
+     * If the focus is not going on a tab (`relatedTarget` is the new focused element), set to 0 the `tabindex` of the selected tab or the one of the first tab, then unset the `focusedTab`.
+     */
+    onTabFocusOut(event) {
+        var _a;
+        if (!this.tabs.some((tab) => tab.contains(event.relatedTarget))) {
+            this.tabs[(_a = this.selectedTab) !== null && _a !== void 0 ? _a : 0].tabIndex = 0;
+            this.focusedTab = undefined;
+        }
+    }
+    connectedCallback() {
+        this.resizeObserver = new ResizeObserver(() => this.checkScrollVisible());
+    }
+    componentDidLoad() {
+        var _a;
+        // Set role and tabindex to each slotted tab
+        this.tabs.forEach((tab) => {
+            tab.setAttribute("role", "tab");
+            tab.tabIndex = -1;
+        });
+        const preselectedTab = (_a = this.selectedTab) !== null && _a !== void 0 ? _a : this.tabs.findIndex((tab) => tab.ariaSelected === "true");
+        if (preselectedTab !== -1) {
+            this.selectedTab = preselectedTab;
+            this.tabs[preselectedTab].tabIndex = 0;
+            this.onTabSelected();
+        }
+        else {
+            this.tabs[0].tabIndex = 0;
+        }
+        this.resizeObserver.observe(this.nav);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a9ef822fd6963ee4726b2ca21e744bd4f05e1ad0', class: {
+                "interactive-2": this.size === index$1.NavigationTabsSize.SMALL,
+                "interactive-1": this.size !== index$1.NavigationTabsSize.SMALL,
+            }, scrollable: this.canNavigate }, index.h("button", { key: 'caa08658d0c5c4883999919094d45b228cd55869', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, index.h("z-icon", { key: 'fedbe3077c767d0fd72b48c9bcab3fec8db43b39', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), index.h("nav", { key: 'b35b18ced0fe4dbd2533c68f8441a2d356175726', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, index.h("slot", { key: '48d80980576b4cd06ad7450430529558aa7ba1eb' })), index.h("button", { key: 'b36285b9d650e1388082250ea03f82da939af58f', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, index.h("z-icon", { key: '3f42c48291a15584299869c3064c165647ca7499', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "canNavigate": ["checkScrollEnabled"],
+        "selectedTab": ["onTabSelected"]
+    }; }
+};
+ZNavigationTabs.style = stylesCss;
+exports.z_navigation_tabs = ZNavigationTabs;
+//# sourceMappingURL=z-navigation-tabs.entry.cjs.js.map
+//# sourceMappingURL=z-navigation-tabs.cjs.entry.js.map

package/dist/cjs/z-navigation-tabs.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-navigation-tabs.entry.cjs.js","mappings":"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","names":["NavigationTabsOrientation","NavigationTabsSize","NavigationTabsKeyboardEvents","h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-navigation-tabs/styles.css?tag=z-navigation-tabs","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-navigation-tabs/index.js"],"sourcesContent":["z-navigation-tabs {\n --z-navigation-tabs-nav-buttons-bg: ;\n --z-navigation-tabs-nav-buttons-fg: ;\n\n position: relative;\n z-index: 0;\n display: flex;\n overflow: hidden;\n flex-direction: row;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\nz-navigation-tabs,\nz-navigation-tabs * {\n box-sizing: border-box;\n}\n\nz-navigation-tabs > nav::-webkit-scrollbar {\n display: none;\n}\n\nz-navigation-tabs .navigation-button {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin: 0;\n background-color: var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));\n border-radius: var(--border-no-radius);\n box-shadow: 0 0 4px 1px var(--shadow-color-base);\n cursor: pointer;\n fill: var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));\n outline: none;\n}\n\nz-navigation-tabs .navigation-button:disabled {\n display: none;\n}\n\nz-navigation-tabs > nav {\n z-index: 0;\n display: flex;\n overflow: auto;\n align-items: center;\n justify-content: flex-start;\n scroll-behavior: smooth;\n\n /* hide scrollbar in Firefox */\n scrollbar-width: none;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav {\n width: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button {\n top: 0;\n width: calc(var(--space-unit) * 4);\n height: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:first-child {\n left: 0;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:last-child {\n right: 0;\n}\n\n/* Orientation vertical */\nz-navigation-tabs[orientation=\"vertical\"] {\n width: fit-content;\n flex-direction: column;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav {\n height: 100%;\n flex-direction: column;\n align-items: stretch;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button {\n left: 0;\n width: 100%;\n height: calc(var(--space-unit) * 4);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:first-child {\n top: 0;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:last-child {\n bottom: 0;\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"vertical\"] .navigation-button {\n height: calc(var(--space-unit) * 4);\n}\n\n/* Style for the tabs */\n\nz-navigation-tabs > nav > * {\n position: relative;\n z-index: 0;\n display: inline-flex;\n width: auto;\n align-items: center;\n justify-content: center;\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n border: none;\n margin: 0;\n background-color: unset;\n border-radius: var(--border-no-radius);\n color: var(--color-primary01);\n cursor: pointer;\n fill: currentcolor;\n font-family: var(--font-family-sans);\n font-size: inherit;\n gap: var(--space-unit);\n letter-spacing: inherit;\n line-height: inherit;\n outline: none;\n text-align: center;\n white-space: nowrap;\n}\n\nz-navigation-tabs > nav > a {\n text-decoration: none;\n}\n\nz-navigation-tabs > nav > *:focus:focus-visible {\n z-index: 1;\n box-shadow: inset 0 0 2px 2px var(--blue800);\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover {\n background-color: var(--color-background);\n}\n\nz-navigation-tabs > nav > button[disabled] {\n color: var(--color-disabled03);\n cursor: not-allowed;\n fill: currentcolor;\n pointer-events: all;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover,\nnav > [aria-selected=\"true\"] {\n color: var(--color-hover-primary);\n fill: currentcolor;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover::after,\nnav > [aria-selected=\"true\"]::after {\n position: absolute;\n background-color: var(--color-hover-primary);\n content: \"\";\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n bottom: 0;\n left: 0;\n width: 100%;\n height: var(--border-size-large);\n}\n\nz-navigation-tabs > nav > * z-icon {\n --z-icon-width: calc(var(--space-unit) * 2);\n --z-icon-height: calc(var(--space-unit) * 2);\n\n display: flex;\n margin: 0;\n}\n\n/* `small` size (only available for horizontal orientation) */\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > * {\n padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n height: var(--border-size-medium);\n}\n\nz-navigation-tabs[size=\"small\"]:not([orientation=\"vertical\"]) > nav > * z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * {\n padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * > :not(z-icon) {\n display: none;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"vertical\"] > nav > [aria-selected=\"true\"]::after {\n top: 0;\n right: 0;\n width: var(--border-size-large);\n height: 100%;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { NavigationTabsKeyboardEvents, NavigationTabsOrientation, NavigationTabsSize } from \"../../beans\";\n/**\n * Navigation tabs component.\n * To select a specific tab programmatically, set the `aria-selected` attribute to `true` on the desired tab.\n * @slot - Main slot. Use `<button>` or `<a>` tags as children.\n * @cssprop --z-navigation-tabs-nav-buttons-bg - Navigation buttons background color.\n * @cssprop --z-navigation-tabs-nav-buttons-fg - Navigation buttons foreground color.\n */\nexport class ZNavigationTabs {\n constructor() {\n /**\n * Index of the last tab that held focus.\n */\n this.focusedTab = undefined;\n this.ariaLabel = \"\";\n this.orientation = NavigationTabsOrientation.HORIZONTAL;\n this.size = NavigationTabsSize.BIG;\n this.selectedTab = undefined;\n this.canNavigate = undefined;\n this.canNavigatePrev = undefined;\n this.canNavigateNext = undefined;\n }\n /**\n * Getter for the direction to check based on current orientation.\n */\n get direction() {\n return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Left\" : \"Top\";\n }\n /**\n * Getter for the dimension to check based on current orientation.\n */\n get dimension() {\n return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Width\" : \"Height\";\n }\n get tabs() {\n return Array.from(this.nav.children);\n }\n /**\n * Scroll into view to center the tab.\n */\n scrollToTab(tabElement) {\n const scrollOptions = (this.orientation === NavigationTabsOrientation.HORIZONTAL\n ? { block: \"nearest\", inline: \"center\" }\n : { block: \"center\", inline: \"nearest\" });\n tabElement.scrollIntoView(Object.assign({ behavior: \"smooth\" }, scrollOptions));\n }\n /**\n * Scroll the navigation bar half of its size backward.\n */\n navigateBackwards() {\n this.nav.scrollBy({\n [this.direction.toLowerCase()]: 0 - this.nav[`client${this.dimension}`] / 2,\n behavior: \"smooth\",\n });\n }\n /**\n * Scroll the navigation bar half of its size forward.\n */\n navigateForward() {\n this.nav.scrollBy({\n [this.direction.toLowerCase()]: this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] / 2,\n behavior: \"smooth\",\n });\n }\n /**\n * Check if a keyboard event was triggered by an arrow key.\n */\n isArrowNavigation(e) {\n return Object.values(NavigationTabsKeyboardEvents).includes(e.key);\n }\n /**\n * Check if the navigation buttons are needed.\n */\n checkScrollVisible() {\n if (!this.nav) {\n return;\n }\n this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];\n }\n /**\n * Check if navigation buttons can be enabled for each direction.\n */\n checkScrollEnabled() {\n if (!this.nav) {\n return;\n }\n this.canNavigateNext =\n this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] < this.nav[`scroll${this.dimension}`];\n this.canNavigatePrev = this.nav[`scroll${this.direction}`] > 0;\n }\n /**\n * When the selected tab changes, update the `aria-selected` attribute on each tab and scroll to the selected tab.\n */\n onTabSelected() {\n this.tabs.forEach((tab, i) => {\n const zicon = tab.querySelector(\"z-icon\");\n const strokeIcon = zicon === null || zicon === void 0 ? void 0 : zicon.name.replace(\"-filled\", \"\");\n if (i !== this.selectedTab) {\n tab.setAttribute(\"aria-selected\", \"false\");\n tab.tabIndex = -1;\n if (zicon) {\n zicon.name = strokeIcon;\n }\n return;\n }\n if (zicon) {\n zicon.name = `${strokeIcon}-filled`;\n }\n tab.setAttribute(\"aria-selected\", \"true\");\n });\n this.selected.emit(this.selectedTab);\n if (this.selectedTab !== undefined) {\n this.scrollToTab(this.tabs[this.selectedTab]);\n }\n }\n /**\n * Handle click on the tabs.\n * @param event `click` event triggered by a child tab\n */\n handleTabClick(event) {\n const clickedTab = event.target.closest(\"[role='tab']\");\n if (!this.tabs.some((child) => child.contains(clickedTab))) {\n return;\n }\n this.selectedTab = this.tabs.indexOf(clickedTab);\n }\n /**\n * When a tab is focused, temporarily set to -1 the `tabindex` of the selected tab (if any) and set the `focusedTab` to the index of the focused tab.\n */\n onTabFocusIn(event) {\n const focused = this.tabs.findIndex((tab) => tab.contains(event.target));\n if (focused === -1) {\n return;\n }\n if (this.selectedTab !== undefined) {\n this.tabs[this.selectedTab].tabIndex = -1;\n }\n this.focusedTab = focused;\n this.tabs[this.focusedTab].tabIndex = -1;\n this.scrollToTab(this.tabs[this.focusedTab]);\n }\n /**\n * Handle keyboard navigation through tabs with arrow keys.\n */\n navigateThroughTabs(event) {\n if (!this.tabs.some((tab) => tab.contains(event.target)) || !this.isArrowNavigation(event)) {\n return true;\n }\n event.preventDefault();\n if ((event.key === NavigationTabsKeyboardEvents.RIGHT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n (event.key === NavigationTabsKeyboardEvents.DOWN && this.orientation == NavigationTabsOrientation.VERTICAL)) {\n // Move forward\n this.focusedTab++;\n if (this.focusedTab >= this.tabs.length) {\n this.focusedTab = 0;\n }\n }\n else if ((event.key === NavigationTabsKeyboardEvents.LEFT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n (event.key === NavigationTabsKeyboardEvents.UP && this.orientation == NavigationTabsOrientation.VERTICAL)) {\n // Move backward\n this.focusedTab--;\n if (this.focusedTab < 0) {\n this.focusedTab = this.tabs.length - 1;\n }\n }\n // Ignore disabled tabs\n if (this.tabs[this.focusedTab].hasAttribute(\"disabled\") &&\n this.tabs[this.focusedTab].getAttribute(\"disabled\") !== \"false\") {\n return this.navigateThroughTabs(event);\n }\n this.tabs[this.focusedTab].focus();\n this.scrollToTab(this.tabs[this.focusedTab]);\n }\n /**\n * If the focus is not going on a tab (`relatedTarget` is the new focused element), set to 0 the `tabindex` of the selected tab or the one of the first tab, then unset the `focusedTab`.\n */\n onTabFocusOut(event) {\n var _a;\n if (!this.tabs.some((tab) => tab.contains(event.relatedTarget))) {\n this.tabs[(_a = this.selectedTab) !== null && _a !== void 0 ? _a : 0].tabIndex = 0;\n this.focusedTab = undefined;\n }\n }\n connectedCallback() {\n this.resizeObserver = new ResizeObserver(() => this.checkScrollVisible());\n }\n componentDidLoad() {\n var _a;\n // Set role and tabindex to each slotted tab\n this.tabs.forEach((tab) => {\n tab.setAttribute(\"role\", \"tab\");\n tab.tabIndex = -1;\n });\n const preselectedTab = (_a = this.selectedTab) !== null && _a !== void 0 ? _a : this.tabs.findIndex((tab) => tab.ariaSelected === \"true\");\n if (preselectedTab !== -1) {\n this.selectedTab = preselectedTab;\n this.tabs[preselectedTab].tabIndex = 0;\n this.onTabSelected();\n }\n else {\n this.tabs[0].tabIndex = 0;\n }\n this.resizeObserver.observe(this.nav);\n }\n disconnectedCallback() {\n var _a;\n (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n render() {\n return (h(Host, { key: 'a9ef822fd6963ee4726b2ca21e744bd4f05e1ad0', class: {\n \"interactive-2\": this.size === NavigationTabsSize.SMALL,\n \"interactive-1\": this.size !== NavigationTabsSize.SMALL,\n }, scrollable: this.canNavigate }, h(\"button\", { key: 'caa08658d0c5c4883999919094d45b228cd55869', class: \"navigation-button\", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, \"aria-label\": \"Mostra elementi precedenti\", hidden: !this.canNavigate }, h(\"z-icon\", { key: 'fedbe3077c767d0fd72b48c9bcab3fec8db43b39', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-left\" : \"chevron-up\", width: 16, height: 16 })), h(\"nav\", { key: 'b35b18ced0fe4dbd2533c68f8441a2d356175726', role: \"tablist\", \"aria-label\": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), \"aria-orientation\": this.orientation }, h(\"slot\", { key: '48d80980576b4cd06ad7450430529558aa7ba1eb' })), h(\"button\", { key: 'b36285b9d650e1388082250ea03f82da939af58f', class: \"navigation-button\", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, \"aria-label\": \"Mostra elementi successivi\", hidden: !this.canNavigate }, h(\"z-icon\", { key: '3f42c48291a15584299869c3064c165647ca7499', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-right\" : \"chevron-down\", width: 16, height: 16 }))));\n }\n static get is() { return \"z-navigation-tabs\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"ariaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Set `aria-label` attribute to the internal `<nav>` element with `tablist` role.\"\n },\n \"attribute\": \"aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"orientation\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"NavigationTabsOrientation\",\n \"resolved\": \"NavigationTabsOrientation.HORIZONTAL | NavigationTabsOrientation.VERTICAL\",\n \"references\": {\n \"NavigationTabsOrientation\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::NavigationTabsOrientation\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Navigation tabs orientation.\"\n },\n \"attribute\": \"orientation\",\n \"reflect\": true,\n \"defaultValue\": \"NavigationTabsOrientation.HORIZONTAL\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"NavigationTabsSize\",\n \"resolved\": \"NavigationTabsSize.BIG | NavigationTabsSize.SMALL\",\n \"references\": {\n \"NavigationTabsSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::NavigationTabsSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Navigation tabs size.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"NavigationTabsSize.BIG\"\n },\n \"selectedTab\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Index of the selected tab.\\nUseful to programmatically select a tab.\\nThe tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab.\"\n },\n \"attribute\": \"selected-tab\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n }\n };\n }\n static get states() {\n return {\n \"canNavigate\": {},\n \"canNavigatePrev\": {},\n \"canNavigateNext\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"selected\",\n \"name\": \"selected\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the selected tab changes.\\nContains the index of the new selected tab in the `detail` of the event.\"\n },\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"canNavigate\",\n \"methodName\": \"checkScrollEnabled\"\n }, {\n \"propName\": \"selectedTab\",\n \"methodName\": \"onTabSelected\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"handleTabClick\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"focusin\",\n \"method\": \"onTabFocusIn\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"navigateThroughTabs\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"focusout\",\n \"method\": \"onTabFocusOut\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}