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

package/dist/components/index2.js

@@ -0,0 +1,346 @@
+var LicenseType;
+(function (LicenseType) {
+    LicenseType["REAL"] = "reale";
+    LicenseType["VIRTUAL"] = "virtuale";
+    LicenseType["TRIAL"] = "saggio";
+    LicenseType["TEMP"] = "reale_temp";
+})(LicenseType || (LicenseType = {}));
+var CardVariant;
+(function (CardVariant) {
+    CardVariant["BORDER"] = "border";
+    CardVariant["SHADOW"] = "shadow";
+    CardVariant["OVERLAY"] = "overlay";
+    CardVariant["TEXT"] = "text";
+})(CardVariant || (CardVariant = {}));
+var NavigationTabsOrientation;
+(function (NavigationTabsOrientation) {
+    NavigationTabsOrientation["HORIZONTAL"] = "horizontal";
+    NavigationTabsOrientation["VERTICAL"] = "vertical";
+})(NavigationTabsOrientation || (NavigationTabsOrientation = {}));
+var NavigationTabsSize;
+(function (NavigationTabsSize) {
+    NavigationTabsSize["BIG"] = "big";
+    NavigationTabsSize["SMALL"] = "small";
+})(NavigationTabsSize || (NavigationTabsSize = {}));
+var NavigationTabsKeyboardEvents;
+(function (NavigationTabsKeyboardEvents) {
+    NavigationTabsKeyboardEvents["LEFT"] = "ArrowLeft";
+    NavigationTabsKeyboardEvents["RIGHT"] = "ArrowRight";
+    NavigationTabsKeyboardEvents["UP"] = "ArrowUp";
+    NavigationTabsKeyboardEvents["DOWN"] = "ArrowDown";
+})(NavigationTabsKeyboardEvents || (NavigationTabsKeyboardEvents = {}));
+var ButtonVariant;
+(function (ButtonVariant) {
+    ButtonVariant["PRIMARY"] = "primary";
+    ButtonVariant["SECONDARY"] = "secondary";
+    ButtonVariant["TERTIARY"] = "tertiary";
+})(ButtonVariant || (ButtonVariant = {}));
+var ButtonType;
+(function (ButtonType) {
+    ButtonType["SUBMIT"] = "submit";
+    ButtonType["RESET"] = "reset";
+    ButtonType["BUTTON"] = "button";
+})(ButtonType || (ButtonType = {}));
+/**
+ * @deprecated Use ControlSize instead
+ */
+var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["BIG"] = "big";
+    ButtonSize["SMALL"] = "small";
+    ButtonSize["X_SMALL"] = "x-small";
+})(ButtonSize || (ButtonSize = {}));
+var ControlSize;
+(function (ControlSize) {
+    ControlSize["BIG"] = "big";
+    ControlSize["SMALL"] = "small";
+    ControlSize["X_SMALL"] = "x-small";
+})(ControlSize || (ControlSize = {}));
+var InputType;
+(function (InputType) {
+    InputType["TEXT"] = "text";
+    InputType["PASSWORD"] = "password";
+    InputType["NUMBER"] = "number";
+    InputType["EMAIL"] = "email";
+    InputType["TEXTAREA"] = "textarea";
+    InputType["CHECKBOX"] = "checkbox";
+    InputType["RADIO"] = "radio";
+    InputType["TEL"] = "tel";
+    InputType["URL"] = "url";
+    InputType["SEARCH"] = "search";
+})(InputType || (InputType = {}));
+var InputStatus;
+(function (InputStatus) {
+    InputStatus["SUCCESS"] = "success";
+    InputStatus["ERROR"] = "error";
+    InputStatus["WARNING"] = "warning";
+})(InputStatus || (InputStatus = {}));
+var PopoverPosition;
+(function (PopoverPosition) {
+    PopoverPosition["AUTO"] = "auto";
+    PopoverPosition["TOP"] = "top";
+    PopoverPosition["RIGHT"] = "right";
+    PopoverPosition["BOTTOM"] = "bottom";
+    PopoverPosition["LEFT"] = "left";
+    PopoverPosition["TOP_RIGHT"] = "top_right";
+    PopoverPosition["TOP_LEFT"] = "top_left";
+    PopoverPosition["BOTTOM_RIGHT"] = "bottom_right";
+    PopoverPosition["BOTTOM_LEFT"] = "bottom_left";
+    PopoverPosition["RIGHT_TOP"] = "right_top";
+    PopoverPosition["RIGHT_BOTTOM"] = "right_bottom";
+    PopoverPosition["LEFT_TOP"] = "left_top";
+    PopoverPosition["LEFT_BOTTOM"] = "left_bottom";
+})(PopoverPosition || (PopoverPosition = {}));
+var KeyboardKeyCode;
+(function (KeyboardKeyCode) {
+    KeyboardKeyCode[KeyboardKeyCode["TAB"] = 9] = "TAB";
+    KeyboardKeyCode[KeyboardKeyCode["SPACE"] = 32] = "SPACE";
+    KeyboardKeyCode[KeyboardKeyCode["ESC"] = 27] = "ESC";
+    KeyboardKeyCode[KeyboardKeyCode["ENTER"] = 13] = "ENTER";
+    KeyboardKeyCode[KeyboardKeyCode["ARROW_UP"] = 38] = "ARROW_UP";
+    KeyboardKeyCode[KeyboardKeyCode["ARROW_DOWN"] = 40] = "ARROW_DOWN";
+    KeyboardKeyCode[KeyboardKeyCode["BACKSPACE"] = 8] = "BACKSPACE";
+    KeyboardKeyCode[KeyboardKeyCode["DELETE"] = 46] = "DELETE";
+})(KeyboardKeyCode || (KeyboardKeyCode = {}));
+var KeyboardCode;
+(function (KeyboardCode) {
+    KeyboardCode["TAB"] = "Tab";
+    KeyboardCode["SPACE"] = "Space";
+    KeyboardCode["ESC"] = "Escape";
+    KeyboardCode["ENTER"] = "Enter";
+    KeyboardCode["ARROW_UP"] = "ArrowUp";
+    KeyboardCode["ARROW_DOWN"] = "ArrowDown";
+    KeyboardCode["BACKSPACE"] = "Backspace";
+    KeyboardCode["DELETE"] = "Delete";
+})(KeyboardCode || (KeyboardCode = {}));
+var ThemeVariant;
+(function (ThemeVariant) {
+    ThemeVariant["DARK"] = "dark";
+    ThemeVariant["LIGHT"] = "light";
+})(ThemeVariant || (ThemeVariant = {}));
+var DividerSize;
+(function (DividerSize) {
+    DividerSize["SMALL"] = "small";
+    DividerSize["MEDIUM"] = "medium";
+    DividerSize["LARGE"] = "large";
+})(DividerSize || (DividerSize = {}));
+var DividerOrientation;
+(function (DividerOrientation) {
+    DividerOrientation["HORIZONTAL"] = "horizontal";
+    DividerOrientation["VERTICAL"] = "vertical";
+})(DividerOrientation || (DividerOrientation = {}));
+var SortDirection;
+(function (SortDirection) {
+    SortDirection["ASC"] = "asc";
+    SortDirection["DESC"] = "desc";
+})(SortDirection || (SortDirection = {}));
+var AvatarSize;
+(function (AvatarSize) {
+    AvatarSize["SMALL"] = "small";
+    AvatarSize["MEDIUM"] = "medium";
+    AvatarSize["LARGE"] = "large";
+})(AvatarSize || (AvatarSize = {}));
+var ListSize;
+(function (ListSize) {
+    ListSize["SMALL"] = "small";
+    ListSize["MEDIUM"] = "medium";
+    ListSize["LARGE"] = "large";
+    ListSize["X_LARGE"] = "x-large";
+})(ListSize || (ListSize = {}));
+var ExpandableListStyle;
+(function (ExpandableListStyle) {
+    ExpandableListStyle["ACCORDION"] = "accordion";
+    ExpandableListStyle["MENU"] = "menu";
+})(ExpandableListStyle || (ExpandableListStyle = {}));
+var ExpandableListButtonAlign;
+(function (ExpandableListButtonAlign) {
+    ExpandableListButtonAlign["RIGHT"] = "right";
+    ExpandableListButtonAlign["LEFT"] = "left";
+})(ExpandableListButtonAlign || (ExpandableListButtonAlign = {}));
+var LabelPosition;
+(function (LabelPosition) {
+    LabelPosition["RIGHT"] = "right";
+    LabelPosition["LEFT"] = "left";
+})(LabelPosition || (LabelPosition = {}));
+var ListDividerType;
+(function (ListDividerType) {
+    ListDividerType["NONE"] = "none";
+    ListDividerType["HEADER"] = "header";
+    ListDividerType["ELEMENT"] = "element";
+})(ListDividerType || (ListDividerType = {}));
+var ListType;
+(function (ListType) {
+    ListType["NONE"] = "none";
+    ListType["ORDERED"] = "ordered";
+    ListType["UNORDERED"] = "unordered";
+})(ListType || (ListType = {}));
+var NotificationType;
+(function (NotificationType) {
+    NotificationType["SUCCESS"] = "success";
+    NotificationType["WARNING"] = "warning";
+    NotificationType["ERROR"] = "error";
+})(NotificationType || (NotificationType = {}));
+var AlertType;
+(function (AlertType) {
+    AlertType["SUCCESS"] = "success";
+    AlertType["WARNING"] = "warning";
+    AlertType["ERROR"] = "error";
+})(AlertType || (AlertType = {}));
+var Device;
+(function (Device) {
+    Device["MOBILE"] = "mobile";
+    Device["TABLET"] = "tablet";
+    Device["DESKTOP"] = "desktop";
+    Device["DESKTOP_WIDE"] = "desktop-wide";
+})(Device || (Device = {}));
+var PocketStatus;
+(function (PocketStatus) {
+    PocketStatus["PREVIEW"] = "preview";
+    PocketStatus["OPEN"] = "open";
+    PocketStatus["CLOSED"] = "closed";
+})(PocketStatus || (PocketStatus = {}));
+var ToastNotification;
+(function (ToastNotification) {
+    ToastNotification["DARK"] = "dark";
+    ToastNotification["LIGHT"] = "light";
+    ToastNotification["ACCENT"] = "accent";
+    ToastNotification["ERROR"] = "error";
+    ToastNotification["SUCCESS"] = "success";
+    ToastNotification["WARNING"] = "warning";
+})(ToastNotification || (ToastNotification = {}));
+var ToastNotificationTransition;
+(function (ToastNotificationTransition) {
+    ToastNotificationTransition["SLIDE_IN_LEFT"] = "slide-in-left";
+    ToastNotificationTransition["SLIDE_IN_RIGHT"] = "slide-in-right";
+    ToastNotificationTransition["SLIDE_IN_DOWN"] = "slide-in-down";
+    ToastNotificationTransition["SLIDE_IN_UP"] = "slide-in-up";
+    ToastNotificationTransition["SLIDE_OUT_LEFT"] = "slide-out-left";
+    ToastNotificationTransition["SLIDE_OUT_RIGHT"] = "slide-out-right";
+    ToastNotificationTransition["SLIDE_OUT_DOWN"] = "slide-out-down";
+    ToastNotificationTransition["SLIDE_OUT_UP"] = "slide-out-up";
+})(ToastNotificationTransition || (ToastNotificationTransition = {}));
+var ToastNotificationPosition;
+(function (ToastNotificationPosition) {
+    ToastNotificationPosition["TOP_RIGHT"] = "top-right";
+    ToastNotificationPosition["TOP_LEFT"] = "top-left";
+    ToastNotificationPosition["TOP_CENTRE"] = "top-centre";
+    ToastNotificationPosition["BOTTOM_RIGHT"] = "bottom-right";
+    ToastNotificationPosition["BOTTOM_LEFT"] = "bottom-left";
+    ToastNotificationPosition["BOTTOM_CENTRE"] = "bottom-centre";
+})(ToastNotificationPosition || (ToastNotificationPosition = {}));
+var ZTableRowExpandedType;
+(function (ZTableRowExpandedType) {
+    ZTableRowExpandedType["EXPANDABLE"] = "expandable";
+    ZTableRowExpandedType["PADDING"] = "padding";
+    ZTableRowExpandedType["NONE"] = "none";
+})(ZTableRowExpandedType || (ZTableRowExpandedType = {}));
+var ZAriaAlertMode;
+(function (ZAriaAlertMode) {
+    ZAriaAlertMode["POLITE"] = "polite";
+    ZAriaAlertMode["ASSERTIVE"] = "assertive";
+})(ZAriaAlertMode || (ZAriaAlertMode = {}));
+var TransitionDirection;
+(function (TransitionDirection) {
+    TransitionDirection["LEFT"] = "left";
+    TransitionDirection["RIGHT"] = "right";
+})(TransitionDirection || (TransitionDirection = {}));
+var OffCanvasVariant;
+(function (OffCanvasVariant) {
+    OffCanvasVariant["OVERLAY"] = "overlay";
+    OffCanvasVariant["PUSHCONTENT"] = "pushcontent";
+})(OffCanvasVariant || (OffCanvasVariant = {}));
+var ZFileUploadType;
+(function (ZFileUploadType) {
+    ZFileUploadType["DEFAULT"] = "default";
+    ZFileUploadType["DRAGDROP"] = "dragdrop";
+})(ZFileUploadType || (ZFileUploadType = {}));
+var ZChipType;
+(function (ZChipType) {
+    ZChipType["DEFAULT"] = "default";
+    ZChipType["MEDIUM"] = "medium";
+    ZChipType["SMALL"] = "small";
+})(ZChipType || (ZChipType = {}));
+var ZSectionTitleDividerPosition;
+(function (ZSectionTitleDividerPosition) {
+    ZSectionTitleDividerPosition["BEFORE"] = "before";
+    ZSectionTitleDividerPosition["AFTER"] = "after";
+})(ZSectionTitleDividerPosition || (ZSectionTitleDividerPosition = {}));
+var ZDatePickerMode;
+(function (ZDatePickerMode) {
+    ZDatePickerMode["DATE"] = "date";
+    ZDatePickerMode["DATE_TIME"] = "date-time";
+    ZDatePickerMode["MONTHS"] = "months";
+})(ZDatePickerMode || (ZDatePickerMode = {}));
+var ZDatePickerModeValue;
+(function (ZDatePickerModeValue) {
+    ZDatePickerModeValue[ZDatePickerModeValue["DATE"] = 401] = "DATE";
+    ZDatePickerModeValue[ZDatePickerModeValue["DATE_TIME"] = 523] = "DATE_TIME";
+    ZDatePickerModeValue[ZDatePickerModeValue["MONTHS"] = 288] = "MONTHS";
+})(ZDatePickerModeValue || (ZDatePickerModeValue = {}));
+var ZDatePickerPosition;
+(function (ZDatePickerPosition) {
+    ZDatePickerPosition["TOP"] = "top";
+    ZDatePickerPosition["BOTTOM"] = "bottom";
+})(ZDatePickerPosition || (ZDatePickerPosition = {}));
+var ZRangePickerMode;
+(function (ZRangePickerMode) {
+    ZRangePickerMode["DATE"] = "date";
+    ZRangePickerMode["DATE_TIME"] = "date-time";
+})(ZRangePickerMode || (ZRangePickerMode = {}));
+var InfoRevealPosition;
+(function (InfoRevealPosition) {
+    InfoRevealPosition["TOP_RIGHT"] = "top_right";
+    InfoRevealPosition["TOP_LEFT"] = "top_left";
+    InfoRevealPosition["BOTTOM_RIGHT"] = "bottom_right";
+    InfoRevealPosition["BOTTOM_LEFT"] = "bottom_left";
+})(InfoRevealPosition || (InfoRevealPosition = {}));
+var CoverHeroVariant;
+(function (CoverHeroVariant) {
+    CoverHeroVariant["OVERLAY"] = "overlay";
+    CoverHeroVariant["STACKED"] = "stacked";
+})(CoverHeroVariant || (CoverHeroVariant = {}));
+var CoverHeroContentPosition;
+(function (CoverHeroContentPosition) {
+    CoverHeroContentPosition["TOP"] = "top";
+    CoverHeroContentPosition["BOTTOM"] = "bottom";
+})(CoverHeroContentPosition || (CoverHeroContentPosition = {}));
+var CarouselArrowsPosition;
+(function (CarouselArrowsPosition) {
+    CarouselArrowsPosition["OVER"] = "over";
+    CarouselArrowsPosition["BOTTOM"] = "bottom";
+})(CarouselArrowsPosition || (CarouselArrowsPosition = {}));
+var CarouselProgressMode;
+(function (CarouselProgressMode) {
+    CarouselProgressMode["DOTS"] = "dots";
+    CarouselProgressMode["NUMBERS"] = "numbers";
+})(CarouselProgressMode || (CarouselProgressMode = {}));
+var BreadcrumbPathStyle;
+(function (BreadcrumbPathStyle) {
+    BreadcrumbPathStyle["SEMIBOLD"] = "semibold";
+    BreadcrumbPathStyle["UNDERLINED"] = "underlined";
+})(BreadcrumbPathStyle || (BreadcrumbPathStyle = {}));
+var BreadcrumbHomepageVariant;
+(function (BreadcrumbHomepageVariant) {
+    BreadcrumbHomepageVariant["TEXT"] = "text";
+    BreadcrumbHomepageVariant["ICON"] = "icon";
+})(BreadcrumbHomepageVariant || (BreadcrumbHomepageVariant = {}));
+var VisibilityCondition;
+(function (VisibilityCondition) {
+    VisibilityCondition["HOVER"] = "hover";
+    VisibilityCondition["ALWAYS"] = "always";
+})(VisibilityCondition || (VisibilityCondition = {}));
+var BookCardVariant;
+(function (BookCardVariant) {
+    BookCardVariant["EXPANDED"] = "expanded";
+    BookCardVariant["COMPACT"] = "compact";
+    BookCardVariant["SEARCH"] = "search";
+})(BookCardVariant || (BookCardVariant = {}));
+var AccordionVariant;
+(function (AccordionVariant) {
+    AccordionVariant["DEFAULT"] = "default";
+    AccordionVariant["BACKGROUND"] = "background";
+})(AccordionVariant || (AccordionVariant = {}));
+
+export { AvatarSize as A, ButtonVariant as B, CardVariant as C, DividerSize as D, ExpandableListStyle as E, ZDatePickerModeValue as F, ZDatePickerPosition as G, ZRangePickerMode as H, InputType as I, InfoRevealPosition as J, KeyboardKeyCode as K, LicenseType as L, CoverHeroVariant as M, NavigationTabsOrientation as N, OffCanvasVariant as O, PopoverPosition as P, CoverHeroContentPosition as Q, CarouselArrowsPosition as R, SortDirection as S, ThemeVariant as T, CarouselProgressMode as U, BreadcrumbPathStyle as V, BreadcrumbHomepageVariant as W, VisibilityCondition as X, BookCardVariant as Y, ZTableRowExpandedType as Z, AccordionVariant as _, NavigationTabsSize as a, NavigationTabsKeyboardEvents as b, ButtonType as c, ButtonSize as d, ControlSize as e, InputStatus as f, KeyboardCode as g, DividerOrientation as h, ListSize as i, ExpandableListButtonAlign as j, LabelPosition as k, ListDividerType as l, ListType as m, NotificationType as n, AlertType as o, Device as p, PocketStatus as q, ToastNotification as r, ToastNotificationTransition as s, ToastNotificationPosition as t, ZAriaAlertMode as u, TransitionDirection as v, ZFileUploadType as w, ZChipType as x, ZSectionTitleDividerPosition as y, ZDatePickerMode as z };
+
+//# sourceMappingURL=index2.js.map

