@carbon/web-components 2.31.0 → 2.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +205 -0
- package/dist/16-0353e7e3.js +1 -1
- package/dist/16-2363f096.js +1 -1
- package/dist/16-250e2a70.js +1 -1
- package/dist/16-41ffb037.js +1 -1
- package/dist/16-9631190c.js +1 -1
- package/dist/16-a4bb462e.js +1 -1
- package/dist/16-a6ff8f82.js +1 -1
- package/dist/16-a9f5da53.js +1 -1
- package/dist/16-acbb0130.js +1 -1
- package/dist/16-c0c2f9cc.js +1 -1
- package/dist/16-dbe65920.js +1 -1
- package/dist/16-f4def175.js +1 -1
- package/dist/20-6f209450.js +1 -1
- package/dist/20-cf8682e7.js +1 -1
- package/dist/accordion.min.js +1 -1
- package/dist/ai-label.min.js +2 -2
- package/dist/ai-skeleton.min.js +1 -1
- package/dist/badge-indicator.min.js +1 -1
- package/dist/breadcrumb.min.js +2 -2
- package/dist/button-8a9ddb9f.js +1 -1
- package/dist/button-set-e143c49e.js +1 -1
- package/dist/button-skeleton-eb7300c7.js +1 -1
- package/dist/button.min.js +1 -1
- package/dist/carbon-element-716e46b0.js +1 -1
- package/dist/chat-button.min.js +1 -1
- package/dist/{checkbox-2bd29f97.js → checkbox-f024ef99.js} +3 -3
- package/dist/{checkbox-skeleton-5a0295cb.js → checkbox-skeleton-2bfc2d17.js} +2 -2
- package/dist/checkbox.min.js +2 -2
- package/dist/class-map-287e73b5.js +1 -1
- package/dist/code-snippet.min.js +2 -2
- package/dist/collection-helpers-eb62fd34.js +1 -1
- package/dist/combo-box.min.js +2 -2
- package/dist/combo-button.min.js +2 -2
- package/dist/content-switcher-item-c66114b8.js +1 -1
- package/dist/content-switcher.min.js +1 -1
- package/dist/{copy-button-2dbb2b01.js → copy-button-a481f85e.js} +2 -2
- package/dist/copy-button.min.js +2 -2
- package/dist/data-table.min.js +5 -5
- package/dist/date-picker.min.js +3 -3
- package/dist/{definition-tooltip-f7e0a735.js → definition-tooltip-3f9c32e8.js} +7 -6
- package/dist/defs-c5cfba1b.js +1 -1
- package/dist/directive-e2d48b9c.js +1 -1
- package/dist/dropdown-item-b6bcd88c.js +147 -0
- package/dist/dropdown.min.js +2 -2
- package/dist/file-uploader.min.js +2 -2
- package/dist/floating-controller-92da0306.js +1 -1
- package/dist/floating-menu-f19577a8.js +1 -1
- package/dist/floating-menu.min.js +1 -1
- package/dist/focus-c9ba63ff.js +1 -1
- package/dist/form-3c2e14c6.js +1 -1
- package/dist/form-group.min.js +6 -6
- package/dist/form.min.js +2 -2
- package/dist/heading.min.js +2 -2
- package/dist/host-listener-97e78474.js +1 -1
- package/dist/{icon-button-6a61637b.js → icon-button-58819f57.js} +2 -2
- package/dist/icon-button.min.js +2 -2
- package/dist/icon-indicator.min.js +1 -1
- package/dist/if-defined-7fb4dd64.js +1 -1
- package/dist/if-non-empty-d0ff50a3.js +1 -1
- package/dist/inline-loading.min.js +1 -1
- package/dist/layer-602c2202.js +1 -1
- package/dist/layer.min.js +1 -1
- package/dist/link-76646b17.js +1 -1
- package/dist/link.min.js +1 -1
- package/dist/list.min.js +1 -1
- package/dist/loading-ae8e2f1b.js +1 -1
- package/dist/loading-icon-f3d7d50c.js +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/menu-button.min.js +1 -1
- package/dist/menu-item-radio-group-45e474cb.js +1 -1
- package/dist/menu.min.js +1 -1
- package/dist/modal-label-f93860bf.js +1 -1
- package/dist/modal.min.js +1 -1
- package/dist/multi-select.min.js +28 -28
- package/dist/notification.min.js +1 -1
- package/dist/number-input.min.js +2 -2
- package/dist/on-8707857f.js +1 -1
- package/dist/overflow-menu.min.js +3 -3
- package/dist/page-header.min.js +193 -0
- package/dist/pagination.min.js +4 -4
- package/dist/popover-content-b41e9612.js +1 -1
- package/dist/popover.min.js +1 -1
- package/dist/progress-bar.min.js +1 -1
- package/dist/progress-indicator.min.js +1 -1
- package/dist/property-dd1c81a7.js +1 -1
- package/dist/query-602de8af.js +1 -1
- package/dist/query-assigned-elements-1bd68a6e.js +1 -1
- package/dist/{radio-button-skeleton-48a9df2a.js → radio-button-skeleton-0c69d51b.js} +3 -3
- package/dist/radio-button.min.js +2 -2
- package/dist/radio-group-manager-853a7e76.js +1 -1
- package/dist/search-0191f926.js +108 -0
- package/dist/search.min.js +2 -2
- package/dist/select-23298f17.js +154 -0
- package/dist/select.min.js +3 -3
- package/dist/settings-c3654bc7.js +1 -1
- package/dist/shape-indicator.min.js +1 -1
- package/dist/shared-enums-ccc90ee0.js +1 -1
- package/dist/side-panel.min.js +2 -2
- package/dist/skeleton-icon-e81be97a.js +1 -1
- package/dist/skeleton-icon.min.js +1 -1
- package/dist/skeleton-placeholder-13b648d8.js +1 -1
- package/dist/skeleton-placeholder.min.js +1 -1
- package/dist/skeleton-text-ec2217a3.js +1 -1
- package/dist/skeleton-text.min.js +1 -1
- package/dist/skip-to-content.min.js +1 -1
- package/dist/slider.min.js +4 -4
- package/dist/slug.min.js +2 -2
- package/dist/spread-bbf12ceb.js +1 -1
- package/dist/stack.min.js +1 -1
- package/dist/state-8793f01e.js +1 -1
- package/dist/structured-list.min.js +1 -1
- package/dist/tabs.min.js +2 -2
- package/dist/tag.min.js +2 -2
- package/dist/tearsheet.min.js +1 -1
- package/dist/text-input-404238e9.js +140 -0
- package/dist/text-input.min.js +2 -2
- package/dist/textarea.min.js +8 -8
- package/dist/tile.min.js +2 -2
- package/dist/time-picker.min.js +8 -8
- package/dist/toggle-tip.min.js +1 -1
- package/dist/toggle.min.js +2 -2
- package/dist/toggletip-691cdd4c.js +1 -1
- package/dist/tooltip-content-8fc23961.js +1 -1
- package/dist/tooltip.min.js +2 -2
- package/dist/tree-view.min.js +10 -10
- package/dist/ui-shell.min.js +7 -7
- package/dist/validity-de6fe348.js +1 -1
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/breadcrumb/breadcrumb.js +3 -0
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/checkbox/checkbox.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/dropdown/dropdown.js +1 -0
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/form/form-item.scss.js +1 -1
- package/es/components/form-group/form-group.scss.js +1 -1
- package/es/components/heading/defs.d.ts +1 -1
- package/es/components/heading/heading.d.ts +13 -1
- package/es/components/heading/heading.js +5 -5
- package/es/components/heading/heading.js.map +1 -1
- package/es/components/multi-select/multi-select-item.d.ts +10 -1
- package/es/components/multi-select/multi-select-item.js +29 -12
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.d.ts +11 -5
- package/es/components/multi-select/multi-select.js +151 -10
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +24 -3
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/page-header/index.d.ts +14 -0
- package/es/components/page-header/index.js +14 -0
- package/es/components/page-header/index.js.map +1 -0
- package/es/components/page-header/page-header-breadcrumb.d.ts +35 -0
- package/es/components/page-header/page-header-breadcrumb.js +95 -0
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -0
- package/es/components/page-header/page-header-content-text.d.ts +22 -0
- package/es/components/page-header/page-header-content-text.js +56 -0
- package/es/components/page-header/page-header-content-text.js.map +1 -0
- package/es/components/page-header/page-header-content.d.ts +40 -0
- package/es/components/page-header/page-header-content.js +127 -0
- package/es/components/page-header/page-header-content.js.map +1 -0
- package/es/components/page-header/page-header-hero-image.d.ts +18 -0
- package/es/components/page-header/page-header-hero-image.js +38 -0
- package/es/components/page-header/page-header-hero-image.js.map +1 -0
- package/es/components/page-header/page-header-tabs.d.ts +18 -0
- package/es/components/page-header/page-header-tabs.js +46 -0
- package/es/components/page-header/page-header-tabs.js.map +1 -0
- package/es/components/page-header/page-header.d.ts +18 -0
- package/es/components/page-header/page-header.js +38 -0
- package/es/components/page-header/page-header.js.map +1 -0
- package/es/components/page-header/page-header.scss.js +13 -0
- package/es/components/page-header/page-header.scss.js.map +1 -0
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/select/select.d.ts +8 -0
- package/es/components/select/select.js +51 -37
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/text-input/stories/helpers.d.ts +1 -1
- package/es/components/text-input/stories/helpers.js +1 -1
- package/es/components/text-input/text-input.js +2 -1
- package/es/components/text-input/text-input.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/textarea/stories/helpers.d.ts +1 -1
- package/es/components/textarea/stories/helpers.js +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/tooltip/definition-tooltip.js +1 -0
- package/es/components/tooltip/definition-tooltip.js.map +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +6 -1
- package/es/components/ui-shell/header-global-action.js +57 -2
- package/es/components/ui-shell/header-global-action.js.map +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.js +3 -0
- package/es-custom/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es-custom/components/checkbox/checkbox.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.js +1 -0
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/form/form-item.scss.js +1 -1
- package/es-custom/components/form-group/form-group.scss.js +1 -1
- package/es-custom/components/heading/defs.d.ts +1 -1
- package/es-custom/components/heading/heading.d.ts +13 -1
- package/es-custom/components/heading/heading.js +5 -5
- package/es-custom/components/heading/heading.js.map +1 -1
- package/es-custom/components/multi-select/multi-select-item.d.ts +10 -1
- package/es-custom/components/multi-select/multi-select-item.js +29 -12
- package/es-custom/components/multi-select/multi-select-item.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +11 -5
- package/es-custom/components/multi-select/multi-select.js +151 -10
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.js +24 -3
- package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es-custom/components/page-header/index.d.ts +14 -0
- package/es-custom/components/page-header/index.js +14 -0
- package/es-custom/components/page-header/index.js.map +1 -0
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts +35 -0
- package/es-custom/components/page-header/page-header-breadcrumb.js +95 -0
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -0
- package/es-custom/components/page-header/page-header-content-text.d.ts +22 -0
- package/es-custom/components/page-header/page-header-content-text.js +56 -0
- package/es-custom/components/page-header/page-header-content-text.js.map +1 -0
- package/es-custom/components/page-header/page-header-content.d.ts +40 -0
- package/es-custom/components/page-header/page-header-content.js +127 -0
- package/es-custom/components/page-header/page-header-content.js.map +1 -0
- package/es-custom/components/page-header/page-header-hero-image.d.ts +18 -0
- package/es-custom/components/page-header/page-header-hero-image.js +38 -0
- package/es-custom/components/page-header/page-header-hero-image.js.map +1 -0
- package/es-custom/components/page-header/page-header-tabs.d.ts +18 -0
- package/es-custom/components/page-header/page-header-tabs.js +46 -0
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -0
- package/es-custom/components/page-header/page-header.d.ts +18 -0
- package/es-custom/components/page-header/page-header.js +38 -0
- package/es-custom/components/page-header/page-header.js.map +1 -0
- package/es-custom/components/page-header/page-header.scss.js +13 -0
- package/es-custom/components/page-header/page-header.scss.js.map +1 -0
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/select/select.d.ts +8 -0
- package/es-custom/components/select/select.js +51 -37
- package/es-custom/components/select/select.js.map +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/text-input/stories/helpers.d.ts +1 -1
- package/es-custom/components/text-input/stories/helpers.js +1 -1
- package/es-custom/components/text-input/text-input.js +2 -1
- package/es-custom/components/text-input/text-input.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/textarea/stories/helpers.d.ts +1 -1
- package/es-custom/components/textarea/stories/helpers.js +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/tooltip/definition-tooltip.js +1 -0
- package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header-global-action.d.ts +6 -1
- package/es-custom/components/ui-shell/header-global-action.js +57 -2
- package/es-custom/components/ui-shell/header-global-action.js.map +1 -1
- package/es-custom/index.d.ts +1 -1
- package/es-custom/index.js +1 -1
- package/lib/components/heading/defs.d.ts +1 -1
- package/lib/components/heading/heading.d.ts +13 -1
- package/lib/components/multi-select/multi-select-item.d.ts +10 -1
- package/lib/components/multi-select/multi-select.d.ts +11 -5
- package/lib/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/lib/components/page-header/index.d.ts +14 -0
- package/lib/components/page-header/page-header-breadcrumb.d.ts +35 -0
- package/lib/components/page-header/page-header-content-text.d.ts +22 -0
- package/lib/components/page-header/page-header-content.d.ts +40 -0
- package/lib/components/page-header/page-header-hero-image.d.ts +18 -0
- package/lib/components/page-header/page-header-tabs.d.ts +18 -0
- package/lib/components/page-header/page-header.d.ts +18 -0
- package/lib/components/select/select.d.ts +8 -0
- package/lib/components/text-input/stories/helpers.d.ts +1 -1
- package/lib/components/textarea/stories/helpers.d.ts +1 -1
- package/lib/components/ui-shell/header-global-action.d.ts +6 -1
- package/lib/index.d.ts +1 -1
- package/package.json +11 -18
- package/scss/components/dropdown/dropdown.scss +5 -1
- package/scss/components/multi-select/multi-select.scss +77 -7
- package/scss/components/page-header/page-header.scss +176 -0
- package/scss/components/select/select-story.scss +102 -0
- package/scss/components/select/select.scss +34 -17
- package/scss/components/tabs/tabs.scss +4 -0
- package/scss/components/text-input/text-input.scss +7 -1
- package/dist/dropdown-item-b80ac457.js +0 -147
- package/dist/search-2e2c46ea.js +0 -108
- package/dist/select-e40e62af.js +0 -148
- package/dist/text-input-a947ecef.js +0 -140
- package/es/node_modules/@storybook/addon-actions/dist/chunk-D5ZWXAHU.mjs.js +0 -16
- package/es/node_modules/@storybook/addon-actions/dist/chunk-D5ZWXAHU.mjs.js.map +0 -1
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/native.js +0 -14
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/native.js.map +0 -1
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/rng.js +0 -28
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/rng.js.map +0 -1
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/stringify.js +0 -26
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/stringify.js.map +0 -1
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/v4.js +0 -37
- package/es/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/v4.js.map +0 -1
- package/es/node_modules/@storybook/global/dist/index.mjs.js +0 -26
- package/es/node_modules/@storybook/global/dist/index.mjs.js.map +0 -1
- package/es-custom/node_modules/@storybook/addon-actions/dist/chunk-D5ZWXAHU.mjs.js +0 -16
- package/es-custom/node_modules/@storybook/addon-actions/dist/chunk-D5ZWXAHU.mjs.js.map +0 -1
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/native.js +0 -14
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/native.js.map +0 -1
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/rng.js +0 -28
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/rng.js.map +0 -1
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/stringify.js +0 -26
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/stringify.js.map +0 -1
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/v4.js +0 -37
- package/es-custom/node_modules/@storybook/addon-actions/node_modules/uuid/dist/esm-browser/v4.js.map +0 -1
- package/es-custom/node_modules/@storybook/global/dist/index.mjs.js +0 -26
- package/es-custom/node_modules/@storybook/global/dist/index.mjs.js.map +0 -1
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2019, 2020
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
*
|
|
10
|
+
* This bundle contains the following third-party dependencies:
|
|
11
|
+
*
|
|
12
|
+
* tslib:
|
|
13
|
+
*
|
|
14
|
+
****************************************************************************
|
|
15
|
+
Copyright (c) Microsoft Corporation.
|
|
16
|
+
|
|
17
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
18
|
+
purpose with or without fee is hereby granted.
|
|
19
|
+
|
|
20
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
21
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
22
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
23
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
24
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
25
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
26
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
27
|
+
*****************************************************************************
|
|
28
|
+
*
|
|
29
|
+
* @lit/context:
|
|
30
|
+
*
|
|
31
|
+
* @license
|
|
32
|
+
* Copyright 2021 Google LLC
|
|
33
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
+
*
|
|
35
|
+
* flatpickr:
|
|
36
|
+
*
|
|
37
|
+
*****************************************************************************
|
|
38
|
+
Copyright (c) Microsoft Corporation.
|
|
39
|
+
|
|
40
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
41
|
+
purpose with or without fee is hereby granted.
|
|
42
|
+
|
|
43
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
44
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
45
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
46
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
47
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
48
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
49
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
50
|
+
*****************************************************************************
|
|
51
|
+
*
|
|
52
|
+
* lit-html:
|
|
53
|
+
*
|
|
54
|
+
* @license
|
|
55
|
+
* Copyright 2017 Google LLC
|
|
56
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
|
+
*
|
|
58
|
+
* lit-element:
|
|
59
|
+
*
|
|
60
|
+
* @license
|
|
61
|
+
* Copyright 2017 Google LLC
|
|
62
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
+
*
|
|
64
|
+
* @lit/reactive-element:
|
|
65
|
+
*
|
|
66
|
+
* @license
|
|
67
|
+
* Copyright 2017 Google LLC
|
|
68
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
69
|
+
*
|
|
70
|
+
* Also refer to the following links for the license of other third-party dependencies:
|
|
71
|
+
*
|
|
72
|
+
* https://www.npmjs.com/package/lit
|
|
73
|
+
* https://www.npmjs.com/package/@floating-ui/dom
|
|
74
|
+
* https://www.npmjs.com/package/lodash-es
|
|
75
|
+
* https://www.npmjs.com/package/@floating-ui/utils
|
|
76
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
|
+
*/
|
|
78
|
+
|
|
79
|
+
let e;import{_ as s,r as t,p as c,i as l,x as i}from"./settings-c3654bc7.js";import{n as r}from"./property-dd1c81a7.js";import{c as d}from"./carbon-element-716e46b0.js";import{a,e as o}from"./query-602de8af.js";import{e as n}from"./class-map-287e73b5.js";import{s as p}from"./16-acbb0130.js";import{s as u}from"./16-c0c2f9cc.js";import{s as b}from"./16-0353e7e3.js";import{o as f}from"./if-defined-7fb4dd64.js";import{F as v}from"./form-3c2e14c6.js";import{c as m}from"./collection-helpers-eb62fd34.js";import{I as h}from"./text-input-404238e9.js";import{i as g}from"./if-non-empty-d0ff50a3.js";
|
|
80
|
+
/**
|
|
81
|
+
* @license
|
|
82
|
+
* Copyright 2017 Google LLC
|
|
83
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
84
|
+
*/let _=class extends t{constructor(){super(...arguments),this.disabled=!1,this.label="",this.selected=!1,this.value=""}};s([r({type:Boolean,reflect:!0})],_.prototype,"disabled",void 0),s([r({reflect:!0})],_.prototype,"label",void 0),s([r({type:Boolean,reflect:!0})],_.prototype,"selected",void 0),s([r({reflect:!0})],_.prototype,"value",void 0),_=s([d(`${c}-select-item`)],_);var y=l(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-select[warn]) .cds--select-input__wrapper~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(:host(cds-select[warn]cds-select[inline])) .cds--select-input--inline__wrapper~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select,:host(cds-select){align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{color:var(--cds-text-primary,#161616);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(:host(cds-select[invalid]cds-select[inline])) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(:host(cds-select[invalid]cds-select[inline])) .cds--select-input~.cds--select__invalid-icon,:host(:host(cds-select[warn]cds-select[inline])) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:2.5rem;border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton:before{animation:none}}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--ai-label:before,:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}:host(cds-select){outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}']);let x=class extends(v(t)){constructor(){super(...arguments),this._hasAILabel=!1,this._observerMutation=null,this._placeholderItemValue=`__${c}-select-placeholder_${Math.random().toString(36).slice(2)}`,this._handleMutation=()=>{this.requestUpdate()},this.autofocus=!1,this.disabled=!1,this.helperText="",this.hideLabel=!1,this.id="",this.invalid=!1,this.invalidText="",this.warn=!1,this.warnText="",this.labelText="",this.inline=!1,this.name="",this.pattern="",this.placeholder="",this.readonly=!1,this.required=!1,this.requiredValidityMessage="Please fill out this field.",this.size=h.MEDIUM,this.value=""}_handleInput({target:e}){const{value:s}=e;this.value=s;const{eventSelect:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{value:s}}))}_renderItems(e){const{selectorItem:s,selectorLeafItem:t}=this.constructor;return i`
|
|
85
|
+
${m(e.childNodes,(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches(s))).map((e=>{const s=e.hasAttribute("disabled"),l=e.getAttribute("label"),r=e.hasAttribute("selected"),d=e.getAttribute("value"),{textContent:a}=e;return e.matches(t)?i`
|
|
86
|
+
<option
|
|
87
|
+
class="${c}--select-option"
|
|
88
|
+
?disabled="${s}"
|
|
89
|
+
label="${g(l)}"
|
|
90
|
+
?selected="${r}"
|
|
91
|
+
value="${f(d)}">
|
|
92
|
+
${a}
|
|
93
|
+
</option>
|
|
94
|
+
`:i`
|
|
95
|
+
<optgroup
|
|
96
|
+
class="${c}--select-optgroup"
|
|
97
|
+
?disabled="${s}"
|
|
98
|
+
label="${f(l)}">
|
|
99
|
+
${this._renderItems(e)}
|
|
100
|
+
</optgroup>
|
|
101
|
+
`}))}
|
|
102
|
+
`}_handleFormdata(e){const{formData:s}=e,{disabled:t,name:c,value:l}=this;t||s.append(c,l)}_handleAILabelSlotChange({target:e}){const s=e.assignedNodes().filter((e=>void 0!==e.matches&&(e.matches(this.constructor.aiLabelItem)||e.matches(this.constructor.slugItem))));this._hasAILabel=Boolean(s),this.setAttribute("slug",`${this._hasAILabel}`),s[0].setAttribute("size","mini"),this.requestUpdate()}get length(){return this._selectNode.length}get options(){return this._selectNode.options}get type(){return this._selectNode.type}get multiple(){return!1}get selectedIndex(){var e;return null===(e=this._selectNode)||void 0===e?void 0:e.selectedIndex}set selectedIndex(e){this._selectNode.selectedIndex=e,this.value=this._selectNode.value}connectedCallback(){super.connectedCallback(),this._observerMutation=new MutationObserver(this._handleMutation),this._observerMutation.observe(this,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this._observerMutation&&(this._observerMutation.disconnect(),this._observerMutation=null),super.disconnectedCallback()}updated(e){var s,t,l,i,r,d,a,o,n,p;if(e.has("value")){const{value:e,_placeholderItemValue:c}=this,i=null===(l=null===(s=this._selectedOptionNodes)||void 0===s?void 0:s[(null===(t=this._selectedOptionNodes)||void 0===t?void 0:t.length)-1])||void 0===l?void 0:l.value;this._selectNode.value=e||(i||c)}const u=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("slot[name='ai-label']");u?((null===(r=u.assignedNodes())||void 0===r?void 0:r.length)&&(null===(d=this._inputNode)||void 0===d||d.classList.add(`${c}--select-input-has--ai-label`)),null==u||u.classList.toggle(`${c}--slug--revert`,null===(a=this.querySelector(`${c}-ai-label`))||void 0===a?void 0:a.hasAttribute("revert-active"))):null===(n=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("slot[name='slug']"))||void 0===n||n.classList.toggle(`${c}--slug--revert`,null===(p=this.querySelector(`${c}-slug`))||void 0===p?void 0:p.hasAttribute("revert-active"))}render(){const{disabled:e,helperText:s,hideLabel:t,inline:l,invalid:r,invalidText:d,labelText:a,placeholder:o,readonly:v,size:m,warn:h,warnText:g,value:_,_placeholderItemValue:y,_handleInput:x,_handleAILabelSlotChange:w}=this,k=n({[`${c}--select-input`]:!0,[`${c}--select-input--${m}`]:m}),$=n({[`${c}--label`]:!0,[`${c}--label--disabled`]:e}),z=n({[`${c}--form__helper-text`]:!0,[`${c}--form__helper-text--disabled`]:e}),q=s?i`
|
|
103
|
+
<div class="${z}">
|
|
104
|
+
<slot name="helper-text"> ${s} </slot>
|
|
105
|
+
</div>
|
|
106
|
+
`:null,I=r||h?i` <div class="${c}--form-requirement">
|
|
107
|
+
${r?d:g}
|
|
108
|
+
</div>`:null,S=i`
|
|
109
|
+
<select
|
|
110
|
+
id="input"
|
|
111
|
+
class="${k}"
|
|
112
|
+
?disabled="${e}"
|
|
113
|
+
aria-readonly="${String(Boolean(v))}"
|
|
114
|
+
aria-invalid="${String(Boolean(r))}"
|
|
115
|
+
aria-describedby="${f(r?"invalid-text":void 0)}"
|
|
116
|
+
@input="${x}">
|
|
117
|
+
${!o||_?void 0:i`
|
|
118
|
+
<option
|
|
119
|
+
disabled
|
|
120
|
+
hidden
|
|
121
|
+
class="${c}--select-option"
|
|
122
|
+
value="${y}">
|
|
123
|
+
${o}
|
|
124
|
+
</option>
|
|
125
|
+
`}
|
|
126
|
+
${this._renderItems(this)}
|
|
127
|
+
</select>
|
|
128
|
+
${p({class:`${c}--select__arrow`,"aria-hidden":!0})}
|
|
129
|
+
<slot
|
|
130
|
+
name="ai-label"
|
|
131
|
+
style="--${c}-show-before: ${h||r?"block":"none"}"
|
|
132
|
+
@slotchange=${w}></slot>
|
|
133
|
+
<slot name="slug" @slotchange=${w}></slot>
|
|
134
|
+
${r?u({class:`${c}--select__invalid-icon`}):void 0}
|
|
135
|
+
${!r&&h?b({class:`${c}--select__invalid-icon ${c}--select__invalid-icon--warning`}):null}
|
|
136
|
+
`;return i`
|
|
137
|
+
${t?null:i`<label class="${$}" for="input">
|
|
138
|
+
<slot name="label-text"> ${a} </slot>
|
|
139
|
+
</label>`}
|
|
140
|
+
${l?i`<div
|
|
141
|
+
class="${c}--select-input--inline__wrapper"
|
|
142
|
+
?data-invalid="${r}">
|
|
143
|
+
<div
|
|
144
|
+
class="${c}--select-input__wrapper"
|
|
145
|
+
?data-invalid="${r}">
|
|
146
|
+
${S}
|
|
147
|
+
</div>
|
|
148
|
+
</div>`:i`<div
|
|
149
|
+
class="${c}--select-input__wrapper"
|
|
150
|
+
?data-invalid="${r}">
|
|
151
|
+
${S}
|
|
152
|
+
</div> `}
|
|
153
|
+
${I||q}
|
|
154
|
+
`}static get selectorItem(){return`${c}-select-item-group,${c}-select-item`}static get selectorLeafItem(){return`${c}-select-item`}static get slugItem(){return`${c}-slug`}static get aiLabelItem(){return`${c}-ai-label`}static get eventSelect(){return`${c}-select-selected`}};x.shadowRootOptions=Object.assign(Object.assign({},t.shadowRootOptions),{delegatesFocus:!0}),x.styles=y,s([o("select")],x.prototype,"_selectNode",void 0),s([o("#input")],x.prototype,"_inputNode",void 0),s([function(s){return(t,c)=>a(t,c,{get(){return(this.renderRoot??(e??=document.createDocumentFragment())).querySelectorAll(s)}})}(`.${c}--select-option[selected]`)],x.prototype,"_selectedOptionNodes",void 0),s([r({type:Boolean})],x.prototype,"autofocus",void 0),s([r({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0),s([r({attribute:"helper-text"})],x.prototype,"helperText",void 0),s([r({type:Boolean,attribute:"hide-label"})],x.prototype,"hideLabel",void 0),s([r()],x.prototype,"id",void 0),s([r({type:Boolean,reflect:!0})],x.prototype,"invalid",void 0),s([r({attribute:"invalid-text"})],x.prototype,"invalidText",void 0),s([r({type:Boolean,reflect:!0})],x.prototype,"warn",void 0),s([r({attribute:"warn-text"})],x.prototype,"warnText",void 0),s([r({attribute:"label-text"})],x.prototype,"labelText",void 0),s([r({type:Boolean,reflect:!0})],x.prototype,"inline",void 0),s([r({type:Boolean})],x.prototype,"multiple",null),s([r()],x.prototype,"name",void 0),s([r()],x.prototype,"pattern",void 0),s([r({reflect:!0})],x.prototype,"placeholder",void 0),s([r({type:Boolean,reflect:!0})],x.prototype,"readonly",void 0),s([r({type:Boolean,reflect:!0})],x.prototype,"required",void 0),s([r({attribute:"required-validity-message"})],x.prototype,"requiredValidityMessage",void 0),s([r({type:Number})],x.prototype,"selectedIndex",null),s([r({reflect:!0})],x.prototype,"size",void 0),s([r({reflect:!0})],x.prototype,"value",void 0),x=s([d(`${c}-select`)],x);export{y as s};
|
package/dist/select.min.js
CHANGED
|
@@ -52,7 +52,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
52
52
|
* lit-html:
|
|
53
53
|
*
|
|
54
54
|
* @license
|
|
55
|
-
* Copyright
|
|
55
|
+
* Copyright 2017 Google LLC
|
|
56
56
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
57
|
*
|
|
58
58
|
* lit-element:
|
|
@@ -76,7 +76,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
76
76
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
|
-
import{s as e}from"./select-
|
|
79
|
+
import{s as e}from"./select-23298f17.js";import{_ as t,r as s,p as o,x as r}from"./settings-c3654bc7.js";import{n as i}from"./property-dd1c81a7.js";import{c as p}from"./carbon-element-716e46b0.js";import"./query-602de8af.js";import"./class-map-287e73b5.js";import"./directive-e2d48b9c.js";import"./16-acbb0130.js";import"./spread-bbf12ceb.js";import"./16-c0c2f9cc.js";import"./16-0353e7e3.js";import"./if-defined-7fb4dd64.js";import"./form-3c2e14c6.js";import"./on-8707857f.js";import"./collection-helpers-eb62fd34.js";import"./text-input-404238e9.js";import"./if-non-empty-d0ff50a3.js";import"./validity-de6fe348.js";import"./shared-enums-ccc90ee0.js";let l=class extends s{constructor(){super(...arguments),this.disabled=!1,this.label=""}};t([i({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),t([i({reflect:!0})],l.prototype,"label",void 0),l=t([p(`${o}-select-item-group`)],l);let c=class extends s{constructor(){super(...arguments),this.hideLabel=!1}render(){const{hideLabel:e}=this;return r`
|
|
80
80
|
${!e&&r` <span class="${o}--label ${o}--skeleton"></span> `}
|
|
81
81
|
<div class="${o}--select ${o}--skeleton"></div>
|
|
82
|
-
`}};
|
|
82
|
+
`}};c.styles=e,t([i({type:Boolean,reflect:!0,attribute:"hide-label"})],c.prototype,"hideLabel",void 0),c=t([p(`${o}-select-skeleton`)],c);
|
package/dist/side-panel.min.js
CHANGED
|
@@ -52,7 +52,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
52
52
|
* lit-html:
|
|
53
53
|
*
|
|
54
54
|
* @license
|
|
55
|
-
* Copyright
|
|
55
|
+
* Copyright 2017 Google LLC
|
|
56
56
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
57
|
*
|
|
58
58
|
* lit-element:
|
|
@@ -76,7 +76,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
76
76
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
|
-
import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{n as l}from"./property-dd1c81a7.js";import{r as a}from"./state-8793f01e.js";import{e as r}from"./query-602de8af.js";import{o as c}from"./query-assigned-elements-1bd68a6e.js";import{H as d,a as h}from"./host-listener-97e78474.js";import{c as p}from"./carbon-element-716e46b0.js";import{s as u}from"./spread-bbf12ceb.js";import{s as _}from"./20-6f209450.js";import"./button-8a9ddb9f.js";import"./button-set-e143c49e.js";import"./button-skeleton-eb7300c7.js";import"./icon-button-
|
|
79
|
+
import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{n as l}from"./property-dd1c81a7.js";import{r as a}from"./state-8793f01e.js";import{e as r}from"./query-602de8af.js";import{o as c}from"./query-assigned-elements-1bd68a6e.js";import{H as d,a as h}from"./host-listener-97e78474.js";import{c as p}from"./carbon-element-716e46b0.js";import{s as u}from"./spread-bbf12ceb.js";import{s as _}from"./20-6f209450.js";import"./button-8a9ddb9f.js";import"./button-set-e143c49e.js";import"./button-skeleton-eb7300c7.js";import"./icon-button-58819f57.js";import"./layer-602c2202.js";import"./on-8707857f.js";import"./directive-e2d48b9c.js";import"./class-map-287e73b5.js";import"./if-defined-7fb4dd64.js";import"./focus-c9ba63ff.js";import"./tooltip-content-8fc23961.js";import"./popover-content-b41e9612.js";import"./floating-controller-92da0306.js";import"./definition-tooltip-3f9c32e8.js";import"./defs-c5cfba1b.js";var v,m;!function(t){t.EXTRA_SMALL="xs",t.SMALL="sm",t.MEDIUM="md",t.LARGE="lg",t.EXTRA_EXTRA_LARGE="2xl"}(v||(v={})),function(t){t.RIGHT="right",t.LEFT="left"}(m||(m={}));const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY,$=`${e}--side-panel`,f=`${e}--action-set`;function y(t,e){if(e)for(let e=t.length-1;e>=0;--e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}else for(let e=0;e<t.length;++e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}return!1}let S=class extends(d(n)){constructor(){super(...arguments),this._hObserveResize=null,this._launcher=null,this._doAnimateTitle=!0,this._isOpen=!1,this._containerScrollTop=-16,this._hasSubtitle=!1,this._hasSlug=!1,this._hasActionToolbar=!1,this._actionsCount=0,this._slugCloseSize="sm",this._handleBlur=async({target:t,relatedTarget:e})=>{var i;const{open:s,_startSentinelNode:o,_endSentinelNode:n}=this,l=t!==this&&this.contains(t),a=e!==this&&(this.contains(e)||(null===(i=this.shadowRoot)||void 0===i?void 0:i.contains(e))&&e!==o&&e!==n),{selectorTabbable:r}=this.constructor;if(s&&e&&l&&!a){const i=t.compareDocumentPosition(e);e===o||i&b?(await this.constructor._delay(),y(this.querySelectorAll(r),!0)||e===this||this.focus()):(e===n||i&g)&&(await this.constructor._delay(),y(this.querySelectorAll(r),!0)||this.focus())}},this._handleKeydown=({key:t,target:e})=>{"Esc"!==t&&"Escape"!==t||this._handleUserInitiatedClose(e)},this._reducedMotion="undefined"!=typeof window&&(null===window||void 0===window?void 0:window.matchMedia)?window.matchMedia("(prefers-reduced-motion: reduce)"):{matches:!0},this._adjustPageContent=()=>{var t,e;if(this.selectorPageContent){const i=document.querySelector(this.selectorPageContent);if(i){const s={marginInlineStart:"",marginInlineEnd:"",inlineSize:"",transition:this._reducedMotion.matches?"none":"all 240ms",transitionProperty:"margin-inline-start, margin-inline-end"};this.open&&(s.inlineSize="auto","left"===this.placement?s.marginInlineStart=`${null===(t=null==this?void 0:this._sidePanel)||void 0===t?void 0:t.offsetWidth}px`:s.marginInlineEnd=`${null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.offsetWidth}px`),Object.keys(s).forEach((t=>{i.style[t]=s[t]}))}}},this._checkSetOpen=()=>{const{_sidePanel:t}=this;t&&this._isOpen?this._reducedMotion?this._isOpen=!1:t.addEventListener("transitionend",(()=>{this._isOpen=!1})):this._isOpen=this.open},this._checkUpdateIconButtonSizes=()=>{var t,i;const s=this.querySelector(`${e}-slug`),o=null===(t=null==this?void 0:this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("#nav-back-button, #close-button");let n="sm";if(s||(null==o?void 0:o.length)){const t=null===(i=null==this?void 0:this.querySelectorAll)||void 0===i?void 0:i.call(this,`${e}-button[slot='actions']`);(null==t?void 0:t.length)&&/l/.test(this.size)&&(n="md")}s&&(null==s||s.setAttribute("size",n)),o&&[...o].forEach((t=>{t.setAttribute("size",n)}))},this._checkUpdateActionSizes=()=>{if(this._actions)for(let t=0;t<this._actions.length;t++)this._actions[t].setAttribute("size",this.condensedActions?"lg":"xl")},this._maxActions=3,this._checkSetDoAnimateTitle=()=>{var t,e,i;let s=!1;if(this._sidePanel&&this.open&&this.animateTitle&&(null===(t=null==this?void 0:this.title)||void 0===t?void 0:t.length)&&!this._reducedMotion.matches){const t=this._getScrollAnimationDistance();null===(i=null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.style)||void 0===i||i.setProperty(`--${$}--scroll-animation-distance`,`${t}`);let o=this._animateScrollWrapper;if(o||!this.animateTitle||this._doAnimateTitle||(o=this._innerContent),o){const e=null===window||void 0===window?void 0:window.getComputedStyle(this._innerContent),i=e?parseFloat(null==e?void 0:e.paddingTop)+parseFloat(null==e?void 0:e.paddingBottom):0;s=(!!this.labelText||!!this._hasActionToolbar||this._hasSubtitle)&&o.scrollHeight-o.clientHeight>=t+i}}this._doAnimateTitle=s},this._resizeObserver=new ResizeObserver((()=>{this._sidePanel&&this._checkSetDoAnimateTitle()})),this._getScrollAnimationDistance=()=>{var t,e,i,s;return(null!==(e=null===(t=null==this?void 0:this._label)||void 0===t?void 0:t.offsetHeight)&&void 0!==e?e:0)+(null!==(s=null===(i=null==this?void 0:this._subtitle)||void 0===i?void 0:i.offsetHeight)&&void 0!==s?s:0)+(this._hasActionToolbar?this._title.offsetHeight-this._title.clientHeight:0)},this._scrollObserver=()=>{var t,e,i,s;const o=null!==(e=null===(t=this._animateScrollWrapper)||void 0===t?void 0:t.scrollTop)&&void 0!==e?e:0,n=this._getScrollAnimationDistance();null===(s=null===(i=null==this?void 0:this._sidePanel)||void 0===i?void 0:i.style)||void 0===s||s.setProperty(`--${$}--scroll-animation-progress`,""+Math.min(o,n)/n)},this._handleCurrentStepUpdate=()=>{var t;const e=null!==(t=this._animateScrollWrapper)&&void 0!==t?t:this._innerContent;e&&(e.scrollTop=0)},this.animateTitle=!0,this.closeIconDescription="Close",this.condensedActions=!1,this.includeOverlay=!1,this.navigationBackIconDescription="Back",this.open=!1,this.placement=m.RIGHT,this.preventCloseOnClickOutside=!1,this.selectorPageContent="",this.size=v.MEDIUM,this.slideIn=!1}_handleClickOnOverlay(t){this.preventCloseOnClickOutside||this._handleUserInitiatedClose(t.target)}_handleCloseClick(t){this._handleUserInitiatedClose(t.target)}_handleUserInitiatedClose(t){if(this.open){const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:t}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e)))}}_handleNavigateBack(t){this.dispatchEvent(new CustomEvent(this.constructor.eventNavigateBack,{composed:!0,detail:{triggeredBy:t}}))}_handleSlugChange(t){this._checkUpdateIconButtonSizes();const e=t.target.assignedElements();this._hasSlug=e.length>0}_handleSubtitleChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();this._hasSubtitle=i.length>0}_handleActionToolbarChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();if(this._hasActionToolbar=i&&i.length>0,this._hasActionToolbar)for(const t of i)t.setAttribute("size","sm")}_handleActionsChange(t){var e;const i=t.target,s=null==i?void 0:i.assignedElements();this._checkUpdateIconButtonSizes();const o=null!==(e=null==s?void 0:s.length)&&void 0!==e?e:0;o>this._maxActions?(this._actionsCount=this._maxActions,"development"===production&&console.error(`Too many side-panel actions, max ${this._maxActions}.`)):this._actionsCount=o;for(let t=0;t<(null==s?void 0:s.length);t++)t+1>this._maxActions?(s[t].setAttribute("hidden","true"),s[t].setAttribute(`data-actions-limit-${this._maxActions}-exceeded`,`${s.length}`)):s[t].classList.add(`${f}__action-button`);this._checkUpdateActionSizes()}async connectObservers(){var t,e;await this.updateComplete,this._hObserveResize=(t=this._resizeObserver,(e=this._sidePanel)?(t.observe(e),{release:()=>(t.unobserve(e),null)}):null)}disconnectObservers(){this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release())}connectedCallback(){super.connectedCallback(),this.disconnectObservers(),this.connectObservers()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObservers()}render(){const{closeIconDescription:s,condensedActions:o,currentStep:n,includeOverlay:l,labelText:a,navigationBackIconDescription:r,open:c,placement:d,size:h,slideIn:p,title:v}=this;if(!c&&!this._isOpen)return i``;const m=["","single","double","triple"][this._actionsCount],b=i`<div
|
|
80
80
|
class=${`${$}__title`}
|
|
81
81
|
?no-label=${!!a}>
|
|
82
82
|
<h2 class=${v?`${$}__title-text`:""} title=${v}>
|