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/www/build/p-8c2538dc.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZBookCardDeprecated","constructor","hostRef","this","variant","undefined","cover","operaTitle","volumeTitle","authors","isbn","isbnLabel","ribbon","ribbonIcon","ribbonInteractive","borderless","fallbackCover","operaTitleTag","isMobile","hasResources","showResources","emitRibbonClick","ribbonClick","emit","componentWillLoad","id","randomId","mobileMediaQuery","window","matchMedia","Breakpoints","MOBILE","matches","onchange","mql","componentDidLoad","handleResources","_a","BookCardDeprecatedVariant","EXPANDED","hostElement","querySelectorAll","length","toggleResources","renderCard","renderMobileExpandedCard","renderExpandedCard","COMPACT","renderCompactCard","SEARCH","renderSearchCard","h","class","renderCover","renderAuthors","renderOperaTitle","renderVolumeTitle","renderIsbn","renderHeaderCtaSlot","renderTagsSlot","renderResourcesSlot","footer","open","close","renderShowResources","renderFooterCtaSlot","renderRibbon","src","onError","content","name","width","height","fill","onClick","title","innerHTML","toString","onSlotchange","render","key"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-book-card-deprecated/styles.css?tag=z-book-card-deprecated&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-book-card-deprecated/index.js"],"sourcesContent":["/* COMMON STYLES */\n\n:host {\n --z-book-card-ribbon-background-color: var(--avatar-C08);\n --z-book-card-ribbon-shadow-color: var(--green950);\n --z-book-card-compact-width: 262px;\n --z-book-card-compact-height: 568px;\n}\n\n:host > article {\n display: block;\n width: 100%;\n max-width: 360px;\n box-sizing: border-box;\n border: var(--border-size-medium) solid var(--color-surface03);\n background-color: var(--color-surface01);\n border-radius: var(--border-radius);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > article div.cover {\n position: relative;\n}\n\n:host > article div.cover div.img-wrapper {\n display: flex;\n overflow: hidden;\n border: var(--border-size-small) solid var(--color-surface03);\n line-height: 0;\n}\n\n:host > article div.cover div.img-wrapper img {\n width: auto;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n align-self: flex-end;\n}\n\n:host > article div.cover .ribbon {\n position: absolute;\n z-index: 10;\n top: calc(var(--space-unit) * 2);\n left: calc(var(--space-unit) * -2);\n display: flex;\n max-width: 100%;\n height: calc(var(--space-unit) * 4);\n box-sizing: border-box;\n align-items: center;\n padding: 0 calc(var(--space-unit) * 2);\n border: var(--border-size-medium) solid var(--color-surface01);\n background: var(--z-book-card-ribbon-background-color);\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\n box-shadow: var(--shadow-2);\n color: var(--color-text-inverse);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-2);\n font-weight: var(--font-sb);\n line-height: initial;\n}\n\n:host > article div.cover .ribbon.interactive:hover {\n cursor: pointer;\n}\n\n:host > article div.cover .ribbon.interactive:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n:host > article div.cover .ribbon span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: nowrap;\n}\n\n:host > article div.cover .ribbon::before {\n position: absolute;\n bottom: -12px;\n left: -2px;\n width: 0;\n height: 0;\n border-top: 10px solid var(--z-book-card-ribbon-shadow-color);\n border-left: 16px solid transparent;\n content: \"\";\n}\n\n:host > article div.cover .ribbon z-icon {\n margin-right: var(--space-unit);\n}\n\n:host > article div.content {\n margin: var(--space-unit) 0;\n border-radius: var(--border-radius);\n}\n\n:host > article .title {\n display: flex;\n height: 100%;\n align-self: center;\n color: var(--color-default-text);\n font-size: var(--font-size-4);\n font-weight: var(--font-sb);\n line-height: 1.5;\n}\n\n:host > article .title * {\n all: unset;\n}\n\n:host > article div.subtitle {\n color: var(--color-default-text);\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n:host > article div.authors {\n color: var(--color-default-text);\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n line-height: 1.33;\n}\n\n:host > article div.isbn {\n overflow: hidden;\n color: var(--color-default-text);\n font-size: var(--font-size-2);\n line-height: 1.33;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: nowrap;\n}\n\n:host > article div.isbn > .code {\n font-weight: var(--font-sb);\n}\n\n:host > article div.tags {\n display: flex;\n overflow: hidden;\n max-height: 32px;\n flex-flow: row wrap;\n align-content: stretch;\n align-items: stretch;\n justify-content: flex-start;\n gap: calc(var(--space-unit) / 2);\n}\n\n:host > article ::slotted([slot=\"tags\"]) {\n margin-bottom: var(--space-unit);\n}\n\n:host > article ::slotted([slot=\"header-cta\"]) {\n --z-icon-width: 20px;\n --z-icon-height: 20px;\n\n padding: var(--space-unit);\n cursor: pointer;\n fill: var(--color-primary01-icon);\n}\n\n:host > article ::slotted([slot=\"header-cta\"]:focus) {\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n/* EXPANDED STYLES */\n\n:host > article.expanded {\n width: 100%;\n min-width: 328px;\n padding: calc(var(--space-unit) * 2);\n padding-bottom: 0;\n}\n\n:host > article.expanded div.header {\n display: flex;\n flex-flow: row nowrap;\n align-content: stretch;\n align-items: top;\n justify-content: space-between;\n margin-bottom: var(--space-unit);\n white-space: nowrap;\n}\n\n:host > article.expanded div.cover div.img-wrapper {\n border-radius: var(--border-radius);\n}\n\n:host > article.expanded div.cover div.img-wrapper img {\n width: 100%;\n}\n\n:host > article.expanded .title,\n:host > article.expanded .subtitle,\n:host > article.expanded .authors {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n white-space: initial;\n}\n\n:host > article.expanded div.footer {\n border-top: var(--border-size-small) solid var(--color-surface03);\n margin-bottom: calc(var(--space-unit) * 1.5);\n}\n\n:host > article.expanded div.footer.open {\n padding-top: calc(var(--space-unit) * 1.5);\n}\n\n:host > article.expanded div.footer.open div.resources {\n display: initial;\n}\n\n:host > article.expanded div.footer.close div.resources {\n display: none;\n}\n\n:host > article.expanded button.show-resources {\n --z-icon-height: 16px;\n --z-icon-width: 16px;\n\n all: unset;\n display: flex;\n width: 100%;\n flex-flow: row nowrap;\n align-content: center;\n align-items: center;\n justify-content: center;\n padding: calc(var(--space-unit) * 1) 0;\n color: var(--color-text-link-blue);\n cursor: pointer;\n fill: var(--color-text-link-blue);\n font-size: var(--font-size-2);\n font-weight: var(--font-sb);\n gap: var(--space-unit);\n}\n\n:host > article.expanded button.show-resources:focus {\n box-shadow: var(--shadow-focus-primary);\n}\n\n/* SEARCH STYLES */\n\n:host > article.search {\n width: 262px;\n height: 616px;\n padding: calc(var(--space-unit) * 2);\n padding-bottom: 0;\n}\n\n:host > article.search .wrapper-container {\n display: flex;\n height: 100%;\n flex-direction: column;\n justify-content: space-between;\n}\n\n:host > article.search .wrapper-container .wrapper {\n height: 451px;\n}\n\n:host > article.search .wrapper-container .action-container {\n padding-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > article.search div.header {\n display: flex;\n height: 24px;\n flex-flow: row nowrap;\n align-content: stretch;\n align-items: center;\n justify-content: space-between;\n margin-bottom: calc(var(--space-unit) * 1.5);\n white-space: nowrap;\n}\n\n:host > article.search div.cover div.img-wrapper {\n height: 314px;\n border-radius: var(--border-radius);\n}\n\n:host > article.search .title {\n display: block;\n height: initial;\n align-self: unset;\n font-size: var(--font-size-3);\n}\n\n:host > article.search .title,\n:host > article.search .subtitle,\n:host > article.search .authors {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* COMPACT STYLES */\n\n:host > article.compact {\n width: var(--z-book-card-compact-width);\n height: var(--z-book-card-compact-height);\n}\n\n:host > article.compact.borderless {\n border: none;\n}\n\n:host > article.compact div.cover div.img-wrapper {\n width: 100%;\n height: calc(var(--z-book-card-compact-width) * 1.36);\n box-sizing: border-box;\n border: none;\n background: var(--color-white);\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n box-shadow: var(--shadow-2);\n}\n\n:host > article.compact div.wrapper {\n display: flex;\n height: 100%;\n flex-flow: column nowrap;\n align-content: stretch;\n align-items: stretch;\n justify-content: flex-start;\n}\n\n:host > article.compact div.content {\n display: flex;\n box-sizing: border-box;\n flex-flow: column nowrap;\n align-content: stretch;\n align-items: stretch;\n justify-content: space-between;\n padding: calc(var(--space-unit) * 2);\n padding-top: var(--space-unit);\n margin: 0;\n}\n\n:host > article.compact div.action-container {\n padding: calc(var(--space-unit) * 2);\n padding-top: 0;\n margin-top: auto;\n}\n\n:host > article.compact.borderless div.cover div.img-wrapper {\n width: var(--z-book-card-compact-width);\n}\n\n:host > article.compact.borderless div.content {\n padding: 0;\n padding-top: var(--space-unit);\n}\n\n:host > article.compact.borderless div.action-container {\n padding: 0;\n padding-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > article.compact .title {\n display: block;\n height: initial;\n align-self: unset;\n}\n\n:host > article.compact .title,\n:host > article.compact .subtitle,\n:host > article.compact .authors {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n white-space: initial;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host > article {\n width: 100%;\n max-width: initial;\n }\n\n :host > article .title {\n display: block;\n height: initial;\n align-self: unset;\n }\n\n /* EXPANDED STYLES */\n\n :host > article.expanded {\n width: 100%;\n min-width: initial;\n max-width: initial;\n height: 360px;\n padding: 0;\n border: 0;\n }\n\n :host > article.expanded div.wrapper {\n display: flex;\n flex-flow: row nowrap;\n align-content: stretch;\n align-items: stretch;\n justify-content: flex-start;\n }\n\n :host > article.expanded div.cover div.img-wrapper {\n width: 262px;\n height: 356px;\n border: 0;\n border: var(--border-size-medium) solid var(--color-surface03);\n border-right: none;\n background: var(--color-surface01);\n border-radius: var(--border-radius) 0 0 var(--border-radius);\n }\n\n :host > article.expanded div.cover div.img-wrapper img {\n width: auto;\n border-radius: 0;\n }\n\n :host > article.expanded div.content {\n display: flex;\n overflow: hidden;\n width: 100%;\n height: 356px;\n flex-flow: column nowrap;\n align-content: stretch;\n align-items: stretch;\n justify-content: space-between;\n border: var(--border-size-medium) solid var(--color-surface03);\n border-left: none;\n margin: 0;\n background: var(--color-surface01);\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\n }\n\n :host > article.expanded div.content div.top {\n padding: calc(var(--space-unit) * 2);\n padding-bottom: 0;\n }\n\n :host > article.expanded div.content div.top div.info {\n display: flex;\n flex-flow: row nowrap;\n align-content: stretch;\n align-items: stretch;\n justify-content: space-between;\n margin-bottom: calc(var(--space-unit) / 2);\n }\n\n :host > article.expanded div.content div.top div.info > div.left {\n width: 100%;\n }\n\n :host > article.expanded div.content div.bottom {\n padding: calc(var(--space-unit) * 2);\n padding-bottom: 0;\n }\n}\n\n/* Desktop breakpoint */\n\n@media (min-width: 1152px) {\n :host > article {\n width: fit-content;\n max-width: initial;\n }\n}\n\n/* Wide breakpoint */\n@media (min-width: 1366px) {\n :host > article.expanded {\n width: 635px;\n }\n\n :host > article.expanded div.content {\n width: 369px;\n }\n}\n","import { h } from \"@stencil/core\";\nimport { BookCardDeprecatedVariant } from \"../../../beans\";\nimport { Breakpoints } from \"../../../constants/breakpoints\";\nimport { randomId } from \"../../../utils/utils\";\n/**\n * @slot resources - books resources (extended variant only)\n * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)\n * @slot tags - card tags (extended and search variant only)\n * @slot footer-cta - footer cta button (search and compact variant only)\n * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color\n * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color\n * @cssprop --z-book-card-compact-width - compact card custom width\n * @cssprop --z-book-card-compact-height - compact card custom height\n */\nexport class ZBookCardDeprecated {\n constructor() {\n this.variant = undefined;\n this.cover = undefined;\n this.operaTitle = undefined;\n this.volumeTitle = undefined;\n this.authors = undefined;\n this.isbn = undefined;\n this.isbnLabel = \"\";\n this.ribbon = undefined;\n this.ribbonIcon = undefined;\n this.ribbonInteractive = undefined;\n this.borderless = undefined;\n this.fallbackCover = undefined;\n this.operaTitleTag = undefined;\n this.isMobile = false;\n this.hasResources = false;\n this.showResources = false;\n }\n emitRibbonClick() {\n this.ribbonClick.emit();\n }\n componentWillLoad() {\n this.id = `id-${randomId()}`;\n const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);\n this.isMobile = mobileMediaQuery.matches;\n mobileMediaQuery.onchange = (mql) => (this.isMobile = mql.matches);\n }\n componentDidLoad() {\n this.handleResources();\n }\n handleResources() {\n var _a;\n if (this.variant !== BookCardDeprecatedVariant.EXPANDED || !this.isMobile) {\n return;\n }\n this.hasResources = ((_a = this.hostElement.querySelectorAll(\"[slot=resources]\")) === null || _a === void 0 ? void 0 : _a.length) > 0;\n }\n toggleResources() {\n this.showResources = !this.showResources;\n }\n renderCard() {\n switch (this.variant) {\n case BookCardDeprecatedVariant.EXPANDED:\n return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();\n case BookCardDeprecatedVariant.COMPACT:\n return this.renderCompactCard();\n case BookCardDeprecatedVariant.SEARCH:\n return this.renderSearchCard();\n }\n }\n renderExpandedCard() {\n return (h(\"div\", { class: \"wrapper\" }, this.renderCover(), h(\"div\", { class: \"content\" }, h(\"div\", { class: \"top\" }, h(\"div\", { class: \"info\" }, h(\"div\", { class: \"left\" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h(\"div\", { class: \"right\" }, this.renderHeaderCtaSlot())), this.renderTagsSlot()), h(\"div\", { class: \"bottom\" }, this.renderResourcesSlot()))));\n }\n renderMobileExpandedCard() {\n return (h(\"div\", { class: \"wrapper\" }, h(\"div\", { class: \"header\" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), h(\"div\", { class: \"content\" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn()), this.hasResources && (h(\"div\", { class: {\n footer: true,\n open: this.showResources,\n close: !this.showResources,\n } }, !this.showResources && this.renderShowResources(), this.renderResourcesSlot(), this.showResources && this.renderShowResources()))));\n }\n renderSearchCard() {\n return (h(\"div\", { class: \"wrapper-container\" }, h(\"div\", { class: \"wrapper\" }, h(\"div\", { class: \"header\" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), h(\"div\", { class: \"content\" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn())), this.renderFooterCtaSlot()));\n }\n renderCompactCard() {\n return (h(\"div\", { class: \"wrapper\" }, this.renderCover(), h(\"div\", { class: \"content\" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), this.renderFooterCtaSlot()));\n }\n renderCover() {\n return (h(\"div\", { class: \"cover\" }, this.ribbon && this.variant !== BookCardDeprecatedVariant.COMPACT && this.renderRibbon(), h(\"div\", { class: \"img-wrapper\" }, h(\"img\", { src: this.cover, onError: () => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }, \"aria-hidden\": \"true\" }))));\n }\n renderRibbon() {\n const content = [\n this.ribbonIcon && (h(\"z-icon\", { name: this.ribbonIcon, width: 16, height: 16, fill: \"color-inverse-icon\" })),\n h(\"span\", null, this.ribbon),\n ];\n return this.ribbonInteractive ? (h(\"button\", { class: \"ribbon interactive\", onClick: () => this.emitRibbonClick() }, content)) : (h(\"div\", { class: \"ribbon\" }, content));\n }\n renderOperaTitle() {\n const title = this.operaTitleTag\n ? `<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`\n : this.operaTitle;\n return (h(\"div\", { class: \"title\", innerHTML: title }));\n }\n renderVolumeTitle() {\n return this.volumeTitle ? h(\"div\", { class: \"subtitle\" }, this.volumeTitle) : null;\n }\n renderAuthors() {\n return this.authors ? (h(\"div\", { class: \"authors\", \"aria-description\": \"Autori\" }, this.authors)) : null;\n }\n renderIsbn() {\n return this.isbn ? (h(\"div\", { class: \"isbn\" }, h(\"span\", { class: \"code\", \"aria-description\": `ISBN ${this.isbnLabel}` }, this.isbn), this.isbnLabel ? h(\"span\", { class: \"label\" }, \" \", this.isbnLabel) : null)) : null;\n }\n renderShowResources() {\n return (h(\"button\", { class: \"show-resources\", \"aria-label\": `Risorse del libro ${this.operaTitle}`, \"aria-expanded\": this.showResources.toString(), \"aria-controls\": `resources-${this.id}`, onClick: () => this.toggleResources() }, this.showResources ? \"Chiudi\" : \"Vedi tutto\", h(\"z-icon\", { name: this.showResources ? \"chevron-up\" : \"chevron-down\" })));\n }\n renderTagsSlot() {\n return (h(\"div\", { class: \"tags\" }, h(\"slot\", { name: \"tags\" })));\n }\n renderHeaderCtaSlot() {\n return h(\"slot\", { name: \"header-cta\" });\n }\n renderResourcesSlot() {\n return (h(\"div\", { id: `resources-${this.id}`, class: \"resources\" }, h(\"slot\", { name: \"resources\", onSlotchange: () => this.handleResources() })));\n }\n renderFooterCtaSlot() {\n return (h(\"div\", { class: \"action-container\" }, h(\"slot\", { name: \"footer-cta\" })));\n }\n render() {\n return (h(\"article\", { key: '237f8f14bccc2e44371b1a9f4cb08904802f1d2d', class: {\n [this.variant]: true,\n borderless: !!this.borderless,\n } }, this.renderCard()));\n }\n static get is() { return \"z-book-card-deprecated\"; }\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 \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"BookCardDeprecatedVariant\",\n \"resolved\": \"BookCardDeprecatedVariant.COMPACT | BookCardDeprecatedVariant.EXPANDED | BookCardDeprecatedVariant.SEARCH\",\n \"references\": {\n \"BookCardDeprecatedVariant\": {\n \"location\": \"import\",\n \"path\": \"../../../beans\",\n \"id\": \"src/beans/index.tsx::BookCardDeprecatedVariant\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Card variant: expanded, compact, search\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false\n },\n \"cover\": {\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 URL\"\n },\n \"attribute\": \"cover\",\n \"reflect\": false\n },\n \"operaTitle\": {\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\": \"Card main title\"\n },\n \"attribute\": \"opera-title\",\n \"reflect\": false\n },\n \"volumeTitle\": {\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\": \"[optional] Card subtitle\"\n },\n \"attribute\": \"volume-title\",\n \"reflect\": false\n },\n \"authors\": {\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\": \"[optional] Authors\"\n },\n \"attribute\": \"authors\",\n \"reflect\": false\n },\n \"isbn\": {\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\": \"[optional] Main ISBN\"\n },\n \"attribute\": \"isbn\",\n \"reflect\": false\n },\n \"isbnLabel\": {\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\": \"[optional] ISBN label\"\n },\n \"attribute\": \"isbn-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"ribbon\": {\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\": \"[optional] Ribbon label - expanded and search variant only\"\n },\n \"attribute\": \"ribbon\",\n \"reflect\": false\n },\n \"ribbonIcon\": {\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\": \"[optional] Ribbon icon - expanded and search variant only\"\n },\n \"attribute\": \"ribbon-icon\",\n \"reflect\": false\n },\n \"ribbonInteractive\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Ribbon interactive - expanded and search variant only\"\n },\n \"attribute\": \"ribbon-interactive\",\n \"reflect\": false\n },\n \"borderless\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Borderless card - compact variant only\"\n },\n \"attribute\": \"borderless\",\n \"reflect\": false\n },\n \"fallbackCover\": {\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\": \"[optional] Fallback cover URL\"\n },\n \"attribute\": \"fallback-cover\",\n \"reflect\": false\n },\n \"operaTitleTag\": {\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\": \"[optional] [accessibility] Card title HTML tag\"\n },\n \"attribute\": \"opera-title-tag\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"isMobile\": {},\n \"hasResources\": {},\n \"showResources\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"ribbonClick\",\n \"name\": \"ribbonClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"click on interactive ribbon\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"hostElement\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"qKAAA,MAAMA,EAAY,gsR,MCcLC,EAAmB,MAC5B,WAAAC,CAAAC,G,mDACIC,KAAKC,QAAUC,UACfF,KAAKG,MAAQD,UACbF,KAAKI,WAAaF,UAClBF,KAAKK,YAAcH,UACnBF,KAAKM,QAAUJ,UACfF,KAAKO,KAAOL,UACZF,KAAKQ,UAAY,GACjBR,KAAKS,OAASP,UACdF,KAAKU,WAAaR,UAClBF,KAAKW,kBAAoBT,UACzBF,KAAKY,WAAaV,UAClBF,KAAKa,cAAgBX,UACrBF,KAAKc,cAAgBZ,UACrBF,KAAKe,SAAW,MAChBf,KAAKgB,aAAe,MACpBhB,KAAKiB,cAAgB,KACxB,CACD,eAAAC,GACIlB,KAAKmB,YAAYC,M,CAErB,iBAAAC,GACIrB,KAAKsB,GAAK,MAAMC,MAChB,MAAMC,EAAmBC,OAAOC,WAAW,eAAeC,EAAYC,aACtE5B,KAAKe,SAAWS,EAAiBK,QACjCL,EAAiBM,SAAYC,GAAS/B,KAAKe,SAAWgB,EAAIF,O,CAE9D,gBAAAG,GACIhC,KAAKiC,iB,CAET,eAAAA,GACI,IAAIC,EACJ,GAAIlC,KAAKC,UAAYkC,EAA0BC,WAAapC,KAAKe,SAAU,CACvE,M,CAEJf,KAAKgB,eAAiBkB,EAAKlC,KAAKqC,YAAYC,iBAAiB,uBAAyB,MAAQJ,SAAO,OAAS,EAASA,EAAGK,QAAU,C,CAExI,eAAAC,GACIxC,KAAKiB,eAAiBjB,KAAKiB,a,CAE/B,UAAAwB,GACI,OAAQzC,KAAKC,SACT,KAAKkC,EAA0BC,SAC3B,OAAOpC,KAAKe,SAAWf,KAAK0C,2BAA6B1C,KAAK2C,qBAClE,KAAKR,EAA0BS,QAC3B,OAAO5C,KAAK6C,oBAChB,KAAKV,EAA0BW,OAC3B,OAAO9C,KAAK+C,mB,CAGxB,kBAAAJ,GACI,OAAQK,EAAE,MAAO,CAAEC,MAAO,WAAajD,KAAKkD,cAAeF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,MAAO,CAAEC,MAAO,OAASD,EAAE,MAAO,CAAEC,MAAO,QAAUD,EAAE,MAAO,CAAEC,MAAO,QAAUjD,KAAKmD,gBAAiBnD,KAAKoD,mBAAoBpD,KAAKqD,oBAAqBrD,KAAKsD,cAAeN,EAAE,MAAO,CAAEC,MAAO,SAAWjD,KAAKuD,wBAAyBvD,KAAKwD,kBAAmBR,EAAE,MAAO,CAAEC,MAAO,UAAYjD,KAAKyD,wB,CAEpY,wBAAAf,GACI,OAAQM,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,MAAO,CAAEC,MAAO,UAAYjD,KAAKoD,mBAAoBpD,KAAKuD,uBAAwBvD,KAAKkD,cAAeF,EAAE,MAAO,CAAEC,MAAO,WAAajD,KAAKwD,iBAAkBxD,KAAKmD,gBAAiBnD,KAAKqD,oBAAqBrD,KAAKsD,cAAetD,KAAKgB,cAAiBgC,EAAE,MAAO,CAAEC,MAAO,CACzSS,OAAQ,KACRC,KAAM3D,KAAKiB,cACX2C,OAAQ5D,KAAKiB,iBACXjB,KAAKiB,eAAiBjB,KAAK6D,sBAAuB7D,KAAKyD,sBAAuBzD,KAAKiB,eAAiBjB,KAAK6D,uB,CAEvH,gBAAAd,GACI,OAAQC,EAAE,MAAO,CAAEC,MAAO,qBAAuBD,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,MAAO,CAAEC,MAAO,UAAYjD,KAAKoD,mBAAoBpD,KAAKuD,uBAAwBvD,KAAKkD,cAAeF,EAAE,MAAO,CAAEC,MAAO,WAAajD,KAAKwD,iBAAkBxD,KAAKmD,gBAAiBnD,KAAKqD,oBAAqBrD,KAAKsD,eAAgBtD,KAAK8D,sB,CAE5T,iBAAAjB,GACI,OAAQG,EAAE,MAAO,CAAEC,MAAO,WAAajD,KAAKkD,cAAeF,EAAE,MAAO,CAAEC,MAAO,WAAajD,KAAKmD,gBAAiBnD,KAAKoD,mBAAoBpD,KAAKqD,oBAAqBrD,KAAKsD,cAAetD,KAAK8D,sB,CAEhM,WAAAZ,GACI,OAAQF,EAAE,MAAO,CAAEC,MAAO,SAAWjD,KAAKS,QAAUT,KAAKC,UAAYkC,EAA0BS,SAAW5C,KAAK+D,eAAgBf,EAAE,MAAO,CAAEC,MAAO,eAAiBD,EAAE,MAAO,CAAEgB,IAAKhE,KAAKG,MAAO8D,QAAS,KAC/L,GAAIjE,KAAKa,cAAe,CACpBb,KAAKG,MAAQH,KAAKa,a,GAEvB,cAAe,U,CAE1B,YAAAkD,GACI,MAAMG,EAAU,CACZlE,KAAKU,YAAesC,EAAE,SAAU,CAAEmB,KAAMnE,KAAKU,WAAY0D,MAAO,GAAIC,OAAQ,GAAIC,KAAM,uBACtFtB,EAAE,OAAQ,KAAMhD,KAAKS,SAEzB,OAAOT,KAAKW,kBAAqBqC,EAAE,SAAU,CAAEC,MAAO,qBAAsBsB,QAAS,IAAMvE,KAAKkB,mBAAqBgD,GAAalB,EAAE,MAAO,CAAEC,MAAO,UAAYiB,E,CAEpK,gBAAAd,GACI,MAAMoB,EAAQxE,KAAKc,cACb,IAAId,KAAKc,iBAAiBd,KAAKI,eAAeJ,KAAKc,iBACnDd,KAAKI,WACX,OAAQ4C,EAAE,MAAO,CAAEC,MAAO,QAASwB,UAAWD,G,CAElD,iBAAAnB,GACI,OAAOrD,KAAKK,YAAc2C,EAAE,MAAO,CAAEC,MAAO,YAAcjD,KAAKK,aAAe,I,CAElF,aAAA8C,GACI,OAAOnD,KAAKM,QAAW0C,EAAE,MAAO,CAAEC,MAAO,UAAW,mBAAoB,UAAYjD,KAAKM,SAAY,I,CAEzG,UAAAgD,GACI,OAAOtD,KAAKO,KAAQyC,EAAE,MAAO,CAAEC,MAAO,QAAUD,EAAE,OAAQ,CAAEC,MAAO,OAAQ,mBAAoB,QAAQjD,KAAKQ,aAAeR,KAAKO,MAAOP,KAAKQ,UAAYwC,EAAE,OAAQ,CAAEC,MAAO,SAAW,IAAKjD,KAAKQ,WAAa,MAAS,I,CAE1N,mBAAAqD,GACI,OAAQb,EAAE,SAAU,CAAEC,MAAO,iBAAkB,aAAc,qBAAqBjD,KAAKI,aAAc,gBAAiBJ,KAAKiB,cAAcyD,WAAY,gBAAiB,aAAa1E,KAAKsB,KAAMiD,QAAS,IAAMvE,KAAKwC,mBAAqBxC,KAAKiB,cAAgB,SAAW,aAAc+B,EAAE,SAAU,CAAEmB,KAAMnE,KAAKiB,cAAgB,aAAe,iB,CAEjV,cAAAuC,GACI,OAAQR,EAAE,MAAO,CAAEC,MAAO,QAAUD,EAAE,OAAQ,CAAEmB,KAAM,S,CAE1D,mBAAAZ,GACI,OAAOP,EAAE,OAAQ,CAAEmB,KAAM,c,CAE7B,mBAAAV,GACI,OAAQT,EAAE,MAAO,CAAE1B,GAAI,aAAatB,KAAKsB,KAAM2B,MAAO,aAAeD,EAAE,OAAQ,CAAEmB,KAAM,YAAaQ,aAAc,IAAM3E,KAAKiC,oB,CAEjI,mBAAA6B,GACI,OAAQd,EAAE,MAAO,CAAEC,MAAO,oBAAsBD,EAAE,OAAQ,CAAEmB,KAAM,e,CAEtE,MAAAS,GACI,OAAQ5B,EAAE,UAAW,CAAE6B,IAAK,2CAA4C5B,MAAO,CACvE,CAACjD,KAAKC,SAAU,KAChBW,aAAcZ,KAAKY,aAClBZ,KAAKyC,a","ignoreList":[]}

package/www/build/p-906081da.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,g as o}from"./p-Cam6wBSi.js";import{o as i}from"./p-B2-dCTD2.js";const s='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,\n top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,\n top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,\n top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';const n=class{constructor(t){e(this,t);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}handleToggle(){this.isOpen=!this.isOpen;if(this.isOpen){const e=this.getFirstListItem();if(e){requestAnimationFrame((()=>{e.focus()}))}}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){if(this.opened){this.isOpen=true}}elementsEllipsis(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"58fabd595ae35d893caecf2b2a837b2f8fe8cb66",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},t("footer",{key:"01cbdda1b4df55c36d82ce7beb65ed51aafa8332",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},t("span",{key:"e9d6792d6d334829b4b56dc76009053fb22cece9",class:"toggle"},t("slot",{key:"14b97a21c07c601dc5c615a0f1a787cd7415ce90",name:"toggle"})),this.titolo&&t("p",{key:"f3bb1bd7f70f2c617770f06bbda3def23a03d250",class:{"custom-content":this.customContent}},this.titolo),t("div",{key:"87cbe48593f61d5b558363d5d9f3f21f1f073bb9",class:{content:true,"custom-content":this.customContent}},t("div",{key:"989eff96cb42b74dc643dfdc4990eaaf651010b9"},t("p",{key:"55ac0fc8cbafb967818b3f49260f487af26760ba",class:"authors",ref:e=>this.ellipsisAuthors=e},t("span",{key:"3b82124a5c190c4cf8946af92ac0b9dd3c32e09a",title:this.getTitleAuthors()},t("span",{key:"6f8745b25048b2767e8cddfe92b52976e57af94b","aria-description":"Autori",class:"bold"},this.autori))),t("p",{key:"e02258f1ec6ea014fa30f492d4b4d169c172a9fd",class:"year-isbn"},t("span",{key:"987fb1871704ff9fc9531e763d4186f723fc4bd1",class:"isbn"},t("span",{key:"d73efc4f8aa67a1181b406207dc58d3315ed7fbc"},t("span",{key:"25b5994255092fe987956183715525464509a52a","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),t("div",{key:"c5c348f2c850e6021eef03adefa7c69d76dd300e",class:`slot-handler ${this.isOpen?"visible":"hidden"}`},t("slot",{key:"026cbeab2649c2f8657d0d0e602bb52da05084d2",name:"list"})))),this.customContent&&t("slot",{key:"f436487035647e79473b4df81239c67542960586",name:"content"}))}get host(){return o(this)}};n.style=s;export{n as z_myz_card_footer};
2	+ //# sourceMappingURL=p-906081da.entry.js.map

package/www/build/p-906081da.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZMyzCardFooter","constructor","hostRef","this","titolo","undefined","autori","isbn","faded","cardtype","opened","customContent","isOpen","allowTooltipAuthors","handleToggle","firstElem","getFirstListItem","requestAnimationFrame","focus","getTitleAuthors","componentWillLoad","elementsEllipsis","elementAuthorsHasEllipsis","ellipsisAuthors","offsetWidth","scrollWidth","retrieveClass","isopen","real","LicenseType","REAL","trial","TRIAL","temp","TEMP","footerTransitionHandler","e","includes","propertyName","host","querySelector","render","h","key","class","Object","assign","wrapper","onTransitionEnd","name","content","ref","el","title"],"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-footer/styles.css?tag=z-myz-card-footer&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-footer/index.js"],"sourcesContent":["footer {\n position: relative;\n z-index: 5;\n top: 0;\n width: auto;\n height: calc(var(--space-unit) * 6);\n padding: 0;\n border-top: var(--border-size-medium) solid var(--color-surface03);\n margin: 0;\n background-color: var(--color-surface01);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n font-family: var(--font-family-sans);\n font-weight: var(--font-sb);\n}\n\nfooter > p {\n overflow: hidden;\n height: 40px;\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n margin: 0;\n background-color: var(--color-surface01);\n font-family: var(--font-family-sans);\n font-size: 16px;\n font-weight: var(--font-rg);\n line-height: 22px;\n transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n background-color: var(--gray200);\n font-size: 14px;\n font-weight: var(--font-sb);\n transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n background-color: var(--blue100);\n}\n\nfooter .visible {\n display: block;\n}\n\nfooter .hidden {\n display: none;\n}\n\nfooter > div.content {\n overflow: hidden;\n height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n overflow: hidden;\n height: 20px;\n padding: 0;\n margin: 0;\n font-size: 14px;\n line-height: 20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n height: 40px;\n text-overflow: initial;\n white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n height: 50px;\n flex-direction: column;\n padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n display: inline-grid;\n padding-left: 0;\n}\n\nfooter.isopen {\n top: -212px;\n height: 295px;\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n top: -292px;\n}\n\nfooter.isopen > div.content {\n height: 280px;\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n height: 230px;\n}\n\n.toggle {\n position: absolute;\n z-index: 10;\n top: -24px;\n left: 16px;\n}\n\n.faded {\n opacity: 0.3;\n pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n display: block;\n}\n\ndiv.wrapper {\n position: relative;\n height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n position: absolute;\n z-index: 10;\n top: calc(var(--space-unit) * 2);\n display: block;\n width: 100%;\n height: 112px;\n box-sizing: border-box;\n padding: 0 calc(var(--space-unit) * 2);\n border-top: var(--border-size-medium) solid transparent;\n background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n top: 0;\n bottom: 0;\n height: 128px;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--blue100);\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\nexport class ZMyzCardFooter {\n constructor() {\n this.titolo = undefined;\n this.autori = undefined;\n this.isbn = undefined;\n this.faded = undefined;\n this.cardtype = undefined;\n this.opened = false;\n this.customContent = false;\n this.isOpen = false;\n this.allowTooltipAuthors = false;\n }\n handleToggle() {\n this.isOpen = !this.isOpen;\n if (this.isOpen) {\n const firstElem = this.getFirstListItem();\n if (firstElem) {\n requestAnimationFrame(() => {\n firstElem.focus();\n });\n }\n }\n }\n getTitleAuthors() {\n return this.allowTooltipAuthors ? this.autori : \"\";\n }\n componentWillLoad() {\n if (this.opened) {\n this.isOpen = true;\n }\n }\n elementsEllipsis() {\n this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n }\n elementAuthorsHasEllipsis() {\n return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n }\n retrieveClass() {\n return {\n \"isopen\": this.isOpen,\n \"real\": this.cardtype === LicenseType.REAL,\n \"trial\": this.cardtype === LicenseType.TRIAL,\n \"temp\": this.cardtype === LicenseType.TEMP,\n \"custom-content\": this.customContent,\n };\n }\n footerTransitionHandler(e) {\n if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n this.elementsEllipsis();\n }\n }\n getFirstListItem() {\n return this.host.querySelector(\"[slot=list] > li a\");\n }\n render() {\n return (h(\"div\", { key: '58fabd595ae35d893caecf2b2a837b2f8fe8cb66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h(\"footer\", { key: '01cbdda1b4df55c36d82ce7beb65ed51aafa8332', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h(\"span\", { key: 'e9d6792d6d334829b4b56dc76009053fb22cece9', class: \"toggle\" }, h(\"slot\", { key: '14b97a21c07c601dc5c615a0f1a787cd7415ce90', name: \"toggle\" })), this.titolo && h(\"p\", { key: 'f3bb1bd7f70f2c617770f06bbda3def23a03d250', class: { \"custom-content\": this.customContent } }, this.titolo), h(\"div\", { key: '87cbe48593f61d5b558363d5d9f3f21f1f073bb9', class: { \"content\": true, \"custom-content\": this.customContent } }, h(\"div\", { key: '989eff96cb42b74dc643dfdc4990eaaf651010b9' }, h(\"p\", { key: '55ac0fc8cbafb967818b3f49260f487af26760ba', class: \"authors\", ref: (el) => (this.ellipsisAuthors = el) }, h(\"span\", { key: '3b82124a5c190c4cf8946af92ac0b9dd3c32e09a', title: this.getTitleAuthors() }, h(\"span\", { key: '6f8745b25048b2767e8cddfe92b52976e57af94b', \"aria-description\": \"Autori\", class: \"bold\" }, this.autori))), h(\"p\", { key: 'e02258f1ec6ea014fa30f492d4b4d169c172a9fd', class: \"year-isbn\" }, h(\"span\", { key: '987fb1871704ff9fc9531e763d4186f723fc4bd1', class: \"isbn\" }, h(\"span\", { key: 'd73efc4f8aa67a1181b406207dc58d3315ed7fbc' }, h(\"span\", { key: '25b5994255092fe987956183715525464509a52a', \"aria-description\": \"ISBN edizione cartacea\", class: \"bold\" }, this.isbn), \" \", \"(ed. cartacea)\")))), h(\"div\", { key: 'c5c348f2c850e6021eef03adefa7c69d76dd300e', class: `slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}` }, h(\"slot\", { key: '026cbeab2649c2f8657d0d0e602bb52da05084d2', name: \"list\" })))), this.customContent && h(\"slot\", { key: 'f436487035647e79473b4df81239c67542960586', name: \"content\" })));\n }\n static get is() { return \"z-myz-card-footer\"; }\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 \"autori\": {\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\": \"authors name text\"\n },\n \"attribute\": \"autori\",\n \"reflect\": false\n },\n \"isbn\": {\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 isbn\"\n },\n \"attribute\": \"isbn\",\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 \"opened\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"footer opened by default (optional)\"\n },\n \"attribute\": \"opened\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"customContent\": {\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\": \"display footer custom slotted content\"\n },\n \"attribute\": \"custom-content\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"isOpen\": {},\n \"allowTooltipAuthors\": {}\n };\n }\n static get elementRef() { return \"host\"; }\n static get listeners() {\n return [{\n \"name\": \"toggleClick\",\n \"method\": \"handleToggle\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sFAAA,MAAMA,EAAY,69F,MCMLC,EAAc,MACvB,WAAAC,CAAAC,G,UACIC,KAAKC,OAASC,UACdF,KAAKG,OAASD,UACdF,KAAKI,KAAOF,UACZF,KAAKK,MAAQH,UACbF,KAAKM,SAAWJ,UAChBF,KAAKO,OAAS,MACdP,KAAKQ,cAAgB,MACrBR,KAAKS,OAAS,MACdT,KAAKU,oBAAsB,KAC9B,CACD,YAAAC,GACIX,KAAKS,QAAUT,KAAKS,OACpB,GAAIT,KAAKS,OAAQ,CACb,MAAMG,EAAYZ,KAAKa,mBACvB,GAAID,EAAW,CACXE,uBAAsB,KAClBF,EAAUG,OAAO,G,GAKjC,eAAAC,GACI,OAAOhB,KAAKU,oBAAsBV,KAAKG,OAAS,E,CAEpD,iBAAAc,GACI,GAAIjB,KAAKO,OAAQ,CACbP,KAAKS,OAAS,I,EAGtB,gBAAAS,GACIlB,KAAKU,oBAAsBV,KAAKmB,4BAA8B,KAAO,K,CAEzE,yBAAAA,GACI,OAAOnB,KAAKoB,gBAAgBC,YAAcrB,KAAKoB,gBAAgBE,W,CAEnE,aAAAC,GACI,MAAO,CACHC,OAAUxB,KAAKS,OACfgB,KAAQzB,KAAKM,WAAaoB,EAAYC,KACtCC,MAAS5B,KAAKM,WAAaoB,EAAYG,MACvCC,KAAQ9B,KAAKM,WAAaoB,EAAYK,KACtC,iBAAkB/B,KAAKQ,c,CAG/B,uBAAAwB,CAAwBC,GACpB,GAAI,CAAC,aAAc,UAAUC,SAASD,EAAEE,cAAe,CACnDnC,KAAKkB,kB,EAGb,gBAAAL,GACI,OAAOb,KAAKoC,KAAKC,cAAc,qB,CAEnC,MAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAOC,OAAOC,OAAOD,OAAOC,OAAO,GAAI3C,KAAKuB,iBAAkB,CAAEqB,QAAS,QAAWL,EAAE,SAAU,CAAEC,IAAK,2CAA4CC,MAAOzC,KAAKuB,gBAAiBsB,gBAAkBZ,GAAMjC,KAAKgC,wBAAwBC,IAAMM,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,UAAYF,EAAE,OAAQ,CAAEC,IAAK,2CAA4CM,KAAM,YAAc9C,KAAKC,QAAUsC,EAAE,IAAK,CAAEC,IAAK,2CAA4CC,MAAO,CAAE,iBAAkBzC,KAAKQ,gBAAmBR,KAAKC,QAASsC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAAEM,QAAW,KAAM,iBAAkB/C,KAAKQ,gBAAmB+B,EAAE,MAAO,CAAEC,IAAK,4CAA8CD,EAAE,IAAK,CAAEC,IAAK,2CAA4CC,MAAO,UAAWO,IAAMC,GAAQjD,KAAKoB,gBAAkB6B,GAAOV,EAAE,OAAQ,CAAEC,IAAK,2CAA4CU,MAAOlD,KAAKgB,mBAAqBuB,EAAE,OAAQ,CAAEC,IAAK,2CAA4C,mBAAoB,SAAUC,MAAO,QAAUzC,KAAKG,UAAWoC,EAAE,IAAK,CAAEC,IAAK,2CAA4CC,MAAO,aAAeF,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,QAAUF,EAAE,OAAQ,CAAEC,IAAK,4CAA8CD,EAAE,OAAQ,CAAEC,IAAK,2CAA4C,mBAAoB,yBAA0BC,MAAO,QAAUzC,KAAKI,MAAO,IAAK,qBAAsBmC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAgBzC,KAAKS,OAAS,UAAY,YAAc8B,EAAE,OAAQ,CAAEC,IAAK,2CAA4CM,KAAM,YAAc9C,KAAKQ,eAAiB+B,EAAE,OAAQ,CAAEC,IAAK,2CAA4CM,KAAM,Y","ignoreList":[]}

package/www/build/p-9126ad89.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,c as o,h as r}from"./p-Cam6wBSi.js";import{C as i,A as t}from"./p-B2-dCTD2.js";const e=':host,:host ,:host ::slotted(){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface02);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;min-height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const s=class{constructor(r){a(this,r);this.toggled=o(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"f7be56452b2cde8f5d4334c5d7ca5ebc0e119a44",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"84fe90e0b7309290d1d1649032d0d5689ea26ece",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{key:"cbb8d8e385b9966d688eeaa65774d8612c8f51a4",class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"609df343692d9ab5d7834a008cbe9f369dd25b2d",class:"z-accordion-label"},this.label),r("span",{key:"2fb0b9a8d27bb9eceac332b90fcd4ed249fac7da",class:"z-accordion-tags"},r("slot",{key:"f7bd4d94db31698da39024ef0c0750388e63b821",name:"tag"})),r("z-icon",{key:"76503d776cacb956702720eed3bd21eff48ef2ce",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{key:"28949aca06f11637b2fffd7e6a3c037809a781e3",class:"z-accordion-content",part:"content"},r("slot",{key:"24b9441a8563a113f33ba5f5b9a7f170feb458a9"})))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};s.style=e;export{s as z_accordion};
2	+ //# sourceMappingURL=p-9126ad89.entry.js.map

package/www/build/p-9126ad89.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZAccordion","constructor","hostRef","this","label","undefined","icon","size","ControlSize","BIG","isDisabled","open","highlight","variant","AccordionVariant","DEFAULT","shadow","onDisabledChange","onDetailsToggle","detailsElm","toggled","emit","render","h","key","ref","elm","onToggle","bind","tabIndex","part","class","name"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-accordion/styles.css?tag=z-accordion&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-accordion/index.js"],"sourcesContent":[":host,\n:host *,\n:host ::slotted(*) {\n box-sizing: border-box;\n}\n\n:host {\n --z-accordion-highlight-color: transparent;\n --z-accordion-bg: var(--color-surface01);\n --z-accordion-label-color: var(--color-default-text);\n --z-accordion-disabled-label-color: var(--color-text03);\n --z-accordion-content-bg: var(--color-surface01);\n --z-accordion-content-fg: var(--color-default-text);\n --z-accordion-hover-color: var(--color-surface02);\n --z-accordion-left-padding: calc(var(--space-unit) * 2);\n --z-accordion-right-padding: var(--space-unit);\n --z-accordion-label-font-weight: var(--font-sb);\n\n display: block;\n border-top: var(--border-size-small) solid var(--color-surface03);\n border-bottom: var(--border-size-small) solid var(--color-surface03);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host([variant=\"background\"]) {\n border: var(--border-size-small) solid var(--color-surface03);\n border-radius: var(--border-radius);\n}\n\n:host([variant=\"background\"][shadow]) {\n box-shadow: var(--shadow-2);\n}\n\ndetails {\n background-color: transparent;\n}\n\nsummary {\n --summary-x-small-height: 32px;\n --summary-small-height: 36px;\n --summary-big-height: 44px;\n --summary-height: var(--summary-big-height);\n --summary-y-padding: var(--space-unit);\n\n position: relative;\n display: flex;\n min-height: var(--summary-height);\n align-items: center;\n padding: var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n var(--z-accordion-left-padding);\n background-color: var(--z-accordion-bg);\n column-gap: var(--space-unit);\n cursor: pointer;\n list-style: none;\n}\n\n/* remove marker on safari */\nsummary::-webkit-details-marker {\n display: none;\n}\n\n:host([size=\"x-small\"]) summary {\n --summary-height: var(--summary-x-small-height);\n}\n\n:host([size=\"small\"]) summary {\n --summary-height: var(--summary-small-height);\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) summary {\n --summary-y-padding: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"background\"]) summary {\n padding-right: calc(var(--space-unit) * 2);\n\n /* border-radius of the accordion - width of the accordion's border */\n border-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([variant=\"background\"][open]) summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n:host([is-disabled]) summary {\n cursor: default;\n}\n\nsummary:focus:focus-visible {\n background-color: var(--z-accordion-hover-color);\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\nsummary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: var(--space-unit);\n height: 100%;\n content: \"\";\n}\n\n:host([highlight][variant=\"background\"]) summary::before {\n /* border-radius of the accordion - width of the accordion's border */\n border-top-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight][variant=\"background\"]:not([open])) summary::before,\n:host([highlight][variant=\"background\"][open]) .z-accordion-content::before {\n /* border-radius of the accordion - width of the accordion's border */\n border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight]) summary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n background-color: var(--z-accordion-highlight-color, transparent);\n}\n\n:host([is-disabled][highlight]) summary::before,\n:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before {\n background-color: var(--z-accordion-disabled-label-color);\n}\n\nsummary > z-icon {\n fill: var(--z-accordion-label-color);\n}\n\n:host([is-disabled]) summary > z-icon {\n fill: var(--z-accordion-disabled-label-color);\n}\n\n.z-accordion-label {\n color: var(--z-accordion-label-color);\n font-size: var(--font-size-3); /* for \"small\" and \"big\" sizes */\n font-weight: var(--z-accordion-label-font-weight);\n}\n\n:host([size=\"x-small\"]) .z-accordion-label {\n font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n.z-accordion-tags {\n display: flex;\n align-items: center;\n column-gap: calc(var(--space-unit) / 2);\n}\n\nsummary z-icon.z-accordion-chevron {\n margin-left: auto;\n}\n\n.z-accordion-content {\n position: relative;\n padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n background-color: var(--z-accordion-content-bg);\n color: var(--z-accordion-content-fg);\n font-size: var(--font-size-2); /* for \"small\" and \"big\" sizes */\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) .z-accordion-content {\n padding-bottom: var(--space-unit);\n}\n\n:host([size=\"x-small\"]) .z-accordion-content {\n font-size: var(--font-size-1);\n}\n\n:host([variant=\"background\"]) .z-accordion-content {\n padding-right: calc(var(--space-unit) * 2);\n}\n\n:host([is-disabled]) .z-accordion-label {\n color: var(--z-accordion-disabled-label-color);\n}\n\n:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]) {\n --z-tag-bg: var(--z-accordion-disabled-label-color) !important;\n --z-tag-text-color: var(--color-text-inverse) !important;\n}\n\n@media (hover: hover) {\n summary:focus:focus-visible {\n /* prevents the focus shadow to be covered by the background of an hovered sibling accordion */\n position: relative;\n z-index: 1;\n }\n\n :host(:not([is-disabled])) summary:hover {\n background-color: var(--z-accordion-hover-color);\n }\n\n :host(:not([is-disabled])) summary:hover .z-accordion-label {\n text-decoration: underline;\n }\n}\n\n/* force \"big\" variant on touch devices */\n@media (hover: none) {\n :host([size]) summary {\n --summary-height: var(--summary-big-height);\n --summary-y-padding: var(--space-unit);\n }\n\n :host([size]) .z-accordion-label {\n font-size: var(--font-size-3);\n }\n\n :host([size]) .z-accordion-content {\n font-size: var(--font-size-2);\n }\n\n :host([size]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n --z-icon-width: 18px;\n --z-icon-height: 18px;\n }\n}\n\n/* Style for sibling accordions in a stack context */\n\nz-accordion + z-accordion {\n border-top: none;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"] {\n border-radius: 0;\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type {\n border-bottom-left-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]::part(summary) {\n border-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary) {\n border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n border-bottom-right-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n","import { h } from \"@stencil/core\";\nimport { AccordionVariant, ControlSize } from \"../../beans\";\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-default-text`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-default-text`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\nexport class ZAccordion {\n constructor() {\n this.label = undefined;\n this.icon = undefined;\n this.size = ControlSize.BIG;\n this.isDisabled = false;\n this.open = false;\n this.highlight = false;\n this.variant = AccordionVariant.DEFAULT;\n this.shadow = true;\n }\n onDisabledChange() {\n if (this.isDisabled) {\n this.open = false;\n }\n }\n /**\n * Handle `details` element toggle.\n * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n */\n onDetailsToggle() {\n if (this.isDisabled) {\n this.open = false;\n this.detailsElm.open = false;\n return;\n }\n this.open = this.detailsElm.open;\n this.toggled.emit(this.open);\n }\n render() {\n return (h(\"details\", { key: 'f7be56452b2cde8f5d4334c5d7ca5ebc0e119a44', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h(\"summary\", { key: '84fe90e0b7309290d1d1649032d0d5689ea26ece', tabIndex: this.isDisabled ? -1 : null, part: \"summary\" }, this.icon && (h(\"z-icon\", { key: 'cbb8d8e385b9966d688eeaa65774d8612c8f51a4', class: \"z-accordion-label-icon\", name: this.icon })), h(\"span\", { key: '609df343692d9ab5d7834a008cbe9f369dd25b2d', class: \"z-accordion-label\" }, this.label), h(\"span\", { key: '2fb0b9a8d27bb9eceac332b90fcd4ed249fac7da', class: \"z-accordion-tags\" }, h(\"slot\", { key: 'f7bd4d94db31698da39024ef0c0750388e63b821', name: \"tag\" })), h(\"z-icon\", { key: '76503d776cacb956702720eed3bd21eff48ef2ce', class: \"z-accordion-chevron\", name: this.open ? \"chevron-up\" : \"chevron-down\" })), !this.isDisabled && (h(\"div\", { key: '28949aca06f11637b2fffd7e6a3c037809a781e3', class: \"z-accordion-content\", part: \"content\" }, h(\"slot\", { key: '24b9441a8563a113f33ba5f5b9a7f170feb458a9' })))));\n }\n static get is() { return \"z-accordion\"; }\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 \"label\": {\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\": \"Text label.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Name of the z-icon to display before the label's text.\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ControlSize\",\n \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n \"references\": {\n \"ControlSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ControlSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Size of the component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"ControlSize.BIG\"\n },\n \"isDisabled\": {\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\": \"Disabled state of the accordion.\"\n },\n \"attribute\": \"is-disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The open state of the accordion.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"highlight\": {\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\": \"Enable highlight band on the `summary`'s left edge.\"\n },\n \"attribute\": \"highlight\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AccordionVariant\",\n \"resolved\": \"AccordionVariant.BACKGROUND | AccordionVariant.DEFAULT\",\n \"references\": {\n \"AccordionVariant\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::AccordionVariant\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Accordion variant.\"\n },\n \"attribute\": \"variant\",\n \"reflect\": true,\n \"defaultValue\": \"AccordionVariant.DEFAULT\"\n },\n \"shadow\": {\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\": \"Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\"\n },\n \"attribute\": \"shadow\",\n \"reflect\": true,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"toggled\",\n \"name\": \"toggled\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event fired when the accordion is toggled.\"\n },\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n }\n }];\n }\n static get watchers() {\n return [{\n \"propName\": \"isDisabled\",\n \"methodName\": \"onDisabledChange\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"6FAAA,MAAMA,EAAY,y3L,MCkBLC,EAAU,MACnB,WAAAC,CAAAC,G,2CACIC,KAAKC,MAAQC,UACbF,KAAKG,KAAOD,UACZF,KAAKI,KAAOC,EAAYC,IACxBN,KAAKO,WAAa,MAClBP,KAAKQ,KAAO,MACZR,KAAKS,UAAY,MACjBT,KAAKU,QAAUC,EAAiBC,QAChCZ,KAAKa,OAAS,IACjB,CACD,gBAAAC,GACI,GAAId,KAAKO,WAAY,CACjBP,KAAKQ,KAAO,K,EAQpB,eAAAO,GACI,GAAIf,KAAKO,WAAY,CACjBP,KAAKQ,KAAO,MACZR,KAAKgB,WAAWR,KAAO,MACvB,M,CAEJR,KAAKQ,KAAOR,KAAKgB,WAAWR,KAC5BR,KAAKiB,QAAQC,KAAKlB,KAAKQ,K,CAE3B,MAAAW,GACI,OAAQC,EAAE,UAAW,CAAEC,IAAK,2CAA4CC,IAAMC,GAASvB,KAAKgB,WAAaO,EAAMC,SAAUxB,KAAKe,gBAAgBU,KAAKzB,MAAOQ,KAAMR,KAAKQ,MAAQY,EAAE,UAAW,CAAEC,IAAK,2CAA4CK,SAAU1B,KAAKO,YAAa,EAAK,KAAMoB,KAAM,WAAa3B,KAAKG,MAASiB,EAAE,SAAU,CAAEC,IAAK,2CAA4CO,MAAO,yBAA0BC,KAAM7B,KAAKG,OAAUiB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CO,MAAO,qBAAuB5B,KAAKC,OAAQmB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CO,MAAO,oBAAsBR,EAAE,OAAQ,CAAEC,IAAK,2CAA4CQ,KAAM,SAAWT,EAAE,SAAU,CAAEC,IAAK,2CAA4CO,MAAO,sBAAuBC,KAAM7B,KAAKQ,KAAO,aAAe,mBAAqBR,KAAKO,YAAea,EAAE,MAAO,CAAEC,IAAK,2CAA4CO,MAAO,sBAAuBD,KAAM,WAAaP,EAAE,OAAQ,CAAEC,IAAK,8C","ignoreList":[]}

package/www/build/p-9260de4d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,c as o,h as t}from"./p-Cam6wBSi.js";import{B as i}from"./p-Q-tWjk7P.js";const a="button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";const e=class{constructor(t){r(this,t);this.buttonSortClick=o(this,"buttonSortClick",7);this.buttonid=undefined;this.label=undefined;this.desclabel=undefined;this.counter=undefined;this.sortlabelasc="A-Z";this.sortlabeldesc="Z-A";this.isselected=false;this.sortasc=true;this.allowTooltip=false}emitButtonSortClick(){if(!this.isselected){this.isselected=true}else{this.sortasc=!this.sortasc}this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){if(this.elementHasEllipsis()&&window.innerWidth>i.TABLET){this.allowTooltip=true}}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return t("button",{key:"ad7184ad09e3c07eb2e2b548775155006a67cb6c",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},t("span",{key:"84451899a4c8ccecb759144f7c2f991628e2e998",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),t("span",{key:"6b18ed6bdf9466de296625afd14fda3ac5180d7b",class:"counter"},this.counter&&` (${this.counter})`),t("span",{key:"f44bbe9cc7bb39a850acacfe9066e6458ef3d3e0",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),t("z-icon",{key:"931fd0149c14840cfe0721a5af9eabb0dcfb7d24",name:"caret-up-down",width:16,height:16}))}};e.style=a;export{e as z_button_sort};
2	+ //# sourceMappingURL=p-9260de4d.entry.js.map

package/www/build/p-9260de4d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZButtonSort","constructor","hostRef","this","buttonid","undefined","label","desclabel","counter","sortlabelasc","sortlabeldesc","isselected","sortasc","allowTooltip","emitButtonSortClick","buttonSortClick","emit","sortAsc","componentDidLoad","elementHasEllipsis","window","innerWidth","Breakpoints","TABLET","setButtonTitle","ellipsis","offsetWidth","scrollWidth","render","h","key","title","id","class","selected","onClick","ref","el","name","width","height"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-button-sort/styles.css?tag=z-button-sort&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-button-sort/index.js"],"sourcesContent":["button {\n display: flex;\n max-width: 100%;\n height: 36px;\n align-items: center;\n padding: 0 var(--space-unit);\n border: var(--border-size-medium) solid var(--color-primary01);\n background-color: var(--color-surface01);\n border-radius: var(--border-radius);\n color: var(--color-primary01);\n cursor: pointer;\n fill: var(--color-primary01);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-sb);\n outline: none;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\nbutton:hover {\n border-color: var(--color-hover-primary);\n color: var(--color-hover-primary);\n fill: var(--color-hover-primary-icon);\n}\n\nbutton:focus {\n border-color: var(--color-primary01);\n box-shadow: var(--shadow-focus-primary);\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\nbutton:active {\n border-color: var(--color-pressed-primary);\n box-shadow: var(--shadow-2);\n color: var(--color-pressed-primary);\n fill: var(--color-active-primary-icon);\n}\n\nbutton.selected {\n border-color: var(--color-hover-primary);\n background-color: var(--color-hover-primary);\n color: var(--color-text-inverse);\n fill: var(--color-inverse-icon);\n}\n\nbutton > span.ellipsis {\n overflow: hidden;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\nbutton > span.counter {\n margin-right: calc(var(--space-unit) * 2);\n margin-left: calc(var(--space-unit) / 2);\n}\n\nbutton > span.sort {\n margin-right: calc(var(--space-unit) / 2);\n white-space: nowrap;\n}\n\nbutton > span {\n margin-right: calc(var(--space-unit) / 2);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n button {\n max-width: 325px;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n button {\n max-width: 490px;\n }\n}\n","import { h } from \"@stencil/core\";\nimport { Breakpoints } from \"../../constants/breakpoints\";\nexport class ZButtonSort {\n constructor() {\n this.buttonid = undefined;\n this.label = undefined;\n this.desclabel = undefined;\n this.counter = undefined;\n this.sortlabelasc = \"A-Z\";\n this.sortlabeldesc = \"Z-A\";\n this.isselected = false;\n this.sortasc = true;\n this.allowTooltip = false;\n }\n emitButtonSortClick() {\n if (!this.isselected) {\n this.isselected = true;\n }\n else {\n this.sortasc = !this.sortasc;\n }\n this.buttonSortClick.emit({\n buttonid: this.buttonid,\n sortAsc: this.sortasc,\n });\n }\n componentDidLoad() {\n if (this.elementHasEllipsis() && window.innerWidth > Breakpoints.TABLET) {\n this.allowTooltip = true;\n }\n }\n setButtonTitle() {\n return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : \"\";\n }\n elementHasEllipsis() {\n return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n }\n render() {\n return (h(\"button\", { key: 'ad7184ad09e3c07eb2e2b548775155006a67cb6c', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h(\"span\", { key: '84451899a4c8ccecb759144f7c2f991628e2e998', ref: (el) => (this.ellipsis = el), class: \"ellipsis\" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h(\"span\", { key: '6b18ed6bdf9466de296625afd14fda3ac5180d7b', class: \"counter\" }, this.counter && ` (${this.counter})`), h(\"span\", { key: 'f44bbe9cc7bb39a850acacfe9066e6458ef3d3e0', class: \"sort\" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h(\"z-icon\", { key: '931fd0149c14840cfe0721a5af9eabb0dcfb7d24', name: \"caret-up-down\", width: 16, height: 16 })));\n }\n static get is() { return \"z-button-sort\"; }\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 \"buttonid\": {\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\": \"id, should be unique\"\n },\n \"attribute\": \"buttonid\",\n \"reflect\": false\n },\n \"label\": {\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\": \"label content (ascending)\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"desclabel\": {\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\": \"label content (descending)\"\n },\n \"attribute\": \"desclabel\",\n \"reflect\": false\n },\n \"counter\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"occurrences counter (optional)\"\n },\n \"attribute\": \"counter\",\n \"reflect\": false\n },\n \"sortlabelasc\": {\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\": \"sort label content (ascending) (optional)\"\n },\n \"attribute\": \"sortlabelasc\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"A-Z\\\"\"\n },\n \"sortlabeldesc\": {\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\": \"sort label content (descending) (optional)\"\n },\n \"attribute\": \"sortlabeldesc\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Z-A\\\"\"\n },\n \"isselected\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"selected flag (optional)\"\n },\n \"attribute\": \"isselected\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"sortasc\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"sortable flag (optional)\"\n },\n \"attribute\": \"sortasc\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get states() {\n return {\n \"allowTooltip\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"buttonSortClick\",\n \"name\": \"buttonSortClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"sorting direction click event, returns `buttonid` and `sortAsc`\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"iFAAA,MAAMA,EAAY,w6C,MCELC,EAAW,MACpB,WAAAC,CAAAC,G,2DACIC,KAAKC,SAAWC,UAChBF,KAAKG,MAAQD,UACbF,KAAKI,UAAYF,UACjBF,KAAKK,QAAUH,UACfF,KAAKM,aAAe,MACpBN,KAAKO,cAAgB,MACrBP,KAAKQ,WAAa,MAClBR,KAAKS,QAAU,KACfT,KAAKU,aAAe,KACvB,CACD,mBAAAC,GACI,IAAKX,KAAKQ,WAAY,CAClBR,KAAKQ,WAAa,I,KAEjB,CACDR,KAAKS,SAAWT,KAAKS,O,CAEzBT,KAAKY,gBAAgBC,KAAK,CACtBZ,SAAUD,KAAKC,SACfa,QAASd,KAAKS,S,CAGtB,gBAAAM,GACI,GAAIf,KAAKgB,sBAAwBC,OAAOC,WAAaC,EAAYC,OAAQ,CACrEpB,KAAKU,aAAe,I,EAG5B,cAAAW,GACI,OAAOrB,KAAKU,aAAe,GAAGV,KAAKS,QAAUT,KAAKG,MAAQH,KAAKI,YAAc,E,CAEjF,kBAAAY,GACI,OAAOhB,KAAKsB,SAASC,YAAcvB,KAAKsB,SAASE,W,CAErD,MAAAC,GACI,OAAQC,EAAE,SAAU,CAAEC,IAAK,2CAA4CC,MAAO5B,KAAKqB,iBAAkBQ,GAAI7B,KAAKC,SAAU6B,MAAO,CAAEC,SAAU/B,KAAKQ,YAAcwB,QAAS,IAAMhC,KAAKW,uBAAyBe,EAAE,OAAQ,CAAEC,IAAK,2CAA4CM,IAAMC,GAAQlC,KAAKsB,SAAWY,EAAKJ,MAAO,aAAe9B,KAAKS,SAAWT,KAAKI,UAAYJ,KAAKI,UAAYJ,KAAKG,OAAQuB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CG,MAAO,WAAa9B,KAAKK,SAAW,KAAKL,KAAKK,YAAaqB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CG,MAAO,QAAU9B,KAAKS,QAAUT,KAAKM,aAAeN,KAAKO,eAAgBmB,EAAE,SAAU,CAAEC,IAAK,2CAA4CQ,KAAM,gBAAiBC,MAAO,GAAIC,OAAQ,K","ignoreList":[]}

package/www/build/p-93176ede.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as i,H as t,g as o}from"./p-Cam6wBSi.js";import{z as a,C as r}from"./p-B2-dCTD2.js";const n=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host {box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}';const s=class{constructor(i){e(this,i);this.icon="informationsource";this.position=a.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=r.BIG;this.open=false}adjustPanelPosition(){if(!this.open\|\|!this.panel){return}const e=this.host.getBoundingClientRect();const i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);const t=document.documentElement.offsetWidth;const o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=false}handleEscapeKey(e){if(e.key==="Escape"&&this.open){this.closePanel()}}render(){return i(t,{key:"a19485beada104ab116a2eb280d976aa608260aa",open:this.open},i("button",{key:"504213f62284cc74ed74b651a3a54dcd9715a1f1",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.ariaLabel:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&i("z-icon",{key:"4fd422856292ae26d66a04188abfb74c5e809141",name:this.icon}),this.label&&i("span",{key:"4753636fcf7c98c077a93ac783b22b1057492bb5",class:"z-info-reveal-label"},this.label)),i("div",{key:"bdff08efa35c74951b48d909e83d7ccf32079460",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},i("slot",{key:"441569ddd80537294c1d66a1555423c460f7f8c9"}),i("button",{key:"690e9a97f7e77a6de567030062d159184106b725",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},i("z-icon",{key:"1e110ca5a85731ec582d4696f72e4b010593d9eb",name:"multiply"}))))}get host(){return o(this)}static get watchers(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}}};s.style=n;export{s as z_info_reveal};
2	+ //# sourceMappingURL=p-93176ede.entry.js.map

package/www/build/p-93176ede.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZInfoReveal","constructor","hostRef","this","icon","position","InfoRevealPosition","BOTTOM_RIGHT","label","undefined","ariaLabel","size","ControlSize","BIG","open","adjustPanelPosition","panel","rect","host","getBoundingClientRect","gridMargin","parseInt","getComputedStyle","document","documentElement","getPropertyValue","pageWidth","offsetWidth","availableSpace","Math","round","includes","left","right","style","maxWidth","togglePanel","closePanel","handleEscapeKey","event","key","render","h","Host","class","type","onClick","bind","name","id","ref","el","hidden"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-reveal/index.js"],"sourcesContent":[":host {\n --z-info-reveal-panel-width: 384px; /* defaults half the size of the mobile breakpoint */\n --trigger-size: 44px;\n\n position: relative;\n}\n\n:host * {\n box-sizing: border-box;\n}\n\nbutton {\n --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-info-reveal-trigger {\n min-width: var(--trigger-size);\n height: var(--trigger-size);\n padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n background-color: var(--color-surface05);\n border-radius: var(--border-radius);\n color: var(--color-text-inverse);\n column-gap: var(--space-unit);\n font-weight: var(--font-sb);\n line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n --trigger-size: 36px;\n\n font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n --trigger-size: 32px;\n\n padding: var(--space-unit);\n font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n --z-icon-width: var(--trigger-icon-size);\n --z-icon-height: var(--trigger-icon-size);\n\n display: flex;\n fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n --trigger-icon-size: var(--trigger-icon-size-small, 18px);\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n --trigger-icon-size: var(--trigger-icon-size-x-small, 16px);\n}\n\n.z-info-reveal-panel {\n position: absolute;\n z-index: 19;\n display: flex;\n width: var(--z-info-reveal-panel-width);\n height: fit-content;\n align-items: flex-start;\n padding: calc(var(--space-unit) * 1.5);\n background-color: var(--color-surface05);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-4);\n color: var(--color-text-inverse);\n column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n .z-info-reveal-panel {\n top: auto !important;\n bottom: auto !important;\n width: calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;\n margin-top: calc(var(--trigger-size) * -1);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ControlSize, InfoRevealPosition } from \"../../beans\";\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n * @cssprop --trigger-icon-size - Size of the trigger icon for big size.\n * @cssprop --trigger-icon-size-small - Size of the trigger icon for small size.\n * @cssprop --trigger-icon-size-x-small - Size of the trigger icon for x-small size.\n */\nexport class ZInfoReveal {\n constructor() {\n this.icon = \"informationsource\";\n this.position = InfoRevealPosition.BOTTOM_RIGHT;\n this.label = undefined;\n this.ariaLabel = \"Apri pannello informazioni\";\n this.size = ControlSize.BIG;\n this.open = false;\n }\n /**\n * Adjust the position of the info panel to prevent exiting the viewport.\n */\n adjustPanelPosition() {\n if (!this.open || !this.panel) {\n return;\n }\n const rect = this.host.getBoundingClientRect();\n const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n const pageWidth = document.documentElement.offsetWidth;\n // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n const availableSpace = Math.round((this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin);\n this.panel.style.maxWidth = `${availableSpace}px`;\n }\n /**\n * Toggle the open state of the info panel.\n */\n togglePanel() {\n this.open = !this.open;\n }\n /**\n * Close the info panel.\n */\n closePanel() {\n this.open = false;\n }\n handleEscapeKey(event) {\n if (event.key === \"Escape\" && this.open) {\n this.closePanel();\n }\n }\n render() {\n return (h(Host, { key: 'a19485beada104ab116a2eb280d976aa608260aa', open: this.open }, h(\"button\", { key: '504213f62284cc74ed74b651a3a54dcd9715a1f1', class: \"z-info-reveal-trigger\", type: \"button\", onClick: this.togglePanel.bind(this), \"aria-label\": !this.label ? this.ariaLabel : undefined, \"aria-expanded\": this.open ? \"true\" : \"false\", \"aria-controls\": \"z-info-reveal-panel\" }, this.icon && h(\"z-icon\", { key: '4fd422856292ae26d66a04188abfb74c5e809141', name: this.icon }), this.label && h(\"span\", { key: '4753636fcf7c98c077a93ac783b22b1057492bb5', class: \"z-info-reveal-label\" }, this.label)), h(\"div\", { key: 'bdff08efa35c74951b48d909e83d7ccf32079460', class: \"z-info-reveal-panel\", id: \"z-info-reveal-panel\", ref: (el) => (this.panel = el), hidden: !this.open }, h(\"slot\", { key: '441569ddd80537294c1d66a1555423c460f7f8c9' }), h(\"button\", { key: '690e9a97f7e77a6de567030062d159184106b725', class: \"z-info-reveal-close\", type: \"button\", onClick: this.closePanel.bind(this), \"aria-label\": \"Chiudi pannello informazioni\" }, h(\"z-icon\", { key: '1e110ca5a85731ec582d4696f72e4b010593d9eb', name: \"multiply\" })))));\n }\n static get is() { return \"z-info-reveal\"; }\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 \"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\": \"Name of the icon for the trigger button\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"informationsource\\\"\"\n },\n \"position\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InfoRevealPosition\",\n \"resolved\": \"InfoRevealPosition.BOTTOM_LEFT | InfoRevealPosition.BOTTOM_RIGHT | InfoRevealPosition.TOP_LEFT | InfoRevealPosition.TOP_RIGHT\",\n \"references\": {\n \"InfoRevealPosition\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InfoRevealPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position of the z-info-reveal in the page. This helps to correctly place the info panel.\\nThe panel will grow in the opposite direction of the position.\\nFor example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\"\n },\n \"attribute\": \"position\",\n \"reflect\": true,\n \"defaultValue\": \"InfoRevealPosition.BOTTOM_RIGHT\"\n },\n \"label\": {\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\": \"Label of the trigger button.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\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\": \"Aria label of the trigger button. It will be only used when `label` prop is empty.\"\n },\n \"attribute\": \"aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Apri pannello informazioni\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ControlSize\",\n \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n \"references\": {\n \"ControlSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ControlSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Size of the trigger button\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"ControlSize.BIG\"\n }\n };\n }\n static get states() {\n return {\n \"open\": {}\n };\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"position\",\n \"methodName\": \"adjustPanelPosition\"\n }, {\n \"propName\": \"open\",\n \"methodName\": \"adjustPanelPosition\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"resize\",\n \"method\": \"adjustPanelPosition\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleEscapeKey\",\n \"target\": \"window\",\n \"capture\": true,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"oGAAA,MAAMA,EAAY,ghF,MCWLC,EAAW,MACpB,WAAAC,CAAAC,G,UACIC,KAAKC,KAAO,oBACZD,KAAKE,SAAWC,EAAmBC,aACnCJ,KAAKK,MAAQC,UACbN,KAAKO,UAAY,6BACjBP,KAAKQ,KAAOC,EAAYC,IACxBV,KAAKW,KAAO,KACf,CAID,mBAAAC,GACI,IAAKZ,KAAKW,OAASX,KAAKa,MAAO,CAC3B,M,CAEJ,MAAMC,EAAOd,KAAKe,KAAKC,wBACvB,MAAMC,EAAaC,SAASC,iBAAiBC,SAASC,iBAAiBC,iBAAiB,iBAAkB,IAC1G,MAAMC,EAAYH,SAASC,gBAAgBG,YAE3C,MAAMC,EAAiBC,KAAKC,OAAO3B,KAAKE,SAAS0B,SAAS,QAAUL,EAAYT,EAAKe,KAAOf,EAAKgB,OAASb,GAC1GjB,KAAKa,MAAMkB,MAAMC,SAAW,GAAGP,K,CAKnC,WAAAQ,GACIjC,KAAKW,MAAQX,KAAKW,I,CAKtB,UAAAuB,GACIlC,KAAKW,KAAO,K,CAEhB,eAAAwB,CAAgBC,GACZ,GAAIA,EAAMC,MAAQ,UAAYrC,KAAKW,KAAM,CACrCX,KAAKkC,Y,EAGb,MAAAI,GACI,OAAQC,EAAEC,EAAM,CAAEH,IAAK,2CAA4C1B,KAAMX,KAAKW,MAAQ4B,EAAE,SAAU,CAAEF,IAAK,2CAA4CI,MAAO,wBAAyBC,KAAM,SAAUC,QAAS3C,KAAKiC,YAAYW,KAAK5C,MAAO,cAAeA,KAAKK,MAAQL,KAAKO,UAAYD,UAAW,gBAAiBN,KAAKW,KAAO,OAAS,QAAS,gBAAiB,uBAAyBX,KAAKC,MAAQsC,EAAE,SAAU,CAAEF,IAAK,2CAA4CQ,KAAM7C,KAAKC,OAASD,KAAKK,OAASkC,EAAE,OAAQ,CAAEF,IAAK,2CAA4CI,MAAO,uBAAyBzC,KAAKK,QAASkC,EAAE,MAAO,CAAEF,IAAK,2CAA4CI,MAAO,sBAAuBK,GAAI,sBAAuBC,IAAMC,GAAQhD,KAAKa,MAAQmC,EAAKC,QAASjD,KAAKW,MAAQ4B,EAAE,OAAQ,CAAEF,IAAK,6CAA+CE,EAAE,SAAU,CAAEF,IAAK,2CAA4CI,MAAO,sBAAuBC,KAAM,SAAUC,QAAS3C,KAAKkC,WAAWU,KAAK5C,MAAO,aAAc,gCAAkCuC,EAAE,SAAU,CAAEF,IAAK,2CAA4CQ,KAAM,e","ignoreList":[]}

package/www/build/p-98b10414.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as i,H as n,g as o}from"./p-Cam6wBSi.js";import{E as a,C as s}from"./p-B2-dCTD2.js";const r=':host{--z-book-card-portrait-cover-height:378px;--z-book-card-title-lines:2;--z-book-card-title-word-break:initial;--z-book-card-subtitle-lines:1;--z-book-card-subtitle-word-break:break-all;--z-book-card-authors-lines:1;--z-book-card-authors-word-break:break-all;display:flex;width:304px;box-sizing:border-box;flex-direction:column;border:solid var(--border-size-medium) var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-default-text);font-family:var(--font-family-sans)}:host .main-content{display:flex;height:100%;box-sizing:border-box;flex-direction:column;padding:var(--space-unit);gap:var(--space-unit)}:host .main-content .cover{position:relative;display:flex;overflow:hidden;height:var(--z-book-card-portrait-cover-height);background:var(--color-white);border-radius:var(--border-radius)}:host .main-content .cover img{max-width:100%;max-height:100%;align-self:end}::slotted([slot="coverOverlay"]){position:absolute;bottom:0;overflow:hidden;width:100%;box-sizing:border-box;padding:var(--space-unit);background-color:var(--avatar-C19);color:var(--color-white)}:host .main-content .cover ::slotted([slot="coverOverlay"]){min-height:80px;max-height:336px}:host .main-content .card-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:var(--space-unit)}:host .main-content .card-info .top{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2)}:host .main-content .card-info .top ::slotted([slot="tags"]){display:flex;flex-wrap:wrap;gap:var(--space-unit)}:host .main-content .card-info .top ::slotted([slot="data"]){display:flex;justify-content:space-between}:host .main-content .card-info .top .ellipsis{display:-webkit-box;overflow:hidden;height:1.4rem;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;line-height:1.4rem;text-overflow:ellipsis;word-break:break-all}:host .main-content .card-info .top .ellipsis.opera-title{height:calc(1.5 * var(--z-book-card-title-lines)) rem;-webkit-line-clamp:var(--z-book-card-title-lines);line-clamp:var(--z-book-card-title-lines);line-height:1.5rem;word-break:var(--z-book-card-title-word-break)}:host .main-content .card-info .top .ellipsis.volume-title{height:calc(1.4 * var(--z-book-card-subtitle-lines)) rem;-webkit-line-clamp:var(--z-book-card-subtitle-lines);line-clamp:var(--z-book-card-subtitle-lines);line-height:1.4rem;word-break:var(--z-book-card-subtitle-word-break)}:host .main-content .card-info .top .ellipsis.authors{height:calc(1.4 * var(--z-book-card-authors-lines)) rem;-webkit-line-clamp:var(--z-book-card-authors-lines);line-clamp:var(--z-book-card-authors-lines);line-height:1.4rem;word-break:var(--z-book-card-authors-word-break)}:host .main-content .card-info .top .opera-title {all:unset}:host .main-content .cta-wrapper{display:flex;justify-content:space-between;gap:calc(var(--space-unit) / 2)}:host .main-content .card-info .top .link-chip-wrapper{display:flex;justify-content:space-between}:host .main-content .card-info .bottom .ebook{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--space-unit);background-color:var(--color-primary02);border-radius:var(--border-radius);gap:var(--space-unit)}:host .main-content .card-info .bottom .ebook .app-name{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) 0;font-family:var(--font-family-serif);gap:calc(var(--space-unit) / 2)}:host .main-content .card-info .bottom .ebook .app-name .ebook-logo{width:1.5rem;height:1.5rem;content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}:host([variant="landscape"]){width:635px;min-height:max(332px, 20.75rem);padding:0}:host([variant="landscape"]) .main-content{min-height:max(332px, 20.75rem);box-sizing:border-box;flex-direction:row;padding:calc(var(--space-unit) 2);gap:calc(var(--space-unit) * 2)}:host([variant="landscape"]) .main-content .cover{display:flex;overflow:hidden;width:221px;height:300px;margin:0}:host([variant="landscape"]) .main-content .cover ::slotted([slot="coverOverlay"]){min-height:80px;max-height:256px}:host([variant="landscape"]) .main-content .card-info{gap:calc(var(--space-unit) / 2)}:host([variant="landscape"]) .main-content .card-info .top{gap:calc(var(--space-unit) / 2)}@media (max-width: 767px){:host([variant="portrait"]){width:100%;max-width:400px}}';const l=':root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 0.9166 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.1904 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}';const d=class{constructor(i){t(this,i);this.ebookClick=e(this,"ebookClick",7);this.variant=a.PORTRAIT;this.cover=undefined;this.operaTitle=undefined;this.volumeTitle=undefined;this.authors=undefined;this.isbn=undefined;this.isbnLabel="";this.year=undefined;this.ebookUrl=undefined;this.fallbackCover=undefined;this.titleHtmlTag=undefined}emitEbookClick(){this.ebookClick.emit()}renderCover(){return i("div",{class:"cover"},i("img",{src:this.cover,onError:()=>{if(this.fallbackCover){this.cover=this.fallbackCover}},"aria-hidden":"true"}),i("slot",{name:"coverOverlay"}))}renderYear(){if(!this.year){return null}return i("div",{class:"year ellipsis body-4","aria-description":"anno"},this.year)}renderAuthors(){if(!this.authors){return null}return i("div",{class:"cta-wrapper"},i("div",{class:"authors ellipsis body-4","aria-description":"autori"},this.authors),this.variant===a.LANDSCAPE?this.renderCtaSlot():null)}renderOperaTitle(){const t=this.titleHtmlTag?`<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`:this.operaTitle;return i("div",{class:"cta-wrapper"},i("div",{class:"opera-title ellipsis body-2-sb",innerHTML:t}),this.variant===a.PORTRAIT?this.renderCtaSlot():null)}renderVolumeTitle(){if(!this.volumeTitle){return null}return i("div",{class:"volume-title ellipsis body-4"},this.volumeTitle)}renderIsbn(){if(!this.isbn){return null}return i("div",{class:"isbn ellipsis body-4-sb","aria-description":`isbn ${this.isbnLabel}`},this.isbn," ",this.isbnLabel?i("span",{class:"body-4"},this.isbnLabel):null)}renderEbook(){return i("div",{class:"ebook"},i("div",null,i("div",{class:"app-name"},i("img",{class:"ebook-logo","aria-hidden":"true"}),i("div",{class:"body-4-sb"},"laZ Ebook"))),i("z-button",{size:s.X_SMALL,href:this.ebookUrl,target:"_blank",onClick:()=>this.emitEbookClick(),htmlrole:"link","aria-description":`leggi l'ebook ${this.operaTitle} su laZ Ebook`},"leggi ebook"))}renderCtaSlot(){return i("slot",{name:"cta"})}render(){return i(n,{key:"239ba8bd3f52288ec3f748311dce284d71106ba0"},i("div",{key:"d25b33181914ddd8ff5f699cf02112237e2bf6e3",class:"main-content"},this.renderCover(),i("div",{key:"fa79e463b770b63f1f8a0bbde3f05105dc229344",class:"card-info"},i("div",{key:"7e595f41169cca9455dc53b99ddc15342eb1b963",class:"top"},i("div",{key:"f9fe00fb63360154f451de3486385cf88202d107"},this.renderYear(),this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),i("slot",{key:"2585df52a10a90cc2c10466a02fe4601ce015749",name:"tags"}),i("slot",{key:"b383f55e1c64ce5c7578aa16eb68893f73c7c778",name:"data"})),i("slot",{key:"5cbbbc32f7142a6f2a8637ec220c3add460f3313",name:"ebook"},!!this.ebookUrl&&i("div",{key:"4aeb1dd60f20e6b50cd1459a933bd3e5a36112e4",class:"bottom"},this.renderEbook())))),i("slot",{key:"78149851420a6e915b4fbebd95df89e45c56bc57",name:"apps"}))}get hostElement(){return o(this)}};d.style=r+l;export{d as z_book_card};
2	+ //# sourceMappingURL=p-98b10414.entry.js.map

package/www/build/p-98b10414.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","typographyCss","ZBookCard","constructor","hostRef","this","variant","BookCardVariant","PORTRAIT","cover","undefined","operaTitle","volumeTitle","authors","isbn","isbnLabel","year","ebookUrl","fallbackCover","titleHtmlTag","emitEbookClick","ebookClick","emit","renderCover","h","class","src","onError","name","renderYear","renderAuthors","LANDSCAPE","renderCtaSlot","renderOperaTitle","title","innerHTML","renderVolumeTitle","renderIsbn","renderEbook","size","ControlSize","X_SMALL","href","target","onClick","htmlrole","render","Host","key"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/book-card/z-book-card/styles.css?tag=z-book-card&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/tokens/typography.css?tag=z-book-card&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/book-card/z-book-card/index.js"],"sourcesContent":[":host {\n --z-book-card-portrait-cover-height: 378px;\n --z-book-card-title-lines: 2;\n --z-book-card-title-word-break: initial;\n --z-book-card-subtitle-lines: 1;\n --z-book-card-subtitle-word-break: break-all;\n --z-book-card-authors-lines: 1;\n --z-book-card-authors-word-break: break-all;\n\n display: flex;\n width: 304px;\n box-sizing: border-box;\n flex-direction: column;\n border: solid var(--border-size-medium) var(--color-surface03);\n background-color: var(--color-surface01);\n border-radius: var(--border-radius);\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n}\n\n:host .main-content {\n display: flex;\n height: 100%;\n box-sizing: border-box;\n flex-direction: column;\n padding: var(--space-unit);\n gap: var(--space-unit);\n}\n\n:host .main-content .cover {\n position: relative;\n display: flex;\n overflow: hidden;\n height: var(--z-book-card-portrait-cover-height);\n background: var(--color-white);\n border-radius: var(--border-radius);\n}\n\n:host .main-content .cover img {\n max-width: 100%;\n max-height: 100%;\n align-self: end;\n}\n\n::slotted([slot=\"coverOverlay\"]) {\n position: absolute;\n bottom: 0;\n overflow: hidden;\n width: 100%;\n box-sizing: border-box;\n padding: var(--space-unit);\n background-color: var(--avatar-C19);\n color: var(--color-white);\n}\n\n:host .main-content .cover ::slotted([slot=\"coverOverlay\"]) {\n min-height: 80px;\n max-height: 336px;\n}\n\n:host .main-content .card-info {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: space-between;\n gap: var(--space-unit);\n}\n\n:host .main-content .card-info .top {\n display: flex;\n flex-direction: column;\n gap: calc(var(--space-unit) * 2);\n}\n\n:host .main-content .card-info .top ::slotted([slot=\"tags\"]) {\n display: flex;\n flex-wrap: wrap;\n gap: var(--space-unit);\n}\n\n:host .main-content .card-info .top ::slotted([slot=\"data\"]) {\n display: flex;\n justify-content: space-between;\n}\n\n:host .main-content .card-info .top .ellipsis {\n display: -webkit-box;\n overflow: hidden;\n height: 1.4rem;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n line-clamp: 1;\n line-height: 1.4rem;\n text-overflow: ellipsis;\n word-break: break-all;\n}\n\n:host .main-content .card-info .top .ellipsis.opera-title {\n height: calc(1.5 * var(--z-book-card-title-lines)) rem;\n -webkit-line-clamp: var(--z-book-card-title-lines);\n line-clamp: var(--z-book-card-title-lines);\n line-height: 1.5rem;\n word-break: var(--z-book-card-title-word-break);\n}\n\n:host .main-content .card-info .top .ellipsis.volume-title {\n height: calc(1.4 * var(--z-book-card-subtitle-lines)) rem;\n -webkit-line-clamp: var(--z-book-card-subtitle-lines);\n line-clamp: var(--z-book-card-subtitle-lines);\n line-height: 1.4rem;\n word-break: var(--z-book-card-subtitle-word-break);\n}\n\n:host .main-content .card-info .top .ellipsis.authors {\n height: calc(1.4 * var(--z-book-card-authors-lines)) rem;\n -webkit-line-clamp: var(--z-book-card-authors-lines);\n line-clamp: var(--z-book-card-authors-lines);\n line-height: 1.4rem;\n word-break: var(--z-book-card-authors-word-break);\n}\n\n:host .main-content .card-info .top .opera-title * {\n all: unset;\n}\n\n:host .main-content .cta-wrapper {\n display: flex;\n justify-content: space-between;\n gap: calc(var(--space-unit) / 2);\n}\n\n:host .main-content .card-info .top .link-chip-wrapper {\n display: flex;\n justify-content: space-between;\n}\n\n:host .main-content .card-info .bottom .ebook {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: var(--space-unit);\n background-color: var(--color-primary02);\n border-radius: var(--border-radius);\n gap: var(--space-unit);\n}\n\n:host .main-content .card-info .bottom .ebook .app-name {\n display: flex;\n align-items: center;\n padding: calc(var(--space-unit) / 2) 0;\n font-family: var(--font-family-serif);\n gap: calc(var(--space-unit) / 2);\n}\n\n:host .main-content .card-info .bottom .ebook .app-name .ebook-logo {\n width: 1.5rem;\n height: 1.5rem;\n content: url(\"data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\");\n}\n\n:host([variant=\"landscape\"]) {\n width: 635px;\n min-height: max(332px, 20.75rem);\n padding: 0;\n}\n\n:host([variant=\"landscape\"]) .main-content {\n min-height: max(332px, 20.75rem);\n box-sizing: border-box;\n flex-direction: row;\n padding: calc(var(--space-unit) * 2);\n gap: calc(var(--space-unit) * 2);\n}\n\n:host([variant=\"landscape\"]) .main-content .cover {\n display: flex;\n overflow: hidden;\n width: 221px;\n height: 300px;\n margin: 0;\n}\n\n:host([variant=\"landscape\"]) .main-content .cover ::slotted([slot=\"coverOverlay\"]) {\n min-height: 80px;\n max-height: 256px;\n}\n\n:host([variant=\"landscape\"]) .main-content .card-info {\n gap: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"landscape\"]) .main-content .card-info .top {\n gap: calc(var(--space-unit) / 2);\n}\n\n@media (max-width: 767px) {\n :host([variant=\"portrait\"]) {\n width: 100%;\n max-width: 400px;\n }\n}\n",":root {\n /* font-family */\n --font-family-sans: \"IBM Plex Sans\", sans-serif;\n --font-family-serif: \"IBM Plex Serif\", serif;\n\n /* font-weight */\n --font-lt: 300;\n --font-rg: 400;\n --font-sb: 600;\n --font-bd: 700;\n\n /* font-size type scale */\n --font-size-1: 0.75rem; /* 12px */\n --font-size-2: 0.875rem; /* 14px */\n --font-size-3: 1rem; /* assuming 16px */\n --font-size-4: 1.125rem; /* 18px */\n --font-size-5: 1.25rem; /* 20px */\n --font-size-6: 1.5rem; /* 24px */\n --font-size-7: 1.75rem; /* 28px */\n --font-size-8: 2rem; /* 32px */\n --font-size-9: 2.25rem; /* 36px */\n --font-size-10: 2.625rem; /* 42px */\n --font-size-11: 3rem; /* 48px */\n --font-size-12: 3.375rem; /* 54px */\n --font-size-13: 3.75rem; /* 60px */\n --font-size-14: 4.25rem; /* 68px */\n --font-size-15: 4.75rem; /* 76px */\n --font-size-16: 5.25rem; /* 84px */\n --font-size-17: 5.75rem; /* 92px */\n\n /* cssprops to use with `font` shorthand property */\n --section-title-1: var(--font-sb) var(--font-size-11) / 0.9166 var(--font-family-serif);\n --section-title-2: var(--font-sb) var(--font-size-10) / 1.1904 var(--font-family-serif);\n --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n font-size: var(--font-size-1);\n font-style: italic;\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n font: var(--section-title-1);\n}\n\n.section-title-2 {\n font: var(--section-title-2);\n}\n\n.section-title-3 {\n font: var(--section-title-3);\n}\n\n.section-title-4 {\n font: var(--section-title-4);\n}\n\n.section-title-5 {\n font: var(--section-title-5);\n}\n\n.section-title-6 {\n font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n .heading-1,\n .heading-1-sb,\n .heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .heading-2,\n .heading-2-sb,\n .heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n .mobile-heading-1,\n .mobile-heading-1-sb,\n .mobile-heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .mobile-heading-2,\n .mobile-heading-2-sb,\n .mobile-heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .mobile-heading-3,\n .mobile-heading-3-sb,\n .mobile-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .mobile-heading-4,\n .mobile-heading-4-sb,\n .mobile-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .mobile-body-1,\n .mobile-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .mobile-body-2,\n .mobile-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-body-3,\n .mobile-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-body-4,\n .mobile-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .mobile-body-5,\n .mobile-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .mobile-interactive-1,\n .mobile-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-interactive-2,\n .mobile-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .mobile-interactive-3,\n .mobile-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .mobile-section-title-1 {\n font: var(--section-title-1);\n }\n\n .mobile-section-title-2 {\n font: var(--section-title-2);\n }\n\n .mobile-section-title-3 {\n font: var(--section-title-3);\n }\n\n .mobile-section-title-4 {\n font: var(--section-title-4);\n }\n\n .mobile-section-title-5 {\n font: var(--section-title-5);\n }\n\n .mobile-section-title-6 {\n font: var(--section-title-6);\n }\n\n .mobile-heading-1-lt,\n .mobile-heading-2-lt,\n .mobile-heading-3-lt,\n .mobile-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .mobile-heading-1-sb,\n .mobile-heading-2-sb,\n .mobile-heading-3-sb,\n .mobile-heading-4-sb,\n .mobile-body-1-sb,\n .mobile-body-2-sb,\n .mobile-body-3-sb,\n .mobile-body-4-sb,\n .mobile-body-5-sb,\n .mobile-interactive-1-sb,\n .mobile-interactive-2-sb,\n .mobile-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n .tablet-heading-1,\n .tablet-heading-1-sb,\n .tablet-heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .tablet-heading-2,\n .tablet-heading-2-sb,\n .tablet-heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .tablet-heading-3,\n .tablet-heading-3-sb,\n .tablet-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .tablet-heading-4,\n .tablet-heading-4-sb,\n .tablet-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .tablet-body-1,\n .tablet-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .tablet-body-2,\n .tablet-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-body-3,\n .tablet-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-body-4,\n .tablet-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .tablet-body-5,\n .tablet-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .tablet-interactive-1,\n .tablet-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-interactive-2,\n .tablet-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .tablet-interactive-3,\n .tablet-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .tablet-section-title-1 {\n font: var(--section-title-1);\n }\n\n .tablet-section-title-2 {\n font: var(--section-title-2);\n }\n\n .tablet-section-title-3 {\n font: var(--section-title-3);\n }\n\n .tablet-section-title-4 {\n font: var(--section-title-4);\n }\n\n .tablet-section-title-5 {\n font: var(--section-title-5);\n }\n\n .tablet-section-title-6 {\n font: var(--section-title-6);\n }\n\n .tablet-heading-1-lt,\n .tablet-heading-2-lt,\n .tablet-heading-3-lt,\n .tablet-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .tablet-heading-1-sb,\n .tablet-heading-2-sb,\n .tablet-heading-3-sb,\n .tablet-heading-4-sb,\n .tablet-body-1-sb,\n .tablet-body-2-sb,\n .tablet-body-3-sb,\n .tablet-body-4-sb,\n .tablet-body-5-sb,\n .tablet-interactive-1-sb,\n .tablet-interactive-2-sb,\n .tablet-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n .desktop-heading-1,\n .desktop-heading-1-sb,\n .desktop-heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .desktop-heading-2,\n .desktop-heading-2-sb,\n .desktop-heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .desktop-heading-3,\n .desktop-heading-3-sb,\n .desktop-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .desktop-heading-4,\n .desktop-heading-4-sb,\n .desktop-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .desktop-body-1,\n .desktop-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .desktop-body-2,\n .desktop-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-body-3,\n .desktop-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-body-4,\n .desktop-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .desktop-body-5,\n .desktop-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .desktop-interactive-1,\n .desktop-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-interactive-2,\n .desktop-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .desktop-interactive-3,\n .desktop-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .desktop-section-title-1 {\n font: var(--section-title-1);\n }\n\n .desktop-section-title-2 {\n font: var(--section-title-2);\n }\n\n .desktop-section-title-3 {\n font: var(--section-title-3);\n }\n\n .desktop-section-title-4 {\n font: var(--section-title-4);\n }\n\n .desktop-section-title-5 {\n font: var(--section-title-5);\n }\n\n .desktop-section-title-6 {\n font: var(--section-title-6);\n }\n\n .desktop-heading-1-lt,\n .desktop-heading-2-lt,\n .desktop-heading-3-lt,\n .desktop-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .desktop-heading-1-sb,\n .desktop-heading-2-sb,\n .desktop-heading-3-sb,\n .desktop-heading-4-sb,\n .desktop-body-1-sb,\n .desktop-body-2-sb,\n .desktop-body-3-sb,\n .desktop-body-4-sb,\n .desktop-body-5-sb,\n .desktop-interactive-1-sb,\n .desktop-interactive-2-sb,\n .desktop-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 1366px) {\n .wide-heading-1,\n .wide-heading-1-sb,\n .wide-heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .wide-heading-2,\n .wide-heading-2-sb,\n .wide-heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .wide-heading-3,\n .wide-heading-3-sb,\n .wide-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .wide-heading-4,\n .wide-heading-4-sb,\n .wide-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .wide-body-1,\n .wide-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .wide-body-2,\n .wide-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-body-3,\n .wide-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-body-4,\n .wide-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .wide-body-5,\n .wide-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .wide-interactive-1,\n .wide-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-interactive-2,\n .wide-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .wide-interactive-3,\n .wide-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .wide-section-title-1 {\n font: var(--section-title-1);\n }\n\n .wide-section-title-2 {\n font: var(--section-title-2);\n }\n\n .wide-section-title-3 {\n font: var(--section-title-3);\n }\n\n .wide-section-title-4 {\n font: var(--section-title-4);\n }\n\n .wide-section-title-5 {\n font: var(--section-title-5);\n }\n\n .wide-section-title-6 {\n font: var(--section-title-6);\n }\n\n .wide-heading-1-lt,\n .wide-heading-2-lt,\n .wide-heading-3-lt,\n .wide-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .wide-heading-1-sb,\n .wide-heading-2-sb,\n .wide-heading-3-sb,\n .wide-heading-4-sb,\n .wide-body-1-sb,\n .wide-body-2-sb,\n .wide-body-3-sb,\n .wide-body-4-sb,\n .wide-body-5-sb,\n .wide-interactive-1-sb,\n .wide-interactive-2-sb,\n .wide-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n font-weight: var(--font-sb);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { BookCardVariant, ControlSize } from \"../../../beans\";\n/**\n * @slot cta - top right cta (e.g. bookmark icon)\n * @slot ebook - as default, it shows laZ ebook link\n * @slot tags - tags section, default empty\n * @slot data - external link and pill, default empty\n * @slot apps - list of card-related apps, default empty\n * @slot coverOverlay - purple layer on top of book cover\n * @cssprop --z-book-card-portrait-cover-height - set custom cover height for portrait variant - default 378px\n * @cssprop --z-book-card-title-lines - set title avilable lines - default 2\n * @cssprop --z-book-card-title-word-break - set title word-break rule - default initial\n * @cssprop --z-book-card-subtitle-lines - set subtitle available lines - default 1\n * @cssprop --z-book-card-subtitle-word-break - set subtitle word-break rule - default break-all\n * @cssprop --z-book-card-authors-lines - set authors available lines - default 1\n * @cssprop --z-book-card-authors-word-break - set authors word-break rule - default break-all\n */\nexport class ZBookCard {\n constructor() {\n this.variant = BookCardVariant.PORTRAIT;\n this.cover = undefined;\n this.operaTitle = undefined;\n this.volumeTitle = undefined;\n this.authors = undefined;\n this.isbn = undefined;\n this.isbnLabel = \"\";\n this.year = undefined;\n this.ebookUrl = undefined;\n this.fallbackCover = undefined;\n this.titleHtmlTag = undefined;\n }\n emitEbookClick() {\n this.ebookClick.emit();\n }\n renderCover() {\n return (h(\"div\", { class: \"cover\" }, h(\"img\", { src: this.cover, onError: () => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }, \"aria-hidden\": \"true\" }), h(\"slot\", { name: \"coverOverlay\" })));\n }\n renderYear() {\n if (!this.year) {\n return null;\n }\n return (h(\"div\", { class: \"year ellipsis body-4\", \"aria-description\": \"anno\" }, this.year));\n }\n renderAuthors() {\n if (!this.authors) {\n return null;\n }\n return (h(\"div\", { class: \"cta-wrapper\" }, h(\"div\", { class: \"authors ellipsis body-4\", \"aria-description\": \"autori\" }, this.authors), this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null));\n }\n renderOperaTitle() {\n const title = this.titleHtmlTag\n ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`\n : this.operaTitle;\n return (h(\"div\", { class: \"cta-wrapper\" }, h(\"div\", { class: \"opera-title ellipsis body-2-sb\", innerHTML: title }), this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null));\n }\n renderVolumeTitle() {\n if (!this.volumeTitle) {\n return null;\n }\n return h(\"div\", { class: \"volume-title ellipsis body-4\" }, this.volumeTitle);\n }\n renderIsbn() {\n if (!this.isbn) {\n return null;\n }\n return (h(\"div\", { class: \"isbn ellipsis body-4-sb\", \"aria-description\": `isbn ${this.isbnLabel}` }, this.isbn, \" \", this.isbnLabel ? h(\"span\", { class: \"body-4\" }, this.isbnLabel) : null));\n }\n renderEbook() {\n return (h(\"div\", { class: \"ebook\" }, h(\"div\", null, h(\"div\", { class: \"app-name\" }, h(\"img\", { class: \"ebook-logo\", \"aria-hidden\": \"true\" }), h(\"div\", { class: \"body-4-sb\" }, \"laZ Ebook\"))), h(\"z-button\", { size: ControlSize.X_SMALL, href: this.ebookUrl, target: \"_blank\", onClick: () => this.emitEbookClick(), htmlrole: \"link\", \"aria-description\": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, \"leggi ebook\")));\n }\n renderCtaSlot() {\n return h(\"slot\", { name: \"cta\" });\n }\n render() {\n return (h(Host, { key: '239ba8bd3f52288ec3f748311dce284d71106ba0' }, h(\"div\", { key: 'd25b33181914ddd8ff5f699cf02112237e2bf6e3', class: \"main-content\" }, this.renderCover(), h(\"div\", { key: 'fa79e463b770b63f1f8a0bbde3f05105dc229344', class: \"card-info\" }, h(\"div\", { key: '7e595f41169cca9455dc53b99ddc15342eb1b963', class: \"top\" }, h(\"div\", { key: 'f9fe00fb63360154f451de3486385cf88202d107' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h(\"slot\", { key: '2585df52a10a90cc2c10466a02fe4601ce015749', name: \"tags\" }), h(\"slot\", { key: 'b383f55e1c64ce5c7578aa16eb68893f73c7c778', name: \"data\" })), h(\"slot\", { key: '5cbbbc32f7142a6f2a8637ec220c3add460f3313', name: \"ebook\" }, !!this.ebookUrl && h(\"div\", { key: '4aeb1dd60f20e6b50cd1459a933bd3e5a36112e4', class: \"bottom\" }, this.renderEbook())))), h(\"slot\", { key: '78149851420a6e915b4fbebd95df89e45c56bc57', name: \"apps\" })));\n }\n static get is() { return \"z-book-card\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\", \"../../../tokens/typography.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\", \"../../../tokens/typography.css\"]\n };\n }\n static get properties() {\n return {\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"BookCardVariant\",\n \"resolved\": \"BookCardVariant.LANDSCAPE | BookCardVariant.PORTRAIT\",\n \"references\": {\n \"BookCardVariant\": {\n \"location\": \"import\",\n \"path\": \"../../../beans\",\n \"id\": \"src/beans/index.tsx::BookCardVariant\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Card variant: landscape, portrait\"\n },\n \"attribute\": \"variant\",\n \"reflect\": true,\n \"defaultValue\": \"BookCardVariant.PORTRAIT\"\n },\n \"cover\": {\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 URL\"\n },\n \"attribute\": \"cover\",\n \"reflect\": false\n },\n \"operaTitle\": {\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\": \"Opera title (card title)\"\n },\n \"attribute\": \"opera-title\",\n \"reflect\": false\n },\n \"volumeTitle\": {\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\": \"[optional] Volume title (card subvolume)\"\n },\n \"attribute\": \"volume-title\",\n \"reflect\": false\n },\n \"authors\": {\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\": \"[optional] Authors\"\n },\n \"attribute\": \"authors\",\n \"reflect\": false\n },\n \"isbn\": {\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\": \"[optional] Main ISBN\"\n },\n \"attribute\": \"isbn\",\n \"reflect\": false\n },\n \"isbnLabel\": {\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\": \"[optional] ISBN label\"\n },\n \"attribute\": \"isbn-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"year\": {\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\": \"[optional] year\"\n },\n \"attribute\": \"year\",\n \"reflect\": false\n },\n \"ebookUrl\": {\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\": \"[optional] Show link to the ebook resource\"\n },\n \"attribute\": \"ebook-url\",\n \"reflect\": false\n },\n \"fallbackCover\": {\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\": \"[optional] Fallback cover URL\"\n },\n \"attribute\": \"fallback-cover\",\n \"reflect\": false\n },\n \"titleHtmlTag\": {\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\": \"[optional] Set a specific h level as html tag for opera title\"\n },\n \"attribute\": \"title-html-tag\",\n \"reflect\": false\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ebookClick\",\n \"name\": \"ebookClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"click on ebook link\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"hostElement\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"2GAAA,MAAMA,EAAY,m2LCAlB,MAAMC,EAAgB,o8X,MCiBTC,EAAS,MAClB,WAAAC,CAAAC,G,iDACIC,KAAKC,QAAUC,EAAgBC,SAC/BH,KAAKI,MAAQC,UACbL,KAAKM,WAAaD,UAClBL,KAAKO,YAAcF,UACnBL,KAAKQ,QAAUH,UACfL,KAAKS,KAAOJ,UACZL,KAAKU,UAAY,GACjBV,KAAKW,KAAON,UACZL,KAAKY,SAAWP,UAChBL,KAAKa,cAAgBR,UACrBL,KAAKc,aAAeT,SACvB,CACD,cAAAU,GACIf,KAAKgB,WAAWC,M,CAEpB,WAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,MAAO,SAAWD,EAAE,MAAO,CAAEE,IAAKrB,KAAKI,MAAOkB,QAAS,KAClE,GAAItB,KAAKa,cAAe,CACpBb,KAAKI,MAAQJ,KAAKa,a,GAEvB,cAAe,SAAWM,EAAE,OAAQ,CAAEI,KAAM,iB,CAEvD,UAAAC,GACI,IAAKxB,KAAKW,KAAM,CACZ,OAAO,I,CAEX,OAAQQ,EAAE,MAAO,CAAEC,MAAO,uBAAwB,mBAAoB,QAAUpB,KAAKW,K,CAEzF,aAAAc,GACI,IAAKzB,KAAKQ,QAAS,CACf,OAAO,I,CAEX,OAAQW,EAAE,MAAO,CAAEC,MAAO,eAAiBD,EAAE,MAAO,CAAEC,MAAO,0BAA2B,mBAAoB,UAAYpB,KAAKQ,SAAUR,KAAKC,UAAYC,EAAgBwB,UAAY1B,KAAK2B,gBAAkB,K,CAE/M,gBAAAC,GACI,MAAMC,EAAQ7B,KAAKc,aACb,IAAId,KAAKc,gBAAgBd,KAAKM,eAAeN,KAAKc,gBAClDd,KAAKM,WACX,OAAQa,EAAE,MAAO,CAAEC,MAAO,eAAiBD,EAAE,MAAO,CAAEC,MAAO,iCAAkCU,UAAWD,IAAU7B,KAAKC,UAAYC,EAAgBC,SAAWH,KAAK2B,gBAAkB,K,CAE3L,iBAAAI,GACI,IAAK/B,KAAKO,YAAa,CACnB,OAAO,I,CAEX,OAAOY,EAAE,MAAO,CAAEC,MAAO,gCAAkCpB,KAAKO,Y,CAEpE,UAAAyB,GACI,IAAKhC,KAAKS,KAAM,CACZ,OAAO,I,CAEX,OAAQU,EAAE,MAAO,CAAEC,MAAO,0BAA2B,mBAAoB,QAAQpB,KAAKU,aAAeV,KAAKS,KAAM,IAAKT,KAAKU,UAAYS,EAAE,OAAQ,CAAEC,MAAO,UAAYpB,KAAKU,WAAa,K,CAE3L,WAAAuB,GACI,OAAQd,EAAE,MAAO,CAAEC,MAAO,SAAWD,EAAE,MAAO,KAAMA,EAAE,MAAO,CAAEC,MAAO,YAAcD,EAAE,MAAO,CAAEC,MAAO,aAAc,cAAe,SAAWD,EAAE,MAAO,CAAEC,MAAO,aAAe,eAAgBD,EAAE,WAAY,CAAEe,KAAMC,EAAYC,QAASC,KAAMrC,KAAKY,SAAU0B,OAAQ,SAAUC,QAAS,IAAMvC,KAAKe,iBAAkByB,SAAU,OAAQ,mBAAoB,iBAAiBxC,KAAKM,2BAA6B,e,CAEpZ,aAAAqB,GACI,OAAOR,EAAE,OAAQ,CAAEI,KAAM,O,CAE7B,MAAAkB,GACI,OAAQtB,EAAEuB,EAAM,CAAEC,IAAK,4CAA8CxB,EAAE,MAAO,CAAEwB,IAAK,2CAA4CvB,MAAO,gBAAkBpB,KAAKkB,cAAeC,EAAE,MAAO,CAAEwB,IAAK,2CAA4CvB,MAAO,aAAeD,EAAE,MAAO,CAAEwB,IAAK,2CAA4CvB,MAAO,OAASD,EAAE,MAAO,CAAEwB,IAAK,4CAA8C3C,KAAKwB,aAAcxB,KAAKyB,gBAAiBzB,KAAK4B,mBAAoB5B,KAAK+B,oBAAqB/B,KAAKgC,cAAeb,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CpB,KAAM,SAAWJ,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CpB,KAAM,UAAYJ,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CpB,KAAM,WAAavB,KAAKY,UAAYO,EAAE,MAAO,CAAEwB,IAAK,2CAA4CvB,MAAO,UAAYpB,KAAKiC,kBAAmBd,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CpB,KAAM,S","ignoreList":[]}

package/www/build/p-B2-dCTD2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var t;(function(t){t["REAL"]="reale";t["VIRTUAL"]="virtuale";t["TRIAL"]="saggio";t["TEMP"]="reale_temp"})(t\|\|(t={}));var a;(function(t){t["BORDER"]="border";t["SHADOW"]="shadow";t["OVERLAY"]="overlay";t["TEXT"]="text"})(a\|\|(a={}));var n;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(n\|\|(n={}));var o;(function(t){t["BIG"]="big";t["SMALL"]="small"})(o\|\|(o={}));var r;(function(t){t["LEFT"]="ArrowLeft";t["RIGHT"]="ArrowRight";t["UP"]="ArrowUp";t["DOWN"]="ArrowDown"})(r\|\|(r={}));var e;(function(t){t["PRIMARY"]="primary";t["SECONDARY"]="secondary";t["TERTIARY"]="tertiary"})(e\|\|(e={}));var i;(function(t){t["SUBMIT"]="submit";t["RESET"]="reset";t["BUTTON"]="button"})(i\|\|(i={}));var s;(function(t){t["BIG"]="big";t["SMALL"]="small";t["X_SMALL"]="x-small"})(s\|\|(s={}));var c;(function(t){t["BIG"]="big";t["SMALL"]="small";t["X_SMALL"]="x-small"})(c\|\|(c={}));var u;(function(t){t["TEXT"]="text";t["PASSWORD"]="password";t["NUMBER"]="number";t["EMAIL"]="email";t["TEXTAREA"]="textarea";t["CHECKBOX"]="checkbox";t["RADIO"]="radio";t["TEL"]="tel";t["URL"]="url";t["SEARCH"]="search"})(u\|\|(u={}));var f;(function(t){t["SUCCESS"]="success";t["ERROR"]="error";t["WARNING"]="warning"})(f\|\|(f={}));var l;(function(t){t["AUTO"]="auto";t["TOP"]="top";t["RIGHT"]="right";t["BOTTOM"]="bottom";t["LEFT"]="left";t["TOP_RIGHT"]="top_right";t["TOP_LEFT"]="top_left";t["BOTTOM_RIGHT"]="bottom_right";t["BOTTOM_LEFT"]="bottom_left";t["RIGHT_TOP"]="right_top";t["RIGHT_BOTTOM"]="right_bottom";t["LEFT_TOP"]="left_top";t["LEFT_BOTTOM"]="left_bottom"})(l\|\|(l={}));var v;(function(t){t[t["TAB"]=9]="TAB";t[t["SPACE"]=32]="SPACE";t[t["ESC"]=27]="ESC";t[t["ENTER"]=13]="ENTER";t[t["ARROW_UP"]=38]="ARROW_UP";t[t["ARROW_DOWN"]=40]="ARROW_DOWN";t[t["BACKSPACE"]=8]="BACKSPACE";t[t["DELETE"]=46]="DELETE"})(v\|\|(v={}));var d;(function(t){t["TAB"]="Tab";t["SPACE"]="Space";t["ESC"]="Escape";t["ENTER"]="Enter";t["ARROW_UP"]="ArrowUp";t["ARROW_DOWN"]="ArrowDown";t["BACKSPACE"]="Backspace";t["DELETE"]="Delete";t["ARROW_RIGHT"]="ArrowRight";t["ARROW_LEFT"]="ArrowLeft"})(d\|\|(d={}));var m;(function(t){t["DARK"]="dark";t["LIGHT"]="light"})(m\|\|(m={}));var p;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(p\|\|(p={}));var g;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(g\|\|(g={}));var b;(function(t){t["ASC"]="asc";t["DESC"]="desc"})(b\|\|(b={}));var h;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(h\|\|(h={}));var w;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large";t["X_LARGE"]="x-large";t["NONE"]="none"})(w\|\|(w={}));var A;(function(t){t["ACCORDION"]="accordion";t["MENU"]="menu"})(A\|\|(A={}));var _;(function(t){t["RIGHT"]="right";t["LEFT"]="left"})(_\|\|(_={}));var E;(function(t){t["RIGHT"]="right";t["LEFT"]="left"})(E\|\|(E={}));var x;(function(t){t["NONE"]="none";t["HEADER"]="header";t["ELEMENT"]="element"})(x\|\|(x={}));var k;(function(t){t["NONE"]="none";t["ORDERED"]="ordered";t["UNORDERED"]="unordered"})(k\|\|(k={}));var T;(function(t){t["SUCCESS"]="success";t["WARNING"]="warning";t["ERROR"]="error"})(T\|\|(T={}));var y;(function(t){t["SUCCESS"]="success";t["WARNING"]="warning";t["ERROR"]="error"})(y\|\|(y={}));var D;(function(t){t["MOBILE"]="mobile";t["TABLET"]="tablet";t["DESKTOP"]="desktop";t["DESKTOP_WIDE"]="desktop-wide"})(D\|\|(D={}));var R;(function(t){t["DARK"]="dark";t["LIGHT"]="light";t["ACCENT"]="accent";t["ERROR"]="error";t["SUCCESS"]="success";t["WARNING"]="warning"})(R\|\|(R={}));var S;(function(t){t["SLIDE_IN_LEFT"]="slide-in-left";t["SLIDE_IN_RIGHT"]="slide-in-right";t["SLIDE_IN_DOWN"]="slide-in-down";t["SLIDE_IN_UP"]="slide-in-up";t["SLIDE_OUT_LEFT"]="slide-out-left";t["SLIDE_OUT_RIGHT"]="slide-out-right";t["SLIDE_OUT_DOWN"]="slide-out-down";t["SLIDE_OUT_UP"]="slide-out-up"})(S\|\|(S={}));var C;(function(t){t["TOP_RIGHT"]="top-right";t["TOP_LEFT"]="top-left";t["TOP_CENTRE"]="top-centre";t["BOTTOM_RIGHT"]="bottom-right";t["BOTTOM_LEFT"]="bottom-left";t["BOTTOM_CENTRE"]="bottom-centre"})(C\|\|(C={}));var O;(function(t){t["EXPANDABLE"]="expandable";t["PADDING"]="padding";t["NONE"]="none"})(O\|\|(O={}));var B;(function(t){t["POLITE"]="polite";t["ASSERTIVE"]="assertive"})(B\|\|(B={}));var L;(function(t){t["LEFT"]="left";t["RIGHT"]="right";t["UP"]="up"})(L\|\|(L={}));var N;(function(t){t["OVERLAY"]="overlay";t["PUSHCONTENT"]="pushcontent"})(N\|\|(N={}));var P;(function(t){t["DEFAULT"]="default";t["DRAGDROP"]="dragdrop"})(P\|\|(P={}));var U;(function(t){t["DEFAULT"]="default";t["MEDIUM"]="medium";t["SMALL"]="small"})(U\|\|(U={}));var z;(function(t){t["BEFORE"]="before";t["AFTER"]="after"})(z\|\|(z={}));var M;(function(t){t["DATE"]="date";t["DATE_TIME"]="date-time";t["MONTHS"]="months"})(M\|\|(M={}));var W;(function(t){t[t["DATE"]=401]="DATE";t[t["DATE_TIME"]=523]="DATE_TIME";t[t["MONTHS"]=288]="MONTHS"})(W\|\|(W={}));var H;(function(t){t["TOP"]="top";t["BOTTOM"]="bottom"})(H\|\|(H={}));var I;(function(t){t["DATE"]="date";t["DATE_TIME"]="date-time"})(I\|\|(I={}));var K;(function(t){t["TOP_RIGHT"]="top_right";t["TOP_LEFT"]="top_left";t["BOTTOM_RIGHT"]="bottom_right";t["BOTTOM_LEFT"]="bottom_left"})(K\|\|(K={}));var j;(function(t){t["OVERLAY"]="overlay";t["STACKED"]="stacked"})(j\|\|(j={}));var q;(function(t){t["TOP"]="top";t["BOTTOM"]="bottom"})(q\|\|(q={}));var F;(function(t){t["OVER"]="over";t["BOTTOM"]="bottom"})(F\|\|(F={}));var G;(function(t){t["DOTS"]="dots";t["NUMBERS"]="numbers"})(G\|\|(G={}));var J;(function(t){t["SEMIBOLD"]="semibold";t["UNDERLINED"]="underlined"})(J\|\|(J={}));var Q;(function(t){t["TEXT"]="text";t["ICON"]="icon"})(Q\|\|(Q={}));var Z;(function(t){t["HOVER"]="hover";t["ALWAYS"]="always"})(Z\|\|(Z={}));var V;(function(t){t["LANDSCAPE"]="landscape";t["PORTRAIT"]="portrait"})(V\|\|(V={}));var X;(function(t){t["EXPANDED"]="expanded";t["COMPACT"]="compact";t["SEARCH"]="search"})(X\|\|(X={}));var Y;(function(t){t["DEFAULT"]="default";t["BACKGROUND"]="background"})(Y\|\|(Y={}));export{Y as A,e as B,c as C,D,V as E,g as F,_ as G,A as H,u as I,k as J,d as K,w as L,M,n as N,N as O,l as P,S as Q,W as R,i as S,L as T,b as U,B as Z,h as a,X as b,J as c,Q as d,a as e,F as f,G as g,x as h,j as i,q as j,U as k,P as l,y as m,s as n,t as o,o as p,r as q,f as r,I as s,H as t,z as u,p as v,m as w,C as x,E as y,K as z};
2	+ //# sourceMappingURL=p-B2-dCTD2.js.map