@lion/ui 0.14.0 → 0.14.2

package/components/dialog/test/lion-dialog.test.js

@@ -1,9 +1,20 @@
 /* eslint-disable lit-a11y/no-autofocus */
-import { expect, fixture as _fixture, html, unsafeStatic, aTimeout } from '@open-wc/testing';
+import {
+  expect,
+  fixture as _fixture,
+  html,
+  unsafeStatic,
+  aTimeout,
+  defineCE,
+  waitUntil,
+} from '@open-wc/testing';
+import { cache } from 'lit/directives/cache.js';
+import { LitElement, nothing } from 'lit';
 import { runOverlayMixinSuite } from '../../overlays/test-suites/OverlayMixin.suite.js';
 import { isActiveElement } from '../../core/test-helpers/isActiveElement.js';
 import '../test-helpers/test-router.js';
 import '@lion/ui/define/lion-dialog.js';
+import '@lion/ui/define/lion-tabs.js';
 
 /**
  * @typedef {import('../src/LionDialog.js').LionDialog} LionDialog
@@ -296,5 +307,107 @@ describe('lion-dialog', () => {
       await dialogAfterRouteChange._overlayCtrl._showComplete;
       expect(dialogAfterRouteChange.opened).to.be.true;
     });
+
+    it('should close the popup dialog after rendered from cache', async () => {
+      /**
+       *
+       * @param {Event} e
+       * @returns
+       */
+      const closeButtonHandler = e =>
+        e.target?.dispatchEvent(new Event('close-overlay', { bubbles: true }));
+      const dialog = html` <lion-dialog>
+        <button slot="invoker" class="invoker-button">Click me to open dialog</button>
+        <div slot="content" class="demo-dialog-content">
+          Hello! You can close this dialog here:
+          <button class="close-button" @click="${closeButtonHandler}">⨯</button>
+        </div>
+      </lion-dialog>`;
+
+      /**
+       * Note, inactive tab content is **destroyed** on every tab switch.
+       */
+      class Wrapper extends LitElement {
+        static properties = {
+          ...super.properties,
+          activeTabIndex: { type: Number },
+        };
+
+        constructor() {
+          super();
+          this.activeTabIndex = 0;
+        }
+
+        /**
+         * @param {number} index
+         */
+        changeActiveTabIndex(index) {
+          this.activeTabIndex = index;
+        }
+
+        render() {
+          const changeActiveTabIndexRef = this.changeActiveTabIndex.bind(this);
+          return html`
+            <lion-tabs>
+              <button slot="tab" class="first-button" @click=${() => changeActiveTabIndexRef(0)}>
+                First
+              </button>
+              <p slot="panel">${cache(this.activeTabIndex === 0 ? dialog : nothing)}</p>
+              <button slot="tab" class="second-button" @click=${() => changeActiveTabIndexRef(1)}>
+                Second
+              </button>
+              <p slot="panel">Info page with lots of information about us.</p>
+            </lion-tabs>
+          `;
+        }
+      }
+
+      const wrapperFixture = /** @type {(arg: TemplateResult) => Promise<Wrapper>} */ (_fixture);
+      const tagString = defineCE(Wrapper);
+      const wrapperTag = unsafeStatic(tagString);
+      const wrapperElement = /** @type {Wrapper} */ (
+        await wrapperFixture(html`<${wrapperTag}></${wrapperTag}>`)
+      );
+      await wrapperElement.updateComplete;
+      const wrapperElementShadowRoot = wrapperElement.shadowRoot;
+      /**
+       * @returns { HTMLElement | null | undefined }
+       */
+      const getFirstButton = () => wrapperElementShadowRoot?.querySelector('.first-button');
+      /**
+       * @returns { HTMLElement | null | undefined }
+       */
+      const getSecondButton = () => wrapperElementShadowRoot?.querySelector('.second-button');
+      /**
+       * @returns { HTMLElement | null | undefined }
+       */
+      const getInvokerButton = () => wrapperElementShadowRoot?.querySelector('.invoker-button');
+      /**
+       * @returns { HTMLElement | null | undefined }
+       */
+      const getCloseButton = () => wrapperElementShadowRoot?.querySelector('.close-button');
+      /**
+       * @returns { Element | null | undefined }
+       */
+      const getDialog = () =>
+        wrapperElementShadowRoot?.querySelector('lion-dialog')?.shadowRoot?.querySelector('dialog');
+      // @ts-ignore
+      const isDialogVisible = () => getDialog()?.checkVisibility() === true;
+      const isDialogRendered = () =>
+        !!wrapperElement.shadowRoot?.querySelector('lion-dialog')?.shadowRoot?.childNodes.length;
+      getInvokerButton()?.click();
+      await waitUntil(isDialogVisible);
+      getCloseButton()?.click();
+      await waitUntil(() => !isDialogVisible());
+      getSecondButton()?.click();
+      await waitUntil(() => !isDialogRendered());
+      getFirstButton()?.click();
+      await waitUntil(isDialogRendered);
+      getInvokerButton()?.click();
+      await waitUntil(isDialogVisible);
+      getCloseButton()?.click();
+      await waitUntil(() => !isDialogVisible());
+      expect(isDialogVisible()).to.equal(false);
+    });
   });
 });

