@zanichelli/albe-web-components 19.6.1 → 20.0.0

package/dist/types/components/deprecated/z-book-card-deprecated/index.d.ts

@@ -1,91 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-import { BookCardDeprecatedVariant } from "../../../beans";
-/**
- * @slot resources - books resources (extended variant only)
- * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)
- * @slot tags - card tags (extended and search variant only)
- * @slot footer-cta - footer cta button (search and compact variant only)
- */
-export declare class ZBookCardDeprecated implements ComponentInterface {
-    hostElement: HTMLZBookCardDeprecatedElement;
-    /**
-     * Card variant: expanded, compact, search
-     */
-    variant: BookCardDeprecatedVariant;
-    /**
-     * Cover URL
-     */
-    cover: string;
-    /**
-     * Card main title
-     */
-    operaTitle: string;
-    /**
-     * [optional] Card subtitle
-     */
-    volumeTitle?: string;
-    /**
-     * [optional] Authors
-     */
-    authors?: string;
-    /**
-     * [optional] Main ISBN
-     */
-    isbn?: string;
-    /**
-     * [optional] ISBN label
-     */
-    isbnLabel: string;
-    /**
-     * [optional] Ribbon label - expanded and search variant only
-     */
-    ribbon?: string;
-    /**
-     * [optional] Ribbon icon - expanded and search variant only
-     */
-    ribbonIcon?: string;
-    /**
-     * [optional] Ribbon interactive - expanded and search variant only
-     */
-    ribbonInteractive?: boolean;
-    /**
-     * [optional] Borderless card - compact variant only
-     */
-    borderless?: boolean;
-    /**
-     * [optional] Fallback cover URL
-     */
-    fallbackCover?: string;
-    /**
-     * [optional] [accessibility] Card title HTML tag
-     */
-    operaTitleTag?: string;
-    isMobile: boolean;
-    hasResources: boolean;
-    showResources: boolean;
-    /** click on interactive ribbon */
-    ribbonClick: EventEmitter;
-    private emitRibbonClick;
-    private id;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    private handleResources;
-    private toggleResources;
-    private renderCard;
-    private renderExpandedCard;
-    private renderMobileExpandedCard;
-    private renderSearchCard;
-    private renderCompactCard;
-    private renderCover;
-    private renderRibbon;
-    private renderOperaTitle;
-    private renderVolumeTitle;
-    private renderAuthors;
-    private renderIsbn;
-    private renderShowResources;
-    private renderTagsSlot;
-    private renderHeaderCtaSlot;
-    private renderResourcesSlot;
-    private renderFooterCtaSlot;
-    render(): HTMLZBookCardDeprecatedElement;
-}

package/dist/types/components/deprecated/z-menu-deprecated/index.d.ts

@@ -1,60 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot - Menu label
- * @slot header - Header to display as the first entry of the open menu.
- * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.
- */
-export declare class ZMenuDeprecated implements ComponentInterface {
-    hostElement: HTMLZMenuDeprecatedElement;
-    /** Flag to set the active status of the menu. */
-    active?: boolean;
-    /**
-     * Flag to set the display mode of the list.
-     * If true, the list will be absolutely positioned under the menu label,
-     * stacked beneath it otherwise.
-     */
-    floating?: boolean;
-    /** The opening state of the menu. */
-    open: boolean;
-    /**
-     * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).
-     * A small border is placed under it as a separator from other elements.
-     */
-    verticalContext: boolean;
-    hasHeader: boolean;
-    hasContent: boolean;
-    private content;
-    /** Animation frame request id. */
-    private raf;
-    /** The menu has been opened. */
-    opened: EventEmitter;
-    /** The menu has been closed. */
-    closed: EventEmitter;
-    private toggle;
-    /** Close the floating list when a click is performed outside of this Element. */
-    handleClick(ev: MouseEvent): void;
-    onOpenChanged(): void;
-    constructor();
-    componentWillLoad(): void;
-    /**
-     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
-     * @param ev Slotchange event
-     */
-    private onLabelSlotChange;
-    /**
-     * Correctly set position of the floating menu in order to prevent overflow.
-     * @param live Should run the method on every refresh frame.
-     */
-    private reflow;
-    /**
-     * Check if some content slot is set.
-     */
-    private checkContent;
-    /**
-     * Set `menuitem` role to all menu items.
-     * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).
-     */
-    private onItemsChange;
-    private renderMenuLabel;
-    render(): HTMLZMenuElement;
-}

