@zanichelli/albe-web-components 2.41.0 → 2.42.1

package/loader/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from '../dist/types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zanichelli/albe-web-components",
-  "version": "2.41.0",
+  "version": "2.42.1",
   "description": "The Web Components implementation of Albe, the Zanichelli's design system.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,14 +35,14 @@
     "@commitlint/config-conventional": "^12.0.0",
     "@stencil/core": "^2.4.0",
     "@stencil/react-output-target": "^0.3.0",
-    "@storybook/addon-a11y": "^6.4.22",
-    "@storybook/addon-controls": "^6.4.22",
-    "@storybook/addon-docs": "^6.4.22",
+    "@storybook/addon-a11y": "^6.5.0",
+    "@storybook/addon-controls": "^6.5.0",
+    "@storybook/addon-docs": "^6.5.0",
     "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-viewport": "^6.4.22",
-    "@storybook/builder-webpack5": "^6.4.22",
-    "@storybook/manager-webpack5": "^6.4.22",
-    "@storybook/web-components": "^6.4.22",
+    "@storybook/addon-viewport": "^6.5.0",
+    "@storybook/builder-webpack5": "^6.5.0",
+    "@storybook/manager-webpack5": "^6.5.0",
+    "@storybook/web-components": "^6.5.0",
     "@types/hammerjs": "^2.0.39",
     "@types/jest": "26.0.20",
     "@types/puppeteer": "5.4.3",
@@ -59,7 +59,7 @@
     "react-dom": "^17.0.1",
     "rimraf": "^3.0.2",
     "standard-version": "^9.1.1",
-    "storybook-addon-stencil": "^0.1.6",
+    "storybook-addon-stencil": "^0.1.7",
     "typescript": "~4.3.5",
     "webpack": "5"
   },

package/react/components.d.ts

@@ -18,6 +18,9 @@ export declare const ZCombobox: import("react").ForwardRefExoticComponent<JSX.ZC
 export declare const ZContextualMenu: import("react").ForwardRefExoticComponent<JSX.ZContextualMenu & Omit<import("react").HTMLAttributes<HTMLZContextualMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZContextualMenuElement>>;
 export declare const ZCookiebar: import("react").ForwardRefExoticComponent<JSX.ZCookiebar & Omit<import("react").HTMLAttributes<HTMLZCookiebarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZCookiebarElement>>;
 export declare const ZDivider: import("react").ForwardRefExoticComponent<JSX.ZDivider & Omit<import("react").HTMLAttributes<HTMLZDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZDividerElement>>;
+export declare const ZDragdropArea: import("react").ForwardRefExoticComponent<JSX.ZDragdropArea & Omit<import("react").HTMLAttributes<HTMLZDragdropAreaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZDragdropAreaElement>>;
+export declare const ZFile: import("react").ForwardRefExoticComponent<JSX.ZFile & Omit<import("react").HTMLAttributes<HTMLZFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFileElement>>;
+export declare const ZFileUpload: import("react").ForwardRefExoticComponent<JSX.ZFileUpload & Omit<import("react").HTMLAttributes<HTMLZFileUploadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFileUploadElement>>;
 export declare const ZFooter: import("react").ForwardRefExoticComponent<JSX.ZFooter & Omit<import("react").HTMLAttributes<HTMLZFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFooterElement>>;
 export declare const ZFooterLink: import("react").ForwardRefExoticComponent<JSX.ZFooterLink & Omit<import("react").HTMLAttributes<HTMLZFooterLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFooterLinkElement>>;
 export declare const ZFooterSection: import("react").ForwardRefExoticComponent<JSX.ZFooterSection & Omit<import("react").HTMLAttributes<HTMLZFooterSectionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFooterSectionElement>>;

