@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

package/dist/components/index.d.ts

@@ -205,5 +205,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
 export * from '../types';

package/dist/components/index.js

@@ -1 +1,98 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{c as ee}from"./utils.js";export{_ as AccordionVariant,o as AlertType,A as AvatarSize,Y as BookCardDeprecatedVariant,X as BookCardVariant,V as BreadcrumbHomepageVariant,U as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,Q as CarouselArrowsPosition,R as CarouselProgressMode,a0 as ColorPickerPalette,e as ControlSize,M as CoverHeroContentPosition,J as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,$ as IconPosition,H as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,W as VisibilityCondition,t as ZAriaAlertMode,w as ZChipType,y as ZDatePickerMode,z as ZDatePickerModeValue,F as ZDatePickerPosition,v as ZFileUploadType,G as ZRangePickerMode,x as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./index2.js";export{I as ICONS}from"./iconset.js";export{ZAccordion,defineCustomElement as defineCustomElementZAccordion}from"./z-accordion.js";export{ZAlert,defineCustomElement as defineCustomElementZAlert}from"./z-alert.js";export{ZAnchorNavigation,defineCustomElement as defineCustomElementZAnchorNavigation}from"./z-anchor-navigation.js";export{ZAppHeader,defineCustomElement as defineCustomElementZAppHeader}from"./z-app-header.js";export{ZAppHeaderDeprecated,defineCustomElement as defineCustomElementZAppHeaderDeprecated}from"./z-app-header-deprecated.js";export{ZAriaAlert,defineCustomElement as defineCustomElementZAriaAlert}from"./z-aria-alert.js";export{ZAvatar,defineCustomElement as defineCustomElementZAvatar}from"./z-avatar.js";export{ZBookCard,defineCustomElement as defineCustomElementZBookCard}from"./z-book-card.js";export{ZBookCardApp,defineCustomElement as defineCustomElementZBookCardApp}from"./z-book-card-app.js";export{ZBookCardDeprecated,defineCustomElement as defineCustomElementZBookCardDeprecated}from"./z-book-card-deprecated.js";export{ZBookCover,defineCustomElement as defineCustomElementZBookCover}from"./z-book-cover.js";export{ZBreadcrumb,defineCustomElement as defineCustomElementZBreadcrumb}from"./z-breadcrumb.js";export{ZButton,defineCustomElement as defineCustomElementZButton}from"./z-button.js";export{ZButtonSort,defineCustomElement as defineCustomElementZButtonSort}from"./z-button-sort.js";export{ZCard,defineCustomElement as defineCustomElementZCard}from"./z-card.js";export{ZCarousel,defineCustomElement as defineCustomElementZCarousel}from"./z-carousel.js";export{ZChip,defineCustomElement as defineCustomElementZChip}from"./z-chip.js";export{ZColorPicker,defineCustomElement as defineCustomElementZColorPicker}from"./z-color-picker.js";export{ZCombobox,defineCustomElement as defineCustomElementZCombobox}from"./z-combobox.js";export{ZCoverHero,defineCustomElement as defineCustomElementZCoverHero}from"./z-cover-hero.js";export{ZDatePicker,defineCustomElement as defineCustomElementZDatePicker}from"./z-date-picker.js";export{ZDivider,defineCustomElement as defineCustomElementZDivider}from"./z-divider.js";export{ZDragdropArea,defineCustomElement as defineCustomElementZDragdropArea}from"./z-dragdrop-area.js";export{ZFile,defineCustomElement as defineCustomElementZFile}from"./z-file.js";export{ZFileUpload,defineCustomElement as defineCustomElementZFileUpload}from"./z-file-upload.js";export{ZGhostLoading,defineCustomElement as defineCustomElementZGhostLoading}from"./z-ghost-loading.js";export{ZIcon,defineCustomElement as defineCustomElementZIcon}from"./z-icon.js";export{ZInfoBox,defineCustomElement as defineCustomElementZInfoBox}from"./z-info-box.js";export{ZInfoReveal,defineCustomElement as defineCustomElementZInfoReveal}from"./z-info-reveal.js";export{ZInput,defineCustomElement as defineCustomElementZInput}from"./z-input.js";export{ZInputMessage,defineCustomElement as defineCustomElementZInputMessage}from"./z-input-message.js";export{ZList,defineCustomElement as defineCustomElementZList}from"./z-list.js";export{ZListElement,defineCustomElement as defineCustomElementZListElement}from"./z-list-element.js";export{ZListGroup,defineCustomElement as defineCustomElementZListGroup}from"./z-list-group.js";export{ZLogo,defineCustomElement as defineCustomElementZLogo}from"./z-logo.js";export{ZMenu,defineCustomElement as defineCustomElementZMenu}from"./z-menu.js";export{ZMenuDeprecated,defineCustomElement as defineCustomElementZMenuDeprecated}from"./z-menu-deprecated.js";export{ZMenuSection,defineCustomElement as defineCustomElementZMenuSection}from"./z-menu-section.js";export{ZMenuSectionDeprecated,defineCustomElement as defineCustomElementZMenuSectionDeprecated}from"./z-menu-section-deprecated.js";export{ZModal,defineCustomElement as defineCustomElementZModal}from"./z-modal.js";export{ZMyzCard,defineCustomElement as defineCustomElementZMyzCard}from"./z-myz-card.js";export{ZMyzCardAlert,defineCustomElement as defineCustomElementZMyzCardAlert}from"./z-myz-card-alert.js";export{ZMyzCardBody,defineCustomElement as defineCustomElementZMyzCardBody}from"./z-myz-card-body.js";export{ZMyzCardCover,defineCustomElement as defineCustomElementZMyzCardCover}from"./z-myz-card-cover.js";export{ZMyzCardDictionary,defineCustomElement as defineCustomElementZMyzCardDictionary}from"./z-myz-card-dictionary.js";export{ZMyzCardFooter,defineCustomElement as defineCustomElementZMyzCardFooter}from"./z-myz-card-footer.js";export{ZMyzCardFooterSections,defineCustomElement as defineCustomElementZMyzCardFooterSections}from"./z-myz-card-footer-sections.js";export{ZMyzCardHeader,defineCustomElement as defineCustomElementZMyzCardHeader}from"./z-myz-card-header.js";export{ZMyzCardIcon,defineCustomElement as defineCustomElementZMyzCardIcon}from"./z-myz-card-icon.js";export{ZMyzCardInfo,defineCustomElement as defineCustomElementZMyzCardInfo}from"./z-myz-card-info.js";export{ZMyzCardList,defineCustomElement as defineCustomElementZMyzCardList}from"./z-myz-card-list.js";export{ZMyzList,defineCustomElement as defineCustomElementZMyzList}from"./z-myz-list.js";export{ZMyzListItem,defineCustomElement as defineCustomElementZMyzListItem}from"./z-myz-list-item.js";export{ZNavigationTabs,defineCustomElement as defineCustomElementZNavigationTabs}from"./z-navigation-tabs.js";export{ZNotification,defineCustomElement as defineCustomElementZNotification}from"./z-notification.js";export{ZOffcanvas,defineCustomElement as defineCustomElementZOffcanvas}from"./z-offcanvas.js";export{ZOtp,defineCustomElement as defineCustomElementZOtp}from"./z-otp.js";export{ZPagination,defineCustomElement as defineCustomElementZPagination}from"./z-pagination.js";export{ZPanelElem,defineCustomElement as defineCustomElementZPanelElem}from"./z-panel-elem.js";export{ZPopover,defineCustomElement as defineCustomElementZPopover}from"./z-popover.js";export{ZRangePicker,defineCustomElement as defineCustomElementZRangePicker}from"./z-range-picker.js";export{ZResultCard,defineCustomElement as defineCustomElementZResultCard}from"./z-result-card.js";export{ZSearchbar,defineCustomElement as defineCustomElementZSearchbar}from"./z-searchbar.js";export{ZSectionTitle,defineCustomElement as defineCustomElementZSectionTitle}from"./z-section-title.js";export{ZSelect,defineCustomElement as defineCustomElementZSelect}from"./z-select.js";export{ZSkipToContent,defineCustomElement as defineCustomElementZSkipToContent}from"./z-skip-to-content.js";export{ZSlideshow,defineCustomElement as defineCustomElementZSlideshow}from"./z-slideshow.js";export{ZStepper,defineCustomElement as defineCustomElementZStepper}from"./z-stepper.js";export{ZStepperItem,defineCustomElement as defineCustomElementZStepperItem}from"./z-stepper-item.js";export{ZTable,defineCustomElement as defineCustomElementZTable}from"./z-table.js";export{ZTag,defineCustomElement as defineCustomElementZTag}from"./z-tag.js";export{ZTbody,defineCustomElement as defineCustomElementZTbody}from"./z-tbody.js";export{ZTd,defineCustomElement as defineCustomElementZTd}from"./z-td.js";export{ZTfoot,defineCustomElement as defineCustomElementZTfoot}from"./z-tfoot.js";export{ZTh,defineCustomElement as defineCustomElementZTh}from"./z-th.js";export{ZThead,defineCustomElement as defineCustomElementZThead}from"./z-thead.js";export{ZToastNotification,defineCustomElement as defineCustomElementZToastNotification}from"./z-toast-notification.js";export{ZToastNotificationList,defineCustomElement as defineCustomElementZToastNotificationList}from"./z-toast-notification-list.js";export{ZToggleButton,defineCustomElement as defineCustomElementZToggleButton}from"./z-toggle-button.js";export{ZToggleSwitch,defineCustomElement as defineCustomElementZToggleSwitch}from"./z-toggle-switch.js";export{ZTool,defineCustomElement as defineCustomElementZTool}from"./z-tool.js";export{ZToolbar,defineCustomElement as defineCustomElementZToolbar}from"./z-toolbar.js";export{ZTooltip,defineCustomElement as defineCustomElementZTooltip}from"./z-tooltip.js";export{ZTr,defineCustomElement as defineCustomElementZTr}from"./z-tr.js";export{ZTreeList,defineCustomElement as defineCustomElementZTreeList}from"./z-tree-list.js";export{ZVisuallyHidden,defineCustomElement as defineCustomElementZVisuallyHidden}from"./z-visually-hidden.js";const te={colorFromId:ee};export{te as Utils}
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+import { c as colorFromId } from './utils.js';
+export { _ as AccordionVariant, o as AlertType, A as AvatarSize, Y as BookCardDeprecatedVariant, X as BookCardVariant, V as BreadcrumbHomepageVariant, U as BreadcrumbPathStyle, d as ButtonSize, c as ButtonType, B as ButtonVariant, C as CardVariant, Q as CarouselArrowsPosition, R as CarouselProgressMode, a0 as ColorPickerPalette, e as ControlSize, M as CoverHeroContentPosition, J as CoverHeroVariant, p as Device, h as DividerOrientation, D as DividerSize, j as ExpandableListButtonAlign, E as ExpandableListStyle, $ as IconPosition, H as InfoRevealPosition, f as InputStatus, I as InputType, g as KeyboardCode, K as KeyboardKeyCode, k as LabelPosition, L as LicenseType, l as ListDividerType, i as ListSize, m as ListType, b as NavigationTabsKeyboardEvents, N as NavigationTabsOrientation, a as NavigationTabsSize, n as NotificationType, O as OffCanvasVariant, P as PopoverPosition, S as SortDirection, T as ThemeVariant, q as ToastNotification, s as ToastNotificationPosition, r as ToastNotificationTransition, u as TransitionDirection, W as VisibilityCondition, t as ZAriaAlertMode, w as ZChipType, y as ZDatePickerMode, z as ZDatePickerModeValue, F as ZDatePickerPosition, v as ZFileUploadType, G as ZRangePickerMode, x as ZSectionTitleDividerPosition, Z as ZTableRowExpandedType } from './index2.js';
+export { I as ICONS } from './iconset.js';
+export { ZAccordion, defineCustomElement as defineCustomElementZAccordion } from './z-accordion.js';
+export { ZAlert, defineCustomElement as defineCustomElementZAlert } from './z-alert.js';
+export { ZAnchorNavigation, defineCustomElement as defineCustomElementZAnchorNavigation } from './z-anchor-navigation.js';
+export { ZAppHeader, defineCustomElement as defineCustomElementZAppHeader } from './z-app-header.js';
+export { ZAppHeaderDeprecated, defineCustomElement as defineCustomElementZAppHeaderDeprecated } from './z-app-header-deprecated.js';
+export { ZAriaAlert, defineCustomElement as defineCustomElementZAriaAlert } from './z-aria-alert.js';
+export { ZAvatar, defineCustomElement as defineCustomElementZAvatar } from './z-avatar.js';
+export { ZBookCard, defineCustomElement as defineCustomElementZBookCard } from './z-book-card.js';
+export { ZBookCardApp, defineCustomElement as defineCustomElementZBookCardApp } from './z-book-card-app.js';
+export { ZBookCardDeprecated, defineCustomElement as defineCustomElementZBookCardDeprecated } from './z-book-card-deprecated.js';
+export { ZBookCover, defineCustomElement as defineCustomElementZBookCover } from './z-book-cover.js';
+export { ZBreadcrumb, defineCustomElement as defineCustomElementZBreadcrumb } from './z-breadcrumb.js';
+export { ZButton, defineCustomElement as defineCustomElementZButton } from './z-button.js';
+export { ZButtonSort, defineCustomElement as defineCustomElementZButtonSort } from './z-button-sort.js';
+export { ZCard, defineCustomElement as defineCustomElementZCard } from './z-card.js';
+export { ZCarousel, defineCustomElement as defineCustomElementZCarousel } from './z-carousel.js';
+export { ZChip, defineCustomElement as defineCustomElementZChip } from './z-chip.js';
+export { ZColorPicker, defineCustomElement as defineCustomElementZColorPicker } from './z-color-picker.js';
+export { ZCombobox, defineCustomElement as defineCustomElementZCombobox } from './z-combobox.js';
+export { ZCoverHero, defineCustomElement as defineCustomElementZCoverHero } from './z-cover-hero.js';
+export { ZDatePicker, defineCustomElement as defineCustomElementZDatePicker } from './z-date-picker.js';
+export { ZDivider, defineCustomElement as defineCustomElementZDivider } from './z-divider.js';
+export { ZDragdropArea, defineCustomElement as defineCustomElementZDragdropArea } from './z-dragdrop-area.js';
+export { ZFile, defineCustomElement as defineCustomElementZFile } from './z-file.js';
+export { ZFileUpload, defineCustomElement as defineCustomElementZFileUpload } from './z-file-upload.js';
+export { ZGhostLoading, defineCustomElement as defineCustomElementZGhostLoading } from './z-ghost-loading.js';
+export { ZIcon, defineCustomElement as defineCustomElementZIcon } from './z-icon.js';
+export { ZInfoBox, defineCustomElement as defineCustomElementZInfoBox } from './z-info-box.js';
+export { ZInfoReveal, defineCustomElement as defineCustomElementZInfoReveal } from './z-info-reveal.js';
+export { ZInput, defineCustomElement as defineCustomElementZInput } from './z-input.js';
+export { ZInputMessage, defineCustomElement as defineCustomElementZInputMessage } from './z-input-message.js';
+export { ZList, defineCustomElement as defineCustomElementZList } from './z-list.js';
+export { ZListElement, defineCustomElement as defineCustomElementZListElement } from './z-list-element.js';
+export { ZListGroup, defineCustomElement as defineCustomElementZListGroup } from './z-list-group.js';
+export { ZLogo, defineCustomElement as defineCustomElementZLogo } from './z-logo.js';
+export { ZMenu, defineCustomElement as defineCustomElementZMenu } from './z-menu.js';
+export { ZMenuDeprecated, defineCustomElement as defineCustomElementZMenuDeprecated } from './z-menu-deprecated.js';
+export { ZMenuSection, defineCustomElement as defineCustomElementZMenuSection } from './z-menu-section.js';
+export { ZMenuSectionDeprecated, defineCustomElement as defineCustomElementZMenuSectionDeprecated } from './z-menu-section-deprecated.js';
+export { ZModal, defineCustomElement as defineCustomElementZModal } from './z-modal.js';
+export { ZMyzCard, defineCustomElement as defineCustomElementZMyzCard } from './z-myz-card.js';
+export { ZMyzCardAlert, defineCustomElement as defineCustomElementZMyzCardAlert } from './z-myz-card-alert.js';
+export { ZMyzCardBody, defineCustomElement as defineCustomElementZMyzCardBody } from './z-myz-card-body.js';
+export { ZMyzCardCover, defineCustomElement as defineCustomElementZMyzCardCover } from './z-myz-card-cover.js';
+export { ZMyzCardDictionary, defineCustomElement as defineCustomElementZMyzCardDictionary } from './z-myz-card-dictionary.js';
+export { ZMyzCardFooter, defineCustomElement as defineCustomElementZMyzCardFooter } from './z-myz-card-footer.js';
+export { ZMyzCardFooterSections, defineCustomElement as defineCustomElementZMyzCardFooterSections } from './z-myz-card-footer-sections.js';
+export { ZMyzCardHeader, defineCustomElement as defineCustomElementZMyzCardHeader } from './z-myz-card-header.js';
+export { ZMyzCardIcon, defineCustomElement as defineCustomElementZMyzCardIcon } from './z-myz-card-icon.js';
+export { ZMyzCardInfo, defineCustomElement as defineCustomElementZMyzCardInfo } from './z-myz-card-info.js';
+export { ZMyzCardList, defineCustomElement as defineCustomElementZMyzCardList } from './z-myz-card-list.js';
+export { ZMyzList, defineCustomElement as defineCustomElementZMyzList } from './z-myz-list.js';
+export { ZMyzListItem, defineCustomElement as defineCustomElementZMyzListItem } from './z-myz-list-item.js';
+export { ZNavigationTabs, defineCustomElement as defineCustomElementZNavigationTabs } from './z-navigation-tabs.js';
+export { ZNotification, defineCustomElement as defineCustomElementZNotification } from './z-notification.js';
+export { ZOffcanvas, defineCustomElement as defineCustomElementZOffcanvas } from './z-offcanvas.js';
+export { ZOtp, defineCustomElement as defineCustomElementZOtp } from './z-otp.js';
+export { ZPagination, defineCustomElement as defineCustomElementZPagination } from './z-pagination.js';
+export { ZPanelElem, defineCustomElement as defineCustomElementZPanelElem } from './z-panel-elem.js';
+export { ZPopover, defineCustomElement as defineCustomElementZPopover } from './z-popover.js';
+export { ZRangePicker, defineCustomElement as defineCustomElementZRangePicker } from './z-range-picker.js';
+export { ZResultCard, defineCustomElement as defineCustomElementZResultCard } from './z-result-card.js';
+export { ZSearchbar, defineCustomElement as defineCustomElementZSearchbar } from './z-searchbar.js';
+export { ZSectionTitle, defineCustomElement as defineCustomElementZSectionTitle } from './z-section-title.js';
+export { ZSelect, defineCustomElement as defineCustomElementZSelect } from './z-select.js';
+export { ZSkipToContent, defineCustomElement as defineCustomElementZSkipToContent } from './z-skip-to-content.js';
+export { ZSlideshow, defineCustomElement as defineCustomElementZSlideshow } from './z-slideshow.js';
+export { ZStepper, defineCustomElement as defineCustomElementZStepper } from './z-stepper.js';
+export { ZStepperItem, defineCustomElement as defineCustomElementZStepperItem } from './z-stepper-item.js';
+export { ZTable, defineCustomElement as defineCustomElementZTable } from './z-table.js';
+export { ZTag, defineCustomElement as defineCustomElementZTag } from './z-tag.js';
+export { ZTbody, defineCustomElement as defineCustomElementZTbody } from './z-tbody.js';
+export { ZTd, defineCustomElement as defineCustomElementZTd } from './z-td.js';
+export { ZTfoot, defineCustomElement as defineCustomElementZTfoot } from './z-tfoot.js';
+export { ZTh, defineCustomElement as defineCustomElementZTh } from './z-th.js';
+export { ZThead, defineCustomElement as defineCustomElementZThead } from './z-thead.js';
+export { ZToastNotification, defineCustomElement as defineCustomElementZToastNotification } from './z-toast-notification.js';
+export { ZToastNotificationList, defineCustomElement as defineCustomElementZToastNotificationList } from './z-toast-notification-list.js';
+export { ZToggleButton, defineCustomElement as defineCustomElementZToggleButton } from './z-toggle-button.js';
+export { ZToggleSwitch, defineCustomElement as defineCustomElementZToggleSwitch } from './z-toggle-switch.js';
+export { ZTool, defineCustomElement as defineCustomElementZTool } from './z-tool.js';
+export { ZToolbar, defineCustomElement as defineCustomElementZToolbar } from './z-toolbar.js';
+export { ZTooltip, defineCustomElement as defineCustomElementZTooltip } from './z-tooltip.js';
+export { ZTr, defineCustomElement as defineCustomElementZTr } from './z-tr.js';
+export { ZTreeList, defineCustomElement as defineCustomElementZTreeList } from './z-tree-list.js';
+export { ZVisuallyHidden, defineCustomElement as defineCustomElementZVisuallyHidden } from './z-visually-hidden.js';
+
+const UTILS = {
+    colorFromId,
+};
+
+export { UTILS as Utils };
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEM,KAAK,GAAG;IACZ,WAAW;;;;;","names":[],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {ICONS, IconName} from \"./constants/iconset\";\nexport {UTILS as Utils};\n"],"version":3}