package/dist/types/components/deprecated/z-menu-section-deprecated/index.d.ts

@@ -1,31 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-/**
- * A component to create submenus inside the ZMenu.
- * @slot - Label of the menu section.
- * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.
- */
-export declare class ZMenuSectionDeprecated implements ComponentInterface {
-    hostElement: HTMLZMenuSectionDeprecatedElement;
-    /** Active state */
-    active?: boolean;
-    open: boolean;
-    hasContent: boolean;
-    /** The section has been opened. */
-    opened: EventEmitter;
-    /** The section has been closed. */
-    closed: EventEmitter;
-    private toggle;
-    /** Close the list when a click is performed outside of this Element. */
-    handleClick(ev: MouseEvent): void;
-    /**
-     * Check if some content slot is set.
-     */
-    private checkContent;
-    /**
-     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
-     * @param ev Slotchange event
-     */
-    private onLabelSlotChange;
-    componentWillLoad(): void;
-    render(): HTMLZMenuSectionElement;
-}

package/dist/types/components/deprecated/z-section-title/index.d.ts

@@ -1,25 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-import { ZSectionTitleDividerPosition } from "../../../beans";
-/**
- * Section title component.
- * An optional secondary title can be put over the primary one.
- *
- * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
- * following its width and removing the one for the primary title.
- * @slot primary-title - Slot for the primary title.
- */
-export declare class ZSectionTitle implements ComponentInterface {
-    /**
-     * Divider position for the primary title.
-     * This prop only works if the secondary title is not set.
-     */
-    dividerPosition: ZSectionTitleDividerPosition;
-    /**
-     * Whether the primary title text is uppercase.
-     */
-    uppercase: boolean;
-    host: HTMLZSectionTitleElement;
-    private hasSecondaryTitle;
-    componentWillRender(): void;
-    render(): HTMLZSectionTitleElement;
-}

package/dist/types/components/deprecated/z-toggle-button/index.d.ts

@@ -1,17 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-export declare class ZToggleButton implements ComponentInterface {
-    /** label text */
-    label: string;
-    /** disabled status flag (optional) */
-    isdisabled?: boolean;
-    /** avoidclick status flag */
-    avoidclick: boolean;
-    /** open by default (optional) */
-    opened?: boolean;
-    /**  aria-label for the button */
-    ariaLabel: string;
-    /** emitted on toggle button click, returns isOpen */
-    toggleClick: EventEmitter;
-    private emitToggleClick;
-    render(): HTMLButtonElement;
-}

package/dist/types/components/z-panel-elem/index.d.ts

