@zanichelli/albe-web-components 2.39.0 → 2.40.0

package/dist/esm/{index-1877eca4.js → index-8782dff4.js}

@@ -13,8 +13,8 @@ const doc = win.document || { head: {} };
 const plt = {
     $flags$: 0,
     $resourcesUrl$: '',
-    jmp: (h) => h(),
-    raf: (h) => requestAnimationFrame(h),
+    jmp: h => h(),
+    raf: h => requestAnimationFrame(h),
     ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
     rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
@@ -23,7 +23,7 @@ const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
         try {
             new CSSStyleSheet();
-            return typeof new CSSStyleSheet().replace === 'function';
+            return typeof (new CSSStyleSheet()).replace === 'function';
         }
         catch (e) { }
         return false;
@@ -226,7 +226,7 @@ const h = (nodeName, vnodeData, ...children) => {
                     typeof classData !== 'object'
                         ? classData
                         : Object.keys(classData)
-                            .filter((k) => classData[k])
+                            .filter(k => classData[k])
                             .join(' ');
             }
         }
@@ -281,8 +281,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             const classList = elm.classList;
             const oldClasses = parseClassList(oldValue);
             const newClasses = parseClassList(newValue);
-            classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-            classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+            classList.remove(...oldClasses.filter(c => c && !newClasses.includes(c)));
+            classList.add(...newClasses.filter(c => c && !oldClasses.includes(c)));
         }
         else if (memberName === 'style') {
             // update style attribute, css properties and values
@@ -317,9 +317,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 newValue(elm);
             }
         }
-        else if ((!isProp ) &&
-            memberName[0] === 'o' &&
-            memberName[1] === 'n') {
+        else if ((!isProp ) && memberName[0] === 'o' && memberName[1] === 'n') {
             // Event Handlers
             // so if the member name starts with "on" and the 3rd characters is
             // a capital letter, and it's not already a member on the element,
@@ -366,6 +364,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         // Workaround for Safari, moving the <input> caret when re-assigning the same valued
                         if (memberName === 'list') {
                             isProp = false;
+                            // tslint:disable-next-line: triple-equals
                         }
                         else if (oldValue == null || elm[memberName] != n) {
                             elm[memberName] = n;
@@ -419,9 +418,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
     // then we want to be adding attrs/props to the shadow root's "host" element
     // if it's not a shadow root, then we add attrs/props to the same element
-    const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host
-        ? newVnode.$elm$.host
-        : newVnode.$elm$;
+    const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
     const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
     const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
     {
@@ -465,17 +462,14 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     else if (newVNode.$flags$ & 1 /* isSlotReference */) {
         // create a slot reference node
-        elm = newVNode.$elm$ =
-            doc.createTextNode('');
+        elm = newVNode.$elm$ = doc.createTextNode('');
     }
     else {
         if (!isSvgMode) {
             isSvgMode = newVNode.$tag$ === 'svg';
         }
         // create element
-        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* isSlotFallback */
-                ? 'slot-fb'
-                : newVNode.$tag$)
+        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* isSlotFallback */ ? 'slot-fb' : newVNode.$tag$)
             );
         if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
             isSvgMode = false;
@@ -842,7 +836,7 @@ const relocateSlotContent = (elm) => {
                     // that is suppose to always represent the original content location
                     if (isNodeLocatedInSlot(node, slotNameAttr)) {
                         // it's possible we've already decided to relocate this node
-                        relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                        relocateNodeData = relocateNodes.find(r => r.$nodeToRelocate$ === node);
                         // made some changes to slots
                         // let's make sure we also double check
                         // fallbacks are correctly hidden or shown
@@ -861,9 +855,9 @@ const relocateSlotContent = (elm) => {
                             });
                         }
                         if (node['s-sr']) {
-                            relocateNodes.map((relocateNode) => {
+                            relocateNodes.map(relocateNode => {
                                 if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node['s-sn'])) {
-                                    relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                                    relocateNodeData = relocateNodes.find(r => r.$nodeToRelocate$ === node);
                                     if (relocateNodeData && !relocateNode.$slotRefNode$) {
                                         relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
                                     }
@@ -871,7 +865,7 @@ const relocateSlotContent = (elm) => {
                             });
                         }
                     }
-                    else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
+                    else if (!relocateNodes.some(r => r.$nodeToRelocate$ === node)) {
                         // so far this element does not have a slot home, not setting slotRefNode on purpose
                         // if we never find a home for this element then we'll need to hide it
                         relocateNodes.push({
@@ -951,8 +945,7 @@ const renderVdom = (hostRef, renderFnResults) => {
                 if (!nodeToRelocate['s-ol']) {
                     // add a reference node marking this node's original location
                     // keep a reference to this node for later lookups
-                    orgLocationNode =
-                        doc.createTextNode('');
+                    orgLocationNode = doc.createTextNode('');
                     orgLocationNode['s-nr'] = nodeToRelocate;
                     nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);
                 }
@@ -976,8 +969,7 @@ const renderVdom = (hostRef, renderFnResults) => {
                             }
                         }
                     }
-                    if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) ||
-                        nodeToRelocate.nextSibling !== insertBeforeNode) {
+                    if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) || nodeToRelocate.nextSibling !== insertBeforeNode) {
                         // we've checked that it's worth while to relocate
                         // since that the node to relocate
                         // has a different next sibling or parent relocated
@@ -1023,13 +1015,6 @@ const createEvent = (ref, name, flags) => {
         },
     };
 };
