@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/tabs.rtl.min.js
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,_ as t,h as a,s,L as i}from"./settings-898bd7b0.js";import{_ as o,a as b}from"./get-d229c408.js";import{N as n,B as r,a as l}from"./content-switcher-item-
|
|
65
|
+
import{c as e,_ as t,h as a,s,L as i}from"./settings-898bd7b0.js";import{_ as o,a as b}from"./get-d229c408.js";import{N as n,B as r,a as l}from"./content-switcher-item-6df85f1c.js";import{c}from"./class-map-bd61e03f.js";import{s as d}from"./16-8e34a1fb.js";import{H as x,a as h}from"./host-listener-01e0a787.js";import{f as v,b as _}from"./collection-helpers-4e32fe16.js";import{F as g}from"./shared-enums-c6fe8c39.js";import{c as m}from"./carbon-element-18175602.js";import{q as f,p as u}from"./decorators-56213c84.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./if-non-null-63ecd660.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./spread-989d7408.js";import"./on-b85e61ad.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
|
@@ -70,4 +70,4 @@ import{c as e,_ as t,h as a,s,L as i}from"./settings-898bd7b0.js";import{_ as o,
|
|
|
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
|
-
*/const p={Up:-1,ArrowUp:-1,Down:1,ArrowDown:1};let k,w;!function(e){e.NONE="none",e.CLOSING="closing",e.NAVIGATING="navigating",e.TRIGGERING="triggering",e.SELECTING="selecting",e.HOME="home",e.END="end"}(k||(k={})),function(e){e.REGULAR="",e.CONTAINER="container"}(w||(w={}));var y=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}.bx--assistive-text,.bx--visually-hidden{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--body{background-color:var(--cds-ui-background,#fff);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);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}@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--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:ltr}.bx--tabs,:host(bx-tabs),:host(bx-tabs-skeleton){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);height:auto;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;position:relative;vertical-align:baseline;width:100%}.bx--tabs *,.bx--tabs :after,.bx--tabs :before,:host(bx-tabs) *,:host(bx-tabs) :after,:host(bx-tabs) :before,:host(bx-tabs-skeleton) *,:host(bx-tabs-skeleton) :after,:host(bx-tabs-skeleton) :before{box-sizing:inherit}@media (min-width:42rem){.bx--tabs,:host(bx-tabs),:host(bx-tabs-skeleton){background:none;min-height:2.5rem}}@media (min-width:42rem){.bx--tabs--container,:host(bx-tabs[type=container]){min-height:3rem}}.bx--tabs-trigger{align-items:center;background-color:var(--cds-field-01,#f4f4f4);border-bottom:1px solid var(--cds-ui-04,#8d8d8d);color:var(--cds-text-01,#161616);cursor:pointer;display:flex;height:2.5rem;justify-content:space-between;outline:2px solid transparent;padding:0 var(--cds-spacing-05,1rem) 0 var(--cds-spacing-09,3rem)}@media (min-width:42rem){.bx--tabs-trigger{display:none}}.bx--tabs-trigger:active,.bx--tabs-trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tabs-trigger:active,.bx--tabs-trigger:focus{outline-style:dotted}}.bx--tabs-trigger svg{fill:var(--cds-ui-05,#161616);left:var(--cds-spacing-05,1rem);position:absolute;transition:transform 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs-trigger--open:active,.bx--tabs-trigger--open:focus{outline:2px solid transparent;outline-offset:-2px;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs-trigger--open{background:var(--cds-ui-03,#e0e0e0)}.bx--tabs-trigger--open svg{transform:rotate(180deg);transform-origin:50% 45%;transition:transform 70ms}.bx--tabs--light.bx--tabs-trigger{background-color:var(--cds-field-02,#fff)}.bx--tabs-trigger-text{font-weight:400;overflow:hidden;padding-top:2px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.bx--tabs-trigger-text,.bx--tabs-trigger-text:hover{color:var(--cds-text-01,#161616)}.bx--tabs-trigger-text:focus{outline:none}.bx--tabs__nav{background:var(--cds-ui-01,#f4f4f4);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:flex;flex-direction:column;list-style:none;margin:0;max-height:600px;padding:0;position:absolute;transition:max-height 70ms cubic-bezier(.2,0,.38,.9);width:100%;z-index:9100}@media (min-width:42rem){.bx--tabs__nav{background:none;box-shadow:none;flex-direction:row;transition:inherit;width:auto;z-index:auto}}.bx--tabs__nav--hidden{max-height:0;overflow:hidden;transition:max-height 70ms cubic-bezier(.2,0,.38,.9)}@media (min-width:42rem){.bx--tabs__nav--hidden{display:flex;max-height:none;max-width:100%;overflow-x:auto;transition:inherit}}.bx--tabs__nav-item,:host(bx-tab){background-color:var(--cds-ui-01,#f4f4f4);border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:100%;height:2.5rem;margin:0;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--tabs__nav-item *,.bx--tabs__nav-item :after,.bx--tabs__nav-item :before,:host(bx-tab) *,:host(bx-tab) :after,:host(bx-tab) :before{box-sizing:inherit}@media (min-width:42rem){.bx--tabs__nav-item,:host(bx-tab){background:transparent;height:auto}.bx--tabs__nav-item+.bx--tabs__nav-item,.bx--tabs__nav-item+:host(bx-tab),:host(bx-tab)+.bx--tabs__nav-item,:host(bx-tab)+:host(bx-tab){margin-right:.0625rem}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item,.bx--tabs--container :host(bx-tab),:host(bx-tabs[type=container]) .bx--tabs__nav-item,:host(bx-tabs[type=container]) :host(bx-tab){background-color:var(--cds-ui-03,#e0e0e0)}.bx--tabs--container .bx--tabs__nav-item+.bx--tabs__nav-item,.bx--tabs--container .bx--tabs__nav-item+:host(bx-tab),.bx--tabs--container :host(bx-tab)+.bx--tabs__nav-item,.bx--tabs--container :host(bx-tab)+:host(bx-tab),:host(bx-tabs[type=container]) .bx--tabs__nav-item+.bx--tabs__nav-item,:host(bx-tabs[type=container]) .bx--tabs__nav-item+:host(bx-tab),:host(bx-tabs[type=container]) :host(bx-tab)+.bx--tabs__nav-item,:host(bx-tabs[type=container]) :host(bx-tab)+:host(bx-tab){box-shadow:1px 0 0 0 var(--cds-ui-04,#8d8d8d);margin-right:0}.bx--tabs--container .bx--tabs__nav-item+.bx--tabs__nav-item.bx--tabs__nav-item--selected,.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--selected+.bx--tabs__nav-item,.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--selected+:host(bx-tab),.bx--tabs--container :host(bx-tab)+.bx--tabs__nav-item.bx--tabs__nav-item--selected,:host(bx-tabs[type=container]) .bx--tabs__nav-item+.bx--tabs__nav-item.bx--tabs__nav-item--selected,:host(bx-tabs[type=container]) .bx--tabs__nav-item.bx--tabs__nav-item--selected+.bx--tabs__nav-item,:host(bx-tabs[type=container]) .bx--tabs__nav-item.bx--tabs__nav-item--selected+:host(bx-tab),:host(bx-tabs[type=container]) :host(bx-tab)+.bx--tabs__nav-item.bx--tabs__nav-item--selected{box-shadow:none}}.bx--tabs__nav-item .bx--tabs__nav-link,:host(bx-tab) .bx--tabs__nav-link{transition:color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}@media (min-width:42rem){.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected){background:transparent}}.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled){background-color:var(--cds-hover-ui,#e5e5e5);box-shadow:0 -1px 0 var(--cds-hover-ui,#e5e5e5)}@media (min-width:42rem){.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled){background-color:transparent}.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled)+.bx--tabs__nav-item,.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled)+:host(bx-tab){box-shadow:none}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled),:host(bx-tabs[type=container]) .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled){background-color:var(--cds-hover-selected-ui,#cacaca)}}.bx--tabs__nav-item--disabled,.bx--tabs__nav-item--disabled:hover{cursor:not-allowed;outline:none}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled,.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled:hover,:host(bx-tabs[type=container]) .bx--tabs__nav-item.bx--tabs__nav-item--disabled{background-color:var(--cds-disabled-02,#c6c6c6)}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item--disabled .bx--tabs__nav-link,:host(bx-tabs[type=container]) .bx--tabs__nav-item--disabled .bx--tabs__nav-link{border-bottom:none;color:var(--cds-disabled-03,#8d8d8d)}}.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled){border:none;display:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}@media (min-width:42rem){.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled){display:flex}.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus{border-bottom:2px solid var(--cds-interactive-04,#0f62fe);color:var(--cds-text-01,#161616);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)}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled),.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled),:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled){background-color:var(--cds-ui-01,#f4f4f4)}.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{border-bottom:none;box-shadow:inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2);padding:var(--cds-spacing-03,.5rem) var(--cds-spacing-05,1rem)}.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus{box-shadow:none}}a.bx--tabs__nav-link{border-bottom:1px solid var(--cds-ui-03,#e0e0e0);color:var(--cds-text-02,#525252);display:inline-block;font-weight:400;height:2.5rem;line-height:1rem;margin:0 var(--cds-spacing-05,1rem);outline:2px solid transparent;outline-offset:-2px;overflow:hidden;padding:var(--cds-spacing-04,.75rem) 0;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap;width:calc(100% - 32px)}a.bx--tabs__nav-link:active,a.bx--tabs__nav-link:focus{margin:0;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;padding-right:16px;width:100%}@media screen and (prefers-contrast){a.bx--tabs__nav-link:active,a.bx--tabs__nav-link:focus{outline-style:dotted}}@media (min-width:42rem){a.bx--tabs__nav-link{border-bottom:2px solid var(--cds-ui-03,#e0e0e0);line-height:inherit;margin:0;padding:var(--cds-spacing-04,.75rem) var(--cds-spacing-05,1rem) var(--cds-spacing-03,.5rem);width:10rem}a.bx--tabs__nav-link:active,a.bx--tabs__nav-link:focus{border-bottom:2px;width:10rem}}@media (min-width:42rem){.bx--tabs--container a.bx--tabs__nav-link,:host(bx-tabs[type=container]) a.bx--tabs__nav-link{border-bottom:none;height:3rem;line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2);padding:var(--cds-spacing-03,.5rem) var(--cds-spacing-05,1rem)}}.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{color:var(--cds-text-01,#161616)}@media (min-width:42rem){.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{border-bottom:2px solid var(--cds-ui-04,#8d8d8d);color:var(--cds-text-01,#161616)}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,:host(bx-tabs[type=container]) .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{border-bottom:none}}.bx--tabs__nav-item--disabled .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);cursor:no-drop}.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);outline:none}.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) .bx--tabs__nav-link:focus,.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) a.bx--tabs__nav-link:active,:host(bx-tab:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)) .bx--tabs__nav-link:focus,:host(bx-tab:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)) a.bx--tabs__nav-link:active{color:var(--cds-text-02,#525252)}.bx--tab-content{padding:1rem}.bx--tab-content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tab-content:focus{outline-style:dotted}}.bx--tabs.bx--skeleton{cursor:default;pointer-events:none}.bx--skeleton.bx--tabs--scrollable:not(.bx--tabs--scrollable--container) .bx--tabs--scrollable__nav-item{border-bottom:2px solid var(--cds-skeleton-02,#c6c6c6)}.bx--tabs.bx--skeleton .bx--tabs__nav-link{align-items:center;display:flex;height:100%;padding:0 1rem;width:10rem}.bx--tabs.bx--skeleton .bx--tabs__nav-link span{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;display:block;height:.875rem;padding:0;pointer-events:none;position:relative;width:100%}.bx--tabs.bx--skeleton .bx--tabs__nav-link span:active,.bx--tabs.bx--skeleton .bx--tabs__nav-link span:focus,.bx--tabs.bx--skeleton .bx--tabs__nav-link span:hover{border:none;cursor:default;outline:none}.bx--tabs.bx--skeleton .bx--tabs__nav-link span: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--tabs.bx--skeleton .bx--tabs__nav-link span:before{animation:none}}.bx--tabs.bx--skeleton .bx--tabs-trigger{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:6.25rem}.bx--tabs.bx--skeleton .bx--tabs-trigger:active,.bx--tabs.bx--skeleton .bx--tabs-trigger:focus,.bx--tabs.bx--skeleton .bx--tabs-trigger:hover{border:none;cursor:default;outline:none}.bx--tabs.bx--skeleton .bx--tabs-trigger: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--tabs.bx--skeleton .bx--tabs-trigger:before{animation:none}}.bx--tabs.bx--skeleton .bx--tabs-trigger svg{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--tabs--scrollable{border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);display: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);height:auto;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;min-height:2.5rem;padding:0;vertical-align:baseline;width:100%}.bx--tabs--scrollable *,.bx--tabs--scrollable :after,.bx--tabs--scrollable :before{box-sizing:inherit}.bx--tabs--scrollable.bx--tabs--scrollable--container{min-height:3rem}.bx--tabs--scrollable .bx--tabs--scrollable__nav{display:flex;flex-direction:row;list-style:none;margin:0;max-width:100%;outline:0;overflow:auto hidden;padding:0;scrollbar-width:none;transition:max-height 70ms cubic-bezier(.2,0,.38,.9);width:auto}.bx--tabs--scrollable .bx--tabs--scrollable__nav::-webkit-scrollbar{display:none}.bx--tabs--scrollable .bx--tabs__overflow-indicator--left,.bx--tabs--scrollable .bx--tabs__overflow-indicator--right{flex:1 0 auto;width:.5rem;z-index:1}.bx--tabs--scrollable .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-ui-background,#fff));margin-left:-.5rem}.bx--tabs--scrollable .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-ui-background,#fff));margin-right:-.5rem}.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-ui-01,#f4f4f4))}.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-ui-01,#f4f4f4))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-ui-03,#e0e0e0))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-ui-03,#e0e0e0))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tabs--scrollable .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-ui-background,#ffffff),0),var(--cds-ui-background,#fff))}.bx--tabs--scrollable .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-ui-background,#ffffff),0),var(--cds-ui-background,#fff))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-ui-03,#e0e0e0),0),var(--cds-ui-03,#e0e0e0))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-ui-03,#e0e0e0),0),var(--cds-ui-03,#e0e0e0))}}}.bx--tabs--scrollable .bx--tab--overflow-nav-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;flex-shrink:0;font-family:inherit;font-size:100%;justify-content:center;margin:0;padding:0;vertical-align:baseline;width:100%;width:2.5rem}.bx--tabs--scrollable .bx--tab--overflow-nav-button *,.bx--tabs--scrollable .bx--tab--overflow-nav-button :after,.bx--tabs--scrollable .bx--tab--overflow-nav-button :before{box-sizing:inherit}.bx--tabs--scrollable .bx--tab--overflow-nav-button::-moz-focus-inner{border:0}.bx--tabs--scrollable .bx--tab--overflow-nav-button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tabs--scrollable .bx--tab--overflow-nav-button:focus{outline-style:dotted}}.bx--tabs--scrollable .bx--tab--overflow-nav-button--hidden{display:none}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tab--overflow-nav-button{background-color:var(--cds-ui-03,#e0e0e0);margin:0;width:3rem}.bx--tabs--scrollable .bx--tab--overflow-nav-button svg{fill:var(--cds-icon-01,#161616)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item{border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:100%;margin:0;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item *,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item :after,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item :before{box-sizing:inherit}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item{margin-right:.0625rem}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item{background-color:var(--cds-ui-03,#e0e0e0)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item{box-shadow:.0625rem 0 0 0 var(--cds-ui-04,#8d8d8d);margin-right:0}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected+.bx--tabs--scrollable__nav-item{box-shadow:none}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link{transition:color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item:hover{background-color:var(--cds-hover-selected-ui,#cacaca)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled:hover{background-color:transparent;cursor:not-allowed;outline:none}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--disabled,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--disabled:hover{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected{transition:color 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus{border-bottom:2px solid var(--cds-interactive-04,#0f62fe);color:var(--cds-text-01,#161616);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)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover{background-color:var(--cds-ui-01,#f4f4f4)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover .bx--tabs--scrollable__nav-link:focus{box-shadow:none}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link{box-shadow:inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2)}.bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected,.bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover{background-color:var(--cds-ui-background,#fff)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid var(--cds-ui-03,#e0e0e0);box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;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:2px solid transparent;outline-offset:-2px;overflow:hidden;padding:0;padding:var(--cds-spacing-04,.75rem) var(--cds-spacing-05,1rem) var(--cds-spacing-03,.5rem);text-align:right;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;white-space:nowrap;width:10rem}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link *,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link :after,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link :before{box-sizing:inherit}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link::-moz-focus-inner{border:0}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:focus{outline-style:dotted}}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-link{border-bottom:0;height:3rem;line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2);padding:var(--cds-spacing-03,.5rem) var(--cds-spacing-05,1rem)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item:hover .bx--tabs--scrollable__nav-link{border-bottom:2px solid var(--cds-ui-04,#8d8d8d);color:var(--cds-text-01,#161616)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link{border-bottom:none}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled:hover .bx--tabs--scrollable__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:none}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:focus{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);outline:none}.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link,.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:focus,.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled:hover .bx--tabs--scrollable__nav-link{border-bottom-color:var(--cds-ui-03,#e0e0e0)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link{border-bottom:none;color:var(--cds-disabled-03,#8d8d8d)}.bx--tabs--scrollable .bx--tab-content{padding:1rem}.bx--tabs--scrollable .bx--tabs.bx--skeleton{cursor:default;pointer-events:none}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:focus,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:hover{border:none;cursor:default;outline:none}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link: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--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:before{animation:none}}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-left:.0625rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:active,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:focus,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:hover{border:none;cursor:default;outline:none}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger: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--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:before{animation:none}}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger svg{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}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tabs--scrollable__nav-item .bx--tabs__nav-item--selected .bx--tabs--scrollable__nav-item--selected{color:Highlight;outline:1px solid Highlight}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link{fill:GrayText;color:GrayText}}:host(bx-tabs){display:block;outline:2px solid transparent;outline-offset:-2px}:host(bx-tabs[color-scheme=light]){background-color:var(--cds-ui-01,#f4f4f4)}:host(bx-tabs) .bx--tabs-trigger svg{height:auto;width:auto}:host(bx-tabs:focus) .bx--tabs-trigger{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-tabs:focus) .bx--tabs-trigger{outline-style:dotted}}:host(bx-tab){outline:none}:host(bx-tab) .bx--tabs__nav-link:active{outline:2px solid transparent;outline-offset:-2px}:host(bx-tab:hover){background-color:var(--cds-hover-ui,#e5e5e5);box-shadow:0 -1px 0 var(--cds-hover-ui,#e5e5e5)}@media (min-width:42rem){:host(bx-tab:hover){background-color:transparent;box-shadow:none}}@media (min-width:42rem){:host(bx-tab[type=container]){background-color:var(--cds-ui-03,#e0e0e0)}:host(bx-tab[type=container])+.bx--tabs__nav-item,:host(bx-tab[type=container])+:host(bx-tab){box-shadow:1px 0 0 0 var(--cds-ui-04,#8d8d8d);margin-right:0}:host(bx-tab[type=container])+.bx--tabs__nav-item.bx--tabs__nav-item--selected,:host(bx-tab[type=container].bx--tabs__nav-item--selected)+.bx--tabs__nav-item,:host(bx-tab[type=container].bx--tabs__nav-item--selected)+:host(bx-tab){box-shadow:none}}@media (min-width:42rem){:host(bx-tab[type=container]:hover){background-color:var(--cds-hover-selected-ui,#cacaca)}}@media (min-width:42rem){:host(bx-tab[type=container]) a.bx--tabs__nav-link{height:3rem;line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2)}}@media (min-width:42rem){:host(bx-tab[type=container][role]) a.bx--tabs__nav-link,:host(bx-tab[type=container][role]:hover) a.bx--tabs__nav-link{border-bottom:none}}:host(bx-tab[disabled][role]),:host(bx-tab[disabled][role]:hover){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:none;cursor:not-allowed;outline:none}@media (min-width:42rem){:host(bx-tab[disabled][role]),:host(bx-tab[disabled][role]:hover){background-color:transparent}}:host(bx-tab[disabled][role]) .bx--tabs__nav-link,:host(bx-tab[disabled][role]:hover) .bx--tabs__nav-link{color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}@media (min-width:42rem){:host(bx-tab[disabled][role]) .bx--tabs__nav-link,:host(bx-tab[disabled][role]:hover) .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4)}}@media (min-width:42rem){:host(bx-tab[type=container][disabled][role]),:host(bx-tab[type=container][disabled][role]:hover){background-color:var(--cds-disabled-02,#c6c6c6)}}@media (min-width:42rem){:host(bx-tab[type=container][disabled][role]) .bx--tabs__nav-link{color:var(--cds-disabled-03,#8d8d8d)}}:host(bx-tab[selected]){background-color:var(--cds-hover-ui,#e5e5e5);transition:color 70ms cubic-bezier(.2,0,.38,.9)}:host(bx-tab[selected]:hover){background-color:var(--cds-selected-ui,#e0e0e0)}@media (min-width:42rem){:host(bx-tab[selected]:hover){background-color:transparent}}:host(bx-tab[selected]) .bx--tabs__nav-link,:host(bx-tab[selected]) .bx--tabs__nav-link:active,:host(bx-tab[selected]) .bx--tabs__nav-link:focus{color:var(--cds-text-01,#161616)}@media (min-width:42rem){:host(bx-tab[selected]){background-color:transparent;display:flex}:host(bx-tab[selected]) .bx--tabs__nav-link{border-bottom:3px solid var(--cds-interactive-01,#0f62fe);font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}:host(bx-tab[selected]) .bx--tabs__nav-link:active,:host(bx-tab[selected]) .bx--tabs__nav-link:focus{border-bottom-width:2px}}@media (min-width:42rem){:host(bx-tab[type=container][selected]),:host(bx-tab[type=container][selected]:hover){background-color:var(--cds-ui-01,#f4f4f4)}:host(bx-tab[type=container][selected]) .bx--tabs__nav-link,:host(bx-tab[type=container][selected]:hover) .bx--tabs__nav-link{border-bottom:none;box-shadow:inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2)}:host(bx-tab[type=container][selected]) .bx--tabs__nav-link:active,:host(bx-tab[type=container][selected]) .bx--tabs__nav-link:focus,:host(bx-tab[type=container][selected]:hover) .bx--tabs__nav-link:active,:host(bx-tab[type=container][selected]:hover) .bx--tabs__nav-link:focus{box-shadow:none}}:host(bx-tab[highlighted]),:host(bx-tab[highlighted]:hover){background-color:var(--cds-hover-ui,#e5e5e5);box-shadow:0 -1px 0 var(--cds-hover-ui,#e5e5e5)}@media (min-width:42rem){:host(bx-tab[highlighted]),:host(bx-tab[highlighted]:hover){background-color:transparent;box-shadow:none}}:host(bx-tab[highlighted][selected]),:host(bx-tab[highlighted][selected]:hover){background-color:var(--cds-selected-ui,#e0e0e0)}@media (min-width:42rem){:host(bx-tab[highlighted][selected]),:host(bx-tab[highlighted][selected]:hover){background-color:transparent}}:host(bx-tab[disabled][in-focus][selected]),:host(bx-tab[disabled][in-focus][selected]:hover),:host(bx-tab[disabled][selected]),:host(bx-tab[disabled][selected]:hover){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:none;display:flex}@media (min-width:42rem){:host(bx-tab[disabled][in-focus][selected]),:host(bx-tab[disabled][in-focus][selected]:hover),:host(bx-tab[disabled][selected]),:host(bx-tab[disabled][selected]:hover){background-color:transparent;outline:2px solid transparent;outline-offset:-2px}}@media (min-width:42rem){:host(bx-tab[disabled][in-focus][selected]) .bx--tabs__nav-link,:host(bx-tab[disabled][in-focus][selected]:hover) .bx--tabs__nav-link,:host(bx-tab[disabled][selected]) .bx--tabs__nav-link,:host(bx-tab[disabled][selected]:hover) .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);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)}:host(bx-tab[disabled][in-focus][selected]) .bx--tabs__nav-link:active,:host(bx-tab[disabled][in-focus][selected]) .bx--tabs__nav-link:focus,:host(bx-tab[disabled][in-focus][selected]:hover) .bx--tabs__nav-link:active,:host(bx-tab[disabled][in-focus][selected]:hover) .bx--tabs__nav-link:focus,:host(bx-tab[disabled][selected]) .bx--tabs__nav-link:active,:host(bx-tab[disabled][selected]) .bx--tabs__nav-link:focus,:host(bx-tab[disabled][selected]:hover) .bx--tabs__nav-link:active,:host(bx-tab[disabled][selected]:hover) .bx--tabs__nav-link:focus{border-bottom-width:3px}}:host(bx-tabs-skeleton) .bx--tabs-trigger{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:6.25rem}:host(bx-tabs-skeleton) .bx--tabs-trigger:active,:host(bx-tabs-skeleton) .bx--tabs-trigger:focus,:host(bx-tabs-skeleton) .bx--tabs-trigger:hover{border:none;cursor:default;outline:none}:host(bx-tabs-skeleton) .bx--tabs-trigger: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){:host(bx-tabs-skeleton) .bx--tabs-trigger:before{animation:none}}@media (min-width:42rem){:host(bx-tab-skeleton){margin-right:.125rem}}:host(bx-tab-skeleton) .bx--tabs__nav-link{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.75rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}:host(bx-tab-skeleton) .bx--tabs__nav-link:active,:host(bx-tab-skeleton) .bx--tabs__nav-link:focus,:host(bx-tab-skeleton) .bx--tabs__nav-link:hover{border:none;cursor:default;outline:none}:host(bx-tab-skeleton) .bx--tabs__nav-link: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){:host(bx-tab-skeleton) .bx--tabs__nav-link:before{animation:none}}@media (min-width:42rem){:host(bx-tab-skeleton:first-of-type){margin-right:0}}']);let z,I=e=>e;const{prefix:T}=s;t([m(`${T}-tabs`)],(function(e,t){class s extends t{constructor(...t){super(...t),e(this)}}return{F:s,d:[{kind:"field",key:"_open",value:()=>!1},{kind:"field",key:"_currentIndex",value:()=>0},{kind:"field",key:"_selectedItemContent",value:()=>null},{kind:"field",key:"_totalTabs",value:()=>0},{kind:"field",decorators:[f("#trigger")],key:"_triggerNode",value:void 0},{kind:"method",decorators:[h("focusout")],key:"_handleFocusOut",value:function({relatedTarget:e}){this.contains(e)||this._handleUserInitiatedToggle(!1)}},{kind:"method",key:"_handleUserInitiatedToggle",value:function(e=!this._open){if(this._open=e,this._open)this._assistiveStatusText=this.selectingItemsAssistiveText;else{const{selectedItemAssistiveText:e,triggerContent:t,_assistiveStatusText:a,_selectedItemContent:s}=this,i=s&&s.textContent||t;i&&a!==e&&(this._assistiveStatusText=i)}this.requestUpdate()}},{kind:"method",key:"_clearHighlight",value:function(){v(this.querySelectorAll(this.constructor.selectorItem),(e=>{e.highlighted=!1}))}},{kind:"method",key:"_navigate",value:function(e,{immediate:t}={}){const{selectorItem:a,selectorItemHighlighted:s,selectorItemSelected:i}=this.constructor,o=this._getNextItem(this.querySelector(t?i:s),e);if(!o)return;t?this._handleUserInitiatedSelectItem(o):v(this.querySelectorAll(a),(e=>{e[t?"selected":"highlighted"]=o===e})),o.scrollIntoView({block:"nearest"});const b=o.textContent;b&&(this._assistiveStatusText=b),this._currentIndex+=e,this.requestUpdate()}},{kind:"method",decorators:[h("click")],key:"_handleClick",value:function(e){const{target:t}=e;this===t?this._handleUserInitiatedToggle():t.value===this.value?this._handleUserInitiatedToggle(!1):o(b(s.prototype),"_handleClick",this).call(this,e)}},{kind:"method",decorators:[h("keydown")],key:"_handleKeydown",value:function(e){const{_open:t,_triggerNode:a}=this,{key:s,target:i}=e,o=Boolean(a.offsetParent),b=this.constructor.getAction(s,{narrowMode:o});if(!t&&o)switch(b){case k.NAVIGATING:this._handleUserInitiatedToggle(!0),this._clearHighlight();break;case k.TRIGGERING:this._handleUserInitiatedToggle(!0)}else switch(b){case k.CLOSING:this._handleUserInitiatedToggle(!1);break;case k.SELECTING:this._handleUserInitiatedSelectItem(i);break;case k.HOME:this._navigate(this._currentIndex+this._totalTabs,{immediate:!o});break;case k.END:this._navigate(-this._currentIndex,{immediate:!o});break;case k.NAVIGATING:{const e=o?p[s]:n[s];e&&this._navigate(e,{immediate:!o})}break;case k.TRIGGERING:{const{selectorItemHighlighted:e}=this.constructor,t=this.querySelector(e);t?t.value===this.value?this._handleUserInitiatedToggle(!1):this._handleUserInitiatedSelectItem(t):this._handleUserInitiatedToggle()}}}},{kind:"method",key:"_selectionDidChange",value:function(e){o(b(s.prototype),"_selectionDidChange",this).call(this,e),this._assistiveStatusText=this.selectedItemAssistiveText,this._handleUserInitiatedToggle(!1)}},{kind:"field",decorators:[u({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>g.REGULAR},{kind:"field",decorators:[u({attribute:"selecting-items-assistive-text"})],key:"selectingItemsAssistiveText",value:()=>"Selecting items. Use up and down arrow keys to navigate."},{kind:"field",decorators:[u({attribute:"selected-item-assistive-text"})],key:"selectedItemAssistiveText",value:()=>"Selected an item."},{kind:"field",decorators:[u({attribute:"trigger-content"})],key:"triggerContent",value:()=>""},{kind:"field",decorators:[u({reflect:!0})],key:"type",value:()=>w.REGULAR},{kind:"method",key:"shouldUpdate",value:function(e){o(b(s.prototype),"shouldUpdate",this).call(this,e);const{selectorItem:t}=this.constructor;if(e.has("type")&&v(this.querySelectorAll(t),(e=>{this._totalTabs++,e.type=this.type})),e.has("value")){const e=_(this.querySelectorAll(t),(e=>e.value===this.value));if(e){const t=this.ownerDocument.createRange();t.selectNodeContents(e),this._selectedItemContent=t.cloneContents()}else this._selectedItemContent=null}return!0}},{kind:"method",key:"render",value:function(){const{triggerContent:e,_assistiveStatusText:t,_open:s,_selectedItemContent:i}=this,o=c({[`${T}--tabs-trigger`]:!0,[`${T}--tabs-trigger--open`]:s}),b=c({[`${T}--tabs__nav`]:!0,[`${T}--tabs__nav--hidden`]:!s});return a(z||(z=I` <div id="trigger" role="button" class="${0}" aria-labelledby="trigger-label" aria-expanded="${0}" aria-haspopup="listbox" aria-owns="tablist" aria-controls="tablist"> <span id="trigger-label" class="${0}--tabs-trigger-text"> ${0} </span> ${0} </div> <ul id="tablist" role="tablist" class="${0}"> <slot></slot> </ul> <div class="${0}--assistive-text" role="status" aria-live="assertive" aria-relevant="additions text"> ${0} </div> `),o,String(s),T,i||e,d({"aria-hidden":"true"}),b,T,t)}},{kind:"field",static:!0,key:"TRIGGER_KEYS",value:()=>new Set([" ","Enter"])},{kind:"get",static:!0,key:"selectorItem",value:function(){return`${T}-tab`}},{kind:"get",static:!0,key:"selectorItemEnabled",value:function(){return`${T}-tab:not([disabled])`}},{kind:"get",static:!0,key:"selectorItemHighlighted",value:function(){return`${T}-tab[highlighted]`}},{kind:"get",static:!0,key:"selectorItemSelected",value:function(){return`${T}-tab[selected]`}},{kind:"get",static:!0,key:"eventBeforeSelect",value:function(){return`${T}-tabs-beingselected`}},{kind:"get",static:!0,key:"eventSelect",value:function(){return`${T}-tabs-selected`}},{kind:"field",static:!0,key:"styles",value:()=>y},{kind:"method",static:!0,key:"getAction",value:function(e,{narrowMode:t}){return"Escape"===e?k.CLOSING:"Enter"===e?k.SELECTING:"Home"===e?k.HOME:"End"===e?k.END:e in(t?p:n)?k.NAVIGATING:t&&this.TRIGGER_KEYS.has(e)?k.TRIGGERING:k.NONE}}]}}),x(r));let S,G=e=>e;const{prefix:N}=s;t([m(`${N}-tab`)],(function(e,t){class s extends t{constructor(...t){super(...t),e(this)}}return{F:s,d:[{kind:"field",decorators:[u({type:Boolean,reflect:!0})],key:"highlighted",value:()=>!1},{kind:"field",decorators:[u({reflect:!0})],key:"type",value:()=>w.REGULAR},{kind:"field",decorators:[u()],key:"tabTitle",value:void 0},{kind:"method",key:"_handleSlotChange",value:function({target:e}){let t=e.assignedNodes();this.tabTitle=t[0].textContent}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","listitem"),o(b(s.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){const{disabled:e,selected:t,tabTitle:s,_handleSlotChange:i}=this;return a(S||(S=G` <a class="${0}--tabs__nav-link" role="tab" aria-label="${0}" tabindex="${0}" ?disabled="${0}" aria-selected="${0}"> <slot @slotchange="${0}"></slot> </a> `),N,s,e?-1:0,e,Boolean(t),i)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),l);let E,$=e=>e;const{prefix:A}=s;t([m(`${A}-tab-skeleton`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return a(E||(E=$` <div class="${0}--tabs__nav-link"></div> `),A)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),i);let C,U=e=>e;const{prefix:j}=s;t([m(`${j}-tabs-skeleton`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return a(C||(C=U` <div class="${0}--tabs-trigger"> <span class="${0}--tabs-trigger-text"></span> </div> <ul class="${0}--tabs__nav"> <slot></slot> </ul> `),j,j,j)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),i);
|
|
73
|
+
*/const p={Up:-1,ArrowUp:-1,Down:1,ArrowDown:1};let k,w;!function(e){e.NONE="none",e.CLOSING="closing",e.NAVIGATING="navigating",e.TRIGGERING="triggering",e.SELECTING="selecting",e.HOME="home",e.END="end"}(k||(k={})),function(e){e.REGULAR="",e.CONTAINER="container"}(w||(w={}));var y=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}.bx--assistive-text,.bx--visually-hidden{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--body{background-color:var(--cds-ui-background,#fff);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);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}@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--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:ltr}.bx--tabs,:host(bx-tabs),:host(bx-tabs-skeleton){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);height:auto;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;position:relative;vertical-align:baseline;width:100%}.bx--tabs *,.bx--tabs :after,.bx--tabs :before,:host(bx-tabs) *,:host(bx-tabs) :after,:host(bx-tabs) :before,:host(bx-tabs-skeleton) *,:host(bx-tabs-skeleton) :after,:host(bx-tabs-skeleton) :before{box-sizing:inherit}@media (min-width:42rem){.bx--tabs,:host(bx-tabs),:host(bx-tabs-skeleton){background:none;min-height:2.5rem}}@media (min-width:42rem){.bx--tabs--container,:host(bx-tabs[type=container]){min-height:3rem}}.bx--tabs-trigger{align-items:center;background-color:var(--cds-field-01,#f4f4f4);border-bottom:1px solid var(--cds-ui-04,#8d8d8d);color:var(--cds-text-01,#161616);cursor:pointer;display:flex;height:2.5rem;justify-content:space-between;outline:2px solid transparent;padding:0 var(--cds-spacing-05,1rem) 0 var(--cds-spacing-09,3rem)}@media (min-width:42rem){.bx--tabs-trigger{display:none}}.bx--tabs-trigger:active,.bx--tabs-trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tabs-trigger:active,.bx--tabs-trigger:focus{outline-style:dotted}}.bx--tabs-trigger svg{fill:var(--cds-ui-05,#161616);left:var(--cds-spacing-05,1rem);position:absolute;transition:transform 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs-trigger--open:active,.bx--tabs-trigger--open:focus{outline:2px solid transparent;outline-offset:-2px;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs-trigger--open{background:var(--cds-ui-03,#e0e0e0)}.bx--tabs-trigger--open svg{transform:rotate(180deg);transform-origin:50% 45%;transition:transform 70ms}.bx--tabs--light.bx--tabs-trigger{background-color:var(--cds-field-02,#fff)}.bx--tabs-trigger-text{font-weight:400;overflow:hidden;padding-top:2px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.bx--tabs-trigger-text,.bx--tabs-trigger-text:hover{color:var(--cds-text-01,#161616)}.bx--tabs-trigger-text:focus{outline:none}.bx--tabs__nav{background:var(--cds-ui-01,#f4f4f4);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:flex;flex-direction:column;list-style:none;margin:0;max-height:600px;padding:0;position:absolute;transition:max-height 70ms cubic-bezier(.2,0,.38,.9);width:100%;z-index:9100}@media (min-width:42rem){.bx--tabs__nav{background:none;box-shadow:none;flex-direction:row;transition:inherit;width:auto;z-index:auto}}.bx--tabs__nav--hidden{max-height:0;overflow:hidden;transition:max-height 70ms cubic-bezier(.2,0,.38,.9)}@media (min-width:42rem){.bx--tabs__nav--hidden{display:flex;max-height:none;max-width:100%;overflow-x:auto;transition:inherit}}.bx--tabs__nav-item,:host(bx-tab){background-color:var(--cds-ui-01,#f4f4f4);border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:100%;height:2.5rem;margin:0;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--tabs__nav-item *,.bx--tabs__nav-item :after,.bx--tabs__nav-item :before,:host(bx-tab) *,:host(bx-tab) :after,:host(bx-tab) :before{box-sizing:inherit}@media (min-width:42rem){.bx--tabs__nav-item,:host(bx-tab){background:transparent;height:auto}.bx--tabs__nav-item+.bx--tabs__nav-item,.bx--tabs__nav-item+:host(bx-tab),:host(bx-tab)+.bx--tabs__nav-item,:host(bx-tab)+:host(bx-tab){margin-right:.0625rem}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item,.bx--tabs--container :host(bx-tab),:host(bx-tabs[type=container]) .bx--tabs__nav-item,:host(bx-tabs[type=container]) :host(bx-tab){background-color:var(--cds-ui-03,#e0e0e0)}.bx--tabs--container .bx--tabs__nav-item+.bx--tabs__nav-item,.bx--tabs--container .bx--tabs__nav-item+:host(bx-tab),.bx--tabs--container :host(bx-tab)+.bx--tabs__nav-item,.bx--tabs--container :host(bx-tab)+:host(bx-tab),:host(bx-tabs[type=container]) .bx--tabs__nav-item+.bx--tabs__nav-item,:host(bx-tabs[type=container]) .bx--tabs__nav-item+:host(bx-tab),:host(bx-tabs[type=container]) :host(bx-tab)+.bx--tabs__nav-item,:host(bx-tabs[type=container]) :host(bx-tab)+:host(bx-tab){box-shadow:1px 0 0 0 var(--cds-ui-04,#8d8d8d);margin-right:0}.bx--tabs--container .bx--tabs__nav-item+.bx--tabs__nav-item.bx--tabs__nav-item--selected,.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--selected+.bx--tabs__nav-item,.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--selected+:host(bx-tab),.bx--tabs--container :host(bx-tab)+.bx--tabs__nav-item.bx--tabs__nav-item--selected,:host(bx-tabs[type=container]) .bx--tabs__nav-item+.bx--tabs__nav-item.bx--tabs__nav-item--selected,:host(bx-tabs[type=container]) .bx--tabs__nav-item.bx--tabs__nav-item--selected+.bx--tabs__nav-item,:host(bx-tabs[type=container]) .bx--tabs__nav-item.bx--tabs__nav-item--selected+:host(bx-tab),:host(bx-tabs[type=container]) :host(bx-tab)+.bx--tabs__nav-item.bx--tabs__nav-item--selected{box-shadow:none}}.bx--tabs__nav-item .bx--tabs__nav-link,:host(bx-tab) .bx--tabs__nav-link{transition:color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}@media (min-width:42rem){.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected){background:transparent}}.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled){background-color:var(--cds-hover-ui,#e5e5e5);box-shadow:0 -1px 0 var(--cds-hover-ui,#e5e5e5)}@media (min-width:42rem){.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled){background-color:transparent}.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled)+.bx--tabs__nav-item,.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled)+:host(bx-tab){box-shadow:none}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled),:host(bx-tabs[type=container]) .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled){background-color:var(--cds-hover-selected-ui,#cacaca)}}.bx--tabs__nav-item--disabled,.bx--tabs__nav-item--disabled:hover{cursor:not-allowed;outline:none}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled,.bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled:hover,:host(bx-tabs[type=container]) .bx--tabs__nav-item.bx--tabs__nav-item--disabled{background-color:var(--cds-disabled-02,#c6c6c6)}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item--disabled .bx--tabs__nav-link,:host(bx-tabs[type=container]) .bx--tabs__nav-item--disabled .bx--tabs__nav-link{border-bottom:none;color:var(--cds-disabled-03,#8d8d8d)}}.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled){border:none;display:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}@media (min-width:42rem){.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled){display:flex}.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus{border-bottom:2px solid var(--cds-interactive-04,#0f62fe);color:var(--cds-text-01,#161616);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)}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled),.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled),:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled){background-color:var(--cds-ui-01,#f4f4f4)}.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{border-bottom:none;box-shadow:inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2);padding:var(--cds-spacing-03,.5rem) var(--cds-spacing-05,1rem)}.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,.bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,.bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,:host(bx-tabs[type=container]) .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus{box-shadow:none}}a.bx--tabs__nav-link{border-bottom:1px solid var(--cds-ui-03,#e0e0e0);color:var(--cds-text-02,#525252);display:inline-block;font-weight:400;height:2.5rem;line-height:1rem;margin:0 var(--cds-spacing-05,1rem);outline:2px solid transparent;outline-offset:-2px;overflow:hidden;padding:var(--cds-spacing-04,.75rem) 0;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap;width:calc(100% - 32px)}a.bx--tabs__nav-link:active,a.bx--tabs__nav-link:focus{margin:0;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;padding-right:16px;width:100%}@media screen and (prefers-contrast){a.bx--tabs__nav-link:active,a.bx--tabs__nav-link:focus{outline-style:dotted}}@media (min-width:42rem){a.bx--tabs__nav-link{border-bottom:2px solid var(--cds-ui-03,#e0e0e0);line-height:inherit;margin:0;padding:var(--cds-spacing-04,.75rem) var(--cds-spacing-05,1rem) var(--cds-spacing-03,.5rem);width:10rem}a.bx--tabs__nav-link:active,a.bx--tabs__nav-link:focus{border-bottom:2px;width:10rem}}@media (min-width:42rem){.bx--tabs--container a.bx--tabs__nav-link,:host(bx-tabs[type=container]) a.bx--tabs__nav-link{border-bottom:none;height:3rem;line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2);padding:var(--cds-spacing-03,.5rem) var(--cds-spacing-05,1rem)}}.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{color:var(--cds-text-01,#161616)}@media (min-width:42rem){.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{border-bottom:2px solid var(--cds-ui-04,#8d8d8d);color:var(--cds-text-01,#161616)}}@media (min-width:42rem){.bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,:host(bx-tabs[type=container]) .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link{border-bottom:none}}.bx--tabs__nav-item--disabled .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);cursor:no-drop}.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);outline:none}.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) .bx--tabs__nav-link:focus,.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) a.bx--tabs__nav-link:active,:host(bx-tab:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)) .bx--tabs__nav-link:focus,:host(bx-tab:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)) a.bx--tabs__nav-link:active{color:var(--cds-text-02,#525252)}.bx--tab-content{padding:1rem}.bx--tab-content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tab-content:focus{outline-style:dotted}}.bx--tabs.bx--skeleton{cursor:default;pointer-events:none}.bx--skeleton.bx--tabs--scrollable:not(.bx--tabs--scrollable--container) .bx--tabs--scrollable__nav-item{border-bottom:2px solid var(--cds-skeleton-02,#c6c6c6)}.bx--tabs.bx--skeleton .bx--tabs__nav-link{align-items:center;display:flex;height:100%;padding:0 1rem;width:10rem}.bx--tabs.bx--skeleton .bx--tabs__nav-link span{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;display:block;height:.875rem;padding:0;pointer-events:none;position:relative;width:100%}.bx--tabs.bx--skeleton .bx--tabs__nav-link span:active,.bx--tabs.bx--skeleton .bx--tabs__nav-link span:focus,.bx--tabs.bx--skeleton .bx--tabs__nav-link span:hover{border:none;cursor:default;outline:none}.bx--tabs.bx--skeleton .bx--tabs__nav-link span: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--tabs.bx--skeleton .bx--tabs__nav-link span:before{animation:none}}.bx--tabs.bx--skeleton .bx--tabs-trigger{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:6.25rem}.bx--tabs.bx--skeleton .bx--tabs-trigger:active,.bx--tabs.bx--skeleton .bx--tabs-trigger:focus,.bx--tabs.bx--skeleton .bx--tabs-trigger:hover{border:none;cursor:default;outline:none}.bx--tabs.bx--skeleton .bx--tabs-trigger: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--tabs.bx--skeleton .bx--tabs-trigger:before{animation:none}}.bx--tabs.bx--skeleton .bx--tabs-trigger svg{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--tabs--scrollable{border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);display: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);height:auto;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;min-height:2.5rem;padding:0;vertical-align:baseline;width:100%}.bx--tabs--scrollable *,.bx--tabs--scrollable :after,.bx--tabs--scrollable :before{box-sizing:inherit}.bx--tabs--scrollable.bx--tabs--scrollable--container{min-height:3rem}.bx--tabs--scrollable .bx--tabs--scrollable__nav{display:flex;flex-direction:row;list-style:none;margin:0;max-width:100%;outline:0;overflow:auto hidden;padding:0;scrollbar-width:none;transition:max-height 70ms cubic-bezier(.2,0,.38,.9);width:auto}.bx--tabs--scrollable .bx--tabs--scrollable__nav::-webkit-scrollbar{display:none}.bx--tabs--scrollable .bx--tabs__overflow-indicator--left,.bx--tabs--scrollable .bx--tabs__overflow-indicator--right{flex:1 0 auto;width:.5rem;z-index:1}.bx--tabs--scrollable .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-ui-background,#fff));margin-left:-.5rem}.bx--tabs--scrollable .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-ui-background,#fff));margin-right:-.5rem}.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-ui-01,#f4f4f4))}.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-ui-01,#f4f4f4))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-ui-03,#e0e0e0))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-ui-03,#e0e0e0))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tabs--scrollable .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-ui-background,#ffffff),0),var(--cds-ui-background,#fff))}.bx--tabs--scrollable .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-ui-background,#ffffff),0),var(--cds-ui-background,#fff))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-ui-03,#e0e0e0),0),var(--cds-ui-03,#e0e0e0))}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-ui-03,#e0e0e0),0),var(--cds-ui-03,#e0e0e0))}}}.bx--tabs--scrollable .bx--tab--overflow-nav-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;flex-shrink:0;font-family:inherit;font-size:100%;justify-content:center;margin:0;padding:0;vertical-align:baseline;width:100%;width:2.5rem}.bx--tabs--scrollable .bx--tab--overflow-nav-button *,.bx--tabs--scrollable .bx--tab--overflow-nav-button :after,.bx--tabs--scrollable .bx--tab--overflow-nav-button :before{box-sizing:inherit}.bx--tabs--scrollable .bx--tab--overflow-nav-button::-moz-focus-inner{border:0}.bx--tabs--scrollable .bx--tab--overflow-nav-button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tabs--scrollable .bx--tab--overflow-nav-button:focus{outline-style:dotted}}.bx--tabs--scrollable .bx--tab--overflow-nav-button--hidden{display:none}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tab--overflow-nav-button{background-color:var(--cds-ui-03,#e0e0e0);margin:0;width:3rem}.bx--tabs--scrollable .bx--tab--overflow-nav-button svg{fill:var(--cds-icon-01,#161616)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item{border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:100%;margin:0;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item *,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item :after,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item :before{box-sizing:inherit}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item{margin-right:.0625rem}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item{background-color:var(--cds-ui-03,#e0e0e0)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item{box-shadow:.0625rem 0 0 0 var(--cds-ui-04,#8d8d8d);margin-right:0}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected+.bx--tabs--scrollable__nav-item{box-shadow:none}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link{transition:color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item:hover{background-color:var(--cds-hover-selected-ui,#cacaca)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled:hover{background-color:transparent;cursor:not-allowed;outline:none}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--disabled,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--disabled:hover{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected{transition:color 70ms cubic-bezier(.2,0,.38,.9)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus{border-bottom:2px solid var(--cds-interactive-04,#0f62fe);color:var(--cds-text-01,#161616);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)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover{background-color:var(--cds-ui-01,#f4f4f4)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover .bx--tabs--scrollable__nav-link:focus{box-shadow:none}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link{box-shadow:inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2)}.bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected,.bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover{background-color:var(--cds-ui-background,#fff)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid var(--cds-ui-03,#e0e0e0);box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;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:2px solid transparent;outline-offset:-2px;overflow:hidden;padding:0;padding:var(--cds-spacing-04,.75rem) var(--cds-spacing-05,1rem) var(--cds-spacing-03,.5rem);text-align:right;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;white-space:nowrap;width:10rem}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link *,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link :after,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link :before{box-sizing:inherit}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link::-moz-focus-inner{border:0}.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:focus{outline-style:dotted}}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-link{border-bottom:0;height:3rem;line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2);padding:var(--cds-spacing-03,.5rem) var(--cds-spacing-05,1rem)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item:hover .bx--tabs--scrollable__nav-link{border-bottom:2px solid var(--cds-ui-04,#8d8d8d);color:var(--cds-text-01,#161616)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link{border-bottom:none}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6)}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled:hover .bx--tabs--scrollable__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:none}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:focus{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);outline:none}.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link,.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:focus,.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled:hover .bx--tabs--scrollable__nav-link{border-bottom-color:var(--cds-ui-03,#e0e0e0)}.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link{border-bottom:none;color:var(--cds-disabled-03,#8d8d8d)}.bx--tabs--scrollable .bx--tab-content{padding:1rem}.bx--tabs--scrollable .bx--tabs.bx--skeleton{cursor:default;pointer-events:none}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:active,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:focus,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:hover{border:none;cursor:default;outline:none}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link: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--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:before{animation:none}}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;margin-left:.0625rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:active,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:focus,.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:hover{border:none;cursor:default;outline:none}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger: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--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:before{animation:none}}.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger svg{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}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tabs--scrollable__nav-item .bx--tabs__nav-item--selected .bx--tabs--scrollable__nav-item--selected{color:Highlight;outline:1px solid Highlight}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link{fill:GrayText;color:GrayText}}:host(bx-tabs){display:block;outline:2px solid transparent;outline-offset:-2px}:host(bx-tabs[color-scheme=light]){background-color:var(--cds-ui-01,#f4f4f4)}:host(bx-tabs) .bx--tabs-trigger svg{height:auto;width:auto}:host(bx-tabs:focus) .bx--tabs-trigger{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-tabs:focus) .bx--tabs-trigger{outline-style:dotted}}:host(bx-tab){outline:none}:host(bx-tab) .bx--tabs__nav-link:active{outline:2px solid transparent;outline-offset:-2px}:host(bx-tab:hover){background-color:var(--cds-hover-ui,#e5e5e5);box-shadow:0 -1px 0 var(--cds-hover-ui,#e5e5e5)}@media (min-width:42rem){:host(bx-tab:hover){background-color:transparent;box-shadow:none}}@media (min-width:42rem){:host(bx-tab[type=container]){background-color:var(--cds-ui-03,#e0e0e0)}:host(bx-tab[type=container])+.bx--tabs__nav-item,:host(bx-tab[type=container])+:host(bx-tab){box-shadow:1px 0 0 0 var(--cds-ui-04,#8d8d8d);margin-right:0}:host(bx-tab[type=container])+.bx--tabs__nav-item.bx--tabs__nav-item--selected,:host(bx-tab[type=container].bx--tabs__nav-item--selected)+.bx--tabs__nav-item,:host(bx-tab[type=container].bx--tabs__nav-item--selected)+:host(bx-tab){box-shadow:none}}@media (min-width:42rem){:host(bx-tab[type=container]:hover){background-color:var(--cds-hover-selected-ui,#cacaca)}}@media (min-width:42rem){:host(bx-tab[type=container]) a.bx--tabs__nav-link{height:3rem;line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2)}}@media (min-width:42rem){:host(bx-tab[type=container][role]) a.bx--tabs__nav-link,:host(bx-tab[type=container][role]:hover) a.bx--tabs__nav-link{border-bottom:none}}:host(bx-tab[disabled][role]),:host(bx-tab[disabled][role]:hover){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:none;cursor:not-allowed;outline:none}@media (min-width:42rem){:host(bx-tab[disabled][role]),:host(bx-tab[disabled][role]:hover){background-color:transparent}}:host(bx-tab[disabled][role]) .bx--tabs__nav-link,:host(bx-tab[disabled][role]:hover) .bx--tabs__nav-link{color:var(--cds-disabled-02,#c6c6c6);pointer-events:none}@media (min-width:42rem){:host(bx-tab[disabled][role]) .bx--tabs__nav-link,:host(bx-tab[disabled][role]:hover) .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4)}}@media (min-width:42rem){:host(bx-tab[type=container][disabled][role]),:host(bx-tab[type=container][disabled][role]:hover){background-color:var(--cds-disabled-02,#c6c6c6)}}@media (min-width:42rem){:host(bx-tab[type=container][disabled][role]) .bx--tabs__nav-link{color:var(--cds-disabled-03,#8d8d8d)}}:host(bx-tab[selected]){background-color:var(--cds-hover-ui,#e5e5e5);transition:color 70ms cubic-bezier(.2,0,.38,.9)}:host(bx-tab[selected]:hover){background-color:var(--cds-selected-ui,#e0e0e0)}@media (min-width:42rem){:host(bx-tab[selected]:hover){background-color:transparent}}:host(bx-tab[selected]) .bx--tabs__nav-link,:host(bx-tab[selected]) .bx--tabs__nav-link:active,:host(bx-tab[selected]) .bx--tabs__nav-link:focus{color:var(--cds-text-01,#161616)}@media (min-width:42rem){:host(bx-tab[selected]){background-color:transparent;display:flex}:host(bx-tab[selected]) .bx--tabs__nav-link{border-bottom:3px solid var(--cds-interactive-01,#0f62fe);font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}:host(bx-tab[selected]) .bx--tabs__nav-link:active,:host(bx-tab[selected]) .bx--tabs__nav-link:focus{border-bottom-width:2px}}@media (min-width:42rem){:host(bx-tab[type=container][selected]),:host(bx-tab[type=container][selected]:hover){background-color:var(--cds-ui-01,#f4f4f4)}:host(bx-tab[type=container][selected]) .bx--tabs__nav-link,:host(bx-tab[type=container][selected]:hover) .bx--tabs__nav-link{border-bottom:none;box-shadow:inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);line-height:calc(3rem - var(--cds-spacing-03, .5rem)*2)}:host(bx-tab[type=container][selected]) .bx--tabs__nav-link:active,:host(bx-tab[type=container][selected]) .bx--tabs__nav-link:focus,:host(bx-tab[type=container][selected]:hover) .bx--tabs__nav-link:active,:host(bx-tab[type=container][selected]:hover) .bx--tabs__nav-link:focus{box-shadow:none}}:host(bx-tab[highlighted]),:host(bx-tab[highlighted]:hover){background-color:var(--cds-hover-ui,#e5e5e5);box-shadow:0 -1px 0 var(--cds-hover-ui,#e5e5e5)}@media (min-width:42rem){:host(bx-tab[highlighted]),:host(bx-tab[highlighted]:hover){background-color:transparent;box-shadow:none}}:host(bx-tab[highlighted][selected]),:host(bx-tab[highlighted][selected]:hover){background-color:var(--cds-selected-ui,#e0e0e0)}@media (min-width:42rem){:host(bx-tab[highlighted][selected]),:host(bx-tab[highlighted][selected]:hover){background-color:transparent}}:host(bx-tab[disabled][in-focus][selected]),:host(bx-tab[disabled][in-focus][selected]:hover),:host(bx-tab[disabled][selected]),:host(bx-tab[disabled][selected]:hover){background-color:var(--cds-ui-01,#f4f4f4);box-shadow:none;display:flex}@media (min-width:42rem){:host(bx-tab[disabled][in-focus][selected]),:host(bx-tab[disabled][in-focus][selected]:hover),:host(bx-tab[disabled][selected]),:host(bx-tab[disabled][selected]:hover){background-color:transparent;outline:2px solid transparent;outline-offset:-2px}}@media (min-width:42rem){:host(bx-tab[disabled][in-focus][selected]) .bx--tabs__nav-link,:host(bx-tab[disabled][in-focus][selected]:hover) .bx--tabs__nav-link,:host(bx-tab[disabled][selected]) .bx--tabs__nav-link,:host(bx-tab[disabled][selected]:hover) .bx--tabs__nav-link{border-bottom:2px solid var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);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)}:host(bx-tab[disabled][in-focus][selected]) .bx--tabs__nav-link:active,:host(bx-tab[disabled][in-focus][selected]) .bx--tabs__nav-link:focus,:host(bx-tab[disabled][in-focus][selected]:hover) .bx--tabs__nav-link:active,:host(bx-tab[disabled][in-focus][selected]:hover) .bx--tabs__nav-link:focus,:host(bx-tab[disabled][selected]) .bx--tabs__nav-link:active,:host(bx-tab[disabled][selected]) .bx--tabs__nav-link:focus,:host(bx-tab[disabled][selected]:hover) .bx--tabs__nav-link:active,:host(bx-tab[disabled][selected]:hover) .bx--tabs__nav-link:focus{border-bottom-width:3px}}:host(bx-tabs-skeleton) .bx--tabs-trigger{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:6.25rem}:host(bx-tabs-skeleton) .bx--tabs-trigger:active,:host(bx-tabs-skeleton) .bx--tabs-trigger:focus,:host(bx-tabs-skeleton) .bx--tabs-trigger:hover{border:none;cursor:default;outline:none}:host(bx-tabs-skeleton) .bx--tabs-trigger: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){:host(bx-tabs-skeleton) .bx--tabs-trigger:before{animation:none}}@media (min-width:42rem){:host(bx-tab-skeleton){margin-right:.125rem}}:host(bx-tab-skeleton) .bx--tabs__nav-link{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.75rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}:host(bx-tab-skeleton) .bx--tabs__nav-link:active,:host(bx-tab-skeleton) .bx--tabs__nav-link:focus,:host(bx-tab-skeleton) .bx--tabs__nav-link:hover{border:none;cursor:default;outline:none}:host(bx-tab-skeleton) .bx--tabs__nav-link: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){:host(bx-tab-skeleton) .bx--tabs__nav-link:before{animation:none}}@media (min-width:42rem){:host(bx-tab-skeleton:first-of-type){margin-right:0}}']);let z,I=e=>e;const{prefix:T}=s;t([m(`${T}-tabs`)],(function(e,t){class s extends t{constructor(...t){super(...t),e(this)}}return{F:s,d:[{kind:"field",key:"_open",value:()=>!1},{kind:"field",key:"_currentIndex",value:()=>0},{kind:"field",key:"_selectedItemContent",value:()=>null},{kind:"field",key:"_totalTabs",value:()=>0},{kind:"field",decorators:[f("#trigger")],key:"_triggerNode",value:void 0},{kind:"method",decorators:[h("focusout")],key:"_handleFocusOut",value:function({relatedTarget:e}){this.contains(e)||this._handleUserInitiatedToggle(!1)}},{kind:"method",key:"_handleUserInitiatedToggle",value:function(e=!this._open){if(this._open=e,this._open)this._assistiveStatusText=this.selectingItemsAssistiveText;else{const{selectedItemAssistiveText:e,triggerContent:t,_assistiveStatusText:a,_selectedItemContent:s}=this,i=s&&s.textContent||t;i&&a!==e&&(this._assistiveStatusText=i)}this.requestUpdate()}},{kind:"method",key:"_clearHighlight",value:function(){v(this.querySelectorAll(this.constructor.selectorItem),(e=>{e.highlighted=!1}))}},{kind:"method",key:"_navigate",value:function(e,{immediate:t}={}){const{selectorItem:a,selectorItemHighlighted:s,selectorItemSelected:i}=this.constructor,o=this._getNextItem(this.querySelector(t?i:s),e);if(!o)return;t?this._handleUserInitiatedSelectItem(o):v(this.querySelectorAll(a),(e=>{e[t?"selected":"highlighted"]=o===e})),o.scrollIntoView({block:"nearest"});const b=o.textContent;b&&(this._assistiveStatusText=b),this._currentIndex+=e,this.requestUpdate()}},{kind:"method",decorators:[h("click")],key:"_handleClick",value:function(e){const{target:t}=e;this===t?this._handleUserInitiatedToggle():t.value===this.value?this._handleUserInitiatedToggle(!1):o(b(s.prototype),"_handleClick",this).call(this,e)}},{kind:"method",decorators:[h("keydown")],key:"_handleKeydown",value:function(e){const{_open:t,_triggerNode:a}=this,{key:s,target:i}=e,o=Boolean(a.offsetParent),b=this.constructor.getAction(s,{narrowMode:o});if(!t&&o)switch(b){case k.NAVIGATING:this._handleUserInitiatedToggle(!0),this._clearHighlight();break;case k.TRIGGERING:this._handleUserInitiatedToggle(!0)}else switch(b){case k.CLOSING:this._handleUserInitiatedToggle(!1);break;case k.SELECTING:this._handleUserInitiatedSelectItem(i);break;case k.HOME:this._navigate(this._currentIndex+this._totalTabs,{immediate:!o});break;case k.END:this._navigate(-this._currentIndex,{immediate:!o});break;case k.NAVIGATING:{const e=o?p[s]:n[s];e&&this._navigate(e,{immediate:!o})}break;case k.TRIGGERING:{const{selectorItemHighlighted:e}=this.constructor,t=this.querySelector(e);t?t.value===this.value?this._handleUserInitiatedToggle(!1):this._handleUserInitiatedSelectItem(t):this._handleUserInitiatedToggle()}}}},{kind:"method",key:"_selectionDidChange",value:function(e){o(b(s.prototype),"_selectionDidChange",this).call(this,e),this._assistiveStatusText=this.selectedItemAssistiveText,this._handleUserInitiatedToggle(!1)}},{kind:"field",decorators:[u({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>g.REGULAR},{kind:"field",decorators:[u({attribute:"selecting-items-assistive-text"})],key:"selectingItemsAssistiveText",value:()=>"Selecting items. Use up and down arrow keys to navigate."},{kind:"field",decorators:[u({attribute:"selected-item-assistive-text"})],key:"selectedItemAssistiveText",value:()=>"Selected an item."},{kind:"field",decorators:[u({attribute:"trigger-content"})],key:"triggerContent",value:()=>""},{kind:"field",decorators:[u({reflect:!0})],key:"type",value:()=>w.REGULAR},{kind:"method",key:"shouldUpdate",value:function(e){o(b(s.prototype),"shouldUpdate",this).call(this,e);const{selectorItem:t}=this.constructor;if(e.has("type")&&v(this.querySelectorAll(t),(e=>{this._totalTabs++,e.type=this.type})),e.has("value")){const e=_(this.querySelectorAll(t),(e=>e.value===this.value));if(e){const t=this.ownerDocument.createRange();t.selectNodeContents(e),this._selectedItemContent=t.cloneContents()}else this._selectedItemContent=null}return!0}},{kind:"method",key:"render",value:function(){const{triggerContent:e,_assistiveStatusText:t,_open:s,_selectedItemContent:i}=this,o=c({[`${T}--tabs-trigger`]:!0,[`${T}--tabs-trigger--open`]:s}),b=c({[`${T}--tabs__nav`]:!0,[`${T}--tabs__nav--hidden`]:!s});return a(z||(z=I`<div id="trigger" role="button" class="${0}" aria-labelledby="trigger-label" aria-expanded="${0}" aria-haspopup="listbox" aria-owns="tablist" aria-controls="tablist"><span id="trigger-label" class="${0}--tabs-trigger-text">${0}</span>${0}</div><ul id="tablist" role="tablist" class="${0}"><slot></slot></ul><div class="${0}--assistive-text" role="status" aria-live="assertive" aria-relevant="additions text">${0}</div>`),o,String(s),T,i||e,d({"aria-hidden":"true"}),b,T,t)}},{kind:"field",static:!0,key:"TRIGGER_KEYS",value:()=>new Set([" ","Enter"])},{kind:"get",static:!0,key:"selectorItem",value:function(){return`${T}-tab`}},{kind:"get",static:!0,key:"selectorItemEnabled",value:function(){return`${T}-tab:not([disabled])`}},{kind:"get",static:!0,key:"selectorItemHighlighted",value:function(){return`${T}-tab[highlighted]`}},{kind:"get",static:!0,key:"selectorItemSelected",value:function(){return`${T}-tab[selected]`}},{kind:"get",static:!0,key:"eventBeforeSelect",value:function(){return`${T}-tabs-beingselected`}},{kind:"get",static:!0,key:"eventSelect",value:function(){return`${T}-tabs-selected`}},{kind:"field",static:!0,key:"styles",value:()=>y},{kind:"method",static:!0,key:"getAction",value:function(e,{narrowMode:t}){return"Escape"===e?k.CLOSING:"Enter"===e?k.SELECTING:"Home"===e?k.HOME:"End"===e?k.END:e in(t?p:n)?k.NAVIGATING:t&&this.TRIGGER_KEYS.has(e)?k.TRIGGERING:k.NONE}}]}}),x(r));let S,G=e=>e;const{prefix:N}=s;t([m(`${N}-tab`)],(function(e,t){class s extends t{constructor(...t){super(...t),e(this)}}return{F:s,d:[{kind:"field",decorators:[u({type:Boolean,reflect:!0})],key:"highlighted",value:()=>!1},{kind:"field",decorators:[u({reflect:!0})],key:"type",value:()=>w.REGULAR},{kind:"field",decorators:[u()],key:"tabTitle",value:void 0},{kind:"method",key:"_handleSlotChange",value:function({target:e}){let t=e.assignedNodes();this.tabTitle=t[0].textContent}},{kind:"method",key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","listitem"),o(b(s.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function(){const{disabled:e,selected:t,tabTitle:s,_handleSlotChange:i}=this;return a(S||(S=G`<a class="${0}--tabs__nav-link" role="tab" aria-label="${0}" tabindex="${0}" ?disabled="${0}" aria-selected="${0}"><slot @slotchange="${0}"></slot></a>`),N,s,e?-1:0,e,Boolean(t),i)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),l);let E,$=e=>e;const{prefix:A}=s;t([m(`${A}-tab-skeleton`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return a(E||(E=$`<div class="${0}--tabs__nav-link"></div>`),A)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),i);let C,U=e=>e;const{prefix:j}=s;t([m(`${j}-tabs-skeleton`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return a(C||(C=U`<div class="${0}--tabs-trigger"><span class="${0}--tabs-trigger-text"></span></div><ul class="${0}--tabs__nav"><slot></slot></ul>`),j,j,j)}},{kind:"field",static:!0,key:"styles",value:()=>y}]}}),i);
|
package/dist/tag.min.js
CHANGED
|
@@ -70,4 +70,4 @@ let e,t;import{c as o,_ as a,L as r,h as i,s as n}from"./settings-898bd7b0.js";i
|
|
|
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="sm"}(e||(e={})),function(e){e.RED="red",e.MAGENTA="magenta",e.PURPLE="purple",e.BLUE="blue",e.CYAN="cyan",e.TEAL="teal",e.GREEN="green",e.GRAY="gray",e["COOL-GRAY"]="cool-gray",e["WARM-GRAY"]="warm-gray"}(t||(t={}));var x=o(['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--tag,:host(bx-filter-tag),:host(bx-tag){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--cds-tag-background-gray,#e0e0e0);border:0;border-radius:.9375rem;box-sizing:border-box;color:var(--cds-tag-color-gray,#393939);cursor:pointer;cursor:default;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem;max-width:100%;min-height:1.5rem;min-width:2rem;padding:.25rem .5rem;vertical-align:baseline;vertical-align:middle;word-break:break-word}.bx--tag *,.bx--tag :after,.bx--tag :before,:host(bx-filter-tag) *,:host(bx-filter-tag) :after,:host(bx-filter-tag) :before,:host(bx-tag) *,:host(bx-tag) :after,:host(bx-tag) :before{box-sizing:inherit}.bx--tag::-moz-focus-inner{border:0}.bx--tag .bx--tag__close-icon:hover,.bx--tag.bx--tag--interactive:hover,:host(bx-filter-tag) .bx--tag__close-icon:hover,:host(bx-tag) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag:not(:first-child),:host(bx-filter-tag:not(:first-child)),:host(bx-tag:not(:first-child)){margin-left:0}.bx--tag--red,:host(bx-filter-tag[type=red]),:host(bx-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.bx--tag--red .bx--tag__close-icon:hover,.bx--tag--red.bx--tag--interactive:hover,:host(bx-filter-tag[type=red]) .bx--tag__close-icon:hover,:host(bx-tag[type=red]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffb3b8)}.bx--tag--magenta,:host(bx-filter-tag[type=magenta]),:host(bx-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.bx--tag--magenta .bx--tag__close-icon:hover,.bx--tag--magenta.bx--tag--interactive:hover,:host(bx-filter-tag[type=magenta]) .bx--tag__close-icon:hover,:host(bx-tag[type=magenta]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffafd2)}.bx--tag--purple,:host(bx-filter-tag[type=purple]),:host(bx-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.bx--tag--purple .bx--tag__close-icon:hover,.bx--tag--purple.bx--tag--interactive:hover,:host(bx-filter-tag[type=purple]) .bx--tag__close-icon:hover,:host(bx-tag[type=purple]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#d4bbff)}.bx--tag--blue,:host(bx-filter-tag[type=blue]),:host(bx-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.bx--tag--blue .bx--tag__close-icon:hover,.bx--tag--blue.bx--tag--interactive:hover,:host(bx-filter-tag[type=blue]) .bx--tag__close-icon:hover,:host(bx-tag[type=blue]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#a6c8ff)}.bx--tag--cyan,:host(bx-filter-tag[type=cyan]),:host(bx-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.bx--tag--cyan .bx--tag__close-icon:hover,.bx--tag--cyan.bx--tag--interactive:hover,:host(bx-filter-tag[type=cyan]) .bx--tag__close-icon:hover,:host(bx-tag[type=cyan]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#82cfff)}.bx--tag--teal,:host(bx-filter-tag[type=teal]),:host(bx-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.bx--tag--teal .bx--tag__close-icon:hover,.bx--tag--teal.bx--tag--interactive:hover,:host(bx-filter-tag[type=teal]) .bx--tag__close-icon:hover,:host(bx-tag[type=teal]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#3ddbd9)}.bx--tag--green,:host(bx-filter-tag[type=green]),:host(bx-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.bx--tag--green .bx--tag__close-icon:hover,.bx--tag--green.bx--tag--interactive:hover,:host(bx-filter-tag[type=green]) .bx--tag__close-icon:hover,:host(bx-tag[type=green]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#6fdc8c)}.bx--tag--gray,:host(bx-filter-tag[type=gray]),:host(bx-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939)}.bx--tag--gray .bx--tag__close-icon:hover,.bx--tag--gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag--cool-gray,:host(bx-filter-tag[type=cool-gray]),:host(bx-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#343a3f)}.bx--tag--cool-gray .bx--tag__close-icon:hover,.bx--tag--cool-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=cool-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=cool-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#c1c7cd)}.bx--tag--warm-gray,:host(bx-filter-tag[type=warm-gray]),:host(bx-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#3c3838)}.bx--tag--warm-gray .bx--tag__close-icon:hover,.bx--tag--warm-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=warm-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=warm-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#cac5c4)}.bx--tag--high-contrast{background-color:var(--cds-inverse-02,#393939);color:var(--cds-inverse-01,#fff)}.bx--tag--high-contrast .bx--tag__close-icon:hover,.bx--tag--high-contrast.bx--tag--interactive:hover{background-color:var(--cds-inverse-hover-ui,#4c4c4c)}.bx--tag--outline{background-color:var(--cds-background,#fff);box-shadow:inset 0 0 0 1px var(--cds-inverse-02,#393939);color:var(--cds-text-01,#161616)}.bx--tag--outline .bx--tag__close-icon:hover,.bx--tag--outline.bx--tag--interactive:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--tag--disabled,.bx--tag--filter.bx--tag--disabled,.bx--tag--interactive.bx--tag--disabled,:host(bx-filter-tag[disabled]),:host(bx-tag[disabled]){background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6)}.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover,:host(bx-tag[disabled]) .bx--tag__close-icon:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--tag--disabled:hover,.bx--tag--filter.bx--tag--disabled:hover,.bx--tag--interactive.bx--tag--disabled:hover{cursor:not-allowed}.bx--tag__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--interactive:hover{cursor:pointer}.bx--tag--filter,:host(bx-filter-tag){cursor:pointer;padding-bottom:0;padding-right:0;padding-top:0}.bx--tag--filter:hover{outline:none}.bx--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.bx--tag__close-icon{align-items:center;background-color:transparent;border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9);width:1.5rem}.bx--tag__close-icon svg{fill:currentColor}.bx--tag__custom-icon{background-color:transparent;border:0;color:currentColor;flex-shrink:0;height:1rem;margin-right:var(--cds-spacing-02,.25rem);outline:none;padding:0;width:1rem}.bx--tag__custom-icon svg{fill:currentColor}.bx--tag--disabled .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}.bx--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--high-contrast .bx--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-inverse-focus-ui,#fff)}.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover{background-color:transparent}.bx--tag--filter.bx--tag--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--tag--sm,:host(bx-filter-tag[size=sm]),:host(bx-tag[size=sm]){min-height:1.125rem;padding:0 .5rem}.bx--tag--sm.bx--tag--filter{padding-right:0}.bx--tag--sm .bx--tag__close-icon,:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-left:.3125rem;width:1.125rem}.bx--tag.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);background-color:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;color:var(--cds-text-01,#161616);overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}.bx--tag.bx--skeleton:active,.bx--tag.bx--skeleton:focus,.bx--tag.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--tag.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--tag.bx--skeleton:before{animation:none}}.bx--tag.bx--skeleton .bx--tag__close-icon:hover,.bx--tag.bx--skeleton.bx--tag--interactive:hover{background-color:var(--cds-skeleton-01,#e5e5e5)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tag.bx--skeleton{transform:translateZ(0)}}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag,:host(bx-filter-tag),:host(bx-tag){outline:1px solid transparent}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag__close-icon svg,.bx--tag__custom-icon svg{fill:ButtonText}.bx--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(bx-filter-tag){display:none}:host(bx-filter-tag[open]){display:inline-flex}:host(bx-filter-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover{background-color:transparent}:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-left:.3125rem;width:1.125rem}:host(bx-filter-tag[size=sm]){padding-right:0}:host(bx-tag.bx--skeleton){background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}:host(bx-tag.bx--skeleton:active),:host(bx-tag.bx--skeleton:focus),:host(bx-tag.bx--skeleton:hover){border:none;cursor:default;outline:none}:host(bx-tag.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){:host(bx-tag.bx--skeleton):before{animation:none}}']);let f,v=e=>e;const{prefix:u}=n;a([c(`${u}-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.GRAY},{kind:"method",key:"render",value:function(){return i(f||(f=v` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),r);let p,m=e=>e;const{prefix:y}=n;a([c(`${y}-filter-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[g("button")],key:"_buttonNode",value:void 0},{kind:"field",decorators:[h("shadowRoot:click")],key:"_handleClick",value(){return e=>{if(e.composedPath().indexOf(this._buttonNode)>=0)if(this.disabled)e.stopPropagation();else if(this.open){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,t))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,t)))}}}},{kind:"field",decorators:[s({type:String,reflect:!0})],key:"title",value:()=>"Clear filter"},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"open",value:()=>!0},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.RED},{kind:"method",key:"render",value:function(){const{disabled:e}=this;return i(p||(p=m` <slot></slot> <button class="${0}--tag__close-icon" ?disabled="${0}"> ${0} </button> `),y,e,l({"aria-label":this.title}))}},{kind:"get",static:!0,key:"eventBeforeClose",value:function(){return`${y}-filter-tag-beingclosed`}},{kind:"get",static:!0,key:"eventClose",value:function(){return`${y}-filter-tag-closed`}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),b(d(r)));
|
|
73
|
+
*/!function(e){e.REGULAR="",e.SMALL="sm"}(e||(e={})),function(e){e.RED="red",e.MAGENTA="magenta",e.PURPLE="purple",e.BLUE="blue",e.CYAN="cyan",e.TEAL="teal",e.GREEN="green",e.GRAY="gray",e["COOL-GRAY"]="cool-gray",e["WARM-GRAY"]="warm-gray"}(t||(t={}));var x=o(['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--tag,:host(bx-filter-tag),:host(bx-tag){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--cds-tag-background-gray,#e0e0e0);border:0;border-radius:.9375rem;box-sizing:border-box;color:var(--cds-tag-color-gray,#393939);cursor:pointer;cursor:default;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem;max-width:100%;min-height:1.5rem;min-width:2rem;padding:.25rem .5rem;vertical-align:baseline;vertical-align:middle;word-break:break-word}.bx--tag *,.bx--tag :after,.bx--tag :before,:host(bx-filter-tag) *,:host(bx-filter-tag) :after,:host(bx-filter-tag) :before,:host(bx-tag) *,:host(bx-tag) :after,:host(bx-tag) :before{box-sizing:inherit}.bx--tag::-moz-focus-inner{border:0}.bx--tag .bx--tag__close-icon:hover,.bx--tag.bx--tag--interactive:hover,:host(bx-filter-tag) .bx--tag__close-icon:hover,:host(bx-tag) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag:not(:first-child),:host(bx-filter-tag:not(:first-child)),:host(bx-tag:not(:first-child)){margin-left:0}.bx--tag--red,:host(bx-filter-tag[type=red]),:host(bx-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.bx--tag--red .bx--tag__close-icon:hover,.bx--tag--red.bx--tag--interactive:hover,:host(bx-filter-tag[type=red]) .bx--tag__close-icon:hover,:host(bx-tag[type=red]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffb3b8)}.bx--tag--magenta,:host(bx-filter-tag[type=magenta]),:host(bx-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.bx--tag--magenta .bx--tag__close-icon:hover,.bx--tag--magenta.bx--tag--interactive:hover,:host(bx-filter-tag[type=magenta]) .bx--tag__close-icon:hover,:host(bx-tag[type=magenta]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffafd2)}.bx--tag--purple,:host(bx-filter-tag[type=purple]),:host(bx-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.bx--tag--purple .bx--tag__close-icon:hover,.bx--tag--purple.bx--tag--interactive:hover,:host(bx-filter-tag[type=purple]) .bx--tag__close-icon:hover,:host(bx-tag[type=purple]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#d4bbff)}.bx--tag--blue,:host(bx-filter-tag[type=blue]),:host(bx-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.bx--tag--blue .bx--tag__close-icon:hover,.bx--tag--blue.bx--tag--interactive:hover,:host(bx-filter-tag[type=blue]) .bx--tag__close-icon:hover,:host(bx-tag[type=blue]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#a6c8ff)}.bx--tag--cyan,:host(bx-filter-tag[type=cyan]),:host(bx-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.bx--tag--cyan .bx--tag__close-icon:hover,.bx--tag--cyan.bx--tag--interactive:hover,:host(bx-filter-tag[type=cyan]) .bx--tag__close-icon:hover,:host(bx-tag[type=cyan]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#82cfff)}.bx--tag--teal,:host(bx-filter-tag[type=teal]),:host(bx-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.bx--tag--teal .bx--tag__close-icon:hover,.bx--tag--teal.bx--tag--interactive:hover,:host(bx-filter-tag[type=teal]) .bx--tag__close-icon:hover,:host(bx-tag[type=teal]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#3ddbd9)}.bx--tag--green,:host(bx-filter-tag[type=green]),:host(bx-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.bx--tag--green .bx--tag__close-icon:hover,.bx--tag--green.bx--tag--interactive:hover,:host(bx-filter-tag[type=green]) .bx--tag__close-icon:hover,:host(bx-tag[type=green]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#6fdc8c)}.bx--tag--gray,:host(bx-filter-tag[type=gray]),:host(bx-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939)}.bx--tag--gray .bx--tag__close-icon:hover,.bx--tag--gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag--cool-gray,:host(bx-filter-tag[type=cool-gray]),:host(bx-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#343a3f)}.bx--tag--cool-gray .bx--tag__close-icon:hover,.bx--tag--cool-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=cool-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=cool-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#c1c7cd)}.bx--tag--warm-gray,:host(bx-filter-tag[type=warm-gray]),:host(bx-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#3c3838)}.bx--tag--warm-gray .bx--tag__close-icon:hover,.bx--tag--warm-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=warm-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=warm-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#cac5c4)}.bx--tag--high-contrast{background-color:var(--cds-inverse-02,#393939);color:var(--cds-inverse-01,#fff)}.bx--tag--high-contrast .bx--tag__close-icon:hover,.bx--tag--high-contrast.bx--tag--interactive:hover{background-color:var(--cds-inverse-hover-ui,#4c4c4c)}.bx--tag--outline{background-color:var(--cds-background,#fff);box-shadow:inset 0 0 0 1px var(--cds-inverse-02,#393939);color:var(--cds-text-01,#161616)}.bx--tag--outline .bx--tag__close-icon:hover,.bx--tag--outline.bx--tag--interactive:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--tag--disabled,.bx--tag--filter.bx--tag--disabled,.bx--tag--interactive.bx--tag--disabled,:host(bx-filter-tag[disabled]),:host(bx-tag[disabled]){background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6)}.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover,:host(bx-tag[disabled]) .bx--tag__close-icon:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--tag--disabled:hover,.bx--tag--filter.bx--tag--disabled:hover,.bx--tag--interactive.bx--tag--disabled:hover{cursor:not-allowed}.bx--tag__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--interactive:hover{cursor:pointer}.bx--tag--filter,:host(bx-filter-tag){cursor:pointer;padding-bottom:0;padding-right:0;padding-top:0}.bx--tag--filter:hover{outline:none}.bx--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.bx--tag__close-icon{align-items:center;background-color:transparent;border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9);width:1.5rem}.bx--tag__close-icon svg{fill:currentColor}.bx--tag__custom-icon{background-color:transparent;border:0;color:currentColor;flex-shrink:0;height:1rem;margin-right:var(--cds-spacing-02,.25rem);outline:none;padding:0;width:1rem}.bx--tag__custom-icon svg{fill:currentColor}.bx--tag--disabled .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}.bx--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--high-contrast .bx--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-inverse-focus-ui,#fff)}.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover{background-color:transparent}.bx--tag--filter.bx--tag--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--tag--sm,:host(bx-filter-tag[size=sm]),:host(bx-tag[size=sm]){min-height:1.125rem;padding:0 .5rem}.bx--tag--sm.bx--tag--filter{padding-right:0}.bx--tag--sm .bx--tag__close-icon,:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-left:.3125rem;width:1.125rem}.bx--tag.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);background-color:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;color:var(--cds-text-01,#161616);overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}.bx--tag.bx--skeleton:active,.bx--tag.bx--skeleton:focus,.bx--tag.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--tag.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--tag.bx--skeleton:before{animation:none}}.bx--tag.bx--skeleton .bx--tag__close-icon:hover,.bx--tag.bx--skeleton.bx--tag--interactive:hover{background-color:var(--cds-skeleton-01,#e5e5e5)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tag.bx--skeleton{transform:translateZ(0)}}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag,:host(bx-filter-tag),:host(bx-tag){outline:1px solid transparent}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag__close-icon svg,.bx--tag__custom-icon svg{fill:ButtonText}.bx--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(bx-filter-tag){display:none}:host(bx-filter-tag[open]){display:inline-flex}:host(bx-filter-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover{background-color:transparent}:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-left:.3125rem;width:1.125rem}:host(bx-filter-tag[size=sm]){padding-right:0}:host(bx-tag.bx--skeleton){background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}:host(bx-tag.bx--skeleton:active),:host(bx-tag.bx--skeleton:focus),:host(bx-tag.bx--skeleton:hover){border:none;cursor:default;outline:none}:host(bx-tag.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){:host(bx-tag.bx--skeleton):before{animation:none}}']);let f,v=e=>e;const{prefix:u}=n;a([c(`${u}-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.GRAY},{kind:"method",key:"render",value:function(){return i(f||(f=v`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),r);let p,m=e=>e;const{prefix:y}=n;a([c(`${y}-filter-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[g("button")],key:"_buttonNode",value:void 0},{kind:"field",decorators:[h("shadowRoot:click")],key:"_handleClick",value(){return e=>{if(e.composedPath().indexOf(this._buttonNode)>=0)if(this.disabled)e.stopPropagation();else if(this.open){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,t))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,t)))}}}},{kind:"field",decorators:[s({type:String,reflect:!0})],key:"title",value:()=>"Clear filter"},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"open",value:()=>!0},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.RED},{kind:"method",key:"render",value:function(){const{disabled:e}=this;return i(p||(p=m`<slot></slot><button class="${0}--tag__close-icon" ?disabled="${0}">${0}</button>`),y,e,l({"aria-label":this.title}))}},{kind:"get",static:!0,key:"eventBeforeClose",value:function(){return`${y}-filter-tag-beingclosed`}},{kind:"get",static:!0,key:"eventClose",value:function(){return`${y}-filter-tag-closed`}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),b(d(r)));
|
package/dist/tag.rtl.min.js
CHANGED
|
@@ -70,4 +70,4 @@ let e,t;import{c as o,_ as a,L as r,h as i,s as n}from"./settings-898bd7b0.js";i
|
|
|
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="sm"}(e||(e={})),function(e){e.RED="red",e.MAGENTA="magenta",e.PURPLE="purple",e.BLUE="blue",e.CYAN="cyan",e.TEAL="teal",e.GREEN="green",e.GRAY="gray",e["COOL-GRAY"]="cool-gray",e["WARM-GRAY"]="warm-gray"}(t||(t={}));var x=o(['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--tag,:host(bx-filter-tag),:host(bx-tag){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--cds-tag-background-gray,#e0e0e0);border:0;border-radius:.9375rem;box-sizing:border-box;color:var(--cds-tag-color-gray,#393939);cursor:pointer;cursor:default;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem;max-width:100%;min-height:1.5rem;min-width:2rem;padding:.25rem .5rem;vertical-align:baseline;vertical-align:middle;word-break:break-word}.bx--tag *,.bx--tag :after,.bx--tag :before,:host(bx-filter-tag) *,:host(bx-filter-tag) :after,:host(bx-filter-tag) :before,:host(bx-tag) *,:host(bx-tag) :after,:host(bx-tag) :before{box-sizing:inherit}.bx--tag::-moz-focus-inner{border:0}.bx--tag .bx--tag__close-icon:hover,.bx--tag.bx--tag--interactive:hover,:host(bx-filter-tag) .bx--tag__close-icon:hover,:host(bx-tag) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag:not(:first-child),:host(bx-filter-tag:not(:first-child)),:host(bx-tag:not(:first-child)){margin-right:0}.bx--tag--red,:host(bx-filter-tag[type=red]),:host(bx-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.bx--tag--red .bx--tag__close-icon:hover,.bx--tag--red.bx--tag--interactive:hover,:host(bx-filter-tag[type=red]) .bx--tag__close-icon:hover,:host(bx-tag[type=red]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffb3b8)}.bx--tag--magenta,:host(bx-filter-tag[type=magenta]),:host(bx-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.bx--tag--magenta .bx--tag__close-icon:hover,.bx--tag--magenta.bx--tag--interactive:hover,:host(bx-filter-tag[type=magenta]) .bx--tag__close-icon:hover,:host(bx-tag[type=magenta]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffafd2)}.bx--tag--purple,:host(bx-filter-tag[type=purple]),:host(bx-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.bx--tag--purple .bx--tag__close-icon:hover,.bx--tag--purple.bx--tag--interactive:hover,:host(bx-filter-tag[type=purple]) .bx--tag__close-icon:hover,:host(bx-tag[type=purple]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#d4bbff)}.bx--tag--blue,:host(bx-filter-tag[type=blue]),:host(bx-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.bx--tag--blue .bx--tag__close-icon:hover,.bx--tag--blue.bx--tag--interactive:hover,:host(bx-filter-tag[type=blue]) .bx--tag__close-icon:hover,:host(bx-tag[type=blue]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#a6c8ff)}.bx--tag--cyan,:host(bx-filter-tag[type=cyan]),:host(bx-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.bx--tag--cyan .bx--tag__close-icon:hover,.bx--tag--cyan.bx--tag--interactive:hover,:host(bx-filter-tag[type=cyan]) .bx--tag__close-icon:hover,:host(bx-tag[type=cyan]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#82cfff)}.bx--tag--teal,:host(bx-filter-tag[type=teal]),:host(bx-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.bx--tag--teal .bx--tag__close-icon:hover,.bx--tag--teal.bx--tag--interactive:hover,:host(bx-filter-tag[type=teal]) .bx--tag__close-icon:hover,:host(bx-tag[type=teal]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#3ddbd9)}.bx--tag--green,:host(bx-filter-tag[type=green]),:host(bx-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.bx--tag--green .bx--tag__close-icon:hover,.bx--tag--green.bx--tag--interactive:hover,:host(bx-filter-tag[type=green]) .bx--tag__close-icon:hover,:host(bx-tag[type=green]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#6fdc8c)}.bx--tag--gray,:host(bx-filter-tag[type=gray]),:host(bx-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939)}.bx--tag--gray .bx--tag__close-icon:hover,.bx--tag--gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag--cool-gray,:host(bx-filter-tag[type=cool-gray]),:host(bx-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#343a3f)}.bx--tag--cool-gray .bx--tag__close-icon:hover,.bx--tag--cool-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=cool-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=cool-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#c1c7cd)}.bx--tag--warm-gray,:host(bx-filter-tag[type=warm-gray]),:host(bx-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#3c3838)}.bx--tag--warm-gray .bx--tag__close-icon:hover,.bx--tag--warm-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=warm-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=warm-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#cac5c4)}.bx--tag--high-contrast{background-color:var(--cds-inverse-02,#393939);color:var(--cds-inverse-01,#fff)}.bx--tag--high-contrast .bx--tag__close-icon:hover,.bx--tag--high-contrast.bx--tag--interactive:hover{background-color:var(--cds-inverse-hover-ui,#4c4c4c)}.bx--tag--outline{background-color:var(--cds-background,#fff);box-shadow:inset 0 0 0 1px var(--cds-inverse-02,#393939);color:var(--cds-text-01,#161616)}.bx--tag--outline .bx--tag__close-icon:hover,.bx--tag--outline.bx--tag--interactive:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--tag--disabled,.bx--tag--filter.bx--tag--disabled,.bx--tag--interactive.bx--tag--disabled,:host(bx-filter-tag[disabled]),:host(bx-tag[disabled]){background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6)}.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover,:host(bx-tag[disabled]) .bx--tag__close-icon:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--tag--disabled:hover,.bx--tag--filter.bx--tag--disabled:hover,.bx--tag--interactive.bx--tag--disabled:hover{cursor:not-allowed}.bx--tag__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--interactive:hover{cursor:pointer}.bx--tag--filter,:host(bx-filter-tag){cursor:pointer;padding-bottom:0;padding-left:0;padding-top:0}.bx--tag--filter:hover{outline:none}.bx--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.bx--tag__close-icon{align-items:center;background-color:transparent;border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin:0 .125rem 0 0;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9);width:1.5rem}.bx--tag__close-icon svg{fill:currentColor}.bx--tag__custom-icon{background-color:transparent;border:0;color:currentColor;flex-shrink:0;height:1rem;margin-left:var(--cds-spacing-02,.25rem);outline:none;padding:0;width:1rem}.bx--tag__custom-icon svg{fill:currentColor}.bx--tag--disabled .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}.bx--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--high-contrast .bx--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-inverse-focus-ui,#fff)}.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover{background-color:transparent}.bx--tag--filter.bx--tag--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--tag--sm,:host(bx-filter-tag[size=sm]),:host(bx-tag[size=sm]){min-height:1.125rem;padding:0 .5rem}.bx--tag--sm.bx--tag--filter{padding-left:0}.bx--tag--sm .bx--tag__close-icon,:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-right:.3125rem;width:1.125rem}.bx--tag.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);background-color:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;color:var(--cds-text-01,#161616);overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}.bx--tag.bx--skeleton:active,.bx--tag.bx--skeleton:focus,.bx--tag.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--tag.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--tag.bx--skeleton:before{animation:none}}.bx--tag.bx--skeleton .bx--tag__close-icon:hover,.bx--tag.bx--skeleton.bx--tag--interactive:hover{background-color:var(--cds-skeleton-01,#e5e5e5)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tag.bx--skeleton{transform:translateZ(0)}}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag,:host(bx-filter-tag),:host(bx-tag){outline:1px solid transparent}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag__close-icon svg,.bx--tag__custom-icon svg{fill:ButtonText}.bx--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(bx-filter-tag){display:none}:host(bx-filter-tag[open]){display:inline-flex}:host(bx-filter-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover{background-color:transparent}:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-right:.3125rem;width:1.125rem}:host(bx-filter-tag[size=sm]){padding-left:0}:host(bx-tag.bx--skeleton){background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}:host(bx-tag.bx--skeleton:active),:host(bx-tag.bx--skeleton:focus),:host(bx-tag.bx--skeleton:hover){border:none;cursor:default;outline:none}:host(bx-tag.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){:host(bx-tag.bx--skeleton):before{animation:none}}']);let f,v=e=>e;const{prefix:u}=n;a([c(`${u}-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.GRAY},{kind:"method",key:"render",value:function(){return i(f||(f=v` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),r);let p,m=e=>e;const{prefix:y}=n;a([c(`${y}-filter-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[g("button")],key:"_buttonNode",value:void 0},{kind:"field",decorators:[h("shadowRoot:click")],key:"_handleClick",value(){return e=>{if(e.composedPath().indexOf(this._buttonNode)>=0)if(this.disabled)e.stopPropagation();else if(this.open){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,t))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,t)))}}}},{kind:"field",decorators:[s({type:String,reflect:!0})],key:"title",value:()=>"Clear filter"},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"open",value:()=>!0},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.RED},{kind:"method",key:"render",value:function(){const{disabled:e}=this;return i(p||(p=m` <slot></slot> <button class="${0}--tag__close-icon" ?disabled="${0}"> ${0} </button> `),y,e,l({"aria-label":this.title}))}},{kind:"get",static:!0,key:"eventBeforeClose",value:function(){return`${y}-filter-tag-beingclosed`}},{kind:"get",static:!0,key:"eventClose",value:function(){return`${y}-filter-tag-closed`}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),b(d(r)));
|
|
73
|
+
*/!function(e){e.REGULAR="",e.SMALL="sm"}(e||(e={})),function(e){e.RED="red",e.MAGENTA="magenta",e.PURPLE="purple",e.BLUE="blue",e.CYAN="cyan",e.TEAL="teal",e.GREEN="green",e.GRAY="gray",e["COOL-GRAY"]="cool-gray",e["WARM-GRAY"]="warm-gray"}(t||(t={}));var x=o(['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--tag,:host(bx-filter-tag),:host(bx-tag){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--cds-tag-background-gray,#e0e0e0);border:0;border-radius:.9375rem;box-sizing:border-box;color:var(--cds-tag-color-gray,#393939);cursor:pointer;cursor:default;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem;max-width:100%;min-height:1.5rem;min-width:2rem;padding:.25rem .5rem;vertical-align:baseline;vertical-align:middle;word-break:break-word}.bx--tag *,.bx--tag :after,.bx--tag :before,:host(bx-filter-tag) *,:host(bx-filter-tag) :after,:host(bx-filter-tag) :before,:host(bx-tag) *,:host(bx-tag) :after,:host(bx-tag) :before{box-sizing:inherit}.bx--tag::-moz-focus-inner{border:0}.bx--tag .bx--tag__close-icon:hover,.bx--tag.bx--tag--interactive:hover,:host(bx-filter-tag) .bx--tag__close-icon:hover,:host(bx-tag) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag:not(:first-child),:host(bx-filter-tag:not(:first-child)),:host(bx-tag:not(:first-child)){margin-right:0}.bx--tag--red,:host(bx-filter-tag[type=red]),:host(bx-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.bx--tag--red .bx--tag__close-icon:hover,.bx--tag--red.bx--tag--interactive:hover,:host(bx-filter-tag[type=red]) .bx--tag__close-icon:hover,:host(bx-tag[type=red]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffb3b8)}.bx--tag--magenta,:host(bx-filter-tag[type=magenta]),:host(bx-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.bx--tag--magenta .bx--tag__close-icon:hover,.bx--tag--magenta.bx--tag--interactive:hover,:host(bx-filter-tag[type=magenta]) .bx--tag__close-icon:hover,:host(bx-tag[type=magenta]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffafd2)}.bx--tag--purple,:host(bx-filter-tag[type=purple]),:host(bx-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.bx--tag--purple .bx--tag__close-icon:hover,.bx--tag--purple.bx--tag--interactive:hover,:host(bx-filter-tag[type=purple]) .bx--tag__close-icon:hover,:host(bx-tag[type=purple]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#d4bbff)}.bx--tag--blue,:host(bx-filter-tag[type=blue]),:host(bx-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.bx--tag--blue .bx--tag__close-icon:hover,.bx--tag--blue.bx--tag--interactive:hover,:host(bx-filter-tag[type=blue]) .bx--tag__close-icon:hover,:host(bx-tag[type=blue]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#a6c8ff)}.bx--tag--cyan,:host(bx-filter-tag[type=cyan]),:host(bx-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.bx--tag--cyan .bx--tag__close-icon:hover,.bx--tag--cyan.bx--tag--interactive:hover,:host(bx-filter-tag[type=cyan]) .bx--tag__close-icon:hover,:host(bx-tag[type=cyan]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#82cfff)}.bx--tag--teal,:host(bx-filter-tag[type=teal]),:host(bx-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.bx--tag--teal .bx--tag__close-icon:hover,.bx--tag--teal.bx--tag--interactive:hover,:host(bx-filter-tag[type=teal]) .bx--tag__close-icon:hover,:host(bx-tag[type=teal]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#3ddbd9)}.bx--tag--green,:host(bx-filter-tag[type=green]),:host(bx-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.bx--tag--green .bx--tag__close-icon:hover,.bx--tag--green.bx--tag--interactive:hover,:host(bx-filter-tag[type=green]) .bx--tag__close-icon:hover,:host(bx-tag[type=green]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#6fdc8c)}.bx--tag--gray,:host(bx-filter-tag[type=gray]),:host(bx-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939)}.bx--tag--gray .bx--tag__close-icon:hover,.bx--tag--gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.bx--tag--cool-gray,:host(bx-filter-tag[type=cool-gray]),:host(bx-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#343a3f)}.bx--tag--cool-gray .bx--tag__close-icon:hover,.bx--tag--cool-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=cool-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=cool-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#c1c7cd)}.bx--tag--warm-gray,:host(bx-filter-tag[type=warm-gray]),:host(bx-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#3c3838)}.bx--tag--warm-gray .bx--tag__close-icon:hover,.bx--tag--warm-gray.bx--tag--interactive:hover,:host(bx-filter-tag[type=warm-gray]) .bx--tag__close-icon:hover,:host(bx-tag[type=warm-gray]) .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#cac5c4)}.bx--tag--high-contrast{background-color:var(--cds-inverse-02,#393939);color:var(--cds-inverse-01,#fff)}.bx--tag--high-contrast .bx--tag__close-icon:hover,.bx--tag--high-contrast.bx--tag--interactive:hover{background-color:var(--cds-inverse-hover-ui,#4c4c4c)}.bx--tag--outline{background-color:var(--cds-background,#fff);box-shadow:inset 0 0 0 1px var(--cds-inverse-02,#393939);color:var(--cds-text-01,#161616)}.bx--tag--outline .bx--tag__close-icon:hover,.bx--tag--outline.bx--tag--interactive:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--tag--disabled,.bx--tag--filter.bx--tag--disabled,.bx--tag--interactive.bx--tag--disabled,:host(bx-filter-tag[disabled]),:host(bx-tag[disabled]){background-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6)}.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover,:host(bx-tag[disabled]) .bx--tag__close-icon:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--tag--disabled:hover,.bx--tag--filter.bx--tag--disabled:hover,.bx--tag--interactive.bx--tag--disabled:hover{cursor:not-allowed}.bx--tag__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--interactive:hover{cursor:pointer}.bx--tag--filter,:host(bx-filter-tag){cursor:pointer;padding-bottom:0;padding-left:0;padding-top:0}.bx--tag--filter:hover{outline:none}.bx--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.bx--tag__close-icon{align-items:center;background-color:transparent;border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin:0 .125rem 0 0;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9);width:1.5rem}.bx--tag__close-icon svg{fill:currentColor}.bx--tag__custom-icon{background-color:transparent;border:0;color:currentColor;flex-shrink:0;height:1rem;margin-left:var(--cds-spacing-02,.25rem);outline:none;padding:0;width:1rem}.bx--tag__custom-icon svg{fill:currentColor}.bx--tag--disabled .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}.bx--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none}.bx--tag--high-contrast .bx--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-inverse-focus-ui,#fff)}.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover{background-color:transparent}.bx--tag--filter.bx--tag--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--tag--sm,:host(bx-filter-tag[size=sm]),:host(bx-tag[size=sm]){min-height:1.125rem;padding:0 .5rem}.bx--tag--sm.bx--tag--filter{padding-left:0}.bx--tag--sm .bx--tag__close-icon,:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-right:.3125rem;width:1.125rem}.bx--tag.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);background-color:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;color:var(--cds-text-01,#161616);overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}.bx--tag.bx--skeleton:active,.bx--tag.bx--skeleton:focus,.bx--tag.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--tag.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--tag.bx--skeleton:before{animation:none}}.bx--tag.bx--skeleton .bx--tag__close-icon:hover,.bx--tag.bx--skeleton.bx--tag--interactive:hover{background-color:var(--cds-skeleton-01,#e5e5e5)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.bx--tag.bx--skeleton{transform:translateZ(0)}}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag,:host(bx-filter-tag),:host(bx-tag){outline:1px solid transparent}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--tag__close-icon svg,.bx--tag__custom-icon svg{fill:ButtonText}.bx--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(bx-filter-tag){display:none}:host(bx-filter-tag[open]){display:inline-flex}:host(bx-filter-tag[disabled]) .bx--tag__close-icon{cursor:not-allowed}:host(bx-filter-tag[disabled]) .bx--tag__close-icon,:host(bx-filter-tag[disabled]) .bx--tag__close-icon:hover{background-color:transparent}:host(bx-filter-tag[size=sm]) .bx--tag__close-icon,:host(bx-tag[size=sm]) .bx--tag__close-icon{height:1.125rem;margin-right:.3125rem;width:1.125rem}:host(bx-filter-tag[size=sm]){padding-left:0}:host(bx-tag.bx--skeleton){background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;overflow:hidden;padding:0;pointer-events:none;position:relative;width:3.75rem}:host(bx-tag.bx--skeleton:active),:host(bx-tag.bx--skeleton:focus),:host(bx-tag.bx--skeleton:hover){border:none;cursor:default;outline:none}:host(bx-tag.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){:host(bx-tag.bx--skeleton):before{animation:none}}']);let f,v=e=>e;const{prefix:u}=n;a([c(`${u}-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.GRAY},{kind:"method",key:"render",value:function(){return i(f||(f=v`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),r);let p,m=e=>e;const{prefix:y}=n;a([c(`${y}-filter-tag`)],(function(o,a){return{F:class extends a{constructor(...e){super(...e),o(this)}},d:[{kind:"field",decorators:[g("button")],key:"_buttonNode",value:void 0},{kind:"field",decorators:[h("shadowRoot:click")],key:"_handleClick",value(){return e=>{if(e.composedPath().indexOf(this._buttonNode)>=0)if(this.disabled)e.stopPropagation();else if(this.open){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,t))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,t)))}}}},{kind:"field",decorators:[s({type:String,reflect:!0})],key:"title",value:()=>"Clear filter"},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[s({type:Boolean,reflect:!0})],key:"open",value:()=>!0},{kind:"field",decorators:[s({reflect:!0})],key:"size",value:()=>e.REGULAR},{kind:"field",decorators:[s({reflect:!0})],key:"type",value:()=>t.RED},{kind:"method",key:"render",value:function(){const{disabled:e}=this;return i(p||(p=m`<slot></slot><button class="${0}--tag__close-icon" ?disabled="${0}">${0}</button>`),y,e,l({"aria-label":this.title}))}},{kind:"get",static:!0,key:"eventBeforeClose",value:function(){return`${y}-filter-tag-beingclosed`}},{kind:"get",static:!0,key:"eventClose",value:function(){return`${y}-filter-tag-closed`}},{kind:"field",static:!0,key:"styles",value:()=>x}]}}),b(d(r)));
|
package/dist/textarea.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-deefa0c3.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: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--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-right:2.5rem}.bx--text-area__wrapper{display:flex;position:relative;width:100%}.bx--text-area__invalid-icon{fill:var(--cds-support-01,#da1e28);position:absolute;right:1rem;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%;left:0;position:absolute;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-deefa0c3.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: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--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-right:2.5rem}.bx--text-area__wrapper{display:flex;position:relative;width:100%}.bx--text-area__invalid-icon{fill:var(--cds-support-01,#da1e28);position:absolute;right:1rem;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%;left:0;position:absolute;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);
|