package/react/components.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModalLogin = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenuDropdown = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInputLabel = exports.ZInput = exports.ZInfoBox = exports.ZIconPackage = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFooterSocial = exports.ZFooterSection = exports.ZFooterLink = exports.ZFooter = exports.ZDivider = exports.ZCookiebar = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZCandybar = exports.ZButtonSort = exports.ZButtonFilter = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppTopbar = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAlert = void 0;
-exports.ZVisuallyHidden = exports.ZUserDropdown = exports.ZTypography = exports.ZTooltip = exports.ZToggleSwitch = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZTableStickyFooter = exports.ZTableRow = exports.ZTableHeaderRow = exports.ZTableHeader = exports.ZTableHead = exports.ZTableFooter = exports.ZTableExpandedRow = exports.ZTableEmptyBox = exports.ZTableCell = exports.ZTableBody = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZStatusTag = exports.ZSlideshow = exports.ZSelect = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPaginationPage = exports.ZPaginationBar = exports.ZOtp = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTab = exports.ZMyzTopbar = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = exports.ZMyzCardInfo = void 0;
+exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModalLogin = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenuDropdown = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInputLabel = exports.ZInput = exports.ZInfoBox = exports.ZIconPackage = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFooterSocial = exports.ZFooterSection = exports.ZFooterLink = exports.ZFooter = exports.ZFileUpload = exports.ZFile = exports.ZDragdropArea = exports.ZDivider = exports.ZCookiebar = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZCandybar = exports.ZButtonSort = exports.ZButtonFilter = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppTopbar = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAlert = void 0;
+exports.ZVisuallyHidden = exports.ZUserDropdown = exports.ZTypography = exports.ZTooltip = exports.ZToggleSwitch = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZTableStickyFooter = exports.ZTableRow = exports.ZTableHeaderRow = exports.ZTableHeader = exports.ZTableHead = exports.ZTableFooter = exports.ZTableExpandedRow = exports.ZTableEmptyBox = exports.ZTableCell = exports.ZTableBody = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZStatusTag = exports.ZSlideshow = exports.ZSelect = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPaginationPage = exports.ZPaginationBar = exports.ZOtp = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTab = exports.ZMyzTopbar = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = exports.ZMyzCardInfo = exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = void 0;
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated react proxies */
@@ -24,6 +24,9 @@ exports.ZCombobox = react_component_lib_1.createReactComponent('z-combobox');
 exports.ZContextualMenu = react_component_lib_1.createReactComponent('z-contextual-menu');
 exports.ZCookiebar = react_component_lib_1.createReactComponent('z-cookiebar');
 exports.ZDivider = react_component_lib_1.createReactComponent('z-divider');
+exports.ZDragdropArea = react_component_lib_1.createReactComponent('z-dragdrop-area');
+exports.ZFile = react_component_lib_1.createReactComponent('z-file');
+exports.ZFileUpload = react_component_lib_1.createReactComponent('z-file-upload');
 exports.ZFooter = react_component_lib_1.createReactComponent('z-footer');
 exports.ZFooterLink = react_component_lib_1.createReactComponent('z-footer-link');
 exports.ZFooterSection = react_component_lib_1.createReactComponent('z-footer-section');

package/react/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}

package/react/react-component-lib/createComponent.d.ts

@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
 export {};

package/react/react-component-lib/createComponent.js

@@ -1,4 +1,23 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,14 +29,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createReactComponent = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const utils_1 = require("./utils");
-const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction) => {
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
     const displayName = utils_1.dashToPascalCase(tagName);
     const ReactComponent = class extends react_1.default.Component {
         constructor(props) {
@@ -35,22 +54,35 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
         render() {
             const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
             let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+                const value = cProps[name];
                 if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
                     const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName, document)) {
-                        acc[name] = cProps[name];
+                    if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName)) {
+                        acc[name] = value;
                     }
                 }
                 else {
-                    acc[name] = cProps[name];
+                    // we should only render strings, booleans, and numbers as attrs in html.
+                    // objects, functions, arrays etc get synced via properties on mount.
+                    const type = typeof value;
+                    if (type === 'string' || type === 'boolean' || type === 'number') {
+                        acc[utils_1.camelToDashCase(name)] = value;
+                    }
                 }
                 return acc;
             }, {});
             if (manipulatePropsFunction) {
                 propsToPass = manipulatePropsFunction(this.props, propsToPass);
             }