package/dist/components/index2.js.map

@@ -0,0 +1 @@
+{"file":"index2.js","mappings":"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","names":[],"sources":["src/beans/index.tsx"],"sourcesContent":["export type MyzLink = {\n  label: string;\n  img: string;\n  link: string;\n};\n\nexport enum LicenseType {\n  REAL = \"reale\",\n  VIRTUAL = \"virtuale\",\n  TRIAL = \"saggio\",\n  TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n  id: string;\n  isbn: string;\n  volumeTitle: string;\n  operaTitle: string;\n  img: string;\n  authors: string;\n  actions: Action[];\n  isBookmark: boolean;\n  licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n  BORDER = \"border\",\n  SHADOW = \"shadow\",\n  OVERLAY = \"overlay\",\n  TEXT = \"text\",\n}\n\nexport type Action = {\n  isLink: boolean;\n  value: string;\n  url?: string;\n};\n\nexport type ListItem = {\n  text: string;\n  link?: string;\n  linktarget?: string;\n  icon?: string;\n  listitemid?: string;\n};\n\nexport type FilterItem = {\n  name: string;\n  id: string;\n  isActive: boolean;\n  isfixed: boolean;\n};\n\nexport type MenuItem = {\n  id: string;\n  label: string;\n  link?: string;\n  icon?: string;\n  target?: string;\n  subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n  id: string;\n  label: string;\n  icon?: string;\n  size?: string;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n  LEFT = \"ArrowLeft\",\n  RIGHT = \"ArrowRight\",\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n  islogged: boolean;\n  id?: number;\n  name?: string;\n  usergroup: number;\n  userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n  id: string;\n  name: string;\n  checked: boolean;\n  category?: string;\n};\n\nexport enum ButtonVariant {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n  SUBMIT = \"submit\",\n  RESET = \"reset\",\n  BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  NUMBER = \"number\",\n  EMAIL = \"email\",\n  TEXTAREA = \"textarea\",\n  CHECKBOX = \"checkbox\",\n  RADIO = \"radio\",\n  TEL = \"tel\",\n  URL = \"url\",\n  SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n  SUCCESS = \"success\",\n  ERROR = \"error\",\n  WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n  AUTO = \"auto\",\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\",\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n  RIGHT_TOP = \"right_top\",\n  RIGHT_BOTTOM = \"right_bottom\",\n  LEFT_TOP = \"left_top\",\n  LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n  TAB = 9,\n  SPACE = 32,\n  ESC = 27,\n  ENTER = 13,\n  ARROW_UP = 38,\n  ARROW_DOWN = 40,\n  BACKSPACE = 8,\n  DELETE = 46,\n}\n\nexport enum KeyboardCode {\n  TAB = \"Tab\",\n  SPACE = \"Space\",\n  ESC = \"Escape\",\n  ENTER = \"Enter\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_DOWN = \"ArrowDown\",\n  BACKSPACE = \"Backspace\",\n  DELETE = \"Delete\",\n}\n\nexport type SelectItem = {\n  id: string;\n  name: string;\n  selected: boolean;\n  icon?: string;\n  disabled?: boolean;\n  category?: string;\n};\n\nexport enum ThemeVariant {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n  ASC = \"asc\",\n  DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum ListSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  X_LARGE = \"x-large\",\n}\n\nexport enum ExpandableListStyle {\n  ACCORDION = \"accordion\",\n  MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n  NONE = \"none\",\n  HEADER = \"header\",\n  ELEMENT = \"element\",\n}\n\nexport enum ListType {\n  NONE = \"none\",\n  ORDERED = \"ordered\",\n  UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum AlertType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum Device {\n  MOBILE = \"mobile\",\n  TABLET = \"tablet\",\n  DESKTOP = \"desktop\",\n  DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n  author: string;\n  year: string;\n  title: string;\n  description: string;\n  onlineLicense: DictionaryLicenseData;\n  offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n  expiration: string;\n  expired: boolean;\n  expiring: boolean;\n  installations: string;\n};\n\nexport enum PocketStatus {\n  PREVIEW = \"preview\",\n  OPEN = \"open\",\n  CLOSED = \"closed\",\n}\n\nexport enum ToastNotification {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  ACCENT = \"accent\",\n  ERROR = \"error\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n  SLIDE_IN_LEFT = \"slide-in-left\",\n  SLIDE_IN_RIGHT = \"slide-in-right\",\n  SLIDE_IN_DOWN = \"slide-in-down\",\n  SLIDE_IN_UP = \"slide-in-up\",\n  SLIDE_OUT_LEFT = \"slide-out-left\",\n  SLIDE_OUT_RIGHT = \"slide-out-right\",\n  SLIDE_OUT_DOWN = \"slide-out-down\",\n  SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n  TOP_RIGHT = \"top-right\",\n  TOP_LEFT = \"top-left\",\n  TOP_CENTRE = \"top-centre\",\n  BOTTOM_RIGHT = \"bottom-right\",\n  BOTTOM_LEFT = \"bottom-left\",\n  BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n  EXPANDABLE = \"expandable\",\n  PADDING = \"padding\",\n  NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n  POLITE = \"polite\",\n  ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n}\n\nexport enum OffCanvasVariant {\n  OVERLAY = \"overlay\",\n  PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n  DEFAULT = \"default\",\n  DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n  DEFAULT = \"default\",\n  MEDIUM = \"medium\",\n  SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n  BEFORE = \"before\",\n  AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n  MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n  DATE = 401,\n  DATE_TIME = 523,\n  MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n  label: string;\n  href: string;\n  ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n  OVERLAY = \"overlay\",\n  STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n  OVER = \"over\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n  DOTS = \"dots\",\n  NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n  label: string;\n  id?: string;\n  icon?: string;\n  category?: string;\n  subcategory?: string;\n};\n\nexport type SearchbarGroupedItem = {\n  [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n  items: SearchbarItem[];\n  category?: string;\n  subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n  text?: string;\n  path?: string;\n  hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n  SEMIBOLD = \"semibold\",\n  UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n  TEXT = \"text\",\n  ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n  HOVER = \"hover\",\n  ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n  EXPANDED = \"expanded\",\n  COMPACT = \"compact\",\n  SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n  DEFAULT = \"default\",\n  BACKGROUND = \"background\",\n}\n"],"version":3}