package/components/input-amount-dropdown/src/LionInputAmountDropdown.js

@@ -101,9 +101,6 @@ export class LionInputAmountDropdown extends LionInputAmount {
     const refs = {
       dropdown: {
         ref: this.refs.dropdown,
-        props: {
-          style: `height: 100%;`,
-        },
         listeners: {
           change: this._onDropdownValueChange,
           'model-value-changed': this._onDropdownValueChange,
@@ -159,7 +156,7 @@ export class LionInputAmountDropdown extends LionInputAmount {
           ${ref(refs?.dropdown?.ref)}
           aria-label="${refs?.dropdown?.labels?.selectCurrency}"
           @change="${refs?.dropdown?.listeners?.change}"
-          style="${refs?.dropdown?.props?.style}"
+          style="${ifDefined(refs?.dropdown?.props?.style)}"
         >
           ${data?.regionMetaListPreferred?.length
             ? html`

package/components/input-amount-dropdown/test/LionInputAmountDropdown.test.js

@@ -8,6 +8,7 @@ import { LionOption } from '@lion/ui/listbox.js';
 import { ref } from 'lit/directives/ref.js';
 import { html } from 'lit';
 
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { isActiveElement } from '../../core/test-helpers/isActiveElement.js';
 import { ScopedElementsMixin } from '../../core/src/ScopedElementsMixin.js';
 import '@lion/ui/define/lion-input-amount-dropdown.js';
@@ -43,7 +44,7 @@ class WithFormControlInputAmountDropdown extends ScopedElementsMixin(LionInputAm
           label="${refs?.dropdown?.labels?.country}"
           label-sr-only
           @model-value-changed="${refs?.dropdown?.listeners['model-value-changed']}"
-          style="${refs?.dropdown?.props?.style}"
+          style="${ifDefined(refs?.dropdown?.props?.style)}"
         >
           ${repeat(
             data.regionMetaList,
@@ -81,7 +82,7 @@ describe('WithFormControlInputAmountDropdown', () => {
               label="${refs?.dropdown?.labels?.country}"
               label-sr-only
               @model-value-changed="${refs?.dropdown?.listeners['model-value-changed']}"
-              style="${refs?.dropdown?.props?.style}"
+              style="${ifDefined(refs?.dropdown?.props?.style)}"
               interaction-mode="mac"
             >
               ${repeat(
@@ -134,7 +135,7 @@ describe('WithFormControlInputAmountDropdown', () => {
               label="${refs?.dropdown?.labels?.country}"
               label-sr-only
               @model-value-changed="${refs?.dropdown?.listeners['model-value-changed']}"
-              style="${refs?.dropdown?.props?.style}"
+              style="${ifDefined(refs?.dropdown?.props?.style)}"
               interaction-mode="windows/linux"
             >
               ${repeat(

package/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js

@@ -150,7 +150,6 @@ export function runInputAmountDropdownSuite({ klass } = { klass: LionInputAmount
                   // @ts-expect-error [allow-protected]
                   'model-value-changed': el._onDropdownValueChange,
                 },
-                props: { style: 'height: 100%;' },
                 ref: {
                   value: dropdownNode,
                 },

package/components/input-amount-dropdown/types/index.ts

@@ -26,7 +26,7 @@ export type TemplateDataForDropdownInputAmount = {
   refs: {
     dropdown: RefTemplateData & {
       ref: DropdownRef;
-      props: { style: string };
+      props?: { style?: string };
       listeners: {
         change: (event: OnDropdownChangeEvent) => void;
         'model-value-changed': (event: OnDropdownChangeEvent) => void;

package/components/overlays/src/OverlayMixin.js

@@ -246,16 +246,23 @@ export const OverlayMixinImplementation = superclass =>
 
     /** @protected */
     _setupOverlayCtrl() {
-      if (this._overlayCtrl) return;
-
-      /** @type {OverlayController} */
-      this._overlayCtrl = this._defineOverlay({
+      if (this.#hasSetup) return;
+      const config = {
         contentNode: this._overlayContentNode,
         contentWrapperNode: this._overlayContentWrapperNode,
         invokerNode: this._overlayInvokerNode,
         referenceNode: this._overlayReferenceNode,
         backdropNode: this._overlayBackdropNode,
-      });
+      };
+
+      if (this._overlayCtrl) {
+        // when `lit` `cache` attaches node to the DOM, register the controller back in the OverlaysManager
+        this._overlayCtrl.updateConfig(config);
+      } else {
+        /** @type {OverlayController} */
+        this._overlayCtrl = this._defineOverlay(config);
+      }
+
       this.__syncToOverlayController();
       this.__setupSyncFromOverlayController();
       this._setupOpenCloseListeners();

package/components/overlays/test/OverlayController.test.js

@@ -153,6 +153,8 @@ async function createNestedEscControllers(parentContent) {
 
 afterEach(() => {
   overlays.teardown();
+  // clean document.body from the DOM nodes left by previous tests
+  document.body.innerHTML = '';
 });
 
 describe('OverlayController', () => {

package/components/overlays/test-suites/OverlayMixin.suite.js

@@ -533,8 +533,11 @@ export function runOverlayMixinSuite({ tagString, tag, suffix = '' }) {
 
         el.switched = false;
         await el.updateComplete;
-
         expect(setupSpy.callCount).to.equal(1);
+
+        const elCtrl = /** @type {OverlayEl} */ (el.overlayEl)?._overlayCtrl;
+        const isCtrlRegisteredAtOverlaysManager = elCtrl.manager.list.some(ctrl => elCtrl === ctrl);
+        expect(isCtrlRegisteredAtOverlaysManager).to.equal(true);
       });
 
       it('correctly removes event listeners when disconnected from dom', async () => {

package/custom-elements.json

@@ -69472,7 +69472,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ dropdown: (/** @type {TemplateDataForDropdownInputAmount} */ templateDataForDropdown) => { const { refs, data } = templateDataForDropdown; const renderOption = (/** @type {RegionMeta} */ regionMeta) => html`${this.templates.dropdownOption(templateDataForDropdown, regionMeta)} `; // TODO: once spread directive available, use it per ref return html` <select ${ref(refs?.dropdown?.ref)} aria-label=\"${refs?.dropdown?.labels?.selectCurrency}\" @change=\"${refs?.dropdown?.listeners?.change}\" style=\"${refs?.dropdown?.props?.style}\" > ${data?.regionMetaListPreferred?.length ? html` <optgroup label=\"${refs?.dropdown?.labels?.preferredCurrencies}\"> ${data.regionMetaListPreferred.map(renderOption)} </optgroup> <optgroup label=\"${refs?.dropdown?.labels?.allCurrencies}\"> ${data?.regionMetaList?.map(renderOption)} </optgroup> ` : html` ${data?.regionMetaList?.map(renderOption)}`} </select> `; }, /** * @param {TemplateDataForDropdownInputAmount} templateDataForDropdown * @param {RegionMeta} contextData */ // eslint-disable-next-line class-methods-use-this dropdownOption: ( templateDataForDropdown, { currencyCode, nameForLocale, currencySymbol }, ) => html` <option value=\"${currencyCode}\" aria-label=\"${ifDefined( nameForLocale && currencySymbol ? `${nameForLocale}, ${currencySymbol}` : '', )}\" > ${currencyCode} (${currencySymbol})&nbsp; </option> `, }",
+              "default": "{ dropdown: (/** @type {TemplateDataForDropdownInputAmount} */ templateDataForDropdown) => { const { refs, data } = templateDataForDropdown; const renderOption = (/** @type {RegionMeta} */ regionMeta) => html`${this.templates.dropdownOption(templateDataForDropdown, regionMeta)} `; // TODO: once spread directive available, use it per ref return html` <select ${ref(refs?.dropdown?.ref)} aria-label=\"${refs?.dropdown?.labels?.selectCurrency}\" @change=\"${refs?.dropdown?.listeners?.change}\" style=\"${ifDefined(refs?.dropdown?.props?.style)}\" > ${data?.regionMetaListPreferred?.length ? html` <optgroup label=\"${refs?.dropdown?.labels?.preferredCurrencies}\"> ${data.regionMetaListPreferred.map(renderOption)} </optgroup> <optgroup label=\"${refs?.dropdown?.labels?.allCurrencies}\"> ${data?.regionMetaList?.map(renderOption)} </optgroup> ` : html` ${data?.regionMetaList?.map(renderOption)}`} </select> `; }, /** * @param {TemplateDataForDropdownInputAmount} templateDataForDropdown * @param {RegionMeta} contextData */ // eslint-disable-next-line class-methods-use-this dropdownOption: ( templateDataForDropdown, { currencyCode, nameForLocale, currencySymbol }, ) => html` <option value=\"${currencyCode}\" aria-label=\"${ifDefined( nameForLocale && currencySymbol ? `${nameForLocale}, ${currencySymbol}` : '', )}\" > ${currencyCode} (${currencySymbol})&nbsp; </option> `, }",
               "privacy": "public"
             },
             {

package/dist-types/components/dialog/test/lion-dialog.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lion-dialog.test.d.ts","sourceRoot":"","sources":["../../../../components/dialog/test/lion-dialog.test.js"],"names":[],"mappings":"yBAQa,OAAO,sBAAsB,EAAE,UAAU;6BACzC,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"lion-dialog.test.d.ts","sourceRoot":"","sources":["../../../../components/dialog/test/lion-dialog.test.js"],"names":[],"mappings":"yBAmBa,OAAO,sBAAsB,EAAE,UAAU;6BACzC,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/input-amount-dropdown/src/LionInputAmountDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputAmountDropdown.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/src/LionInputAmountDropdown.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;GAeG;AAEH;;;;;;;;;GASG;AAEH;IACE;;;OAGG;IACH,mBAFU,GAAG,CAMX;IAEF,kGAGE;IAkFF;4CACwB,kCAAkC;QA0BxD;;;WAGG;kDAFQ,kCAAkC,mDAClC,UAAU;MAgBrB;IAEF;;;OAGG;IACH,gHA4BE;IA/JF;QACE,0BAA0B;kBAAf,WAAW;MAEtB;IAEF;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,4FAiCC;IASD,+BAMC;IAbD;;OAEG;IACH,4BAEC;IAOC,gBAiJU,MAAM,CAjJc;IA6G9B;;;OAGG;IACH,oFAEC;IAED,gDAEE;IAYF,qLAAyB;IAEzB;;;OAGG;IACH,wBAHW,OAAO,mBAAmB,EAAE,wBAAwB,iHAG4B;IAC3F,yFAA4B;IAC5B,gGAAgC;IAEhC,uCAAkD;IAQlD;;;OAGG;IACH,qBAFU,YAAY,EAAE,CAEK;IAE7B;;;OAGG;IACH,mBAFU,YAAY,EAAE,CAEG;IAE3B;;;OAGG;IACH,sCAA6B;IAC7B;;;OAGG;IACH,4CAAmC;IAEnC;;;;;OAKG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,kCAAmC;IAkFrC;;;OAGG;IACH,wCAFW,qBAAqB,QA0B/B;IAED;;OAEG;IACH,mCAmBC;IAzHC;;;;MAAiC;IA6CnC;;OAEG;IACH,iDAOC;IALG,8CAA8C;IAOlD;;;;;;;OAOG;IACH,gCAJW,MAAM,GACL,OAAO,CAKlB;IAwDD;;;;;;;OAOG;IACH,6BAmBC;IAED;;;;;;;;OAQG;IAEH,6CAEC;IAED,kCAkCC;IAED;;;;OAIG;IACH,0EAIC;CACF;kBAlhBY,OAAO,uBAAuB,EAAE,GAAG;4BACnC,OAAO,KAAK,EAAE,aAAa;yBAC3B,OAAO,2CAA2C,EAAE,UAAU;yBAC9D,OAAO,gCAAgC,EAAE,UAAU;iDACnD,OAAO,mBAAmB,EAAE,kCAAkC;oCAC9D,OAAO,mBAAmB,EAAE,qBAAqB;0BACjD,OAAO,mBAAmB,EAAE,WAAW;yBACvC,OAAO,mBAAmB,EAAE,UAAU;2BACtC,OAAO,mBAAmB,EAAE,YAAY;6BACxC,OAAO,yCAAyC,EAAE,cAAc;gCAChE,OAAO,yCAAyC,EAAE,iBAAiB;4BACnE,OAAO,2CAA2C,EAAE,aAAa;kCACjE,aAAa,GAAG;IAAC,MAAM,CAAC,EAAC,MAAM,CAAC;IAAA,QAAQ,EAAC,MAAM,GAAC,SAAS,CAAA;CAAC;6CAC1D,kCAAkC,GAAG;IAAC,IAAI,EAAE;QAAC,cAAc,EAAC,UAAU,EAAE,CAAA;KAAC,CAAA;CAAC"}
+{"version":3,"file":"LionInputAmountDropdown.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/src/LionInputAmountDropdown.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;GAeG;AAEH;;;;;;;;;GASG;AAEH;IACE;;;OAGG;IACH,mBAFU,GAAG,CAMX;IAEF,kGAGE;IA+EF;4CACwB,kCAAkC;QA0BxD;;;WAGG;kDAFQ,kCAAkC,mDAClC,UAAU;MAgBrB;IAEF;;;OAGG;IACH,gHA4BE;IA5JF;QACE,0BAA0B;kBAAf,WAAW;MAEtB;IAEF;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,4FA8BC;IASD,+BAMC;IAbD;;OAEG;IACH,4BAEC;IAOC,gBAiJU,MAAM,CAjJc;IA6G9B;;;OAGG;IACH,oFAEC;IAED,gDAEE;IAYF,qLAAyB;IAEzB;;;OAGG;IACH,wBAHW,OAAO,mBAAmB,EAAE,wBAAwB,iHAG4B;IAC3F,yFAA4B;IAC5B,gGAAgC;IAEhC,uCAAkD;IAQlD;;;OAGG;IACH,qBAFU,YAAY,EAAE,CAEK;IAE7B;;;OAGG;IACH,mBAFU,YAAY,EAAE,CAEG;IAE3B;;;OAGG;IACH,sCAA6B;IAC7B;;;OAGG;IACH,4CAAmC;IAEnC;;;;;OAKG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,kCAAmC;IAkFrC;;;OAGG;IACH,wCAFW,qBAAqB,QA0B/B;IAED;;OAEG;IACH,mCAmBC;IAzHC;;;;MAAiC;IA6CnC;;OAEG;IACH,iDAOC;IALG,8CAA8C;IAOlD;;;;;;;OAOG;IACH,gCAJW,MAAM,GACL,OAAO,CAKlB;IAwDD;;;;;;;OAOG;IACH,6BAmBC;IAED;;;;;;;;OAQG;IAEH,6CAEC;IAED,kCAkCC;IAED;;;;OAIG;IACH,0EAIC;CACF;kBA/gBY,OAAO,uBAAuB,EAAE,GAAG;4BACnC,OAAO,KAAK,EAAE,aAAa;yBAC3B,OAAO,2CAA2C,EAAE,UAAU;yBAC9D,OAAO,gCAAgC,EAAE,UAAU;iDACnD,OAAO,mBAAmB,EAAE,kCAAkC;oCAC9D,OAAO,mBAAmB,EAAE,qBAAqB;0BACjD,OAAO,mBAAmB,EAAE,WAAW;yBACvC,OAAO,mBAAmB,EAAE,UAAU;2BACtC,OAAO,mBAAmB,EAAE,YAAY;6BACxC,OAAO,yCAAyC,EAAE,cAAc;gCAChE,OAAO,yCAAyC,EAAE,iBAAiB;4BACnE,OAAO,2CAA2C,EAAE,aAAa;kCACjE,aAAa,GAAG;IAAC,MAAM,CAAC,EAAC,MAAM,CAAC;IAAA,QAAQ,EAAC,MAAM,GAAC,SAAS,CAAA;CAAC;6CAC1D,kCAAkC,GAAG;IAAC,IAAI,EAAE;QAAC,cAAc,EAAC,UAAU,EAAE,CAAA;KAAC,CAAA;CAAC"}

package/dist-types/components/input-amount-dropdown/test/LionInputAmountDropdown.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputAmountDropdown.test.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test/LionInputAmountDropdown.test.js"],"names":[],"mappings":"iDAea,OAAO,mBAAmB,EAAE,kCAAkC;8BAC9D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;yBACnD,OAAO,mBAAmB,EAAE,UAAU;6BACtC,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"LionInputAmountDropdown.test.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test/LionInputAmountDropdown.test.js"],"names":[],"mappings":"iDAgBa,OAAO,mBAAmB,EAAE,kCAAkC;8BAC9D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;yBACnD,OAAO,mBAAmB,EAAE,UAAU;6BACtC,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputAmountDropdown.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js"],"names":[],"mappings":"AAuCA;;GAEG;AAEH,wDAHW;IAAE,KAAK,EAAC,uBAAuB,CAAA;CAAE,QAyR3C;iDAjTY,OAAO,mBAAmB,EAAE,kCAAkC;8BAC9D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;6BACnD,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"LionInputAmountDropdown.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js"],"names":[],"mappings":"AAuCA;;GAEG;AAEH,wDAHW;IAAE,KAAK,EAAC,uBAAuB,CAAA;CAAE,QAwR3C;iDAhTY,OAAO,mBAAmB,EAAE,kCAAkC;8BAC9D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;6BACnD,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/input-amount-dropdown/types/index.d.ts

@@ -37,8 +37,8 @@ export type TemplateDataForDropdownInputAmount = {
     refs: {
         dropdown: RefTemplateData & {
             ref: DropdownRef;
-            props: {
-                style: string;
+            props?: {
+                style?: string;
             };
             listeners: {
                 change: (event: OnDropdownChangeEvent) => void;

package/dist-types/components/input-amount-dropdown/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/types/index.ts"],"names":[],"mappings":"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"}

package/dist-types/components/overlays/src/OverlayMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayMixin.js"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH;;;;;;;GAOG;AACH,yCAHU,YAAY,CA8YlB;2BAtZS,OAAO,+BAA+B,EAAE,YAAY;AAuZjE,gGAAoE;4BAzZvD,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB"}
+{"version":3,"file":"OverlayMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayMixin.js"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH;;;;;;;GAOG;AACH,yCAHU,YAAY,CAqZlB;2BA7ZS,OAAO,+BAA+B,EAAE,YAAY;AA8ZjE,gGAAoE;4BAhavD,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB"}

package/dist-types/components/overlays/test-suites/OverlayMixin.suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test-suites/OverlayMixin.suite.js"],"names":[],"mappings":"AAwDA;;GAEG;AACH,iEAFW;IAAC,SAAS,EAAC,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAC,MAAM,CAAA;CAAC,QA4mBzD;kCAlpBY,OAAO,+BAA+B,EAAE,mBAAmB;wBAC3D,UAAU,GAAG,WAAW,GAAG;IAAC,YAAY,EAAC,iBAAiB,CAAA;CAAC;2BAC3D,OAAO,+BAA+B,EAAE,YAAY;0BACpD,OAAO,+BAA+B,EAAE,WAAW;4BACnD,OAAO,2BAA2B,EAAE,aAAa"}
+{"version":3,"file":"OverlayMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test-suites/OverlayMixin.suite.js"],"names":[],"mappings":"AAwDA;;GAEG;AACH,iEAFW;IAAC,SAAS,EAAC,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAC,MAAM,CAAA;CAAC,QA+mBzD;kCArpBY,OAAO,+BAA+B,EAAE,mBAAmB;wBAC3D,UAAU,GAAG,WAAW,GAAG;IAAC,YAAY,EAAC,iBAAiB,CAAA;CAAC;2BAC3D,OAAO,+BAA+B,EAAE,YAAY;0BACpD,OAAO,+BAA+B,EAAE,WAAW;4BACnD,OAAO,2BAA2B,EAAE,aAAa"}

package/dist-types/exports/types/input-amount-dropdown.d.ts

@@ -0,0 +1,2 @@
+export { RegionMeta, TemplateDataForDropdownInputAmount, AmountDropdownModelValue, CurrencyCode, countryToCurrencyList, RegionToCurrencyMap, AllCurrenciesSet } from '../../components/input-amount-dropdown/types/index.js';
+//# sourceMappingURL=input-amount-dropdown.d.ts.map

package/dist-types/exports/types/input-amount-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-amount-dropdown.d.ts","sourceRoot":"","sources":["../../../exports/types/input-amount-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kCAAkC,EAClC,wBAAwB,EACxB,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,uDAAuD,CAAC"}