@aquera/nile-elements 1.9.3 → 1.9.5

package/src/nile-section-message/nile-section-message.css.ts

@@ -15,7 +15,7 @@ export const styles = css`
     display: block;
     width: 100%;
     box-sizing: border-box;
-    --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));
+    --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));
     min-width: var(--nile-width-width-xxs, var(--ng-width-80));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
@@ -59,30 +59,29 @@ export const styles = css`
   nile-icon-button::part(base) {
     background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));
+    padding: var(--nile-radius-md, var(--ng-radius-md));
+    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
   }
 
   .icon--primary {
     --icon-button-background-color: var(
       --nile-section-message-icon-background-color-primary,
-    var(--ng-colors-bg-primary-alt));
+    var(--ng-colors-bg-brand-solid));
   }
 
   .icon--success {
     --icon-button-background-color: var(
-      --nile-section-message-icon-background-color-success
-    );
+      --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));
   }
 
   .icon--warning {
     --icon-button-background-color: var(
-      --nile-section-message-icon-background-color-warning
-    );
+      --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));
   }
 
   .icon--error {
     --icon-button-background-color: var(
-      --nile-section-message-icon-background-color-error
-    );
+      --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));
   }
 
   .right__wrapper {

package/stories/dot-stepper.stories.ts

@@ -0,0 +1,67 @@
+import { html, TemplateResult } from 'lit';
+import '../src/nile-dot-stepper';
+
+export default {
+  title: 'NileDotStepper',
+  component: 'nile-dot-stepper',
+  argTypes: {
+    total: { control: 'number' },
+    current: { control: 'number' },
+    size: { control: 'select', options: ['sm', 'md', 'lg'] },
+    disabled: { control: 'boolean' },
+  },
+};
+
+interface Story<T> {
+  (args: T): TemplateResult;
+  args?: Partial<T>;
+  argTypes?: Record<string, unknown>;
+}
+
+interface ArgTypes {
+  total?: number;
+  current?: number;
+  size?: 'sm' | 'md' | 'lg';
+  disabled?: boolean;
+}
+
+const Template: Story<ArgTypes> = ({
+  total = 5,
+  current = 1,
+  size = 'md',
+  disabled = false,
+}: ArgTypes) => html`
+  <nile-dot-stepper
+    .total=${total}
+    .current=${current}
+    .size=${size}
+    ?disabled=${disabled}
+  ></nile-dot-stepper>
+`;
+
+export const Default = Template.bind({});
+Default.args = {
+  total: 5,
+  current: 2,
+  size: 'md',
+};
+
+export const Sizes: Story<ArgTypes> = () => html`
+  <div style="display: flex; flex-direction: column; gap: 24px;">
+    <nile-dot-stepper .total=${5} .current=${2} size="sm"></nile-dot-stepper>
+    <nile-dot-stepper .total=${5} .current=${2} size="md"></nile-dot-stepper>
+    <nile-dot-stepper .total=${5} .current=${2} size="lg"></nile-dot-stepper>
+  </div>
+`;
+
+export const Interactive: Story<ArgTypes> = () => html`
+  <nile-dot-stepper
+    .total=${6}
+    .current=${1}
+    size="md"
+    @nile-step-change=${(e: CustomEvent<{ value: number }>) => {
+      // eslint-disable-next-line no-console
+      console.log('nile-step-change', e.detail.value);
+    }}
+  ></nile-dot-stepper>
+`;

package/vscode-html-custom-data.json

@@ -1653,6 +1653,147 @@
         }
       ]
     },