package/dist/components/index20.js

@@ -0,0 +1,66 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h as handleKeyboardSubmit } from './utils.js';
+import { d as defineCustomElement$1 } from './index9.js';
+
+const stylesCss = ":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-text01);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";
+const ZMyzListItemStyle0 = stylesCss;
+
+const ZMyzListItem = /*@__PURE__*/ proxyCustomElement(class ZMyzListItem extends HTMLElement {
+    emitZListItemLinkClick(e, linkId) {
+        this.zListItemLinkClick.emit({ e, linkId });
+    }
+    emitZListItemClick(e, listitemid) {
+        this.zListItemClick.emit({ e, listitemid });
+    }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.zListItemLinkClick = createEvent(this, "zListItemLinkClick", 7);
+        this.zListItemClick = createEvent(this, "zListItemClick", 7);
+        this.text = undefined;
+        this.link = undefined;
+        this.linktarget = "_self";
+        this.icon = undefined;
+        this.listitemid = undefined;
+        this.action = undefined;
+        this.underlined = true;
+        this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
+        this.emitZListItemClick = this.emitZListItemClick.bind(this);
+    }
+    render() {
+        const linkId = this.listitemid ? `link_${this.listitemid}` : "";
+        return (h("li", { key: 'f5a9c40546be666fc079a381db8714175c129dec', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '06b4ec6cbaa6e5c27f84d0c7df28c246d3d35152', class: this.underlined && "border" }, this.icon && h("z-icon", { name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '3290eb16cc5f0d79f01f9e7f7c277e227ee6b4e0' }))));
+    }
+    static get style() { return ZMyzListItemStyle0; }
+}, [1, "z-myz-list-item", {
+        "text": [1],
+        "link": [1],
+        "linktarget": [1],
+        "icon": [1],
+        "listitemid": [1],
+        "action": [1],
+        "underlined": [4]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-myz-list-item", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-myz-list-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZMyzListItem);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { ZMyzListItem as Z, defineCustomElement as d };
+
+//# sourceMappingURL=index20.js.map

package/dist/components/index20.js.map

@@ -0,0 +1 @@
+{"file":"index20.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,ylCAAylC,CAAC;AAC5mC,2BAAe,SAAS;;MCOX,YAAY;IAiCf,sBAAsB,CAAC,CAAa,EAAE,MAAM;QAClD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;KAC3C;IAMO,kBAAkB,CAAC,CAAa,EAAE,UAAU;QAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,UAAU,EAAC,CAAC,CAAC;KAC3C;IAED;;;;;;;;0BAlCsB,OAAO;;;;0BAgBhB,IAAI;QAmBf,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9D;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,GAAG,QAAQ,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC;QAEhE,QACE,2DACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,IAAI,CAAC,UAAU,iBACN,IAAI,CAAC,MAAM,EACxB,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EACvE,UAAU,EAAE,CAAC,EAAiB,KAAK,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,IAErG,6DAAM,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,QAAQ,IACrC,IAAI,CAAC,IAAI,IAAI,cAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACxC,IAAI,CAAC,IAAI,IACR,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAClC,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClE,UAAU,EAAE,CAAC,EAAiB,KAAK,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAChG,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,QAAQ,EACnC,QAAQ,EAAC,GAAG,IAEX,IAAI,CAAC,IAAI,CACR,KAEJ,YAAM,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACpC,EACD,8DAAQ,CACH,CACJ,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/snowflakes/myz/list/z-myz-list-item/styles.css?tag=z-myz-list-item&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list-item/index.tsx"],"sourcesContent":[":host li {\n  all: unset;\n  all: reset;\n  width: 100%;\n  line-height: 14px;\n  list-style-type: none;\n}\n\n:host li > span {\n  display: flex;\n  padding: calc(var(--space-unit) * 2) 0;\n  color: var(--color-text01);\n  fill: var(--color-icon02);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.23px;\n  line-height: 14px;\n}\n\n:host(.small) li > span {\n  padding: calc(var(--space-unit) * 1.5) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.x-small) li > span {\n  padding: var(--space-unit) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.small) li > span > z-icon,\n:host(.x-small) li > span > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n\n  padding: 0;\n}\n\n:host li > span.border {\n  border-bottom: 2px solid var(--color-surface03);\n}\n\n:host li span:hover,\na:hover {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\na,\na:visited,\na:active {\n  color: inherit;\n  fill: inherit;\n  text-decoration: none;\n}\n\n:host li span z-icon {\n  width: calc(var(--space-unit) * 2);\n  height: calc(var(--space-unit) * 2);\n  padding: 0 calc(var(--space-unit) * 1.5) 0 0;\n  background-repeat: no-repeat;\n  background-size: contain;\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n","import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n@Component({\n  tag: \"z-myz-list-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzListItem {\n  /** content text */\n  @Prop()\n  text: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target (optional) */\n  @Prop()\n  linktarget?: string = \"_self\";\n\n  /** icon name (optional) */\n  @Prop()\n  icon?: string;\n\n  /** id (optional) */\n  @Prop()\n  listitemid?: string;\n\n  /** data-action attribute (optional) */\n  @Prop()\n  action?: string;\n\n  /** underlined style flag */\n  @Prop()\n  underlined = true;\n\n  /** emitted on list item link click, returns linkId */\n  @Event()\n  zListItemLinkClick: EventEmitter;\n\n  private emitZListItemLinkClick(e: MouseEvent, linkId): void {\n    this.zListItemLinkClick.emit({e, linkId});\n  }\n\n  /** emitted on list item click, returns listitemid */\n  @Event()\n  zListItemClick: EventEmitter;\n\n  private emitZListItemClick(e: MouseEvent, listitemid): void {\n    this.zListItemClick.emit({e, listitemid});\n  }\n\n  constructor() {\n    this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n    this.emitZListItemClick = this.emitZListItemClick.bind(this);\n  }\n\n  render(): HTMLLIElement {\n    const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n\n    return (\n      <li\n        role=\"button\"\n        id={this.listitemid}\n        data-action={this.action}\n        onClick={(e: MouseEvent) => this.emitZListItemClick(e, this.listitemid)}\n        onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid)}\n      >\n        <span class={this.underlined && \"border\"}>\n          {this.icon && <z-icon name={this.icon} />}\n          {this.link ? (\n            <a\n              href={this.link ? this.link : null}\n              target={this.linktarget}\n              id={linkId}\n              onClick={(e: MouseEvent) => this.emitZListItemLinkClick(e, linkId)}\n              onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId)}\n              role={this.link ? \"link\" : \"button\"}\n              tabindex=\"0\"\n            >\n              {this.text}\n            </a>\n          ) : (\n            <span innerHTML={this.text}></span>\n          )}\n          <slot />\n        </span>\n      </li>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index21.js

@@ -0,0 +1,62 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { O as OffCanvasVariant, v as TransitionDirection } from './index2.js';
+
+const stylesCss = ".sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;min-width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01)}[variant=\"pushcontent\"].sc-z-offcanvas-h{display:none}[open].sc-z-offcanvas-h{display:flex;visibility:visible}.sc-z-offcanvas-h:not([open]){visibility:hidden}[variant=\"overlay\"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;display:flex;height:calc(100% - var(--z-offcanvas--top-space))}[variant=\"overlay\"][transitiondirection=\"left\"].sc-z-offcanvas-h{justify-content:end}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant=\"overlay\"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (max-width: 768px){[open][transitiondirection=\"left\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection=\"right\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}.sc-z-offcanvas-h:not([variant=\"overlay\"])[open]:not(.skip-animation){width:auto;animation:grow 0.4s ease-out}}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open][variant=\"overlay\"][transitiondirection=\"left\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection=\"right\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]>.canvas-container.sc-z-offcanvas{transform:translateX(-100%);transition:visibility 0.4s ease-out, transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]>.canvas-container.sc-z-offcanvas{transform:translateX(100%);transition:visibility 0.4s ease-out, transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"] .canvas-background.sc-z-offcanvas{transition:visibility 0.4s ease-out;visibility:hidden}";
+const ZOffcanvasStyle0 = stylesCss;
+
+const ZOffcanvas = /*@__PURE__*/ proxyCustomElement(class ZOffcanvas extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.canvasOpenStatusChanged = createEvent(this, "canvasOpenStatusChanged", 7);
+        this.variant = OffCanvasVariant.PUSHCONTENT;
+        this.open = false;
+        this.transitiondirection = TransitionDirection.LEFT;
+        this.skipLoadAnimation = false;
+    }
+    onOpenChanged() {
+        if (!this.open && this.skipLoadAnimation) {
+            this.skipLoadAnimation = false;
+        }
+        this.handlePageOverflow();
+        this.canvasOpenStatusChanged.emit(this.open);
+    }
+    handlePageOverflow() {
+        const overflow = this.variant === OffCanvasVariant.OVERLAY ? "overflow-y" : "overflow-x";
+        document.body.style[overflow] = this.open ? "hidden" : "";
+    }
+    disconnectedCallback() {
+        this.open = false;
+    }
+    render() {
+        return (h(Host, { key: 'f0f282fa9732f81f98d644210d2b602a53161b7d', class: { "skip-animation": this.skipLoadAnimation } }, h("div", { key: '15bf03615f187509da41d3206b39d705ca34cb50', role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handlePageOverflow() }, h("div", { key: 'ba4444c4f3e6c3d9c9fecc4ff4ab103fc614b6bb', role: "presentation", class: "canvas-content" }, h("slot", { key: '4da6be1451be2a26815c7d6503a1eb9cec7c48f6', name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
+    }
+    static get watchers() { return {
+        "open": ["onOpenChanged"]
+    }; }
+    static get style() { return ZOffcanvasStyle0; }
+}, [6, "z-offcanvas", {
+        "variant": [513],
+        "open": [1540],
+        "transitiondirection": [513],
+        "skipLoadAnimation": [1028, "skip-load-animation"]
+    }, undefined, {
+        "open": ["onOpenChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-offcanvas"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-offcanvas":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZOffcanvas);
+            }
+            break;
+    } });
+}
+
+export { ZOffcanvas as Z, defineCustomElement as d };
+
+//# sourceMappingURL=index21.js.map

package/dist/components/index21.js.map

@@ -0,0 +1 @@
+{"file":"index21.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,2jIAA2jI,CAAC;AAC9kI,yBAAe,SAAS;;MCUX,UAAU;;;;;uBAOQ,gBAAgB,CAAC,WAAW;oBAIlD,KAAK;mCAIgC,mBAAmB,CAAC,IAAI;iCAOhD,KAAK;;IAOzB,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;KAC3D;IAED,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAC,IACrD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,kBAAkB,EACxB,eAAe,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,IAEhD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,gBAAgB,IAEtB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACF,EACL,IAAI,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,KACvC,WACE,KAAK,EAAC,mBAAmB,iBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAC7B,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-offcanvas/styles.css?tag=z-offcanvas&encapsulation=scoped","src/components/z-offcanvas/index.tsx"],"sourcesContent":[":host {\n  --z-offcanvas--container-width: 375px;\n  --z-offcanvas--top-space: 0;\n\n  min-width: 100%;\n  height: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.canvas-container {\n  display: flex;\n  overflow: -moz-scrollbars-none;\n  overflow: hidden;\n  min-width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: var(--color-surface01);\n}\n\n:host([variant=\"pushcontent\"]) {\n  display: none;\n}\n\n:host([open]) {\n  display: flex;\n  visibility: visible;\n}\n\n:host(:not([open])) {\n  visibility: hidden;\n}\n\n:host([variant=\"overlay\"]) {\n  position: fixed;\n  z-index: 1000;\n  top: var(--z-offcanvas--top-space);\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  height: calc(100% - var(--z-offcanvas--top-space));\n}\n\n:host([variant=\"overlay\"][transitiondirection=\"left\"]) {\n  justify-content: end;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container {\n  z-index: 1010;\n}\n\n:host([variant=\"overlay\"]) .canvas-background {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray900);\n  opacity: 0.7;\n}\n\n.canvas-container > .canvas-content {\n  overflow: auto;\n  flex: 1 auto;\n  padding: 0 calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;\n  overflow-x: hidden;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container > .canvas-content {\n  padding: 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0;\n}\n\n/* Webkit Scrollbar */\n.canvas-container .canvas-content::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox */\n.canvas-container .canvas-content {\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n/* Mobile */\n@media only screen and (max-width: 768px) {\n  :host([open][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-right 0.4s ease-out;\n  }\n\n  :host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-left 0.4s ease-out;\n  }\n}\n\n/* Tablet / Desktop */\n@media only screen and (min-width: 768px) {\n  :host {\n    min-width: auto;\n  }\n\n  .canvas-container {\n    width: auto;\n    min-width: max(var(--z-offcanvas--container-width), 375px);\n    max-width: max(var(--z-offcanvas--container-width), 375px);\n    height: auto;\n    min-height: calc(var(--space-unit) * 40);\n  }\n\n  :host(:not([variant=\"overlay\"])[open]:not(.skip-animation)) {\n    width: auto;\n    animation: grow 0.4s ease-out;\n  }\n}\n\n/* ANIMATION */\n\n@keyframes grow {\n  from {\n    width: 0;\n  }\n\n  to {\n    width: max(var(--z-offcanvas--container-width), 375px);\n  }\n}\n\n@keyframes enter-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes enter-right {\n  from {\n    transform: translateX(100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n:host([open][variant=\"overlay\"][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-right 0.4s ease-out;\n}\n\n:host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-left 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]) > .canvas-container {\n  transform: translateX(-100%);\n  transition: visibility 0.4s ease-out, transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(100%);\n  transition: visibility 0.4s ease-out, transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"]) .canvas-background {\n  transition: visibility 0.4s ease-out;\n  visibility: hidden;\n}\n","import {Component, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {OffCanvasVariant, TransitionDirection} from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the main content.\n */\n@Component({\n  tag: \"z-offcanvas\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZOffcanvas {\n  /**\n   * Offcanvas variant.\n   * Can be one `overlay` or `pushcontent`.\n   * Default variant: pushcontent\n   */\n  @Prop({reflect: true})\n  variant?: OffCanvasVariant = OffCanvasVariant.PUSHCONTENT;\n\n  /** Whether the offcanvas is open. Default: false */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /** open content transitioning in a specified direction left | right. Default: left */\n  @Prop({reflect: true})\n  transitiondirection?: TransitionDirection = TransitionDirection.LEFT;\n\n  /**\n   * Whether to skip the initial animation.\n   * Useful when the initial value of the `open` prop is set to `true`.\n   */\n  @Prop({mutable: true})\n  skipLoadAnimation = false;\n\n  /** emitted when `open` prop changes */\n  @Event()\n  canvasOpenStatusChanged: EventEmitter;\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open && this.skipLoadAnimation) {\n      this.skipLoadAnimation = false;\n    }\n\n    this.handlePageOverflow();\n    this.canvasOpenStatusChanged.emit(this.open);\n  }\n\n  private handlePageOverflow(): void {\n    const overflow = this.variant === OffCanvasVariant.OVERLAY ? \"overflow-y\" : \"overflow-x\";\n    document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n  }\n\n  disconnectedCallback(): void {\n    this.open = false;\n  }\n\n  render(): HTMLZOffcanvasElement {\n    return (\n      <Host class={{\"skip-animation\": this.skipLoadAnimation}}>\n        <div\n          role=\"presentation\"\n          class=\"canvas-container\"\n          onTransitionEnd={() => this.handlePageOverflow()}\n        >\n          <div\n            role=\"presentation\"\n            class=\"canvas-content\"\n          >\n            <slot name=\"canvasContent\"></slot>\n          </div>\n        </div>\n        {this.variant == OffCanvasVariant.OVERLAY && (\n          <div\n            class=\"canvas-background\"\n            data-action=\"canvasBackground\"\n            onClick={() => (this.open = false)}\n          ></div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index22.js

@@ -0,0 +1,93 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { q as PocketStatus } from './index2.js';
+
+const stylesCss = ":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";
+const ZPocketStyle0 = stylesCss;
+
+const ZPocket = /*@__PURE__*/ proxyCustomElement(class ZPocket extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.pocketToggle = createEvent(this, "pocketToggle", 7);
+        this.pocketid = undefined;
+        this.status = PocketStatus.PREVIEW;
+    }
+    /** open z-pocket */
+    async open() {
+        this.status = PocketStatus.OPEN;
+    }
+    /** close z-pocket */
+    async close() {
+        this.status = PocketStatus.CLOSED;
+    }
+    emitPocketToggle(id, status) {
+        this.pocketToggle.emit({ id, status });
+    }
+    handlePocketHeaderClick(e) {
+        if (e.detail.id && e.detail.id === this.pocketid) {
+            switch (this.status) {
+                case PocketStatus.PREVIEW:
+                case PocketStatus.CLOSED:
+                    this.status = PocketStatus.OPEN;
+                    break;
+                case PocketStatus.OPEN:
+                    this.status = PocketStatus.CLOSED;
+                    break;
+            }
+        }
+    }
+    handlePocketHeaderPan(e) {
+        if (e.detail.id && e.detail.id === this.pocketid) {
+            if (e.detail.direction === "up") {
+                this.status = PocketStatus.OPEN;
+            }
+            else if (e.detail.direction === "down") {
+                this.status = PocketStatus.CLOSED;
+            }
+        }
+    }
+    watchStatusHandler(newVal) {
+        this.emitPocketToggle(this.pocketid, newVal);
+    }
+    componentWillLoad() {
+        this.emitPocketToggle(this.pocketid, this.status);
+    }
+    handleBackgroundClick(e) {
+        if (e.target.dataset.action == "pocketBackground") {
+            this.close();
+        }
+    }
+    render() {
+        return (h("div", { key: '326350f5b42a676f92c1246a676f074c12b5e2c8' }, h("div", { key: 'ff53a47e16b8a2809e96d49b129c6187e0e3364a', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '28606d7b860f7283919f00010bf5f1c83ca75aa7', id: this.pocketid, class: "content-wrapper" }, h("div", { key: 'b54698aaa349bb75df7c6344b3cfff3122e530c5' }, h("slot", { key: '0e5ac1491d2c5128ed4c93b116d91a62e2afde41' })))));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "status": ["watchStatusHandler"]
+    }; }
+    static get style() { return ZPocketStyle0; }
+}, [1, "z-pocket", {
+        "pocketid": [1],
+        "status": [1025],
+        "open": [64],
+        "close": [64]
+    }, [[0, "pocketHeaderClick", "handlePocketHeaderClick"], [0, "pocketHeaderPan", "handlePocketHeaderPan"]], {
+        "status": ["watchStatusHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-pocket"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-pocket":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZPocket);
+            }
+            break;
+    } });
+}
+
+export { ZPocket as Z, defineCustomElement as d };
+
+//# sourceMappingURL=index22.js.map