@carbon/web-components 2.32.1 → 2.33.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 +257 -6
- package/dist/{16-41ffb037.js → 16-017a2c27.js} +2 -2
- package/dist/{16-a4bb462e.js → 16-17aff615.js} +2 -2
- package/dist/{16-250e2a70.js → 16-4b3acb23.js} +2 -2
- package/dist/16-4b8b7f2e.js +79 -0
- package/dist/{16-acbb0130.js → 16-51aecc68.js} +2 -2
- package/dist/{16-0353e7e3.js → 16-580bd432.js} +2 -2
- package/dist/{16-dbe65920.js → 16-6e3e4eb0.js} +2 -2
- package/dist/16-7a283177.js +79 -0
- package/dist/{16-2363f096.js → 16-921e0a19.js} +2 -2
- package/dist/16-b6a9d0f4.js +79 -0
- package/dist/{16-9631190c.js → 16-e3856d30.js} +2 -2
- package/dist/{16-f4def175.js → 16-eefa1533.js} +2 -2
- package/dist/20-dd19ea71.js +79 -0
- package/dist/20-f62e5e6c.js +79 -0
- package/dist/accordion.min.js +16 -16
- package/dist/ai-label.min.js +5 -5
- package/dist/ai-skeleton.min.js +2 -2
- package/dist/badge-indicator.min.js +2 -2
- package/dist/breadcrumb.min.js +10 -10
- package/dist/button-441e5c2f.js +144 -0
- package/dist/button-set-94219189.js +79 -0
- package/dist/{button-skeleton-eb7300c7.js → button-skeleton-13d34921.js} +13 -13
- package/dist/button.min.js +2 -2
- package/dist/carbon-element-716e46b0.js +1 -1
- package/dist/chat-button.min.js +3 -3
- package/dist/checkbox-7a9a01a0.js +118 -0
- package/dist/{checkbox-skeleton-2bfc2d17.js → checkbox-skeleton-209de048.js} +16 -16
- package/dist/checkbox.min.js +2 -2
- package/dist/{class-map-287e73b5.js → class-map-710415c2.js} +2 -2
- package/dist/code-snippet.min.js +17 -17
- package/dist/collection-helpers-eb62fd34.js +1 -1
- package/dist/combo-box.min.js +9 -9
- package/dist/combo-button.min.js +5 -5
- package/dist/consume-cadfd67f.js +114 -0
- package/dist/content-switcher-item-5b8a2330.js +105 -0
- package/dist/content-switcher.min.js +2 -2
- package/dist/copy-button-f99d6bd0.js +94 -0
- package/dist/copy-button.min.js +2 -2
- package/dist/data-table.min.js +51 -51
- package/dist/date-picker.min.js +14 -14
- package/dist/{definition-tooltip-3f9c32e8.js → definition-tooltip-be4e4d61.js} +4 -4
- package/dist/defs-c5cfba1b.js +1 -1
- package/dist/directive-e2d48b9c.js +1 -1
- package/dist/dropdown-item-8a543d34.js +147 -0
- package/dist/dropdown.min.js +3 -3
- package/dist/feature-flags.min.js +79 -0
- package/dist/file-uploader.min.js +20 -20
- package/dist/floating-controller-92da0306.js +1 -1
- package/dist/floating-menu-31ead115.js +79 -0
- package/dist/floating-menu.min.js +2 -2
- package/dist/{focus-c9ba63ff.js → focus-e21d0f18.js} +2 -2
- package/dist/form-3c2e14c6.js +1 -1
- package/dist/form-group.min.js +7 -7
- package/dist/form.min.js +2 -2
- package/dist/grid.min.js +111 -0
- package/dist/heading.min.js +3 -3
- package/dist/host-listener-97e78474.js +1 -1
- package/dist/icon-button-5c890f11.js +93 -0
- package/dist/icon-button.min.js +2 -2
- package/dist/icon-indicator.min.js +2 -2
- package/dist/{if-defined-7fb4dd64.js → if-defined-013b742a.js} +3 -3
- package/dist/{if-non-empty-d0ff50a3.js → if-non-empty-feaf1d4c.js} +2 -2
- package/dist/inline-loading.min.js +7 -7
- package/dist/layer-3c687a36.js +79 -0
- package/dist/layer.min.js +2 -2
- package/dist/link-ca3c98ab.js +103 -0
- package/dist/link.min.js +2 -2
- package/dist/list.min.js +5 -5
- package/dist/lit-element-7f93799b.js +101 -0
- package/dist/loading-a3706dd6.js +79 -0
- package/dist/{loading-icon-f3d7d50c.js → loading-icon-65c24fae.js} +10 -10
- package/dist/loading.min.js +2 -2
- package/dist/menu-button.min.js +4 -4
- package/dist/menu-item-radio-group-32a066a7.js +131 -0
- package/dist/menu.min.js +2 -2
- package/dist/modal-label-d172677b.js +110 -0
- package/dist/modal.min.js +2 -2
- package/dist/multi-select.min.js +24 -24
- package/dist/notification.min.js +26 -26
- package/dist/number-input.min.js +34 -32
- package/dist/on-8707857f.js +1 -1
- package/dist/overflow-menu.min.js +8 -8
- package/dist/page-header.min.js +2 -2
- package/dist/pagination.min.js +19 -19
- package/dist/popover-content-6f347b82.js +94 -0
- package/dist/popover.min.js +2 -2
- package/dist/progress-bar.min.js +9 -9
- package/dist/progress-indicator.min.js +12 -12
- package/dist/{property-dd1c81a7.js → property-c70a07a2.js} +3 -3
- package/dist/query-602de8af.js +1 -1
- package/dist/query-assigned-elements-1bd68a6e.js +1 -1
- package/dist/radio-button-skeleton-e8c71f9b.js +118 -0
- package/dist/radio-button.min.js +2 -2
- package/dist/radio-group-manager-853a7e76.js +1 -1
- package/dist/search-9476f73d.js +108 -0
- package/dist/search.min.js +5 -5
- package/dist/{select-23298f17.js → select-50fa145d.js} +33 -33
- package/dist/select.min.js +5 -5
- package/dist/settings-37ba2900.js +79 -0
- package/dist/shape-indicator.min.js +3 -3
- package/dist/shared-enums-ccc90ee0.js +1 -1
- package/dist/side-panel.min.js +22 -22
- package/dist/skeleton-icon-5559709e.js +79 -0
- package/dist/skeleton-icon.min.js +2 -2
- package/dist/skeleton-placeholder-54360372.js +79 -0
- package/dist/skeleton-placeholder.min.js +2 -2
- package/dist/skeleton-text-37a275b8.js +79 -0
- package/dist/skeleton-text.min.js +2 -2
- package/dist/skip-to-content.min.js +4 -4
- package/dist/slider.min.js +139 -55
- package/dist/slug.min.js +5 -5
- package/dist/spread-5378d580.js +79 -0
- package/dist/stack.min.js +2 -2
- package/dist/{state-8793f01e.js → state-9418736a.js} +2 -2
- package/dist/structured-list.min.js +12 -12
- package/dist/tabs.min.js +25 -25
- package/dist/tag.min.js +33 -33
- package/dist/tearsheet.min.js +14 -14
- package/dist/text-input-cad89f77.js +140 -0
- package/dist/text-input.min.js +5 -5
- package/dist/textarea.min.js +26 -22
- package/dist/tile.min.js +24 -24
- package/dist/time-picker.min.js +21 -21
- package/dist/toggle-tip.min.js +2 -2
- package/dist/toggle.min.js +14 -14
- package/dist/toggletip-2538b5ef.js +124 -0
- package/dist/tooltip-content-32932ef2.js +81 -0
- package/dist/tooltip.min.js +2 -2
- package/dist/tree-view.min.js +30 -30
- package/dist/ui-shell.min.js +34 -34
- package/dist/validity-de6fe348.js +1 -1
- package/es/components/accordion/accordion-item.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/feature-flags/index.d.ts +42 -0
- package/es/components/feature-flags/index.js +118 -0
- package/es/components/feature-flags/index.js.map +1 -0
- package/es/components/grid/column-hang.d.ts +19 -0
- package/es/components/grid/column-hang.js +43 -0
- package/es/components/grid/column-hang.js.map +1 -0
- package/es/components/grid/column-hang.scss.js +13 -0
- package/es/components/grid/column-hang.scss.js.map +1 -0
- package/es/components/grid/column.d.ts +35 -0
- package/es/components/grid/column.js +50 -0
- package/es/components/grid/column.js.map +1 -0
- package/es/components/grid/defs.d.ts +35 -0
- package/es/components/grid/defs.js +46 -0
- package/es/components/grid/defs.js.map +1 -0
- package/es/components/grid/grid-context.d.ts +9 -0
- package/es/components/grid/grid-context.js +13 -0
- package/es/components/grid/grid-context.js.map +1 -0
- package/es/components/grid/grid.d.ts +41 -0
- package/es/components/grid/grid.js +103 -0
- package/es/components/grid/grid.js.map +1 -0
- package/es/components/grid/grid.scss.js +13 -0
- package/es/components/grid/grid.scss.js.map +1 -0
- package/es/components/grid/index.d.ts +11 -0
- package/es/components/grid/index.js +11 -0
- package/es/components/grid/index.js.map +1 -0
- package/es/components/number-input/number-input.d.ts +24 -0
- package/es/components/number-input/number-input.js +65 -8
- 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/progress-bar/progress-bar.scss.js +1 -1
- package/es/components/slider/slider-input.d.ts +5 -1
- package/es/components/slider/slider-input.js +78 -30
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.d.ts +4 -0
- package/es/components/slider/slider-skeleton.js +65 -2
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.d.ts +33 -0
- package/es/components/slider/slider.js +453 -99
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/textarea/textarea.d.ts +25 -2
- package/es/components/textarea/textarea.js +100 -5
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/toggle/toggle.js +6 -1
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/feature-flags/es/index.js +444 -0
- package/es/feature-flags/es/index.js.map +1 -0
- package/es-custom/components/accordion/accordion-item.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/feature-flags/index.d.ts +42 -0
- package/es-custom/components/feature-flags/index.js +118 -0
- package/es-custom/components/feature-flags/index.js.map +1 -0
- package/es-custom/components/grid/column-hang.d.ts +19 -0
- package/es-custom/components/grid/column-hang.js +43 -0
- package/es-custom/components/grid/column-hang.js.map +1 -0
- package/es-custom/components/grid/column-hang.scss.js +13 -0
- package/es-custom/components/grid/column-hang.scss.js.map +1 -0
- package/es-custom/components/grid/column.d.ts +35 -0
- package/es-custom/components/grid/column.js +50 -0
- package/es-custom/components/grid/column.js.map +1 -0
- package/es-custom/components/grid/defs.d.ts +35 -0
- package/es-custom/components/grid/defs.js +46 -0
- package/es-custom/components/grid/defs.js.map +1 -0
- package/es-custom/components/grid/grid-context.d.ts +9 -0
- package/es-custom/components/grid/grid-context.js +13 -0
- package/es-custom/components/grid/grid-context.js.map +1 -0
- package/es-custom/components/grid/grid.d.ts +41 -0
- package/es-custom/components/grid/grid.js +103 -0
- package/es-custom/components/grid/grid.js.map +1 -0
- package/es-custom/components/grid/grid.scss.js +13 -0
- package/es-custom/components/grid/grid.scss.js.map +1 -0
- package/es-custom/components/grid/index.d.ts +11 -0
- package/es-custom/components/grid/index.js +11 -0
- package/es-custom/components/grid/index.js.map +1 -0
- package/es-custom/components/number-input/number-input.d.ts +24 -0
- package/es-custom/components/number-input/number-input.js +65 -8
- 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/progress-bar/progress-bar.scss.js +1 -1
- package/es-custom/components/slider/slider-input.d.ts +5 -1
- package/es-custom/components/slider/slider-input.js +78 -30
- package/es-custom/components/slider/slider-input.js.map +1 -1
- package/es-custom/components/slider/slider-skeleton.d.ts +4 -0
- package/es-custom/components/slider/slider-skeleton.js +65 -2
- package/es-custom/components/slider/slider-skeleton.js.map +1 -1
- package/es-custom/components/slider/slider.d.ts +33 -0
- package/es-custom/components/slider/slider.js +453 -99
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/textarea/textarea.d.ts +25 -2
- package/es-custom/components/textarea/textarea.js +100 -5
- package/es-custom/components/textarea/textarea.js.map +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/toggle/toggle.js +6 -1
- package/es-custom/components/toggle/toggle.js.map +1 -1
- package/es-custom/feature-flags/es/index.js +444 -0
- package/es-custom/feature-flags/es/index.js.map +1 -0
- package/lib/components/feature-flags/index.d.ts +42 -0
- package/lib/components/grid/column-hang.d.ts +19 -0
- package/lib/components/grid/column.d.ts +35 -0
- package/lib/components/grid/defs.d.ts +35 -0
- package/lib/components/grid/defs.js +48 -0
- package/lib/components/grid/defs.js.map +1 -0
- package/lib/components/grid/grid-context.d.ts +9 -0
- package/lib/components/grid/grid.d.ts +41 -0
- package/lib/components/grid/index.d.ts +11 -0
- package/lib/components/number-input/number-input.d.ts +24 -0
- package/lib/components/slider/slider-input.d.ts +5 -1
- package/lib/components/slider/slider-skeleton.d.ts +4 -0
- package/lib/components/slider/slider.d.ts +33 -0
- package/lib/components/textarea/textarea.d.ts +25 -2
- package/package.json +4 -4
- package/scss/components/grid/column-hang.scss +15 -0
- package/scss/components/grid/grid-story.scss +96 -0
- package/scss/components/grid/grid.scss +59 -0
- package/scss/components/grid/mixin.scss +70 -0
- package/scss/components/number-input/number-input.scss +4 -0
- package/scss/components/slider/slider.scss +26 -0
- package/scss/components/textarea/textarea.scss +15 -2
- package/dist/16-a6ff8f82.js +0 -79
- package/dist/16-a9f5da53.js +0 -79
- package/dist/16-c0c2f9cc.js +0 -79
- package/dist/20-6f209450.js +0 -79
- package/dist/20-cf8682e7.js +0 -79
- package/dist/button-8a9ddb9f.js +0 -144
- package/dist/button-set-e143c49e.js +0 -79
- package/dist/checkbox-f024ef99.js +0 -118
- package/dist/content-switcher-item-c66114b8.js +0 -105
- package/dist/copy-button-a481f85e.js +0 -94
- package/dist/dropdown-item-61ac6300.js +0 -147
- package/dist/floating-menu-f19577a8.js +0 -79
- package/dist/icon-button-58819f57.js +0 -93
- package/dist/layer-602c2202.js +0 -79
- package/dist/link-76646b17.js +0 -103
- package/dist/loading-ae8e2f1b.js +0 -79
- package/dist/menu-item-radio-group-45e474cb.js +0 -168
- package/dist/modal-label-f93860bf.js +0 -110
- package/dist/popover-content-b41e9612.js +0 -94
- package/dist/radio-button-skeleton-0c69d51b.js +0 -118
- package/dist/search-0191f926.js +0 -108
- package/dist/settings-c3654bc7.js +0 -101
- package/dist/skeleton-icon-e81be97a.js +0 -79
- package/dist/skeleton-placeholder-13b648d8.js +0 -79
- package/dist/skeleton-text-ec2217a3.js +0 -79
- package/dist/spread-bbf12ceb.js +0 -79
- package/dist/text-input-404238e9.js +0 -140
- package/dist/toggletip-691cdd4c.js +0 -124
- package/dist/tooltip-content-8fc23961.js +0 -81
|
@@ -0,0 +1,79 @@
|
|
|
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
|
+
const n="cds",e=`\n a[href]:not(#start-sentinel, #end-sentinel), area[href], input:not([disabled]):not([tabindex='-1']),\n button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n textarea:not([disabled]):not([tabindex='-1']),\n iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n ${n}-accordion-item,\n ${n}-actionable-notification-button,\n ${n}-button,\n ${n}-breadcrumb-link,\n ${n}-checkbox,\n ${n}-code-snippet,\n ${n}-combo-box,\n ${n}-content-switcher-item,\n ${n}-copy-button,\n ${n}-table-header-row,\n ${n}-table-row,\n ${n}-table-toolbar-search,\n ${n}-date-picker-input,\n ${n}-dropdown,\n ${n}-input,\n ${n}-link,\n ${n}-number-input,\n ${n}-modal,\n ${n}-modal-close-button,\n ${n}-multi-select,\n ${n}-inline-notification,\n ${n}-toast-notification,\n ${n}-overflow-menu,\n ${n}-overflow-menu-item,\n ${n}-page-sizes-select,\n ${n}-pages-select,\n ${n}-progress-step,\n ${n}-radio-button,\n ${n}-search,\n ${n}-slider,\n ${n}-slider-input,\n ${n}-structured-list,\n ${n}-tab,\n ${n}-filter-tag,\n ${n}-textarea,\n ${n}-text-input,\n ${n}-clickable-tile,\n ${n}-expandable-tile,\n ${n}-radio-tile,\n ${n}-selectable-tile,\n ${n}-toggle,\n ${n}-tooltip,\n ${n}-tooltip-definition,\n ${n}-tooltip-icon,\n ${n}-header-menu,\n ${n}-header-menu-button,\n ${n}-header-menu-item,\n ${n}-header-name,\n ${n}-header-nav-item,\n ${n}-side-nav-link,\n ${n}-side-nav-menu,\n ${n}-side-nav-menu-item\n`;export{n as p,e as s};
|
|
@@ -72,11 +72,11 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
72
72
|
* https://www.npmjs.com/package/lit
|
|
73
73
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
74
74
|
* https://www.npmjs.com/package/lodash-es
|
|
75
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
76
75
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
76
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
|
-
import{i as t,b as e,_ as i,x as s,r as a
|
|
79
|
+
import{i as t,b as e,_ as i,x as s,r as a}from"./lit-element-7f93799b.js";import{n as d}from"./property-c70a07a2.js";import{p as r}from"./settings-37ba2900.js";import{c as o}from"./carbon-element-716e46b0.js";import{s as c}from"./spread-5378d580.js";import"./directive-e2d48b9c.js";var h=t(['.cds--shape-indicator,:host(cds-shape-indicator){color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--shape-indicator svg,:host(cds-shape-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds--shape-indicator--14,:host(cds-shape-indicator[text-size="14"]){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--shape-indicator--failed,:host(cds-shape-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds--shape-indicator--critical,:host(cds-shape-indicator[kind=critical]) svg{fill:var(--cds-status-red,#da1e28)}.cds--shape-indicator--high,:host(cds-shape-indicator[kind=high]) svg{fill:var(--cds-status-red,#da1e28)}.cds--shape-indicator--medium,:host(cds-shape-indicator[kind=medium]) svg{fill:var(--cds-status-orange,#ff832b)}.cds--shape-indicator--medium path:first-of-type,:host(cds-shape-indicator[kind=medium]) svg path:first-of-type{fill:var(--cds-status-orange-outline,#ba4e00)}.cds--shape-indicator--low,:host(cds-shape-indicator[kind=low]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds--shape-indicator--low path:nth-of-type(2),:host(cds-shape-indicator[kind=low]) svg path:nth-of-type(2){fill:var(--cds-status-yellow-outline,#8e6a00)}.cds--shape-indicator--cautious,:host(cds-shape-indicator[kind=cautious]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds--shape-indicator--cautious path:first-of-type,:host(cds-shape-indicator[kind=cautious]) svg path:first-of-type{fill:var(--cds-status-yellow-outline,#8e6a00)}.cds--shape-indicator--undefined,:host(cds-shape-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds--shape-indicator--stable,:host(cds-shape-indicator[kind=stable]) svg{fill:var(--cds-status-green,#24a148)}.cds--shape-indicator--informative,:host(cds-shape-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}.cds--shape-indicator--incomplete path:nth-of-type(2),:host(cds-shape-indicator[kind=incomplete]) svg path:nth-of-type(2){fill:var(--cds-status-blue,#0043ce)}.cds--shape-indicator--draft,:host(cds-shape-indicator[kind=draft]) svg{fill:var(--cds-status-gray,#6f6f6f)}']);const l=({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<path d="M8,2.4142,13.5858,8,8,13.5858,2.4142,8,8,2.4142M8,1,1,8l7,7,7-7L8,1Z"></path><path d="M8,2.4142,13.5858,8,8,13.5858,2.4142,8,8,2.4142"></path></svg>`,n=({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<path d="M4 4H12V12H4z"></path><path d="M12,4v8H4V4h8m1-1H3V13H13V3Z"></path></svg>`,p=({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<path d="M12.3154,12H3.6846L8,4.0884,12.3154,12M14,13,8,2,2,13Z"></path><path d="M12.315 12L3.685 12 8 4.088 12.315 12z"></path></svg>`;var f;!function(t){t.FAILED="failed",t.CRITICAL="critical",t.HIGH="high",t.MEDIUM="medium",t.LOW="low",t.CAUTIOUS="cautious",t.UNDEFINED="undefined",t.STABLE="stable",t.INFORMATIVE="informative",t.INCOMPLETE="incomplete",t.DRAFT="draft"}(f||(f={}));const v={[f.FAILED]:({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<path d="M12.887 11.4727a5.9936 5.9936 0 00-8.36-8.3594zM3.113 4.5273a5.9936 5.9936 0 008.36 8.3594z"></path></svg>`,[f.CRITICAL]:({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<path d="M13 13L3 13 3 3 13 13z"></path></svg>`,[f.HIGH]:p,[f.MEDIUM]:l,[f.LOW]:n,[f.CAUTIOUS]:p,[f.UNDEFINED]:l,[f.STABLE]:({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<circle cx="8" cy="8" r="6"></circle></svg>`,[f.INFORMATIVE]:n,[f.INCOMPLETE]:()=>s`
|
|
80
80
|
<svg
|
|
81
81
|
xmlns="http://www.w3.org/2000/svg"
|
|
82
82
|
width="16"
|
|
@@ -92,4 +92,4 @@ import{i as t,b as e,_ as i,x as s,r as a,p as d}from"./settings-c3654bc7.js";im
|
|
|
92
92
|
fill="#161616"
|
|
93
93
|
d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z" />
|
|
94
94
|
</svg>
|
|
95
|
-
`,[f.DRAFT]:({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${
|
|
95
|
+
`,[f.DRAFT]:({children:t,...i}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${c(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${t}<path d="M8,4A4,4,0,1,1,4,8,4.0045,4.0045,0,0,1,8,4M8,2a6,6,0,1,0,6,6A6,6,0,0,0,8,2Z"></path></svg>`};let g=class extends a{constructor(){super(...arguments),this.textSize=12}render(){const t=v[this.kind];return t?s` ${t()} ${this.label} `:null}};g.styles=h,i([d({attribute:"text-size"})],g.prototype,"textSize",void 0),i([d()],g.prototype,"label",void 0),i([d()],g.prototype,"kind",void 0),g=i([o(`${r}-shape-indicator`)],g);
|
|
@@ -72,8 +72,8 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
72
72
|
* https://www.npmjs.com/package/lit
|
|
73
73
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
74
74
|
* https://www.npmjs.com/package/lodash-es
|
|
75
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
76
75
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
76
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
79
|
var t;!function(t){t.REGULAR="",t.LIGHT="light"}(t||(t={}));export{t as F};
|
package/dist/side-panel.min.js
CHANGED
|
@@ -72,45 +72,45 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
72
72
|
* https://www.npmjs.com/package/lit
|
|
73
73
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
74
74
|
* https://www.npmjs.com/package/lodash-es
|
|
75
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
76
75
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
76
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
|
-
import{b as t,
|
|
79
|
+
import{b as t,x as e,_ as i,r as s}from"./lit-element-7f93799b.js";import{n as o}from"./property-c70a07a2.js";import{r as n}from"./state-9418736a.js";import{e as l}from"./query-602de8af.js";import{o as a}from"./query-assigned-elements-1bd68a6e.js";import{p as r,s as c}from"./settings-37ba2900.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-5378d580.js";import{s as _}from"./20-dd19ea71.js";import"./button-441e5c2f.js";import"./button-set-94219189.js";import"./button-skeleton-13d34921.js";import"./icon-button-5c890f11.js";import"./layer-3c687a36.js";import"./on-8707857f.js";import"./directive-e2d48b9c.js";import"./class-map-710415c2.js";import"./if-defined-013b742a.js";import"./focus-e21d0f18.js";import"./tooltip-content-32932ef2.js";import"./popover-content-6f347b82.js";import"./floating-controller-92da0306.js";import"./definition-tooltip-be4e4d61.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,$=`${r}--side-panel`,f=`${r}--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(s)){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,e;const i=this.querySelector(`${r}-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,`${r}-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=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:i,condensedActions:s,currentStep:o,includeOverlay:n,labelText:l,navigationBackIconDescription:a,open:c,placement:d,size:h,slideIn:p,title:v}=this;if(!c&&!this._isOpen)return e``;const m=["","single","double","triple"][this._actionsCount],b=e`<div
|
|
80
80
|
class=${`${$}__title`}
|
|
81
|
-
?no-label=${!!
|
|
81
|
+
?no-label=${!!l}>
|
|
82
82
|
<h2 class=${v?`${$}__title-text`:""} title=${v}>
|
|
83
83
|
${v}
|
|
84
84
|
</h2>
|
|
85
85
|
|
|
86
|
-
${this._doAnimateTitle?
|
|
86
|
+
${this._doAnimateTitle?e`<h2
|
|
87
87
|
class=${`${$}__collapsed-title-text`}
|
|
88
88
|
title=${v}
|
|
89
89
|
aria-hidden="true">
|
|
90
90
|
${v}
|
|
91
91
|
</h2>`:""}
|
|
92
|
-
</div>`,g=this.title?` ${$}__header--has-title `:"",f=
|
|
92
|
+
</div>`,g=this.title?` ${$}__header--has-title `:"",f=e`
|
|
93
93
|
<div
|
|
94
94
|
class=${`${$}__header${g}`}
|
|
95
|
-
?detail-step=${
|
|
95
|
+
?detail-step=${o>0}
|
|
96
96
|
?no-title-animation=${!this._doAnimateTitle}
|
|
97
97
|
?reduced-motion=${this._reducedMotion.matches}>
|
|
98
98
|
<!-- render back button -->
|
|
99
|
-
${
|
|
99
|
+
${o>0?e`<cds-icon-button
|
|
100
100
|
align="bottom-left"
|
|
101
|
-
aria-label=${
|
|
101
|
+
aria-label=${a}
|
|
102
102
|
kind="ghost"
|
|
103
103
|
size="sm"
|
|
104
|
-
class=${`${
|
|
104
|
+
class=${`${r}--btn ${$}__navigation-back-button`}
|
|
105
105
|
@click=${this._handleNavigateBack}>
|
|
106
106
|
${(({children:e,...i}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${u(i)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${e}<path d="M6.7 12.3L2.9 8.5 15 8.5 15 7.5 2.9 7.5 6.7 3.7 6 3 1 8 6 13z"></path></svg>`)({slot:"icon"})}
|
|
107
107
|
<span slot="tooltip-content">
|
|
108
|
-
${
|
|
108
|
+
${a}
|
|
109
109
|
</span>
|
|
110
110
|
</cds-icon-button>`:""}
|
|
111
111
|
|
|
112
112
|
<!-- render title label -->
|
|
113
|
-
${(null==v?void 0:v.length)&&(null==
|
|
113
|
+
${(null==v?void 0:v.length)&&(null==l?void 0:l.length)?e` <p class=${`${$}__label-text`}>${l}</p>`:""}
|
|
114
114
|
|
|
115
115
|
<!-- title -->
|
|
116
116
|
${v?b:""}
|
|
@@ -121,13 +121,13 @@ import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{
|
|
|
121
121
|
<!-- {normalizedSlug} -->
|
|
122
122
|
<cds-icon-button
|
|
123
123
|
align="bottom-right"
|
|
124
|
-
aria-label=${
|
|
124
|
+
aria-label=${i}
|
|
125
125
|
kind="ghost"
|
|
126
126
|
size="sm"
|
|
127
127
|
class=${`${$}__close-button`}
|
|
128
128
|
@click=${this._handleCloseClick}>
|
|
129
129
|
${_({slot:"icon"})}
|
|
130
|
-
<span slot="tooltip-content"> ${
|
|
130
|
+
<span slot="tooltip-content"> ${i} </span>
|
|
131
131
|
</cds-icon-button>
|
|
132
132
|
</div>
|
|
133
133
|
|
|
@@ -152,13 +152,13 @@ import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{
|
|
|
152
152
|
@slotchange=${this._handleActionToolbarChange}></slot>
|
|
153
153
|
</div>
|
|
154
154
|
</div>
|
|
155
|
-
`,y=
|
|
155
|
+
`,y=e`<div
|
|
156
156
|
class=${`${$}__inner-content`}
|
|
157
157
|
?scrolls=${!this._doAnimateTitle}>
|
|
158
158
|
<cds-layer level="1">
|
|
159
159
|
<slot></slot>
|
|
160
160
|
</cds-layer>
|
|
161
|
-
</div> `,S=this._doAnimateTitle?` ${$}--animated-title`:"";return
|
|
161
|
+
</div> `,S=this._doAnimateTitle?` ${$}--animated-title`:"";return e`
|
|
162
162
|
<div
|
|
163
163
|
class=${`${$}${S}`}
|
|
164
164
|
part="dialog"
|
|
@@ -168,8 +168,8 @@ import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{
|
|
|
168
168
|
?open=${this._isOpen}
|
|
169
169
|
?opening=${c&&!this._isOpen}
|
|
170
170
|
?closing=${!c&&this._isOpen}
|
|
171
|
-
?condensed-actions=${
|
|
172
|
-
?overlay=${
|
|
171
|
+
?condensed-actions=${s}
|
|
172
|
+
?overlay=${n||p}
|
|
173
173
|
?slide-in=${p}
|
|
174
174
|
size=${h}>
|
|
175
175
|
<a
|
|
@@ -179,14 +179,14 @@ import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{
|
|
|
179
179
|
href="javascript:void 0"
|
|
180
180
|
role="navigation"></a>
|
|
181
181
|
|
|
182
|
-
${this._doAnimateTitle?
|
|
182
|
+
${this._doAnimateTitle?e`<div class=${`${$}__animated-scroll-wrapper`} scrolls>
|
|
183
183
|
${f} ${y}
|
|
184
|
-
</div>`:
|
|
184
|
+
</div>`:e` ${f} ${y}`}
|
|
185
185
|
|
|
186
186
|
<cds-button-set-base
|
|
187
187
|
class=${`${$}__actions-container`}
|
|
188
188
|
?hidden=${0===this._actionsCount}
|
|
189
|
-
?condensed=${
|
|
189
|
+
?condensed=${s}
|
|
190
190
|
actions-multiple=${m}
|
|
191
191
|
size=${h}>
|
|
192
192
|
<slot name="actions" @slotchange=${this._handleActionsChange}></slot>
|
|
@@ -200,7 +200,7 @@ import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{
|
|
|
200
200
|
role="navigation"></a>
|
|
201
201
|
</div>
|
|
202
202
|
|
|
203
|
-
${
|
|
203
|
+
${n?e`<div
|
|
204
204
|
?slide-in=${p}
|
|
205
205
|
class=${`${$}__overlay`}
|
|
206
206
|
?open=${this.open}
|
|
@@ -208,4 +208,4 @@ import{b as t,p as e,x as i,s,_ as o,r as n}from"./settings-c3654bc7.js";import{
|
|
|
208
208
|
?closing=${!c&&this._isOpen}
|
|
209
209
|
tabindex="-1"
|
|
210
210
|
@click=${this._handleClickOnOverlay}></div>`:""}
|
|
211
|
-
`}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():y(this.querySelectorAll(this.constructor.selectorTabbable),!0)||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
|
|
211
|
+
`}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():y(this.querySelectorAll(this.constructor.selectorTabbable),!0)||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 c}static get eventBeforeClose(){return`${r}-side-panel-beingclosed`}static get eventClose(){return`${r}-side-panel-closed`}static get eventNavigateBack(){return`${r}-side-panel-navigate-back`}};i([l("#start-sentinel")],S.prototype,"_startSentinelNode",void 0),i([l("#end-sentinel")],S.prototype,"_endSentinelNode",void 0),i([l(`.${$}`)],S.prototype,"_sidePanel",void 0),i([l(`.${$}__animated-scroll-wrapper`)],S.prototype,"_animateScrollWrapper",void 0),i([l(`.${$}__label-text`)],S.prototype,"_label",void 0),i([l(`.${$}__title-text`)],S.prototype,"_title",void 0),i([l(`.${$}__subtitle-text`)],S.prototype,"_subtitle",void 0),i([l(`.${$}__inner-content`)],S.prototype,"_innerContent",void 0),i([a({slot:"actions",selector:`${r}-button`})],S.prototype,"_actions",void 0),i([n()],S.prototype,"_doAnimateTitle",void 0),i([n()],S.prototype,"_isOpen",void 0),i([n()],S.prototype,"_containerScrollTop",void 0),i([n()],S.prototype,"_hasSubtitle",void 0),i([n()],S.prototype,"_hasSlug",void 0),i([n()],S.prototype,"_hasActionToolbar",void 0),i([n()],S.prototype,"_actionsCount",void 0),i([n()],S.prototype,"_slugCloseSize",void 0),i([h("shadowRoot:focusout")],S.prototype,"_handleBlur",void 0),i([h("document:keydown")],S.prototype,"_handleKeydown",void 0),i([o({reflect:!0,attribute:"animate-title",type:Boolean})],S.prototype,"animateTitle",void 0),i([o({reflect:!0,attribute:"close-icon-description"})],S.prototype,"closeIconDescription",void 0),i([o({type:Boolean,reflect:!0,attribute:"condensed-actions"})],S.prototype,"condensedActions",void 0),i([o({reflect:!0,attribute:"current-step",type:Number})],S.prototype,"currentStep",void 0),i([o({attribute:"include-overlay",type:Boolean,reflect:!0})],S.prototype,"includeOverlay",void 0),i([o({reflect:!0,attribute:"label-text"})],S.prototype,"labelText",void 0),i([o({reflect:!0,attribute:"navigation-back-icon-description"})],S.prototype,"navigationBackIconDescription",void 0),i([o({type:Boolean,reflect:!0})],S.prototype,"open",void 0),i([o({reflect:!0,type:String})],S.prototype,"placement",void 0),i([o({type:Boolean,attribute:"prevent-close-on-click-outside"})],S.prototype,"preventCloseOnClickOutside",void 0),i([o({reflect:!0,attribute:"selector-initial-focus",type:String})],S.prototype,"selectorInitialFocus",void 0),i([o({reflect:!0,attribute:"selector-page-content"})],S.prototype,"selectorPageContent",void 0),i([o({reflect:!0,type:String})],S.prototype,"size",void 0),i([o({attribute:"slide-in",type:Boolean,reflect:!0})],S.prototype,"slideIn",void 0),i([o({reflect:!1,type:String})],S.prototype,"title",void 0),S=i([p(`${r}-side-panel`)],S);
|
|
@@ -0,0 +1,79 @@
|
|
|
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
|
+
import{i as e,_ as n,r as o}from"./lit-element-7f93799b.js";import{p as i}from"./settings-37ba2900.js";import{c as s}from"./carbon-element-716e46b0.js";var t=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);block-size:1rem;border:none;box-shadow:none;display:inline-block;inline-size:1rem;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}}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);block-size:6.25rem;border:none;box-shadow:none;inline-size:6.25rem;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}}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);block-size:1rem;border:none;box-shadow:none;inline-size:100%;margin-block-end:.5rem;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}}.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}: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}}']);let r=class extends o{};r.styles=t,r=n([s(`${i}-skeleton-icon`)],r);
|
|
@@ -72,8 +72,8 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
72
72
|
* https://www.npmjs.com/package/lit
|
|
73
73
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
74
74
|
* https://www.npmjs.com/package/lodash-es
|
|
75
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
76
75
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
76
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
|
-
import"./skeleton-icon-
|
|
79
|
+
import"./skeleton-icon-5559709e.js";import"./lit-element-7f93799b.js";import"./settings-37ba2900.js";import"./carbon-element-716e46b0.js";
|
|
@@ -0,0 +1,79 @@
|
|
|
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
|
+
import{i as e,_ as o,r as n,x as s}from"./lit-element-7f93799b.js";import{e as i}from"./class-map-710415c2.js";import{n as t}from"./property-c70a07a2.js";import{p as r}from"./settings-37ba2900.js";import{c as a}from"./carbon-element-716e46b0.js";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);block-size:1rem;border:none;box-shadow:none;display:inline-block;inline-size:1rem;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}}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);block-size:6.25rem;border:none;box-shadow:none;inline-size:6.25rem;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}}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);block-size:1rem;border:none;box-shadow:none;inline-size:100%;margin-block-end:.5rem;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}}.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}']);let c=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=i(o);return s` <div class="${n}"></div> `}};c.styles=l,o([t({reflect:!0,attribute:"optional-classes"})],c.prototype,"optionalClasses",void 0),c=o([a(`${r}-skeleton-placeholder`)],c);
|
|
@@ -72,8 +72,8 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
72
72
|
* https://www.npmjs.com/package/lit
|
|
73
73
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
74
74
|
* https://www.npmjs.com/package/lodash-es
|
|
75
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
76
75
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
76
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
|
-
import"./skeleton-placeholder-
|
|
79
|
+
import"./skeleton-placeholder-54360372.js";import"./lit-element-7f93799b.js";import"./class-map-710415c2.js";import"./directive-e2d48b9c.js";import"./property-c70a07a2.js";import"./settings-37ba2900.js";import"./carbon-element-716e46b0.js";
|
|
@@ -0,0 +1,79 @@
|
|
|
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
|
+
import{i as e,_ as o,r as t,x as n}from"./lit-element-7f93799b.js";import{e as i}from"./class-map-710415c2.js";import{n as s}from"./property-c70a07a2.js";import{p as r}from"./settings-37ba2900.js";import{c as a}from"./carbon-element-716e46b0.js";var l;!function(e){e.REGULAR="",e.HEADING="heading"}(l||(l={}));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);block-size:1rem;border:none;box-shadow:none;display:inline-block;inline-size:1rem;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}}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);block-size:6.25rem;border:none;box-shadow:none;inline-size:6.25rem;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}}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);block-size:1rem;border:none;box-shadow:none;inline-size:100%;margin-block-end:.5rem;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}}.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}:host(cds-skeleton-text){display:block;inline-size:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-block-start:0}']);function d(e,o,t){return Math.floor([.973051493507435,.15334737213558558,.5671034553053769][t%3]*(o-e+1))+e}let p=class extends t{constructor(){super(...arguments),this.type=l.REGULAR,this.heading=!1,this.width="100%",this.paragraph=!1,this.lineCount=3}render(){const{optionalClasses:e,paragraph:o,lineCount:t,type:s,width:a,heading:c}=this;let p={[`${r}--skeleton__text`]:!0,[`${r}--skeleton__heading`]:c||s===l.HEADING};if(e){const o={};null==e||e.split(" ").forEach((e=>{o[e]=!0})),p=Object.assign(Object.assign({},p),o)}const f=i(p);if(o){const e=parseInt(this.width,10),o=this.width.includes("px"),i=this.width.includes("%"),s=[];for(let r=0;r<t;r++){const t=i&&`${d(0,75,r)}px`||o&&`${d(0,e,r)}px`,l=i&&`width: calc(${a} - ${t})`||o&&`width: ${t}`||"";s.push(n`<p class="${f}" style="${l}"></p>`)}return s}return n`<p class="${f}" style="width:${a}"></p>`}};p.styles=c,o([s({reflect:!0,attribute:"optional-classes"})],p.prototype,"optionalClasses",void 0),o([s({reflect:!0})],p.prototype,"type",void 0),o([s({type:Boolean,reflect:!0})],p.prototype,"heading",void 0),o([s({reflect:!0})],p.prototype,"width",void 0),o([s({type:Boolean,reflect:!0})],p.prototype,"paragraph",void 0),o([s({type:Number,reflect:!0})],p.prototype,"lineCount",void 0),p=o([a(`${r}-skeleton-text`)],p);export{l as S};
|