@zanichelli/albe-web-components 6.0.1 → 6.0.3

package/dist/types/components/list/z-list/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { ListSize } from "../../../beans";
 export declare class ZList {
   host: HTMLZListElement;
@@ -8,5 +7,5 @@ export declare class ZList {
   size?: ListSize;
   private setChildrenSizeType;
   componentDidLoad(): void;
-  render(): HostElement;
+  render(): HTMLZListElement;
 }

package/dist/types/components/list/z-list-element/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { DividerSize, ExpandableListButtonAlign, ExpandableListStyle, ListDividerType, ListSize } from "../../../beans";
 export declare class ZListElement {
   host: HTMLZListElementElement;
@@ -79,5 +78,5 @@ export declare class ZListElement {
    * @returns expanded content
    */
   private renderExpandedContent;
-  render(): HostElement;
+  render(): HTMLZListElementElement;
 }

package/dist/types/components/list/z-list-group/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { DividerSize, ListSize, ListDividerType } from "../../../beans";
 export declare class ZListGroup {
   host: HTMLZListGroupElement;
@@ -21,5 +20,5 @@ export declare class ZListGroup {
   private hasHeader;
   componentDidLoad(): void;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): HTMLZListGroupElement;
 }

package/dist/types/components/logo/z-logo/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZLogo {
   /** image width */
   width?: number;
@@ -12,5 +11,5 @@ export declare class ZLogo {
   targetBlank?: boolean;
   /** if true, the mobile logo is displayed, otherwise the desktop one */
   mobileLogo?: boolean;
-  render(): HostElement;
+  render(): HTMLZLogoElement;
 }

package/dist/types/components/modal/z-modal/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot modalContent - set the content of the modal
  * @slot modalCloseButton - accept custom close button
@@ -22,5 +21,5 @@ export declare class ZModal {
   /** emitted on background click, returns modalid */
   modalBackgroundClick: EventEmitter;
   private emitBackgroundClick;
-  render(): HostElement;
+  render(): HTMLZModalElement;
 }

package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../../stencil-public-runtime";
 import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
 /**
  * Navigation tabs component.
@@ -67,5 +66,5 @@ export declare class ZNavigationTabs {
    */
   private navigateForward;
   componentDidRender(): void;
-  render(): HostElement;
+  render(): HTMLZNavigationTabsElement;
 }

package/dist/types/components/navigation/z-app-header/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot title
  * @slot subtitle
@@ -64,7 +63,7 @@ export declare class ZAppHeader {
   private disableStuckMode;
   onStucked(): void;
   setMenuFloatingMode(): void;
-  render(): HostElement;
+  render(): HTMLZAppHeaderElement;
   private openDrawer;
   private closeDrawer;
 }

package/dist/types/components/navigation/z-app-topbar/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { MenuItem, ThemeVariant } from "../../../beans";
 export declare class ZAppTopbar {
   /** theme variant, default 'dark' */
@@ -17,5 +16,5 @@ export declare class ZAppTopbar {
   componentWillLoad(): void;
   componentWillRender(): void;
   private renderTopbarLinks;
-  render(): HostElement;
+  render(): HTMLZAppTopbarElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
@@ -49,5 +48,5 @@ export declare class ZMenu {
    */
   private onItemsChange;
   private renderMenuLabel;
-  render(): HostElement;
+  render(): HTMLZMenuElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - Menu section label
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
@@ -22,5 +21,5 @@ export declare class ZMenuSection {
    */
   private checkContent;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): HTMLZMenuSectionElement;
 }

package/dist/types/components/navigation/z-user-dropdown/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { MenuItem } from "../../../beans";
 export declare class ZUserDropdown {
   /** logged status flag */
@@ -36,5 +35,5 @@ export declare class ZUserDropdown {
   private renderLoggedButton;
   private getZLinkTextcolor;
   private renderDropdownMenu;
-  render(): HostElement;
+  render(): HTMLZUserDropdownElement;
 }

package/dist/types/components/notification/z-notification/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { NotificationType } from "../../../beans";
 /**
  * Notification bar component.
@@ -29,5 +28,5 @@ export declare class ZNotification {
   notificationClose: EventEmitter;
   private handleCloseButtonClick;
   constructor();
-  render(): HostElement;
+  render(): HTMLZNotificationElement;
 }

package/dist/types/components/notification/z-toast-notification/index.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ToastNotificationTransition, ToastNotification } from "../../../beans";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZToastNotification {
   hostElement: HTMLZToastNotificationElement;
   /** toast notification's title */
@@ -53,5 +52,5 @@ export declare class ZToastNotification {
   private renderCloseIcon;
   private renderContainer;
   private renderMobileContainer;
-  render(): HostElement;
+  render(): HTMLZToastNotificationElement;
 }

package/dist/types/components/typography/z-typography/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
 export declare class ZTypography {
   hostElement: HTMLZTypographyElement;
@@ -8,5 +7,5 @@ export declare class ZTypography {
   variant: "regular" | "semibold" | "light";
   /** HTML tag to use to wrap slotted content */
   component: string;
-  render(): HostElement;
+  render(): HTMLZTypographyElement;
 }

package/dist/types/components/z-aria-alert/index.d.ts

@@ -1,7 +1,6 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { ZAriaAlertMode } from "../../beans";
 export declare class ZAriaAlert {
   /** Aria live mode */
   mode: ZAriaAlertMode;
-  render(): HostElement;
+  render(): HTMLZAriaAlertElement;
 }

package/dist/types/components/z-avatar/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { AvatarSize } from "../../beans";
 export declare class ZAvatar {
   /** [optional] Avatar size */
@@ -13,5 +12,5 @@ export declare class ZAvatar {
   image?: string;
   constructor();
   private getTextSize;
-  render(): HostElement;
+  render(): HTMLZAvatarElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { CardVariant } from "../../beans";
 export declare class ZCard {
   /**
@@ -32,5 +31,5 @@ export declare class ZCard {
    * Template for the content div.
    */
   private renderContentDiv;
-  render(): HostElement;
+  render(): HTMLZCardElement;
 }

package/dist/types/components/z-carousel/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { CarouselArrowsPosition, CarouselProgressMode } from "../../beans";
 /**
  * ZCarousel component.
@@ -52,5 +51,5 @@ export declare class ZCarousel {
    * @returns {void}
    */
   private goTo;
-  render(): HTMLDivElement | HostElement;
+  render(): HTMLZCarouselElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { PopoverPositions } from "../../beans";
 export declare class ZContextualMenu {
   /**
@@ -23,5 +22,5 @@ export declare class ZContextualMenu {
   componentDidLoad(): void;
   private showIcon;
   private togglePopover;
-  render(): HostElement;
+  render(): HTMLZContextualMenuElement;
 }

package/dist/types/components/z-cover-hero/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
 /**
  * Cover hero component.
@@ -26,5 +25,5 @@ export declare class ZCoverHero {
    * Template for the content.
    */
   private renderContent;
-  render(): HostElement;
+  render(): HTMLZCoverHeroElement;
 }

package/dist/types/components/z-divider/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { DividerSize, DividerOrientation } from "../../beans";
 export declare class ZDivider {
   /** [optional] Divider size */
@@ -7,5 +6,5 @@ export declare class ZDivider {
   color?: string;
   /** [optional] Divider orintation */
   orientation?: DividerOrientation;
-  render(): HostElement;
+  render(): HTMLZDividerElement;
 }

package/dist/types/components/z-ghost-loading/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 export declare class ZGhostLoading {
-  render(): HostElement;
+  render(): HTMLZGhostLoadingElement;
 }

package/dist/types/components/z-info-reveal/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { InfoRevealPosition } from "../../beans";
 export declare class ZInfoReveal {
   el: HTMLZInfoRevealElement;
@@ -26,5 +25,5 @@ export declare class ZInfoReveal {
    * It closes the info box after the last info has been navigated.
    */
   private next;
-  render(): HostElement;
+  render(): HTMLZInfoRevealElement;
 }

package/dist/types/components/z-offcanvas/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { OffCanvasVariant, TransitionDirection } from "../../beans";
 /**
  * @slot canvasContent - set the content of the canvas
@@ -22,5 +21,5 @@ export declare class ZOffcanvas {
   onOpenChanged(): void;
   private handleOpenStatus;
   private handleAnimationEnd;
-  render(): HostElement;
+  render(): HTMLZOffcanvasElement;
 }

package/dist/types/components/z-pagination/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Pagination bar component.
  */
@@ -106,5 +105,5 @@ export declare class ZPagination {
   private renderMobile;
   componentDidLoad(): void;
   componentDidRender(): void;
-  render(): HostElement;
+  render(): HTMLZPaginationElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { ZSectionTitleDividerPosition } from "../../beans";
 /**
  * Section title component.
@@ -22,5 +21,5 @@ export declare class ZSectionTitle {
   host: HTMLZSectionTitleElement;
   private hasSecondaryTitle;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): HTMLZSectionTitleElement;
 }

package/dist/types/components/z-skip-to-content/index.d.ts

@@ -1,5 +1,4 @@
 import { ThemeVariant, SkipToContentLink } from "../../beans";
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Component short description.
  */
@@ -18,5 +17,5 @@ export declare class ZSkipToContent {
   private isInSkipToContent;
   private showFirstChild;
   private handleLinkClick;
-  render(): HostElement;
+  render(): HTMLZSkipToContentElement;
 }

package/dist/types/components/z-table/z-table/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - table elements
  * @slot sticky-footer - set the content of the sticky footer
@@ -45,5 +44,5 @@ export declare class ZTable {
   componentWillRender(): void;
   private renderError;
   private renderEmpty;
-  render(): HostElement;
+  render(): HTMLZTableElement;
 }

package/dist/types/components/z-table/z-table-cell/index.d.ts

@@ -1,5 +1,4 @@
 import { Size } from "../../../beans";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableCell {
   host: HTMLZTableCellElement;
   /** [Optional] Show contextual menu button */
@@ -9,5 +8,5 @@ export declare class ZTableCell {
   isMenuOpened: boolean;
   private handleMenu;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): HTMLZTableCellElement;
 }

package/dist/types/components/z-table/z-table-empty-box/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableEmptyBox {
   hostElement: HTMLZTableEmptyBoxElement;
   /** Sets main title message*/
@@ -9,5 +8,5 @@ export declare class ZTableEmptyBox {
   private hasCta1Slot;
   private hasCta2Slot;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): HTMLZTableEmptyBoxElement;
 }

package/dist/types/components/z-table/z-table-header/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { Size, SortDirection } from "../../../beans";
 export declare class ZTableHeader {
   host: HTMLZTableHeaderElement;
@@ -26,5 +25,5 @@ export declare class ZTableHeader {
   handleOutsideClick(e: MouseEvent): void;
   handleClickHeaders(e: MouseEvent): void;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): HTMLZTableHeaderElement;
 }

package/dist/types/components/z-table/z-table-header-row/index.d.ts

@@ -1,7 +1,6 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableHeaderRow {
   /** Row expandable flag */
   expandable?: boolean;
   private renderExpandHeader;
-  render(): HostElement;
+  render(): HTMLZTableHeaderRowElement;
 }

package/dist/types/components/z-table/z-table-row/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { ZTableRowExpandedType } from "../../../beans";
 export declare class ZTableRow {
   /** Table row expanded type */
@@ -10,5 +9,5 @@ export declare class ZTableRow {
   private emitOnExpand;
   private handleExpand;
   private renderExpandButton;
-  render(): HostElement;
+  render(): HTMLZTableRowElement;
 }

package/dist/types/components/z-tag/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Ztag  component.
  * @slot - The text of the z-tag.
@@ -10,5 +9,5 @@ export declare class ZTag {
   icon?: string;
   /** [optional] Hide the text and show it on hover*/
   expandable?: boolean;
-  render(): HostElement;
+  render(): HTMLZTagElement;
 }

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertType, LicenseType, MenuItem as MenuItem1, PopoverPositions as PopoverPositions1 } from "./beans/index";
-import { AvatarSize, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InfoRevealPosition, InputStatus, InputType, ListDividerType, ListSize, MenuItem, NotificationType, OffCanvasVariant, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverPositions, PopoverShadow, SelectItem, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
+import { AvatarSize, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverPositions, PopoverShadow, SelectItem, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
 import { ListItem } from "./beans/index.js";
 import { ZTypographyLevels } from "./components/typography/z-typography/index";
 export namespace Components {
@@ -112,7 +112,7 @@ export namespace Components {
         /**
           * defines a string value that labels an interactive element, used for accessibility.
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * HTML button disabled attribute.
          */
@@ -423,7 +423,7 @@ export namespace Components {
         /**
           * z-input aria label
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * unique id
          */
@@ -613,7 +613,7 @@ export namespace Components {
         /**
           * the input aria-label
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * the input has autocomplete option (optional): available for text, password, number, email
          */
@@ -707,7 +707,7 @@ export namespace Components {
         /**
           * the input aria-label
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * the input has autocomplete option (optional): available for select, input
          */
@@ -1201,7 +1201,7 @@ export namespace Components {
         /**
           * description of the icon
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * icon name
          */
@@ -1506,7 +1506,7 @@ export namespace Components {
         /**
           * aria-label string
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * disabled status flag
          */
@@ -1694,7 +1694,7 @@ export namespace Components {
         /**
           * the input aria-label
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string;
         /**
           * the input has autocomplete option
          */

package/dist/types/deprecated/pagination/z-pagination-page/index.d.ts

@@ -10,6 +10,6 @@ export declare class ZPaginationPage {
   /** visited status flag */
   isvisited: boolean;
   /** aria-label string */
-  ariaLabel?: string;
+  ariaLabel: string;
   render(): HTMLButtonElement;
 }

package/dist/types/deprecated/z-input-deprecated/index.d.ts

@@ -11,7 +11,7 @@ export declare class ZInputDeprecated {
   /** the input label */
   label?: string;
   /** the input aria-label */
-  ariaLabel?: string;
+  ariaLabel: string;
   /** the input value */
   value?: string;
   /** the input is disabled */

package/dist/types/deprecated/z-popover-deprecated/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { PopoverPosition, PopoverBorderRadius, PopoverShadow } from "../../beans";
 export declare class ZPopoverDeprecated {
   /** [optional] Popover position */
@@ -30,5 +29,5 @@ export declare class ZPopoverDeprecated {
   private handleClick;
   private handleKeyDown;
   handleOutsideClick(e: MouseEvent): void;
-  render(): HostElement;
+  render(): HTMLZPopoverDeprecatedElement;
 }

package/dist/types/deprecated/z-status-tag/index.d.ts

@@ -1,5 +1,4 @@
 import { StatusTagStatus, ThemeVariant } from "../../beans";
-import { HostElement } from "../../stencil-public-runtime";
 export declare class ZStatusTag {
   /** [optional] Status tag icon */
   icon?: string;
@@ -12,5 +11,5 @@ export declare class ZStatusTag {
   /** [optional] Status tag style */
   variant?: ThemeVariant;
   constructor();
-  render(): HostElement;
+  render(): HTMLZStatusTagElement;
 }

package/dist/types/deprecated/z-tooltip-deprecated/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { PopoverPositions } from "../../beans/index";
 export declare class ZTooltipDeprecated {
   /** Content text.
@@ -38,5 +37,5 @@ export declare class ZTooltipDeprecated {
    */
   private setPosition;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): HTMLZTooltipDeprecatedElement;
 }

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

@@ -4,6 +4,6 @@ export declare class ZMyzCardIcon {
   /** disabled status flag */
   isdisabled: boolean;
   /** description of the icon*/
-  ariaLabel?: string;
+  ariaLabel: string;
   render(): HTMLButtonElement;
 }

package/dist/web-components-library/p-05ced71c.entry.js

@@ -0,0 +1 @@
+import{r,h as o}from"./p-d17ebc2f.js";const a=class{constructor(o){r(this,o),this.isdisabled=!1,this.ariaLabel=""}render(){return o("button",{disabled:this.isdisabled,"aria-label":this.ariaLabel},o("span",null,o("z-icon",{name:this.icon,width:16,height:16})))}};a.style="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:0 0 2px 2px var(--accent-dark)}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}";export{a as z_myz_card_icon}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as n,g as s}from"./p-d17ebc2f.js";import{x as r,q as a,D as l}from"./p-9f80c0b8.js";import{g as o}from"./p-87fdd14f.js";import"./p-d69e14fb.js";const c=class{constructor(e){t(this,e),this.fileInput=i(this,"fileInput",7),this.type=r.DEFAULT,this.files=[],this.inputAttributes={type:"file",id:"file-elem",multiple:!0}}removeFileListener(t){const i=this.files,e=i.find((i=>i.name===t.detail.fileName));if(e){const t=i.indexOf(e);t>=0&&(i.splice(t,1),this.files=[...i])}}fileDroppedListener(t){this.input.files=t.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map}componentWillRender(){this.type===r.DRAGDROP&&o()!==a.DESKTOP&&(this.type=r.DEFAULT)}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}async getFiles(){return this.files}handleAccessibility(){const t=this.el.querySelector("z-file:last-child z-chip button");this.files.length>0&&t?t.focus():this.type===r.DEFAULT?this.button.querySelector("button").focus():this.uploadLink.focus()}checkFiles(t){const i=new Map,e=`supera i ${this.fileMaxSize}MB`;return t.forEach((t=>{const n=t.size/1024/1024,s=this.acceptedFormat.split(",").some((i=>t.name.toLowerCase().endsWith(i.trim()))),r=n<=this.fileMaxSize;r&&s?this.files.find((i=>i.name===t.name))||(this.files.push(t),this.fileInput.emit(t),this.input.value=""):(i.set(t.name,[]),r||i.get(t.name).push(e),s||i.get(t.name).push(" ha un'estensione non prevista"))})),i}renderTitle(){return e("z-heading",{id:"title",variant:"semibold",level:2},this.mainTitle)}renderDescription(t,i){return e("z-body",{variant:t,level:i},this.description)}renderAllowedFileExtensions(){let t="",i="";return this.acceptedFormat&&(t=` nei formati ${this.acceptedFormat.split(", ").map((t=>t.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(i=` per un massimo di ${this.fileMaxSize}MB di peso`),e("z-body",{level:3},t||i?`Puoi allegare file${t}${i}.`:null)}renderFileSection(){return e("section",{class:"files-container "+(this.files.length?"":"hidden")},e("z-heading",{variant:"semibold",level:4},"File appena caricati"),e("div",{class:"files-wrapper"},e("slot",{name:"files"})),e("z-divider",{size:l.MEDIUM}))}renderInput(){return e("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:t=>this.input=t}))}renderUploadButton(){return[this.renderInput(),e("z-button",{onClick:()=>this.input.click(),onKeyPress:t=>{"Space"!=t.code&&"Enter"!=t.code||(t.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:t=>this.button=t},"Allega")]}renderUploadLink(){return[this.renderInput(),e("z-body",{class:"upload-link-text",variant:"regular",level:1},"Trascinalo qui o"," ",e("z-body",{tabIndex:0,class:"upload-link",onClick:()=>this.input.click(),onKeyPress:t=>{"Space"!=t.code&&"Enter"!=t.code||(t.preventDefault(),this.input.click())},variant:"semibold",level:1,ref:t=>this.uploadLink=t},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("semibold",3),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),e("z-dragdrop-area",null,e("div",{class:"text-container"},this.renderDescription("regular",1),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(t,i){var e,n;return`Il file ${t} ${null!==(e=i[0])&&void 0!==e?e:""}${i[0]&&i[1]?", ":""} ${null!==(n=i[1])&&void 0!==n?n:""} e non può quindi essere caricato.`}handleErrorModalContent(){return e("div",{slot:"modalContent"},e("div",{class:"modal-wrapper"},e("div",{class:"files"},Array.from(this.invalidFiles).map((([t,i])=>e("z-body",{variant:"regular",level:3},this.formatErrorString(t,i)))))))}render(){return e(n,null,e("div",{tabIndex:0,class:`container ${this.type}`},this.renderTitle(),this.type==r.DEFAULT?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&e("z-modal",{tabIndex:0,ref:t=>this.errorModal=t,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent()))}get el(){return s(this)}};c.style=":host{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.container{display:flex;flex-direction:column}:host .modal-wrapper{display:flex;align-items:center;justify-content:center}:host .modal-wrapper>.files-wrapper{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}:host .text-container{display:flex;flex-direction:column;margin:auto}:host .text-container z-body{text-align:center}:host .text-container .upload-link{color:var(--color-link-primary);cursor:pointer}:host .text-container .upload-link-text{margin-bottom:var(--space-unit)}input#file-elem{display:none}#title{display:inline-block;margin-bottom:var(--space-unit)}:host>.container>z-button{display:inline-block;margin-top:calc(var(--space-unit) * 3)}:host>.container>.files-container.hidden{display:none}:host>.container>.files-container>z-heading{display:inline-block;margin:calc(var(--space-unit) * 3) 0}:host>.container>.files-container>.files-wrapper{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}:host>.container>.files-container>z-divider{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){:host>.container>z-button{align-self:flex-start}}";export{c as z_file_upload}

package/dist/web-components-library/p-4d093e07.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r,g as t}from"./p-d17ebc2f.js";import{b as a,B as n,c}from"./p-9f80c0b8.js";const e=class{constructor(r){o(this,r),this.ariaLabel="",this.disabled=!1,this.type=a.BUTTON,this.variant=n.PRIMARY,this.size=c.BIG}getAttributes(){return{id:this.htmlid,class:{"z-button--container":!0,"z-button--has-text":!!this.hostElement.textContent.trim()}}}render(){return this.href?r("a",Object.assign({},this.getAttributes(),{"aria-label":this.ariaLabel,href:this.href,target:this.target}),this.icon&&r("z-icon",{name:this.icon,width:16,height:16}),r("slot",null)):r("button",Object.assign({},this.getAttributes(),{"aria-label":this.ariaLabel,name:this.name,type:this.type,disabled:this.disabled}),this.icon&&r("z-icon",{name:this.icon,width:16,height:16}),r("slot",null))}get hostElement(){return t(this)}};e.style='.sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0}[disabled].sc-z-button-h:not([disabled="false"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:0;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button z-icon.sc-z-button{--z-icon-right-margin:var(--space-unit)}[size="big"].sc-z-button-h .z-button--container.sc-z-button{min-width:44px;height:44px}[size="small"].sc-z-button-h .z-button--container.sc-z-button{min-width:36px;height:36px}[size="x-small"].sc-z-button-h .z-button--container.sc-z-button{min-width:32px;height:32px}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}[variant="primary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled02)}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-surface01);color:var(--color-primary01)}@media (hover: hover){[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-surface01);color:var(--color-hover-primary)}}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}[variant="secondary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-surface01);color:var(--color-disabled02)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button{border-color:transparent;background-color:transparent;color:var(--color-primary01)}@media (hover: hover){[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{border-color:var(--color-surface01);background-color:var(--color-surface01);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-surface01);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-primary01)}[variant="tertiary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:transparent;background-color:transparent;color:var(--color-disabled02)}';export{e as z_button}