@@ -1,25 +0,0 @@
-import { ComponentInterface } from "../../stencil-public-runtime";
-/**
- * @slot `descrSlotName` - description content
- */
-export declare class ZPanelElem implements ComponentInterface {
-    /** html element id (optional) */
-    elemid?: string;
-    /** image url source (optional) */
-    imgurl?: string;
-    /** alternative image text (optional) */
-    imgalt?: string;
-    /** icon link name (optional) */
-    linkicon?: string;
-    /** link label text*/
-    linklabel: string;
-    /** link url */
-    url: string;
-    /** link target (optional) */
-    target?: string;
-    /** disabled status flag (optional) */
-    isdisabled?: boolean;
-    /** name of slot container (optional) */
-    descrSlotName?: string;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts

@@ -1,17 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot - generic card slot
- */
-export declare class ZMyzCardComponent implements ComponentInterface {
-    /** faded status */
-    faded: boolean;
-    /** graphic variant (optional) */
-    cardtype?: LicenseType;
-    /** pressed status */
-    ispressed: boolean;
-    /** highlighted status */
-    ishighlighted: boolean;
-    private retrieveClass;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts

@@ -1,19 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../../stencil-public-runtime";
-export declare class ZMyzCardAlert implements ComponentInterface {
-    /** icon name */
-    iconname: string;
-    /** content text */
-    contenttext: string;
-    /** action button text */
-    actiontext?: string;
-    /** alert variant type */
-    type: string;
-    /** undo action click/keyboard event, returns actionType */
-    undoAction: EventEmitter;
-    private emitUndoAction;
-    private handleSpaceKeyPress;
-    private handleActionButtonClick;
-    private retrieveClass;
-    private getAlertType;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts

@@ -1,8 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-/**
- * @slot alert - card alert slot
- * @slot cover - book cover slot
- */
-export declare class ZMyzCardBody implements ComponentInterface {
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts

@@ -1,13 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-export declare class ZMyzCardCover implements ComponentInterface {
-    /** image source */
-    img: string;
-    /** cover alt title */
-    titolo: string;
-    /** faded status */
-    faded: boolean;
-    /** default error image source */
-    defaultimg: string;
-    private hadleOnImageError;
-    render(): HTMLImageElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts

@@ -1,24 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../../stencil-public-runtime";
-/**
- * @slot  - generic card slot
- * @slot info - flipped card info
- */
-export declare class ZMyzCardDictionary implements ComponentInterface {
-    /** card title */
-    name: string;
-    /** card cover */
-    cover: string;
-    /** card is disabled */
-    disabled: boolean;
-    /** card is flipped */
-    flipped: boolean;
-    /** flip button label */
-    flipbuttonlabel: string;
-    /** hide info button */
-    hideinfobtn: boolean;
-    handleFlipCard(e: CustomEvent): void;
-    /** when card is flipped */
-    cardFlipped: EventEmitter;
-    private flipCard;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts

@@ -1,35 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot toggle - toggle button slot
- * @slot list - card resources list slot
- */
-export declare class ZMyzCardFooter implements ComponentInterface {
-    host: HTMLZMyzCardFooterElement;
-    /** volume title */
-    titolo: string;
-    /** authors name text */
-    autori: string;
-    /** volume isbn */
-    isbn: string;
-    /** faded status */
-    faded: boolean;
-    /** card graphic variant (optional) */
-    cardtype?: LicenseType;
-    /** footer opened by default (optional) */
-    opened?: boolean;
-    /** display footer custom slotted content */
-    customContent: boolean;
-    isOpen: boolean;
-    allowTooltipAuthors: boolean;
-    private ellipsisAuthors?;
-    handleToggle(): void;
-    private getTitleAuthors;
-    componentWillLoad(): void;
-    private elementsEllipsis;
-    private elementAuthorsHasEllipsis;
-    private retrieveClass;
-    private footerTransitionHandler;
-    private getFirstListItem;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts

@@ -1,8 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-/**
- * @slot top - footer top content
- * @slot bottom - footer bottom content
- */
-export declare class ZMyzCardFooterSections implements ComponentInterface {
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts

@@ -1,20 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot icon - card header icon slot
- */
-export declare class ZMyzCardHeader implements ComponentInterface {
-    /** volume title */
-    titolo: string;
-    /** faded status */
-    faded: boolean;
-    /** card graphic variant (optional) */
-    cardtype?: LicenseType;
-    allowTooltip: boolean;
-    private ellipsis?;
-    private getTitle;
-    componentDidLoad(): void;
-    private elementHasEllipsis;
-    private retrieveClass;
-    render(): HTMLElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts

@@ -1,10 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-export declare class ZMyzCardIcon implements ComponentInterface {
-    /** icon name */
-    icon: string;
-    /** disabled status flag */
-    isdisabled: boolean;
-    /** description of the icon*/
-    ariaLabel: string;
-    render(): HTMLButtonElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts

@@ -1,36 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../../stencil-public-runtime";
-import { DictionaryData } from "../../../../beans";
-/**
- * @slot - content
- */
-export declare class ZMyzCardInfo implements ComponentInterface {
-    /** dictionary info */
-    data: string | DictionaryData;
-    /** tabindex link attribute (optional) */
-    htmltabindex?: number;
-    hiddenContent: boolean;
-    tooltip: boolean;
-    private cardData;
-    private contentWrapper;
-    private infoWrapper;
-    private onlineLicenseWrapper;
-    private offlineLicenseWrapper;
-    /** flip card to front */
-    flipCard: EventEmitter;
-    private emitFlipCard;
-    constructor();
-    componentWillLoad(): void;
-    componentWillUpdate(): void;
-    componentDidRender(): void;
-    private handleContentHeight;
-    private setStringOrArray;
-    private renderCloseIcon;
-    private renderGeneralSection;
-    private renderAuthor;
-    private renderYear;
-    private renderTooltip;
-    private setExpirationLicenseMessage;
-    private renderOnlineLicenseSection;
-    private renderOfflineLicenseSection;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts

@@ -1,10 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-export declare class ZMyzCardList implements ComponentInterface {
-    /** list data stringified array */
-    listdata: string;
-    constructor();
-    private handleSpaceKeyPress;
-    private formatListContent;
-    private renderList;
-    render(): HTMLUListElement;
-}

package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts

@@ -1,12 +0,0 @@
-import { ComponentInterface } from "../../../../stencil-public-runtime";
-import { ListItem } from "../../../../beans/index.js";
-export declare class ZMyzList implements ComponentInterface {
-    /** json stringified list data (mutable, optional) */
-    inputrawdata?: string;
-    /** list item data (mutable, optional)*/
-    list?: ListItem[];
-    componentWillLoad(): void;
-    private parseinputrawdata;
-    oninputrawdataChange(newValue: string): void;
-    render(): HTMLUListElement;
-}

package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts

@@ -1,25 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../../stencil-public-runtime";
-export declare class ZMyzListItem implements ComponentInterface {
-    /** content text */
-    text: string;
-    /** link url (optional) */
-    link?: string;
-    /** link target (optional) */
-    linktarget?: string;
-    /** icon name (optional) */
-    icon?: string;
-    /** id (optional) */
-    listitemid?: string;
-    /** data-action attribute (optional) */
-    action?: string;
-    /** underlined style flag */
-    underlined: boolean;
-    /** emitted on list item link click, returns linkId */
-    zListItemLinkClick: EventEmitter;
-    private emitZListItemLinkClick;
-    /** emitted on list item click, returns listitemid */
-    zListItemClick: EventEmitter;
-    private emitZListItemClick;
-    constructor();
-    render(): HTMLLIElement;
-}

package/dist/types/snowflakes/myz/z-alert/index.d.ts

@@ -1,10 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-import { AlertType } from "../../../beans/index";
-/**
- * @slot - alert content
- */
-export declare class ZAlert implements ComponentInterface {
-    /** alert variant type */
-    type: AlertType;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/z-otp/index.d.ts

@@ -1,17 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-import { InputStatus } from "../../../beans";
-export declare class ZOtp implements ComponentInterface {
-    /** Input number */
-    inputNum?: number;
-    /** Input status */
-    status?: InputStatus;
-    /** Input message */
-    message?: string;
-    private otp;
-    private otpRef;
-    /** Otp change event */
-    otpChange: EventEmitter;
-    private emitInputChange;
-    componentWillLoad(): void;
-    render(): HTMLDivElement;
-}

package/dist/types/snowflakes/myz/z-slideshow/index.d.ts

@@ -1,31 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-import { Device } from "../../../beans";
-/**
- * @slot footer-right - right content slot in footer
- * @slot footer-left - left content slot in footer
- */
-export declare class ZSlideshow implements ComponentInterface {
-    el: HTMLZSlideshowElement;
-    /** slideshow id */
-    slideshowid: string;
-    /** array or JSON stringified images urls */
-    data: string[] | string;
-    device: Device;
-    currentSlide: number;
-    private links;
-    watchData(): void;
-    componentWillLoad(): void;
-    componentDidRender(): void;
-    private handleResize;
-    private parseLinks;
-    private setStyle;
-    private setDevice;
-    private setCurrentSlide;
-    private getBulletDimension;
-    private renderSlides;
-    private renderScroll;
-    private renderSlideshowMain;
-    private renderBullet;
-    private renderSlideshowFooter;
-    render(): HTMLElement;
-}

package/dist/web-components-library/p-0673b282.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as i,d as a}from"./p-BcDWN4F1.js";const s=()=>`:host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-primary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}`;const l=class{constructor(o){t(this,o);this.opened=e(this,"opened",7);this.closed=e(this,"closed",7)}toggle(){if(!this.hasContent){return}this.open=!this.open;if(this.open){this.opened.emit()}else{this.closed.emit()}}handleClick(t){if(!this.open||this.hostElement.contains(t.target)){return}this.open=false;this.closed.emit()}checkContent(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=(e===null||e===void 0?void 0:e.innerText)||null}componentWillLoad(){this.checkContent()}render(){return o(i,{key:"a65fd5af1f2b3b6c9d21c30336b806395624af59",role:"menu",open:this.open},o("button",{key:"88460e785ca428d4a40f4dc9bdd56194a2b64d3e",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},o("slot",{key:"b0198e42f9819b2e9c622d4672510d7a9584a1b1",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&o("z-icon",{key:"6b6f41288e53ef83b6817eda49e1a77135552345",name:this.open?"chevron-up":"chevron-down"})),this.open&&o("div",{key:"7721c370a48044d60749f366a718ca266d9afc73",class:"items"},o("slot",{key:"1738da8320d0931abaf8a7dd854456e28bba9781",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return a(this)}};l.style=s();export{l as z_menu_section_deprecated};
-//# sourceMappingURL=p-0673b282.entry.js.map

package/dist/web-components-library/p-0673b282.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMenuSectionDeprecated","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","hostElement","contains","target","checkContent","querySelectorAll","length","onLabelSlotChange","labelElement","assignedElements","dataset","text","innerText","componentWillLoad","render","h","Host","key","role","class","onClick","bind","onSlotchange","name"],"sources":["src/components/deprecated/z-menu-section-deprecated/styles.css?tag=z-menu-section-deprecated&encapsulation=shadow","src/components/deprecated/z-menu-section-deprecated/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0;\n  font-family: var(--font-family-sans);\n}\n\n:host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host(:is([active], [open])) .label,\n.label:hover {\n  border-color: var(--color-primary01);\n}\n\n:host(:is([active], [open])) .label ::slotted(*),\n.label:focus:focus-visible ::slotted(*),\n.label:hover ::slotted(*) {\n  font-weight: var(--font-bd);\n}\n\n.label {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);\n  border: 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  cursor: pointer;\n  text-align: left;\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n/* Trick to prevent layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  overflow: hidden;\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n.label ::slotted(*) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n}\n\n.label:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.label z-icon {\n  margin-left: calc(var(--space-unit) * 4);\n  fill: var(--color-default-icon);\n}\n\n.items {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  padding: calc(var(--space-unit) / 2);\n  padding-bottom: calc(var(--space-unit) * 1.5);\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  display: inline-flex;\n  padding: calc(var(--space-unit) / 2);\n  margin: 0;\n  font-size: var(--font-size-2);\n  line-height: 1.4;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-primary01);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"][active]) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\n\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.\n */\n@Component({\n  tag: \"z-menu-section-deprecated\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenuSectionDeprecated implements ComponentInterface {\n  @Element() hostElement: HTMLZMenuSectionDeprecatedElement;\n\n  /** Active state */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  @State()\n  open: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  /** The section has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The section has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    if (this.open) {\n      this.opened.emit();\n    } else {\n      this.closed.emit();\n    }\n  }\n\n  /** Close the list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.open || this.hostElement.contains(ev.target as Node)) {\n      return;\n    }\n\n    this.open = false;\n    this.closed.emit();\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasContent = this.hostElement.querySelectorAll('[slot=\"item\"]').length > 0;\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.innerText || null;\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  render(): HTMLZMenuSectionElement {\n    return (\n      <Host\n        role=\"menu\"\n        open={this.open}\n      >\n        <button\n          class=\"label\"\n          aria-pressed={this.open ? \"true\" : \"false\"}\n          onClick={this.toggle.bind(this)}\n        >\n          <slot onSlotchange={this.onLabelSlotChange.bind(this)}></slot>\n          {this.hasContent && <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />}\n        </button>\n        {this.open && (\n          <div class=\"items\">\n            <slot\n              name=\"item\"\n              onSlotchange={this.checkContent.bind(this)}\n            ></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,IAAM,67D,MCYXC,EAAsB,M,uFAqBzB,MAAAC,GACN,IAAKC,KAAKC,WAAY,CACpB,M,CAGFD,KAAKE,MAAQF,KAAKE,KAClB,GAAIF,KAAKE,KAAM,CACbF,KAAKG,OAAOC,M,KACP,CACLJ,KAAKK,OAAOD,M,EAMhB,WAAAE,CAAYC,GACV,IAAKP,KAAKE,MAAQF,KAAKQ,YAAYC,SAASF,EAAGG,QAAiB,CAC9D,M,CAGFV,KAAKE,KAAO,MACZF,KAAKK,OAAOD,M,CAMN,YAAAO,GACNX,KAAKC,WAAaD,KAAKQ,YAAYI,iBAAiB,iBAAiBC,OAAS,C,CAOxE,iBAAAC,CAAkBP,GACxB,MAAMQ,EAAgBR,EAAGG,OAA2BM,mBAAmB,GACvED,EAAaE,QAAQC,MAAOH,IAAY,MAAZA,SAAY,SAAZA,EAAcI,YAAa,I,CAGzD,iBAAAC,GACEpB,KAAKW,c,CAGP,MAAAU,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OACLvB,KAAMF,KAAKE,MAEXoB,EAAA,UAAAE,IAAA,2CACEE,MAAM,QAAO,eACC1B,KAAKE,KAAO,OAAS,QACnCyB,QAAS3B,KAAKD,OAAO6B,KAAK5B,OAE1BsB,EAAA,QAAAE,IAAA,2CAAMK,aAAc7B,KAAKc,kBAAkBc,KAAK5B,QAC/CA,KAAKC,YAAcqB,EAAA,UAAAE,IAAA,2CAAQM,KAAM9B,KAAKE,KAAO,aAAe,kBAE9DF,KAAKE,MACJoB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SACTJ,EAAA,QAAAE,IAAA,2CACEM,KAAK,OACLD,aAAc7B,KAAKW,aAAaiB,KAAK5B,S","ignoreList":[]}

package/dist/web-components-library/p-26788712.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a}from"./p-BcDWN4F1.js";const n=()=>`*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}`;const r=class{constructor(a){t(this,a);this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,a){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(a,"_blank")}}formatListContent(t){const{value:n,isLink:r,url:i}=t;if(!r){return a("span",null,n)}return a("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},n)}renderList(t){return t.map((t=>a("li",null,this.formatListContent(t))))}render(){return a("ul",{key:"a300da3bf2b9c83f59a6464b82fb2448f97555f9"},this.renderList(JSON.parse(this.listdata)))}};r.style=n();export{r as z_myz_card_list};
-//# sourceMappingURL=p-26788712.entry.js.map

package/dist/web-components-library/p-26788712.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzCardList","constructor","hostRef","this","renderList","bind","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse","listdata"],"sources":["src/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"sourcesContent":["*:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\nul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import {Component, ComponentInterface, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardList implements ComponentInterface {\n  /** list data stringified array */\n  @Prop()\n  listdata: string;\n\n  constructor() {\n    this.renderList = this.renderList.bind(this);\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      window.open(url, \"_blank\");\n    }\n  }\n\n  private formatListContent(data: Action): HTMLAnchorElement {\n    const {value, isLink, url} = data;\n    if (!isLink) {\n      return <span>{value}</span>;\n    }\n\n    return (\n      <a\n        role=\"button\"\n        onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n        href={url}\n        target=\"_blank\"\n      >\n        {value}\n      </a>\n    );\n  }\n\n  private renderList(dataArray: Action[]): HTMLLIElement[] {\n    return dataArray.map((data: Action) => {\n      return <li>{this.formatListContent(data)}</li>;\n    });\n  }\n\n  render(): HTMLUListElement {\n    return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,IAAM,qvB,MCQXC,EAAY,MAKvB,WAAAC,CAAAC,G,UACEC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,KACxC,CAEO,mBAAAG,CAAoBC,EAAkBC,GAC5C,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACtCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,EAIb,iBAAAK,CAAkBC,GACxB,MAAMC,MAACA,EAAKC,OAAEA,EAAMR,IAAEA,GAAOM,EAC7B,IAAKE,EAAQ,CACX,OAAOC,EAAA,YAAOF,E,CAGhB,OACEE,EAAA,KACEC,KAAK,SACLC,WAAaZ,GAAqBJ,KAAKG,oBAAoBC,EAAGC,GAC9DY,KAAMZ,EACNa,OAAO,UAENN,E,CAKC,UAAAX,CAAWkB,GACjB,OAAOA,EAAUC,KAAKT,GACbG,EAAA,UAAKd,KAAKU,kBAAkBC,K,CAIvC,MAAAU,GACE,OAAOP,EAAA,MAAAQ,IAAA,4CAAKtB,KAAKC,WAAWsB,KAAKC,MAAMxB,KAAKyB,W","ignoreList":[]}

package/dist/web-components-library/p-2fcbc1a1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i}from"./p-BcDWN4F1.js";const a=()=>`ul{padding:0;margin:0}`;const s=class{constructor(i){t(this,i)}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"68407f9f3732f51af43763651c228bf950aada69"},this.list&&this.list.map(((a,s)=>i("z-myz-list-item",{listitemid:a.listitemid,text:a.text,link:a.link,linktarget:a.linktarget,icon:a.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:[{oninputrawdataChange:0}]}}};s.style=a();export{s as z_myz_list};
-//# sourceMappingURL=p-2fcbc1a1.entry.js.map

package/dist/web-components-library/p-2fcbc1a1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzList","componentWillLoad","this","inputrawdata","parseinputrawdata","list","JSON","parse","oninputrawdataChange","newValue","render","lastElem","length","h","key","map","bean","i","listitemid","text","link","linktarget","icon","underlined"],"sources":["src/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list/index.tsx"],"sourcesContent":["ul {\n  padding: 0;\n  margin: 0;\n}\n","import {Component, ComponentInterface, Prop, Watch, h} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n  tag: \"z-myz-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzList implements ComponentInterface {\n  /** json stringified list data (mutable, optional) */\n  @Prop()\n  inputrawdata?: string;\n\n  /** list item data (mutable, optional)*/\n  @Prop({mutable: true})\n  list?: ListItem[];\n\n  componentWillLoad(): void {\n    if (this.inputrawdata) {\n      this.parseinputrawdata(this.inputrawdata);\n    }\n  }\n\n  private parseinputrawdata(inputrawdata: string): void {\n    this.list = [...JSON.parse(inputrawdata)];\n  }\n\n  @Watch(\"inputrawdata\")\n  oninputrawdataChange(newValue: string): void {\n    this.parseinputrawdata(newValue);\n  }\n\n  render(): HTMLUListElement {\n    const lastElem = this.list ? this.list.length - 1 : -1;\n\n    return (\n      <ul>\n        {this.list &&\n          this.list.map((bean, i) => (\n            <z-myz-list-item\n              listitemid={bean.listitemid}\n              text={bean.text}\n              link={bean.link}\n              linktarget={bean.linktarget}\n              icon={bean.icon}\n              underlined={lastElem != i}\n            />\n          ))}\n      </ul>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,IAAM,yB,MCQXC,EAAQ,M,yBASnB,iBAAAC,GACE,GAAIC,KAAKC,aAAc,CACrBD,KAAKE,kBAAkBF,KAAKC,a,EAIxB,iBAAAC,CAAkBD,GACxBD,KAAKG,KAAO,IAAIC,KAAKC,MAAMJ,G,CAI7B,oBAAAK,CAAqBC,GACnBP,KAAKE,kBAAkBK,E,CAGzB,MAAAC,GACE,MAAMC,EAAWT,KAAKG,KAAOH,KAAKG,KAAKO,OAAS,GAAI,EAEpD,OACEC,EAAA,MAAAC,IAAA,4CACGZ,KAAKG,MACJH,KAAKG,KAAKU,KAAI,CAACC,EAAMC,IACnBJ,EAAA,mBACEK,WAAYF,EAAKE,WACjBC,KAAMH,EAAKG,KACXC,KAAMJ,EAAKI,KACXC,WAAYL,EAAKK,WACjBC,KAAMN,EAAKM,KACXC,WAAYZ,GAAYM,M","ignoreList":[]}

package/dist/web-components-library/p-30d82cf1.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s}from"./p-BcDWN4F1.js";import{h as a}from"./p-C_25lDQa.js";import"./p-DdetsoIY.js";import"./p-Q-tWjk7P.js";const e=()=>`:host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}`;const o=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.linktarget="_self";this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"5364c5d28f9c27c67edb4e0bdcb1149f82ced9b6",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>a(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"beb568968c53a442f27900b428f0fe5d0ac2703d",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"60bb559247dc40d349b83469baf081dcd1a23fae",name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>a(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"2c8731d7877f7675d388f8be3eb833a8fcc75bd0"})))}};o.style=e();export{o as z_myz_list_item};
-//# sourceMappingURL=p-30d82cf1.entry.js.map