+    {
+      "name": "nile-command-menu-group",
+      "description": "Groups related commands under an optional heading inside a `nile-command-menu`.\n\nSlots:\n\n  * ` ` {} - The group's command items (`nile-command-menu-item`).\n\n  * `heading` {} - The group heading. Takes precedence over the `heading` attribute when provided.\n\nAttributes:\n\n  * `heading` {`string`} - The text heading shown above the group's items. Use the `heading` slot for richer content.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `heading` {`string`} - The text heading shown above the group's items. Use the `heading` slot for richer content.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "heading",
+          "description": "`heading` {`string`} - The text heading shown above the group's items. Use the `heading` slot for richer content.\n\nProperty: heading\n\nDefault: "
+        }
+      ]
+    },
+    {
+      "name": "nile-command-menu-item",
+      "description": "An individual selectable command inside a `nile-command-menu`.\n\nSlots:\n\n  * ` ` {} - The item's label.\n\n  * `icon` {} - Used to prepend an icon (or similar element) before the label.\n\n  * `suffix` {} - Used to append content (e.g. a hint) after the label, before the shortcut.\n\nAttributes:\n\n  * `size` {`\"small\" | \"medium\"`} - Controls vertical padding of the item.\n\n  * `value` {`string`} - A unique value used to identify the item when it is selected.\n\n  * `disabled` {`boolean`} - Draws the item in a disabled state, preventing selection.\n\n  * `active` {`boolean`} - Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation.\n\n  * `keywords` {`string`} - Extra keywords used by the parent menu when filtering, in addition to the visible label.\nUseful for matching synonyms or abbreviations.\n\n  * `scope` {`string`} - The search scope this item belongs to. When the menu has active scopes (the \"Searching for\" row),\nan item is shown only if it has no scope or its scope is among the active ones.\n\n  * `shortcut` {`string`} - A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a\nspace to render each one in its own key box (e.g. `\"⌘ K\"`).\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `size` {`\"small\" | \"medium\"`} - Controls vertical padding of the item.\n\n  * `value` {`string`} - A unique value used to identify the item when it is selected.\n\n  * `disabled` {`boolean`} - Draws the item in a disabled state, preventing selection.\n\n  * `active` {`boolean`} - Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation.\n\n  * `keywords` {`string`} - Extra keywords used by the parent menu when filtering, in addition to the visible label.\nUseful for matching synonyms or abbreviations.\n\n  * `scope` {`string`} - The search scope this item belongs to. When the menu has active scopes (the \"Searching for\" row),\nan item is shown only if it has no scope or its scope is among the active ones.\n\n  * `shortcut` {`string`} - A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a\nspace to render each one in its own key box (e.g. `\"⌘ K\"`).\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "`size` {`\"small\" | \"medium\"`} - Controls vertical padding of the item.\n\nProperty: size\n\nDefault: small",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "medium"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - A unique value used to identify the item when it is selected.\n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Draws the item in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "active",
+          "description": "`active` {`boolean`} - Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation.\n\nProperty: active\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "keywords",
+          "description": "`keywords` {`string`} - Extra keywords used by the parent menu when filtering, in addition to the visible label.\nUseful for matching synonyms or abbreviations.\n\nProperty: keywords\n\nDefault: "
+        },
+        {
+          "name": "scope",
+          "description": "`scope` {`string`} - The search scope this item belongs to. When the menu has active scopes (the \"Searching for\" row),\nan item is shown only if it has no scope or its scope is among the active ones.\n\nProperty: scope\n\nDefault: "
+        },
+        {
+          "name": "shortcut",
+          "description": "`shortcut` {`string`} - A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a\nspace to render each one in its own key box (e.g. `\"⌘ K\"`).\n\nProperty: shortcut\n\nDefault: "
+        }
+      ]
+    },
+    {
+      "name": "nile-command-menu",
+      "description": "A keyboard-driven command palette for fast, page-wide search and action execution.\n\nEvents:\n\n  * `nile-show` {} - Emitted when the menu opens.\n\n  * `nile-after-show` {} - Emitted after the menu opens and the animation completes.\n\n  * `nile-hide` {} - Emitted when the menu starts to close.\n\n  * `nile-after-hide` {} - Emitted after the menu closes and the animation completes.\n\n  * `nile-request-close` {} - Emitted when the user attempts to close the menu (overlay click / Escape). Cancelable.\n\n  * `nile-search` {} - Emitted when the search value changes. `detail: { value }`.\n\n  * `nile-select` {} - Emitted when an item is selected. `detail: { value, item }`.\n\n  * `nile-scope-remove` {} - Emitted when a scope tag is removed. `detail: { scope, scopes }`.\n\nSlots:\n\n  * ` ` {} - The command content: `nile-command-menu-group` and/or `nile-command-menu-item` elements.\n\n  * `empty` {} - Custom content shown when no items match the current query.\n\n  * `footer` {} - Optional footer content. When empty, a built-in keyboard-hint row is shown (unless `nofooterhints`).\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the menu is open. Toggle this attribute, or use `show()` / `hide()`.\n\n  * `placeholder` {`string`} - Placeholder text shown in the search input.\n\n  * `label` {`string`} - Accessible label for the dialog and the search input.\n\n  * `noResultsMessage` {`string`} - Message shown when no items match the current query. Ignored when the `empty` slot is used.\n\n  * `value` {`string`} - The current search value.\n\n  * `customSearch` {`boolean`} - When set, the menu does not filter items itself; instead it emits `nile-search` so the host can\nmanage results. Useful for async/server-side search.\n\n  * `keepOpenOnSelect` {`boolean`} - Keeps the menu open after an item is selected instead of closing it.\n\n  * `preventOverlayClose` {`boolean`} - Prevents the menu from closing when the overlay is clicked.\n\n  * `noFooterHints` {`boolean`} - Hides the built-in keyboard-hint footer (navigate / select / close). The `footer` slot always overrides it.\n\n  * `scopes` {`CommandMenuScope[]`} - Active search scopes shown as removable tags in the \"Searching for\" row. Items are filtered so that\nonly those with no `scope` or whose `scope` matches an active scope are shown. Set via the `scopes`\nattribute (comma-separated labels or a JSON array) or the property (array of `{ label, value }`).\n\n  * `scopesLabel` {`string`} - Label shown before the scope tags.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `modal` - \n\n  * `originalTrigger` {`HTMLElement | null`} - \n\n  * `command` {`HTMLElement`} - \n\n  * `panel` {`HTMLElement`} - \n\n  * `overlay` {`HTMLElement`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `open` {`boolean`} - Indicates whether the menu is open. Toggle this attribute, or use `show()` / `hide()`.\n\n  * `placeholder` {`string`} - Placeholder text shown in the search input.\n\n  * `label` {`string`} - Accessible label for the dialog and the search input.\n\n  * `noResultsMessage` {`string`} - Message shown when no items match the current query. Ignored when the `empty` slot is used.\n\n  * `value` {`string`} - The current search value.\n\n  * `customSearch` {`boolean`} - When set, the menu does not filter items itself; instead it emits `nile-search` so the host can\nmanage results. Useful for async/server-side search.\n\n  * `keepOpenOnSelect` {`boolean`} - Keeps the menu open after an item is selected instead of closing it.\n\n  * `preventOverlayClose` {`boolean`} - Prevents the menu from closing when the overlay is clicked.\n\n  * `noFooterHints` {`boolean`} - Hides the built-in keyboard-hint footer (navigate / select / close). The `footer` slot always overrides it.\n\n  * `scopes` {`CommandMenuScope[]`} - Active search scopes shown as removable tags in the \"Searching for\" row. Items are filtered so that\nonly those with no `scope` or whose `scope` matches an active scope are shown. Set via the `scopes`\nattribute (comma-separated labels or a JSON array) or the property (array of `{ label, value }`).\n\n  * `scopesLabel` {`string`} - Label shown before the scope tags.\n\n  * `hasResults` {`boolean`} - True when the current query matches no items.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - Indicates whether the menu is open. Toggle this attribute, or use `show()` / `hide()`.\n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - Placeholder text shown in the search input.\n\nProperty: placeholder\n\nDefault: Search commands..."
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - Accessible label for the dialog and the search input.\n\nProperty: label\n\nDefault: Command menu"
+        },
+        {
+          "name": "noResultsMessage",
+          "description": "`noResultsMessage` {`string`} - Message shown when no items match the current query. Ignored when the `empty` slot is used.\n\nProperty: noResultsMessage\n\nDefault: No results found"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - The current search value.\n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "customSearch",
+          "description": "`customSearch` {`boolean`} - When set, the menu does not filter items itself; instead it emits `nile-search` so the host can\nmanage results. Useful for async/server-side search.\n\nProperty: customSearch\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "keepOpenOnSelect",
+          "description": "`keepOpenOnSelect` {`boolean`} - Keeps the menu open after an item is selected instead of closing it.\n\nProperty: keepOpenOnSelect\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "preventOverlayClose",
+          "description": "`preventOverlayClose` {`boolean`} - Prevents the menu from closing when the overlay is clicked.\n\nProperty: preventOverlayClose\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "noFooterHints",
+          "description": "`noFooterHints` {`boolean`} - Hides the built-in keyboard-hint footer (navigate / select / close). The `footer` slot always overrides it.\n\nProperty: noFooterHints\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "scopes",
+          "description": "`scopes` {`CommandMenuScope[]`} - Active search scopes shown as removable tags in the \"Searching for\" row. Items are filtered so that\nonly those with no `scope` or whose `scope` matches an active scope are shown. Set via the `scopes`\nattribute (comma-separated labels or a JSON array) or the property (array of `{ label, value }`).\n\nProperty: scopes\n\nDefault: "
+        },
+        {
+          "name": "scopesLabel",
+          "description": "`scopesLabel` {`string`} - Label shown before the scope tags.\n\nProperty: scopesLabel\n\nDefault: Searching for"
+        },
+        {
+          "name": "onnile-show",
+          "description": "`nile-show` {} - Emitted when the menu opens."
+        },
+        {
+          "name": "onnile-after-show",
+          "description": "`nile-after-show` {} - Emitted after the menu opens and the animation completes."
+        },
+        {
+          "name": "onnile-hide",
+          "description": "`nile-hide` {} - Emitted when the menu starts to close."
+        },
+        {
+          "name": "onnile-after-hide",
+          "description": "`nile-after-hide` {} - Emitted after the menu closes and the animation completes."
+        },
+        {
+          "name": "onnile-request-close",
+          "description": "`nile-request-close` {} - Emitted when the user attempts to close the menu (overlay click / Escape). Cancelable."
+        },
+        {
+          "name": "onnile-search",
+          "description": "`nile-search` {} - Emitted when the search value changes. `detail: { value }`."
+        },
+        {
+          "name": "onnile-select",
+          "description": "`nile-select` {} - Emitted when an item is selected. `detail: { value, item }`."
+        },
+        {
+          "name": "onnile-scope-remove",
+          "description": "`nile-scope-remove` {} - Emitted when a scope tag is removed. `detail: { scope, scopes }`."
+        }
+      ]
+    },
     {
       "name": "nile-content-editor",
       "description": "Nile icon component.\n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `options` {`any[]`} - \n\n  * `filteredOptions` {`any[]`} - \n\n  * `showLabel` {`boolean`} - \n\n  * `labelText` {`string`} - \n\n  * `type` {`string`} - \n\n  * `required` {`boolean`} - \n\n  * `help-text` {`string`} - \n\n  * `readonly` {`boolean`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `updateValue` - \n\nProperties:\n\n  * `value` {`string`} - \n\n  * `options` {`any[]`} - \n\n  * `filteredOptions` {`any[]`} - \n\n  * `showLabel` {`boolean`} - \n\n  * `labelText` {`string`} - \n\n  * `type` {`string`} - \n\n  * `required` {`boolean`} - \n\n  * `contentEditor` {`HTMLInputElement`} - \n\n  * `autoOptions` {`HTMLInputElement`} - \n\n  * `openDropdown` {`boolean`} - \n\n  * `tagIdentifier` {`string`} - \n\n  * `filteredValue` {`string`} - \n\n  * `helpText` {`string`} - \n\n  * `readonly` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `updateValue` - \n\n  * `initialValue` {`string`} - \n\n  * `styles` - \n\n  * `replaceText` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
@@ -2142,6 +2283,44 @@
         }
       ]
     },
