@carbon/web-components 2.45.0 → 2.46.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 +919 -101
- package/dist/{16-BBj-4U6O.js → 16-BXPirV4t.js} +3 -3
- package/dist/16-BiojhJb6.js +28 -0
- package/dist/{16-Fw7MQsgz.js → 16-BirbARgt.js} +3 -3
- package/dist/{16-CsB-3CrK.js → 16-CNObEOvs.js} +3 -3
- package/dist/{16-t_6d5Xg6.js → 16-DThcsE9v.js} +3 -3
- package/dist/{16-DOSrxpkh.js → 16-T0hLy__N.js} +3 -3
- package/dist/{16-BFG46iFc.js → 16-mUGLFymm.js} +3 -3
- package/dist/{20-Dz5R4rWy.js → 20-BSzLZNRY.js} +3 -3
- package/dist/accordion.min.js +3 -3
- package/dist/ai-label.min.js +3 -3
- package/dist/ai-skeleton.min.js +3 -3
- package/dist/badge-indicator.min.js +3 -3
- package/dist/breadcrumb.min.js +3 -3
- package/dist/{button-BINUfYkQ.js → button-3n7S6dfU.js} +5 -5
- package/dist/{button-skeleton-Ce4GOnYk.js → button-skeleton-DE9AxBek.js} +4 -4
- package/dist/button.min.js +3 -3
- package/dist/chat-button.min.js +3 -3
- package/dist/{checkbox-YpDgBEVJ.js → checkbox-CFU6bnOa.js} +3 -3
- package/dist/checkbox.min.js +6 -6
- package/dist/{class-map-DzlEdlET.js → class-map-BLvVLLRH.js} +3 -3
- package/dist/code-snippet.min.js +5 -5
- package/dist/combo-box.min.js +6 -6
- package/dist/combo-button.min.js +3 -3
- package/dist/contained-list.min.js +70 -0
- package/dist/{content-switcher-item-CTUxWE3X.js → content-switcher-item-CXc-BbRX.js} +3 -3
- package/dist/content-switcher.min.js +3 -3
- package/dist/copy-button.min.js +3 -3
- package/dist/data-table.min.js +5 -5
- package/dist/date-picker.min.js +3 -3
- package/dist/defs-CcLNpvSO.js +28 -0
- package/dist/dropdown-item-CSXYY4Up.js +100 -0
- package/dist/dropdown.min.js +5 -5
- package/dist/feature-flags.min.js +3 -3
- package/dist/file-uploader.min.js +3 -3
- package/dist/floating-controller-ClaZwDaj.js +28 -0
- package/dist/floating-menu.min.js +3 -3
- package/dist/fluid-number-input.min.js +28 -0
- package/dist/fluid-search.min.js +3 -3
- package/dist/fluid-select.min.js +3 -3
- package/dist/fluid-text-input.min.js +3 -3
- package/dist/fluid-textarea.min.js +3 -3
- package/dist/{focus-4hYY4Dyy.js → focus-DCv16lgz.js} +3 -3
- package/dist/{form-Bi7CmOIh.js → form-D0wM2t2A.js} +3 -3
- package/dist/form-group.min.js +3 -3
- package/dist/form.min.js +3 -3
- package/dist/grid.min.js +3 -3
- package/dist/heading.min.js +3 -3
- package/dist/{host-listener-DvFKBeEg.js → host-listener-maKckXVl.js} +3 -3
- package/dist/icon-button.min.js +3 -3
- package/dist/icon-indicator.min.js +3 -3
- package/dist/{icon-loader-C0ZqVK1W.js → icon-loader-BiaaiIZd.js} +3 -3
- package/dist/{icon-loader-utils-BR71i9XR.js → icon-loader-utils-Dw7YsY3n.js} +3 -3
- package/dist/icon.min.js +3 -3
- package/dist/{if-defined-CcLoN68A.js → if-defined-B342gMhK.js} +3 -3
- package/dist/{if-non-empty-B1wddvKZ.js → if-non-empty-BXM4sQkm.js} +3 -3
- package/dist/inline-loading.min.js +3 -3
- package/dist/layer.min.js +3 -3
- package/dist/link.min.js +3 -3
- package/dist/list.min.js +3 -3
- package/dist/{lit-element-DXoDLiKG.js → lit-element-W7dQy3wx.js} +4 -4
- package/dist/{loading-icon-BqRwBxw_.js → loading-icon-9dSwtpx9.js} +3 -3
- package/dist/loading.min.js +3 -3
- package/dist/menu-button.min.js +6 -6
- package/dist/menu.min.js +16 -16
- package/dist/modal.min.js +3 -3
- package/dist/multi-select.min.js +3 -3
- package/dist/notification.min.js +32 -32
- package/dist/number-input.min.js +32 -31
- package/dist/overflow-menu.min.js +3 -3
- package/dist/page-header.min.js +3 -3
- package/dist/pagination.min.js +3 -3
- package/dist/password-input.min.js +31 -30
- package/dist/popover.min.js +3 -3
- package/dist/progress-bar.min.js +3 -3
- package/dist/progress-indicator.min.js +3 -3
- package/dist/{property-uTgGvQPP.js → property-D8KHfsO7.js} +3 -3
- package/dist/{query-assigned-elements-DzwbMc--.js → query-assigned-elements-CuK851Xm.js} +3 -3
- package/dist/radio-button.min.js +6 -6
- package/dist/search-BpfBrZ_q.js +58 -0
- package/dist/search.min.js +4 -4
- package/dist/{select-DrnoHpZf.js → select-Bu-C3DEh.js} +3 -3
- package/dist/{select-item-XCdOkQFq.js → select-item-CY7ZCgDO.js} +3 -3
- package/dist/{select-skeleton-D_sk9gT-.js → select-skeleton-Bj1W9rv-.js} +3 -3
- package/dist/select.min.js +3 -3
- package/dist/shape-indicator.min.js +3 -3
- package/dist/side-panel.min.js +8 -8
- package/dist/skeleton-icon.min.js +3 -3
- package/dist/skeleton-placeholder.min.js +3 -3
- package/dist/skeleton-text.min.js +3 -3
- package/dist/skip-to-content.min.js +3 -3
- package/dist/slider.min.js +186 -100
- package/dist/slug.min.js +3 -3
- package/dist/stack.min.js +3 -3
- package/dist/{state-WaBTtiEK.js → state-DVnprZ3A.js} +3 -3
- package/dist/structured-list.min.js +3 -3
- package/dist/tabs.min.js +3 -3
- package/dist/tag.min.js +3 -3
- package/dist/tearsheet.min.js +3 -3
- package/dist/text-input-CMLDDQcE.js +95 -0
- package/dist/text-input.min.js +4 -4
- package/dist/textarea.min.js +6 -6
- package/dist/tile.min.js +3 -3
- package/dist/time-picker.min.js +3 -3
- package/dist/toggle-tip.min.js +3 -3
- package/dist/toggle.min.js +3 -3
- package/dist/{tooltip-content-qsyHhcSH.js → tooltip-content-eYgOs_c2.js} +3 -3
- package/dist/tooltip.min.js +3 -3
- package/dist/tree-view.min.js +3 -3
- package/dist/ui-shell.min.js +5 -5
- package/dist/{unsafe-html-DmB1txAP.js → unsafe-html-SGvBIOsG.js} +3 -3
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.d.ts +10 -3
- package/es/components/combo-box/combo-box.js +58 -7
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/contained-list/contained-list-description.d.ts +18 -0
- package/es/components/contained-list/contained-list-description.js +38 -0
- package/es/components/contained-list/contained-list-description.js.map +1 -0
- package/es/components/contained-list/contained-list-item.d.ts +43 -0
- package/es/components/contained-list/contained-list-item.js +135 -0
- package/es/components/contained-list/contained-list-item.js.map +1 -0
- package/es/components/contained-list/contained-list.d.ts +37 -0
- package/es/components/contained-list/contained-list.js +95 -0
- package/es/components/contained-list/contained-list.js.map +1 -0
- package/es/components/contained-list/contained-list.scss.js +13 -0
- package/es/components/contained-list/contained-list.scss.js.map +1 -0
- package/es/components/contained-list/index.d.ts +9 -0
- package/es/components/contained-list/index.js +11 -0
- package/es/components/contained-list/index.js.map +1 -0
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +25 -1
- package/es/components/dropdown/dropdown.js +72 -3
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
- package/es/components/fluid-number-input/fluid-number-input-skeleton.js +38 -0
- package/es/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -0
- package/es/components/fluid-number-input/fluid-number-input.d.ts +19 -0
- package/es/components/fluid-number-input/fluid-number-input.js +53 -0
- package/es/components/fluid-number-input/fluid-number-input.js.map +1 -0
- package/es/components/fluid-number-input/fluid-number-input.scss.js +13 -0
- package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -0
- package/es/components/fluid-number-input/index.d.ts +8 -0
- package/es/components/fluid-number-input/index.js +10 -0
- package/es/components/fluid-number-input/index.js.map +1 -0
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/menu/menu-item.d.ts +1 -0
- package/es/components/menu/menu-item.js +12 -2
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu.d.ts +4 -1
- package/es/components/menu/menu.js +28 -3
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/menu/menu.scss.js +1 -1
- package/es/components/menu-button/menu-button.d.ts +5 -2
- package/es/components/menu-button/menu-button.js +77 -7
- package/es/components/menu-button/menu-button.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/callout-notification.d.ts +1 -1
- package/es/components/notification/callout-notification.js +8 -9
- package/es/components/notification/callout-notification.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +4 -0
- package/es/components/number-input/number-input.js +28 -12
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/password-input/password-input.d.ts +5 -0
- package/es/components/password-input/password-input.js +14 -5
- package/es/components/password-input/password-input.js.map +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/slider/slider-input.js +14 -18
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider.d.ts +7 -0
- package/es/components/slider/slider.js +226 -83
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/text-input/text-input-skeleton.d.ts +1 -1
- package/es/components/text-input/text-input-skeleton.js +4 -3
- package/es/components/text-input/text-input-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/textarea/textarea-skeleton.d.ts +5 -1
- package/es/components/textarea/textarea-skeleton.js +16 -2
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.d.ts +10 -3
- package/es-custom/components/combo-box/combo-box.js +58 -7
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list-description.d.ts +18 -0
- package/es-custom/components/contained-list/contained-list-description.js +38 -0
- package/es-custom/components/contained-list/contained-list-description.js.map +1 -0
- package/es-custom/components/contained-list/contained-list-item.d.ts +43 -0
- package/es-custom/components/contained-list/contained-list-item.js +135 -0
- package/es-custom/components/contained-list/contained-list-item.js.map +1 -0
- package/es-custom/components/contained-list/contained-list.d.ts +37 -0
- package/es-custom/components/contained-list/contained-list.js +95 -0
- package/es-custom/components/contained-list/contained-list.js.map +1 -0
- package/es-custom/components/contained-list/contained-list.scss.js +13 -0
- package/es-custom/components/contained-list/contained-list.scss.js.map +1 -0
- package/es-custom/components/contained-list/index.d.ts +9 -0
- package/es-custom/components/contained-list/index.js +11 -0
- package/es-custom/components/contained-list/index.js.map +1 -0
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +25 -1
- package/es-custom/components/dropdown/dropdown.js +72 -3
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js +38 -0
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.d.ts +19 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.js +53 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.js.map +1 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +13 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -0
- package/es-custom/components/fluid-number-input/index.d.ts +8 -0
- package/es-custom/components/fluid-number-input/index.js +10 -0
- package/es-custom/components/fluid-number-input/index.js.map +1 -0
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/menu/menu-item.d.ts +1 -0
- package/es-custom/components/menu/menu-item.js +12 -2
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +4 -1
- package/es-custom/components/menu/menu.js +28 -3
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/menu/menu.scss.js +1 -1
- package/es-custom/components/menu-button/menu-button.d.ts +5 -2
- package/es-custom/components/menu-button/menu-button.js +77 -7
- package/es-custom/components/menu-button/menu-button.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/callout-notification.d.ts +1 -1
- package/es-custom/components/notification/callout-notification.js +8 -9
- package/es-custom/components/notification/callout-notification.js.map +1 -1
- package/es-custom/components/number-input/number-input.d.ts +4 -0
- package/es-custom/components/number-input/number-input.js +28 -12
- package/es-custom/components/number-input/number-input.js.map +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/password-input/password-input.d.ts +5 -0
- package/es-custom/components/password-input/password-input.js +14 -5
- package/es-custom/components/password-input/password-input.js.map +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/popover/popover.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/slider/slider-input.js +14 -18
- package/es-custom/components/slider/slider-input.js.map +1 -1
- package/es-custom/components/slider/slider.d.ts +7 -0
- package/es-custom/components/slider/slider.js +226 -83
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/text-input/text-input-skeleton.d.ts +1 -1
- package/es-custom/components/text-input/text-input-skeleton.js +4 -3
- package/es-custom/components/text-input/text-input-skeleton.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/textarea/textarea-skeleton.d.ts +5 -1
- package/es-custom/components/textarea/textarea-skeleton.js +16 -2
- package/es-custom/components/textarea/textarea-skeleton.js.map +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
- package/lib/components/combo-box/combo-box.d.ts +10 -3
- package/lib/components/contained-list/contained-list-description.d.ts +18 -0
- package/lib/components/contained-list/contained-list-item.d.ts +43 -0
- package/lib/components/contained-list/contained-list.d.ts +37 -0
- package/lib/components/contained-list/index.d.ts +9 -0
- package/lib/components/dropdown/dropdown.d.ts +25 -1
- package/lib/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
- package/lib/components/fluid-number-input/fluid-number-input.d.ts +19 -0
- package/lib/components/fluid-number-input/index.d.ts +8 -0
- package/lib/components/menu/menu-item.d.ts +1 -0
- package/lib/components/menu/menu.d.ts +4 -1
- package/lib/components/menu-button/menu-button.d.ts +5 -2
- package/lib/components/notification/callout-notification.d.ts +1 -1
- package/lib/components/number-input/number-input.d.ts +4 -0
- package/lib/components/password-input/password-input.d.ts +5 -0
- package/lib/components/slider/slider.d.ts +7 -0
- package/lib/components/text-input/text-input-skeleton.d.ts +1 -1
- package/lib/components/textarea/textarea-skeleton.d.ts +5 -1
- package/package.json +5 -6
- package/scss/components/combo-box/combo-box.scss +21 -0
- package/scss/components/contained-list/contained-list.scss +48 -0
- package/scss/components/fluid-number-input/fluid-number-input.scss +27 -0
- package/scss/components/menu/menu.scss +2 -0
- package/scss/components/number-input/number-input.scss +13 -0
- package/scss/components/password-input/password-input.scss +21 -17
- package/scss/components/search/search.scss +6 -0
- package/scss/components/slider/slider.scss +33 -5
- package/scss/components/text-input/text-input.scss +5 -2
- package/telemetry.yml +14 -8
- package/dist/16-BFl-qNrl.js +0 -28
- package/dist/dropdown-item-ALZ34_OA.js +0 -100
- package/dist/floating-controller-BO48DFk2.js +0 -28
- package/dist/search-DNdS00wP.js +0 -58
- package/dist/text-input-B9VDpl4N.js +0 -95
- package/dist/{16-Co6aAEol.js → 16-BcPXq4VE.js} +2 -2
- package/dist/{16-B7pwVoJF.js → 16-CCrV-EKs.js} +2 -2
- package/dist/{16-CGBcKyTF.js → 16-CsHohlYG.js} +2 -2
- package/dist/{16-CE0vhrU3.js → 16-D9rqeJJl.js} +2 -2
- package/dist/{16-Di-633li.js → 16-DEZ8LNs3.js} +2 -2
- package/dist/{20-BkqtasS4.js → 20-ZHgmfbqd.js} +2 -2
- package/dist/{carbon-element-C1z5CnbR.js → carbon-element-tFMTVffV.js} +2 -2
- package/dist/{collection-helpers-CpMBYTSn.js → collection-helpers-C8K_t6zj.js} +2 -2
- package/dist/{consume-CJ68u14F.js → consume-DNv3sWri.js} +2 -2
- package/dist/{directive-D38JskT2.js → directive-CwpJ03IP.js} +2 -2
- package/dist/{host-listener-C5X2a6BU.js → host-listener-BFnrKETa.js} +2 -2
- package/dist/{on-CHmODq20.js → on-Bh72-1o0.js} +2 -2
- package/dist/{query-ClymL-mj.js → query-DZZk85FD.js} +2 -2
- package/dist/{radio-group-manager-Cd-2cWQY.js → radio-group-manager-BbeUxJeN.js} +2 -2
- package/dist/{settings--npNF0B7.js → settings-CVGvqY8T.js} +2 -2
- package/dist/{shared-enums-DNTUOzm5.js → shared-enums-D2BNx9-N.js} +2 -2
- package/dist/{validity-WwpJqqG9.js → validity-CzCNnEZK.js} +2 -2
package/dist/side-panel.min.js
CHANGED
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
19
|
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
20
|
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-element
|
|
22
21
|
* https://www.npmjs.com/package/lit-html
|
|
22
|
+
* https://www.npmjs.com/package/lit-element
|
|
23
23
|
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
25
24
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{r as t,x as e,_ as i}from"./lit-element-
|
|
28
|
+
import{r as t,x as e,_ as i}from"./lit-element-W7dQy3wx.js";import{n as s}from"./property-D8KHfsO7.js";import{r as o}from"./state-DVnprZ3A.js";import{a as n}from"./query-DZZk85FD.js";import{o as l}from"./query-assigned-elements-CuK851Xm.js";import{p as a,s as r}from"./settings-CVGvqY8T.js";import{i as c}from"./icon-loader-BiaaiIZd.js";import{H as d}from"./host-listener-BFnrKETa.js";import{H as h}from"./host-listener-maKckXVl.js";import{c as p}from"./carbon-element-tFMTVffV.js";import{_ as u}from"./20-BSzLZNRY.js";import"./button-3n7S6dfU.js";import"./button.min.js";import"./button-skeleton-DE9AxBek.js";import"./icon-button.min.js";import"./layer.min.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./directive-CwpJ03IP.js";import"./unsafe-html-SGvBIOsG.js";import"./on-Bh72-1o0.js";import"./class-map-BLvVLLRH.js";import"./if-defined-B342gMhK.js";import"./focus-DCv16lgz.js";import"./tooltip-content-eYgOs_c2.js";import"./popover.min.js";import"./floating-controller-ClaZwDaj.js";import"./defs-CcLNpvSO.js";import"./tooltip.min.js";var _,v;!function(t){t.EXTRA_SMALL="xs",t.SMALL="sm",t.MEDIUM="md",t.LARGE="lg",t.EXTRA_EXTRA_LARGE="2xl"}(_||(_={})),function(t){t.RIGHT="right",t.LEFT="left"}(v||(v={}));var m={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M6.7 12.3 2.9 8.5 15 8.5 15 7.5 2.9 7.5 6.7 3.7 6 3 1 8 6 13z"}}],name:"arrow--left",size:16};const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY,$=`${a}--side-panel`,y=`${a}--action-set`;function f(t,e){for(let e=t.length-1;e>=0;--e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}return!1}let S=class extends(h(t)){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(),f(this.querySelectorAll(r))||e===this||this.focus()):(e===n||i&g)&&(await this.constructor._delay(),f(this.querySelectorAll(r))||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,e;const i=this.querySelector(`${a}-slug`),s=null===(t=null==this?void 0:this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("#nav-back-button, #close-button");let o="sm";if(i||(null==s?void 0:s.length)){const t=null===(e=null==this?void 0:this.querySelectorAll)||void 0===e?void 0:e.call(this,`${a}-button[slot='actions']`);(null==t?void 0:t.length)&&/l/.test(this.size)&&(o="md")}i&&(null==i||i.setAttribute("size",o)),s&&[...s].forEach((t=>{t.setAttribute("size",o)}))},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=v.RIGHT,this.preventCloseOnClickOutside=!1,this.selectorPageContent="",this.size=_.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(`${y}__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:t,condensedActions:i,currentStep:s,includeOverlay:o,labelText:n,navigationBackIconDescription:l,open:r,placement:d,size:h,slideIn:p,title:_}=this;if(!r&&!this._isOpen)return e``;const v=["","single","double","triple"][this._actionsCount],b=e`<div
|
|
29
29
|
class=${`${$}__title`}
|
|
30
30
|
?no-label=${!!n}>
|
|
31
31
|
<h2 class=${_?`${$}__title-text`:""} title=${_}>
|
|
@@ -41,11 +41,11 @@ import{r as t,x as e,_ as i}from"./lit-element-DXoDLiKG.js";import{n as o}from".
|
|
|
41
41
|
</div>`,g=this.title?` ${$}__header--has-title `:"",y=e`
|
|
42
42
|
<div
|
|
43
43
|
class=${`${$}__header${g}`}
|
|
44
|
-
?detail-step=${
|
|
44
|
+
?detail-step=${s>0}
|
|
45
45
|
?no-title-animation=${!this._doAnimateTitle}
|
|
46
46
|
?reduced-motion=${this._reducedMotion.matches}>
|
|
47
47
|
<!-- render back button -->
|
|
48
|
-
${
|
|
48
|
+
${s>0?e`<cds-icon-button
|
|
49
49
|
align="bottom-left"
|
|
50
50
|
aria-label=${l}
|
|
51
51
|
kind="ghost"
|
|
@@ -118,7 +118,7 @@ import{r as t,x as e,_ as i}from"./lit-element-DXoDLiKG.js";import{n as o}from".
|
|
|
118
118
|
?opening=${r&&!this._isOpen}
|
|
119
119
|
?closing=${!r&&this._isOpen}
|
|
120
120
|
?condensed-actions=${i}
|
|
121
|
-
?overlay=${
|
|
121
|
+
?overlay=${o||p}
|
|
122
122
|
?slide-in=${p}
|
|
123
123
|
size=${h}>
|
|
124
124
|
<a
|
|
@@ -149,7 +149,7 @@ import{r as t,x as e,_ as i}from"./lit-element-DXoDLiKG.js";import{n as o}from".
|
|
|
149
149
|
role="navigation"></a>
|
|
150
150
|
</div>
|
|
151
151
|
|
|
152
|
-
${
|
|
152
|
+
${o?e`<div
|
|
153
153
|
?slide-in=${p}
|
|
154
154
|
class=${`${$}__overlay`}
|
|
155
155
|
?open=${this.open}
|
|
@@ -157,4 +157,4 @@ import{r as t,x as e,_ as i}from"./lit-element-DXoDLiKG.js";import{n as o}from".
|
|
|
157
157
|
?closing=${!r&&this._isOpen}
|
|
158
158
|
tabindex="-1"
|
|
159
159
|
@click=${this._handleClickOnOverlay}></div>`:""}
|
|
160
|
-
`}async updated(t){var e,i,o
|
|
160
|
+
`}async updated(t){var e,i,s,o;if(t.has("condensedActions")&&this._checkUpdateActionSizes(),t.has("currentStep")&&this._handleCurrentStepUpdate(),t.has("_doAnimateTitle")&&(null===(e=null==this?void 0:this._animateScrollWrapper)||void 0===e||e.removeEventListener("scroll",this._scrollObserver),this._doAnimateTitle?null===(i=null==this?void 0:this._animateScrollWrapper)||void 0===i||i.addEventListener("scroll",this._scrollObserver):null===(o=null===(s=null==this?void 0:this._sidePanel)||void 0===s?void 0:s.style)||void 0===o||o.setProperty(`--${$}--scroll-animation-progress`,"0")),(t.has("_isOpen")||t.has("animateTitle"))&&this._checkSetDoAnimateTitle(),(t.has("slideIn")||t.has("open")||t.has("includeOverlay"))&&this._adjustPageContent(),t.has("open"))if(this._checkSetOpen(),this.disconnectObservers(),this.open){this.connectObservers(),this._launcher=this.ownerDocument.activeElement;const t=this.selectorInitialFocus&&this.querySelector(this.selectorInitialFocus);await this.constructor._delay(),t?t.focus():f(this.querySelectorAll(this.constructor.selectorTabbable))||this.focus()}else this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null)}static _delay(t=0){return new Promise((e=>{setTimeout(e,t)}))}static get selectorTabbable(){return r}static get eventBeforeClose(){return`${a}-side-panel-beingclosed`}static get eventClose(){return`${a}-side-panel-closed`}static get eventNavigateBack(){return`${a}-side-panel-navigate-back`}};i([n("#start-sentinel")],S.prototype,"_startSentinelNode",void 0),i([n("#end-sentinel")],S.prototype,"_endSentinelNode",void 0),i([n(`.${$}`)],S.prototype,"_sidePanel",void 0),i([n(`.${$}__animated-scroll-wrapper`)],S.prototype,"_animateScrollWrapper",void 0),i([n(`.${$}__label-text`)],S.prototype,"_label",void 0),i([n(`.${$}__title-text`)],S.prototype,"_title",void 0),i([n(`.${$}__subtitle-text`)],S.prototype,"_subtitle",void 0),i([n(`.${$}__inner-content`)],S.prototype,"_innerContent",void 0),i([l({slot:"actions",selector:`${a}-button`})],S.prototype,"_actions",void 0),i([o()],S.prototype,"_doAnimateTitle",void 0),i([o()],S.prototype,"_isOpen",void 0),i([o()],S.prototype,"_containerScrollTop",void 0),i([o()],S.prototype,"_hasSubtitle",void 0),i([o()],S.prototype,"_hasSlug",void 0),i([o()],S.prototype,"_hasActionToolbar",void 0),i([o()],S.prototype,"_actionsCount",void 0),i([o()],S.prototype,"_slugCloseSize",void 0),i([d("shadowRoot:focusout")],S.prototype,"_handleBlur",void 0),i([d("document:keydown")],S.prototype,"_handleKeydown",void 0),i([s({reflect:!0,attribute:"animate-title",type:Boolean})],S.prototype,"animateTitle",void 0),i([s({reflect:!0,attribute:"close-icon-description"})],S.prototype,"closeIconDescription",void 0),i([s({type:Boolean,reflect:!0,attribute:"condensed-actions"})],S.prototype,"condensedActions",void 0),i([s({reflect:!0,attribute:"current-step",type:Number})],S.prototype,"currentStep",void 0),i([s({attribute:"include-overlay",type:Boolean,reflect:!0})],S.prototype,"includeOverlay",void 0),i([s({reflect:!0,attribute:"label-text"})],S.prototype,"labelText",void 0),i([s({reflect:!0,attribute:"navigation-back-icon-description"})],S.prototype,"navigationBackIconDescription",void 0),i([s({type:Boolean,reflect:!0})],S.prototype,"open",void 0),i([s({reflect:!0,type:String})],S.prototype,"placement",void 0),i([s({type:Boolean,attribute:"prevent-close-on-click-outside"})],S.prototype,"preventCloseOnClickOutside",void 0),i([s({reflect:!0,attribute:"selector-initial-focus",type:String})],S.prototype,"selectorInitialFocus",void 0),i([s({reflect:!0,attribute:"selector-page-content"})],S.prototype,"selectorPageContent",void 0),i([s({reflect:!0,type:String})],S.prototype,"size",void 0),i([s({attribute:"slide-in",type:Boolean,reflect:!0})],S.prototype,"slideIn",void 0),i([s({reflect:!1,type:String})],S.prototype,"title",void 0),S=i([p(`${a}-side-panel`)],S);
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
19
|
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
20
|
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-element
|
|
22
21
|
* https://www.npmjs.com/package/lit-html
|
|
22
|
+
* https://www.npmjs.com/package/lit-element
|
|
23
23
|
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
25
24
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{i as e,_ as o,r as n}from"./lit-element-
|
|
28
|
+
import{i as e,_ as o,r as n}from"./lit-element-W7dQy3wx.js";import{p as s}from"./settings-CVGvqY8T.js";import{c as t}from"./carbon-element-tFMTVffV.js";var i=e(['@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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds--icon--skeleton,:host(cds-skeleton-icon){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds--icon--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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--icon--skeleton,:host(cds-skeleton-icon){background:CanvasText}.cds--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--icon--skeleton,:host(cds-skeleton-icon){block-size:1rem;display:inline-block;inline-size:1rem}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__placeholder{background:CanvasText}.cds--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:none}.cds--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__text{background:CanvasText}.cds--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__heading{block-size:1.5rem}.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before{inline-size:200%}.cds--skeleton__placeholder--ai{border-radius:.5rem}.cds--skeleton__text--ai{border-radius:1rem}.cds--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:CanvasText}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{background:Canvas}}:host(cds-skeleton-icon){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-skeleton-icon:active),:host(cds-skeleton-icon:focus),:host(cds-skeleton-icon:hover){border:none;cursor:default;outline:none}:host(cds-skeleton-icon):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){:host(cds-skeleton-icon):before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-skeleton-icon){background:CanvasText}:host(cds-skeleton-icon):before{background:Canvas;forced-color-adjust:none}}']);let r=class extends n{};r.styles=i,r=o([t(`${s}-skeleton-icon`)],r);
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
19
|
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
20
|
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-element
|
|
22
21
|
* https://www.npmjs.com/package/lit-html
|
|
22
|
+
* https://www.npmjs.com/package/lit-element
|
|
23
23
|
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
25
24
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{i as e,_ as o,r as n,x as s}from"./lit-element-
|
|
28
|
+
import{i as e,_ as o,r as n,x as s}from"./lit-element-W7dQy3wx.js";import{e as t}from"./class-map-BLvVLLRH.js";import{n as i}from"./property-D8KHfsO7.js";import{p as r}from"./settings-CVGvqY8T.js";import{c as a}from"./carbon-element-tFMTVffV.js";import"./directive-CwpJ03IP.js";var c=e(['@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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds--icon--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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--icon--skeleton{background:CanvasText}.cds--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__placeholder{background:CanvasText}.cds--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:none}.cds--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__text{background:CanvasText}.cds--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__heading{block-size:1.5rem}.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before{inline-size:200%}.cds--skeleton__placeholder--ai{border-radius:.5rem}.cds--skeleton__text--ai{border-radius:1rem}.cds--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:CanvasText}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{background:Canvas}}']);let l=class extends n{render(){var e;let o={[`${r}--skeleton__placeholder`]:!0};if(this.optionalClasses){const n={};null===(e=this.optionalClasses)||void 0===e||e.split(" ").forEach((e=>{n[e]=!0})),o=Object.assign(Object.assign({},o),n)}const n=t(o);return s` <div part="placeholder" class="${n}"></div> `}};l.styles=c,o([i({reflect:!0,attribute:"optional-classes"})],l.prototype,"optionalClasses",void 0),l=o([a(`${r}-skeleton-placeholder`)],l);
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
19
|
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
20
|
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-element
|
|
22
21
|
* https://www.npmjs.com/package/lit-html
|
|
22
|
+
* https://www.npmjs.com/package/lit-element
|
|
23
23
|
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
25
24
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{i as e,_ as o,r as n,x as t}from"./lit-element-
|
|
28
|
+
import{i as e,_ as o,r as n,x as t}from"./lit-element-W7dQy3wx.js";import{e as s}from"./class-map-BLvVLLRH.js";import{n as i}from"./property-D8KHfsO7.js";import{p as r}from"./settings-CVGvqY8T.js";import{c as a}from"./carbon-element-tFMTVffV.js";import"./directive-CwpJ03IP.js";var c;!function(e){e.REGULAR="",e.HEADING="heading"}(c||(c={}));var l=e(['@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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds--icon--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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--icon--skeleton{background:CanvasText}.cds--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__placeholder{background:CanvasText}.cds--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:none}.cds--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__text{background:CanvasText}.cds--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__heading{block-size:1.5rem}.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before{inline-size:200%}.cds--skeleton__placeholder--ai{border-radius:.5rem}.cds--skeleton__text--ai{border-radius:1rem}.cds--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:CanvasText}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{background:Canvas}}:host(cds-skeleton-text){display:block;inline-size:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-block-start:0}']);function d(e,o,n){return Math.floor([.973051493507435,.15334737213558558,.5671034553053769][n%3]*(o-e+1))+e}let k=class extends n{constructor(){super(...arguments),this.type=c.REGULAR,this.heading=!1,this.width="100%",this.paragraph=!1,this.lineCount=3}render(){const{optionalClasses:e,paragraph:o,lineCount:n,type:i,width:a,heading:l}=this;let k={[`${r}--skeleton__text`]:!0,[`${r}--skeleton__heading`]:l||i===c.HEADING};if(e){const o={};null==e||e.split(" ").forEach((e=>{o[e]=!0})),k=Object.assign(Object.assign({},k),o)}const f=s(k);if(o){const e=parseInt(this.width,10),o=this.width.includes("px"),s=this.width.includes("%"),i=[];for(let r=0;r<n;r++){const n=s&&`${d(0,75,r)}px`||o&&`${d(0,e,r)}px`,c=s&&`width: calc(${a} - ${n})`||o&&`width: ${n}`||"";i.push(t`<p class="${f}" style="${c}"></p>`)}return i}return t`<p class="${f}" style="width:${a}"></p>`}};k.styles=l,o([i({reflect:!0,attribute:"optional-classes"})],k.prototype,"optionalClasses",void 0),o([i({reflect:!0})],k.prototype,"type",void 0),o([i({type:Boolean,reflect:!0})],k.prototype,"heading",void 0),o([i({reflect:!0})],k.prototype,"width",void 0),o([i({type:Boolean,reflect:!0})],k.prototype,"paragraph",void 0),o([i({type:Number,reflect:!0})],k.prototype,"lineCount",void 0),k=o([a(`${r}-skeleton-text`)],k);export{c as S};
|