-            let newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
-            return react_1.default.createElement(tagName, newProps, children);
+            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
+            /**
+             * We use createElement here instead of
+             * React.createElement to work around a
+             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
+             * React.createElement causes all elements to be rendered
+             * as <tagname> instead of the actual Web Component.
+             */
+            return react_1.createElement(tagName, newProps, children);
         }
         static get displayName() {
             return displayName;

package/react/react-component-lib/createComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src-react/react-component-lib/createComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,mCAMiB;AAWV,MAAM,oBAAoB,GAAG,CAMlC,OAAe,EACf,qBAAuD,EACvD,uBAGuB,EACvB,EAAE;IACF,MAAM,WAAW,GAAG,wBAAgB,CAAC,OAAO,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,KAAM,SAAQ,eAAK,CAAC,SAAiD;QAO1F,YAAY,KAA6C;YACvD,KAAK,CAAC,KAAK,CAAC,CAAC;YALf,sBAAiB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBAC3C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;YAC7B,CAAC,CAAC;QAIF,CAAC;QAED,iBAAiB;YACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;QAED,kBAAkB,CAAC,SAAiD;YAClE,mBAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC;QAED,MAAM;YACJ,MAAM,KAA+D,IAAI,CAAC,KAAK,EAAzE,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAA0B,EAArB,MAAM,cAA1D,yDAA4D,CAAa,CAAC;YAEhF,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;gBACzD,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE;oBACjE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;oBAClD,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,wBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;wBAC3E,GAAW,CAAC,IAAI,CAAC,GAAI,MAAc,CAAC,IAAI,CAAC,CAAC;qBAC5C;iBACF;qBAAM;oBACJ,GAAW,CAAC,IAAI,CAAC,GAAI,MAAc,CAAC,IAAI,CAAC,CAAC;iBAC5C;gBACD,OAAO,GAAG,CAAC;YACb,CAAC,EAAE,EAAE,CAAC,CAAC;YAEP,IAAI,uBAAuB,EAAE;gBAC3B,WAAW,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;aAChE;YAED,IAAI,QAAQ,mCACP,WAAW,KACd,GAAG,EAAE,iBAAS,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,EACpD,KAAK,GACN,CAAC;YAEF,OAAO,eAAK,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC1D,CAAC;QAED,MAAM,KAAK,WAAW;YACpB,OAAO,WAAW,CAAC;QACrB,CAAC;KACF,CAAC;IAEF,iGAAiG;IACjG,IAAI,qBAAqB,EAAE;QACzB,cAAc,CAAC,WAAW,GAAG,qBAAqB,CAAC;KACpD;IAED,OAAO,wBAAgB,CAAwB,cAAc,EAAE,WAAW,CAAC,CAAC;AAC9E,CAAC,CAAC;AAzEW,QAAA,oBAAoB,wBAyE/B"}
+{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src-react/react-component-lib/createComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,mCAOiB;AAWV,MAAM,oBAAoB,GAAG,CAMlC,OAAe,EACf,qBAAuD,EACvD,uBAGuB,EACvB,mBAAgC,EAChC,EAAE;IACF,IAAI,mBAAmB,KAAK,SAAS,EAAE;QACrC,mBAAmB,EAAE,CAAC;KACvB;IAED,MAAM,WAAW,GAAG,wBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,KAAM,SAAQ,eAAK,CAAC,SAAiD;QAO1F,YAAY,KAA6C;YACvD,KAAK,CAAC,KAAK,CAAC,CAAC;YALf,sBAAiB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBAC3C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;YAC7B,CAAC,CAAC;QAIF,CAAC;QAED,iBAAiB;YACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;QAED,kBAAkB,CAAC,SAAiD;YAClE,mBAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC;QAED,MAAM;YACJ,MAAM,KAA+D,IAAI,CAAC,KAAK,EAAzE,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAA0B,EAArB,MAAM,cAA1D,yDAA4D,CAAa,CAAC;YAEhF,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,IAAI,EAAE,EAAE;gBAC9D,MAAM,KAAK,GAAI,MAAc,CAAC,IAAI,CAAC,CAAC;gBAEpC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE;oBACjE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;oBAClD,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,wBAAgB,CAAC,SAAS,CAAC,EAAE;wBAClE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;qBACnB;iBACF;qBAAM;oBACL,yEAAyE;oBACzE,qEAAqE;oBACrE,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC;oBAE1B,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,EAAE;wBAChE,GAAG,CAAC,uBAAe,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC;qBACpC;iBACF;gBACD,OAAO,GAAG,CAAC;YACb,CAAC,EAAE,EAAE,CAAC,CAAC;YAEP,IAAI,uBAAuB,EAAE;gBAC3B,WAAW,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;aAChE;YAED,MAAM,QAAQ,mCACT,WAAW,KACd,GAAG,EAAE,iBAAS,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,EACpD,KAAK,GACN,CAAC;YAEF;;;;;;eAMG;YACH,OAAO,qBAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACpD,CAAC;QAED,MAAM,KAAK,WAAW;YACpB,OAAO,WAAW,CAAC;QACrB,CAAC;KACF,CAAC;IAEF,iGAAiG;IACjG,IAAI,qBAAqB,EAAE;QACzB,cAAc,CAAC,WAAW,GAAG,qBAAqB,CAAC;KACpD;IAED,OAAO,wBAAgB,CAAwB,cAAc,EAAE,WAAW,CAAC,CAAC;AAC9E,CAAC,CAAC;AA5FW,QAAA,oBAAoB,wBA4F/B"}

package/react/react-component-lib/createOverlayComponent.d.ts

@@ -1,5 +1,6 @@
-import { OverlayEventDetail } from './interfaces';
 import React from 'react';
+import { OverlayEventDetail } from './interfaces';
+import { StencilReactForwardedRef } from './utils';
 interface OverlayElement extends HTMLElement {
     present: () => Promise<void>;
     dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
@@ -12,9 +13,9 @@ export interface ReactOverlayProps {
     onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
     onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
 }
-export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(displayName: string, controller: {
+export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
     create: (options: any) => Promise<OverlayType>;
-}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
-    forwardedRef?: React.RefObject<OverlayType>;
+}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
+    forwardedRef?: StencilReactForwardedRef<OverlayType>;
 }> & React.RefAttributes<OverlayType>>;
 export {};

package/react/react-component-lib/createOverlayComponent.js

@@ -27,15 +27,20 @@ exports.createOverlayComponent = void 0;
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
 const utils_1 = require("./utils");
-const createOverlayComponent = (displayName, controller) => {
+const createOverlayComponent = (tagName, controller, customElement) => {
+    utils_1.defineCustomElement(tagName, customElement);
+    const displayName = utils_1.dashToPascalCase(tagName);
     const didDismissEventName = `on${displayName}DidDismiss`;
     const didPresentEventName = `on${displayName}DidPresent`;
     const willDismissEventName = `on${displayName}WillDismiss`;
     const willPresentEventName = `on${displayName}WillPresent`;
+    let isDismissing = false;
     class Overlay extends react_1.default.Component {
         constructor(props) {
             super(props);
-            this.el = document.createElement('div');
+            if (typeof document !== 'undefined') {
+                this.el = document.createElement('div');
+            }
             this.handleDismiss = this.handleDismiss.bind(this);
         }
         static get displayName() {
@@ -55,9 +60,14 @@ const createOverlayComponent = (displayName, controller) => {
             if (this.props.onDidDismiss) {
                 this.props.onDidDismiss(event);
             }
-            if (this.props.forwardedRef) {
-                this.props.forwardedRef.current = undefined;
+            utils_1.setRef(this.props.forwardedRef, null);
+        }
+        shouldComponentUpdate(nextProps) {
+            // Check if the overlay component is about to dismiss
+            if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
+                isDismissing = true;
             }
+            return true;
         }
         componentDidUpdate(prevProps) {
             return __awaiter(this, void 0, void 0, function* () {
@@ -69,6 +79,13 @@ const createOverlayComponent = (displayName, controller) => {
                 }
                 if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
                     yield this.overlay.dismiss();
+                    isDismissing = false;
+                    /**
+                     * Now that the overlay is dismissed
+                     * we need to render again so that any
+                     * inner components will be unmounted
+                     */
+                    this.forceUpdate();
                 }
             });
         }
@@ -77,15 +94,18 @@ const createOverlayComponent = (displayName, controller) => {
                 const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
                 const elementProps = Object.assign(Object.assign({}, cProps), { ref: this.props.forwardedRef, [didDismissEventName]: this.handleDismiss, [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e), [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e), [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e) });
                 this.overlay = yield controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
-                if (this.props.forwardedRef) {
-                    this.props.forwardedRef.current = this.overlay;
-                }
+                utils_1.setRef(this.props.forwardedRef, this.overlay);
                 utils_1.attachProps(this.overlay, elementProps, prevProps);
                 yield this.overlay.present();
             });
         }
         render() {
-            return react_dom_1.default.createPortal(this.props.isOpen ? this.props.children : null, this.el);
+            /**
+             * Continue to render the component even when
+             * overlay is dismissing otherwise component
+             * will be hidden before animation is done.
+             */
+            return react_dom_1.default.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
         }
     }
     return react_1.default.forwardRef((props, ref) => {

package/react/react-component-lib/createOverlayComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src-react/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src-react/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":"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"}

package/react/react-component-lib/utils/attachProps.d.ts

@@ -4,7 +4,7 @@ export declare const getClassName: (classList: DOMTokenList, newProps: any, oldP
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-export declare const isCoveredByReact: (eventNameSuffix: string, doc: Document) => boolean;
+export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
 export declare const syncEvent: (node: Element & {
     __events?: {
         [key: string]: (e: Event) => any;

package/react/react-component-lib/utils/attachProps.js

@@ -22,7 +22,7 @@ const attachProps = (node, newProps, oldProps = {}) => {
             if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
                 const eventName = name.substring(2);
                 const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (typeof document !== 'undefined' && !exports.isCoveredByReact(eventNameLc, document)) {
+                if (!exports.isCoveredByReact(eventNameLc)) {
                     exports.syncEvent(node, eventNameLc, newProps[name]);
                 }
             }
@@ -32,9 +32,6 @@ const attachProps = (node, newProps, oldProps = {}) => {
                 if (propType === 'string') {
                     node.setAttribute(case_1.camelToDashCase(name), newProps[name]);
                 }
-                else {
-                    node[name] = newProps[name];
-                }
             }
         });
     }
@@ -69,15 +66,20 @@ exports.getClassName = getClassName;
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-const isCoveredByReact = (eventNameSuffix, doc) => {
-    const eventName = 'on' + eventNameSuffix;
-    let isSupported = eventName in doc;
-    if (!isSupported) {
-        const element = doc.createElement('div');
-        element.setAttribute(eventName, 'return;');
-        isSupported = typeof element[eventName] === 'function';
+const isCoveredByReact = (eventNameSuffix) => {
+    if (typeof document === 'undefined') {
+        return true;
+    }
+    else {
+        const eventName = 'on' + eventNameSuffix;
+        let isSupported = eventName in document;
+        if (!isSupported) {
+            const element = document.createElement('div');
+            element.setAttribute(eventName, 'return;');
+            isSupported = typeof element[eventName] === 'function';
+        }
+        return isSupported;
     }
-    return isSupported;
 };
 exports.isCoveredByReact = isCoveredByReact;
 const syncEvent = (node, eventName, newEventHandler) => {

package/react/react-component-lib/utils/attachProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachProps.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/attachProps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"attachProps.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/attachProps.ts"],"names":[],"mappings":"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"}

package/react/react-component-lib/utils/index.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import type { StyleReactProps } from '../interfaces';
 export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
-export declare const mergeRefs: <ElementType>(...refs: React.Ref<ElementType>[]) => (value: ElementType) => void;
+export declare type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
 export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
 export * from './attachProps';
 export * from './case';

package/react/react-component-lib/utils/index.js

@@ -13,18 +13,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createForwardRef = exports.mergeRefs = void 0;
+exports.defineCustomElement = exports.createForwardRef = exports.mergeRefs = exports.setRef = void 0;
 const react_1 = __importDefault(require("react"));
-// The comma in the type is to trick typescript because it things a single generic in a tsx file is jsx
-const mergeRefs = (...refs) => (value) => refs.forEach((ref) => {
+const setRef = (ref, value) => {
     if (typeof ref === 'function') {
         ref(value);
     }
     else if (ref != null) {
-        // This is typed as readonly so we need to allow for override
+        // Cast as a MutableRef so we can assign current
         ref.current = value;
     }
-});
+};
+exports.setRef = setRef;
+const mergeRefs = (...refs) => {
+    return (value) => {
+        refs.forEach(ref => {
+            exports.setRef(ref, value);
+        });
+    };
+};
 exports.mergeRefs = mergeRefs;
 const createForwardRef = (ReactComponent, displayName) => {
     const forwardRef = (props, ref) => {
@@ -34,6 +41,14 @@ const createForwardRef = (ReactComponent, displayName) => {
     return react_1.default.forwardRef(forwardRef);
 };
 exports.createForwardRef = createForwardRef;
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined &&
+        typeof customElements !== 'undefined' &&
+        !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+exports.defineCustomElement = defineCustomElement;
 __exportStar(require("./attachProps"), exports);
 __exportStar(require("./case"), exports);
 //# sourceMappingURL=index.js.map

package/react/react-component-lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAU1B,uGAAuG;AAChG,MAAM,SAAS,GAAG,CAAe,GAAG,IAA8B,EAAE,EAAE,CAAC,CAC5E,KAAkB,EAClB,EAAE,CACF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;IACnB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;KACZ;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;QACtB,6DAA6D;QAC5D,GAA6C,CAAC,OAAO,GAAG,KAAK,CAAC;KAChE;AACH,CAAC,CAAC,CAAC;AAVQ,QAAA,SAAS,aAUjB;AAEE,MAAM,gBAAgB,GAAG,CAC9B,cAAmB,EACnB,WAAmB,EACnB,EAAE;IACF,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA2B,EAC3B,EAAE;QACF,OAAO,8BAAC,cAAc,oBAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,eAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B;AAEF,gDAA8B;AAC9B,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAWnB,MAAM,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,EAAE,EAAE;IACpG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;KACX;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;QACtB,gDAAgD;QAC/C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;KACrD;AACH,CAAC,CAAC;AAPW,QAAA,MAAM,UAOjB;AAEK,MAAM,SAAS,GAAG,CACvB,GAAG,IAAoE,EAC/C,EAAE;IAC1B,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,cAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACpB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB;AAEK,MAAM,gBAAgB,GAAG,CAC9B,cAAmB,EACnB,WAAmB,EACnB,EAAE;IACF,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,EAC1C,EAAE;QACF,OAAO,8BAAC,cAAc,oBAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,eAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B;AAEK,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,EAAE,EAAE;IACzE,IACE,aAAa,KAAK,SAAS;QAC3B,OAAO,cAAc,KAAK,WAAW;QACrC,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAC5B;QACA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KAC/C;AACH,CAAC,CAAA;AARY,QAAA,mBAAmB,uBAQ/B;AAED,gDAA8B;AAC9B,yCAAuB"}

package/readme.md

@@ -74,6 +74,7 @@ Standard-version automatically detects the type of the update (patch, minor or m
 **Publish a new version on NPM registry**
 
 * Make sure you are logged in NPM
+* Make sure you built the components with `yarn build`
 * Run standard-version:
 
 ```

package/www/build/index.esm.js

@@ -1 +1 @@
-import{c as o}from"./p-5ff60fcd.js";import"./p-a321fe03.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
+import{c as o}from"./p-c17b64f1.js";import"./p-e5602e1b.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}

package/www/build/{p-cf914ea7.entry.js → p-02474663.entry.js}

@@ -1 +1 @@
-import{r as t,c as r,h as o}from"./p-904a85e4.js";const i=class{constructor(o){t(this,o),this.toggleClick=r(this,"toggleClick",7),this.isdisabled=!1,this.opened=!1}emitToggleClick(){this.isdisabled||(this.opened=!this.opened,this.toggleClick.emit(this.opened))}retrieveButtonClass(){let t=this.opened&&"isopen";return this.avoidclick&&(t+=" avoid-clicks"),t}render(){return o("button",{tabindex:this.avoidclick?"-1":"0",class:this.retrieveButtonClass(),disabled:this.isdisabled,onClick:()=>this.emitToggleClick()},o("z-icon",{name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}};i.style="button{font-family:var(--dashboard-font);font-weight:var(--font-sb);height:36px;border:var(--border-size-medium) solid;border-color:transparent;border-radius:var(--border-radius);color:var(--myz-blue);fill:var(--myz-blue);background-color:var(--bg-white);box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.2);text-transform:uppercase;font-size:14px;outline:none;padding-left:0px;padding-right:calc(var(--space-unit) * 2);transition:all 200ms linear;cursor:pointer}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);color:var(--myz-blue);fill:var(--myz-blue);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active{border-color:var(--myz-blue-light);color:var(--myz-blue-light);fill:var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}button:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";export{i as z_toggle_button}
+import{r as t,c as r,h as o}from"./p-98268a57.js";const i=class{constructor(o){t(this,o),this.toggleClick=r(this,"toggleClick",7),this.isdisabled=!1,this.opened=!1}emitToggleClick(){this.isdisabled||(this.opened=!this.opened,this.toggleClick.emit(this.opened))}retrieveButtonClass(){let t=this.opened&&"isopen";return this.avoidclick&&(t+=" avoid-clicks"),t}render(){return o("button",{tabindex:this.avoidclick?"-1":"0",class:this.retrieveButtonClass(),disabled:this.isdisabled,onClick:()=>this.emitToggleClick()},o("z-icon",{name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}};i.style="button{font-family:var(--dashboard-font);font-weight:var(--font-sb);height:36px;border:var(--border-size-medium) solid;border-color:transparent;border-radius:var(--border-radius);color:var(--myz-blue);fill:var(--myz-blue);background-color:var(--bg-white);box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.2);text-transform:uppercase;font-size:14px;outline:none;padding-left:0px;padding-right:calc(var(--space-unit) * 2);transition:all 200ms linear;cursor:pointer}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);color:var(--myz-blue);fill:var(--myz-blue);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active{border-color:var(--myz-blue-light);color:var(--myz-blue-light);fill:var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}button:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";export{i as z_toggle_button}

package/{dist/web-components-library/p-4a414eb2.entry.js → www/build/p-104b70e5.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as r,H as o}from"./p-904a85e4.js";import{m as e}from"./p-d69e14fb.js";const n=class{constructor(r){i(this,r),this.userButtonClick=t(this,"userButtonClick",7),this.dropdownMenuLinkClick=t(this,"dropdownMenuLinkClick",7),this.useInverseColors=!1,this.isMenuOpen=!1,this.handleLoggedButtonClick=this.handleLoggedButtonClick.bind(this),this.emitDropdownMenuLinkClick=this.emitDropdownMenuLinkClick.bind(this)}componentDidLoad(){this.setMobileAndDivToResizeWidth()}componentWillUpdate(){this.setMobileAndDivToResizeWidth()}componentWillRender(){this.menuContent&&(this.linkArray="string"==typeof this.menuContent?JSON.parse(this.menuContent):this.menuContent)}setMobileAndDivToResizeWidth(){var i;this.divToResize&&(this.isMobile=window.screen.width<=e||window.innerWidth<=e,this.logged&&!this.isMobile&&this.isMenuOpen?this.divToResize.style.width=`${null===(i=this.userButton)||void 0===i?void 0:i.offsetWidth}px`:this.divToResize.removeAttribute("style"))}emitUserButtonClick(){this.userButtonClick.emit(this.isMenuOpen)}emitDropdownMenuLinkClick(i){this.isMenuOpen=!1,this.dropdownMenuLinkClick.emit({e:i,linkId:i.detail.linkId})}handleResize(){this.isMobile=window.innerWidth<=e}handleOrientationChange(){this.isMobile=screen.width<=e}handleClickOutside(i){"Z-USER-DROPDOWN"!==i.target.nodeName&&(this.isMenuOpen=!1)}handleLoggedButtonClick(){this.isMenuOpen=!this.isMenuOpen,this.emitUserButtonClick()}renderGuestButton(){return r("button",{id:"guestbutton",class:this.useInverseColors?"inverse":"",onClick:()=>this.emitUserButtonClick()},"ENTRA")}renderLoggedButton(){const i=this.isMenuOpen?"up":"down",t=this.useInverseColors?"inverse":"";return r("button",{ref:i=>this.userButton=i,title:this.userFullName,class:`${t} ${this.isMenuOpen?"open":""}`,onClick:this.handleLoggedButtonClick},r("div",null,r("div",{class:"firstline"},r("z-icon",{class:t,name:"user-avatar-filled",height:16,width:16}),!this.isMobile&&r("div",{class:`userfullname ${t}`},this.userFullName),r("z-icon",{class:t,name:`caret-${i}-filled`,height:16,width:16})),!this.isMobile&&this.isMenuOpen&&r("div",{class:`useremail ${t}`},this.userEmail)))}getZLinkTextcolor(){return this.isMobile?this.useInverseColors?"black":"white":this.useInverseColors?"white":"black"}renderDropdownMenu(){const i=this.useInverseColors?"inverse":"";return this.isMenuOpen&&r("ul",{class:i},this.isMobile&&r("li",{class:i},r("div",{class:`userfullname ${i}`},this.userFullName),r("div",{class:`useremail ${i}`},this.userEmail)),this.linkArray&&this.linkArray.map((t=>r("li",{id:t.id,class:i},r("z-link",{textcolor:this.getZLinkTextcolor(),href:t.link,htmlid:t.id,target:t.target,icon:t.icon,onZLinkClick:this.emitDropdownMenuLinkClick},t.label)))))}render(){const i=this.logged&&this.isMenuOpen?"open":"",t=this.useInverseColors?"inverse":"";return r(o,{class:t},r("div",{ref:i=>this.divToResize=i,class:i},r("div",{class:`${t} ${i}`},this.logged?this.renderLoggedButton():this.renderGuestButton(),this.logged&&this.renderDropdownMenu())))}};n.style=":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{cursor:pointer;display:flex;flex-direction:column;width:100%;margin:0;background-color:var(--gray900);border:none;padding:0;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;justify-content:flex-end;align-items:center;max-width:200px}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{box-sizing:border-box;position:absolute;left:0;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);width:100%;margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;white-space:nowrap;padding:calc(var(--space-unit) * 1.5 - 1px) 0;margin:0;border-bottom:var(--border-base) solid var(--gray700)}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{border-top:none;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);flex-direction:column;align-items:end}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;outline:none;fill:currentColor;height:32px;min-width:32px;padding:0 calc(var(--space-unit) * 2);background-color:var(--color-white);border-color:var(--color-white);color:var(--gray800)}#guestbutton.inverse{background-color:var(--gray800);border-color:var(--gray800);color:var(--color-white)}.userfullname{padding:0;overflow:hidden;max-width:250px;text-overflow:ellipsis;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:16px;line-height:24px;letter-spacing:0;text-align:right}.userfullname.inverse{color:var(--gray800)}.useremail{color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:12px;line-height:16px;letter-spacing:0.32px;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:right}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background-color:var(--color-white);margin-top:calc(var(--space-unit) / 2);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center}button.open{background-color:var(--color-white);border-top:var(--border-size-small) solid var(--color-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial;margin-left:var(--space-unit);padding-right:var(--space-unit)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.16px;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);width:auto}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{color:var(--gray800);max-width:none;text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{padding-right:calc(var(--space-unit) * 3 - 2px);box-sizing:border-box}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;padding:0;width:100%;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{color:var(--gray800);border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{border-top:var(--border-base) solid var(--gray400);padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px)}}";export{n as z_user_dropdown}
+import{r as i,c as t,h as r,H as o}from"./p-98268a57.js";import{m as e}from"./p-d69e14fb.js";const n=class{constructor(r){i(this,r),this.userButtonClick=t(this,"userButtonClick",7),this.dropdownMenuLinkClick=t(this,"dropdownMenuLinkClick",7),this.useInverseColors=!1,this.isMenuOpen=!1,this.handleLoggedButtonClick=this.handleLoggedButtonClick.bind(this),this.emitDropdownMenuLinkClick=this.emitDropdownMenuLinkClick.bind(this)}componentDidLoad(){this.setMobileAndDivToResizeWidth()}componentWillUpdate(){this.setMobileAndDivToResizeWidth()}componentWillRender(){this.menuContent&&(this.linkArray="string"==typeof this.menuContent?JSON.parse(this.menuContent):this.menuContent)}setMobileAndDivToResizeWidth(){var i;this.divToResize&&(this.isMobile=window.screen.width<=e||window.innerWidth<=e,this.logged&&!this.isMobile&&this.isMenuOpen?this.divToResize.style.width=`${null===(i=this.userButton)||void 0===i?void 0:i.offsetWidth}px`:this.divToResize.removeAttribute("style"))}emitUserButtonClick(){this.userButtonClick.emit(this.isMenuOpen)}emitDropdownMenuLinkClick(i){this.isMenuOpen=!1,this.dropdownMenuLinkClick.emit({e:i,linkId:i.detail.linkId})}handleResize(){this.isMobile=window.innerWidth<=e}handleOrientationChange(){this.isMobile=screen.width<=e}handleClickOutside(i){"Z-USER-DROPDOWN"!==i.target.nodeName&&(this.isMenuOpen=!1)}handleLoggedButtonClick(){this.isMenuOpen=!this.isMenuOpen,this.emitUserButtonClick()}renderGuestButton(){return r("button",{id:"guestbutton",class:this.useInverseColors?"inverse":"",onClick:()=>this.emitUserButtonClick()},"ENTRA")}renderLoggedButton(){const i=this.isMenuOpen?"up":"down",t=this.useInverseColors?"inverse":"";return r("button",{ref:i=>this.userButton=i,title:this.userFullName,class:`${t} ${this.isMenuOpen?"open":""}`,onClick:this.handleLoggedButtonClick},r("div",null,r("div",{class:"firstline"},r("z-icon",{class:t,name:"user-avatar-filled",height:16,width:16}),!this.isMobile&&r("div",{class:`userfullname ${t}`},this.userFullName),r("z-icon",{class:t,name:`caret-${i}-filled`,height:16,width:16})),!this.isMobile&&this.isMenuOpen&&r("div",{class:`useremail ${t}`},this.userEmail)))}getZLinkTextcolor(){return this.isMobile?this.useInverseColors?"black":"white":this.useInverseColors?"white":"black"}renderDropdownMenu(){const i=this.useInverseColors?"inverse":"";return this.isMenuOpen&&r("ul",{class:i},this.isMobile&&r("li",{class:i},r("div",{class:`userfullname ${i}`},this.userFullName),r("div",{class:`useremail ${i}`},this.userEmail)),this.linkArray&&this.linkArray.map((t=>r("li",{id:t.id,class:i},r("z-link",{textcolor:this.getZLinkTextcolor(),href:t.link,htmlid:t.id,target:t.target,icon:t.icon,onZLinkClick:this.emitDropdownMenuLinkClick},t.label)))))}render(){const i=this.logged&&this.isMenuOpen?"open":"",t=this.useInverseColors?"inverse":"";return r(o,{class:t},r("div",{ref:i=>this.divToResize=i,class:i},r("div",{class:`${t} ${i}`},this.logged?this.renderLoggedButton():this.renderGuestButton(),this.logged&&this.renderDropdownMenu())))}};n.style=":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{cursor:pointer;display:flex;flex-direction:column;width:100%;margin:0;background-color:var(--gray900);border:none;padding:0;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;justify-content:flex-end;align-items:center;max-width:200px}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{box-sizing:border-box;position:absolute;left:0;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);width:100%;margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;white-space:nowrap;padding:calc(var(--space-unit) * 1.5 - 1px) 0;margin:0;border-bottom:var(--border-base) solid var(--gray700)}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{border-top:none;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);flex-direction:column;align-items:end}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;outline:none;fill:currentColor;height:32px;min-width:32px;padding:0 calc(var(--space-unit) * 2);background-color:var(--color-white);border-color:var(--color-white);color:var(--gray800)}#guestbutton.inverse{background-color:var(--gray800);border-color:var(--gray800);color:var(--color-white)}.userfullname{padding:0;overflow:hidden;max-width:250px;text-overflow:ellipsis;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:16px;line-height:24px;letter-spacing:0;text-align:right}.userfullname.inverse{color:var(--gray800)}.useremail{color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:12px;line-height:16px;letter-spacing:0.32px;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:right}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background-color:var(--color-white);margin-top:calc(var(--space-unit) / 2);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center}button.open{background-color:var(--color-white);border-top:var(--border-size-small) solid var(--color-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial;margin-left:var(--space-unit);padding-right:var(--space-unit)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.16px;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);width:auto}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{color:var(--gray800);max-width:none;text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{padding-right:calc(var(--space-unit) * 3 - 2px);box-sizing:border-box}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;padding:0;width:100%;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{color:var(--gray800);border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{border-top:var(--border-base) solid var(--gray400);padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px)}}";export{n as z_user_dropdown}

package/www/build/{p-8deddec7.entry.js → p-105b82a6.entry.js}

@@ -1 +1 @@
-import{r as o,h as r,g as t}from"./p-904a85e4.js";const a=class{constructor(r){o(this,r)}componentWillRender(){this.host.setAttribute("role","rowgroup"),Array.from(this.host.children).forEach(((o,r)=>o.setAttribute("aria-rowindex",`${r}`)))}render(){return r("slot",null)}get host(){return t(this)}};a.style=".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";export{a as z_table_body}
+import{r as o,h as r,g as t}from"./p-98268a57.js";const a=class{constructor(r){o(this,r)}componentWillRender(){this.host.setAttribute("role","rowgroup"),Array.from(this.host.children).forEach(((o,r)=>o.setAttribute("aria-rowindex",`${r}`)))}render(){return r("slot",null)}get host(){return t(this)}};a.style=".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";export{a as z_table_body}

package/www/build/{p-d6d19aeb.entry.js → p-21a85d4f.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a,H as l}from"./p-904a85e4.js";import{n as d}from"./p-a321fe03.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
+import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{o as d}from"./p-e5602e1b.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}

package/www/build/{p-bc5e78a8.entry.js → p-24d62d5d.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as o}from"./p-904a85e4.js";import{l as e,m as s}from"./p-a321fe03.js";const r=class{constructor(i){t(this,i),this.orientation=e.horizontal,this.size=s.big,this.direction=this.orientation==e.vertical?"Top":"Left",this.dimension=this.orientation==e.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}
+import{r as t,h as i,H as a,g as o}from"./p-98268a57.js";import{m as e,n as s}from"./p-e5602e1b.js";const r=class{constructor(i){t(this,i),this.orientation=e.horizontal,this.size=s.big,this.direction=this.orientation==e.vertical?"Top":"Left",this.dimension=this.orientation==e.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}