npm - @zanichelli/albe-web-components - Versions diffs - 19.6.0 → 20.0.0-RC1 - Mend

@zanichelli/albe-web-components 19.6.0 → 20.0.0-RC1

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

Files changed (903) hide show

package/dist/cjs/z-menu-deprecated.cjs.entry.js DELETED Viewed

@@ -1,127 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-const stylesCss = () => `:host,::slotted(*),*{box-sizing:border-box}:host{--z-menu-label-color:var(--color-default-text);position:relative;display:inline-flex;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-primary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}`;
-const ZMenuDeprecated = class {
-    toggle() {
-        if (!this.hasContent) {
-            return;
-        }
-        this.open = !this.open;
-        if (this.open) {
-            this.opened.emit();
-        }
-        else {
-            this.closed.emit();
-        }
-    }
-    /** Close the floating list when a click is performed outside of this Element. */
-    handleClick(ev) {
-        if (!this.floating || !this.open || this.hostElement.contains(ev.target)) {
-            return;
-        }
-        this.reflow();
-        this.open = false;
-        this.closed.emit();
-    }
-    onOpenChanged() {
-        if (this.open) {
-            this.reflow(true);
-        }
-        else {
-            cancelAnimationFrame(this.raf);
-        }
-    }
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.opened = index.createEvent(this, "opened", 7);
-        this.closed = index.createEvent(this, "closed", 7);
-        /**
-         * 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.
-         */
-        this.floating = false;
-        /** The opening state of the menu. */
-        this.open = false;
-        /**
-         * 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.
-         */
-        this.verticalContext = false;
-        this.toggle = this.toggle.bind(this);
-        this.checkContent = this.checkContent.bind(this);
-        this.onLabelSlotChange = this.onLabelSlotChange.bind(this);
-        this.onItemsChange = this.onItemsChange.bind(this);
-    }
-    componentWillLoad() {
-        this.checkContent();
-    }
-    /**
-     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
-     * @param ev Slotchange event
-     */
-    onLabelSlotChange(ev) {
-        const labelElement = ev.target.assignedElements()[0];
-        labelElement.dataset.text = labelElement === null || labelElement === void 0 ? void 0 : labelElement.textContent;
-    }
-    /**
-     * Correctly set position of the floating menu in order to prevent overflow.
-     * @param live Should run the method on every refresh frame.
-     */
-    reflow(live = false) {
-        if (this.content) {
-            const { style } = this.content;
-            const { left } = this.hostElement.getBoundingClientRect();
-            const widthPx = getComputedStyle(this.content).width;
-            const width = widthPx ? parseFloat(widthPx.replace("px", "")) : 375;
-            const safeScrollbarSpace = 30;
-            style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;
-        }
-        if (live) {
-            this.raf = requestAnimationFrame(this.reflow.bind(this, live));
-        }
-    }
-    /**
-     * Check if some content slot is set.
-     */
-    checkContent() {
-        this.hasHeader = !!this.hostElement.querySelectorAll("[slot=header]").length;
-        this.hasContent = !!this.hostElement.querySelectorAll("[slot=item]").length || this.hasHeader;
-    }
-    /**
-     * 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).
-     */
-    onItemsChange() {
-        this.checkContent();
-        const items = this.hostElement.querySelectorAll("[slot=item]");
-        items.forEach((item) => {
-            item.setAttribute("role", "menuitem");
-            item.dataset.text = item.textContent;
-        });
-    }
-    renderMenuLabel() {
-        if (this.hasContent) {
-            return (index.h("button", { class: "menu-label", "aria-expanded": this.open ? "true" : "false", "aria-label": this.open ? "Chiudi menù" : "Apri menù", onClick: this.toggle }, index.h("div", { class: "menu-label-content" }, index.h("slot", { onSlotchange: this.onLabelSlotChange }), index.h("z-icon", { name: this.open ? "chevron-up" : "chevron-down" }))));
-        }
-        return (index.h("div", { class: "menu-label" }, index.h("div", { class: "menu-label-content" }, index.h("slot", { onSlotchange: this.onLabelSlotChange }))));
-    }
-    render() {
-        return (index.h(index.Host, { key: 'dde3e828c6617646ed848e91c53dc624fc23bc2d' }, this.renderMenuLabel(), this.hasContent && (index.h("div", { key: '9888a27020733770e87e87f2ac6193dc0430e36b', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (index.h("header", { key: '09a21728b3cfc859dbdf59b2441326a610c2869f', class: "header" }, index.h("slot", { key: '72bbb4073b1e76569770dc7089526e9f9b055089', name: "header", onSlotchange: this.checkContent }))), index.h("div", { key: 'f53e86dea26861a62f3e924e67f14c97e42f7861', class: "items", role: "menu" }, index.h("slot", { key: '2b6e230e79f472828b85ba40281c9781a14dcef6', name: "item", onSlotchange: this.onItemsChange }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "open": [{
-                "onOpenChanged": 0
-            }]
-    }; }
-};
-ZMenuDeprecated.style = stylesCss();
-exports.z_menu_deprecated = ZMenuDeprecated;
-//# sourceMappingURL=z-menu-deprecated.entry.cjs.js.map
-//# sourceMappingURL=z-menu-deprecated.cjs.entry.js.map

package/dist/cjs/z-menu-deprecated.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-menu-deprecated.cjs.entry.js","mappings":"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","names":["h","Host"],"sources":["src/components/deprecated/z-menu-deprecated/styles.css?tag=z-menu-deprecated&encapsulation=shadow","src/components/deprecated/z-menu-deprecated/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n box-sizing: border-box;\n}\n\n:host {\n /**\n * @prop --z-menu-label-color: Color of the label's text.\n */\n --z-menu-label-color: var(--color-default-text);\n\n position: relative;\n display: inline-flex;\n flex-direction: column;\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.menu-label {\n padding: 0;\n border: 0;\n margin: 0;\n background: transparent;\n border-radius: 0;\n color: inherit;\n outline: none;\n text-align: left;\n}\n\nbutton.menu-label {\n cursor: pointer;\n}\n\n.menu-label:focus-within {\n z-index: 1;\n padding-right: calc(var(--space-unit) * 0.5);\n padding-left: calc(var(--space-unit) * 0.5);\n margin-right: calc(var(--space-unit) * -0.5);\n margin-left: calc(var(--space-unit) * -0.5);\n box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n position: relative;\n display: flex;\n align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n content: \"\";\n pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n height: var(--border-size-small);\n background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n height: var(--border-size-large);\n background-color: var(--color-primary01);\n}\n\n/* Prevents 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 height: 0;\n content: attr(data-text);\n content: attr(data-text) / \"\";\n font-weight: var(--font-bd);\n letter-spacing: normal;\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::slotted([data-text]) {\n display: inline-flex;\n flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n display: inline-flex;\n width: 100%;\n margin: 0;\n appearance: none;\n color: var(--z-menu-label-color);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-5);\n font-weight: inherit;\n letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n line-height: 1.2;\n outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n margin-left: calc(var(--space-unit) * 1.5);\n fill: currentcolor;\n}\n\n.content {\n background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n display: none;\n}\n\n:host([floating]) .content {\n position: absolute;\n top: 100%;\n left: 0;\n width: 375px;\n min-width: 100%;\n max-width: 100vw;\n padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n width: 100%;\n}\n\n.header {\n display: flex;\n align-items: center;\n padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n width: calc(var(--space-unit) * 11.25);\n height: auto;\n object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n margin: auto 0;\n margin-left: calc(var(--space-unit) * 2.5);\n font-size: var(--font-size-3);\n font-weight: var(--font-sb);\n line-height: 1.5;\n}\n\n.items {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n width: 100%;\n margin: 0;\n font-size: var(--font-size-3);\n line-height: 1.25;\n outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n border-color: var(--color-primary01);\n font-weight: var(--font-bd);\n}\n","import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n h,\n} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n */\n@Component({\n tag: \"z-menu-deprecated\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMenuDeprecated implements ComponentInterface {\n @Element() hostElement: HTMLZMenuDeprecatedElement;\n\n /** Flag to set the active status of the menu. */\n @Prop({reflect: true})\n active?: boolean;\n\n /**\n * Flag to set the display mode of the list.\n * If true, the list will be absolutely positioned under the menu label,\n * stacked beneath it otherwise.\n */\n @Prop({reflect: true})\n floating? = false;\n\n /** The opening state of the menu. */\n @Prop({mutable: true, reflect: true})\n open = false;\n\n /**\n * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n * A small border is placed under it as a separator from other elements.\n */\n @Prop({reflect: true})\n verticalContext = false;\n\n @State()\n hasHeader: boolean;\n\n @State()\n hasContent: boolean;\n\n private content: HTMLElement;\n\n /** Animation frame request id. */\n private raf: number;\n\n /** The menu has been opened. */\n @Event()\n opened: EventEmitter;\n\n /** The menu 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 floating list when a click is performed outside of this Element. */\n @Listen(\"click\", {target: \"document\"})\n handleClick(ev: MouseEvent): void {\n if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n return;\n }\n\n this.reflow();\n this.open = false;\n this.closed.emit();\n }\n\n @Watch(\"open\")\n onOpenChanged(): void {\n if (this.open) {\n this.reflow(true);\n } else {\n cancelAnimationFrame(this.raf);\n }\n }\n\n constructor() {\n this.toggle = this.toggle.bind(this);\n this.checkContent = this.checkContent.bind(this);\n this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n this.onItemsChange = this.onItemsChange.bind(this);\n }\n\n componentWillLoad(): void {\n this.checkContent();\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?.textContent;\n }\n\n /**\n * Correctly set position of the floating menu in order to prevent overflow.\n * @param live Should run the method on every refresh frame.\n */\n private reflow(live = false): void {\n if (this.content) {\n const {style} = this.content;\n const {left} = this.hostElement.getBoundingClientRect();\n const widthPx = getComputedStyle(this.content).width;\n const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n const safeScrollbarSpace = 30;\n style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n }\n if (live) {\n this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n }\n }\n\n /**\n * Check if some content slot is set.\n */\n private checkContent(): void {\n this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n }\n\n /**\n * Set `menuitem` role to all menu items.\n * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n */\n private onItemsChange(): void {\n this.checkContent();\n const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n items.forEach((item) => {\n item.setAttribute(\"role\", \"menuitem\");\n item.dataset.text = item.textContent;\n });\n }\n\n private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n if (this.hasContent) {\n return (\n <button\n class=\"menu-label\"\n aria-expanded={this.open ? \"true\" : \"false\"}\n aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n onClick={this.toggle}\n >\n <div class=\"menu-label-content\">\n <slot onSlotchange={this.onLabelSlotChange}></slot>\n <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n </div>\n </button>\n );\n }\n\n return (\n <div class=\"menu-label\">\n <div class=\"menu-label-content\">\n <slot onSlotchange={this.onLabelSlotChange}></slot>\n </div>\n </div>\n );\n }\n\n render(): HTMLZMenuElement {\n return (\n <Host>\n {this.renderMenuLabel()}\n\n {this.hasContent && (\n <div\n class=\"content\"\n ref={(el) => (this.content = el)}\n >\n {this.hasHeader && (\n <header class=\"header\">\n <slot\n name=\"header\"\n onSlotchange={this.checkContent}\n ></slot>\n </header>\n )}\n\n <div\n class=\"items\"\n role=\"menu\"\n >\n <slot\n name=\"item\"\n onSlotchange={this.onItemsChange}\n ></slot>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/z-menu-section-deprecated.cjs.entry.js DELETED Viewed

@@ -1,60 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-const stylesCss = () => `: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 ZMenuSectionDeprecated = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.opened = index.createEvent(this, "opened", 7);
-        this.closed = index.createEvent(this, "closed", 7);
-    }
-    toggle() {
-        if (!this.hasContent) {
-            return;
-        }
-        this.open = !this.open;
-        if (this.open) {
-            this.opened.emit();
-        }
-        else {
-            this.closed.emit();
-        }
-    }
-    /** Close the list when a click is performed outside of this Element. */
-    handleClick(ev) {
-        if (!this.open || this.hostElement.contains(ev.target)) {
-            return;
-        }
-        this.open = false;
-        this.closed.emit();
-    }
-    /**
-     * Check if some content slot is set.
-     */
-    checkContent() {
-        this.hasContent = this.hostElement.querySelectorAll('[slot="item"]').length > 0;
-    }
-    /**
-     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
-     * @param ev Slotchange event
-     */
-    onLabelSlotChange(ev) {
-        const labelElement = ev.target.assignedElements()[0];
-        labelElement.dataset.text = (labelElement === null || labelElement === void 0 ? void 0 : labelElement.innerText) || null;
-    }
-    componentWillLoad() {
-        this.checkContent();
-    }
-    render() {
-        return (index.h(index.Host, { key: 'a65fd5af1f2b3b6c9d21c30336b806395624af59', role: "menu", open: this.open }, index.h("button", { key: '88460e785ca428d4a40f4dc9bdd56194a2b64d3e', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, index.h("slot", { key: 'b0198e42f9819b2e9c622d4672510d7a9584a1b1', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && index.h("z-icon", { key: '6b6f41288e53ef83b6817eda49e1a77135552345', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (index.h("div", { key: '7721c370a48044d60749f366a718ca266d9afc73', class: "items" }, index.h("slot", { key: '1738da8320d0931abaf8a7dd854456e28bba9781', name: "item", onSlotchange: this.checkContent.bind(this) })))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-ZMenuSectionDeprecated.style = stylesCss();
-exports.z_menu_section_deprecated = ZMenuSectionDeprecated;
-//# sourceMappingURL=z-menu-section-deprecated.entry.cjs.js.map
-//# sourceMappingURL=z-menu-section-deprecated.cjs.entry.js.map

package/dist/cjs/z-menu-section-deprecated.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-menu-section-deprecated.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,07DAA07D,CAAC;;MCYv8D,sBAAsB,GAAA,MAAA;;;;;;IAqBzB,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB;;AAGF,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AACtB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;aACb;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;;;AAMtB,IAAA,WAAW,CAAC,EAAc,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE;YAC9D;;AAGF,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;AAGpB;;AAEG;IACK,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;;AAGjF;;;AAGG;AACK,IAAA,iBAAiB,CAAC,EAAS,EAAA;QACjC,MAAM,YAAY,GAAI,EAAE,CAAC,MAA0B,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAgB;AACxF,QAAA,YAAY,CAAC,OAAO,CAAC,IAAI,GAAG,CAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,IAAI;;IAG7D,iBAAiB,GAAA;QACf,IAAI,CAAC,YAAY,EAAE;;IAGrB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,OAAO,EAAA,cAAA,EACC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,EAC1C,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAE/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAAS,EAC7D,IAAI,CAAC,UAAU,IAAIA,qEAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,cAAc,GAAI,CACxE,EACR,IAAI,CAAC,IAAI,KACRA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAChBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CACpC,CACJ,CACP,CACI;;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/z-myz-card-alert.cjs.entry.js DELETED Viewed

@@ -1,64 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-var index$1 = require('./index-DppFfqsn.js');
-const stylesCss = () => `:host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}`;
-const ZMyzCardAlert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.undoAction = index.createEvent(this, "undoAction", 7);
-    }
-    emitUndoAction() {
-        this.undoAction.emit({ actionType: this.type });
-    }
-    handleSpaceKeyPress(e) {
-        if (e.keyCode == 32 || e.keyCode == 13) {
-            e.preventDefault();
-            this.emitUndoAction();
-        }
-    }
-    handleActionButtonClick(e) {
-        e.preventDefault();
-        this.emitUndoAction();
-    }
-    retrieveClass() {
-        let className = "";
-        switch (this.type) {
-            case "add":
-                className = "add-alert";
-                break;
-            case "remove":
-                className = "remove-alert";
-                break;
-            default:
-                className = "";
-                break;
-        }
-        return className;
-    }
-    getAlertType() {
-        switch (this.type) {
-            case "add":
-                return index$1.AlertType.SUCCESS;
-            case "remove":
-                return index$1.AlertType.WARNING;
-            default:
-                return null;
-        }
-    }
-    render() {
-        return (index.h("div", { key: '201658341ee794792a8b91f6666144ac3163eec1', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: '8ac5d12c70817efc8ce85cd298737f7fdcb78acc', type: this.getAlertType() }, index.h("div", { key: '9db78e7bb91568660a416638e5fb12271421d076', class: "relative-container" }, index.h("z-icon", { key: '990bf9d3c3f17b232a9d5b113f48682581c29c44', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: '33184bd74331a45dcef59b8703b1e679e153c51b', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: 'e906ff2a3220d4d9f6a4534a31c94afa244786ff', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
-                this.handleActionButtonClick(e);
-            }, onKeyPress: (e) => {
-                this.handleSpaceKeyPress(e);
-            } }, this.actiontext))))));
-    }
-};
-ZMyzCardAlert.style = stylesCss();
-exports.z_myz_card_alert = ZMyzCardAlert;
-//# sourceMappingURL=z-myz-card-alert.entry.cjs.js.map
-//# sourceMappingURL=z-myz-card-alert.cjs.entry.js.map

package/dist/cjs/z-myz-card-alert.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-myz-card-alert.cjs.entry.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,s7BAAs7B,CAAC;;MCQn8B,aAAa,GAAA,MAAA;;;;;IAqBhB,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC;;AAGvC,IAAA,mBAAmB,CAAC,CAAgB,EAAA;AAC1C,QAAA,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE;YAClB,IAAI,CAAC,cAAc,EAAE;;;AAIjB,IAAA,uBAAuB,CAAC,CAAa,EAAA;QAC3C,CAAC,CAAC,cAAc,EAAE;QAClB,IAAI,CAAC,cAAc,EAAE;;IAGf,aAAa,GAAA;QACnB,IAAI,SAAS,GAAG,EAAE;AAClB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,KAAK;gBACR,SAAS,GAAG,WAAW;gBACvB;AACF,YAAA,KAAK,QAAQ;gBACX,SAAS,GAAG,cAAc;gBAC1B;AACF,YAAA;gBACE,SAAS,GAAG,EAAE;gBACd;;AAGJ,QAAA,OAAO,SAAS;;IAGV,YAAY,GAAA;AAClB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,KAAK;gBACR,OAAOA,iBAAS,CAAC,OAAO;AAC1B,YAAA,KAAK,QAAQ;gBACX,OAAOA,iBAAS,CAAC,OAAO;AAC1B,YAAA;AACE,gBAAA,OAAO,IAAI;;;IAIjB,MAAM,GAAA;AACJ,QAAA,QACEC,kEAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE,EAAA,EAC1DA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAChCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7BA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAA,CACnB,EACVA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,WAAW,CAAQ,EACnD,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,KACjDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,CAAC,CAAa,KAAI;AACzB,gBAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACjC,aAAC,EACD,UAAU,EAAE,CAAC,CAAgB,KAAI;AAC/B,gBAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;aAC5B,EAAA,EAEA,IAAI,CAAC,UAAU,CACX,CACR,CACG,CACE,CACN;;;;;;;","names":["AlertType","h"],"sources":["src/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"sourcesContent":[":host {\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n position: relative;\n display: grid;\n align-items: center;\n padding: 0;\n grid-column-gap: var(--space-unit);\n grid-template-columns: 18px auto 46px;\n grid-template-rows: 1fr;\n outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n border: var(--border-size-medium) solid var(--color-background);\n border-top: none;\n}\n\n:host div.add-alert {\n background: var(--color-inverse-success);\n}\n\n:host div.remove-alert {\n background: var(--color-inverse-warning);\n}\n\n:host div > .content-text {\n color: var(--color-surface05);\n font-size: 14px;\n letter-spacing: 0.16px;\n line-height: 20px;\n}\n\n:host div > .content-action {\n height: 20px;\n color: var(--color-primary01);\n cursor: pointer;\n font-size: 12px;\n font-weight: var(--font-sb);\n letter-spacing: 0.32px;\n line-height: 20px;\n}\n\n:host div > z-icon {\n justify-self: center;\n}\n","import {Component, ComponentInterface, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n tag: \"z-myz-card-alert\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardAlert implements ComponentInterface {\n /** icon name */\n @Prop()\n iconname: string;\n\n /** content text */\n @Prop()\n contenttext: string;\n\n /** action button text */\n @Prop()\n actiontext?: string;\n\n /** alert variant type */\n @Prop()\n type: string;\n\n /** undo action click/keyboard event, returns actionType */\n @Event()\n undoAction: EventEmitter;\n\n private emitUndoAction(): void {\n this.undoAction.emit({actionType: this.type});\n }\n\n private handleSpaceKeyPress(e: KeyboardEvent): void {\n if (e.keyCode == 32 || e.keyCode == 13) {\n e.preventDefault();\n this.emitUndoAction();\n }\n }\n\n private handleActionButtonClick(e: MouseEvent): void {\n e.preventDefault();\n this.emitUndoAction();\n }\n\n private retrieveClass(): string {\n let className = \"\";\n switch (this.type) {\n case \"add\":\n className = \"add-alert\";\n break;\n case \"remove\":\n className = \"remove-alert\";\n break;\n default:\n className = \"\";\n break;\n }\n\n return className;\n }\n\n private getAlertType(): AlertType {\n switch (this.type) {\n case \"add\":\n return AlertType.SUCCESS;\n case \"remove\":\n return AlertType.WARNING;\n default:\n return null;\n }\n }\n\n render(): HTMLDivElement {\n return (\n <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n <z-alert type={this.getAlertType()}>\n <div class=\"relative-container\">\n <z-icon\n name={this.iconname}\n width={18}\n height={18}\n class={this.retrieveClass()}\n ></z-icon>\n <span class=\"content-text\">{this.contenttext}</span>\n {this.actiontext && !!this.actiontext.trim().length && (\n <span\n role=\"button\"\n tabindex=\"0\"\n class=\"content-action\"\n onClick={(e: MouseEvent) => {\n this.handleActionButtonClick(e);\n }}\n onKeyPress={(e: KeyboardEvent) => {\n this.handleSpaceKeyPress(e);\n }}\n >\n {this.actiontext}\n </span>\n )}\n </div>\n </z-alert>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js DELETED Viewed

@@ -1,37 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-var index$1 = require('./index-DppFfqsn.js');
-const stylesCss = () => `:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,     -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,     -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}`;
-const ZMyzCardDictionary = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.cardFlipped = index.createEvent(this, "cardFlipped", 7);
-        /** card is disabled */
-        this.disabled = false;
-        /** card is flipped */
-        this.flipped = false;
-        /** flip button label */
-        this.flipbuttonlabel = "INFO";
-        /** hide info button */
-        this.hideinfobtn = false;
-    }
-    handleFlipCard(e) {
-        this.flipCard(e.detail);
-    }
-    flipCard(showBack = true) {
-        this.flipped = showBack;
-        this.cardFlipped.emit(showBack);
-    }
-    render() {
-        return (index.h("div", { key: 'd1e208c3b3a1fac92e72689db7b9fd700e2452b1' }, index.h("z-myz-card", { key: '96203a335382ae05d8f8b4567936486bd05477d7' }, index.h("z-myz-card-header", { key: '22b83315e7c72fc2794718ee07734d9be9ff981f', titolo: this.name }), index.h("div", { key: '40f1a3a032d2f23b4151f6c5e3ac9598c6b2a694', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: '44adbb97b0b41855c9158a1496b0dbfb05a79c6e', class: "front" }, index.h("z-myz-card-body", { key: 'f5c9b1f0994d0a14803039cf2a6b74ba4c303ffd' }, index.h("z-myz-card-cover", { key: '934b89d09a3b8be386335656006fa88430f63b3a', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: '1af759bc9a58dd131132d81f9f6e56603ac99be1', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: '1c85cf336ea01bc48e3e68ae405910c61eddf83d', class: "back" }, index.h("slot", { key: '4f89674544c94f61bcdef1ef10fdc4f845ed9e1e', name: "info" }))), index.h("slot", { key: '5ecf28e236204b2e8e0789e2f866923c7c6b3cb5' }))));
-    }
-};
-ZMyzCardDictionary.style = stylesCss();
-exports.z_myz_card_dictionary = ZMyzCardDictionary;
-//# sourceMappingURL=z-myz-card-dictionary.entry.cjs.js.map
-//# sourceMappingURL=z-myz-card-dictionary.cjs.entry.js.map

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-myz-card-dictionary.cjs.entry.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,omCAAomC,CAAC;;MCYjnC,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAgBE,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK;;AAIhB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK;;AAIf,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM;;AAIxB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK;AAmDpB;AAhDC,IAAA,cAAc,CAAC,CAAc,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;;IAOjB,QAAQ,CAAC,QAAQ,GAAG,IAAI,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGjC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,MAAM,EAAE,IAAI,CAAC,IAAI,EAAA,CAAsB,EAC1DA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,CAAA,CAAE,EAAA,EACpDA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAChBA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAA,CACpB,CACc,EAClBA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,EACtC,OAAO,EAAEC,qBAAa,CAAC,SAAS,EAChC,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAEC,kBAAU,CAAC,OAAO,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,OAAO,IAErB,IAAI,CAAC,eAAe,CACZ,CACP,EACNF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACfA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CAChB,CACF,EACNA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACG,CACT;;;;;;;","names":["h","ButtonVariant","ButtonSize"],"sources":["src/snowflakes/myz/card/z-myz-card-dictionary/styles.css?tag=z-myz-card-dictionary&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host z-myz-card {\n --card-overflow: visible;\n}\n\n:host > div {\n position: relative;\n width: 100%;\n height: 522px;\n transition: -webkit-transform 0.5s ease-out;\n transition: transform 0.5s ease-out;\n transition:\n transform 0.5s ease-out,\n -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content {\n position: relative;\n z-index: 2;\n width: 100%;\n height: 522px;\n transform-style: preserve-3d;\n transition: -webkit-transform 0.5s ease-out;\n transition: transform 0.5s ease-out;\n transition:\n transform 0.5s ease-out,\n -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content.flipped {\n margin-top: -2px;\n transform: rotateY(180deg);\n}\n\n:host > div .front,\n:host > div .back {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n}\n\n:host > div .front {\n z-index: 2;\n top: 0;\n left: 0;\n transform: rotateY(0deg);\n}\n\n:host > div .front z-button {\n position: absolute;\n z-index: 3;\n top: calc(var(--space-unit) * 0.5);\n left: calc(-1 * var(--space-unit));\n}\n\n:host > div .back {\n z-index: 1;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n padding: 0 var(--space-unit);\n margin-left: calc(-1 * var(--space-unit));\n transform: rotateY(180deg);\n}\n\n.hide-info {\n display: none;\n}\n","import {Component, ComponentInterface, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n tag: \"z-myz-card-dictionary\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardDictionary implements ComponentInterface {\n /** card title */\n @Prop()\n name: string;\n\n /** card cover */\n @Prop()\n cover: string;\n\n /** card is disabled */\n @Prop()\n disabled = false;\n\n /** card is flipped */\n @Prop({mutable: true})\n flipped = false;\n\n /** flip button label */\n @Prop()\n flipbuttonlabel = \"INFO\";\n\n /** hide info button */\n @Prop()\n hideinfobtn = false;\n\n @Listen(\"flipCard\")\n handleFlipCard(e: CustomEvent): void {\n this.flipCard(e.detail);\n }\n\n /** when card is flipped */\n @Event()\n cardFlipped: EventEmitter;\n\n private flipCard(showBack = true): void {\n this.flipped = showBack;\n this.cardFlipped.emit(showBack);\n }\n\n render(): HTMLDivElement {\n return (\n <div>\n <z-myz-card>\n <z-myz-card-header titolo={this.name}></z-myz-card-header>\n <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n <div class=\"front\">\n <z-myz-card-body>\n <z-myz-card-cover\n slot=\"cover\"\n titolo={this.name}\n img={this.cover}\n faded={this.disabled}\n />\n </z-myz-card-body>\n <z-button\n class={{\"hide-info\": this.hideinfobtn}}\n variant={ButtonVariant.SECONDARY}\n icon=\"informationsource\"\n size={ButtonSize.X_SMALL}\n onClick={() => this.flipCard(true)}\n disabled={this.flipped}\n >\n {this.flipbuttonlabel}\n </z-button>\n </div>\n <div class=\"back\">\n <slot name=\"info\" />\n </div>\n </div>\n <slot />\n </z-myz-card>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js DELETED Viewed

@@ -1,20 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-const stylesCss = () => `:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}`;
-const ZMyzCardFooterSections = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("div", { key: '585f033c01cd38632f117bf350a2842f776a6b20' }, index.h("footer", { key: 'b6a0f5c7ce0a6d0826125f6526a3993bab390cd4' }, index.h("div", { key: 'a0d6e3cb8fd9979b894852ace83965290a3a3646', class: "top" }, index.h("slot", { key: '19c023f2c3a6ef00c99f878c8c5e6034db081afa', name: "top" })), index.h("div", { key: 'b8637c38444957c5d8846d88a49447a34139d381', class: "bottom" }, index.h("slot", { key: '540b0fb8593fab0f364daf0fe0164eba8099cbe1', name: "bottom" })))));
-    }
-};
-ZMyzCardFooterSections.style = stylesCss();
-exports.z_myz_card_footer_sections = ZMyzCardFooterSections;
-//# sourceMappingURL=z-myz-card-footer-sections.entry.cjs.js.map
-//# sourceMappingURL=z-myz-card-footer-sections.cjs.entry.js.map

package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-myz-card-footer-sections.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,6aAA6a,CAAC;;MCW1b,sBAAsB,GAAA,MAAA;;;;IACjC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,KAAK,EAAA,EACdA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,KAAK,EAAA,CAAG,CACf,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CAClB,CACC,CACL;;;;;;;","names":["h"],"sources":["src/snowflakes/myz/card/z-myz-card-footer-sections/styles.css?tag=z-myz-card-footer-sections&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div > footer {\n height: 128px;\n box-sizing: border-box;\n padding: var(--space-unit) calc(var(--space-unit) * 2) 0;\n border-top: var(--border-size-medium) solid var(--color-surface03);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n color: var(--color-surface05);\n font-size: 16px;\n line-height: 24px;\n}\n\n:host > div > footer > div.top,\n:host > div > footer > div.bottom {\n height: 60px;\n}\n","import {Component, ComponentInterface, h} from \"@stencil/core\";\n\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n tag: \"z-myz-card-footer-sections\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooterSections implements ComponentInterface {\n render(): HTMLDivElement {\n return (\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\" />\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\" />\n </div>\n </footer>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/z-myz-card-footer.cjs.entry.js DELETED Viewed

@@ -1,70 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-var index$1 = require('./index-DppFfqsn.js');
-const stylesCss = () => `footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}`;
-const ZMyzCardFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /** footer opened by default (optional) */
-        this.opened = false;
-        /** display footer custom slotted content */
-        this.customContent = false;
-        this.isOpen = false;
-        this.allowTooltipAuthors = false;
-    }
-    handleToggle() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
-            const firstElem = this.getFirstListItem();
-            if (firstElem) {
-                requestAnimationFrame(() => {
-                    firstElem.focus();
-                });
-            }
-        }
-    }
-    getTitleAuthors() {
-        return this.allowTooltipAuthors ? this.autori : "";
-    }
-    componentWillLoad() {
-        if (this.opened) {
-            this.isOpen = true;
-        }
-    }
-    elementsEllipsis() {
-        this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
-    }
-    elementAuthorsHasEllipsis() {
-        return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
-    }
-    retrieveClass() {
-        return {
-            "isopen": this.isOpen,
-            "real": this.cardtype === index$1.LicenseType.REAL,
-            "trial": this.cardtype === index$1.LicenseType.TRIAL,
-            "temp": this.cardtype === index$1.LicenseType.TEMP,
-            "custom-content": this.customContent,
-        };
-    }
-    footerTransitionHandler(e) {
-        if (["visibility", "height"].includes(e.propertyName)) {
-            this.elementsEllipsis();
-        }
-    }
-    getFirstListItem() {
-        return this.host.querySelector("[slot=list] > li a");
-    }
-    render() {
-        return (index.h("div", { key: '17bf2d03f2a895a184818a3d0ecc8b4b0ff45ad6', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: '18ba7b3cf576b52ff8cf457d878c2a98b48c8954', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: '87a14b83735cad610accac1b5fad637d58418941', class: "toggle" }, index.h("slot", { key: '07df34b036660a3d17071f931fd8fd1a66d274bd', name: "toggle" })), this.titolo && index.h("p", { key: '56fd76cc8f3048d6224466ce4737a73553a88d5b', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '90c5dee7244ebc98141a16756820f7e0452c50d4', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: '6ea62882251ba40b585b654649339dd2453fae35' }, index.h("p", { key: '063b4b395ef2a1050381d5b12dd06cba3885d0aa', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: '8b8f219162a186142909eba931870ee9fa00f6bd', title: this.getTitleAuthors() }, index.h("span", { key: '088707aba02823b9c2d241151854f619a9fbc495', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: '95c331bf4b5e45d26fad783252b718393ac44e4c', class: "year-isbn" }, index.h("span", { key: '7aa80242fc621eeb2ed4f1737ef0f9b444f1a841', class: "isbn" }, index.h("span", { key: '0f300748a0b1e5daf25c03b4bf11e8bb87e83428' }, index.h("span", { key: 'ac25fb014db97edc0bd4dc1ebfe76d04672104a0', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: 'b0875abb1a63f1cc69d15dae73e1f4b320536e25', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: 'f090c851076f8bb8fdeec5adf8792c78b22cd199', name: "list" })))), this.customContent && index.h("slot", { key: 'eb1b50ef5229ff3f51596c58b7a037a39a3ae5ec', name: "content" })));
-    }
-    get host() { return index.getElement(this); }
-};
-ZMyzCardFooter.style = stylesCss();
-exports.z_myz_card_footer = ZMyzCardFooter;
-//# sourceMappingURL=z-myz-card-footer.entry.cjs.js.map
-//# sourceMappingURL=z-myz-card-footer.cjs.entry.js.map

package/dist/cjs/z-myz-card-footer.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-myz-card-footer.cjs.entry.js","mappings":"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","names":["LicenseType","h"],"sources":["src/snowflakes/myz/card/z-myz-card-footer/styles.css?tag=z-myz-card-footer&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"sourcesContent":["footer {\n position: relative;\n z-index: 5;\n top: 0;\n width: auto;\n height: calc(var(--space-unit) * 6);\n padding: 0;\n border-top: var(--border-size-medium) solid var(--color-surface03);\n margin: 0;\n background-color: var(--color-surface01);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n font-family: var(--font-family-sans);\n font-weight: var(--font-sb);\n}\n\nfooter > p {\n overflow: hidden;\n height: 40px;\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n margin: 0;\n background-color: var(--color-surface01);\n font-family: var(--font-family-sans);\n font-size: 16px;\n font-weight: var(--font-rg);\n line-height: 22px;\n transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n background-color: var(--gray200);\n font-size: 14px;\n font-weight: var(--font-sb);\n transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n background-color: var(--blue100);\n}\n\nfooter .visible {\n display: block;\n}\n\nfooter .hidden {\n display: none;\n}\n\nfooter > div.content {\n overflow: hidden;\n height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n overflow: hidden;\n height: 20px;\n padding: 0;\n margin: 0;\n font-size: 14px;\n line-height: 20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n height: 40px;\n text-overflow: initial;\n white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n height: 50px;\n flex-direction: column;\n padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n display: inline-grid;\n padding-left: 0;\n}\n\nfooter.isopen {\n top: -212px;\n height: 295px;\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n top: -292px;\n}\n\nfooter.isopen > div.content {\n height: 280px;\n transition:\n height 500ms ease-in-out,\n top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n height: 230px;\n}\n\n.toggle {\n position: absolute;\n z-index: 10;\n top: -24px;\n left: 16px;\n}\n\n.faded {\n opacity: 0.3;\n pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n display: block;\n}\n\ndiv.wrapper {\n position: relative;\n height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n position: absolute;\n z-index: 10;\n top: calc(var(--space-unit) * 2);\n display: block;\n width: 100%;\n height: 112px;\n box-sizing: border-box;\n padding: 0 calc(var(--space-unit) * 2);\n border-top: var(--border-size-medium) solid transparent;\n background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n top: 0;\n bottom: 0;\n height: 128px;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--blue100);\n}\n","import {Component, ComponentInterface, Element, Listen, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n tag: \"z-myz-card-footer\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooter implements ComponentInterface {\n @Element() host: HTMLZMyzCardFooterElement;\n\n /** volume title */\n @Prop()\n titolo: string;\n\n /** authors name text */\n @Prop()\n autori: string;\n\n /** volume isbn */\n @Prop()\n isbn: string;\n\n /** faded status */\n @Prop()\n faded: boolean;\n\n /** card graphic variant (optional) */\n @Prop()\n cardtype?: LicenseType;\n\n /** footer opened by default (optional) */\n @Prop()\n opened?: boolean = false;\n\n /** display footer custom slotted content */\n @Prop()\n customContent = false;\n\n @State()\n isOpen = false;\n\n @State()\n allowTooltipAuthors = false;\n\n private ellipsisAuthors?: HTMLElement;\n\n @Listen(\"toggleClick\")\n handleToggle(): void {\n this.isOpen = !this.isOpen;\n if (this.isOpen) {\n const firstElem = this.getFirstListItem();\n if (firstElem) {\n requestAnimationFrame(() => {\n firstElem.focus();\n });\n }\n }\n }\n\n private getTitleAuthors(): string {\n return this.allowTooltipAuthors ? this.autori : \"\";\n }\n\n componentWillLoad(): void {\n if (this.opened) {\n this.isOpen = true;\n }\n }\n\n private elementsEllipsis(): void {\n this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n }\n\n private elementAuthorsHasEllipsis(): boolean {\n return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n }\n\n private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n return {\n \"isopen\": this.isOpen,\n \"real\": this.cardtype === LicenseType.REAL,\n \"trial\": this.cardtype === LicenseType.TRIAL,\n \"temp\": this.cardtype === LicenseType.TEMP,\n \"custom-content\": this.customContent,\n };\n }\n\n private footerTransitionHandler(e: TransitionEvent): void {\n if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n this.elementsEllipsis();\n }\n }\n\n private getFirstListItem(): HTMLElement {\n return this.host.querySelector(\"[slot=list] > li a\");\n }\n\n render(): HTMLDivElement {\n return (\n <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n <footer\n class={this.retrieveClass()}\n onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n >\n <span class=\"toggle\">\n <slot name=\"toggle\" />\n </span>\n {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n <div>\n <p\n class=\"authors\"\n ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n >\n <span title={this.getTitleAuthors()}>\n <span\n aria-description=\"Autori\"\n class=\"bold\"\n >\n {this.autori}\n </span>\n </span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span>\n <span\n aria-description=\"ISBN edizione cartacea\"\n class=\"bold\"\n >\n {this.isbn}\n </span>{\" \"}\n (ed. cartacea)\n </span>\n </span>\n </p>\n </div>\n <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n <slot name=\"list\" />\n </div>\n </div>\n </footer>\n {this.customContent && <slot name=\"content\" />}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/z-myz-card-icon.cjs.entry.js DELETED Viewed

@@ -1,24 +0,0 @@
-'use strict';
-var index = require('./index-CZz7uP-M.js');
-const stylesCss = () => `button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}`;
-const ZMyzCardIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /** disabled status flag */
-        this.isdisabled = false;
-        /** description of the icon*/
-        this.ariaLabel = "";
-    }
-    render() {
-        return (index.h("button", { key: '90cd1649d0de451b49194cf852f489bcd813c3a0', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: '64470955e68c1f5d0724cceed5206b461c67a6f3' }, index.h("z-icon", { key: 'd631ba937bbc59adf93ebb56cf75e0c02f0b156a', name: this.icon, width: 16, height: 16 }))));
-    }
-};
-ZMyzCardIcon.style = stylesCss();
-exports.z_myz_card_icon = ZMyzCardIcon;
-//# sourceMappingURL=z-myz-card-icon.entry.cjs.js.map
-//# sourceMappingURL=z-myz-card-icon.cjs.entry.js.map

package/dist/cjs/z-myz-card-icon.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"z-myz-card-icon.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,imCAAimC,CAAC;;MCO9mC,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAYE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;;AAIlB,QAAA,IAAA,CAAA,SAAS,GAAG,EAAE;AAkBf;IAhBC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAA,YAAA,EACb,IAAI,CAAC,SAAS,EAAA,EAE1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACG,CACA;;;;;;;","names":["h"],"sources":["src/snowflakes/myz/card/z-myz-card-icon/styles.css?tag=z-myz-card-icon&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-icon/index.tsx"],"sourcesContent":["button {\n display: flex;\n width: 42px;\n width: calc(var(--space-unit) * 6);\n height: calc(var(--space-unit) * 5);\n height: calc(var(--space-unit) * 6);\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n border-left: var(--border-size-medium) solid var(--color-surface03);\n margin: 0;\n background: none;\n border-radius: 0 var(--border-radius) 0 0;\n color: var(--color-primary01);\n cursor: pointer;\n fill: var(--color-primary01);\n outline: none;\n}\n\nbutton:active,\nbutton:focus {\n color: var(--blue700);\n fill: var(--blue700);\n}\n\nbutton > span {\n display: flex;\n width: 28px;\n height: 28px;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: var(--border-radius);\n}\n\nbutton:hover > span {\n background: var(--color-primary03);\n}\n\nbutton:focus > span {\n background: var(--color-surface01);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active > span {\n background: var(--color-surface01);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2);\n}\n\nbutton:disabled {\n cursor: not-allowed;\n}\n\nbutton:disabled > span {\n background: none;\n box-shadow: var(--shadow-0);\n pointer-events: none;\n}\n\nbutton:disabled > span > z-icon {\n fill: var(--color-surface03);\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n","import {Component, ComponentInterface, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-myz-card-icon\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardIcon implements ComponentInterface {\n /** icon name */\n @Prop()\n icon: string;\n\n /** disabled status flag */\n @Prop()\n isdisabled = false;\n\n /** description of the icon*/\n @Prop()\n ariaLabel = \"\";\n\n render(): HTMLButtonElement {\n return (\n <button\n disabled={this.isdisabled}\n aria-label={this.ariaLabel}\n >\n <span>\n <z-icon\n name={this.icon}\n width={16}\n height={16}\n />\n </span>\n </button>\n );\n }\n}\n"],"version":3}