@carbon/web-components 1.36.1 → 1.37.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/dist/accordion.min.js +1 -1
- package/dist/accordion.rtl.min.js +1 -1
- package/dist/breadcrumb.min.js +1 -1
- package/dist/breadcrumb.rtl.min.js +1 -1
- package/dist/{button-4e0b32c8.js → button-035465bb.js} +1 -1
- package/dist/{button-99f6b809.js → button-1a16f30e.js} +1 -1
- package/dist/button.min.js +1 -1
- package/dist/button.rtl.min.js +1 -1
- package/dist/{checkbox-d61e0f46.js → checkbox-61c8aa71.js} +1 -1
- package/dist/{checkbox-39ba54c6.js → checkbox-93412a35.js} +1 -1
- package/dist/checkbox.min.js +1 -1
- package/dist/checkbox.rtl.min.js +1 -1
- package/dist/code-snippet.min.js +2 -2
- package/dist/code-snippet.rtl.min.js +2 -2
- package/dist/combo-box.min.js +1 -1
- package/dist/combo-box.rtl.min.js +1 -1
- package/dist/{content-switcher-item-f853369b.js → content-switcher-item-6df85f1c.js} +1 -1
- package/dist/{content-switcher-item-55452b53.js → content-switcher-item-88761ecf.js} +1 -1
- package/dist/content-switcher.min.js +1 -1
- package/dist/content-switcher.rtl.min.js +1 -1
- package/dist/{copy-button-9fb90a01.js → copy-button-07fadd2e.js} +1 -1
- package/dist/{copy-button-7a7bbaf8.js → copy-button-d62f4b6e.js} +1 -1
- package/dist/copy-button.min.js +1 -1
- package/dist/copy-button.rtl.min.js +1 -1
- package/dist/data-table.min.js +2 -2
- package/dist/data-table.rtl.min.js +2 -2
- package/dist/date-picker.min.js +3 -3
- package/dist/date-picker.rtl.min.js +3 -3
- package/dist/{dropdown-item-2d248e51.js → dropdown-item-0d7d9847.js} +1 -1
- package/dist/{dropdown-item-9c062c1c.js → dropdown-item-5ea25a90.js} +1 -1
- package/dist/dropdown.min.js +1 -1
- package/dist/dropdown.rtl.min.js +1 -1
- package/dist/file-uploader.min.js +2 -2
- package/dist/file-uploader.rtl.min.js +2 -2
- package/dist/{floating-menu-72acc1bc.js → floating-menu-14b01da2.js} +1 -1
- package/dist/floating-menu.min.js +1 -1
- package/dist/floating-menu.rtl.min.js +1 -1
- package/dist/form.min.js +1 -1
- package/dist/form.rtl.min.js +1 -1
- package/dist/inline-loading.min.js +2 -2
- package/dist/inline-loading.rtl.min.js +2 -2
- package/dist/{input-d66d0e9c.js → input-13d32d6b.js} +2 -2
- package/dist/{input-47f04966.js → input-e5ad8493.js} +2 -2
- package/dist/input.min.js +1 -1
- package/dist/input.rtl.min.js +1 -1
- package/dist/{link-f9de12ea.js → link-00bbdb76.js} +1 -1
- package/dist/{link-afe664a3.js → link-1e3fcabc.js} +1 -1
- package/dist/link.min.js +1 -1
- package/dist/link.rtl.min.js +1 -1
- package/dist/list.min.js +1 -1
- package/dist/list.rtl.min.js +1 -1
- package/dist/{loading-926a29f5.js → loading-2a5481c6.js} +1 -1
- package/dist/{loading-a1c01e84.js → loading-5f4a55c9.js} +1 -1
- package/dist/{loading-icon-9d1c486a.js → loading-icon-4be51b70.js} +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/loading.rtl.min.js +1 -1
- package/dist/modal.min.js +2 -2
- package/dist/modal.rtl.min.js +2 -2
- package/dist/multi-select.min.js +1 -1
- package/dist/multi-select.rtl.min.js +1 -1
- package/dist/notification.min.js +1 -1
- package/dist/notification.rtl.min.js +1 -1
- package/dist/number-input.min.js +2 -2
- package/dist/number-input.rtl.min.js +2 -2
- package/dist/overflow-menu.min.js +2 -2
- package/dist/overflow-menu.rtl.min.js +2 -2
- package/dist/pagination.min.js +1 -1
- package/dist/pagination.rtl.min.js +1 -1
- package/dist/progress-indicator.min.js +2 -12
- package/dist/progress-indicator.rtl.min.js +2 -12
- package/dist/radio-button.min.js +1 -1
- package/dist/radio-button.rtl.min.js +1 -1
- package/dist/{search-e6781408.js → search-7746f7ab.js} +1 -1
- package/dist/{search-f36f74c2.js → search-dc317efe.js} +1 -1
- package/dist/search.min.js +1 -1
- package/dist/search.rtl.min.js +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.rtl.min.js +1 -1
- package/dist/skeleton-placeholder.min.js +1 -1
- package/dist/skeleton-placeholder.rtl.min.js +1 -1
- package/dist/skeleton-text.min.js +1 -1
- package/dist/skeleton-text.rtl.min.js +1 -1
- package/dist/skip-to-content.min.js +1 -1
- package/dist/skip-to-content.rtl.min.js +1 -1
- package/dist/slider.min.js +1 -1
- package/dist/slider.rtl.min.js +1 -1
- package/dist/structured-list.min.js +1 -1
- package/dist/structured-list.rtl.min.js +1 -1
- package/dist/tabs.min.js +2 -2
- package/dist/tabs.rtl.min.js +2 -2
- package/dist/tag.min.js +1 -1
- package/dist/tag.rtl.min.js +1 -1
- package/dist/textarea.min.js +1 -1
- package/dist/textarea.rtl.min.js +1 -1
- package/dist/tile.min.js +1 -1
- package/dist/tile.rtl.min.js +1 -1
- package/dist/toggle.min.js +2 -2
- package/dist/toggle.rtl.min.js +2 -2
- package/dist/tooltip.min.js +2 -2
- package/dist/tooltip.rtl.min.js +2 -2
- package/dist/ui-shell.min.js +2 -2
- package/dist/ui-shell.rtl.min.js +2 -2
- package/es/components/accordion/accordion-item.js +19 -1
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js +5 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js +6 -1
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/button/button-skeleton.js +21 -1
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.js +34 -2
- package/es/components/button/button.js.map +1 -1
- package/es/components/checkbox/checkbox.js +18 -1
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js +5 -1
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.js +26 -5
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box.js +23 -2
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.js +11 -1
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.js +7 -1
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/copy-button/copy-button.js +15 -2
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/data-table/table-batch-actions.js +15 -1
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-skeleton.js.map +1 -1
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expand-row.js +10 -1
- package/es/components/data-table/table-expand-row.js.map +1 -1
- package/es/components/data-table/table-expanded-row.js +7 -1
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.js +12 -1
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-row.js +22 -1
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +8 -1
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js +4 -1
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.js +30 -2
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.js +12 -1
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/dropdown/dropdown-item.js +6 -1
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js +8 -1
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.js +72 -4
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/drop-container.js +16 -1
- package/es/components/file-uploader/drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js +29 -3
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader.js +12 -1
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +1 -1
- package/es/components/floating-menu/floating-menu.js +5 -2
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/inline-loading/inline-loading.js +14 -3
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/input/input.d.ts +1 -1
- package/es/components/input/input.js +48 -4
- package/es/components/input/input.js.map +1 -1
- package/es/components/link/link.js +26 -3
- package/es/components/link/link.js.map +1 -1
- package/es/components/list/list-item.js +8 -1
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/ordered-list.js +5 -1
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.js +5 -1
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading-icon.js +16 -1
- package/es/components/loading/loading-icon.js.map +1 -1
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.js +9 -1
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer.js +5 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.js +20 -1
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.js +19 -1
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.js +35 -3
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/inline-notification.js +27 -3
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/toast-notification.js +21 -2
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.js +4 -1
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +1 -1
- package/es/components/number-input/number-input.js +80 -6
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +16 -1
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +5 -1
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination/page-sizes-select.js +14 -1
- package/es/components/pagination/page-sizes-select.js.map +1 -1
- package/es/components/pagination/pages-select.js +25 -2
- package/es/components/pagination/pages-select.js.map +1 -1
- package/es/components/pagination/pagination.js +30 -1
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js +10 -1
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.js +19 -2
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js +4 -1
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/radio-button/radio-button.js +14 -1
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search-skeleton.js +4 -1
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.js +25 -1
- package/es/components/search/search.js.map +1 -1
- package/es/components/select/select.js +58 -4
- package/es/components/select/select.js.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.js +5 -1
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider-input.js +12 -1
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.js +12 -1
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.js +45 -1
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js +4 -1
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.js +14 -1
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.js +3 -1
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/tabs/tab-skeleton.js.map +1 -1
- package/es/components/tabs/tab.js +11 -1
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-skeleton.js +8 -1
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.js +26 -1
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/filter-tag.js +6 -1
- package/es/components/tag/filter-tag.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/textarea/textarea-skeleton.js +4 -1
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.js +32 -1
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/expandable-tile.js +17 -1
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.js +17 -1
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/toggle/toggle.js +33 -2
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/tooltip/tooltip-body.js +4 -1
- package/es/components/tooltip/tooltip-body.js.map +1 -1
- package/es/components/tooltip/tooltip-definition.js +8 -1
- package/es/components/tooltip/tooltip-definition.js.map +1 -1
- package/es/components/tooltip/tooltip-footer.js.map +1 -1
- package/es/components/tooltip/tooltip-icon.js +11 -1
- package/es/components/tooltip/tooltip-icon.js.map +1 -1
- package/es/components/tooltip/tooltip.js +4 -1
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/ui-shell/header-menu-button.js +10 -1
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu.js +19 -1
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.js +10 -2
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.js +11 -1
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.js +9 -1
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.js +16 -1
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +7 -1
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +30 -1
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/globals/internal/storybook-cdn.d.ts +1 -1
- package/es/globals/internal/storybook-cdn.js +2 -2
- package/es/globals/internal/storybook-cdn.js.map +1 -1
- package/package.json +4 -3
- package/scss/components/tag/tag.scss +4 -4
package/dist/textarea.rtl.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,_ as t,h as i,s as r,L as a}from"./settings-898bd7b0.js";import{c as o}from"./class-map-bd61e03f.js";import{s as n}from"./16-967865d0.js";import{i as l}from"./if-non-empty-f23befc6.js";import{i as d}from"./if-non-null-63ecd660.js";import{F as s}from"./form-80943f8c.js";import{V as c}from"./validity-d86ffa4f.js";import{F as b}from"./shared-enums-c6fe8c39.js";import{c as f}from"./carbon-element-18175602.js";import{p,q as x}from"./decorators-56213c84.js";import"./spread-989d7408.js";import"./if-defined-dd1fb04b.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";var u=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);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);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-area{background-color:var(--cds-field-01,#f4f4f4);border:none;border-bottom:1px solid var(--cds-ui-04,#8d8d8d);box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-long-01-font-size,.875rem);font-weight:var(--cds-body-long-01-font-weight,400);height:100%;letter-spacing:var(--cds-body-long-01-letter-spacing,.16px);line-height:var(--cds-body-long-01-line-height,1.42857);margin:0;min-height:2.5rem;min-width:10rem;outline:2px solid transparent;outline-offset:-2px;padding:.6875rem 1rem;resize:vertical;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--text-area *,.bx--text-area :after,.bx--text-area :before{box-sizing:inherit}.bx--text-area:active,.bx--text-area:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-area:active,.bx--text-area:focus{outline-style:dotted}}.bx--text-area::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);font-size:var(--cds-body-long-01-font-size,.875rem);font-weight:var(--cds-body-long-01-font-weight,400);letter-spacing:var(--cds-body-long-01-letter-spacing,.16px);line-height:var(--cds-body-long-01-line-height,1.42857);opacity:1}.bx--text-area::placeholder{color:var(--cds-text-05,#6f6f6f);font-size:var(--cds-body-long-01-font-size,.875rem);font-weight:var(--cds-body-long-01-font-weight,400);letter-spacing:var(--cds-body-long-01-letter-spacing,.16px);line-height:var(--cds-body-long-01-line-height,1.42857);opacity:1}.bx--text-area--light{background-color:var(--cds-field-02,#fff)}.bx--text-area--invalid{padding-left:2.5rem}.bx--text-area__wrapper{display:flex;position:relative;width:100%}.bx--text-area__invalid-icon{fill:var(--cds-support-01,#da1e28);left:1rem;position:absolute;top:.75rem}.bx--text-area:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;outline:none}.bx--text-area:disabled::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-area:disabled::placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-area.bx--text-area--light:disabled{background-color:var(--cds-field-02,#fff)}.bx--text-area.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:6.25rem;padding:0;pointer-events:none;position:relative}.bx--text-area.bx--skeleton:active,.bx--text-area.bx--skeleton:focus,.bx--text-area.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--text-area.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--text-area.bx--skeleton:before{animation:none}}.bx--text-area.bx--skeleton::-moz-placeholder{color:transparent}.bx--text-area.bx--skeleton::placeholder{color:transparent}.bx--text-area__label-wrapper{display:flex;justify-content:space-between;width:100%}:host(bx-textarea){outline:none}']);let m,h=e=>e;const{prefix:g}=r;t([f(`${g}-textarea`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"_handleInput",value:function({target:e}){this.value=e.value}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:t}=e,{disabled:i,name:r,value:a}=this;i||t.append(r,a)}},{kind:"field",decorators:[p()],key:"autocomplete",value:()=>""},{kind:"field",decorators:[p({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[p({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>b.REGULAR},{kind:"field",decorators:[p()],key:"cols",value:()=>50},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[p({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[p()],key:"id",value:()=>""},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[p({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[p()],key:"name",value:()=>""},{kind:"field",decorators:[p()],key:"pattern",value:()=>""},{kind:"field",decorators:[p({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[p({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"field",decorators:[p()],key:"rows",value:()=>4},{kind:"field",decorators:[p({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"field",decorators:[p()],key:"value",value:()=>""},{kind:"field",decorators:[x("textarea")],key:"_textarea",value:void 0},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const e=n({class:`${g}--text-area__invalid-icon`}),t=o({[`${g}--text-area`]:!0,[`${g}--text-area--v2`]:!0,[`${g}--text-area--${this.colorScheme}`]:this.colorScheme,[`${g}--text-area--invalid`]:this.invalid}),r=o({[`${g}--label`]:!0,[`${g}--label--disabled`]:this.disabled}),a=o({[`${g}--form__helper-text`]:!0,[`${g}--form__helper-text--disabled`]:this.disabled});return i(m||(m=h` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--text-area__wrapper" ?data-invalid="${0}"> ${0} <textarea ?autocomplete="${0}" ?autofocus="${0}" class="${0}" cols="${0}" ?data-invalid="${0}" ?disabled="${0}" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" rows="${0}" .value="${0}" @input="${0}"></textarea> </div> <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement"> <slot name="validity-message"> ${0} </slot> </div> `),r,this.labelText,g,this.invalid,this.invalid?e:null,this.autocomplete,this.autofocus,t,d(this.cols),this.invalid,this.disabled,l(this.name),l(this.pattern),l(this.placeholder),this.readonly,this.required,d(this.rows),this.value,this._handleInput,a,this.helperText,g,this.validityMessage)}},{kind:"field",static:!0,key:"styles",value:()=>u}]}}),c(s(a)));let v,y=e=>e;const{prefix:k}=r;t([f(`${k}-textarea-skeleton`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return i(v||(v=y` <span class="${0}--label ${0}--skeleton"></span> <div class="${0}--skeleton ${0}--text-area"></div> `),k,k,k,k)}},{kind:"field",static:!0,key:"styles",value:()=>u}]}}),a);
|
|
65
|
+
import{c as e,_ as t,h as i,s as r,L as a}from"./settings-898bd7b0.js";import{c as o}from"./class-map-bd61e03f.js";import{s as n}from"./16-967865d0.js";import{i as l}from"./if-non-empty-f23befc6.js";import{i as d}from"./if-non-null-63ecd660.js";import{F as s}from"./form-80943f8c.js";import{V as c}from"./validity-d86ffa4f.js";import{F as b}from"./shared-enums-c6fe8c39.js";import{c as f}from"./carbon-element-18175602.js";import{p,q as x}from"./decorators-56213c84.js";import"./spread-989d7408.js";import"./if-defined-dd1fb04b.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";var u=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);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);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-area{background-color:var(--cds-field-01,#f4f4f4);border:none;border-bottom:1px solid var(--cds-ui-04,#8d8d8d);box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-long-01-font-size,.875rem);font-weight:var(--cds-body-long-01-font-weight,400);height:100%;letter-spacing:var(--cds-body-long-01-letter-spacing,.16px);line-height:var(--cds-body-long-01-line-height,1.42857);margin:0;min-height:2.5rem;min-width:10rem;outline:2px solid transparent;outline-offset:-2px;padding:.6875rem 1rem;resize:vertical;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--text-area *,.bx--text-area :after,.bx--text-area :before{box-sizing:inherit}.bx--text-area:active,.bx--text-area:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-area:active,.bx--text-area:focus{outline-style:dotted}}.bx--text-area::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);font-size:var(--cds-body-long-01-font-size,.875rem);font-weight:var(--cds-body-long-01-font-weight,400);letter-spacing:var(--cds-body-long-01-letter-spacing,.16px);line-height:var(--cds-body-long-01-line-height,1.42857);opacity:1}.bx--text-area::placeholder{color:var(--cds-text-05,#6f6f6f);font-size:var(--cds-body-long-01-font-size,.875rem);font-weight:var(--cds-body-long-01-font-weight,400);letter-spacing:var(--cds-body-long-01-letter-spacing,.16px);line-height:var(--cds-body-long-01-line-height,1.42857);opacity:1}.bx--text-area--light{background-color:var(--cds-field-02,#fff)}.bx--text-area--invalid{padding-left:2.5rem}.bx--text-area__wrapper{display:flex;position:relative;width:100%}.bx--text-area__invalid-icon{fill:var(--cds-support-01,#da1e28);left:1rem;position:absolute;top:.75rem}.bx--text-area:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;outline:none}.bx--text-area:disabled::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-area:disabled::placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-area.bx--text-area--light:disabled{background-color:var(--cds-field-02,#fff)}.bx--text-area.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:6.25rem;padding:0;pointer-events:none;position:relative}.bx--text-area.bx--skeleton:active,.bx--text-area.bx--skeleton:focus,.bx--text-area.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--text-area.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--text-area.bx--skeleton:before{animation:none}}.bx--text-area.bx--skeleton::-moz-placeholder{color:transparent}.bx--text-area.bx--skeleton::placeholder{color:transparent}.bx--text-area__label-wrapper{display:flex;justify-content:space-between;width:100%}:host(bx-textarea){outline:none}']);let m,h=e=>e;const{prefix:g}=r;t([f(`${g}-textarea`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"_handleInput",value:function({target:e}){this.value=e.value}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:t}=e,{disabled:i,name:r,value:a}=this;i||t.append(r,a)}},{kind:"field",decorators:[p()],key:"autocomplete",value:()=>""},{kind:"field",decorators:[p({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[p({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>b.REGULAR},{kind:"field",decorators:[p()],key:"cols",value:()=>50},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[p({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[p()],key:"id",value:()=>""},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[p({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[p()],key:"name",value:()=>""},{kind:"field",decorators:[p()],key:"pattern",value:()=>""},{kind:"field",decorators:[p({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[p({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[p({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"field",decorators:[p()],key:"rows",value:()=>4},{kind:"field",decorators:[p({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"field",decorators:[p()],key:"value",value:()=>""},{kind:"field",decorators:[x("textarea")],key:"_textarea",value:void 0},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const e=n({class:`${g}--text-area__invalid-icon`}),t=o({[`${g}--text-area`]:!0,[`${g}--text-area--v2`]:!0,[`${g}--text-area--${this.colorScheme}`]:this.colorScheme,[`${g}--text-area--invalid`]:this.invalid}),r=o({[`${g}--label`]:!0,[`${g}--label--disabled`]:this.disabled}),a=o({[`${g}--form__helper-text`]:!0,[`${g}--form__helper-text--disabled`]:this.disabled});return i(m||(m=h`<label class="${0}" for="input"><slot name="label-text">${0}</slot></label><div class="${0}--text-area__wrapper" ?data-invalid="${0}">${0}<textarea ?autocomplete="${0}" ?autofocus="${0}" class="${0}" cols="${0}" ?data-invalid="${0}" ?disabled="${0}" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" rows="${0}" .value="${0}" @input="${0}"></textarea></div><div class="${0}"><slot name="helper-text">${0}</slot></div><div class="${0}--form-requirement"><slot name="validity-message">${0}</slot></div>`),r,this.labelText,g,this.invalid,this.invalid?e:null,this.autocomplete,this.autofocus,t,d(this.cols),this.invalid,this.disabled,l(this.name),l(this.pattern),l(this.placeholder),this.readonly,this.required,d(this.rows),this.value,this._handleInput,a,this.helperText,g,this.validityMessage)}},{kind:"field",static:!0,key:"styles",value:()=>u}]}}),c(s(a)));let v,y=e=>e;const{prefix:k}=r;t([f(`${k}-textarea-skeleton`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return i(v||(v=y`<span class="${0}--label ${0}--skeleton"></span><div class="${0}--skeleton ${0}--text-area"></div>`),k,k,k,k)}},{kind:"field",static:!0,key:"styles",value:()=>u}]}}),a);
|
package/dist/tile.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,_ as t,s as i,h as o,L as n,a as l}from"./settings-898bd7b0.js";import{c as a}from"./class-map-bd61e03f.js";import{B as r}from"./link-f9de12ea.js";import{F as s}from"./shared-enums-c6fe8c39.js";import{c}from"./carbon-element-18175602.js";import{p as d,q as b}from"./decorators-56213c84.js";import{_ as h}from"./objectSpread2-8dc8a158.js";import{i as f}from"./if-defined-dd1fb04b.js";import{s as x}from"./16-9e2c1ff1.js";import{H as u,a as p}from"./host-listener-01e0a787.js";import{F as v}from"./focus-1800056c.js";import{_ as g,a as k}from"./get-d229c408.js";import{N as m,R as y}from"./radio-group-manager-e095bcbf.js";import{s as _}from"./16-28bddc31.js";import{i as w}from"./if-non-null-63ecd660.js";import"./defineProperty-93eef18e.js";import"./spread-989d7408.js";import"./on-b85e61ad.js";var z=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes 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}}.bx--tile-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.bx--tile-group *,.bx--tile-group :after,.bx--tile-group :before{box-sizing:inherit}.bx--tile,:host(bx-expandable-tile),:host(bx-tile){background-color:var(--cds-ui-01,#f4f4f4);display:block;min-height:4rem;min-width:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-spacing-05,1rem)}.bx--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile:focus{outline-style:dotted}}.bx--tile--light,:host(bx-expandable-tile[color-scheme=light]),:host(bx-tile[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}.bx--tile--clickable,.bx--tile--expandable,.bx--tile--selectable,:host(bx-expandable-tile){cursor:pointer;transition:.15s cubic-bezier(.2,0,.38,.9)}.bx--tile--clickable:hover,.bx--tile--expandable:hover,.bx--tile--selectable:hover{background:var(--cds-hover-ui,#e5e5e5)}.bx--tile--expandable .bx--link,:host(bx-expandable-tile) .bx--link{color:var(--cds-link-secondary,#0043ce)}.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline-style:dotted}}.bx--tile--clickable:focus .bx--tile__checkmark,.bx--tile--clickable:hover .bx--tile__checkmark,.bx--tile--expandable:focus .bx--tile__checkmark,.bx--tile--expandable:hover .bx--tile__checkmark{opacity:1}.bx--tile--expandable::-moz-focus-inner{border:0}.bx--tile--clickable{border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--tile--clickable *,.bx--tile--clickable :after,.bx--tile--clickable :before{box-sizing:inherit}.bx--tile--clickable:active,.bx--tile--clickable:hover,.bx--tile--clickable:visited,.bx--tile--clickable:visited:hover{color:var(--cds-text-01,#161616);text-decoration:none}.bx--tile--clickable.bx--link--disabled{color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--clickable:hover.bx--link--disabled{background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);display:block}.bx--tile--selectable{border:1px solid transparent;padding-right:3rem;position:relative}.bx--tile__checkmark,.bx--tile__chevron{background:transparent;border:none;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.bx--tile__checkmark{height:1rem;opacity:0;right:1rem;top:1rem}.bx--tile__checkmark svg{fill:var(--cds-icon-02,#525252);border-radius:50%}.bx--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile__checkmark:focus{outline-style:dotted}}.bx--tile__checkmark--persistent{opacity:1}.bx--tile__chevron{align-items:flex-end;bottom:1rem;display:flex;height:1rem;position:absolute;right:1rem}.bx--tile__chevron svg{fill:var(--cds-ui-05,#161616);margin-left:.5rem;transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--tile__chevron svg{transition:none}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile__chevron svg{fill:ButtonText}}.bx--tile__chevron:hover{cursor:pointer}.bx--tile__chevron:focus{outline:none}.bx--tile--expandable,:host(bx-expandable-tile){border:0;color:inherit;font-size:inherit;overflow:hidden;position:relative;text-align:left;transition:max-height .15s cubic-bezier(.2,0,.38,.9);width:100%}.bx--tile-content__above-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-above-the-fold-content){display:block}.bx--tile-content__below-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.bx--tile--is-expanded,:host(bx-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.bx--tile--is-expanded .bx--tile__chevron svg,:host(bx-expandable-tile[expanded]) .bx--tile__chevron svg{transform:rotate(180deg)}.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{overflow-y:auto}}}.bx--tile--is-selected{border:1px solid var(--cds-ui-05,#161616)}.bx--tile--is-selected .bx--tile__checkmark{opacity:1}.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-ui-05,#161616)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile--is-selected .bx--tile__checkmark svg{fill:ButtonText}}.bx--tile-content{height:100%;width:100%}.bx--tile-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline-style:dotted}}.bx--tile--disabled.bx--tile--selectable{background-color:var(--cds-ui-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--tile--disabled.bx--tile--selectable.bx--tile--light{background-color:var(--cds-ui-02,#fff)}.bx--tile--disabled.bx--tile--is-selected{outline-color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--link{border:0;box-sizing:border-box;color:var(--cds-link-01,#0f62fe);display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;outline:none;padding:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.bx--link *,.bx--link :after,.bx--link :before{box-sizing:inherit}.bx--link:hover{color:var(--cds-hover-primary-text,#0043ce);text-decoration:underline}.bx--link:active,.bx--link:active:visited,.bx--link:active:visited:hover{color:var(--cds-text-01,#161616);text-decoration:underline}.bx--link:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--link:focus{outline-style:dotted}}.bx--link:visited{color:var(--cds-link-01,#0f62fe)}.bx--link:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link--disabled,.bx--link--disabled:hover{border:0;box-sizing:border-box;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--link--disabled *,.bx--link--disabled :after,.bx--link--disabled :before,.bx--link--disabled:hover *,.bx--link--disabled:hover :after,.bx--link--disabled:hover :before{box-sizing:inherit}.bx--link.bx--link--visited:visited{color:var(--cds-visited-link,#8a3ffc)}.bx--link.bx--link--visited:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link.bx--link--inline{text-decoration:underline}.bx--link.bx--link--inline:focus,.bx--link.bx--link--inline:visited{text-decoration:none}.bx--link--disabled.bx--link--inline{text-decoration:underline}.bx--link--sm{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)}.bx--link--lg{font-size:var(--cds-body-short-02-font-size,1rem);font-weight:var(--cds-body-short-02-font-weight,400);letter-spacing:var(--cds-body-short-02-letter-spacing,0);line-height:var(--cds-body-short-02-line-height,1.375)}.bx--link__icon{align-self:center;display:inline-flex;margin-left:var(--cds-spacing-03,.5rem)}:host(bx-clickable-tile){display:content;outline:none}:host(bx-clickable-tile) .bx--link--disabled{display:block}:host(bx-clickable-tile) .bx--tile,:host(bx-clickable-tile) :host(bx-expandable-tile),:host(bx-clickable-tile) :host(bx-tile){outline:2px solid transparent;padding:1rem}:host(bx-clickable-tile) .bx--tile--clickable{transition:.15s cubic-bezier(.2,0,.38,.9)}:host(bx-clickable-tile) .bx--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-clickable-tile) .bx--tile--clickable:focus{outline-style:dotted}}:host(bx-radio-tile){display:content;outline:none}:host(bx-selectable-tile){display:content;outline:none}:host(bx-radio-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark,:host(bx-selectable-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark{opacity:1}:host(bx-expandable-tile){position:relative}:host(bx-expandable-tile) .bx-ce--expandable-tile--below-the-fold-content{max-height:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}']);const{prefix:$}=i;t([c(`${$}-clickable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"get",key:"_classes",value:function(){const{colorScheme:e,disabled:t}=this;return a({[`${$}--link`]:!0,[`${$}--link--disabled`]:t,[`${$}--tile`]:!0,[`${$}--tile--clickable`]:!0,[`${$}--tile--${e}`]:e})}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({attribute:"link-role"})],key:"linkRole",value:()=>"button"},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),r);let C,j=e=>e;const{prefix:R}=i;t([c(`${R}-expandable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",key:"_belowTheContentHeight",value:()=>0},{kind:"method",key:"_handleSlotChangeBelowTheFoldContent",value:function(e){this._belowTheContentHeight=e.target.assignedNodes().reduce(((e,t)=>{var i;return e+(null!==(i=t.offsetHeight)&&void 0!==i?i:0)}),0),this.requestUpdate()}},{kind:"field",decorators:[p("click")],key:"_handleClick",value(){return()=>{const e=!this.expanded,t={bubbles:!0,composed:!0,detail:{expanded:e}},i=this.constructor,o=new CustomEvent(i.eventBeforeToggle,h(h({},t),{},{cancelable:!0}));if(this.dispatchEvent(o)){this.expanded=e;const o=new CustomEvent(i.eventToggle,t);this.dispatchEvent(o)}}}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"expanded",value:()=>!1},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{expanded:e,_belowTheContentHeight:t,_handleSlotChangeBelowTheFoldContent:i}=this;return o(C||(C=j` <button class="${0}--tile__chevron" aria-labelledby="above-the-fold-content" aria-controls="below-the-fold-content" aria-expanded="${0}"> ${0} </button> <div id="content" class="${0}--tile-content"> <div><slot name="above-the-fold-content"></slot></div> <div class="${0}-ce--expandable-tile--below-the-fold-content" style="${0}"> <slot @slotchange="${0}"></slot> </div> </div> `),R,String(Boolean(e)),x({id:"icon"}),R,R,f(e?`max-height: ${t}px`:void 0),i)}},{kind:"get",static:!0,key:"eventBeforeToggle",value:function(){return`${R}-expandable-tile-beingtoggled`}},{kind:"get",static:!0,key:"eventToggle",value:function(){return`${R}-expandable-tile-toggled`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),u(v(n)));let A,S,B=e=>e;const{prefix:T}=i;let F=t([c(`${T}-selectable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[b("input")],key:"_inputNode",value:void 0},{kind:"field",key:"_inputType",value:()=>"checkbox"},{kind:"method",key:"_handleChange",value:function(){this.selected=this._inputNode.checked;const e=this.selected,{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:e}}))}},{kind:"field",decorators:[d({attribute:"checkmark-label"})],key:"checkmarkLabel",value:void 0},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d()],key:"name",value:void 0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[d()],key:"value",value:void 0},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{checkmarkLabel:e,colorScheme:t,name:i,selected:n,value:r,_inputType:s,_handleChange:c}=this,d=a({[`${T}--tile`]:!0,[`${T}--tile--selectable`]:!0,[`${T}--tile--${t}`]:t});return o(A||(A=B` <input type="${0}" id="input" class="${0}--tile-input" tabindex="-1" name="${0}" value="${0}" .checked="${0}" @change="${0}"> <label for="input" class="${0}" tabindex="0"> <div class="${0}--tile__checkmark"> ${0} </div> <div class="${0}--tile-content"><slot></slot></div> </label> `),s,T,w(i),w(r),n,c,d,T,_({children:e?l(S||(S=B`<title>${0}</title>`),e):void 0}),T)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${T}-selectable-tile-changed`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),v(n));const{prefix:M}=i,N={ArrowUp:m.BACKWARD,Up:m.BACKWARD,ArrowDown:m.FORWARD,Down:m.FORWARD};t([c(`${M}-radio-tile`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",key:"_inputType",value:()=>"radio"},{kind:"method",key:"_attachManager",value:function(){this._manager||(this._manager=y.get(this.getRootNode({composed:!0})));const{name:e,_inputNode:t,_manager:i}=this;t&&e&&i.add(t)}},{kind:"method",key:"_detachManager",value:function(){const{_inputNode:e,_manager:t}=this;e&&t&&t.delete(e)}},{kind:"field",decorators:[p("keydown")],key:"_handleKeydown",value(){return e=>{const{_inputNode:t}=this,i=this._manager;if(t&&i){const o=N[e.key];o&&(i.select(i.navigate(t,o)),e.preventDefault())," "!==e.key&&"Enter"!==e.key||i.select(t)}}}},{kind:"method",key:"_handleChange",value:function(){g(k(i.prototype),"_handleChange",this).call(this),this._manager&&this._manager.select(this._inputNode)}},{kind:"method",key:"connectedCallback",value:function(){g(k(i.prototype),"connectedCallback",this).call(this),this._attachManager()}},{kind:"method",key:"disconnectedCallback",value:function(){this._detachManager(),g(k(i.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("name")&&this._detachManager(),!0}},{kind:"method",key:"updated",value:function(e){e.has("name")&&this._attachManager()}}]}}),u(F));let q,E=e=>e;const{prefix:X}=i;t([c(`${X}-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"method",key:"render",value:function(){return o(q||(q=E` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);let D,L=e=>e;const{prefix:U}=i;t([c(`${U}-tile-group`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","group"),g(k(i.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return o(D||(D=L` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);
|
|
65
|
+
import{c as e,_ as t,s as i,h as o,L as n,a as l}from"./settings-898bd7b0.js";import{c as a}from"./class-map-bd61e03f.js";import{B as r}from"./link-00bbdb76.js";import{F as s}from"./shared-enums-c6fe8c39.js";import{c}from"./carbon-element-18175602.js";import{p as d,q as b}from"./decorators-56213c84.js";import{_ as h}from"./objectSpread2-8dc8a158.js";import{i as f}from"./if-defined-dd1fb04b.js";import{s as x}from"./16-9e2c1ff1.js";import{H as u,a as p}from"./host-listener-01e0a787.js";import{F as v}from"./focus-1800056c.js";import{_ as g,a as k}from"./get-d229c408.js";import{N as m,R as y}from"./radio-group-manager-e095bcbf.js";import{s as _}from"./16-28bddc31.js";import{i as w}from"./if-non-null-63ecd660.js";import"./defineProperty-93eef18e.js";import"./spread-989d7408.js";import"./on-b85e61ad.js";var z=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes 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}}.bx--tile-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.bx--tile-group *,.bx--tile-group :after,.bx--tile-group :before{box-sizing:inherit}.bx--tile,:host(bx-expandable-tile),:host(bx-tile){background-color:var(--cds-ui-01,#f4f4f4);display:block;min-height:4rem;min-width:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-spacing-05,1rem)}.bx--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile:focus{outline-style:dotted}}.bx--tile--light,:host(bx-expandable-tile[color-scheme=light]),:host(bx-tile[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}.bx--tile--clickable,.bx--tile--expandable,.bx--tile--selectable,:host(bx-expandable-tile){cursor:pointer;transition:.15s cubic-bezier(.2,0,.38,.9)}.bx--tile--clickable:hover,.bx--tile--expandable:hover,.bx--tile--selectable:hover{background:var(--cds-hover-ui,#e5e5e5)}.bx--tile--expandable .bx--link,:host(bx-expandable-tile) .bx--link{color:var(--cds-link-secondary,#0043ce)}.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline-style:dotted}}.bx--tile--clickable:focus .bx--tile__checkmark,.bx--tile--clickable:hover .bx--tile__checkmark,.bx--tile--expandable:focus .bx--tile__checkmark,.bx--tile--expandable:hover .bx--tile__checkmark{opacity:1}.bx--tile--expandable::-moz-focus-inner{border:0}.bx--tile--clickable{border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--tile--clickable *,.bx--tile--clickable :after,.bx--tile--clickable :before{box-sizing:inherit}.bx--tile--clickable:active,.bx--tile--clickable:hover,.bx--tile--clickable:visited,.bx--tile--clickable:visited:hover{color:var(--cds-text-01,#161616);text-decoration:none}.bx--tile--clickable.bx--link--disabled{color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--clickable:hover.bx--link--disabled{background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);display:block}.bx--tile--selectable{border:1px solid transparent;padding-right:3rem;position:relative}.bx--tile__checkmark,.bx--tile__chevron{background:transparent;border:none;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.bx--tile__checkmark{height:1rem;opacity:0;right:1rem;top:1rem}.bx--tile__checkmark svg{fill:var(--cds-icon-02,#525252);border-radius:50%}.bx--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile__checkmark:focus{outline-style:dotted}}.bx--tile__checkmark--persistent{opacity:1}.bx--tile__chevron{align-items:flex-end;bottom:1rem;display:flex;height:1rem;position:absolute;right:1rem}.bx--tile__chevron svg{fill:var(--cds-ui-05,#161616);margin-left:.5rem;transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--tile__chevron svg{transition:none}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile__chevron svg{fill:ButtonText}}.bx--tile__chevron:hover{cursor:pointer}.bx--tile__chevron:focus{outline:none}.bx--tile--expandable,:host(bx-expandable-tile){border:0;color:inherit;font-size:inherit;overflow:hidden;position:relative;text-align:left;transition:max-height .15s cubic-bezier(.2,0,.38,.9);width:100%}.bx--tile-content__above-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-above-the-fold-content){display:block}.bx--tile-content__below-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.bx--tile--is-expanded,:host(bx-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.bx--tile--is-expanded .bx--tile__chevron svg,:host(bx-expandable-tile[expanded]) .bx--tile__chevron svg{transform:rotate(180deg)}.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{overflow-y:auto}}}.bx--tile--is-selected{border:1px solid var(--cds-ui-05,#161616)}.bx--tile--is-selected .bx--tile__checkmark{opacity:1}.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-ui-05,#161616)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile--is-selected .bx--tile__checkmark svg{fill:ButtonText}}.bx--tile-content{height:100%;width:100%}.bx--tile-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline-style:dotted}}.bx--tile--disabled.bx--tile--selectable{background-color:var(--cds-ui-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--tile--disabled.bx--tile--selectable.bx--tile--light{background-color:var(--cds-ui-02,#fff)}.bx--tile--disabled.bx--tile--is-selected{outline-color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--link{border:0;box-sizing:border-box;color:var(--cds-link-01,#0f62fe);display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;outline:none;padding:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.bx--link *,.bx--link :after,.bx--link :before{box-sizing:inherit}.bx--link:hover{color:var(--cds-hover-primary-text,#0043ce);text-decoration:underline}.bx--link:active,.bx--link:active:visited,.bx--link:active:visited:hover{color:var(--cds-text-01,#161616);text-decoration:underline}.bx--link:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--link:focus{outline-style:dotted}}.bx--link:visited{color:var(--cds-link-01,#0f62fe)}.bx--link:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link--disabled,.bx--link--disabled:hover{border:0;box-sizing:border-box;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--link--disabled *,.bx--link--disabled :after,.bx--link--disabled :before,.bx--link--disabled:hover *,.bx--link--disabled:hover :after,.bx--link--disabled:hover :before{box-sizing:inherit}.bx--link.bx--link--visited:visited{color:var(--cds-visited-link,#8a3ffc)}.bx--link.bx--link--visited:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link.bx--link--inline{text-decoration:underline}.bx--link.bx--link--inline:focus,.bx--link.bx--link--inline:visited{text-decoration:none}.bx--link--disabled.bx--link--inline{text-decoration:underline}.bx--link--sm{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)}.bx--link--lg{font-size:var(--cds-body-short-02-font-size,1rem);font-weight:var(--cds-body-short-02-font-weight,400);letter-spacing:var(--cds-body-short-02-letter-spacing,0);line-height:var(--cds-body-short-02-line-height,1.375)}.bx--link__icon{align-self:center;display:inline-flex;margin-left:var(--cds-spacing-03,.5rem)}:host(bx-clickable-tile){display:content;outline:none}:host(bx-clickable-tile) .bx--link--disabled{display:block}:host(bx-clickable-tile) .bx--tile,:host(bx-clickable-tile) :host(bx-expandable-tile),:host(bx-clickable-tile) :host(bx-tile){outline:2px solid transparent;padding:1rem}:host(bx-clickable-tile) .bx--tile--clickable{transition:.15s cubic-bezier(.2,0,.38,.9)}:host(bx-clickable-tile) .bx--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-clickable-tile) .bx--tile--clickable:focus{outline-style:dotted}}:host(bx-radio-tile){display:content;outline:none}:host(bx-selectable-tile){display:content;outline:none}:host(bx-radio-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark,:host(bx-selectable-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark{opacity:1}:host(bx-expandable-tile){position:relative}:host(bx-expandable-tile) .bx-ce--expandable-tile--below-the-fold-content{max-height:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}']);const{prefix:$}=i;t([c(`${$}-clickable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"get",key:"_classes",value:function(){const{colorScheme:e,disabled:t}=this;return a({[`${$}--link`]:!0,[`${$}--link--disabled`]:t,[`${$}--tile`]:!0,[`${$}--tile--clickable`]:!0,[`${$}--tile--${e}`]:e})}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({attribute:"link-role"})],key:"linkRole",value:()=>"button"},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),r);let C,j=e=>e;const{prefix:R}=i;t([c(`${R}-expandable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",key:"_belowTheContentHeight",value:()=>0},{kind:"method",key:"_handleSlotChangeBelowTheFoldContent",value:function(e){this._belowTheContentHeight=e.target.assignedNodes().reduce(((e,t)=>{var i;return e+(null!==(i=t.offsetHeight)&&void 0!==i?i:0)}),0),this.requestUpdate()}},{kind:"field",decorators:[p("click")],key:"_handleClick",value(){return()=>{const e=!this.expanded,t={bubbles:!0,composed:!0,detail:{expanded:e}},i=this.constructor,o=new CustomEvent(i.eventBeforeToggle,h(h({},t),{},{cancelable:!0}));if(this.dispatchEvent(o)){this.expanded=e;const o=new CustomEvent(i.eventToggle,t);this.dispatchEvent(o)}}}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"expanded",value:()=>!1},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{expanded:e,_belowTheContentHeight:t,_handleSlotChangeBelowTheFoldContent:i}=this;return o(C||(C=j`<button class="${0}--tile__chevron" aria-labelledby="above-the-fold-content" aria-controls="below-the-fold-content" aria-expanded="${0}">${0}</button><div id="content" class="${0}--tile-content"><div><slot name="above-the-fold-content"></slot></div><div class="${0}-ce--expandable-tile--below-the-fold-content" style="${0}"><slot @slotchange="${0}"></slot></div></div>`),R,String(Boolean(e)),x({id:"icon"}),R,R,f(e?`max-height: ${t}px`:void 0),i)}},{kind:"get",static:!0,key:"eventBeforeToggle",value:function(){return`${R}-expandable-tile-beingtoggled`}},{kind:"get",static:!0,key:"eventToggle",value:function(){return`${R}-expandable-tile-toggled`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),u(v(n)));let A,S,B=e=>e;const{prefix:T}=i;let F=t([c(`${T}-selectable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[b("input")],key:"_inputNode",value:void 0},{kind:"field",key:"_inputType",value:()=>"checkbox"},{kind:"method",key:"_handleChange",value:function(){this.selected=this._inputNode.checked;const e=this.selected,{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:e}}))}},{kind:"field",decorators:[d({attribute:"checkmark-label"})],key:"checkmarkLabel",value:void 0},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d()],key:"name",value:void 0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[d()],key:"value",value:void 0},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{checkmarkLabel:e,colorScheme:t,name:i,selected:n,value:r,_inputType:s,_handleChange:c}=this,d=a({[`${T}--tile`]:!0,[`${T}--tile--selectable`]:!0,[`${T}--tile--${t}`]:t});return o(A||(A=B`<input type="${0}" id="input" class="${0}--tile-input" tabindex="-1" name="${0}" value="${0}" .checked="${0}" @change="${0}"><label for="input" class="${0}" tabindex="0"><div class="${0}--tile__checkmark">${0}</div><div class="${0}--tile-content"><slot></slot></div></label>`),s,T,w(i),w(r),n,c,d,T,_({children:e?l(S||(S=B`<title>${0}</title>`),e):void 0}),T)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${T}-selectable-tile-changed`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),v(n));const{prefix:M}=i,N={ArrowUp:m.BACKWARD,Up:m.BACKWARD,ArrowDown:m.FORWARD,Down:m.FORWARD};t([c(`${M}-radio-tile`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",key:"_inputType",value:()=>"radio"},{kind:"method",key:"_attachManager",value:function(){this._manager||(this._manager=y.get(this.getRootNode({composed:!0})));const{name:e,_inputNode:t,_manager:i}=this;t&&e&&i.add(t)}},{kind:"method",key:"_detachManager",value:function(){const{_inputNode:e,_manager:t}=this;e&&t&&t.delete(e)}},{kind:"field",decorators:[p("keydown")],key:"_handleKeydown",value(){return e=>{const{_inputNode:t}=this,i=this._manager;if(t&&i){const o=N[e.key];o&&(i.select(i.navigate(t,o)),e.preventDefault())," "!==e.key&&"Enter"!==e.key||i.select(t)}}}},{kind:"method",key:"_handleChange",value:function(){g(k(i.prototype),"_handleChange",this).call(this),this._manager&&this._manager.select(this._inputNode)}},{kind:"method",key:"connectedCallback",value:function(){g(k(i.prototype),"connectedCallback",this).call(this),this._attachManager()}},{kind:"method",key:"disconnectedCallback",value:function(){this._detachManager(),g(k(i.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("name")&&this._detachManager(),!0}},{kind:"method",key:"updated",value:function(e){e.has("name")&&this._attachManager()}}]}}),u(F));let q,E=e=>e;const{prefix:X}=i;t([c(`${X}-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"method",key:"render",value:function(){return o(q||(q=E`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);let D,L=e=>e;const{prefix:U}=i;t([c(`${U}-tile-group`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","group"),g(k(i.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return o(D||(D=L`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);
|
package/dist/tile.rtl.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,_ as t,s as i,h as o,L as n,a as l}from"./settings-898bd7b0.js";import{c as a}from"./class-map-bd61e03f.js";import{B as r}from"./link-afe664a3.js";import{F as s}from"./shared-enums-c6fe8c39.js";import{c}from"./carbon-element-18175602.js";import{p as d,q as b}from"./decorators-56213c84.js";import{_ as h}from"./objectSpread2-8dc8a158.js";import{i as f}from"./if-defined-dd1fb04b.js";import{s as x}from"./16-8e34a1fb.js";import{H as u,a as p}from"./host-listener-01e0a787.js";import{F as v}from"./focus-1800056c.js";import{_ as g,a as k}from"./get-d229c408.js";import{N as m,R as y}from"./radio-group-manager-e095bcbf.js";import{s as _}from"./16-0941dd83.js";import{i as w}from"./if-non-null-63ecd660.js";import"./defineProperty-93eef18e.js";import"./spread-989d7408.js";import"./on-b85e61ad.js";var z=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--tile-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.bx--tile-group *,.bx--tile-group :after,.bx--tile-group :before{box-sizing:inherit}.bx--tile,:host(bx-expandable-tile),:host(bx-tile){background-color:var(--cds-ui-01,#f4f4f4);display:block;min-height:4rem;min-width:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-spacing-05,1rem)}.bx--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile:focus{outline-style:dotted}}.bx--tile--light,:host(bx-expandable-tile[color-scheme=light]),:host(bx-tile[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}.bx--tile--clickable,.bx--tile--expandable,.bx--tile--selectable,:host(bx-expandable-tile){cursor:pointer;transition:.15s cubic-bezier(.2,0,.38,.9)}.bx--tile--clickable:hover,.bx--tile--expandable:hover,.bx--tile--selectable:hover{background:var(--cds-hover-ui,#e5e5e5)}.bx--tile--expandable .bx--link,:host(bx-expandable-tile) .bx--link{color:var(--cds-link-secondary,#0043ce)}.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline-style:dotted}}.bx--tile--clickable:focus .bx--tile__checkmark,.bx--tile--clickable:hover .bx--tile__checkmark,.bx--tile--expandable:focus .bx--tile__checkmark,.bx--tile--expandable:hover .bx--tile__checkmark{opacity:1}.bx--tile--expandable::-moz-focus-inner{border:0}.bx--tile--clickable{border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--tile--clickable *,.bx--tile--clickable :after,.bx--tile--clickable :before{box-sizing:inherit}.bx--tile--clickable:active,.bx--tile--clickable:hover,.bx--tile--clickable:visited,.bx--tile--clickable:visited:hover{color:var(--cds-text-01,#161616);text-decoration:none}.bx--tile--clickable.bx--link--disabled{color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--clickable:hover.bx--link--disabled{background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);display:block}.bx--tile--selectable{border:1px solid transparent;padding-left:3rem;position:relative}.bx--tile__checkmark,.bx--tile__chevron{background:transparent;border:none;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.bx--tile__checkmark{height:1rem;left:1rem;opacity:0;top:1rem}.bx--tile__checkmark svg{fill:var(--cds-icon-02,#525252);border-radius:50%}.bx--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile__checkmark:focus{outline-style:dotted}}.bx--tile__checkmark--persistent{opacity:1}.bx--tile__chevron{align-items:flex-end;bottom:1rem;display:flex;height:1rem;left:1rem;position:absolute}.bx--tile__chevron svg{fill:var(--cds-ui-05,#161616);margin-right:.5rem;transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--tile__chevron svg{transition:none}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile__chevron svg{fill:ButtonText}}.bx--tile__chevron:hover{cursor:pointer}.bx--tile__chevron:focus{outline:none}.bx--tile--expandable,:host(bx-expandable-tile){border:0;color:inherit;font-size:inherit;overflow:hidden;position:relative;text-align:right;transition:max-height .15s cubic-bezier(.2,0,.38,.9);width:100%}.bx--tile-content__above-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-above-the-fold-content){display:block}.bx--tile-content__below-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.bx--tile--is-expanded,:host(bx-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.bx--tile--is-expanded .bx--tile__chevron svg,:host(bx-expandable-tile[expanded]) .bx--tile__chevron svg{transform:rotate(-180deg)}.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{overflow-y:auto}}}.bx--tile--is-selected{border:1px solid var(--cds-ui-05,#161616)}.bx--tile--is-selected .bx--tile__checkmark{opacity:1}.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-ui-05,#161616)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile--is-selected .bx--tile__checkmark svg{fill:ButtonText}}.bx--tile-content{height:100%;width:100%}.bx--tile-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline-style:dotted}}.bx--tile--disabled.bx--tile--selectable{background-color:var(--cds-ui-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--tile--disabled.bx--tile--selectable.bx--tile--light{background-color:var(--cds-ui-02,#fff)}.bx--tile--disabled.bx--tile--is-selected{outline-color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--link{border:0;box-sizing:border-box;color:var(--cds-link-01,#0f62fe);display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;outline:none;padding:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.bx--link *,.bx--link :after,.bx--link :before{box-sizing:inherit}.bx--link:hover{color:var(--cds-hover-primary-text,#0043ce);text-decoration:underline}.bx--link:active,.bx--link:active:visited,.bx--link:active:visited:hover{color:var(--cds-text-01,#161616);text-decoration:underline}.bx--link:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--link:focus{outline-style:dotted}}.bx--link:visited{color:var(--cds-link-01,#0f62fe)}.bx--link:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link--disabled,.bx--link--disabled:hover{border:0;box-sizing:border-box;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--link--disabled *,.bx--link--disabled :after,.bx--link--disabled :before,.bx--link--disabled:hover *,.bx--link--disabled:hover :after,.bx--link--disabled:hover :before{box-sizing:inherit}.bx--link.bx--link--visited:visited{color:var(--cds-visited-link,#8a3ffc)}.bx--link.bx--link--visited:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link.bx--link--inline{text-decoration:underline}.bx--link.bx--link--inline:focus,.bx--link.bx--link--inline:visited{text-decoration:none}.bx--link--disabled.bx--link--inline{text-decoration:underline}.bx--link--sm{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)}.bx--link--lg{font-size:var(--cds-body-short-02-font-size,1rem);font-weight:var(--cds-body-short-02-font-weight,400);letter-spacing:var(--cds-body-short-02-letter-spacing,0);line-height:var(--cds-body-short-02-line-height,1.375)}.bx--link__icon{align-self:center;display:inline-flex;margin-right:var(--cds-spacing-03,.5rem)}:host(bx-clickable-tile){display:content;outline:none}:host(bx-clickable-tile) .bx--link--disabled{display:block}:host(bx-clickable-tile) .bx--tile,:host(bx-clickable-tile) :host(bx-expandable-tile),:host(bx-clickable-tile) :host(bx-tile){outline:2px solid transparent;padding:1rem}:host(bx-clickable-tile) .bx--tile--clickable{transition:.15s cubic-bezier(.2,0,.38,.9)}:host(bx-clickable-tile) .bx--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-clickable-tile) .bx--tile--clickable:focus{outline-style:dotted}}:host(bx-radio-tile){display:content;outline:none}:host(bx-selectable-tile){display:content;outline:none}:host(bx-radio-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark,:host(bx-selectable-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark{opacity:1}:host(bx-expandable-tile){position:relative}:host(bx-expandable-tile) .bx-ce--expandable-tile--below-the-fold-content{max-height:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}']);const{prefix:$}=i;t([c(`${$}-clickable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"get",key:"_classes",value:function(){const{colorScheme:e,disabled:t}=this;return a({[`${$}--link`]:!0,[`${$}--link--disabled`]:t,[`${$}--tile`]:!0,[`${$}--tile--clickable`]:!0,[`${$}--tile--${e}`]:e})}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({attribute:"link-role"})],key:"linkRole",value:()=>"button"},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),r);let C,j=e=>e;const{prefix:R}=i;t([c(`${R}-expandable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",key:"_belowTheContentHeight",value:()=>0},{kind:"method",key:"_handleSlotChangeBelowTheFoldContent",value:function(e){this._belowTheContentHeight=e.target.assignedNodes().reduce(((e,t)=>{var i;return e+(null!==(i=t.offsetHeight)&&void 0!==i?i:0)}),0),this.requestUpdate()}},{kind:"field",decorators:[p("click")],key:"_handleClick",value(){return()=>{const e=!this.expanded,t={bubbles:!0,composed:!0,detail:{expanded:e}},i=this.constructor,o=new CustomEvent(i.eventBeforeToggle,h(h({},t),{},{cancelable:!0}));if(this.dispatchEvent(o)){this.expanded=e;const o=new CustomEvent(i.eventToggle,t);this.dispatchEvent(o)}}}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"expanded",value:()=>!1},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{expanded:e,_belowTheContentHeight:t,_handleSlotChangeBelowTheFoldContent:i}=this;return o(C||(C=j` <button class="${0}--tile__chevron" aria-labelledby="above-the-fold-content" aria-controls="below-the-fold-content" aria-expanded="${0}"> ${0} </button> <div id="content" class="${0}--tile-content"> <div><slot name="above-the-fold-content"></slot></div> <div class="${0}-ce--expandable-tile--below-the-fold-content" style="${0}"> <slot @slotchange="${0}"></slot> </div> </div> `),R,String(Boolean(e)),x({id:"icon"}),R,R,f(e?`max-height: ${t}px`:void 0),i)}},{kind:"get",static:!0,key:"eventBeforeToggle",value:function(){return`${R}-expandable-tile-beingtoggled`}},{kind:"get",static:!0,key:"eventToggle",value:function(){return`${R}-expandable-tile-toggled`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),u(v(n)));let A,S,B=e=>e;const{prefix:T}=i;let F=t([c(`${T}-selectable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[b("input")],key:"_inputNode",value:void 0},{kind:"field",key:"_inputType",value:()=>"checkbox"},{kind:"method",key:"_handleChange",value:function(){this.selected=this._inputNode.checked;const e=this.selected,{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:e}}))}},{kind:"field",decorators:[d({attribute:"checkmark-label"})],key:"checkmarkLabel",value:void 0},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d()],key:"name",value:void 0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[d()],key:"value",value:void 0},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{checkmarkLabel:e,colorScheme:t,name:i,selected:n,value:r,_inputType:s,_handleChange:c}=this,d=a({[`${T}--tile`]:!0,[`${T}--tile--selectable`]:!0,[`${T}--tile--${t}`]:t});return o(A||(A=B` <input type="${0}" id="input" class="${0}--tile-input" tabindex="-1" name="${0}" value="${0}" .checked="${0}" @change="${0}"> <label for="input" class="${0}" tabindex="0"> <div class="${0}--tile__checkmark"> ${0} </div> <div class="${0}--tile-content"><slot></slot></div> </label> `),s,T,w(i),w(r),n,c,d,T,_({children:e?l(S||(S=B`<title>${0}</title>`),e):void 0}),T)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${T}-selectable-tile-changed`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),v(n));const{prefix:M}=i,N={ArrowUp:m.BACKWARD,Up:m.BACKWARD,ArrowDown:m.FORWARD,Down:m.FORWARD};t([c(`${M}-radio-tile`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",key:"_inputType",value:()=>"radio"},{kind:"method",key:"_attachManager",value:function(){this._manager||(this._manager=y.get(this.getRootNode({composed:!0})));const{name:e,_inputNode:t,_manager:i}=this;t&&e&&i.add(t)}},{kind:"method",key:"_detachManager",value:function(){const{_inputNode:e,_manager:t}=this;e&&t&&t.delete(e)}},{kind:"field",decorators:[p("keydown")],key:"_handleKeydown",value(){return e=>{const{_inputNode:t}=this,i=this._manager;if(t&&i){const o=N[e.key];o&&(i.select(i.navigate(t,o)),e.preventDefault())," "!==e.key&&"Enter"!==e.key||i.select(t)}}}},{kind:"method",key:"_handleChange",value:function(){g(k(i.prototype),"_handleChange",this).call(this),this._manager&&this._manager.select(this._inputNode)}},{kind:"method",key:"connectedCallback",value:function(){g(k(i.prototype),"connectedCallback",this).call(this),this._attachManager()}},{kind:"method",key:"disconnectedCallback",value:function(){this._detachManager(),g(k(i.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("name")&&this._detachManager(),!0}},{kind:"method",key:"updated",value:function(e){e.has("name")&&this._attachManager()}}]}}),u(F));let q,E=e=>e;const{prefix:X}=i;t([c(`${X}-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"method",key:"render",value:function(){return o(q||(q=E` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);let D,L=e=>e;const{prefix:U}=i;t([c(`${U}-tile-group`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","group"),g(k(i.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return o(D||(D=L` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);
|
|
65
|
+
import{c as e,_ as t,s as i,h as o,L as n,a as l}from"./settings-898bd7b0.js";import{c as a}from"./class-map-bd61e03f.js";import{B as r}from"./link-1e3fcabc.js";import{F as s}from"./shared-enums-c6fe8c39.js";import{c}from"./carbon-element-18175602.js";import{p as d,q as b}from"./decorators-56213c84.js";import{_ as h}from"./objectSpread2-8dc8a158.js";import{i as f}from"./if-defined-dd1fb04b.js";import{s as x}from"./16-8e34a1fb.js";import{H as u,a as p}from"./host-listener-01e0a787.js";import{F as v}from"./focus-1800056c.js";import{_ as g,a as k}from"./get-d229c408.js";import{N as m,R as y}from"./radio-group-manager-e095bcbf.js";import{s as _}from"./16-0941dd83.js";import{i as w}from"./if-non-null-63ecd660.js";import"./defineProperty-93eef18e.js";import"./spread-989d7408.js";import"./on-b85e61ad.js";var z=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--tile-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.bx--tile-group *,.bx--tile-group :after,.bx--tile-group :before{box-sizing:inherit}.bx--tile,:host(bx-expandable-tile),:host(bx-tile){background-color:var(--cds-ui-01,#f4f4f4);display:block;min-height:4rem;min-width:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-spacing-05,1rem)}.bx--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile:focus{outline-style:dotted}}.bx--tile--light,:host(bx-expandable-tile[color-scheme=light]),:host(bx-tile[color-scheme=light]){background-color:var(--cds-ui-02,#fff)}.bx--tile--clickable,.bx--tile--expandable,.bx--tile--selectable,:host(bx-expandable-tile){cursor:pointer;transition:.15s cubic-bezier(.2,0,.38,.9)}.bx--tile--clickable:hover,.bx--tile--expandable:hover,.bx--tile--selectable:hover{background:var(--cds-hover-ui,#e5e5e5)}.bx--tile--expandable .bx--link,:host(bx-expandable-tile) .bx--link{color:var(--cds-link-secondary,#0043ce)}.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile--clickable:focus,.bx--tile--expandable:focus{outline-style:dotted}}.bx--tile--clickable:focus .bx--tile__checkmark,.bx--tile--clickable:hover .bx--tile__checkmark,.bx--tile--expandable:focus .bx--tile__checkmark,.bx--tile--expandable:hover .bx--tile__checkmark{opacity:1}.bx--tile--expandable::-moz-focus-inner{border:0}.bx--tile--clickable{border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--tile--clickable *,.bx--tile--clickable :after,.bx--tile--clickable :before{box-sizing:inherit}.bx--tile--clickable:active,.bx--tile--clickable:hover,.bx--tile--clickable:visited,.bx--tile--clickable:visited:hover{color:var(--cds-text-01,#161616);text-decoration:none}.bx--tile--clickable.bx--link--disabled{color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--clickable:hover.bx--link--disabled{background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);display:block}.bx--tile--selectable{border:1px solid transparent;padding-left:3rem;position:relative}.bx--tile__checkmark,.bx--tile__chevron{background:transparent;border:none;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.bx--tile__checkmark{height:1rem;left:1rem;opacity:0;top:1rem}.bx--tile__checkmark svg{fill:var(--cds-icon-02,#525252);border-radius:50%}.bx--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile__checkmark:focus{outline-style:dotted}}.bx--tile__checkmark--persistent{opacity:1}.bx--tile__chevron{align-items:flex-end;bottom:1rem;display:flex;height:1rem;left:1rem;position:absolute}.bx--tile__chevron svg{fill:var(--cds-ui-05,#161616);margin-right:.5rem;transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--tile__chevron svg{transition:none}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile__chevron svg{fill:ButtonText}}.bx--tile__chevron:hover{cursor:pointer}.bx--tile__chevron:focus{outline:none}.bx--tile--expandable,:host(bx-expandable-tile){border:0;color:inherit;font-size:inherit;overflow:hidden;position:relative;text-align:right;transition:max-height .15s cubic-bezier(.2,0,.38,.9);width:100%}.bx--tile-content__above-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-above-the-fold-content){display:block}.bx--tile-content__below-the-fold,:host(bx-expandable-tile) ::slotted(bx-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.bx--tile--is-expanded,:host(bx-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.bx--tile--is-expanded .bx--tile__chevron svg,:host(bx-expandable-tile[expanded]) .bx--tile__chevron svg{transform:rotate(-180deg)}.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tile--is-expanded .bx--tile-content__below-the-fold,:host(bx-expandable-tile) .bx--tile--is-expanded ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile) :host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content),:host(bx-expandable-tile[expanded]) .bx--tile-content__below-the-fold{overflow-y:auto}}}.bx--tile--is-selected{border:1px solid var(--cds-ui-05,#161616)}.bx--tile--is-selected .bx--tile__checkmark{opacity:1}.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-ui-05,#161616)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--tile--is-selected .bx--tile__checkmark svg{fill:ButtonText}}.bx--tile-content{height:100%;width:100%}.bx--tile-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tile-input:focus+.bx--tile,.bx--tile-input:focus+:host(bx-expandable-tile),.bx--tile-input:focus+:host(bx-tile){outline-style:dotted}}.bx--tile--disabled.bx--tile--selectable{background-color:var(--cds-ui-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--tile--disabled.bx--tile--selectable.bx--tile--light{background-color:var(--cds-ui-02,#fff)}.bx--tile--disabled.bx--tile--is-selected{outline-color:var(--cds-disabled-02,#c6c6c6)}.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--link{border:0;box-sizing:border-box;color:var(--cds-link-01,#0f62fe);display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;outline:none;padding:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.bx--link *,.bx--link :after,.bx--link :before{box-sizing:inherit}.bx--link:hover{color:var(--cds-hover-primary-text,#0043ce);text-decoration:underline}.bx--link:active,.bx--link:active:visited,.bx--link:active:visited:hover{color:var(--cds-text-01,#161616);text-decoration:underline}.bx--link:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--link:focus{outline-style:dotted}}.bx--link:visited{color:var(--cds-link-01,#0f62fe)}.bx--link:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link--disabled,.bx--link--disabled:hover{border:0;box-sizing:border-box;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.bx--link--disabled *,.bx--link--disabled :after,.bx--link--disabled :before,.bx--link--disabled:hover *,.bx--link--disabled:hover :after,.bx--link--disabled:hover :before{box-sizing:inherit}.bx--link.bx--link--visited:visited{color:var(--cds-visited-link,#8a3ffc)}.bx--link.bx--link--visited:visited:hover{color:var(--cds-hover-primary-text,#0043ce)}.bx--link.bx--link--inline{text-decoration:underline}.bx--link.bx--link--inline:focus,.bx--link.bx--link--inline:visited{text-decoration:none}.bx--link--disabled.bx--link--inline{text-decoration:underline}.bx--link--sm{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)}.bx--link--lg{font-size:var(--cds-body-short-02-font-size,1rem);font-weight:var(--cds-body-short-02-font-weight,400);letter-spacing:var(--cds-body-short-02-letter-spacing,0);line-height:var(--cds-body-short-02-line-height,1.375)}.bx--link__icon{align-self:center;display:inline-flex;margin-right:var(--cds-spacing-03,.5rem)}:host(bx-clickable-tile){display:content;outline:none}:host(bx-clickable-tile) .bx--link--disabled{display:block}:host(bx-clickable-tile) .bx--tile,:host(bx-clickable-tile) :host(bx-expandable-tile),:host(bx-clickable-tile) :host(bx-tile){outline:2px solid transparent;padding:1rem}:host(bx-clickable-tile) .bx--tile--clickable{transition:.15s cubic-bezier(.2,0,.38,.9)}:host(bx-clickable-tile) .bx--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-clickable-tile) .bx--tile--clickable:focus{outline-style:dotted}}:host(bx-radio-tile){display:content;outline:none}:host(bx-selectable-tile){display:content;outline:none}:host(bx-radio-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark,:host(bx-selectable-tile) .bx--tile-input:checked~.bx--tile--selectable .bx--tile__checkmark{opacity:1}:host(bx-expandable-tile){position:relative}:host(bx-expandable-tile) .bx-ce--expandable-tile--below-the-fold-content{max-height:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(bx-expandable-tile[expanded]) ::slotted(bx-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}']);const{prefix:$}=i;t([c(`${$}-clickable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"get",key:"_classes",value:function(){const{colorScheme:e,disabled:t}=this;return a({[`${$}--link`]:!0,[`${$}--link--disabled`]:t,[`${$}--tile`]:!0,[`${$}--tile--clickable`]:!0,[`${$}--tile--${e}`]:e})}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({attribute:"link-role"})],key:"linkRole",value:()=>"button"},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),r);let C,j=e=>e;const{prefix:R}=i;t([c(`${R}-expandable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",key:"_belowTheContentHeight",value:()=>0},{kind:"method",key:"_handleSlotChangeBelowTheFoldContent",value:function(e){this._belowTheContentHeight=e.target.assignedNodes().reduce(((e,t)=>{var i;return e+(null!==(i=t.offsetHeight)&&void 0!==i?i:0)}),0),this.requestUpdate()}},{kind:"field",decorators:[p("click")],key:"_handleClick",value(){return()=>{const e=!this.expanded,t={bubbles:!0,composed:!0,detail:{expanded:e}},i=this.constructor,o=new CustomEvent(i.eventBeforeToggle,h(h({},t),{},{cancelable:!0}));if(this.dispatchEvent(o)){this.expanded=e;const o=new CustomEvent(i.eventToggle,t);this.dispatchEvent(o)}}}},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"expanded",value:()=>!1},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{expanded:e,_belowTheContentHeight:t,_handleSlotChangeBelowTheFoldContent:i}=this;return o(C||(C=j`<button class="${0}--tile__chevron" aria-labelledby="above-the-fold-content" aria-controls="below-the-fold-content" aria-expanded="${0}">${0}</button><div id="content" class="${0}--tile-content"><div><slot name="above-the-fold-content"></slot></div><div class="${0}-ce--expandable-tile--below-the-fold-content" style="${0}"><slot @slotchange="${0}"></slot></div></div>`),R,String(Boolean(e)),x({id:"icon"}),R,R,f(e?`max-height: ${t}px`:void 0),i)}},{kind:"get",static:!0,key:"eventBeforeToggle",value:function(){return`${R}-expandable-tile-beingtoggled`}},{kind:"get",static:!0,key:"eventToggle",value:function(){return`${R}-expandable-tile-toggled`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),u(v(n)));let A,S,B=e=>e;const{prefix:T}=i;let F=t([c(`${T}-selectable-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[b("input")],key:"_inputNode",value:void 0},{kind:"field",key:"_inputType",value:()=>"checkbox"},{kind:"method",key:"_handleChange",value:function(){this.selected=this._inputNode.checked;const e=this.selected,{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:e}}))}},{kind:"field",decorators:[d({attribute:"checkmark-label"})],key:"checkmarkLabel",value:void 0},{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"field",decorators:[d()],key:"name",value:void 0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[d()],key:"value",value:void 0},{kind:"method",key:"createRenderRoot",value:function(){var e;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(e=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==e?e:["",0])[1])<=537})}},{kind:"method",key:"render",value:function(){const{checkmarkLabel:e,colorScheme:t,name:i,selected:n,value:r,_inputType:s,_handleChange:c}=this,d=a({[`${T}--tile`]:!0,[`${T}--tile--selectable`]:!0,[`${T}--tile--${t}`]:t});return o(A||(A=B`<input type="${0}" id="input" class="${0}--tile-input" tabindex="-1" name="${0}" value="${0}" .checked="${0}" @change="${0}"><label for="input" class="${0}" tabindex="0"><div class="${0}--tile__checkmark">${0}</div><div class="${0}--tile-content"><slot></slot></div></label>`),s,T,w(i),w(r),n,c,d,T,_({children:e?l(S||(S=B`<title>${0}</title>`),e):void 0}),T)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${T}-selectable-tile-changed`}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),v(n));const{prefix:M}=i,N={ArrowUp:m.BACKWARD,Up:m.BACKWARD,ArrowDown:m.FORWARD,Down:m.FORWARD};t([c(`${M}-radio-tile`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",key:"_inputType",value:()=>"radio"},{kind:"method",key:"_attachManager",value:function(){this._manager||(this._manager=y.get(this.getRootNode({composed:!0})));const{name:e,_inputNode:t,_manager:i}=this;t&&e&&i.add(t)}},{kind:"method",key:"_detachManager",value:function(){const{_inputNode:e,_manager:t}=this;e&&t&&t.delete(e)}},{kind:"field",decorators:[p("keydown")],key:"_handleKeydown",value(){return e=>{const{_inputNode:t}=this,i=this._manager;if(t&&i){const o=N[e.key];o&&(i.select(i.navigate(t,o)),e.preventDefault())," "!==e.key&&"Enter"!==e.key||i.select(t)}}}},{kind:"method",key:"_handleChange",value:function(){g(k(i.prototype),"_handleChange",this).call(this),this._manager&&this._manager.select(this._inputNode)}},{kind:"method",key:"connectedCallback",value:function(){g(k(i.prototype),"connectedCallback",this).call(this),this._attachManager()}},{kind:"method",key:"disconnectedCallback",value:function(){this._detachManager(),g(k(i.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("name")&&this._detachManager(),!0}},{kind:"method",key:"updated",value:function(e){e.has("name")&&this._attachManager()}}]}}),u(F));let q,E=e=>e;const{prefix:X}=i;t([c(`${X}-tile`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[d({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>s.REGULAR},{kind:"method",key:"render",value:function(){return o(q||(q=E`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);let D,L=e=>e;const{prefix:U}=i;t([c(`${U}-tile-group`)],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","group"),g(k(i.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){return o(D||(D=L`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>z}]}}),n);
|
package/dist/toggle.min.js
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-
|
|
65
|
+
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-61c8aa71.js";import{c as g}from"./carbon-element-18175602.js";import{p as b}from"./decorators-56213c84.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
|
@@ -70,4 +70,4 @@ let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c a
|
|
|
70
70
|
*
|
|
71
71
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
72
|
* LICENSE file in the root directory of this source tree.
|
|
73
|
-
*/!function(e){e.REGULAR="",e.SMALL="small"}(e||(e={}));var s=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes 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}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);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);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle:focus{outline:none}.bx--toggle__label{align-items:center;cursor:pointer;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.5rem 0;position:relative}.bx--toggle__appearance{height:1.5rem;position:relative;width:3rem}.bx--toggle__appearance:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__appearance:before{transition:none}}.bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle__check{fill:var(--cds-icon-03,#fff);height:.3125rem;left:.375rem;position:absolute;top:.375rem;transform:scale(.2);transition:70ms cubic-bezier(.2,0,1,.9);width:.375rem;z-index:1}.bx--toggle__text--left,.bx--toggle__text--right{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-left:.5rem;position:relative}.bx--toggle__text--left{left:3rem;position:absolute}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--right{visibility:hidden}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--right,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--left{display:inline}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-support-02,#198038)}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);transform:translateX(1.5rem)}.bx--toggle+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:0 0 0 1px transparent,0 0 0 3px transparent}.bx--toggle:active+.bx--toggle__label .bx--toggle__appearance:before,.bx--toggle:focus+.bx--toggle__label{box-shadow:0 0 0 1px var(--cds-ui-03,#e0e0e0),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle:disabled+.bx--toggle__label{cursor:not-allowed}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{transition:none}}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--right{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled:active+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:none}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__check{fill:var(--cds-disabled-02,#c6c6c6)}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance{height:1rem;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:before{border-radius:.9375rem;box-sizing:border-box;height:1rem;top:0;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:after{height:.625rem;left:.1875rem;top:.1875rem;width:.625rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(1rem)}.bx--toggle--small+.bx--toggle__label .bx--toggle__text--left{left:2rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__appearance:after{margin-left:0;transform:translateX(1.0625rem)}.bx--toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle-input:focus{outline:none}.bx--toggle-input__label{align-items:flex-start;color:var(--cds-text-02,#525252);cursor:pointer;display:flex;flex-direction:column;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--toggle__switch{align-items:center;cursor:pointer;display:flex;height:1.5rem;position:relative;width:3rem}.bx--toggle__switch:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__switch:before{transition:none}}.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";display:block;height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle-input__label .bx--toggle__switch{margin-top:1rem}.bx--toggle__text--off,.bx--toggle__text--on{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-left:3.5rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--off,.bx--toggle-input:not(:checked)+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--on{visibility:hidden}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-support-02,#198038)}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);transform:translateX(1.5rem)}.bx--toggle-input:active+.bx--toggle-input__label>.bx--toggle__switch:before,.bx--toggle-input:focus+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:0 0 0 1px var(--cds-ui-02,#fff),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle-input:disabled+.bx--toggle-input__label{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch{cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-disabled-03,#8d8d8d)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{transition:none}}.bx--toggle-input:disabled:active+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:none}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch{height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:before{border-radius:.9375rem;height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:after{height:.625rem;width:.625rem}.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--off,.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--on{margin-left:2.5rem}.bx--toggle-input--small:checked+.bx--toggle-input__label>.bx--toggle__switch:after{transform:translateX(1.0625rem)}.bx--toggle-input--small:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(1rem)}.bx--toggle-input--small:disabled:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-disabled-01,#f4f4f4)}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:3rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1.5rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:2rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.5rem;padding:0;pointer-events:none;position:relative;position:absolute;width:1rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{left:2rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:after,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:before,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:after{display:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{border-radius:0}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--toggle__switch:before{outline:1px solid transparent}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle__switch:after{background-color:ButtonText;outline:1px solid transparent}}:host(bx-toggle){outline:none}:host(bx-toggle) .bx-toggle--check{height:5px;width:6px}']);let d,c,x=e=>e;const{prefix:p}=l;o([g(`${p}-toggle`)],(function(t,o){return{F:class extends o{constructor(...e){super(...e),t(this)}},d:[{kind:"method",key:"_renderCheckmark",value:function(){if(this.size===e.SMALL)return i(d||(d=x` <svg class="${0}--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"> <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/> </svg> `),p)}},{kind:"field",decorators:[b({attribute:"checked-text"})],key:"checkedText",value:()=>""},{kind:"field",decorators:[b({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[b({attribute:"unchecked-text"})],key:"uncheckedText",value:()=>""},{kind:"method",key:"render",value:function(){const{checked:e,checkedText:t,disabled:o,labelText:l,name:a,size:g,uncheckedText:b,value:s,_handleChange:d}=this,f=n({[`${p}--toggle-input`]:!0,[`${p}--toggle-input--${g}`]:g});return i(c||(c=x` <input id="checkbox" type="checkbox" class="${0}" aria-checked="${0}" .checked="${0}" ?disabled="${0}" name="${0}" value="${0}" @change="${0}"> <label for="checkbox" class="${0}--toggle-input__label"> <slot name="label-text">${0}</slot> <span class="${0}--toggle__switch"> ${0} <span class="${0}--toggle__text--off" aria-hidden="true"> <slot name="unchecked-text">${0}</slot> </span> <span class="${0}--toggle__text--on" aria-hidden="true"> <slot name="checked-text">${0}</slot> </span> </span> </label> `),f,String(Boolean(e)),e,o,r(a),r(s),d,p,l,p,this._renderCheckmark(),p,b,p,t)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${p}-toggle-changed`}},{kind:"field",static:!0,key:"styles",value:()=>s}]}}),a);
|
|
73
|
+
*/!function(e){e.REGULAR="",e.SMALL="small"}(e||(e={}));var s=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes 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}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);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);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle:focus{outline:none}.bx--toggle__label{align-items:center;cursor:pointer;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.5rem 0;position:relative}.bx--toggle__appearance{height:1.5rem;position:relative;width:3rem}.bx--toggle__appearance:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__appearance:before{transition:none}}.bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle__check{fill:var(--cds-icon-03,#fff);height:.3125rem;left:.375rem;position:absolute;top:.375rem;transform:scale(.2);transition:70ms cubic-bezier(.2,0,1,.9);width:.375rem;z-index:1}.bx--toggle__text--left,.bx--toggle__text--right{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-left:.5rem;position:relative}.bx--toggle__text--left{left:3rem;position:absolute}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--right{visibility:hidden}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--right,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--left{display:inline}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-support-02,#198038)}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);transform:translateX(1.5rem)}.bx--toggle+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:0 0 0 1px transparent,0 0 0 3px transparent}.bx--toggle:active+.bx--toggle__label .bx--toggle__appearance:before,.bx--toggle:focus+.bx--toggle__label{box-shadow:0 0 0 1px var(--cds-ui-03,#e0e0e0),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle:disabled+.bx--toggle__label{cursor:not-allowed}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{transition:none}}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--right{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled:active+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:none}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__check{fill:var(--cds-disabled-02,#c6c6c6)}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance{height:1rem;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:before{border-radius:.9375rem;box-sizing:border-box;height:1rem;top:0;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:after{height:.625rem;left:.1875rem;top:.1875rem;width:.625rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(1rem)}.bx--toggle--small+.bx--toggle__label .bx--toggle__text--left{left:2rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__appearance:after{margin-left:0;transform:translateX(1.0625rem)}.bx--toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle-input:focus{outline:none}.bx--toggle-input__label{align-items:flex-start;color:var(--cds-text-02,#525252);cursor:pointer;display:flex;flex-direction:column;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--toggle__switch{align-items:center;cursor:pointer;display:flex;height:1.5rem;position:relative;width:3rem}.bx--toggle__switch:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__switch:before{transition:none}}.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";display:block;height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle-input__label .bx--toggle__switch{margin-top:1rem}.bx--toggle__text--off,.bx--toggle__text--on{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-left:3.5rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--off,.bx--toggle-input:not(:checked)+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--on{visibility:hidden}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-support-02,#198038)}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);transform:translateX(1.5rem)}.bx--toggle-input:active+.bx--toggle-input__label>.bx--toggle__switch:before,.bx--toggle-input:focus+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:0 0 0 1px var(--cds-ui-02,#fff),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle-input:disabled+.bx--toggle-input__label{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch{cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-disabled-03,#8d8d8d)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{transition:none}}.bx--toggle-input:disabled:active+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:none}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch{height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:before{border-radius:.9375rem;height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:after{height:.625rem;width:.625rem}.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--off,.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--on{margin-left:2.5rem}.bx--toggle-input--small:checked+.bx--toggle-input__label>.bx--toggle__switch:after{transform:translateX(1.0625rem)}.bx--toggle-input--small:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(1rem)}.bx--toggle-input--small:disabled:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-disabled-01,#f4f4f4)}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:3rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1.5rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:2rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.5rem;padding:0;pointer-events:none;position:relative;position:absolute;width:1rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{left:2rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:after,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:before,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:after{display:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{border-radius:0}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--toggle__switch:before{outline:1px solid transparent}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle__switch:after{background-color:ButtonText;outline:1px solid transparent}}:host(bx-toggle){outline:none}:host(bx-toggle) .bx-toggle--check{height:5px;width:6px}']);let d,c,x=e=>e;const{prefix:p}=l;o([g(`${p}-toggle`)],(function(t,o){return{F:class extends o{constructor(...e){super(...e),t(this)}},d:[{kind:"method",key:"_renderCheckmark",value:function(){if(this.size===e.SMALL)return i(d||(d=x`<svg class="${0}--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"><path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/></svg>`),p)}},{kind:"field",decorators:[b({attribute:"checked-text"})],key:"checkedText",value:()=>""},{kind:"field",decorators:[b({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[b({attribute:"unchecked-text"})],key:"uncheckedText",value:()=>""},{kind:"method",key:"render",value:function(){const{checked:e,checkedText:t,disabled:o,labelText:l,name:a,size:g,uncheckedText:b,value:s,_handleChange:d}=this,f=n({[`${p}--toggle-input`]:!0,[`${p}--toggle-input--${g}`]:g});return i(c||(c=x`<input id="checkbox" type="checkbox" class="${0}" aria-checked="${0}" .checked="${0}" ?disabled="${0}" name="${0}" value="${0}" @change="${0}"><label for="checkbox" class="${0}--toggle-input__label"><slot name="label-text">${0}</slot><span class="${0}--toggle__switch">${0}<span class="${0}--toggle__text--off" aria-hidden="true"><slot name="unchecked-text">${0}</slot></span><span class="${0}--toggle__text--on" aria-hidden="true"><slot name="checked-text">${0}</slot></span></span></label>`),f,String(Boolean(e)),e,o,r(a),r(s),d,p,l,p,this._renderCheckmark(),p,b,p,t)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${p}-toggle-changed`}},{kind:"field",static:!0,key:"styles",value:()=>s}]}}),a);
|
package/dist/toggle.rtl.min.js
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-
|
|
65
|
+
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-93412a35.js";import{c as g}from"./carbon-element-18175602.js";import{p as b}from"./decorators-56213c84.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
|
@@ -70,4 +70,4 @@ let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c a
|
|
|
70
70
|
*
|
|
71
71
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
72
|
* LICENSE file in the root directory of this source tree.
|
|
73
|
-
*/!function(e){e.REGULAR="",e.SMALL="small"}(e||(e={}));var s=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);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);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle:focus{outline:none}.bx--toggle__label{align-items:center;cursor:pointer;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.5rem 0;position:relative}.bx--toggle__appearance{height:1.5rem;position:relative;width:3rem}.bx--toggle__appearance:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__appearance:before{transition:none}}.bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.125rem;position:absolute;right:.1875rem;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle__check{fill:var(--cds-icon-03,#fff);height:.3125rem;position:absolute;right:.375rem;top:.375rem;transform:scale(.2);transition:70ms cubic-bezier(.2,0,1,.9);width:.375rem;z-index:1}.bx--toggle__text--left,.bx--toggle__text--right{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-right:.5rem;position:relative}.bx--toggle__text--left{position:absolute;right:3rem}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--right{visibility:hidden}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--right,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--left{display:inline}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-support-02,#198038)}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);transform:translateX(-1.5rem)}.bx--toggle+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:0 0 0 1px transparent,0 0 0 3px transparent}.bx--toggle:active+.bx--toggle__label .bx--toggle__appearance:before,.bx--toggle:focus+.bx--toggle__label{box-shadow:0 0 0 1px var(--cds-ui-03,#e0e0e0),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle:disabled+.bx--toggle__label{cursor:not-allowed}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{transition:none}}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--right{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled:active+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:none}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__check{fill:var(--cds-disabled-02,#c6c6c6)}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance{height:1rem;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:before{border-radius:.9375rem;box-sizing:border-box;height:1rem;top:0;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:after{height:.625rem;right:.1875rem;top:.1875rem;width:.625rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(-1rem)}.bx--toggle--small+.bx--toggle__label .bx--toggle__text--left{right:2rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__appearance:after{margin-right:0;transform:translateX(-1.0625rem)}.bx--toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle-input:focus{outline:none}.bx--toggle-input__label{align-items:flex-start;color:var(--cds-text-02,#525252);cursor:pointer;display:flex;flex-direction:column;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--toggle__switch{align-items:center;cursor:pointer;display:flex;height:1.5rem;position:relative;width:3rem}.bx--toggle__switch:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__switch:before{transition:none}}.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";display:block;height:1.125rem;position:absolute;right:.1875rem;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle-input__label .bx--toggle__switch{margin-top:1rem}.bx--toggle__text--off,.bx--toggle__text--on{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-right:3.5rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--off,.bx--toggle-input:not(:checked)+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--on{visibility:hidden}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-support-02,#198038)}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);transform:translateX(-1.5rem)}.bx--toggle-input:active+.bx--toggle-input__label>.bx--toggle__switch:before,.bx--toggle-input:focus+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:0 0 0 1px var(--cds-ui-02,#fff),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle-input:disabled+.bx--toggle-input__label{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch{cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-disabled-03,#8d8d8d)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{transition:none}}.bx--toggle-input:disabled:active+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:none}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch{height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:before{border-radius:.9375rem;height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:after{height:.625rem;width:.625rem}.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--off,.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--on{margin-right:2.5rem}.bx--toggle-input--small:checked+.bx--toggle-input__label>.bx--toggle__switch:after{transform:translateX(-1.0625rem)}.bx--toggle-input--small:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(-1rem)}.bx--toggle-input--small:disabled:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-disabled-01,#f4f4f4)}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:3rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1.5rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:2rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.5rem;padding:0;pointer-events:none;position:relative;position:absolute;width:1rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{right:2rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:after,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:before,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:after{display:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{border-radius:0}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--toggle__switch:before{outline:1px solid transparent}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle__switch:after{background-color:ButtonText;outline:1px solid transparent}}:host(bx-toggle){outline:none}:host(bx-toggle) .bx-toggle--check{height:5px;width:6px}']);let d,c,x=e=>e;const{prefix:p}=l;o([g(`${p}-toggle`)],(function(t,o){return{F:class extends o{constructor(...e){super(...e),t(this)}},d:[{kind:"method",key:"_renderCheckmark",value:function(){if(this.size===e.SMALL)return i(d||(d=x` <svg class="${0}--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"> <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/> </svg> `),p)}},{kind:"field",decorators:[b({attribute:"checked-text"})],key:"checkedText",value:()=>""},{kind:"field",decorators:[b({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[b({attribute:"unchecked-text"})],key:"uncheckedText",value:()=>""},{kind:"method",key:"render",value:function(){const{checked:e,checkedText:t,disabled:o,labelText:l,name:a,size:g,uncheckedText:b,value:s,_handleChange:d}=this,h=n({[`${p}--toggle-input`]:!0,[`${p}--toggle-input--${g}`]:g});return i(c||(c=x` <input id="checkbox" type="checkbox" class="${0}" aria-checked="${0}" .checked="${0}" ?disabled="${0}" name="${0}" value="${0}" @change="${0}"> <label for="checkbox" class="${0}--toggle-input__label"> <slot name="label-text">${0}</slot> <span class="${0}--toggle__switch"> ${0} <span class="${0}--toggle__text--off" aria-hidden="true"> <slot name="unchecked-text">${0}</slot> </span> <span class="${0}--toggle__text--on" aria-hidden="true"> <slot name="checked-text">${0}</slot> </span> </span> </label> `),h,String(Boolean(e)),e,o,r(a),r(s),d,p,l,p,this._renderCheckmark(),p,b,p,t)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${p}-toggle-changed`}},{kind:"field",static:!0,key:"styles",value:()=>s}]}}),a);
|
|
73
|
+
*/!function(e){e.REGULAR="",e.SMALL="small"}(e||(e={}));var s=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);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);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle:focus{outline:none}.bx--toggle__label{align-items:center;cursor:pointer;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.5rem 0;position:relative}.bx--toggle__appearance{height:1.5rem;position:relative;width:3rem}.bx--toggle__appearance:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__appearance:before{transition:none}}.bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";cursor:pointer;display:block;height:1.125rem;position:absolute;right:.1875rem;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle__check{fill:var(--cds-icon-03,#fff);height:.3125rem;position:absolute;right:.375rem;top:.375rem;transform:scale(.2);transition:70ms cubic-bezier(.2,0,1,.9);width:.375rem;z-index:1}.bx--toggle__text--left,.bx--toggle__text--right{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-right:.5rem;position:relative}.bx--toggle__text--left{position:absolute;right:3rem}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--right{visibility:hidden}.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--right,.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--left{display:inline}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-support-02,#198038)}.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-icon-03,#fff);transform:translateX(-1.5rem)}.bx--toggle+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:0 0 0 1px transparent,0 0 0 3px transparent}.bx--toggle:active+.bx--toggle__label .bx--toggle__appearance:before,.bx--toggle:focus+.bx--toggle__label{box-shadow:0 0 0 1px var(--cds-ui-03,#e0e0e0),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle:disabled+.bx--toggle__label{cursor:not-allowed}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before{transition:none}}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--left,.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--right{color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle:disabled:active+.bx--toggle__label .bx--toggle__appearance:before{box-shadow:none}.bx--toggle:disabled+.bx--toggle__label .bx--toggle__check{fill:var(--cds-disabled-02,#c6c6c6)}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance{height:1rem;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:before{border-radius:.9375rem;box-sizing:border-box;height:1rem;top:0;width:2rem}.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:after{height:.625rem;right:.1875rem;top:.1875rem;width:.625rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(-1rem)}.bx--toggle--small+.bx--toggle__label .bx--toggle__text--left{right:2rem}.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__appearance:after{margin-right:0;transform:translateX(-1.0625rem)}.bx--toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--toggle-input:focus{outline:none}.bx--toggle-input__label{align-items:flex-start;color:var(--cds-text-02,#525252);cursor:pointer;display:flex;flex-direction:column;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--toggle__switch{align-items:center;cursor:pointer;display:flex;height:1.5rem;position:relative;width:3rem}.bx--toggle__switch:before{background-color:var(--cds-ui-04,#8d8d8d);border-radius:.9375rem;box-shadow:0 0 0 1px transparent,0 0 0 3px transparent;box-sizing:border-box;content:"";display:block;height:1.5rem;position:absolute;top:0;transition:box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);width:3rem;will-change:box-shadow}@media screen and (prefers-reduced-motion:reduce){.bx--toggle__switch:before{transition:none}}.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);border-radius:50%;box-sizing:border-box;content:"";display:block;height:1.125rem;position:absolute;right:.1875rem;top:.1875rem;transition:transform 70ms cubic-bezier(.2,0,1,.9);width:1.125rem}.bx--toggle-input__label .bx--toggle__switch{margin-top:1rem}.bx--toggle__text--off,.bx--toggle__text--on{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin-right:3.5rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--off,.bx--toggle-input:not(:checked)+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--on{visibility:hidden}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-support-02,#198038)}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-icon-03,#fff);transform:translateX(-1.5rem)}.bx--toggle-input:active+.bx--toggle-input__label>.bx--toggle__switch:before,.bx--toggle-input:focus+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:0 0 0 1px var(--cds-ui-02,#fff),0 0 0 3px var(--cds-focus,#0f62fe)}.bx--toggle-input:disabled+.bx--toggle-input__label{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch{cursor:not-allowed}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after{background-color:var(--cds-disabled-03,#8d8d8d)}.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{cursor:not-allowed;transition:70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before{transition:none}}.bx--toggle-input:disabled:active+.bx--toggle-input__label>.bx--toggle__switch:before{box-shadow:none}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch{height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:before{border-radius:.9375rem;height:1rem;width:2rem}.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:after{height:.625rem;width:.625rem}.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--off,.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--on{margin-right:2.5rem}.bx--toggle-input--small:checked+.bx--toggle-input__label>.bx--toggle__switch:after{transform:translateX(-1.0625rem)}.bx--toggle-input--small:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-support-02,#198038);transform:scale(1) translateX(-1rem)}.bx--toggle-input--small:disabled:checked+.bx--toggle-input__label .bx--toggle__check{fill:var(--cds-disabled-01,#f4f4f4)}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:3rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1.5rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-top:.5rem;padding:0;pointer-events:none;position:relative;width:2rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;font-size:0;height:.5rem;line-height:0;overflow:hidden;padding:0;pointer-events:none;position:relative;width:1rem}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:active,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:focus,.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:hover{border:none;cursor:default;outline:none}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before{animation:none}}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.5rem;padding:0;pointer-events:none;position:relative;position:absolute;width:1rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:active,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:focus,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:hover{border:none;cursor:default;outline:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before{animation:none}}.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left{right:2rem}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:after,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:before,.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:after{display:none}.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before{border-radius:0}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--toggle__switch:before{outline:1px solid transparent}.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after,.bx--toggle__switch:after{background-color:ButtonText;outline:1px solid transparent}}:host(bx-toggle){outline:none}:host(bx-toggle) .bx-toggle--check{height:5px;width:6px}']);let d,c,x=e=>e;const{prefix:p}=l;o([g(`${p}-toggle`)],(function(t,o){return{F:class extends o{constructor(...e){super(...e),t(this)}},d:[{kind:"method",key:"_renderCheckmark",value:function(){if(this.size===e.SMALL)return i(d||(d=x`<svg class="${0}--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"><path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/></svg>`),p)}},{kind:"field",decorators:[b({attribute:"checked-text"})],key:"checkedText",value:()=>""},{kind:"field",decorators:[b({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[b({attribute:"unchecked-text"})],key:"uncheckedText",value:()=>""},{kind:"method",key:"render",value:function(){const{checked:e,checkedText:t,disabled:o,labelText:l,name:a,size:g,uncheckedText:b,value:s,_handleChange:d}=this,h=n({[`${p}--toggle-input`]:!0,[`${p}--toggle-input--${g}`]:g});return i(c||(c=x`<input id="checkbox" type="checkbox" class="${0}" aria-checked="${0}" .checked="${0}" ?disabled="${0}" name="${0}" value="${0}" @change="${0}"><label for="checkbox" class="${0}--toggle-input__label"><slot name="label-text">${0}</slot><span class="${0}--toggle__switch">${0}<span class="${0}--toggle__text--off" aria-hidden="true"><slot name="unchecked-text">${0}</slot></span><span class="${0}--toggle__text--on" aria-hidden="true"><slot name="checked-text">${0}</slot></span></span></label>`),h,String(Boolean(e)),e,o,r(a),r(s),d,p,l,p,this._renderCheckmark(),p,b,p,t)}},{kind:"get",static:!0,key:"eventChange",value:function(){return`${p}-toggle-changed`}},{kind:"field",static:!0,key:"styles",value:()=>s}]}}),a);
|