@carbon/web-components 1.36.0 → 1.36.1
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/{checkbox-33a1eaf8.js → checkbox-39ba54c6.js} +1 -1
- package/dist/checkbox-d61e0f46.js +65 -0
- package/dist/checkbox.min.js +1 -1
- package/dist/checkbox.rtl.min.js +1 -1
- package/dist/data-table.min.js +1 -1
- package/dist/data-table.rtl.min.js +1 -1
- package/dist/date-picker.min.js +1 -1
- package/dist/date-picker.rtl.min.js +1 -1
- package/dist/{input-47bf976e.js → input-47f04966.js} +1 -1
- package/dist/{input-e5442b90.js → input-d66d0e9c.js} +1 -1
- package/dist/input.min.js +1 -1
- package/dist/input.rtl.min.js +1 -1
- package/dist/number-input.min.js +2 -2
- package/dist/number-input.rtl.min.js +2 -2
- package/dist/pagination.min.js +1 -1
- package/dist/pagination.rtl.min.js +1 -1
- package/dist/{search-87761b5e.js → search-e6781408.js} +1 -1
- package/dist/{search-f2955dfc.js → search-f36f74c2.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/toggle.min.js +1 -1
- package/dist/toggle.rtl.min.js +1 -1
- package/es/components/checkbox/checkbox.js +1 -1
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/input/input.d.ts +0 -4
- package/es/components/input/input.js +1 -11
- package/es/components/input/input.js.map +1 -1
- package/es/components/number-input/number-input.js +1 -1
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/pagination/pages-select.js +1 -1
- package/es/components/pagination/pages-select.js.map +1 -1
- package/package.json +2 -2
- package/dist/checkbox-7352ebd3.js +0 -65
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{a as e,c as r,_ as t,h as a,s as i,L as o}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{s}from"./16-a993279d.js";import{s as c}from"./20-f2be7924.js";import{s as l}from"./spread-989d7408.js";import{i as b}from"./if-non-empty-f23befc6.js";import{F as d}from"./focus-1800056c.js";import{F as h}from"./form-80943f8c.js";import{I as x}from"./input-47bf976e.js";import{F as p}from"./shared-enums-c6fe8c39.js";import{c as u}from"./carbon-element-18175602.js";import{p as f}from"./decorators-56213c84.js";var m=r(['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--search,:host(bx-search){align-items:center;display:flex;position:relative;width:100%}.bx--search .bx--label,:host(bx-search) .bx--label{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--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-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;order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--search-input *,.bx--search-input :after,.bx--search-input :before{box-sizing:inherit}.bx--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus{outline-style:dotted}}.bx--search-input::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::-ms-clear{display:none}.bx--search-input[disabled]{background-color:var(--cds-field,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--search-input[disabled]::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search-input[disabled]::placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search--light .bx--search-input,:host(bx-search[color-scheme=light]) .bx--search-input{background:var(--cds-field-02,#fff)}.bx--search--light .bx--search-close:before,:host(bx-search[color-scheme=light]) .bx--search-close:before{background:var(--cds-field-02,#fff)}.bx--search--sm .bx--search-input,.bx--search--sm.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=sm]) .bx--search-input,:host(bx-search[size=sm]) .bx--search-input{height:2rem;padding:0 var(--cds-spacing-07,2rem)}.bx--search--sm .bx--search-magnifier-icon,:host(bx-search-skeleton[size=sm]) .bx--search-magnifier-icon,:host(bx-search[size=sm]) .bx--search-magnifier-icon{left:.5rem}.bx--search--lg .bx--search-input,.bx--search--lg.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search) .bx--search-input,:host(bx-search-skeleton) .bx--search-input{height:2.5rem;padding:0 var(--cds-spacing-08,2.5rem)}.bx--search--lg .bx--search-magnifier-icon,:host(bx-search) .bx--search-magnifier-icon,:host(bx-search-skeleton) .bx--search-magnifier-icon{left:.75rem}.bx--search--xl .bx--search-input,.bx--search--xl.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=xl]) .bx--search-input,:host(bx-search[size=xl]) .bx--search-input{height:3rem;padding:0 var(--cds-spacing-09,3rem)}.bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252);height:1rem;left:var(--cds-spacing-05,1rem);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem;z-index:2}.bx--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;right:0;top:0;vertical-align:baseline}.bx--search-close *,.bx--search-close :after,.bx--search-close :before{box-sizing:inherit}.bx--search-close::-moz-focus-inner{border:0}.bx--search-close:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:calc(100% - 2px);left:0;position:absolute;top:.0625rem;transition:background-color .11s cubic-bezier(.2,0,.38,.9);width:2px}@media screen and (prefers-reduced-motion:reduce){.bx--search-close:before{transition:none}}.bx--search-close:hover{border-bottom:1px solid var(--cds-ui-04,#8d8d8d)}.bx--search-close:hover:before{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button{background-color:var(--cds-field-01,#f4f4f4);flex-shrink:0;margin-left:.125rem}.bx--search-button svg{fill:currentColor;vertical-align:middle}.bx--search-close svg{fill:inherit}.bx--search-button,.bx--search-close{fill:var(--cds-icon-01,#161616);align-items:center;border-color:transparent;border-style:solid;border-width:1px 0;cursor:pointer;display:flex;height:2.5rem;justify-content:center;opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9),border .11s cubic-bezier(.2,0,.38,.9);visibility:inherit;width:2.5rem}.bx--search-button:hover,.bx--search-close:hover{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button:focus,.bx--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:focus,.bx--search-close:focus{outline-style:dotted}}.bx--search-button:active,.bx--search-close:active{background-color:var(--cds-selected-ui,#e0e0e0);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:active,.bx--search-close:active{outline-style:dotted}}.bx--search--disabled .bx--search-close,.bx--search--disabled.bx--search--expandable .bx--search-magnifier{cursor:not-allowed;outline:none}.bx--search--disabled .bx--search-close:hover,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover{background-color:transparent;border-bottom-color:transparent}.bx--search--disabled .bx--search-close:hover:before,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover:before{background-color:transparent}.bx--search--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--search-close:active:before,.bx--search-close:focus:before{background-color:var(--cds-focus,#0f62fe)}.bx--search-input:focus~.bx--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus~.bx--search-close:hover{outline-style:dotted}}.bx--search--sm .bx--search-close,.bx--search--sm.bx--search--expandable,.bx--search--sm.bx--search--expandable .bx--search-magnifier,.bx--search--sm~.bx--search-button,:host(bx-search-skeleton[size=sm]) .bx--search-close,:host(bx-search-skeleton[size=sm])~.bx--search-button,:host(bx-search[size=sm]) .bx--search-close,:host(bx-search[size=sm])~.bx--search-button{height:2rem;width:2rem}.bx--search--sm.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2rem}.bx--search--sm.bx--search--expandable .bx--search-input::placeholder{padding:0 2rem}.bx--search--lg .bx--search-close,.bx--search--lg.bx--search--expandable,.bx--search--lg.bx--search--expandable .bx--search-magnifier,.bx--search--lg~.bx--search-button,:host(bx-search) .bx--search-close,:host(bx-search)~.bx--search-button,:host(bx-search-skeleton) .bx--search-close,:host(bx-search-skeleton)~.bx--search-button{height:2.5rem;width:2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::placeholder{padding:0 2.5rem}.bx--search--xl .bx--search-close,.bx--search--xl.bx--search--expandable,.bx--search--xl.bx--search--expandable .bx--search-magnifier,.bx--search--xl~.bx--search-button,:host(bx-search-skeleton[size=xl]) .bx--search-close,:host(bx-search-skeleton[size=xl])~.bx--search-button,:host(bx-search[size=xl]) .bx--search-close,:host(bx-search[size=xl])~.bx--search-button{height:3rem;width:3rem}.bx--search--xl.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 3rem}.bx--search--xl.bx--search--expandable .bx--search-input::placeholder{padding:0 3rem}.bx--search-close--hidden{opacity:0;visibility:hidden}.bx--search--lg.bx--skeleton .bx--search-input,.bx--search--sm.bx--skeleton .bx--search-input,.bx--search--xl.bx--skeleton .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}.bx--search--lg.bx--skeleton .bx--search-input:active,.bx--search--lg.bx--skeleton .bx--search-input:focus,.bx--search--lg.bx--skeleton .bx--search-input:hover,.bx--search--sm.bx--skeleton .bx--search-input:active,.bx--search--sm.bx--skeleton .bx--search-input:focus,.bx--search--sm.bx--skeleton .bx--search-input:hover,.bx--search--xl.bx--skeleton .bx--search-input:active,.bx--search--xl.bx--skeleton .bx--search-input:focus,.bx--search--xl.bx--skeleton .bx--search-input:hover{border:none;cursor:default;outline:none}.bx--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input: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--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input:before{animation:none}}.bx--search--lg.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--sm.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--xl.bx--skeleton .bx--search-input::-moz-placeholder{color:transparent}.bx--search--lg.bx--skeleton .bx--search-input::placeholder,.bx--search--sm.bx--skeleton .bx--search-input::placeholder,.bx--search--xl.bx--skeleton .bx--search-input::placeholder{color:transparent}.bx--search--expandable{transition:width 70ms cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded{width:100%}.bx--search--expandable .bx--search-input{padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms;width:0}.bx--search--expandable .bx--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable .bx--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded .bx--search-input{transition:padding 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--search--expandable.bx--search--expanded .bx--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable.bx--search--expanded .bx--search-input::placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable .bx--search-magnifier{cursor:pointer;position:absolute}.bx--search--expandable .bx--search-magnifier:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier{pointer-events:none}.bx--search--expandable .bx--search-magnifier-icon{fill:var(--cds-icon-01,#161616)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--search-close svg,.bx--search-magnifier-icon{fill:ButtonText}}:host(bx-search){outline:none}:host(bx-search-skeleton){width:100%}:host(bx-search-skeleton) .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}:host(bx-search-skeleton) .bx--search-input:active,:host(bx-search-skeleton) .bx--search-input:focus,:host(bx-search-skeleton) .bx--search-input:hover{border:none;cursor:default;outline:none}:host(bx-search-skeleton) .bx--search-input: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-search-skeleton) .bx--search-input:before{animation:none}}:host(bx-search-skeleton) .bx--search-input::-moz-placeholder{color:transparent}:host(bx-search-skeleton) .bx--search-input::placeholder{color:transparent}']);let g,v=e=>e;const{prefix:k}=i;let w=t([u(`${k}-search`)],(function(r,t){return{F:class extends t{constructor(...e){super(...e),r(this)}},d:[{kind:"method",key:"_handleInput",value:function(e){const{target:r}=e,{value:t}=r;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t}})),this.value=t}},{kind:"method",key:"_handleClearInputButtonClick",value:function(){if(this.value){this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:""}})),this.value="";this.shadowRoot.querySelector("input").focus()}}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:r}=e,{disabled:t,name:a,value:i}=this;t||r.append(a,i)}},{kind:"field",decorators:[f({attribute:"close-button-assistive-text"})],key:"closeButtonAssistiveText",value:()=>""},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>p.REGULAR},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[f({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[f()],key:"name",value:()=>""},{kind:"field",decorators:[f()],key:"placeholder",value:()=>""},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>x.REGULAR},{kind:"field",decorators:[f()],key:"type",value:()=>""},{kind:"field",decorators:[f({type:String})],key:"value",value:()=>""},{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{closeButtonAssistiveText:r,disabled:t,labelText:i,name:o,placeholder:d,size:h,type:p,value:u="",_handleInput:f,_handleClearInputButtonClick:m}=this,w=n({[`${k}--search-close`]:!0,[`${k}--search-close--hidden`]:!this.value});return a(g||(g=v` ${0} <label for="input" part="label-text" class="${0}--label"> <slot>${0}</slot> </label> <input id="input" part="input" type="${0}" class="${0}--search-input" ?disabled="${0}" name="${0}" placeholder="${0}" role="searchbox" .value="${0}" @input="${0}"> <button part="close-button" class="${0}" @click="${0}" type="button" aria-label="${0}"> ${0} </button> `),(({children:r,...t}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${l(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${r}<path d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5 C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"></path></svg>`)({part:"search-icon",class:`${k}--search-magnifier-icon`,role:"img"}),k,i,b(p),k,t,b(o),b(d),u,f,w,m,r,(h===x.SMALL?s:c)({part:"close-icon","aria-label":r,role:"img"}))}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${k}-search-input`}},{kind:"field",static:!0,key:"styles",value:()=>m}]}}),d(h(o)));export{w as B,m as s};
|
|
65
|
+
import{a as e,c as r,_ as t,h as a,s as i,L as o}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{s}from"./16-a993279d.js";import{s as c}from"./20-f2be7924.js";import{s as l}from"./spread-989d7408.js";import{i as b}from"./if-non-empty-f23befc6.js";import{F as d}from"./focus-1800056c.js";import{F as h}from"./form-80943f8c.js";import{I as x}from"./input-47f04966.js";import{F as p}from"./shared-enums-c6fe8c39.js";import{c as u}from"./carbon-element-18175602.js";import{p as f}from"./decorators-56213c84.js";var m=r(['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--search,:host(bx-search){align-items:center;display:flex;position:relative;width:100%}.bx--search .bx--label,:host(bx-search) .bx--label{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--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-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;order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--search-input *,.bx--search-input :after,.bx--search-input :before{box-sizing:inherit}.bx--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus{outline-style:dotted}}.bx--search-input::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::-ms-clear{display:none}.bx--search-input[disabled]{background-color:var(--cds-field,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--search-input[disabled]::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search-input[disabled]::placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search--light .bx--search-input,:host(bx-search[color-scheme=light]) .bx--search-input{background:var(--cds-field-02,#fff)}.bx--search--light .bx--search-close:before,:host(bx-search[color-scheme=light]) .bx--search-close:before{background:var(--cds-field-02,#fff)}.bx--search--sm .bx--search-input,.bx--search--sm.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=sm]) .bx--search-input,:host(bx-search[size=sm]) .bx--search-input{height:2rem;padding:0 var(--cds-spacing-07,2rem)}.bx--search--sm .bx--search-magnifier-icon,:host(bx-search-skeleton[size=sm]) .bx--search-magnifier-icon,:host(bx-search[size=sm]) .bx--search-magnifier-icon{left:.5rem}.bx--search--lg .bx--search-input,.bx--search--lg.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search) .bx--search-input,:host(bx-search-skeleton) .bx--search-input{height:2.5rem;padding:0 var(--cds-spacing-08,2.5rem)}.bx--search--lg .bx--search-magnifier-icon,:host(bx-search) .bx--search-magnifier-icon,:host(bx-search-skeleton) .bx--search-magnifier-icon{left:.75rem}.bx--search--xl .bx--search-input,.bx--search--xl.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=xl]) .bx--search-input,:host(bx-search[size=xl]) .bx--search-input{height:3rem;padding:0 var(--cds-spacing-09,3rem)}.bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252);height:1rem;left:var(--cds-spacing-05,1rem);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem;z-index:2}.bx--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;right:0;top:0;vertical-align:baseline}.bx--search-close *,.bx--search-close :after,.bx--search-close :before{box-sizing:inherit}.bx--search-close::-moz-focus-inner{border:0}.bx--search-close:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:calc(100% - 2px);left:0;position:absolute;top:.0625rem;transition:background-color .11s cubic-bezier(.2,0,.38,.9);width:2px}@media screen and (prefers-reduced-motion:reduce){.bx--search-close:before{transition:none}}.bx--search-close:hover{border-bottom:1px solid var(--cds-ui-04,#8d8d8d)}.bx--search-close:hover:before{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button{background-color:var(--cds-field-01,#f4f4f4);flex-shrink:0;margin-left:.125rem}.bx--search-button svg{fill:currentColor;vertical-align:middle}.bx--search-close svg{fill:inherit}.bx--search-button,.bx--search-close{fill:var(--cds-icon-01,#161616);align-items:center;border-color:transparent;border-style:solid;border-width:1px 0;cursor:pointer;display:flex;height:2.5rem;justify-content:center;opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9),border .11s cubic-bezier(.2,0,.38,.9);visibility:inherit;width:2.5rem}.bx--search-button:hover,.bx--search-close:hover{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button:focus,.bx--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:focus,.bx--search-close:focus{outline-style:dotted}}.bx--search-button:active,.bx--search-close:active{background-color:var(--cds-selected-ui,#e0e0e0);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:active,.bx--search-close:active{outline-style:dotted}}.bx--search--disabled .bx--search-close,.bx--search--disabled.bx--search--expandable .bx--search-magnifier{cursor:not-allowed;outline:none}.bx--search--disabled .bx--search-close:hover,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover{background-color:transparent;border-bottom-color:transparent}.bx--search--disabled .bx--search-close:hover:before,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover:before{background-color:transparent}.bx--search--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--search-close:active:before,.bx--search-close:focus:before{background-color:var(--cds-focus,#0f62fe)}.bx--search-input:focus~.bx--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus~.bx--search-close:hover{outline-style:dotted}}.bx--search--sm .bx--search-close,.bx--search--sm.bx--search--expandable,.bx--search--sm.bx--search--expandable .bx--search-magnifier,.bx--search--sm~.bx--search-button,:host(bx-search-skeleton[size=sm]) .bx--search-close,:host(bx-search-skeleton[size=sm])~.bx--search-button,:host(bx-search[size=sm]) .bx--search-close,:host(bx-search[size=sm])~.bx--search-button{height:2rem;width:2rem}.bx--search--sm.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2rem}.bx--search--sm.bx--search--expandable .bx--search-input::placeholder{padding:0 2rem}.bx--search--lg .bx--search-close,.bx--search--lg.bx--search--expandable,.bx--search--lg.bx--search--expandable .bx--search-magnifier,.bx--search--lg~.bx--search-button,:host(bx-search) .bx--search-close,:host(bx-search)~.bx--search-button,:host(bx-search-skeleton) .bx--search-close,:host(bx-search-skeleton)~.bx--search-button{height:2.5rem;width:2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::placeholder{padding:0 2.5rem}.bx--search--xl .bx--search-close,.bx--search--xl.bx--search--expandable,.bx--search--xl.bx--search--expandable .bx--search-magnifier,.bx--search--xl~.bx--search-button,:host(bx-search-skeleton[size=xl]) .bx--search-close,:host(bx-search-skeleton[size=xl])~.bx--search-button,:host(bx-search[size=xl]) .bx--search-close,:host(bx-search[size=xl])~.bx--search-button{height:3rem;width:3rem}.bx--search--xl.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 3rem}.bx--search--xl.bx--search--expandable .bx--search-input::placeholder{padding:0 3rem}.bx--search-close--hidden{opacity:0;visibility:hidden}.bx--search--lg.bx--skeleton .bx--search-input,.bx--search--sm.bx--skeleton .bx--search-input,.bx--search--xl.bx--skeleton .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}.bx--search--lg.bx--skeleton .bx--search-input:active,.bx--search--lg.bx--skeleton .bx--search-input:focus,.bx--search--lg.bx--skeleton .bx--search-input:hover,.bx--search--sm.bx--skeleton .bx--search-input:active,.bx--search--sm.bx--skeleton .bx--search-input:focus,.bx--search--sm.bx--skeleton .bx--search-input:hover,.bx--search--xl.bx--skeleton .bx--search-input:active,.bx--search--xl.bx--skeleton .bx--search-input:focus,.bx--search--xl.bx--skeleton .bx--search-input:hover{border:none;cursor:default;outline:none}.bx--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input: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--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input:before{animation:none}}.bx--search--lg.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--sm.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--xl.bx--skeleton .bx--search-input::-moz-placeholder{color:transparent}.bx--search--lg.bx--skeleton .bx--search-input::placeholder,.bx--search--sm.bx--skeleton .bx--search-input::placeholder,.bx--search--xl.bx--skeleton .bx--search-input::placeholder{color:transparent}.bx--search--expandable{transition:width 70ms cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded{width:100%}.bx--search--expandable .bx--search-input{padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms;width:0}.bx--search--expandable .bx--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable .bx--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded .bx--search-input{transition:padding 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--search--expandable.bx--search--expanded .bx--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable.bx--search--expanded .bx--search-input::placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable .bx--search-magnifier{cursor:pointer;position:absolute}.bx--search--expandable .bx--search-magnifier:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier{pointer-events:none}.bx--search--expandable .bx--search-magnifier-icon{fill:var(--cds-icon-01,#161616)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--search-close svg,.bx--search-magnifier-icon{fill:ButtonText}}:host(bx-search){outline:none}:host(bx-search-skeleton){width:100%}:host(bx-search-skeleton) .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}:host(bx-search-skeleton) .bx--search-input:active,:host(bx-search-skeleton) .bx--search-input:focus,:host(bx-search-skeleton) .bx--search-input:hover{border:none;cursor:default;outline:none}:host(bx-search-skeleton) .bx--search-input: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-search-skeleton) .bx--search-input:before{animation:none}}:host(bx-search-skeleton) .bx--search-input::-moz-placeholder{color:transparent}:host(bx-search-skeleton) .bx--search-input::placeholder{color:transparent}']);let g,v=e=>e;const{prefix:k}=i;let w=t([u(`${k}-search`)],(function(r,t){return{F:class extends t{constructor(...e){super(...e),r(this)}},d:[{kind:"method",key:"_handleInput",value:function(e){const{target:r}=e,{value:t}=r;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t}})),this.value=t}},{kind:"method",key:"_handleClearInputButtonClick",value:function(){if(this.value){this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:""}})),this.value="";this.shadowRoot.querySelector("input").focus()}}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:r}=e,{disabled:t,name:a,value:i}=this;t||r.append(a,i)}},{kind:"field",decorators:[f({attribute:"close-button-assistive-text"})],key:"closeButtonAssistiveText",value:()=>""},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>p.REGULAR},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[f({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[f()],key:"name",value:()=>""},{kind:"field",decorators:[f()],key:"placeholder",value:()=>""},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>x.REGULAR},{kind:"field",decorators:[f()],key:"type",value:()=>""},{kind:"field",decorators:[f({type:String})],key:"value",value:()=>""},{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{closeButtonAssistiveText:r,disabled:t,labelText:i,name:o,placeholder:d,size:h,type:p,value:u="",_handleInput:f,_handleClearInputButtonClick:m}=this,w=n({[`${k}--search-close`]:!0,[`${k}--search-close--hidden`]:!this.value});return a(g||(g=v` ${0} <label for="input" part="label-text" class="${0}--label"> <slot>${0}</slot> </label> <input id="input" part="input" type="${0}" class="${0}--search-input" ?disabled="${0}" name="${0}" placeholder="${0}" role="searchbox" .value="${0}" @input="${0}"> <button part="close-button" class="${0}" @click="${0}" type="button" aria-label="${0}"> ${0} </button> `),(({children:r,...t}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${l(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${r}<path d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5 C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"></path></svg>`)({part:"search-icon",class:`${k}--search-magnifier-icon`,role:"img"}),k,i,b(p),k,t,b(o),b(d),u,f,w,m,r,(h===x.SMALL?s:c)({part:"close-icon","aria-label":r,role:"img"}))}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${k}-search-input`}},{kind:"field",static:!0,key:"styles",value:()=>m}]}}),d(h(o)));export{w as B,m as s};
|
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{a as e,c as r,_ as t,h as a,s as i,L as o}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{s}from"./16-a2e61b42.js";import{s as c}from"./20-68dfa4ba.js";import{s as l}from"./spread-989d7408.js";import{i as b}from"./if-non-empty-f23befc6.js";import{F as d}from"./focus-1800056c.js";import{F as h}from"./form-80943f8c.js";import{I as x}from"./input-e5442b90.js";import{F as p}from"./shared-enums-c6fe8c39.js";import{c as u}from"./carbon-element-18175602.js";import{p as f}from"./decorators-56213c84.js";var m=r(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--search,:host(bx-search){align-items:center;display:flex;position:relative;width:100%}.bx--search .bx--label,:host(bx-search) .bx--label{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--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-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;order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--search-input *,.bx--search-input :after,.bx--search-input :before{box-sizing:inherit}.bx--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus{outline-style:dotted}}.bx--search-input::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::-ms-clear{display:none}.bx--search-input[disabled]{background-color:var(--cds-field,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--search-input[disabled]::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search-input[disabled]::placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search--light .bx--search-input,:host(bx-search[color-scheme=light]) .bx--search-input{background:var(--cds-field-02,#fff)}.bx--search--light .bx--search-close:before,:host(bx-search[color-scheme=light]) .bx--search-close:before{background:var(--cds-field-02,#fff)}.bx--search--sm .bx--search-input,.bx--search--sm.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=sm]) .bx--search-input,:host(bx-search[size=sm]) .bx--search-input{height:2rem;padding:0 var(--cds-spacing-07,2rem)}.bx--search--sm .bx--search-magnifier-icon,:host(bx-search-skeleton[size=sm]) .bx--search-magnifier-icon,:host(bx-search[size=sm]) .bx--search-magnifier-icon{right:.5rem}.bx--search--lg .bx--search-input,.bx--search--lg.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search) .bx--search-input,:host(bx-search-skeleton) .bx--search-input{height:2.5rem;padding:0 var(--cds-spacing-08,2.5rem)}.bx--search--lg .bx--search-magnifier-icon,:host(bx-search) .bx--search-magnifier-icon,:host(bx-search-skeleton) .bx--search-magnifier-icon{right:.75rem}.bx--search--xl .bx--search-input,.bx--search--xl.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=xl]) .bx--search-input,:host(bx-search[size=xl]) .bx--search-input{height:3rem;padding:0 var(--cds-spacing-09,3rem)}.bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252);height:1rem;pointer-events:none;position:absolute;right:var(--cds-spacing-05,1rem);top:50%;transform:translateY(-50%);width:1rem;z-index:2}.bx--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;left:0;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;top:0;vertical-align:baseline}.bx--search-close *,.bx--search-close :after,.bx--search-close :before{box-sizing:inherit}.bx--search-close::-moz-focus-inner{border:0}.bx--search-close:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:calc(100% - 2px);position:absolute;right:0;top:.0625rem;transition:background-color .11s cubic-bezier(.2,0,.38,.9);width:2px}@media screen and (prefers-reduced-motion:reduce){.bx--search-close:before{transition:none}}.bx--search-close:hover{border-bottom:1px solid var(--cds-ui-04,#8d8d8d)}.bx--search-close:hover:before{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button{background-color:var(--cds-field-01,#f4f4f4);flex-shrink:0;margin-right:.125rem}.bx--search-button svg{fill:currentColor;vertical-align:middle}.bx--search-close svg{fill:inherit}.bx--search-button,.bx--search-close{fill:var(--cds-icon-01,#161616);align-items:center;border-color:transparent;border-style:solid;border-width:1px 0;cursor:pointer;display:flex;height:2.5rem;justify-content:center;opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9),border .11s cubic-bezier(.2,0,.38,.9);visibility:inherit;width:2.5rem}.bx--search-button:hover,.bx--search-close:hover{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button:focus,.bx--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:focus,.bx--search-close:focus{outline-style:dotted}}.bx--search-button:active,.bx--search-close:active{background-color:var(--cds-selected-ui,#e0e0e0);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:active,.bx--search-close:active{outline-style:dotted}}.bx--search--disabled .bx--search-close,.bx--search--disabled.bx--search--expandable .bx--search-magnifier{cursor:not-allowed;outline:none}.bx--search--disabled .bx--search-close:hover,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover{background-color:transparent;border-bottom-color:transparent}.bx--search--disabled .bx--search-close:hover:before,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover:before{background-color:transparent}.bx--search--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--search-close:active:before,.bx--search-close:focus:before{background-color:var(--cds-focus,#0f62fe)}.bx--search-input:focus~.bx--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus~.bx--search-close:hover{outline-style:dotted}}.bx--search--sm .bx--search-close,.bx--search--sm.bx--search--expandable,.bx--search--sm.bx--search--expandable .bx--search-magnifier,.bx--search--sm~.bx--search-button,:host(bx-search-skeleton[size=sm]) .bx--search-close,:host(bx-search-skeleton[size=sm])~.bx--search-button,:host(bx-search[size=sm]) .bx--search-close,:host(bx-search[size=sm])~.bx--search-button{height:2rem;width:2rem}.bx--search--sm.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2rem}.bx--search--sm.bx--search--expandable .bx--search-input::placeholder{padding:0 2rem}.bx--search--lg .bx--search-close,.bx--search--lg.bx--search--expandable,.bx--search--lg.bx--search--expandable .bx--search-magnifier,.bx--search--lg~.bx--search-button,:host(bx-search) .bx--search-close,:host(bx-search)~.bx--search-button,:host(bx-search-skeleton) .bx--search-close,:host(bx-search-skeleton)~.bx--search-button{height:2.5rem;width:2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::placeholder{padding:0 2.5rem}.bx--search--xl .bx--search-close,.bx--search--xl.bx--search--expandable,.bx--search--xl.bx--search--expandable .bx--search-magnifier,.bx--search--xl~.bx--search-button,:host(bx-search-skeleton[size=xl]) .bx--search-close,:host(bx-search-skeleton[size=xl])~.bx--search-button,:host(bx-search[size=xl]) .bx--search-close,:host(bx-search[size=xl])~.bx--search-button{height:3rem;width:3rem}.bx--search--xl.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 3rem}.bx--search--xl.bx--search--expandable .bx--search-input::placeholder{padding:0 3rem}.bx--search-close--hidden{opacity:0;visibility:hidden}.bx--search--lg.bx--skeleton .bx--search-input,.bx--search--sm.bx--skeleton .bx--search-input,.bx--search--xl.bx--skeleton .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}.bx--search--lg.bx--skeleton .bx--search-input:active,.bx--search--lg.bx--skeleton .bx--search-input:focus,.bx--search--lg.bx--skeleton .bx--search-input:hover,.bx--search--sm.bx--skeleton .bx--search-input:active,.bx--search--sm.bx--skeleton .bx--search-input:focus,.bx--search--sm.bx--skeleton .bx--search-input:hover,.bx--search--xl.bx--skeleton .bx--search-input:active,.bx--search--xl.bx--skeleton .bx--search-input:focus,.bx--search--xl.bx--skeleton .bx--search-input:hover{border:none;cursor:default;outline:none}.bx--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input: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--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input:before{animation:none}}.bx--search--lg.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--sm.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--xl.bx--skeleton .bx--search-input::-moz-placeholder{color:transparent}.bx--search--lg.bx--skeleton .bx--search-input::placeholder,.bx--search--sm.bx--skeleton .bx--search-input::placeholder,.bx--search--xl.bx--skeleton .bx--search-input::placeholder{color:transparent}.bx--search--expandable{transition:width 70ms cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded{width:100%}.bx--search--expandable .bx--search-input{padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms;width:0}.bx--search--expandable .bx--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable .bx--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded .bx--search-input{transition:padding 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--search--expandable.bx--search--expanded .bx--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable.bx--search--expanded .bx--search-input::placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable .bx--search-magnifier{cursor:pointer;position:absolute}.bx--search--expandable .bx--search-magnifier:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier{pointer-events:none}.bx--search--expandable .bx--search-magnifier-icon{fill:var(--cds-icon-01,#161616)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--search-close svg,.bx--search-magnifier-icon{fill:ButtonText}}:host(bx-search){outline:none}:host(bx-search-skeleton){width:100%}:host(bx-search-skeleton) .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}:host(bx-search-skeleton) .bx--search-input:active,:host(bx-search-skeleton) .bx--search-input:focus,:host(bx-search-skeleton) .bx--search-input:hover{border:none;cursor:default;outline:none}:host(bx-search-skeleton) .bx--search-input: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-search-skeleton) .bx--search-input:before{animation:none}}:host(bx-search-skeleton) .bx--search-input::-moz-placeholder{color:transparent}:host(bx-search-skeleton) .bx--search-input::placeholder{color:transparent}']);let g,v=e=>e;const{prefix:k}=i;let w=t([u(`${k}-search`)],(function(r,t){return{F:class extends t{constructor(...e){super(...e),r(this)}},d:[{kind:"method",key:"_handleInput",value:function(e){const{target:r}=e,{value:t}=r;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t}})),this.value=t}},{kind:"method",key:"_handleClearInputButtonClick",value:function(){if(this.value){this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:""}})),this.value="";this.shadowRoot.querySelector("input").focus()}}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:r}=e,{disabled:t,name:a,value:i}=this;t||r.append(a,i)}},{kind:"field",decorators:[f({attribute:"close-button-assistive-text"})],key:"closeButtonAssistiveText",value:()=>""},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>p.REGULAR},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[f({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[f()],key:"name",value:()=>""},{kind:"field",decorators:[f()],key:"placeholder",value:()=>""},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>x.REGULAR},{kind:"field",decorators:[f()],key:"type",value:()=>""},{kind:"field",decorators:[f({type:String})],key:"value",value:()=>""},{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{closeButtonAssistiveText:r,disabled:t,labelText:i,name:o,placeholder:d,size:h,type:p,value:u="",_handleInput:f,_handleClearInputButtonClick:m}=this,w=n({[`${k}--search-close`]:!0,[`${k}--search-close--hidden`]:!this.value});return a(g||(g=v` ${0} <label for="input" part="label-text" class="${0}--label"> <slot>${0}</slot> </label> <input id="input" part="input" type="${0}" class="${0}--search-input" ?disabled="${0}" name="${0}" placeholder="${0}" role="searchbox" .value="${0}" @input="${0}"> <button part="close-button" class="${0}" @click="${0}" type="button" aria-label="${0}"> ${0} </button> `),(({children:r,...t}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${l(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${r}${r}<path d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5 C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"></path></svg>`)({part:"search-icon",class:`${k}--search-magnifier-icon`,role:"img"}),k,i,b(p),k,t,b(o),b(d),u,f,w,m,r,(h===x.SMALL?s:c)({part:"close-icon","aria-label":r,role:"img"}))}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${k}-search-input`}},{kind:"field",static:!0,key:"styles",value:()=>m}]}}),d(h(o)));export{w as B,m as s};
|
|
65
|
+
import{a as e,c as r,_ as t,h as a,s as i,L as o}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{s}from"./16-a2e61b42.js";import{s as c}from"./20-68dfa4ba.js";import{s as l}from"./spread-989d7408.js";import{i as b}from"./if-non-empty-f23befc6.js";import{F as d}from"./focus-1800056c.js";import{F as h}from"./form-80943f8c.js";import{I as x}from"./input-d66d0e9c.js";import{F as p}from"./shared-enums-c6fe8c39.js";import{c as u}from"./carbon-element-18175602.js";import{p as f}from"./decorators-56213c84.js";var m=r(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--search,:host(bx-search){align-items:center;display:flex;position:relative;width:100%}.bx--search .bx--label,:host(bx-search) .bx--label{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--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-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;order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--search-input *,.bx--search-input :after,.bx--search-input :before{box-sizing:inherit}.bx--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus{outline-style:dotted}}.bx--search-input::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--search-input::-ms-clear{display:none}.bx--search-input[disabled]{background-color:var(--cds-field,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--search-input[disabled]::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search-input[disabled]::placeholder{color:var(--cds-disabled-02,#c6c6c6)}.bx--search--light .bx--search-input,:host(bx-search[color-scheme=light]) .bx--search-input{background:var(--cds-field-02,#fff)}.bx--search--light .bx--search-close:before,:host(bx-search[color-scheme=light]) .bx--search-close:before{background:var(--cds-field-02,#fff)}.bx--search--sm .bx--search-input,.bx--search--sm.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=sm]) .bx--search-input,:host(bx-search[size=sm]) .bx--search-input{height:2rem;padding:0 var(--cds-spacing-07,2rem)}.bx--search--sm .bx--search-magnifier-icon,:host(bx-search-skeleton[size=sm]) .bx--search-magnifier-icon,:host(bx-search[size=sm]) .bx--search-magnifier-icon{right:.5rem}.bx--search--lg .bx--search-input,.bx--search--lg.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search) .bx--search-input,:host(bx-search-skeleton) .bx--search-input{height:2.5rem;padding:0 var(--cds-spacing-08,2.5rem)}.bx--search--lg .bx--search-magnifier-icon,:host(bx-search) .bx--search-magnifier-icon,:host(bx-search-skeleton) .bx--search-magnifier-icon{right:.75rem}.bx--search--xl .bx--search-input,.bx--search--xl.bx--search--expandable.bx--search--expanded .bx--search-input,:host(bx-search-skeleton[size=xl]) .bx--search-input,:host(bx-search[size=xl]) .bx--search-input{height:3rem;padding:0 var(--cds-spacing-09,3rem)}.bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252);height:1rem;pointer-events:none;position:absolute;right:var(--cds-spacing-05,1rem);top:50%;transform:translateY(-50%);width:1rem;z-index:2}.bx--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;left:0;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;top:0;vertical-align:baseline}.bx--search-close *,.bx--search-close :after,.bx--search-close :before{box-sizing:inherit}.bx--search-close::-moz-focus-inner{border:0}.bx--search-close:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:calc(100% - 2px);position:absolute;right:0;top:.0625rem;transition:background-color .11s cubic-bezier(.2,0,.38,.9);width:2px}@media screen and (prefers-reduced-motion:reduce){.bx--search-close:before{transition:none}}.bx--search-close:hover{border-bottom:1px solid var(--cds-ui-04,#8d8d8d)}.bx--search-close:hover:before{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button{background-color:var(--cds-field-01,#f4f4f4);flex-shrink:0;margin-right:.125rem}.bx--search-button svg{fill:currentColor;vertical-align:middle}.bx--search-close svg{fill:inherit}.bx--search-button,.bx--search-close{fill:var(--cds-icon-01,#161616);align-items:center;border-color:transparent;border-style:solid;border-width:1px 0;cursor:pointer;display:flex;height:2.5rem;justify-content:center;opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9),border .11s cubic-bezier(.2,0,.38,.9);visibility:inherit;width:2.5rem}.bx--search-button:hover,.bx--search-close:hover{background-color:var(--cds-hover-field,#e5e5e5)}.bx--search-button:focus,.bx--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:focus,.bx--search-close:focus{outline-style:dotted}}.bx--search-button:active,.bx--search-close:active{background-color:var(--cds-selected-ui,#e0e0e0);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-button:active,.bx--search-close:active{outline-style:dotted}}.bx--search--disabled .bx--search-close,.bx--search--disabled.bx--search--expandable .bx--search-magnifier{cursor:not-allowed;outline:none}.bx--search--disabled .bx--search-close:hover,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover{background-color:transparent;border-bottom-color:transparent}.bx--search--disabled .bx--search-close:hover:before,.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover:before{background-color:transparent}.bx--search--disabled svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--search-close:active:before,.bx--search-close:focus:before{background-color:var(--cds-focus,#0f62fe)}.bx--search-input:focus~.bx--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--search-input:focus~.bx--search-close:hover{outline-style:dotted}}.bx--search--sm .bx--search-close,.bx--search--sm.bx--search--expandable,.bx--search--sm.bx--search--expandable .bx--search-magnifier,.bx--search--sm~.bx--search-button,:host(bx-search-skeleton[size=sm]) .bx--search-close,:host(bx-search-skeleton[size=sm])~.bx--search-button,:host(bx-search[size=sm]) .bx--search-close,:host(bx-search[size=sm])~.bx--search-button{height:2rem;width:2rem}.bx--search--sm.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2rem}.bx--search--sm.bx--search--expandable .bx--search-input::placeholder{padding:0 2rem}.bx--search--lg .bx--search-close,.bx--search--lg.bx--search--expandable,.bx--search--lg.bx--search--expandable .bx--search-magnifier,.bx--search--lg~.bx--search-button,:host(bx-search) .bx--search-close,:host(bx-search)~.bx--search-button,:host(bx-search-skeleton) .bx--search-close,:host(bx-search-skeleton)~.bx--search-button{height:2.5rem;width:2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 2.5rem}.bx--search--lg.bx--search--expandable .bx--search-input::placeholder{padding:0 2.5rem}.bx--search--xl .bx--search-close,.bx--search--xl.bx--search--expandable,.bx--search--xl.bx--search--expandable .bx--search-magnifier,.bx--search--xl~.bx--search-button,:host(bx-search-skeleton[size=xl]) .bx--search-close,:host(bx-search-skeleton[size=xl])~.bx--search-button,:host(bx-search[size=xl]) .bx--search-close,:host(bx-search[size=xl])~.bx--search-button{height:3rem;width:3rem}.bx--search--xl.bx--search--expandable .bx--search-input::-moz-placeholder{padding:0 3rem}.bx--search--xl.bx--search--expandable .bx--search-input::placeholder{padding:0 3rem}.bx--search-close--hidden{opacity:0;visibility:hidden}.bx--search--lg.bx--skeleton .bx--search-input,.bx--search--sm.bx--skeleton .bx--search-input,.bx--search--xl.bx--skeleton .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}.bx--search--lg.bx--skeleton .bx--search-input:active,.bx--search--lg.bx--skeleton .bx--search-input:focus,.bx--search--lg.bx--skeleton .bx--search-input:hover,.bx--search--sm.bx--skeleton .bx--search-input:active,.bx--search--sm.bx--skeleton .bx--search-input:focus,.bx--search--sm.bx--skeleton .bx--search-input:hover,.bx--search--xl.bx--skeleton .bx--search-input:active,.bx--search--xl.bx--skeleton .bx--search-input:focus,.bx--search--xl.bx--skeleton .bx--search-input:hover{border:none;cursor:default;outline:none}.bx--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input: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--search--lg.bx--skeleton .bx--search-input:before,.bx--search--sm.bx--skeleton .bx--search-input:before,.bx--search--xl.bx--skeleton .bx--search-input:before{animation:none}}.bx--search--lg.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--sm.bx--skeleton .bx--search-input::-moz-placeholder,.bx--search--xl.bx--skeleton .bx--search-input::-moz-placeholder{color:transparent}.bx--search--lg.bx--skeleton .bx--search-input::placeholder,.bx--search--sm.bx--skeleton .bx--search-input::placeholder,.bx--search--xl.bx--skeleton .bx--search-input::placeholder{color:transparent}.bx--search--expandable{transition:width 70ms cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded{width:100%}.bx--search--expandable .bx--search-input{padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms;width:0}.bx--search--expandable .bx--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable .bx--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.bx--search--expandable.bx--search--expanded .bx--search-input{transition:padding 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--search--expandable.bx--search--expanded .bx--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable.bx--search--expanded .bx--search-input::placeholder{opacity:1;padding:0;position:relative}.bx--search--expandable .bx--search-magnifier{cursor:pointer;position:absolute}.bx--search--expandable .bx--search-magnifier:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier{pointer-events:none}.bx--search--expandable .bx--search-magnifier-icon{fill:var(--cds-icon-01,#161616)}.bx--search--expandable.bx--search--expanded .bx--search-magnifier-icon{fill:var(--cds-icon-02,#525252)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--search-close svg,.bx--search-magnifier-icon{fill:ButtonText}}:host(bx-search){outline:none}:host(bx-search-skeleton){width:100%}:host(bx-search-skeleton) .bx--search-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative;width:100%}:host(bx-search-skeleton) .bx--search-input:active,:host(bx-search-skeleton) .bx--search-input:focus,:host(bx-search-skeleton) .bx--search-input:hover{border:none;cursor:default;outline:none}:host(bx-search-skeleton) .bx--search-input: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-search-skeleton) .bx--search-input:before{animation:none}}:host(bx-search-skeleton) .bx--search-input::-moz-placeholder{color:transparent}:host(bx-search-skeleton) .bx--search-input::placeholder{color:transparent}']);let g,v=e=>e;const{prefix:k}=i;let w=t([u(`${k}-search`)],(function(r,t){return{F:class extends t{constructor(...e){super(...e),r(this)}},d:[{kind:"method",key:"_handleInput",value:function(e){const{target:r}=e,{value:t}=r;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t}})),this.value=t}},{kind:"method",key:"_handleClearInputButtonClick",value:function(){if(this.value){this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:""}})),this.value="";this.shadowRoot.querySelector("input").focus()}}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:r}=e,{disabled:t,name:a,value:i}=this;t||r.append(a,i)}},{kind:"field",decorators:[f({attribute:"close-button-assistive-text"})],key:"closeButtonAssistiveText",value:()=>""},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>p.REGULAR},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[f({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[f()],key:"name",value:()=>""},{kind:"field",decorators:[f()],key:"placeholder",value:()=>""},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>x.REGULAR},{kind:"field",decorators:[f()],key:"type",value:()=>""},{kind:"field",decorators:[f({type:String})],key:"value",value:()=>""},{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{closeButtonAssistiveText:r,disabled:t,labelText:i,name:o,placeholder:d,size:h,type:p,value:u="",_handleInput:f,_handleClearInputButtonClick:m}=this,w=n({[`${k}--search-close`]:!0,[`${k}--search-close--hidden`]:!this.value});return a(g||(g=v` ${0} <label for="input" part="label-text" class="${0}--label"> <slot>${0}</slot> </label> <input id="input" part="input" type="${0}" class="${0}--search-input" ?disabled="${0}" name="${0}" placeholder="${0}" role="searchbox" .value="${0}" @input="${0}"> <button part="close-button" class="${0}" @click="${0}" type="button" aria-label="${0}"> ${0} </button> `),(({children:r,...t}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${l(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${r}${r}<path d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5 C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"></path></svg>`)({part:"search-icon",class:`${k}--search-magnifier-icon`,role:"img"}),k,i,b(p),k,t,b(o),b(d),u,f,w,m,r,(h===x.SMALL?s:c)({part:"close-icon","aria-label":r,role:"img"}))}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${k}-search-input`}},{kind:"field",static:!0,key:"styles",value:()=>m}]}}),d(h(o)));export{w as B,m as s};
|
package/dist/search.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{s}from"./search-
|
|
65
|
+
import{s}from"./search-e6781408.js";import{_ as e,L as r,h as t,s as o}from"./settings-898bd7b0.js";import{I as i}from"./input-47f04966.js";import{c as a}from"./carbon-element-18175602.js";import{p as m}from"./decorators-56213c84.js";import"./class-map-bd61e03f.js";import"./16-a993279d.js";import"./spread-989d7408.js";import"./20-f2be7924.js";import"./if-non-empty-f23befc6.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./shared-enums-c6fe8c39.js";import"./16-deefa0c3.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./validity-d86ffa4f.js";let p,c=s=>s;const{prefix:f}=o;e([a(`${f}-search-skeleton`)],(function(e,r){return{F:class extends r{constructor(...s){super(...s),e(this)}},d:[{kind:"field",decorators:[m({reflect:!0})],key:"size",value:()=>i.REGULAR},{kind:"method",key:"render",value:function(){return t(p||(p=c` <span class="${0}--label"></span> <div class="${0}--search-input"></div> `),f,f)}},{kind:"field",static:!0,key:"styles",value:()=>s}]}}),r);
|
package/dist/search.rtl.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{s}from"./search-
|
|
65
|
+
import{s}from"./search-f36f74c2.js";import{_ as e,L as r,h as t,s as o}from"./settings-898bd7b0.js";import{I as i}from"./input-d66d0e9c.js";import{c as a}from"./carbon-element-18175602.js";import{p as m}from"./decorators-56213c84.js";import"./class-map-bd61e03f.js";import"./16-a2e61b42.js";import"./spread-989d7408.js";import"./20-68dfa4ba.js";import"./if-non-empty-f23befc6.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./shared-enums-c6fe8c39.js";import"./16-967865d0.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./validity-d86ffa4f.js";let p,c=s=>s;const{prefix:d}=o;e([a(`${d}-search-skeleton`)],(function(e,r){return{F:class extends r{constructor(...s){super(...s),e(this)}},d:[{kind:"field",decorators:[m({reflect:!0})],key:"size",value:()=>i.REGULAR},{kind:"method",key:"render",value:function(){return t(p||(p=c` <span class="${0}--label"></span> <div class="${0}--search-input"></div> `),d,d)}},{kind:"field",static:!0,key:"styles",value:()=>s}]}}),r);
|
package/dist/select.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 n}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{i as l}from"./if-defined-dd1fb04b.js";import{c as s}from"./class-map-bd61e03f.js";import{s as d}from"./16-9e2c1ff1.js";import{s as c}from"./16-deefa0c3.js";import{F as b}from"./shared-enums-c6fe8c39.js";import{i as p}from"./if-non-null-63ecd660.js";import{F as u}from"./form-80943f8c.js";import{V as f}from"./validity-d86ffa4f.js";import{c as x}from"./collection-helpers-4e32fe16.js";import{I as m}from"./input-47bf976e.js";import{c as h}from"./carbon-element-18175602.js";import{q as v,p as g}from"./decorators-56213c84.js";import"./spread-989d7408.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./focus-1800056c.js";import"./if-non-empty-f23befc6.js";var k=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--select,:host(bx-select){align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--select *,.bx--select :after,.bx--select :before,:host(bx-select) *,:host(bx-select) :after,:host(bx-select) :before{box-sizing:inherit}.bx--select-input__wrapper{align-items:center;display:flex;position:relative;width:100%}.bx--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field-01,#f4f4f4);border:none;border-bottom:1px solid var(--cds-ui-04,#8d8d8d);border-radius:0;color:var(--cds-text-01,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);height:2.5rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-spacing-09,3rem) 0 var(--cds-spacing-05,1rem);transition:outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.bx--select-input:-moz-focusring,.bx--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.bx--select-input:focus{color:var(--cds-text-01,#161616);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--select-input:focus{outline-style:dotted}}.bx--select-input:disabled,.bx--select-input:hover:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select-input--sm{height:2rem;max-height:2rem}.bx--select-input--lg,.bx--select-input--xl{height:3rem;max-height:3rem}.bx--select--disabled .bx--form__helper-text,.bx--select--disabled .bx--label,:host(bx-select[disabled]) .bx--form__helper-text,:host(bx-select[disabled]) .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--select--warning .bx--select-input,.bx--select-input__wrapper[data-invalid] .bx--select-input{padding-right:4.5rem}.bx--select-input:disabled~.bx--select__arrow{fill:var(--cds-disabled-02,#c6c6c6)}.bx--select--light .bx--select-input,:host(bx-select[color-scheme=light]) .bx--select-input{background-color:var(--cds-field-02,#fff)}.bx--select--light .bx--select-input:hover,:host(bx-select[color-scheme=light]) .bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select--light .bx--select-input:disabled,.bx--select--light .bx--select-input:hover:disabled,:host(bx-select[color-scheme=light]) .bx--select-input:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select__arrow{fill:var(--cds-ui-05,#161616);height:100%;pointer-events:none;position:absolute;right:var(--cds-spacing-05,1rem);top:0}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--select__arrow path{fill:ButtonText}}.bx--select__invalid-icon{position:absolute;right:var(--cds-spacing-08,2.5rem)}.bx--select-input__wrapper[data-invalid] .bx--select-input~.bx--select__invalid-icon{fill:var(--cds-support-01,#da1e28)}.bx--select__invalid-icon--warning{fill:var(--cds-support-03,#f1c21b)}.bx--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.bx--select-option,optgroup.bx--select-optgroup{background-color:var(--cds-background-hover,#e5e5e5);color:var(--cds-text-01,#161616)}.bx--select-option:disabled,optgroup.bx--select-optgroup:disabled{color:var(--cds-text-disabled,#c6c6c6)}.bx--select--inline{align-items:center;display:flex;flex-direction:row}.bx--select--inline.bx--select--invalid .bx--form__helper-text,.bx--select--inline.bx--select--invalid .bx--label{align-self:flex-start;margin-top:.8125rem}.bx--select--inline .bx--form__helper-text{margin-bottom:0;margin-left:var(--cds-spacing-03,.5rem)}.bx--select--inline .bx--label{margin:0 .5rem 0 0;white-space:nowrap}.bx--select--inline .bx--select-input{background-color:transparent;border-bottom:none;color:var(--cds-text-01,#161616);padding-left:.5rem;padding-right:var(--cds-spacing-07,2rem);width:auto}.bx--select--inline .bx--select-input:focus,.bx--select--inline .bx--select-input:focus optgroup,.bx--select--inline .bx--select-input:focus option{background-color:var(--cds-background,#fff)}.bx--select--inline .bx--select-input[disabled],.bx--select--inline .bx--select-input[disabled]:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--select--inline .bx--select__arrow{right:.5rem}.bx--select--inline.bx--select--invalid .bx--select-input{padding-right:3.5rem}.bx--select--inline.bx--select--invalid .bx--select-input~.bx--select__invalid-icon{right:var(--cds-spacing-07,2rem)}.bx--select--inline .bx--select-input:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select--inline .bx--select-input:disabled~*{cursor:not-allowed}.bx--select.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:2.5rem;padding:0;pointer-events:none;position:relative;width:100%}.bx--select.bx--skeleton:active,.bx--select.bx--skeleton:focus,.bx--select.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--select.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--select.bx--skeleton:before{animation:none}}.bx--select.bx--skeleton .bx--select-input{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--select__arrow{fill:ButtonText}}:host(bx-select){outline:none}']);let _,y,w,z,$,q,j,M=e=>e;const{prefix:I}=r;t([h(`${I}-select`)],(function(e,t){class r extends t{constructor(...t){super(...t),e(this)}}return{F:r,d:[{kind:"field",key:"_observerMutation",value:()=>null},{kind:"field",key:"_placeholderItemValue",value:()=>`__${I}-select-placeholder_${Math.random().toString(36).slice(2)}`},{kind:"field",decorators:[v("select")],key:"_selectNode",value:void 0},{kind:"method",key:"_handleInput",value:function({target:e}){const{value:t}=e;this.value=t;const{eventSelect:i}=this.constructor;this.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{value:t}}))}},{kind:"field",key:"_handleMutation",value(){return()=>{this.requestUpdate()}}},{kind:"method",key:"_renderItems",value:function(e){const{selectorItem:t,selectorLeafItem:r}=this.constructor;return i(_||(_=M` ${0} `),x(e.childNodes,(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches(t))).map((e=>{const t=e.hasAttribute("disabled"),n=e.getAttribute("label"),o=e.hasAttribute("selected"),a=e.getAttribute("value"),{textContent:l}=e;return e.matches(r)?i(y||(y=M` <option class="${0}--select-option" ?disabled="${0}" label="${0}" ?selected="${0}" value="${0}"> ${0} </option> `),I,t,p(null!=n?n:l),o,p(a),l):i(w||(w=M` <optgroup class="${0}--select-optgroup" ?disabled="${0}" label="${0}"> ${0} </optgroup> `),I,t,p(n),this._renderItems(e))})))}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:t}=e,{disabled:i,name:r,value:n}=this;i||t.append(r,n)}},{kind:"get",key:"length",value:function(){return this._selectNode.length}},{kind:"get",key:"options",value:function(){return this._selectNode.options}},{kind:"get",key:"type",value:function(){return this._selectNode.type}},{kind:"field",decorators:[g({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[g({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>b.REGULAR},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[g()],key:"id",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[g({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"get",decorators:[g({type:Boolean})],key:"multiple",value:function(){return!1}},{kind:"field",decorators:[g()],key:"name",value:()=>""},{kind:"field",decorators:[g()],key:"pattern",value:()=>""},{kind:"field",decorators:[g({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[g({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"get",decorators:[g({type:Number})],key:"selectedIndex",value:function(){return this._selectNode.selectedIndex}},{kind:"set",key:"selectedIndex",value:function(e){this._selectNode.selectedIndex=e,this.value=this._selectNode.value}},{kind:"field",decorators:[g({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[g({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"field",decorators:[g()],key:"value",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){return this.attachShadow({mode:"open",delegatesFocus:!0})}},{kind:"method",key:"connectedCallback",value:function(){o(a(r.prototype),"connectedCallback",this).call(this),this._observerMutation=new MutationObserver(this._handleMutation),this._observerMutation.observe(this,{attributes:!0,childList:!0,subtree:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){this._observerMutation&&(this._observerMutation.disconnect(),this._observerMutation=null),o(a(r.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(e){if(e.has("value")){const{value:e,_placeholderItemValue:t}=this;this._selectNode.value=e||t}}},{kind:"method",key:"render",value:function(){const{disabled:e,helperText:t,invalid:r,labelText:n,placeholder:o,size:a,validityMessage:b,value:p,_placeholderItemValue:u,_handleInput:f}=this,x=s({[`${I}--select-input`]:!0,[`${I}--select-input--${a}`]:a}),m=s({[`${I}--label`]:!0,[`${I}--label--disabled`]:e}),h=s({[`${I}--form__helper-text`]:!0,[`${I}--form__helper-text--disabled`]:e}),v=r?i($||($=M` <div class="${0}--form-requirement" id="validity-message"> <slot name="validity-message"> ${0} </slot> </div> `),I,b):i(z||(z=M` <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> `),h,t);return i(q||(q=M` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--select-input__wrapper" ?data-invalid="${0}"> <select id="input" class="${0}" ?disabled="${0}" aria-invalid="${0}" aria-describedby="${0}" @input="${0}"> ${0} ${0} </select> ${0} ${0} </div> ${0} `),m,n,I,r,x,e,String(Boolean(r)),l(r?"validity-message":void 0),f,!o||p?void 0:i(j||(j=M` <option disabled="disabled" hidden class="${0}--select-option" value="${0}" selected="selected"> ${0} </option> `),I,u,o),this._renderItems(this),d({class:`${I}--select__arrow`}),r?c({class:`${I}--select__invalid-icon`}):void 0,v)}},{kind:"get",static:!0,key:"selectorItem",value:function(){return`${I}-select-item-group,${I}-select-item`}},{kind:"get",static:!0,key:"selectorLeafItem",value:function(){return`${I}-select-item`}},{kind:"get",static:!0,key:"eventSelect",value:function(){return`${I}-select-selected`}},{kind:"field",static:!0,key:"styles",value:()=>k}]}}),f(u(n)));const{prefix:B}=r;t([h(`${B}-select-item`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"value",value:()=>""}]}}),n);const{prefix:N}=r;t([h(`${N}-select-item-group`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""}]}}),n);
|
|
65
|
+
import{c as e,_ as t,h as i,s as r,L as n}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{i as l}from"./if-defined-dd1fb04b.js";import{c as s}from"./class-map-bd61e03f.js";import{s as d}from"./16-9e2c1ff1.js";import{s as c}from"./16-deefa0c3.js";import{F as b}from"./shared-enums-c6fe8c39.js";import{i as p}from"./if-non-null-63ecd660.js";import{F as u}from"./form-80943f8c.js";import{V as f}from"./validity-d86ffa4f.js";import{c as x}from"./collection-helpers-4e32fe16.js";import{I as m}from"./input-47f04966.js";import{c as h}from"./carbon-element-18175602.js";import{q as v,p as g}from"./decorators-56213c84.js";import"./spread-989d7408.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./focus-1800056c.js";import"./if-non-empty-f23befc6.js";var k=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--select,:host(bx-select){align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--select *,.bx--select :after,.bx--select :before,:host(bx-select) *,:host(bx-select) :after,:host(bx-select) :before{box-sizing:inherit}.bx--select-input__wrapper{align-items:center;display:flex;position:relative;width:100%}.bx--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field-01,#f4f4f4);border:none;border-bottom:1px solid var(--cds-ui-04,#8d8d8d);border-radius:0;color:var(--cds-text-01,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);height:2.5rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-spacing-09,3rem) 0 var(--cds-spacing-05,1rem);transition:outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.bx--select-input:-moz-focusring,.bx--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.bx--select-input:focus{color:var(--cds-text-01,#161616);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--select-input:focus{outline-style:dotted}}.bx--select-input:disabled,.bx--select-input:hover:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select-input--sm{height:2rem;max-height:2rem}.bx--select-input--lg,.bx--select-input--xl{height:3rem;max-height:3rem}.bx--select--disabled .bx--form__helper-text,.bx--select--disabled .bx--label,:host(bx-select[disabled]) .bx--form__helper-text,:host(bx-select[disabled]) .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--select--warning .bx--select-input,.bx--select-input__wrapper[data-invalid] .bx--select-input{padding-right:4.5rem}.bx--select-input:disabled~.bx--select__arrow{fill:var(--cds-disabled-02,#c6c6c6)}.bx--select--light .bx--select-input,:host(bx-select[color-scheme=light]) .bx--select-input{background-color:var(--cds-field-02,#fff)}.bx--select--light .bx--select-input:hover,:host(bx-select[color-scheme=light]) .bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select--light .bx--select-input:disabled,.bx--select--light .bx--select-input:hover:disabled,:host(bx-select[color-scheme=light]) .bx--select-input:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select__arrow{fill:var(--cds-ui-05,#161616);height:100%;pointer-events:none;position:absolute;right:var(--cds-spacing-05,1rem);top:0}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--select__arrow path{fill:ButtonText}}.bx--select__invalid-icon{position:absolute;right:var(--cds-spacing-08,2.5rem)}.bx--select-input__wrapper[data-invalid] .bx--select-input~.bx--select__invalid-icon{fill:var(--cds-support-01,#da1e28)}.bx--select__invalid-icon--warning{fill:var(--cds-support-03,#f1c21b)}.bx--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.bx--select-option,optgroup.bx--select-optgroup{background-color:var(--cds-background-hover,#e5e5e5);color:var(--cds-text-01,#161616)}.bx--select-option:disabled,optgroup.bx--select-optgroup:disabled{color:var(--cds-text-disabled,#c6c6c6)}.bx--select--inline{align-items:center;display:flex;flex-direction:row}.bx--select--inline.bx--select--invalid .bx--form__helper-text,.bx--select--inline.bx--select--invalid .bx--label{align-self:flex-start;margin-top:.8125rem}.bx--select--inline .bx--form__helper-text{margin-bottom:0;margin-left:var(--cds-spacing-03,.5rem)}.bx--select--inline .bx--label{margin:0 .5rem 0 0;white-space:nowrap}.bx--select--inline .bx--select-input{background-color:transparent;border-bottom:none;color:var(--cds-text-01,#161616);padding-left:.5rem;padding-right:var(--cds-spacing-07,2rem);width:auto}.bx--select--inline .bx--select-input:focus,.bx--select--inline .bx--select-input:focus optgroup,.bx--select--inline .bx--select-input:focus option{background-color:var(--cds-background,#fff)}.bx--select--inline .bx--select-input[disabled],.bx--select--inline .bx--select-input[disabled]:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--select--inline .bx--select__arrow{right:.5rem}.bx--select--inline.bx--select--invalid .bx--select-input{padding-right:3.5rem}.bx--select--inline.bx--select--invalid .bx--select-input~.bx--select__invalid-icon{right:var(--cds-spacing-07,2rem)}.bx--select--inline .bx--select-input:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select--inline .bx--select-input:disabled~*{cursor:not-allowed}.bx--select.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:2.5rem;padding:0;pointer-events:none;position:relative;width:100%}.bx--select.bx--skeleton:active,.bx--select.bx--skeleton:focus,.bx--select.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--select.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--select.bx--skeleton:before{animation:none}}.bx--select.bx--skeleton .bx--select-input{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--select__arrow{fill:ButtonText}}:host(bx-select){outline:none}']);let _,y,w,z,$,q,j,M=e=>e;const{prefix:I}=r;t([h(`${I}-select`)],(function(e,t){class r extends t{constructor(...t){super(...t),e(this)}}return{F:r,d:[{kind:"field",key:"_observerMutation",value:()=>null},{kind:"field",key:"_placeholderItemValue",value:()=>`__${I}-select-placeholder_${Math.random().toString(36).slice(2)}`},{kind:"field",decorators:[v("select")],key:"_selectNode",value:void 0},{kind:"method",key:"_handleInput",value:function({target:e}){const{value:t}=e;this.value=t;const{eventSelect:i}=this.constructor;this.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{value:t}}))}},{kind:"field",key:"_handleMutation",value(){return()=>{this.requestUpdate()}}},{kind:"method",key:"_renderItems",value:function(e){const{selectorItem:t,selectorLeafItem:r}=this.constructor;return i(_||(_=M` ${0} `),x(e.childNodes,(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches(t))).map((e=>{const t=e.hasAttribute("disabled"),n=e.getAttribute("label"),o=e.hasAttribute("selected"),a=e.getAttribute("value"),{textContent:l}=e;return e.matches(r)?i(y||(y=M` <option class="${0}--select-option" ?disabled="${0}" label="${0}" ?selected="${0}" value="${0}"> ${0} </option> `),I,t,p(null!=n?n:l),o,p(a),l):i(w||(w=M` <optgroup class="${0}--select-optgroup" ?disabled="${0}" label="${0}"> ${0} </optgroup> `),I,t,p(n),this._renderItems(e))})))}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:t}=e,{disabled:i,name:r,value:n}=this;i||t.append(r,n)}},{kind:"get",key:"length",value:function(){return this._selectNode.length}},{kind:"get",key:"options",value:function(){return this._selectNode.options}},{kind:"get",key:"type",value:function(){return this._selectNode.type}},{kind:"field",decorators:[g({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[g({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>b.REGULAR},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[g()],key:"id",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[g({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"get",decorators:[g({type:Boolean})],key:"multiple",value:function(){return!1}},{kind:"field",decorators:[g()],key:"name",value:()=>""},{kind:"field",decorators:[g()],key:"pattern",value:()=>""},{kind:"field",decorators:[g({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[g({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"get",decorators:[g({type:Number})],key:"selectedIndex",value:function(){return this._selectNode.selectedIndex}},{kind:"set",key:"selectedIndex",value:function(e){this._selectNode.selectedIndex=e,this.value=this._selectNode.value}},{kind:"field",decorators:[g({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[g({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"field",decorators:[g()],key:"value",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){return this.attachShadow({mode:"open",delegatesFocus:!0})}},{kind:"method",key:"connectedCallback",value:function(){o(a(r.prototype),"connectedCallback",this).call(this),this._observerMutation=new MutationObserver(this._handleMutation),this._observerMutation.observe(this,{attributes:!0,childList:!0,subtree:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){this._observerMutation&&(this._observerMutation.disconnect(),this._observerMutation=null),o(a(r.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(e){if(e.has("value")){const{value:e,_placeholderItemValue:t}=this;this._selectNode.value=e||t}}},{kind:"method",key:"render",value:function(){const{disabled:e,helperText:t,invalid:r,labelText:n,placeholder:o,size:a,validityMessage:b,value:p,_placeholderItemValue:u,_handleInput:f}=this,x=s({[`${I}--select-input`]:!0,[`${I}--select-input--${a}`]:a}),m=s({[`${I}--label`]:!0,[`${I}--label--disabled`]:e}),h=s({[`${I}--form__helper-text`]:!0,[`${I}--form__helper-text--disabled`]:e}),v=r?i($||($=M` <div class="${0}--form-requirement" id="validity-message"> <slot name="validity-message"> ${0} </slot> </div> `),I,b):i(z||(z=M` <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> `),h,t);return i(q||(q=M` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--select-input__wrapper" ?data-invalid="${0}"> <select id="input" class="${0}" ?disabled="${0}" aria-invalid="${0}" aria-describedby="${0}" @input="${0}"> ${0} ${0} </select> ${0} ${0} </div> ${0} `),m,n,I,r,x,e,String(Boolean(r)),l(r?"validity-message":void 0),f,!o||p?void 0:i(j||(j=M` <option disabled="disabled" hidden class="${0}--select-option" value="${0}" selected="selected"> ${0} </option> `),I,u,o),this._renderItems(this),d({class:`${I}--select__arrow`}),r?c({class:`${I}--select__invalid-icon`}):void 0,v)}},{kind:"get",static:!0,key:"selectorItem",value:function(){return`${I}-select-item-group,${I}-select-item`}},{kind:"get",static:!0,key:"selectorLeafItem",value:function(){return`${I}-select-item`}},{kind:"get",static:!0,key:"eventSelect",value:function(){return`${I}-select-selected`}},{kind:"field",static:!0,key:"styles",value:()=>k}]}}),f(u(n)));const{prefix:B}=r;t([h(`${B}-select-item`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"value",value:()=>""}]}}),n);const{prefix:N}=r;t([h(`${N}-select-item-group`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""}]}}),n);
|
package/dist/select.rtl.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{c as e,_ as t,h as i,s as r,L as n}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{i as l}from"./if-defined-dd1fb04b.js";import{c as s}from"./class-map-bd61e03f.js";import{s as d}from"./16-8e34a1fb.js";import{s as c}from"./16-967865d0.js";import{F as b}from"./shared-enums-c6fe8c39.js";import{i as p}from"./if-non-null-63ecd660.js";import{F as u}from"./form-80943f8c.js";import{V as f}from"./validity-d86ffa4f.js";import{c as x}from"./collection-helpers-4e32fe16.js";import{I as m}from"./input-e5442b90.js";import{c as h}from"./carbon-element-18175602.js";import{q as v,p as g}from"./decorators-56213c84.js";import"./spread-989d7408.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./focus-1800056c.js";import"./if-non-empty-f23befc6.js";var k=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--select,:host(bx-select){align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--select *,.bx--select :after,.bx--select :before,:host(bx-select) *,:host(bx-select) :after,:host(bx-select) :before{box-sizing:inherit}.bx--select-input__wrapper{align-items:center;display:flex;position:relative;width:100%}.bx--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field-01,#f4f4f4);border:none;border-bottom:1px solid var(--cds-ui-04,#8d8d8d);border-radius:0;color:var(--cds-text-01,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);height:2.5rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-spacing-05,1rem) 0 var(--cds-spacing-09,3rem);transition:outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.bx--select-input:-moz-focusring,.bx--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.bx--select-input:focus{color:var(--cds-text-01,#161616);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--select-input:focus{outline-style:dotted}}.bx--select-input:disabled,.bx--select-input:hover:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select-input--sm{height:2rem;max-height:2rem}.bx--select-input--lg,.bx--select-input--xl{height:3rem;max-height:3rem}.bx--select--disabled .bx--form__helper-text,.bx--select--disabled .bx--label,:host(bx-select[disabled]) .bx--form__helper-text,:host(bx-select[disabled]) .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--select--warning .bx--select-input,.bx--select-input__wrapper[data-invalid] .bx--select-input{padding-left:4.5rem}.bx--select-input:disabled~.bx--select__arrow{fill:var(--cds-disabled-02,#c6c6c6)}.bx--select--light .bx--select-input,:host(bx-select[color-scheme=light]) .bx--select-input{background-color:var(--cds-field-02,#fff)}.bx--select--light .bx--select-input:hover,:host(bx-select[color-scheme=light]) .bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select--light .bx--select-input:disabled,.bx--select--light .bx--select-input:hover:disabled,:host(bx-select[color-scheme=light]) .bx--select-input:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select__arrow{fill:var(--cds-ui-05,#161616);height:100%;left:var(--cds-spacing-05,1rem);pointer-events:none;position:absolute;top:0}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--select__arrow path{fill:ButtonText}}.bx--select__invalid-icon{left:var(--cds-spacing-08,2.5rem);position:absolute}.bx--select-input__wrapper[data-invalid] .bx--select-input~.bx--select__invalid-icon{fill:var(--cds-support-01,#da1e28)}.bx--select__invalid-icon--warning{fill:var(--cds-support-03,#f1c21b)}.bx--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.bx--select-option,optgroup.bx--select-optgroup{background-color:var(--cds-background-hover,#e5e5e5);color:var(--cds-text-01,#161616)}.bx--select-option:disabled,optgroup.bx--select-optgroup:disabled{color:var(--cds-text-disabled,#c6c6c6)}.bx--select--inline{align-items:center;display:flex;flex-direction:row}.bx--select--inline.bx--select--invalid .bx--form__helper-text,.bx--select--inline.bx--select--invalid .bx--label{align-self:flex-start;margin-top:.8125rem}.bx--select--inline .bx--form__helper-text{margin-bottom:0;margin-right:var(--cds-spacing-03,.5rem)}.bx--select--inline .bx--label{margin:0 0 0 .5rem;white-space:nowrap}.bx--select--inline .bx--select-input{background-color:transparent;border-bottom:none;color:var(--cds-text-01,#161616);padding-left:var(--cds-spacing-07,2rem);padding-right:.5rem;width:auto}.bx--select--inline .bx--select-input:focus,.bx--select--inline .bx--select-input:focus optgroup,.bx--select--inline .bx--select-input:focus option{background-color:var(--cds-background,#fff)}.bx--select--inline .bx--select-input[disabled],.bx--select--inline .bx--select-input[disabled]:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--select--inline .bx--select__arrow{left:.5rem}.bx--select--inline.bx--select--invalid .bx--select-input{padding-left:3.5rem}.bx--select--inline.bx--select--invalid .bx--select-input~.bx--select__invalid-icon{left:var(--cds-spacing-07,2rem)}.bx--select--inline .bx--select-input:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select--inline .bx--select-input:disabled~*{cursor:not-allowed}.bx--select.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:2.5rem;padding:0;pointer-events:none;position:relative;width:100%}.bx--select.bx--skeleton:active,.bx--select.bx--skeleton:focus,.bx--select.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--select.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--select.bx--skeleton:before{animation:none}}.bx--select.bx--skeleton .bx--select-input{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--select__arrow{fill:ButtonText}}:host(bx-select){outline:none}']);let _,y,w,z,$,q,j,M=e=>e;const{prefix:I}=r;t([h(`${I}-select`)],(function(e,t){class r extends t{constructor(...t){super(...t),e(this)}}return{F:r,d:[{kind:"field",key:"_observerMutation",value:()=>null},{kind:"field",key:"_placeholderItemValue",value:()=>`__${I}-select-placeholder_${Math.random().toString(36).slice(2)}`},{kind:"field",decorators:[v("select")],key:"_selectNode",value:void 0},{kind:"method",key:"_handleInput",value:function({target:e}){const{value:t}=e;this.value=t;const{eventSelect:i}=this.constructor;this.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{value:t}}))}},{kind:"field",key:"_handleMutation",value(){return()=>{this.requestUpdate()}}},{kind:"method",key:"_renderItems",value:function(e){const{selectorItem:t,selectorLeafItem:r}=this.constructor;return i(_||(_=M` ${0} `),x(e.childNodes,(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches(t))).map((e=>{const t=e.hasAttribute("disabled"),n=e.getAttribute("label"),o=e.hasAttribute("selected"),a=e.getAttribute("value"),{textContent:l}=e;return e.matches(r)?i(y||(y=M` <option class="${0}--select-option" ?disabled="${0}" label="${0}" ?selected="${0}" value="${0}"> ${0} </option> `),I,t,p(null!=n?n:l),o,p(a),l):i(w||(w=M` <optgroup class="${0}--select-optgroup" ?disabled="${0}" label="${0}"> ${0} </optgroup> `),I,t,p(n),this._renderItems(e))})))}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:t}=e,{disabled:i,name:r,value:n}=this;i||t.append(r,n)}},{kind:"get",key:"length",value:function(){return this._selectNode.length}},{kind:"get",key:"options",value:function(){return this._selectNode.options}},{kind:"get",key:"type",value:function(){return this._selectNode.type}},{kind:"field",decorators:[g({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[g({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>b.REGULAR},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[g()],key:"id",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[g({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"get",decorators:[g({type:Boolean})],key:"multiple",value:function(){return!1}},{kind:"field",decorators:[g()],key:"name",value:()=>""},{kind:"field",decorators:[g()],key:"pattern",value:()=>""},{kind:"field",decorators:[g({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[g({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"get",decorators:[g({type:Number})],key:"selectedIndex",value:function(){return this._selectNode.selectedIndex}},{kind:"set",key:"selectedIndex",value:function(e){this._selectNode.selectedIndex=e,this.value=this._selectNode.value}},{kind:"field",decorators:[g({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[g({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"field",decorators:[g()],key:"value",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){return this.attachShadow({mode:"open",delegatesFocus:!0})}},{kind:"method",key:"connectedCallback",value:function(){o(a(r.prototype),"connectedCallback",this).call(this),this._observerMutation=new MutationObserver(this._handleMutation),this._observerMutation.observe(this,{attributes:!0,childList:!0,subtree:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){this._observerMutation&&(this._observerMutation.disconnect(),this._observerMutation=null),o(a(r.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(e){if(e.has("value")){const{value:e,_placeholderItemValue:t}=this;this._selectNode.value=e||t}}},{kind:"method",key:"render",value:function(){const{disabled:e,helperText:t,invalid:r,labelText:n,placeholder:o,size:a,validityMessage:b,value:p,_placeholderItemValue:u,_handleInput:f}=this,x=s({[`${I}--select-input`]:!0,[`${I}--select-input--${a}`]:a}),m=s({[`${I}--label`]:!0,[`${I}--label--disabled`]:e}),h=s({[`${I}--form__helper-text`]:!0,[`${I}--form__helper-text--disabled`]:e}),v=r?i($||($=M` <div class="${0}--form-requirement" id="validity-message"> <slot name="validity-message"> ${0} </slot> </div> `),I,b):i(z||(z=M` <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> `),h,t);return i(q||(q=M` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--select-input__wrapper" ?data-invalid="${0}"> <select id="input" class="${0}" ?disabled="${0}" aria-invalid="${0}" aria-describedby="${0}" @input="${0}"> ${0} ${0} </select> ${0} ${0} </div> ${0} `),m,n,I,r,x,e,String(Boolean(r)),l(r?"validity-message":void 0),f,!o||p?void 0:i(j||(j=M` <option disabled="disabled" hidden class="${0}--select-option" value="${0}" selected="selected"> ${0} </option> `),I,u,o),this._renderItems(this),d({class:`${I}--select__arrow`}),r?c({class:`${I}--select__invalid-icon`}):void 0,v)}},{kind:"get",static:!0,key:"selectorItem",value:function(){return`${I}-select-item-group,${I}-select-item`}},{kind:"get",static:!0,key:"selectorLeafItem",value:function(){return`${I}-select-item`}},{kind:"get",static:!0,key:"eventSelect",value:function(){return`${I}-select-selected`}},{kind:"field",static:!0,key:"styles",value:()=>k}]}}),f(u(n)));const{prefix:B}=r;t([h(`${B}-select-item`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"value",value:()=>""}]}}),n);const{prefix:N}=r;t([h(`${N}-select-item-group`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""}]}}),n);
|
|
65
|
+
import{c as e,_ as t,h as i,s as r,L as n}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{i as l}from"./if-defined-dd1fb04b.js";import{c as s}from"./class-map-bd61e03f.js";import{s as d}from"./16-8e34a1fb.js";import{s as c}from"./16-967865d0.js";import{F as b}from"./shared-enums-c6fe8c39.js";import{i as p}from"./if-non-null-63ecd660.js";import{F as u}from"./form-80943f8c.js";import{V as f}from"./validity-d86ffa4f.js";import{c as x}from"./collection-helpers-4e32fe16.js";import{I as m}from"./input-d66d0e9c.js";import{c as h}from"./carbon-element-18175602.js";import{q as v,p as g}from"./decorators-56213c84.js";import"./spread-989d7408.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./focus-1800056c.js";import"./if-non-empty-f23befc6.js";var k=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--select,:host(bx-select){align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--select *,.bx--select :after,.bx--select :before,:host(bx-select) *,:host(bx-select) :after,:host(bx-select) :before{box-sizing:inherit}.bx--select-input__wrapper{align-items:center;display:flex;position:relative;width:100%}.bx--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field-01,#f4f4f4);border:none;border-bottom:1px solid var(--cds-ui-04,#8d8d8d);border-radius:0;color:var(--cds-text-01,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);height:2.5rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-spacing-05,1rem) 0 var(--cds-spacing-09,3rem);transition:outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.bx--select-input:-moz-focusring,.bx--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.bx--select-input:focus{color:var(--cds-text-01,#161616);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--select-input:focus{outline-style:dotted}}.bx--select-input:disabled,.bx--select-input:hover:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:var(--cds-disabled-01,#f4f4f4);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select-input--sm{height:2rem;max-height:2rem}.bx--select-input--lg,.bx--select-input--xl{height:3rem;max-height:3rem}.bx--select--disabled .bx--form__helper-text,.bx--select--disabled .bx--label,:host(bx-select[disabled]) .bx--form__helper-text,:host(bx-select[disabled]) .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--select--warning .bx--select-input,.bx--select-input__wrapper[data-invalid] .bx--select-input{padding-left:4.5rem}.bx--select-input:disabled~.bx--select__arrow{fill:var(--cds-disabled-02,#c6c6c6)}.bx--select--light .bx--select-input,:host(bx-select[color-scheme=light]) .bx--select-input{background-color:var(--cds-field-02,#fff)}.bx--select--light .bx--select-input:hover,:host(bx-select[color-scheme=light]) .bx--select-input:hover{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--select--light .bx--select-input:disabled,.bx--select--light .bx--select-input:hover:disabled,:host(bx-select[color-scheme=light]) .bx--select-input:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select__arrow{fill:var(--cds-ui-05,#161616);height:100%;left:var(--cds-spacing-05,1rem);pointer-events:none;position:absolute;top:0}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--select__arrow path{fill:ButtonText}}.bx--select__invalid-icon{left:var(--cds-spacing-08,2.5rem);position:absolute}.bx--select-input__wrapper[data-invalid] .bx--select-input~.bx--select__invalid-icon{fill:var(--cds-support-01,#da1e28)}.bx--select__invalid-icon--warning{fill:var(--cds-support-03,#f1c21b)}.bx--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.bx--select-option,optgroup.bx--select-optgroup{background-color:var(--cds-background-hover,#e5e5e5);color:var(--cds-text-01,#161616)}.bx--select-option:disabled,optgroup.bx--select-optgroup:disabled{color:var(--cds-text-disabled,#c6c6c6)}.bx--select--inline{align-items:center;display:flex;flex-direction:row}.bx--select--inline.bx--select--invalid .bx--form__helper-text,.bx--select--inline.bx--select--invalid .bx--label{align-self:flex-start;margin-top:.8125rem}.bx--select--inline .bx--form__helper-text{margin-bottom:0;margin-right:var(--cds-spacing-03,.5rem)}.bx--select--inline .bx--label{margin:0 0 0 .5rem;white-space:nowrap}.bx--select--inline .bx--select-input{background-color:transparent;border-bottom:none;color:var(--cds-text-01,#161616);padding-left:var(--cds-spacing-07,2rem);padding-right:.5rem;width:auto}.bx--select--inline .bx--select-input:focus,.bx--select--inline .bx--select-input:focus optgroup,.bx--select--inline .bx--select-input:focus option{background-color:var(--cds-background,#fff)}.bx--select--inline .bx--select-input[disabled],.bx--select--inline .bx--select-input[disabled]:hover{background-color:var(--cds-disabled-01,#f4f4f4)}.bx--select--inline .bx--select__arrow{left:.5rem}.bx--select--inline.bx--select--invalid .bx--select-input{padding-left:3.5rem}.bx--select--inline.bx--select--invalid .bx--select-input~.bx--select__invalid-icon{left:var(--cds-spacing-07,2rem)}.bx--select--inline .bx--select-input:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--select--inline .bx--select-input:disabled~*{cursor:not-allowed}.bx--select.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:2.5rem;padding:0;pointer-events:none;position:relative;width:100%}.bx--select.bx--skeleton:active,.bx--select.bx--skeleton:focus,.bx--select.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--select.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--select.bx--skeleton:before{animation:none}}.bx--select.bx--skeleton .bx--select-input{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--select__arrow{fill:ButtonText}}:host(bx-select){outline:none}']);let _,y,w,z,$,q,j,M=e=>e;const{prefix:I}=r;t([h(`${I}-select`)],(function(e,t){class r extends t{constructor(...t){super(...t),e(this)}}return{F:r,d:[{kind:"field",key:"_observerMutation",value:()=>null},{kind:"field",key:"_placeholderItemValue",value:()=>`__${I}-select-placeholder_${Math.random().toString(36).slice(2)}`},{kind:"field",decorators:[v("select")],key:"_selectNode",value:void 0},{kind:"method",key:"_handleInput",value:function({target:e}){const{value:t}=e;this.value=t;const{eventSelect:i}=this.constructor;this.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{value:t}}))}},{kind:"field",key:"_handleMutation",value(){return()=>{this.requestUpdate()}}},{kind:"method",key:"_renderItems",value:function(e){const{selectorItem:t,selectorLeafItem:r}=this.constructor;return i(_||(_=M` ${0} `),x(e.childNodes,(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches(t))).map((e=>{const t=e.hasAttribute("disabled"),n=e.getAttribute("label"),o=e.hasAttribute("selected"),a=e.getAttribute("value"),{textContent:l}=e;return e.matches(r)?i(y||(y=M` <option class="${0}--select-option" ?disabled="${0}" label="${0}" ?selected="${0}" value="${0}"> ${0} </option> `),I,t,p(null!=n?n:l),o,p(a),l):i(w||(w=M` <optgroup class="${0}--select-optgroup" ?disabled="${0}" label="${0}"> ${0} </optgroup> `),I,t,p(n),this._renderItems(e))})))}},{kind:"method",key:"_handleFormdata",value:function(e){const{formData:t}=e,{disabled:i,name:r,value:n}=this;i||t.append(r,n)}},{kind:"get",key:"length",value:function(){return this._selectNode.length}},{kind:"get",key:"options",value:function(){return this._selectNode.options}},{kind:"get",key:"type",value:function(){return this._selectNode.type}},{kind:"field",decorators:[g({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[g({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>b.REGULAR},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[g()],key:"id",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[g({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"get",decorators:[g({type:Boolean})],key:"multiple",value:function(){return!1}},{kind:"field",decorators:[g()],key:"name",value:()=>""},{kind:"field",decorators:[g()],key:"pattern",value:()=>""},{kind:"field",decorators:[g({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[g({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"get",decorators:[g({type:Number})],key:"selectedIndex",value:function(){return this._selectNode.selectedIndex}},{kind:"set",key:"selectedIndex",value:function(e){this._selectNode.selectedIndex=e,this.value=this._selectNode.value}},{kind:"field",decorators:[g({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[g({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"field",decorators:[g()],key:"value",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){return this.attachShadow({mode:"open",delegatesFocus:!0})}},{kind:"method",key:"connectedCallback",value:function(){o(a(r.prototype),"connectedCallback",this).call(this),this._observerMutation=new MutationObserver(this._handleMutation),this._observerMutation.observe(this,{attributes:!0,childList:!0,subtree:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){this._observerMutation&&(this._observerMutation.disconnect(),this._observerMutation=null),o(a(r.prototype),"disconnectedCallback",this).call(this)}},{kind:"method",key:"updated",value:function(e){if(e.has("value")){const{value:e,_placeholderItemValue:t}=this;this._selectNode.value=e||t}}},{kind:"method",key:"render",value:function(){const{disabled:e,helperText:t,invalid:r,labelText:n,placeholder:o,size:a,validityMessage:b,value:p,_placeholderItemValue:u,_handleInput:f}=this,x=s({[`${I}--select-input`]:!0,[`${I}--select-input--${a}`]:a}),m=s({[`${I}--label`]:!0,[`${I}--label--disabled`]:e}),h=s({[`${I}--form__helper-text`]:!0,[`${I}--form__helper-text--disabled`]:e}),v=r?i($||($=M` <div class="${0}--form-requirement" id="validity-message"> <slot name="validity-message"> ${0} </slot> </div> `),I,b):i(z||(z=M` <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> `),h,t);return i(q||(q=M` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--select-input__wrapper" ?data-invalid="${0}"> <select id="input" class="${0}" ?disabled="${0}" aria-invalid="${0}" aria-describedby="${0}" @input="${0}"> ${0} ${0} </select> ${0} ${0} </div> ${0} `),m,n,I,r,x,e,String(Boolean(r)),l(r?"validity-message":void 0),f,!o||p?void 0:i(j||(j=M` <option disabled="disabled" hidden class="${0}--select-option" value="${0}" selected="selected"> ${0} </option> `),I,u,o),this._renderItems(this),d({class:`${I}--select__arrow`}),r?c({class:`${I}--select__invalid-icon`}):void 0,v)}},{kind:"get",static:!0,key:"selectorItem",value:function(){return`${I}-select-item-group,${I}-select-item`}},{kind:"get",static:!0,key:"selectorLeafItem",value:function(){return`${I}-select-item`}},{kind:"get",static:!0,key:"eventSelect",value:function(){return`${I}-select-selected`}},{kind:"field",static:!0,key:"styles",value:()=>k}]}}),f(u(n)));const{prefix:B}=r;t([h(`${B}-select-item`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""},{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"value",value:()=>""}]}}),n);const{prefix:N}=r;t([h(`${N}-select-item-group`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[g({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[g({reflect:!0})],key:"label",value:()=>""}]}}),n);
|
package/dist/toggle.min.js
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-
|
|
65
|
+
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-d61e0f46.js";import{c as g}from"./carbon-element-18175602.js";import{p as b}from"./decorators-56213c84.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
package/dist/toggle.rtl.min.js
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-
|
|
65
|
+
let e;import{c as t,_ as o,h as i,s as l}from"./settings-898bd7b0.js";import{c as n}from"./class-map-bd61e03f.js";import{i as r}from"./if-non-null-63ecd660.js";import{B as a}from"./checkbox-39ba54c6.js";import{c as g}from"./carbon-element-18175602.js";import{p as b}from"./decorators-56213c84.js";import"./if-defined-dd1fb04b.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
|
@@ -197,7 +197,7 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
|
|
|
197
197
|
[`${prefix}--checkbox-label`]: true,
|
|
198
198
|
[`${prefix}--visually-hidden`]: hideLabel
|
|
199
199
|
});
|
|
200
|
-
return html(_t || (_t = _` <input id="checkbox" type="checkbox" part="input" class="${0}"
|
|
200
|
+
return html(_t || (_t = _` <input id="checkbox" type="checkbox" part="input" class="${0}" .checked="${0}" ?disabled="${0}" .indeterminate="${0}" name="${0}" value="${0}" @change="${0}"> <label for="checkbox" part="label" class="${0}"> <span class="${0}--checkbox-label-text"><slot>${0}</slot></span> </label> `), `${prefix}--checkbox`, checked, disabled, indeterminate, ifNonNull(name), ifNonNull(value), handleChange, labelClasses, prefix, labelText);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
/**
|