-/**
- * Helper function to create & dispatch a custom Event on a provided target
- * @param elm the target of the Event
- * @param name the name to give the custom Event
- * @param opts options for configuring a custom Event
- * @returns the custom Event
- */
 const emitEvent = (elm, name, opts) => {
     const ev = plt.ce(name, opts);
     elm.dispatchEvent(ev);
@@ -1037,7 +1022,7 @@ const emitEvent = (elm, name, opts) => {
 };
 const attachToAncestor = (hostRef, ancestorComponent) => {
     if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
-        ancestorComponent['s-p'].push(new Promise((r) => (hostRef.$onRenderResolve$ = r)));
+        ancestorComponent['s-p'].push(new Promise(r => (hostRef.$onRenderResolve$ = r)));
     }
 };
 const scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -1099,7 +1084,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         // ok, so turns out there are some child host elements
         // waiting on this parent element to load
         // let's fire off all update callbacks waiting
-        rc.map((cb) => cb());
+        rc.map(cb => cb());
         elm['s-rc'] = undefined;
     }
     endRender();
@@ -1169,6 +1154,9 @@ const postUpdateComponent = (hostRef) => {
         }
     }
     else {
+        {
+            safeCall(instance, 'componentDidUpdate');
+        }
         endPostUpdate();
     }
     {
@@ -1212,31 +1200,7 @@ const safeCall = (instance, method, arg) => {
 const then = (promise, thenFn) => {
     return promise && promise.then ? promise.then(thenFn) : thenFn();
 };
-const addHydratedFlag = (elm) => elm.classList.add('hydrated')
-    ;
-/**
- * Parse a new property value for a given property type.
- *
- * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,
- * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:
- *   1. `any`, the type given to `propValue` in the function signature
- *   2. the type stored from `propType`.
- *
- * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.
- *
- * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to
- * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is
- * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.
- * ```tsx
- * <my-cmp prop-val={0}></my-cmp>
- * ```
- *
- * HTML prop values on the other hand, will always a string
- *
- * @param propValue the new value to coerce to some type
- * @param propType the type of the prop, expressed as a binary number
- * @returns the parsed/coerced value
- */
+const addHydratedFlag = (elm) => (elm.classList.add('hydrated') );
 const parsePropertyValue = (propValue, propType) => {
     // ensure this value is of the correct prop type
     if (propValue != null && !isComplexType(propValue)) {
@@ -1270,10 +1234,7 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
     const flags = hostRef.$flags$;
     const instance = hostRef.$lazyInstance$ ;
     newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
-    // explicitly check for NaN on both sides, as `NaN === NaN` is always false
-    const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
-    const didValueChange = newVal !== oldVal && !areBothNaN;
-    if ((!(flags & 8 /* isConstructingInstance */) || oldVal === undefined) && didValueChange) {
+    if ((!(flags & 8 /* isConstructingInstance */) || oldVal === undefined) && newVal !== oldVal) {
         // gadzooks! the property's value has changed!!
         // set our new value!
         hostRef.$instanceValues$.set(propName, newVal);
@@ -1283,7 +1244,7 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
                 const watchMethods = cmpMeta.$watchers$[propName];
                 if (watchMethods) {
                     // this instance is watching for when this property changed
-                    watchMethods.map((watchMethodName) => {
+                    watchMethods.map(watchMethodName => {
                         try {
                             // fire off each of the watch methods that are watching this property
                             instance[watchMethodName](newVal, oldVal, propName);
@@ -1313,8 +1274,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
         const members = Object.entries(cmpMeta.$members$);
         const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
-            if ((memberFlags & 31 /* Prop */ ||
-                    ((flags & 2 /* proxyState */) && memberFlags & 32 /* State */))) {
+            if ((memberFlags & 31 /* Prop */ || ((flags & 2 /* proxyState */) && memberFlags & 32 /* State */))) {
                 // proxyComponent - prop
                 Object.defineProperty(prototype, memberName, {
                     get() {
@@ -1329,8 +1289,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                     enumerable: true,
                 });
             }
-            else if (flags & 1 /* isElementConstructor */ &&
-                memberFlags & 64 /* Method */) {
+            else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
                 // proxyComponent - method
                 Object.defineProperty(prototype, memberName, {
                     value(...args) {
@@ -1345,51 +1304,6 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
             prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
                 plt.jmp(() => {
                     const propName = attrNameToPropName.get(attrName);
-                    //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
-                    //  in the case where an attribute was set inline.
-                    //  ```html
-                    //    <my-component some-attribute="some-value"></my-component>
-                    //  ```
-                    //
-                    //  There is an edge case where a developer sets the attribute inline on a custom element and then
-                    //  programmatically changes it before it has been upgraded as shown below:
-                    //
-                    //  ```html
-                    //    <!-- this component has _not_ been upgraded yet -->
-                    //    <my-component id="test" some-attribute="some-value"></my-component>
-                    //    <script>
-                    //      // grab non-upgraded component
-                    //      el = document.querySelector("#test");
-                    //      el.someAttribute = "another-value";
-                    //      // upgrade component
-                    //      customElements.define('my-component', MyComponent);
-                    //    </script>
-                    //  ```
-                    //  In this case if we do not unshadow here and use the value of the shadowing property, attributeChangedCallback
-                    //  will be called with `newValue = "some-value"` and will set the shadowed property (this.someAttribute = "another-value")
-                    //  to the value that was set inline i.e. "some-value" from above example. When
-                    //  the connectedCallback attempts to unshadow it will use "some-value" as the initial value rather than "another-value"
-                    //
-                    //  The case where the attribute was NOT set inline but was not set programmatically shall be handled/unshadowed
-                    //  by connectedCallback as this attributeChangedCallback will not fire.
-                    //
-                    //  https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
-                    //
-                    //  TODO(STENCIL-16) we should think about whether or not we actually want to be reflecting the attributes to
-                    //  properties here given that this goes against best practices outlined here
-                    //  https://developers.google.com/web/fundamentals/web-components/best-practices#avoid-reentrancy
-                    if (this.hasOwnProperty(propName)) {
-                        newValue = this[propName];
-                        delete this[propName];
-                    }
-                    else if (prototype.hasOwnProperty(propName) &&
-                        typeof this[propName] === 'number' &&
-                        this[propName] == newValue) {
-                        // if the propName exists on the prototype of `Cstr`, this update may be a result of Stencil using native
-                        // APIs to reflect props as attributes. Calls to `setAttribute(someElement, propName)` will result in
-                        // `propName` to be converted to a `DOMString`, which may not be what we want for other primitive props.
-                        return;
-                    }
                     this[propName] = newValue === null && typeof this[propName] === 'boolean' ? false : newValue;
                 });
             };
@@ -1426,7 +1340,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 endLoad();
             }
             if (!Cstr.isProxied) {
-                // we've never proxied this Constructor before
+                // we'eve never proxied this Constructor before
                 // let's add the getters/setters to its prototype before
                 // the first time we create an instance of the implementation
                 {
@@ -1475,7 +1389,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
     const ancestorComponent = hostRef.$ancestorComponent$;
     const schedule = () => scheduleUpdate(hostRef, true);
     if (ancestorComponent && ancestorComponent['s-rc']) {
-        // this is the initial load and this component it has an ancestor component
+        // this is the intial load and this component it has an ancestor component
         // but the ancestor component has NOT fired its will update lifecycle yet
         // so let's just cool our jets and wait for the ancestor to continue first
         // this will get fired off when the ancestor component
@@ -1560,7 +1474,7 @@ const disconnectedCallback = (elm) => {
         const instance = hostRef.$lazyInstance$ ;
         {
             if (hostRef.$rmListeners$) {
-                hostRef.$rmListeners$.map((rmListener) => rmListener());
+                hostRef.$rmListeners$.map(rmListener => rmListener());
                 hostRef.$rmListeners$ = undefined;
             }
         }
@@ -1582,73 +1496,71 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
-    lazyBundles.map((lazyBundle) => {
-        lazyBundle[1].map((compactMeta) => {
-            const cmpMeta = {
-                $flags$: compactMeta[0],
-                $tagName$: compactMeta[1],
-                $members$: compactMeta[2],
-                $listeners$: compactMeta[3],
-            };
-            {
-                cmpMeta.$members$ = compactMeta[2];
-            }
-            {
-                cmpMeta.$listeners$ = compactMeta[3];
-            }
-            {
-                cmpMeta.$attrsToReflect$ = [];
-            }
-            {
-                cmpMeta.$watchers$ = {};
-            }
-            const tagName = cmpMeta.$tagName$;
-            const HostElement = class extends HTMLElement {
-                // StencilLazyHost
-                constructor(self) {
-                    // @ts-ignore
-                    super(self);
-                    self = this;
-                    registerHost(self, cmpMeta);
-                    if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-                        // this component is using shadow dom
-                        // and this browser supports shadow dom
-                        // add the read-only property "shadowRoot" to the host element
-                        // adding the shadow root build conditionals to minimize runtime
+    lazyBundles.map(lazyBundle => lazyBundle[1].map(compactMeta => {
+        const cmpMeta = {
+            $flags$: compactMeta[0],
+            $tagName$: compactMeta[1],
+            $members$: compactMeta[2],
+            $listeners$: compactMeta[3],
+        };
+        {
+            cmpMeta.$members$ = compactMeta[2];
+        }
+        {
+            cmpMeta.$listeners$ = compactMeta[3];
+        }
+        {
+            cmpMeta.$attrsToReflect$ = [];
+        }
+        {
+            cmpMeta.$watchers$ = {};
+        }
+        const tagName = cmpMeta.$tagName$;
+        const HostElement = class extends HTMLElement {
+            // StencilLazyHost
+            constructor(self) {
+                // @ts-ignore
+                super(self);
+                self = this;
+                registerHost(self, cmpMeta);
+                if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                    // this component is using shadow dom
+                    // and this browser supports shadow dom
+                    // add the read-only property "shadowRoot" to the host element
+                    // adding the shadow root build conditionals to minimize runtime
+                    {
                         {
-                            {
-                                self.attachShadow({ mode: 'open' });
-                            }
+                            self.attachShadow({ mode: 'open' });
                         }
                     }
                 }
-                connectedCallback() {
-                    if (appLoadFallback) {
-                        clearTimeout(appLoadFallback);
-                        appLoadFallback = null;
-                    }
-                    if (isBootstrapping) {
-                        // connectedCallback will be processed once all components have been registered
-                        deferredConnectedCallbacks.push(this);
-                    }
-                    else {
-                        plt.jmp(() => connectedCallback(this));
-                    }
+            }
+            connectedCallback() {
+                if (appLoadFallback) {
+                    clearTimeout(appLoadFallback);
+                    appLoadFallback = null;
                 }
-                disconnectedCallback() {
-                    plt.jmp(() => disconnectedCallback(this));
+                if (isBootstrapping) {
+                    // connectedCallback will be processed once all components have been registered
+                    deferredConnectedCallbacks.push(this);
                 }
-                componentOnReady() {
-                    return getHostRef(this).$onReadyPromise$;
+                else {
+                    plt.jmp(() => connectedCallback(this));
                 }
-            };
-            cmpMeta.$lazyBundleId$ = lazyBundle[0];
-            if (!exclude.includes(tagName) && !customElements.get(tagName)) {
-                cmpTags.push(tagName);
-                customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
             }
-        });
-    });
+            disconnectedCallback() {
+                plt.jmp(() => disconnectedCallback(this));
+            }
+            componentOnReady() {
+                return getHostRef(this).$onReadyPromise$;
+            }
+        };
+        cmpMeta.$lazyBundleId$ = lazyBundle[0];
+        if (!exclude.includes(tagName) && !customElements.get(tagName)) {
+            cmpTags.push(tagName);
+            customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
+        }
+    }));
     {
         visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
         visibilityStyle.setAttribute('data-styles', '');
@@ -1657,7 +1569,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
     if (deferredConnectedCallbacks.length) {
-        deferredConnectedCallbacks.map((host) => host.connectedCallback());
+        deferredConnectedCallbacks.map(host => host.connectedCallback());
     }
     else {
         {
@@ -1678,10 +1590,10 @@ const registerHost = (elm, cmpMeta) => {
         $instanceValues$: new Map(),
     };
     {
-        hostRef.$onInstancePromise$ = new Promise((r) => (hostRef.$onInstanceResolve$ = r));
+        hostRef.$onInstancePromise$ = new Promise(r => (hostRef.$onInstanceResolve$ = r));
     }
     {
-        hostRef.$onReadyPromise$ = new Promise((r) => (hostRef.$onReadyResolve$ = r));
+        hostRef.$onReadyPromise$ = new Promise(r => (hostRef.$onReadyResolve$ = r));
         elm['s-p'] = [];
         elm['s-rc'] = [];
     }
@@ -1703,7 +1615,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${''}`).then((importedModule) => {
+    `./${bundleId}.entry.js${''}`).then(importedModule => {
         {
             cmpModules.set(bundleId, importedModule);
         }

package/dist/esm/{index-6b86a3f1.js → index-cca2b0d2.js}

@@ -183,6 +183,11 @@ var ExpandableListButtonAlign;
   ExpandableListButtonAlign["right"] = "right";
   ExpandableListButtonAlign["left"] = "left";
 })(ExpandableListButtonAlign || (ExpandableListButtonAlign = {}));
+var ZtoggleSwitchPositionEnum;
+(function (ZtoggleSwitchPositionEnum) {
+  ZtoggleSwitchPositionEnum["right"] = "right";
+  ZtoggleSwitchPositionEnum["left"] = "left";
+})(ZtoggleSwitchPositionEnum || (ZtoggleSwitchPositionEnum = {}));
 var ListDividerType;
 (function (ListDividerType) {
   ListDividerType["none"] = "none";
@@ -253,10 +258,15 @@ var ZAriaAlertMode;
   ZAriaAlertMode["polite"] = "polite";
   ZAriaAlertMode["assertive"] = "assertive";
 })(ZAriaAlertMode || (ZAriaAlertMode = {}));
+var ZFileUploadTypeEnum;
+(function (ZFileUploadTypeEnum) {
+  ZFileUploadTypeEnum["default"] = "default";
+  ZFileUploadTypeEnum["dragdrop"] = "dragdrop";
+})(ZFileUploadTypeEnum || (ZFileUploadTypeEnum = {}));
 var ZChipType;
 (function (ZChipType) {
   ZChipType["default"] = "default";
   ZChipType["mini"] = "mini";
 })(ZChipType || (ZChipType = {}));
 
-export { AvatarSize as A, ButtonVariantEnum as B, CardVariants as C, DeviceEnum as D, ExpandableListButtonAlign as E, InputTypeEnum as I, KeyboardKeys as K, LicenseTypeEnum as L, NotificationType as N, PopoverPosition as P, StatusTagStatus as S, ThemeVariant as T, ZAriaAlertMode as Z, DividerOrientation as a, ZChipType as b, ButtonSizeEnum as c, PocketStatusEnum as d, InputStatusEnum as e, AlertTypesEnum as f, TooltipPosition as g, TabOrientationEnum as h, TabSizeEnum as i, ZTableRowExpandedType as j, keybordKeyCodeEnum as k, ToastNotificationTransitionsEnum as l, ToastNotificationPositionsEnum as m, ListSize as n, ListDividerType as o, DividerSize as p, ExpandableListStyle as q, Size as r, SortDirectionEnum as s, PopoverBorderRadius as t, PopoverShadow as u, ButtonTypeEnum as v };
+export { AvatarSize as A, ButtonVariantEnum as B, CardVariants as C, DeviceEnum as D, ExpandableListButtonAlign as E, InputTypeEnum as I, KeyboardKeys as K, LicenseTypeEnum as L, NotificationType as N, PopoverPosition as P, StatusTagStatus as S, ThemeVariant as T, ZAriaAlertMode as Z, DividerOrientation as a, ZChipType as b, TooltipPosition as c, ZFileUploadTypeEnum as d, DividerSize as e, ButtonSizeEnum as f, PocketStatusEnum as g, InputStatusEnum as h, AlertTypesEnum as i, TabOrientationEnum as j, keybordKeyCodeEnum as k, TabSizeEnum as l, ZTableRowExpandedType as m, ToastNotificationTransitionsEnum as n, ToastNotificationPositionsEnum as o, ZtoggleSwitchPositionEnum as p, ListSize as q, ListDividerType as r, ExpandableListStyle as s, Size as t, SortDirectionEnum as u, PopoverBorderRadius as v, PopoverShadow as w, ButtonTypeEnum as x };

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-import { c as colorFromId } from './utils-351595e0.js';
-import './index-6b86a3f1.js';
+import { c as colorFromId } from './utils-cdd5a909.js';
+import './index-cca2b0d2.js';
 import './breakpoints-c386984e.js';
 
 const Utils = {