package/dist/components/index10.js

@@ -1 +1,60 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{j as o,l,D as c,E as r,i as h,m as d,g as u}from"./index2.js";import{d as m}from"./index6.js";import{d as b}from"./index3.js";const p=e(class extends t{accessibleFocusHandler(e){this.listElementId===e.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`).focus()}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.accessibleFocus=i(this,"accessibleFocus",7),this.ariaDescendantFocus=i(this,"ariaDescendantFocus",7),this.clickItem=i(this,"clickItem",7),this.alignButton=o.LEFT,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=l.NONE,this.dividerSize=c.SMALL,this.expandable=!1,this.expandableStyle=r.ACCORDION,this.size=h.MEDIUM,this.color="none",this.disabled=!1,this.listElementPosition="0",this.listType=d.NONE,this.role="listitem",this.htmlTabindex=0,this.showInnerContent=!1,this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){this.disabled||(this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent))}handleKeyDown(e){const t=e.code===u.ENTER;switch(e.code){case u.ARROW_DOWN:e.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case u.ARROW_UP:e.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case u.ENTER:e.preventDefault(),this.clickItem.emit(this.listElementId)}this.expandable&&t&&(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?n("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?n("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},n("slot",{name:"inner-content"})):null}renderContent(){return this.listType===d.NONE?n("slot",null):this.listType===d.ORDERED?n("div",{class:"z-list-content-container"},n("div",null,this.listElementPosition,". "),n("slot",null)):this.listType===d.UNORDERED?n("div",{class:"z-list-content-container"},n("span",null,"• "),n("slot",null)):void 0}render(){return n(s,{key:"565d88705b517e78e6b9c05f5923903704472751","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.hasTreeItems?void 0:this.htmlTabindex,role:this.hasTreeItems?"none":this.role},n("div",{key:"6a1ccb7af0b9455e52e4b0b7699722a2f2e98f01",class:this.hasTreeItems?"tree-element-container":"container",style:!this.disabled&&{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},n("div",{key:"64a7d40c04afdb7cd9fc1f090926d7de10341ef4",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===l.ELEMENT&&n("z-divider",{key:"e781e6f655bd4a7d0987fef33d8b426caa7ed0aa",class:{"z-tree-list-divider":this.hasTreeItems},color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get style(){return':host{outline:none}:host>.container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;background-color:var(--background-color-list-element, var(--color-surface01));font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none}:host([size="small"])>.container{min-height:calc(var(--space-unit) * 4);padding:calc(var(--space-unit) / 2) 0}:host([size="medium"])>.container{min-height:calc(var(--space-unit) * 5);padding:var(--space-unit) 0}:host([size="medium"])>.tree-element-container{padding-top:0;padding-bottom:0}:host([size="large"])>.container{min-height:calc(var(--space-unit) * 7);padding:calc(var(--space-unit) * 2) 0}:host([size="x-large"])>.container{min-height:calc(var(--space-unit) * 9);padding:calc(var(--space-unit) * 3) 0}:host([expandable])>.container,:host([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element, var(--color-background))}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{position:relative;z-index:1;box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element, var(--color-background))}:host([align-button="left"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}:host .z-tree-list-divider{position:absolute;z-index:100;left:0}:host([disabled])>.container{color:var(--color-form-disabled03);cursor:default}'}},[257,"z-list-element",{alignButton:[513,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[1,"divider-type"],dividerSize:[1,"divider-size"],expandable:[516],expandableStyle:[1,"expandable-style"],listElementId:[514,"list-element-id"],size:[513],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],role:[513],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]]);function v(){"undefined"!=typeof customElements&&["z-list-element","z-divider","z-icon"].forEach((e=>{switch(e){case"z-list-element":customElements.get(a(e))||customElements.define(a(e),p);break;case"z-divider":customElements.get(a(e))||m();break;case"z-icon":customElements.get(a(e))||b()}}))}export{p as Z,v as d}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { I as ICONS, C as COLOR_INDICATOR_ICONS } from './iconset.js';
+
+const stylesCss = ":host{display:inline;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}.icon-wrapper{position:relative;z-index:0;display:inline-block}svg:not([width]){width:var(--z-icon-width, 1.125rem)}svg:not([height]){height:var(--z-icon-height, 1.125rem)}.icon-wrapper svg.color-indicator{position:absolute;z-index:-1;bottom:0;left:0}";
+const ZIconStyle0 = stylesCss;
+
+const ZIcon = /*@__PURE__*/ proxyCustomElement(class ZIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.name = undefined;
+        this.height = undefined;
+        this.width = undefined;
+        this.iconid = undefined;
+        this.fill = undefined;
+        this.indicatorColor = undefined;
+    }
+    /**
+     * Selects either a `<path>` or `<polygon>` element based on the format of the icon data.
+     * @param iconValue The SVG path data or polygon points from the ICONS set.
+     */
+    selectPathOrPolygon(iconValue) {
+        if (iconValue === null || iconValue === void 0 ? void 0 : iconValue.startsWith("M")) {
+            return h("path", { d: iconValue });
+        }
+        return h("polygon", { points: iconValue });
+    }
+    renderBaseIcon() {
+        return (h("svg", { id: this.iconid || undefined, fill: this.fill ? `var(--${this.fill})` : undefined, viewBox: "0 0 1000 1000", width: this.width, height: this.height }, this.selectPathOrPolygon(ICONS[this.name])));
+    }
+    render() {
+        return (h(Host, { key: '8e6cee155a15fc1b19f9907a6f6155c8d607bfa4', "aria-hidden": "true" }, COLOR_INDICATOR_ICONS.includes(this.name) ? (h("div", { class: "icon-wrapper" }, h("svg", { class: "color-indicator", fill: this.indicatorColor || "#FFFFFF00", viewBox: "0 0 1000 1000", width: this.width, height: this.height }, this.selectPathOrPolygon(ICONS["picker-color"])), this.renderBaseIcon())) : (this.renderBaseIcon())));
+    }
+    static get style() { return ZIconStyle0; }
+}, [1, "z-icon", {
+        "name": [1],
+        "height": [8],
+        "width": [8],
+        "iconid": [1],
+        "fill": [1],
+        "indicatorColor": [1, "indicator-color"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZIcon);
+            }
+            break;
+    } });
+}
+
+export { ZIcon as Z, defineCustomElement as d };
+
+//# sourceMappingURL=index10.js.map

package/dist/components/index10.js.map

@@ -0,0 +1 @@
+{"file":"index10.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,0YAA0Y,CAAC;AAC7Z,oBAAe,SAAS;;MCWX,KAAK;;;;;;;;;;;;;;;;IAiCR,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO,YAAM,CAAC,EAAE,SAAS,GAAS,CAAC;SACpC;QAED,OAAO,eAAS,MAAM,EAAE,SAAS,GAAY,CAAC;KAC/C;IAEO,cAAc;QACpB,QACE,WACE,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,SAAS,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,GAAG,SAAS,EACnD,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,IAElB,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CACvC,EACN;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,oEAAa,MAAM,IACrB,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IACxC,WAAK,KAAK,EAAC,cAAc,IACvB,WACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,cAAc,IAAI,WAAW,EACxC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,IAElB,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAC5C,EAEL,IAAI,CAAC,cAAc,EAAE,CAClB,KAEN,IAAI,CAAC,cAAc,EAAE,CACtB,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-icon/styles.css?tag=z-icon&encapsulation=shadow","src/components/z-icon/index.tsx"],"sourcesContent":[":host {\n  display: inline;\n  margin-right: var(--z-icon-right-margin, 0);\n  margin-left: var(--z-icon-left-margin, 0);\n  line-height: 0;\n  vertical-align: middle;\n}\n\n.icon-wrapper {\n  position: relative;\n  z-index: 0;\n  display: inline-block;\n}\n\nsvg:not([width]) {\n  width: var(--z-icon-width, 1.125rem);\n}\n\nsvg:not([height]) {\n  height: var(--z-icon-height, 1.125rem);\n}\n\n.icon-wrapper svg.color-indicator {\n  position: absolute;\n  z-index: -1;\n  bottom: 0;\n  left: 0;\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {COLOR_INDICATOR_ICONS, ICONS} from \"../../constants/iconset\";\n\n/**\n * Component to render an SVG icon from the internal icon set, selected by `name`.\n * This component automatically recognizes icons that have an indicator (e.g. `bg-color`, `font-color`, etc.), that can be filled with a custom color via the `indicatorColor` prop.\n */\n@Component({\n  tag: \"z-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZIcon {\n  /** Icon name */\n  @Prop()\n  name: string;\n\n  /** Icon height (optional) */\n  @Prop()\n  height?: number | string;\n\n  /** Icon width (optional) */\n  @Prop()\n  width?: number | string;\n\n  /** HTML `id` attribute (optional) */\n  @Prop()\n  iconid?: string;\n\n  /** Name of the CSS color token to use for the icon fill color (e.g. `blue500`). */\n  @Prop()\n  fill?: string;\n\n  /**\n   * Color to use to fill the icon's color indicator, if it has one.\n   * Can be any valid value for the `fill` svg attribute.\n   * If the icon passed through the `name` prop doesn't have a color indicator, this prop has no effect.\n   */\n  @Prop()\n  indicatorColor?: string;\n\n  /**\n   * Selects either a `<path>` or `<polygon>` element based on the format of the icon data.\n   * @param iconValue The SVG path data or polygon points from the ICONS set.\n   */\n  private selectPathOrPolygon(iconValue: string): SVGPathElement | SVGPolygonElement {\n    if (iconValue?.startsWith(\"M\")) {\n      return <path d={iconValue}></path>;\n    }\n\n    return <polygon points={iconValue}></polygon>;\n  }\n\n  private renderBaseIcon(): SVGElement {\n    return (\n      <svg\n        id={this.iconid || undefined}\n        fill={this.fill ? `var(--${this.fill})` : undefined}\n        viewBox=\"0 0 1000 1000\"\n        width={this.width}\n        height={this.height}\n      >\n        {this.selectPathOrPolygon(ICONS[this.name])}\n      </svg>\n    );\n  }\n\n  render(): HTMLZIconElement {\n    return (\n      <Host aria-hidden=\"true\">\n        {COLOR_INDICATOR_ICONS.includes(this.name) ? (\n          <div class=\"icon-wrapper\">\n            <svg\n              class=\"color-indicator\"\n              fill={this.indicatorColor || \"#FFFFFF00\"}\n              viewBox=\"0 0 1000 1000\"\n              width={this.width}\n              height={this.height}\n            >\n              {this.selectPathOrPolygon(ICONS[\"picker-color\"])}\n            </svg>\n\n            {this.renderBaseIcon()}\n          </div>\n        ) : (\n          this.renderBaseIcon()\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index11.js

@@ -1 +1,92 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as a,l as o,D as d,m as n}from"./index2.js";import{d as h}from"./index6.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=a.MEDIUM,this.dividerType=o.NONE,this.dividerSize=d.SMALL,this.dividerColor="gray200",this.listType=n.NONE,this.role="group"}componentDidLoad(){const e=this.host.children;for(let t=0;t<e.length;t++)e.length-1>t&&(e[t].setAttribute("divider-type",this.dividerType),e[t].setAttribute("divider-size",this.dividerSize),e[t].setAttribute("divider-color",this.dividerColor)),e[t].setAttribute("size",this.size),e[t].setAttribute("list-type",this.listType),e[t].setAttribute("list-element-position",t.toString())}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return i(s,{key:"a2b30a3071d35ba28d8e485ff92a88e537a85290"},i("div",{key:"528f17bfa6de4ccb252e86ec424b388f3d6d4ff0",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader&&!this.hasTreeItems,"grouped-tree-list-header":this.hasTreeItems}},i("slot",{key:"318ed932865eef9943a0f7ff7ae87e02a2ce968e",name:"header-title"}),this.dividerType===o.HEADER&&i("z-divider",{key:"3d6d1ea46c42420c86b4f5f22bf5d5bcb1c5268f",color:this.dividerColor,size:this.dividerSize})),i("slot",{key:"f02a9b862b895d421be12ba4eb9625269f086e03"}))}get host(){return this}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}:host>.grouped-tree-list-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}"}},[257,"z-list-group",{size:[513],dividerType:[513,"divider-type"],dividerSize:[513,"divider-size"],dividerColor:[513,"divider-color"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],role:[513]}]);function l(){"undefined"!=typeof customElements&&["z-list-group","z-divider"].forEach((e=>{switch(e){case"z-list-group":customElements.get(r(e))||customElements.define(r(e),c);break;case"z-divider":customElements.get(r(e))||h()}}))}export{c as Z,l as d}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { H as InfoRevealPosition, e as ControlSize } from './index2.js';
+import { d as defineCustomElement$1 } from './index10.js';
+
+const stylesCss = ":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 ZInfoRevealStyle0 = stylesCss;
+
+const ZInfoReveal = /*@__PURE__*/ proxyCustomElement(class ZInfoReveal extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.icon = "informationsource";
+        this.position = InfoRevealPosition.BOTTOM_RIGHT;
+        this.label = undefined;
+        this.ariaLabel = "Apri pannello informazioni";
+        this.size = ControlSize.BIG;
+        this.open = false;
+    }
+    /**
+     * Adjust the position of the info panel to prevent exiting the viewport.
+     */
+    adjustPanelPosition() {
+        if (!this.open || !this.panel) {
+            return;
+        }
+        const rect = this.host.getBoundingClientRect();
+        const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"), 10);
+        const pageWidth = document.documentElement.offsetWidth;
+        // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.
+        const availableSpace = Math.round((this.position.includes("left") ? pageWidth - rect.left : rect.right) - gridMargin);
+        this.panel.style.maxWidth = `${availableSpace}px`;
+    }
+    /**
+     * Toggle the open state of the info panel.
+     */
+    togglePanel() {
+        this.open = !this.open;
+    }
+    /**
+     * Close the info panel.
+     */
+    closePanel() {
+        this.open = false;
+    }
+    handleEscapeKey(event) {
+        if (event.key === "Escape" && this.open) {
+            this.closePanel();
+        }
+    }
+    render() {
+        return (h(Host, { key: '250676e5bde8cb158ff19dd85c5b65aba329ab6d', open: this.open }, h("button", { key: 'ae9bd0a7a96c781ebc6e68f70b0553d9d08b8c4d', 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: 'cda367464294fcdb6e87b7dd8804470fc600a196', name: this.icon }), this.label && h("span", { key: '33ee450958960b0eed18c6b630655c87d34d4b0f', class: "z-info-reveal-label" }, this.label)), h("div", { key: '717f241bbbd1034b8f7117d0875a859a27ecc3d0', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'f44d74a6183fdda5560fe8ced2e07ef12748b4b9' }), h("button", { key: '5071effe3449b8fe0285c080a0d9cb14be2b033c', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '9f3088b1e5398bea476ea2da203cb8e2e106ea89', name: "multiply" })))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "position": ["adjustPanelPosition"],
+        "open": ["adjustPanelPosition"]
+    }; }
+    static get style() { return ZInfoRevealStyle0; }
+}, [1, "z-info-reveal", {
+        "icon": [1],
+        "position": [513],
+        "label": [1],
+        "ariaLabel": [1, "aria-label"],
+        "size": [513],
+        "open": [32]
+    }, [[9, "resize", "adjustPanelPosition"], [10, "keydown", "handleEscapeKey"]], {
+        "position": ["adjustPanelPosition"],
+        "open": ["adjustPanelPosition"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-info-reveal", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-info-reveal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZInfoReveal);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { ZInfoReveal as Z, defineCustomElement as d };
+
+//# sourceMappingURL=index11.js.map

package/dist/components/index11.js.map

@@ -0,0 +1 @@
+{"file":"index11.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,yiFAAyiF,CAAC;AAC5jF,0BAAe,SAAS;;MCgBX,WAAW;;;;;oBAGd,mBAAmB;wBAQK,kBAAkB,CAAC,YAAY;;yBAQnD,4BAA4B;oBAInB,WAAW,CAAC,GAAG;oBAI7B,KAAK;;;;;IAYZ,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO;SACR;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9G,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;;QAEvD,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAC/B,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,UAAU,CACnF,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,cAAc,IAAI,CAAC;KACnD;;;;IAKO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KACxB;;;;IAKO,UAAU;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAGD,eAAe,CAAC,KAAoB;QAClC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACnB,+DACE,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS,mBACrC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,mBAC7B,qBAAqB,IAElC,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACxC,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC7D,EACT,4DACE,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAC,qBAAqB,EACxB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IAElB,8DAAa,EACb,+DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,8BAA8B,IAEzC,+DAAQ,IAAI,EAAC,UAAU,GAAG,CACnB,CACL,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"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 {Component, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\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 */\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoReveal {\n  /** Name of the icon for the trigger button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /**\n   * The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n   * The panel will grow in the opposite direction of the position.\n   * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n   */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Label of the trigger button. */\n  @Prop()\n  label?: string;\n\n  /** Aria label of the trigger button. It will be only used when `label` prop is empty. */\n  @Prop()\n  ariaLabel = \"Apri pannello informazioni\";\n\n  /** Size of the trigger button */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  @Element() host: HTMLZInfoRevealElement;\n\n  private panel: HTMLDivElement;\n\n  /**\n   * Adjust the position of the info panel to prevent exiting the viewport.\n   */\n  @Watch(\"position\")\n  @Watch(\"open\")\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  adjustPanelPosition(): void {\n    if (!this.open || !this.panel) {\n      return;\n    }\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(\n      (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n    );\n    this.panel.style.maxWidth = `${availableSpace}px`;\n  }\n\n  /**\n   * Toggle the open state of the info panel.\n   */\n  private togglePanel(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Close the info panel.\n   */\n  private closePanel(): void {\n    this.open = false;\n  }\n\n  @Listen(\"keydown\", {target: \"window\", capture: true})\n  handleEscapeKey(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.open) {\n      this.closePanel();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          type=\"button\"\n          onClick={this.togglePanel.bind(this)}\n          aria-label={!this.label ? this.ariaLabel : undefined}\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-controls=\"z-info-reveal-panel\"\n        >\n          {this.icon && <z-icon name={this.icon} />}\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n        </button>\n        <div\n          class=\"z-info-reveal-panel\"\n          id=\"z-info-reveal-panel\"\n          ref={(el) => (this.panel = el)}\n          hidden={!this.open}\n        >\n          <slot></slot>\n          <button\n            class=\"z-info-reveal-close\"\n            type=\"button\"\n            onClick={this.closePanel.bind(this)}\n            aria-label=\"Chiudi pannello informazioni\"\n          >\n            <z-icon name=\"multiply\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}