+    {
+      "name": "nile-dot-stepper",
+      "description": "Events:\n\n  * `nile-step-change` {} - Emitted when a dot is selected via click or keyboard. The `detail` contains the 1-based `value` of the selected dot.\n\nAttributes:\n\n  * `total` {`number`} - The total number of dots.\n\n  * `current` {`number`} - The 1-based index of the active dot.\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - The size of each dot.\n\n  * `disabled` {`boolean`} - Disables click and keyboard interaction.\n\nProperties:\n\n  * `styles` - \n\n  * `total` {`number`} - The total number of dots.\n\n  * `current` {`number`} - The 1-based index of the active dot.\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - The size of each dot.\n\n  * `disabled` {`boolean`} - Disables click and keyboard interaction.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "total",
+          "description": "`total` {`number`} - The total number of dots.\n\nProperty: total\n\nDefault: 0"
+        },
+        {
+          "name": "current",
+          "description": "`current` {`number`} - The 1-based index of the active dot.\n\nProperty: current\n\nDefault: 1"
+        },
+        {
+          "name": "size",
+          "description": "`size` {`\"sm\" | \"md\" | \"lg\"`} - The size of each dot.\n\nProperty: size\n\nDefault: md",
+          "values": [
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Disables click and keyboard interaction.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onnile-step-change",
+          "description": "`nile-step-change` {} - Emitted when a dot is selected via click or keyboard. The `detail` contains the 1-based `value` of the selected dot."
+        }
+      ]
+    },
     {
       "name": "nile-drawer",
       "description": "Nile drawer component.\n\nEvents:\n\n  * `nile-show` {} - Emitted when the drawer opens.\n\n  * `nile-after-show` {} - Emitted after the drawer opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the drawer closes.\n\n  * `nile-after-hide` {} - Emitted after the drawer closes and all animations are complete.\n\n  * `nile-initial-focus` {} - Emitted when the drawer opens and is ready to receive focus. Calling\n`event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n\n  * `nile-request-close` {`\"{ source: 'close-button' \" | \"keyboard\" | \" 'overlay' }\"`} - Emitted when the user attempts to\nclose the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n`event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\ndestructive behavior such as data loss.\n\nSlots:\n\n  * ` ` {} - The drawer's main content.\n\n  * `label` {} - The drawer's label. Alternatively, you can use the `label` attribute.\n\n  * `header-actions` {} - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n\n  * `footer` {} - The drawer's footer, usually one or more buttons representing various options.\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n  * `closeOnEscape` {`boolean`} - \n\n  * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\n  * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n  * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n  * `no-header` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `modal` - \n\n  * `originalTrigger` {`HTMLElement | null`} - \n\n  * `drawer` {`HTMLElement`} - \n\n  * `panel` {`HTMLElement`} - \n\n  * `overlay` {`HTMLElement`} - \n\n  * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n  * `closeOnEscape` {`boolean`} - \n\n  * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\n  * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n  * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n  * `noHeader` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",

package/dist/index-2f006498.cjs.js

@@ -1,2 +0,0 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register([],function(_export,_context){"use strict";var i,h,n,e,l,r,o,u,a,c,d,f,v,b,m,g;function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n13=0,F=function F(){};return{s:F,n:function n(){return _n13>=r.length?{done:!0}:{done:!1,value:r[_n13++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function t(t,s,i){var _i$initialDeps;var h,n=(_i$initialDeps=i.initialDeps)!==null&&_i$initialDeps!==void 0?_i$initialDeps:[],e=!0;function l(){var l=t();return l.length!==n.length||l.some(function(t,s){return n[s]!==t;})?(n=l,h=s.apply(void 0,_toConsumableArray(l)),!(null==i?void 0:i.onChange)||e&&i.skipInitialOnChange||i.onChange(h),e=!1,h):h;}return l.updateDeps=function(t){n=t;},l;}function s(t,s){if(void 0===t)throw new Error("Unexpected undefined"+(s?": ".concat(s):""));return t;}return{setters:[],execute:function execute(){i=function i(t,s,_i){var h;return function(){var _this=this;for(var _len=arguments.length,n=new Array(_len),_key=0;_key<_len;_key++){n[_key]=arguments[_key];}t.clearTimeout(h),h=t.setTimeout(function(){return s.apply(_this,n);},_i);};};n=function n(){if(void 0!==h)return h;if("undefined"==typeof navigator)return h=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return h=!0;var t=navigator.maxTouchPoints;return h="MacIntel"===navigator.platform&&void 0!==t&&t>0;},e=function e(t){var s=t.offsetWidth,i=t.offsetHeight;return{width:s,height:i};},l=function l(t){return t;},r=function r(t){var s=Math.max(t.startIndex-t.overscan,0),i=Math.min(t.endIndex+t.overscan,t.count-1)-s+1,h=new Array(i);for(var _t=0;_t<i;_t++)h[_t]=s+_t;return h;},o=function o(t,s){var i=t.scrollElement;if(!i)return;var h=t.targetWindow;if(!h)return;var n=function n(t){var i=t.width,h=t.height;s({width:Math.round(i),height:Math.round(h)});};if(n(e(i)),!h.ResizeObserver)return function(){};var l=new h.ResizeObserver(function(s){var h=function h(){var t=s[0];if(null==t?void 0:t.borderBoxSize){var _s=t.borderBoxSize[0];if(_s)return void n({width:_s.inlineSize,height:_s.blockSize});}n(e(i));};t.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(h):h();});return l.observe(i,{box:"border-box"}),function(){l.unobserve(i);};},u={passive:!0},a="undefined"==typeof window||"onscrollend"in window,c=function c(t,s){return function(t,s,h){var n=t.scrollElement;if(!n)return;var e=t.targetWindow;if(!e)return;var l=t.options.useScrollendEvent&&a;var r=0;var o=l?null:i(e,function(){return s(r,!1);},t.options.isScrollingResetDelay),c=function c(t){return function(){r=h(n),null==o||o(),s(r,t);};},d=c(!0),f=c(!1);return n.addEventListener("scroll",d,u),l&&n.addEventListener("scrollend",f,u),function(){n.removeEventListener("scroll",d),l&&n.removeEventListener("scrollend",f);};}(t,s,function(s){var _t$options=t.options,i=_t$options.horizontal,h=_t$options.isRtl;return i?s.scrollLeft*(h?-1:1):s.scrollTop;});},d=function d(t,s,i){if(i.options.useCachedMeasurements){var _i$itemSizeCache$get;var _s2=i.indexFromElement(t),_h=i.options.getItemKey(_s2);return(_i$itemSizeCache$get=i.itemSizeCache.get(_h))!==null&&_i$itemSizeCache$get!==void 0?_i$itemSizeCache$get:i.options.estimateSize(_s2);}if(null==s?void 0:s.borderBoxSize){var _t2=s.borderBoxSize[0];if(_t2){return Math.round(_t2[i.options.horizontal?"inlineSize":"blockSize"]);}}if(!s){var _s3=i.indexFromElement(t),_h2=i.options.getItemKey(_s3),_n=i.itemSizeCache.get(_h2);if(void 0!==_n)return _n;}return t[i.options.horizontal?"offsetWidth":"offsetHeight"];},f=function f(t,_ref,h){var _ref$adjustments=_ref.adjustments,s=_ref$adjustments===void 0?0:_ref$adjustments,i=_ref.behavior;var n,e;null==(e=null==(n=h.scrollElement)?void 0:n.scrollTo)||e.call(n,_defineProperty(_defineProperty({},h.options.horizontal?"left":"top",t+s),"behavior",i));};v=/*#__PURE__*/function(){function v(i){var _this2=this;_classCallCheck(this,v);this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this._flatMeasurements=null,this.itemSizeCache=new Map(),this.itemSizeCacheVersion=0,this.laneAssignments=new Map(),this.pendingMin=null,this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.pendingScrollAnchor=null,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._intendedScrollOffset=null,this.elementsCache=new Map(),this.now=function(){var _ref2;var t,s,i;return(_ref2=null==(i=null==(s=null==(t=_this2.targetWindow)?void 0:t.performance)?void 0:s.now)?void 0:i.call(s))!==null&&_ref2!==void 0?_ref2:Date.now();},this.observer=function(){var t=null;var s=function s(){return t||(_this2.targetWindow&&_this2.targetWindow.ResizeObserver?t=new _this2.targetWindow.ResizeObserver(function(t){t.forEach(function(t){var s=function s(){var s=t.target,i=_this2.indexFromElement(s);if(s.isConnected)_this2.shouldMeasureDuringScroll(i)&&_this2.resizeItem(i,_this2.options.measureElement(s,t,_this2));else{_this2.observer.unobserve(s);var _iterator=_createForOfIteratorHelper(_this2.elementsCache),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _step$value=_slicedToArray(_step.value,2),_t3=_step$value[0],_i2=_step$value[1];if(_i2===s){_this2.elementsCache["delete"](_t3);break;}}}catch(err){_iterator.e(err);}finally{_iterator.f();}}};_this2.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(s):s();});}):null);};return{disconnect:function disconnect(){var i;null==(i=s())||i.disconnect(),t=null;},observe:function observe(t){var i;return null==(i=s())?void 0:i.observe(t,{box:"border-box"});},unobserve:function unobserve(t){var i;return null==(i=s())?void 0:i.unobserve(t);}};}(),this.range=null,this.setOptions=function(t){var s,i;var h={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:l,rangeExtractor:r,onChange:function onChange(){},measureElement:d,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,anchorTo:"start",followOnAppend:!1,scrollEndThreshold:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,laneAssignmentMode:"estimate",useCachedMeasurements:!1};for(var _s4 in t){var _i3=t[_s4];void 0!==_i3&&(h[_s4]=_i3);}var n=_this2.options;var e=null,o=null,u=!1;if(void 0!==n&&n.enabled&&h.enabled&&"end"===h.anchorTo&&null!==_this2.scrollElement){var _ref3,_ref4;var _t4=n.count,_l=h.count,_r=_this2.getMeasurements(),_a=_t4>0?(_ref3=null==(s=_r[0])?void 0:s.key)!==null&&_ref3!==void 0?_ref3:n.getItemKey(0):null,_c=_t4>0?(_ref4=null==(i=_r[_t4-1])?void 0:i.key)!==null&&_ref4!==void 0?_ref4:n.getItemKey(_t4-1):null;if(_l!==_t4||_t4>0&&_l>0&&(h.getItemKey(0)!==_a||h.getItemKey(_l-1)!==_c)){var _this2$getVirtualItem;u=!0;var _s5=_t4>0?(_this2$getVirtualItem=_this2.getVirtualItemForOffset(_this2.getScrollOffset()))!==null&&_this2$getVirtualItem!==void 0?_this2$getVirtualItem:_r[0]:null;_s5&&(e=[_s5.key,_this2.getScrollOffset()-_s5.start]);var _i4=!0===h.followOnAppend?"auto":h.followOnAppend||null;_i4&&_l>_t4&&_this2.isAtEnd(n.scrollEndThreshold)&&(0===_t4||h.getItemKey(_l-1)!==_c)&&(o=_i4);}}_this2.options=h,u&&(_this2.pendingMin=0,_this2.itemSizeCacheVersion++);var a=!1,c=0;if(e&&null!==_this2.scrollOffset){var _e=e,_e2=_slicedToArray(_e,2),_t5=_e2[0],_s6=_e2[1],_i5=_this2.getMeasurements(),_this2$options=_this2.options,_h3=_this2$options.count,_n2=_this2$options.getItemKey;var _l2=0;for(;_l2<_h3&&_n2(_l2)!==_t5;)_l2++;if(_l2<_h3){var _t6=_i5[_l2];if(_t6){var _i6=_t6.start+_s6;_i6!==_this2.scrollOffset&&(c=_i6-_this2.scrollOffset,_this2.scrollOffset=_i6,a=!0);}}}(a||o)&&(_this2.pendingScrollAnchor=[a?e[0]:null,a?e[1]:0,o,c]);},this.notify=function(t){var s,i;null==(i=(s=_this2.options).onChange)||i.call(s,_this2,t);},this.maybeNotify=t(function(){return _this2.calculateRange(),[_this2.isScrolling,_this2.range?_this2.range.startIndex:null,_this2.range?_this2.range.endIndex:null];},function(t){_this2.notify(t);},{key:!1,debug:function debug(){return _this2.options.debug;},initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=function(){_this2.unsubs.filter(Boolean).forEach(function(t){return t();}),_this2.unsubs=[],_this2.observer.disconnect(),null!=_this2.rafId&&_this2.targetWindow&&(_this2.targetWindow.cancelAnimationFrame(_this2.rafId),_this2.rafId=null),_this2.scrollState=null,_this2.scrollElement=null,_this2.targetWindow=null;},this._didMount=function(){return function(){_this2.cleanup();};},this._willUpdate=function(){var t;var s=_this2.options.enabled?_this2.options.getScrollElement():null;if(_this2.scrollElement!==s){var _ref5;if(_this2.cleanup(),!s)return void _this2.maybeNotify();if(_this2.scrollElement=s,_this2.scrollElement&&"ownerDocument"in _this2.scrollElement?_this2.targetWindow=_this2.scrollElement.ownerDocument.defaultView:_this2.targetWindow=(_ref5=null==(t=_this2.scrollElement)?void 0:t.window)!==null&&_ref5!==void 0?_ref5:null,_this2.elementsCache.forEach(function(t){_this2.observer.observe(t);}),_this2.unsubs.push(_this2.options.observeElementRect(_this2,function(t){_this2.scrollRect=t,_this2.maybeNotify();})),_this2.unsubs.push(_this2.options.observeElementOffset(_this2,function(t,s){null!==_this2._intendedScrollOffset&&Math.abs(t-_this2._intendedScrollOffset)<1.5&&(t=_this2._intendedScrollOffset),_this2._intendedScrollOffset=null,_this2.scrollAdjustments=0,_this2.scrollDirection=s?_this2.getScrollOffset()<t?"forward":"backward":null,_this2.scrollOffset=t,_this2.isScrolling=s,_this2._flushIosDeferredIfReady(),_this2.scrollState&&_this2.scheduleScrollReconcile(),_this2.maybeNotify();})),"addEventListener"in _this2.scrollElement){var _t7=_this2.scrollElement,_s7=function _s7(){_this2._iosTouching=!0,_this2._iosJustTouchEnded=!1,null!==_this2._iosTouchEndTimerId&&null!=_this2.targetWindow&&(_this2.targetWindow.clearTimeout(_this2._iosTouchEndTimerId),_this2._iosTouchEndTimerId=null);},_i7=function _i7(){_this2._iosTouching=!1,n()&&null!=_this2.targetWindow&&(_this2._iosJustTouchEnded=!0,_this2._iosTouchEndTimerId=_this2.targetWindow.setTimeout(function(){_this2._iosJustTouchEnded=!1,_this2._iosTouchEndTimerId=null,_this2._flushIosDeferredIfReady();},150));};_t7.addEventListener("touchstart",_s7,u),_t7.addEventListener("touchend",_i7,u),_this2.unsubs.push(function(){_t7.removeEventListener("touchstart",_s7),_t7.removeEventListener("touchend",_i7),null!==_this2._iosTouchEndTimerId&&null!=_this2.targetWindow&&(_this2.targetWindow.clearTimeout(_this2._iosTouchEndTimerId),_this2._iosTouchEndTimerId=null);});}_this2._scrollToOffset(_this2.getScrollOffset(),{adjustments:void 0,behavior:void 0});}var i=_this2.pendingScrollAnchor;if(_this2.pendingScrollAnchor=null,i&&_this2.scrollElement&&_this2.options.enabled){var _i8=_slicedToArray(i,4),_t8=_i8[0],_s8=_i8[1],_h4=_i8[2],_e3=_i8[3];null===_t8||_h4||(n()&&(_this2.isScrolling||_this2._iosTouching||_this2._iosJustTouchEnded)?0!==_e3&&(_this2._iosDeferredAdjustment+=_e3):_this2._scrollToOffset(_this2.getScrollOffset(),{adjustments:void 0,behavior:void 0})),_h4&&_this2.scrollToEnd({behavior:_h4});}},this._flushIosDeferredIfReady=function(){if(0===_this2._iosDeferredAdjustment)return;if(_this2.isScrolling)return;if(_this2._iosTouching)return;if(_this2._iosJustTouchEnded)return;var t=_this2.getScrollOffset(),s=_this2.getMaxScrollOffset();if(t<0||t>s)return;var i=_this2._iosDeferredAdjustment;_this2._iosDeferredAdjustment=0,_this2._scrollToOffset(t,{adjustments:_this2.scrollAdjustments+=i,behavior:void 0});},this.rafId=null,this.getSize=function(){var _this2$scrollRect;return _this2.options.enabled?(_this2.scrollRect=(_this2$scrollRect=_this2.scrollRect)!==null&&_this2$scrollRect!==void 0?_this2$scrollRect:_this2.options.initialRect,_this2.scrollRect[_this2.options.horizontal?"width":"height"]):(_this2.scrollRect=null,0);},this.getScrollOffset=function(){var _this2$scrollOffset;return _this2.options.enabled?(_this2.scrollOffset=(_this2$scrollOffset=_this2.scrollOffset)!==null&&_this2$scrollOffset!==void 0?_this2$scrollOffset:"function"==typeof _this2.options.initialOffset?_this2.options.initialOffset():_this2.options.initialOffset,_this2.scrollOffset):(_this2.scrollOffset=null,0);},this.getFurthestMeasurement=function(t,s){var i=new Map(),h=new Map();for(var _n3=s-1;_n3>=0;_n3--){var _s9=t[_n3];if(i.has(_s9.lane))continue;var _e4=h.get(_s9.lane);if(null==_e4||_s9.end>_e4.end?h.set(_s9.lane,_s9):_s9.end<_e4.end&&i.set(_s9.lane,!0),i.size===_this2.options.lanes)break;}return h.size===_this2.options.lanes?Array.from(h.values()).sort(function(t,s){return t.end===s.end?t.index-s.index:t.end-s.end;})[0]:void 0;},this.getMeasurementOptions=t(function(){return[_this2.options.count,_this2.options.paddingStart,_this2.options.scrollMargin,_this2.options.getItemKey,_this2.options.enabled,_this2.options.lanes,_this2.options.laneAssignmentMode];},function(t,s,i,h,n,e,l){return void 0!==_this2.prevLanes&&_this2.prevLanes!==e&&(_this2.lanesChangedFlag=!0),_this2.prevLanes=e,_this2.pendingMin=null,{count:t,paddingStart:s,scrollMargin:i,getItemKey:h,enabled:n,lanes:e,laneAssignmentMode:l};},{key:!1}),this.getMeasurements=t(function(){return[_this2.getMeasurementOptions(),_this2.itemSizeCacheVersion];},function(_ref6,r){var _this2$pendingMin;var t=_ref6.count,s=_ref6.paddingStart,i=_ref6.scrollMargin,h=_ref6.getItemKey,n=_ref6.enabled,e=_ref6.lanes,l=_ref6.laneAssignmentMode;var o=_this2.itemSizeCache;if(!n)return _this2.measurementsCache=[],_this2.itemSizeCache.clear(),_this2.laneAssignments.clear(),[];if(_this2.laneAssignments.size>t){var _iterator2=_createForOfIteratorHelper(_this2.laneAssignments.keys()),_step2;try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var _s10=_step2.value;_s10>=t&&_this2.laneAssignments["delete"](_s10);}}catch(err){_iterator2.e(err);}finally{_iterator2.f();}}_this2.lanesChangedFlag&&(_this2.lanesChangedFlag=!1,_this2.lanesSettling=!0,_this2.measurementsCache=[],_this2.itemSizeCache.clear(),_this2.laneAssignments.clear(),_this2.pendingMin=null),0!==_this2.measurementsCache.length||_this2.lanesSettling||(_this2.measurementsCache=_this2.options.initialMeasurementsCache,_this2.measurementsCache.forEach(function(t){_this2.itemSizeCache.set(t.key,t.size);}));var u=_this2.lanesSettling?0:(_this2$pendingMin=_this2.pendingMin)!==null&&_this2$pendingMin!==void 0?_this2$pendingMin:0;if(_this2.pendingMin=null,_this2.lanesSettling&&_this2.measurementsCache.length===t&&(_this2.lanesSettling=!1),1===e){var _n4=_this2.options.gap,_e5=2*t;var _l3,_r2=_this2._flatMeasurements;if(!_r2||_r2.length<_e5){var _t9=new Float64Array(_e5);_r2&&u>0&&_t9.set(_r2.subarray(0,2*u)),_r2=_t9,_this2._flatMeasurements=_r2;}if(0===u)_l3=s+i;else{var _t10=u-1;_l3=_r2[2*_t10]+_r2[2*_t10+1]+_n4;}for(var _s11=u;_s11<t;_s11++){var _t11=h(_s11),_i9=o.get(_t11),_e6="number"==typeof _i9?_i9:_this2.options.estimateSize(_s11);_r2[2*_s11]=_l3,_r2[2*_s11+1]=_e6,_l3+=_e6+_n4;}var _a2=function(t,s,i){var h=new Array(t);return new Proxy(h,{get:function get(h,n,e){if("string"==typeof n){var _e7=n.charCodeAt(0);if(_e7>=48&&_e7<=57){var _e8=+n;if(Number.isInteger(_e8)&&_e8>=0&&_e8<t){var _t12=h[_e8];if(!_t12){var _n5=s[2*_e8];_t12=h[_e8]={index:_e8,key:i(_e8),start:_n5,size:s[2*_e8+1],end:_n5+s[2*_e8+1],lane:0};}return _t12;}}if("length"===n)return t;}return Reflect.get(h,n,e);}});}(t,_r2,h);return _this2.measurementsCache=_a2,_a2;}var a=_this2.measurementsCache.slice(0,u),c=new Array(e).fill(void 0);for(var _t13=0;_t13<u;_t13++){var _s12=a[_t13];_s12&&(c[_s12.lane]=_t13);}for(var _n6=u;_n6<t;_n6++){var _t14=h(_n6),_e9=_this2.laneAssignments.get(_n6);var _r3=void 0,_u=void 0;var _d="estimate"===l||o.has(_t14);if(void 0!==_e9&&_this2.options.lanes>1){_r3=_e9;var _t15=c[_r3],_h5=void 0!==_t15?a[_t15]:void 0;_u=_h5?_h5.end+_this2.options.gap:s+i;}else{var _t16=1===_this2.options.lanes?a[_n6-1]:_this2.getFurthestMeasurement(a,_n6);_u=_t16?_t16.end+_this2.options.gap:s+i,_r3=_t16?_t16.lane:_n6%_this2.options.lanes,_this2.options.lanes>1&&_d&&_this2.laneAssignments.set(_n6,_r3);}var _f=o.get(_t14),_v="number"==typeof _f?_f:_this2.options.estimateSize(_n6),_b=_u+_v;a[_n6]={index:_n6,start:_u,size:_v,end:_b,key:_t14,lane:_r3},c[_r3]=_n6;}return _this2.measurementsCache=a,a;},{key:!1,debug:function debug(){return _this2.options.debug;}}),this.calculateRange=t(function(){return[_this2.getMeasurements(),_this2.getSize(),_this2.getScrollOffset(),_this2.options.lanes];},function(t,s,i,h){return _this2.range=t.length>0&&s>0?function(_ref7){var t=_ref7.measurements,s=_ref7.outerSize,i=_ref7.scrollOffset,h=_ref7.lanes,n=_ref7.flat;var e=t.length-1,l=n?function(t){return n[2*t];}:function(s){return t[s].start;},r=n?function(t){return n[2*t]+n[2*t+1];}:function(s){return t[s].end;};if(t.length<=h)return{startIndex:0,endIndex:e};var o=b(0,e,l,i),u=o;if(1===h)for(;u<e&&r(u)<i+s;)u++;else if(h>1){var _n7=Array(h).fill(0);for(;u<e&&_n7.some(function(t){return t<i+s;});){var _s13=t[u];_n7[_s13.lane]=_s13.end,u++;}var _l4=Array(h).fill(i+s);for(;o>=0&&_l4.some(function(t){return t>=i;});){var _s14=t[o];_l4[_s14.lane]=_s14.start,o--;}o=Math.max(0,o-o%h),u=Math.min(e,u+(h-1-u%h));}return{startIndex:o,endIndex:u};}({measurements:t,outerSize:s,scrollOffset:i,lanes:h,flat:1===h&&null!=_this2._flatMeasurements?_this2._flatMeasurements:null}):null;},{key:!1,debug:function debug(){return _this2.options.debug;}}),this.getVirtualIndexes=t(function(){var t=null,s=null;var i=_this2.calculateRange();return i&&(t=i.startIndex,s=i.endIndex),_this2.maybeNotify.updateDeps([_this2.isScrolling,t,s]),[_this2.options.rangeExtractor,_this2.options.overscan,_this2.options.count,t,s];},function(t,s,i,h,n){return null===h||null===n?[]:t({startIndex:h,endIndex:n,overscan:s,count:i});},{key:!1,debug:function debug(){return _this2.options.debug;}}),this.indexFromElement=function(t){var s=_this2.options.indexAttribute,i=t.getAttribute(s);return i?parseInt(i,10):(console.warn("Missing attribute name '".concat(s,"={index}' on measured element.")),-1);},this.shouldMeasureDuringScroll=function(t){var _this2$scrollState$in;var s;if(!_this2.scrollState||"smooth"!==_this2.scrollState.behavior)return!0;var i=(_this2$scrollState$in=_this2.scrollState.index)!==null&&_this2$scrollState$in!==void 0?_this2$scrollState$in:null==(s=_this2.getVirtualItemForOffset(_this2.scrollState.lastTargetOffset))?void 0:s.index;if(void 0!==i&&_this2.range){var _s15=Math.max(_this2.options.overscan,Math.ceil((_this2.range.endIndex-_this2.range.startIndex)/2)),_h6=Math.max(0,i-_s15),_n8=Math.min(_this2.options.count-1,i+_s15);return t>=_h6&&t<=_n8;}return!0;},this.measureElement=function(t){if(!t)return void _this2.elementsCache.forEach(function(t,s){t.isConnected||(_this2.observer.unobserve(t),_this2.elementsCache["delete"](s));});var s=_this2.indexFromElement(t),i=_this2.options.getItemKey(s),h=_this2.elementsCache.get(i);h!==t&&(h&&_this2.observer.unobserve(h),_this2.observer.observe(t),_this2.elementsCache.set(i,t)),_this2.isScrolling&&!_this2.scrollState||!_this2.shouldMeasureDuringScroll(s)||_this2.resizeItem(s,_this2.options.measureElement(t,void 0,_this2));},this.resizeItem=function(t,s){var _this2$itemSizeCache$;var i,h;if(t<0||t>=_this2.options.count)return;var n,e,l;var r=_this2._flatMeasurements;if(1===_this2.options.lanes&&null!==r)l=_this2.options.getItemKey(t),e=r[2*t],n=r[2*t+1];else{var _s16=_this2.measurementsCache[t];if(!_s16)return;l=_s16.key,e=_s16.start,n=_s16.size;}var o=s-((_this2$itemSizeCache$=_this2.itemSizeCache.get(l))!==null&&_this2$itemSizeCache$!==void 0?_this2$itemSizeCache$:n);if(0!==o){var _this2$measurementsCa;var _r4="end"===_this2.options.anchorTo&&"smooth"!==(null==(i=_this2.scrollState)?void 0:i.behavior)&&_this2.getVirtualDistanceFromEnd()<=_this2.options.scrollEndThreshold,_u2=_r4?_this2.getTotalSize():0,_a3="smooth"!==(null==(h=_this2.scrollState)?void 0:h.behavior)&&(void 0!==_this2.shouldAdjustScrollPositionOnItemSizeChange?_this2.shouldAdjustScrollPositionOnItemSizeChange((_this2$measurementsCa=_this2.measurementsCache[t])!==null&&_this2$measurementsCa!==void 0?_this2$measurementsCa:{index:t,key:l,start:e,size:n,end:e+n,lane:0},o,_this2):e<_this2.getScrollOffset()+_this2.scrollAdjustments&&(!_this2.itemSizeCache.has(l)||"backward"!==_this2.scrollDirection));(null===_this2.pendingMin||t<_this2.pendingMin)&&(_this2.pendingMin=t),_this2.itemSizeCache.set(l,s),_this2.itemSizeCacheVersion++,_r4?_this2.applyScrollAdjustment(_this2.getTotalSize()-_u2):_a3&&_this2.applyScrollAdjustment(o),_this2.notify(!1);}},this.getVirtualItems=t(function(){return[_this2.getVirtualIndexes(),_this2.getMeasurements()];},function(t,s){var i=[];for(var _h7=0,_n9=t.length;_h7<_n9;_h7++){var _n10=s[t[_h7]];i.push(_n10);}return i;},{key:!1,debug:function debug(){return _this2.options.debug;}}),this.getVirtualItemForOffset=function(t){var i=_this2.getMeasurements();if(0===i.length)return;var h=_this2._flatMeasurements,n=1===_this2.options.lanes&&null!=h,e=b(0,i.length-1,n?function(t){return h[2*t];}:function(t){return s(i[t]).start;},t);return s(i[e]);},this.getMaxScrollOffset=function(){if(!_this2.scrollElement)return 0;if("scrollHeight"in _this2.scrollElement)return _this2.options.horizontal?_this2.scrollElement.scrollWidth-_this2.scrollElement.clientWidth:_this2.scrollElement.scrollHeight-_this2.scrollElement.clientHeight;{var _t17=_this2.scrollElement.document.documentElement;return _this2.options.horizontal?_t17.scrollWidth-_this2.scrollElement.innerWidth:_t17.scrollHeight-_this2.scrollElement.innerHeight;}},this.getVirtualDistanceFromEnd=function(){return Math.max(_this2.getTotalSize()-_this2.getSize()-_this2.getScrollOffset(),0);},this.getDistanceFromEnd=function(){return Math.max(_this2.getMaxScrollOffset()-_this2.getScrollOffset(),0);},this.isAtEnd=function(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:_this2.options.scrollEndThreshold;return _this2.getDistanceFromEnd()<=t;},this.getOffsetForAlignment=function(t,s){var i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;if(!_this2.scrollElement)return 0;var h=_this2.getSize(),n=_this2.getScrollOffset();"auto"===s&&(s=t>=n+h?"end":"start"),"center"===s?t+=(i-h)/2:"end"===s&&(t-=h);var e=_this2.getMaxScrollOffset();return Math.max(Math.min(e,t),0);},this.getOffsetForIndex=function(t){var s=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"auto";t=Math.max(0,Math.min(t,_this2.options.count-1));var i=_this2.getSize(),h=_this2.getScrollOffset(),n=_this2.measurementsCache[t];if(!n)return;if("auto"===s)if(n.end>=h+i-_this2.options.scrollPaddingEnd)s="end";else{if(!(n.start<=h+_this2.options.scrollPaddingStart))return[h,s];s="start";}if("end"===s&&t===_this2.options.count-1)return[_this2.getMaxScrollOffset(),s];var e="end"===s?n.end+_this2.options.scrollPaddingEnd:n.start-_this2.options.scrollPaddingStart;return[_this2.getOffsetForAlignment(e,s,n.size),s];},this.scrollToOffset=function(t){var _ref8=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref8$align=_ref8.align,s=_ref8$align===void 0?"start":_ref8$align,_ref8$behavior=_ref8.behavior,i=_ref8$behavior===void 0?"auto":_ref8$behavior;var h=_this2.getOffsetForAlignment(t,s),n=_this2.now();_this2.scrollState={index:null,align:s,behavior:i,startedAt:n,lastTargetOffset:h,stableFrames:0},_this2._scrollToOffset(h,{adjustments:void 0,behavior:i}),_this2.scheduleScrollReconcile();},this.scrollToIndex=function(t){var _ref9=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref9$align=_ref9.align,s=_ref9$align===void 0?"auto":_ref9$align,_ref9$behavior=_ref9.behavior,i=_ref9$behavior===void 0?"auto":_ref9$behavior;t=Math.max(0,Math.min(t,_this2.options.count-1));var h=_this2.getOffsetForIndex(t,s);if(!h)return;var _h8=_slicedToArray(h,2),n=_h8[0],e=_h8[1],l=_this2.now();_this2.scrollState={index:t,align:e,behavior:i,startedAt:l,lastTargetOffset:n,stableFrames:0},_this2._scrollToOffset(n,{adjustments:void 0,behavior:i}),_this2.scheduleScrollReconcile();},this.scrollBy=function(t){var _ref10=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref10$behavior=_ref10.behavior,s=_ref10$behavior===void 0?"auto":_ref10$behavior;var i=_this2.getScrollOffset()+t,h=_this2.now();_this2.scrollState={index:null,align:"start",behavior:s,startedAt:h,lastTargetOffset:i,stableFrames:0},_this2._scrollToOffset(i,{adjustments:void 0,behavior:s}),_this2.scheduleScrollReconcile();},this.scrollToEnd=function(){var _ref11=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref11$behavior=_ref11.behavior,t=_ref11$behavior===void 0?"auto":_ref11$behavior;_this2.options.count>0?_this2.scrollToIndex(_this2.options.count-1,{align:"end",behavior:t}):_this2.scrollToOffset(Math.max(_this2.getTotalSize()-_this2.getSize(),0),{behavior:t});},this.getTotalSize=function(){var t;var s=_this2.getMeasurements();var i;if(0===s.length)i=_this2.options.paddingStart;else if(1===_this2.options.lanes){var _ref12;var _h9=s.length-1,_n11=_this2._flatMeasurements;i=null!=_n11?_n11[2*_h9]+_n11[2*_h9+1]:(_ref12=null==(t=s[_h9])?void 0:t.end)!==null&&_ref12!==void 0?_ref12:0;}else{var _t18=Array(_this2.options.lanes).fill(null);var _h10=s.length-1;for(;_h10>=0&&_t18.some(function(t){return null===t;});){var _i10=s[_h10];null===_t18[_i10.lane]&&(_t18[_i10.lane]=_i10.end),_h10--;}i=Math.max.apply(Math,_toConsumableArray(_t18.filter(function(t){return null!==t;})));}return Math.max(i-_this2.options.scrollMargin+_this2.options.paddingEnd,0);},this.takeSnapshot=function(){var t=[];if(0===_this2.itemSizeCache.size)return t;var s=_this2.getMeasurements();var _iterator3=_createForOfIteratorHelper(s),_step3;try{for(_iterator3.s();!(_step3=_iterator3.n()).done;){var _i11=_step3.value;_i11&&_this2.itemSizeCache.has(_i11.key)&&t.push({index:_i11.index,key:_i11.key,start:_i11.start,size:_i11.size,end:_i11.end,lane:_i11.lane});}}catch(err){_iterator3.e(err);}finally{_iterator3.f();}return t;},this._scrollToOffset=function(t,_ref13){var s=_ref13.adjustments,i=_ref13.behavior;_this2._intendedScrollOffset=t+(s!==null&&s!==void 0?s:0),_this2.options.scrollToFn(t,{behavior:i,adjustments:s},_this2);},this.measure=function(){_this2.pendingMin=null,_this2.itemSizeCache.clear(),_this2.laneAssignments.clear(),_this2.itemSizeCacheVersion++,_this2.notify(!1);},this.setOptions(i);}return _createClass(v,[{key:"applyScrollAdjustment",value:function applyScrollAdjustment(t,s){0!==t&&(n()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=t:this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=t,behavior:s}));}},{key:"scheduleScrollReconcile",value:function scheduleScrollReconcile(){var _this3=this;this.targetWindow?null==this.rafId&&(this.rafId=this.targetWindow.requestAnimationFrame(function(){_this3.rafId=null,_this3.reconcileScroll();})):this.scrollState=null;}},{key:"reconcileScroll",value:function reconcileScroll(){if(!this.scrollState)return;if(!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3)return void(this.scrollState=null);var t=null!=this.scrollState.index?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,s=t?t[0]:this.scrollState.lastTargetOffset,i=s!==this.scrollState.lastTargetOffset;if(!i&&(h=s,n=this.getScrollOffset(),Math.abs(h-n)<1.01)){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=1)return this.getScrollOffset()!==s&&this._scrollToOffset(s,{adjustments:void 0,behavior:"auto"}),void(this.scrollState=null);}else if(this.scrollState.stableFrames=0,i){var _t19=this.getSize()||600,_i12=Math.abs(s-this.getScrollOffset()),_h11="smooth"===this.scrollState.behavior&&_i12>_t19;this.scrollState.lastTargetOffset=s,_h11||(this.scrollState.behavior="auto"),this._scrollToOffset(s,{adjustments:void 0,behavior:_h11?"smooth":"auto"});}var h,n;this.scheduleScrollReconcile();}}]);}();b=function b(t,s,i,h){for(;t<=s;){var _n12=(t+s)/2|0,_e10=i(_n12);if(_e10<h)t=_n12+1;else{if(!(_e10>h))return _n12;s=_n12-1;}}return t>0?t-1:0;};m=/*#__PURE__*/function(){function m(t,s){var _this4=this;_classCallCheck(this,m);this.cleanup=function(){};var i=_objectSpread(_objectSpread({},s),{},{onChange:function onChange(t,i){var h;_this4.host.updateComplete.then(function(){return _this4.host.requestUpdate();}),null==(h=s.onChange)||h.call(s,t,i);}});this.virtualizer=new v(i),(this.host=t).addController(this);}return _createClass(m,[{key:"getVirtualizer",value:function getVirtualizer(){return this.virtualizer;}},{key:"hostConnected",value:function hostConnected(){this.cleanup=this.virtualizer._didMount();}},{key:"hostUpdated",value:function hostUpdated(){this.virtualizer._willUpdate();}},{key:"hostDisconnected",value:function hostDisconnected(){this.cleanup();}}]);}();_export("V",g=/*#__PURE__*/function(_m){function g(t,s){_classCallCheck(this,g);return _callSuper(this,g,[t,_objectSpread({observeElementRect:o,observeElementOffset:c,scrollToFn:f},s)]);}_inherits(g,_m);return _createClass(g);}(m));}};});
-//# sourceMappingURL=index-2f006498.cjs.js.map