@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
|
@@ -71,4 +71,4 @@ import{a as t,c as i,_ as e,h as r,s as o,L as s}from"./settings-898bd7b0.js";im
|
|
|
71
71
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
72
|
* LICENSE file in the root directory of this source tree.
|
|
73
73
|
*/
|
|
74
|
-
let g,m;!function(t){t.SMALL="sm",t.REGULAR="md",t.LARGE="lg",t.EXTRA_LARGE="xl"}(g||(g={})),function(t){t.EMAIL="email",t.PASSWORD="password",t.TEL="tel",t.TEXT="text",t.URL="url"}(m||(m={}));var _=i(['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--assistive-text,.bx--visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--body{background-color:var(--cds-ui-background,#fff);border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}.bx--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:ltr}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-input{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);height:2.5rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--text-input *,.bx--text-input :after,.bx--text-input :before{box-sizing:inherit}.bx--text-input:active,.bx--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-input:active,.bx--text-input:focus{outline-style:dotted}}.bx--text-input-wrapper svg[hidden]{display:none}.bx--text-input--lg,.bx--text-input--xl{height:3rem}.bx--text-input--sm{height:2rem}.bx--password-input{padding-left:2.5rem}.bx--text-input--sm.bx--password-input{padding-left:2rem}.bx--text-input--lg.bx--password-input{padding-left:3rem}.bx--text-input::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--text-input::placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--text-input--light{background-color:var(--cds-field-02,#fff)}.bx--text-input__field-wrapper{display:flex;position:relative;width:100%}.bx--text-input__invalid-icon,.bx--text-input__readonly-icon{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.bx--text-input__invalid-icon{fill:var(--cds-support-01,#da1e28)}.bx--text-input__invalid-icon--warning{fill:var(--cds-support-03,#f1c21b)}.bx--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.bx--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.bx--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--text-input--password__visibility:focus{outline-style:dotted}}.bx--text-input--password__visibility:focus{outline:1px solid transparent}.bx--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--text-input--password__visibility:focus svg{outline-style:dotted}}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{display:inline-block}}.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{transition:none}}.bx--text-input--password__visibility.bx--tooltip--a11y:after,.bx--text-input--password__visibility.bx--tooltip--a11y:before{transition:none}.bx--text-input--password__visibility:before{border-style:solid;content:"";height:0;width:0}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{background-color:var(--cds-inverse-02,#393939);border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-inverse-01,#fff);font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-short-01-font-weight,400);height:auto;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);max-width:13rem;min-width:1.5rem;padding:.1875rem 1rem;text-align:right;transform:translateX(50%);width:-moz-max-content;width:max-content;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{width:auto}}@supports (-ms-accelerator:true){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{width:auto}}@supports (-ms-ime-align:auto){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{border:1px solid transparent}}.bx--text-input--password__visibility:after{content:attr(aria-label)}.bx--text-input--password__visibility.bx--tooltip--a11y:after{content:none}.bx--text-input--password__visibility.bx--tooltip--visible:after,.bx--text-input--password__visibility.bx--tooltip--visible:before,.bx--text-input--password__visibility:focus:after,.bx--text-input--password__visibility:focus:before,.bx--text-input--password__visibility:hover:after,.bx--text-input--password__visibility:hover:before{opacity:1}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,.bx--text-input--password__visibility:focus .bx--assistive-text,.bx--text-input--password__visibility:focus+.bx--assistive-text,.bx--text-input--password__visibility:hover .bx--assistive-text,.bx--text-input--password__visibility:hover+.bx--assistive-text{clip:auto;margin:auto;overflow:visible}.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y:before,.bx--text-input--password__visibility:focus .bx--assistive-text,.bx--text-input--password__visibility:focus+.bx--assistive-text,.bx--text-input--password__visibility:focus.bx--tooltip--a11y:before,.bx--text-input--password__visibility:hover .bx--assistive-text,.bx--text-input--password__visibility:hover+.bx--assistive-text,.bx--text-input--password__visibility:hover.bx--tooltip--a11y:before{animation:tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.bx--text-input--password__visibility.bx--tooltip--hidden .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--hidden+.bx--assistive-text{clip:rect(0,0,0,0);margin:-1px;overflow:hidden}.bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y:before{animation:none;opacity:0}.bx--text-input--password__visibility .bx--assistive-text:after{content:"";display:block;height:.75rem;position:absolute;right:0;top:-.75rem;width:100%}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{bottom:0;right:50%}.bx--text-input--password__visibility:before{border-color:transparent transparent var(--cds-inverse-02,#393939) transparent;border-width:0 .25rem .3125rem;bottom:-.5rem;transform:translate(50%,100%)}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{bottom:-.8125rem;transform:translate(50%,100%)}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger,.bx--text-input--password__visibility{align-items:center;background:none;border:0;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;min-height:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9);width:2.5rem}.bx--text-input--sm+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{width:2rem}.bx--text-input--lg+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{width:3rem}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:ButtonText}}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus svg,.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.bx--text-input--invalid,.bx--text-input--warning,.bx--text-input-wrapper--readonly .bx--text-input{padding-left:2.5rem}.bx--text-input--invalid.bx--password-input{padding-left:4rem}.bx--text-input--invalid+.bx--text-input--password__visibility,.bx--text-input--invalid+.bx--text-input--password__visibility__toggle{left:1rem}.bx--password-input-wrapper .bx--text-input__invalid-icon{left:2.5rem}.bx--text-input:disabled+.bx--text-input--password__visibility svg,.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--text-input:disabled+.bx--text-input--password__visibility svg:hover,.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover{fill:var(--cds-disabled-02,#c6c6c6)}.bx--text-input:disabled{-webkit-text-fill-color:var(--cds-disabled-02,#c6c6c6);background-color:var(--cds-field,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-text-disabled,#c6c6c6);cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px}.bx--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.bx--text-input:disabled::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6);opacity:1}.bx--text-input:disabled::placeholder{color:var(--cds-disabled-02,#c6c6c6);opacity:1}.bx--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-input--invalid{outline-style:dotted}}.bx--text-input--invalid .bx--text-input--password__visibility,.bx--text-input--invalid .bx--text-input--password__visibility__toggle{left:2.5rem}.bx--skeleton.bx--text-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.bx--skeleton.bx--text-input:active,.bx--skeleton.bx--text-input:focus,.bx--skeleton.bx--text-input:hover{border:none;cursor:default;outline:none}.bx--skeleton.bx--text-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--skeleton.bx--text-input:before{animation:none}}.bx--form--fluid .bx--text-input-wrapper{background:var(--cds-field-01,#f4f4f4);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.bx--form--fluid .bx--label{margin:0;position:absolute;right:1rem;top:.8125rem;z-index:1}.bx--form--fluid .bx--form__helper-text{display:none}.bx--form--fluid .bx--text-input{min-height:4rem;padding:2rem 1rem .8125rem}.bx--form--fluid .bx--text-input__divider,.bx--text-input__divider{display:none}.bx--form--fluid .bx--text-input--invalid,.bx--form--fluid .bx--text-input--warn{border-bottom:none}.bx--form--fluid .bx--text-input--invalid+.bx--text-input__divider,.bx--form--fluid .bx--text-input--warn+.bx--text-input__divider{border-color:var(--cds-ui-03,#e0e0e0);border-style:solid;border-bottom:none;display:block;margin:0 1rem}.bx--form--fluid .bx--text-input__invalid-icon{top:5rem}.bx--form--fluid .bx--text-input-wrapper--light{background:var(--cds-field-02,#fff)}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid{outline:2px solid transparent;outline-offset:-2px}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus{outline-style:dotted}}.bx--text-input-wrapper.bx--text-input-wrapper--inline{flex-flow:row wrap}.bx--text-input-wrapper .bx--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.bx--text-input-wrapper .bx--label--inline--sm{margin-top:.5625rem}.bx--text-input-wrapper .bx--label--inline--lg,.bx--text-input-wrapper .bx--label--inline--xl{margin-top:1.0625rem}.bx--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-left:1.5rem;max-width:8rem;overflow-wrap:break-word}.bx--text-input-wrapper .bx--form__helper-text--inline{margin-top:.125rem}.bx--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;width:100%}.bx--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.bx--form--fluid .bx--text-input-wrapper--readonly,.bx--text-input-wrapper--readonly .bx--text-input{background:transparent}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg,.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg,.bx--text-input--password__visibility{fill:ButtonText}}:host(bx-input){outline:none;width:100%}:host(bx-input[show-password-visibility-toggle]) .bx--text-input{padding-left:var(--cds-spacing-08,2.5rem)}:host(bx-input[show-password-visibility-toggle][size=sm]) .bx--text-input__invalid-icon{left:var(--cds-spacing-07,2rem)}:host(bx-input[show-password-visibility-toggle]) .bx--text-input__invalid-icon,:host(bx-input[show-password-visibility-toggle][size=md]) .bx--text-input__invalid-icon{left:var(--cds-spacing-08,2.5rem)}:host(bx-input[show-password-visibility-toggle][size=lg]) .bx--text-input__invalid-icon{left:var(--cds-spacing-09,3rem)}']);let w,y,k,z=t=>t;const{prefix:$}=o;let q=e([f(`${$}-input`)],(function(i,e){return{F:class extends e{constructor(...t){super(...t),i(this)}},d:[{kind:"field",decorators:[v("input")],key:"_input",value:void 0},{kind:"field",key:"_value",value:()=>""},{kind:"field",decorators:[h({reflect:!0})],key:"value",value:()=>""},{kind:"method",key:"_handleInput",value:function({target:t}){this.value=t.value}},{kind:"method",key:"_handleFormdata",value:function(t){const{formData:i}=t,{disabled:e,name:r,value:o}=this;e||i.append(r,o)}},{kind:"field",decorators:[h()],key:"autocomplete",value:()=>""},{kind:"field",decorators:[h({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[h({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[h({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[h({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[h()],key:"name",value:()=>""},{kind:"field",decorators:[h()],key:"pattern",value:()=>""},{kind:"field",decorators:[h({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[h({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"field",decorators:[h()],key:"hidePasswordLabel",value:()=>"Hide password"},{kind:"field",decorators:[h()],key:"showPasswordLabel",value:()=>"Show password"},{kind:"field",decorators:[h({type:Boolean,attribute:"show-password-visibility-toggle",reflect:!0})],key:"showPasswordVisibilityToggle",value:()=>!1},{kind:"field",decorators:[h({reflect:!0})],key:"size",value:()=>g.REGULAR},{kind:"field",decorators:[h()],key:"tooltipAlignment",value:()=>d.CENTER},{kind:"field",decorators:[h()],key:"tooltipDirection",value:()=>b.BOTTOM},{kind:"field",decorators:[h({reflect:!0})],key:"type",value:()=>m.TEXT},{kind:"field",decorators:[h({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){var t;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(t=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==t?t:["",0])[1])<=537})}},{kind:"method",key:"handleTogglePasswordVisibility",value:function(){this.type=this.type===m.PASSWORD?m.TEXT:m.PASSWORD}},{kind:"method",key:"render",value:function(){const{_handleInput:i}=this,e=l({class:`${$}--text-input__invalid-icon`}),o=a({[`${$}--text-input`]:!0,[`${$}--text-input--${this.colorScheme}`]:this.colorScheme,[`${$}--text-input--invalid`]:this.invalid,[`${$}--text-input--${this.size}`]:this.size,[`${$}--password-input`]:this.type===m.PASSWORD}),s=a({[`${$}--label`]:!0,[`${$}--label--disabled`]:this.disabled}),d=a({[`${$}--form__helper-text`]:!0,[`${$}--form__helper-text--disabled`]:this.disabled}),b=this.type!==m.PASSWORD,x=b?(({children:i,...e}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${n(e)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${i}${i}<path d="M2.6,11.3l0.7-0.7C2.6,9.8,1.9,9,1.5,8c1-2.5,3.8-4.5,6.5-4.5c0.7,0,1.4,0.1,2,0.4l0.8-0.8C9.9,2.7,9,2.5,8,2.5 C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3C1,9.3,1.7,10.4,2.6,11.3z"></path><path d="M6 7.9c.1-1 .9-1.8 1.8-1.8l.9-.9C7.2 4.7 5.5 5.6 5.1 7.2 5 7.7 5 8.3 5.1 8.8L6 7.9zM15.5 7.8c-.6-1.5-1.6-2.8-2.9-3.7L15 1.7 14.3 1 1 14.3 1.7 15l2.6-2.6c1.1.7 2.4 1 3.7 1.1 3.3-.1 6.3-2.2 7.5-5.3C15.5 8.1 15.5 7.9 15.5 7.8zM10 8c0 1.1-.9 2-2 2-.3 0-.7-.1-1-.3L9.7 7C9.9 7.3 10 7.6 10 8zM8 12.5c-1 0-2.1-.3-3-.8l1.3-1.3c1.4.9 3.2.6 4.2-.8.7-1 .7-2.4 0-3.4l1.4-1.4c1.1.8 2 1.9 2.6 3.2C13.4 10.5 10.6 12.5 8 12.5z"></path></svg>`)({class:`${$}--icon-visibility-off`}):(({children:i,...e}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${n(e)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${i}${i}<path d="M15.5,7.8C14.3,4.7,11.3,2.6,8,2.5C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3c1.2,3.1,4.1,5.2,7.5,5.3 c3.3-0.1,6.3-2.2,7.5-5.3C15.5,8.1,15.5,7.9,15.5,7.8z M8,12.5c-2.7,0-5.4-2-6.5-4.5c1-2.5,3.8-4.5,6.5-4.5s5.4,2,6.5,4.5 C13.4,10.5,10.6,12.5,8,12.5z"></path><path d="M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z M8,10c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.1,10,8,10z"></path></svg>`)({class:`${$}--icon-visibility-on`}),c=a({[`${$}--text-input--password__visibility__toggle`]:!0,[`${$}--btn`]:!0,[`${$}--btn--icon-only`]:!0,[`${$}--tooltip__trigger`]:!0,[`${$}--tooltip--a11y`]:!0,[`${$}--btn--disabled`]:this.disabled,[`${$}--tooltip--${this.tooltipDirection}`]:this.tooltipDirection,[`${$}--tooltip--align-${this.tooltipAlignment}`]:this.tooltipAlignment}),u=r(w||(w=z` <span class="${0}--assistive-text"> ${0} </span> `),$,b?this.hidePasswordLabel:this.showPasswordLabel);return r(k||(k=z` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--text-input__field-wrapper" ?data-invalid="${0}"> ${0} <input autocomplete="${0}" ?autofocus="${0}" class="${0}" ?data-invalid="${0}" ?disabled="${0}" aria-describedby="helper-text" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" type="${0}" .value="${0}" @input="${0}"> ${0} </div> <div class="${0}" id="helper-text"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement"> <slot name="validity-message"> ${0} </slot> </div> `),s,this.labelText,$,this.invalid,this.invalid?e:null,this.autocomplete,this.autofocus,o,this.invalid,this.disabled,p(this.name),p(this.pattern),p(this.placeholder),this.readonly,this.required,p(this.type),this._value,i,!this.showPasswordVisibilityToggle||this.type!==m.PASSWORD&&this.type!==m.TEXT?null:(()=>r(y||(y=z` <button type="button" class="${0}" ?disabled="${0}" @click="${0}"> ${0} ${0} </button> `),c,this.disabled,this.handleTogglePasswordVisibility,!this.disabled&&u,x))(),d,this.helperText,$,this.validityMessage)}},{kind:"field",static:!0,key:"styles",value:()=>_}]}}),c(x(s)));export{q as B,g as I};
|
|
74
|
+
let g,m;!function(t){t.SMALL="sm",t.REGULAR="md",t.LARGE="lg",t.EXTRA_LARGE="xl"}(g||(g={})),function(t){t.EMAIL="email",t.PASSWORD="password",t.TEL="tel",t.TEXT="text",t.URL="url"}(m||(m={}));var _=i(['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--assistive-text,.bx--visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}.bx--body{background-color:var(--cds-ui-background,#fff);border:0;box-sizing:border-box;color:var(--cds-text-01,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;padding:0;vertical-align:baseline}.bx--body *,.bx--body :after,.bx--body :before{box-sizing:inherit}.bx--text-truncate--end,.bx--text-truncate--front{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bx--text-truncate--front{direction:ltr}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--text-input{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);height:2.5rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline;width:100%}.bx--text-input *,.bx--text-input :after,.bx--text-input :before{box-sizing:inherit}.bx--text-input:active,.bx--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-input:active,.bx--text-input:focus{outline-style:dotted}}.bx--text-input-wrapper svg[hidden]{display:none}.bx--text-input--lg,.bx--text-input--xl{height:3rem}.bx--text-input--sm{height:2rem}.bx--password-input{padding-left:2.5rem}.bx--text-input--sm.bx--password-input{padding-left:2rem}.bx--text-input--lg.bx--password-input{padding-left:3rem}.bx--text-input::-moz-placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--text-input::placeholder{color:var(--cds-text-05,#6f6f6f);opacity:1}.bx--text-input--light{background-color:var(--cds-field-02,#fff)}.bx--text-input__field-wrapper{display:flex;position:relative;width:100%}.bx--text-input__invalid-icon,.bx--text-input__readonly-icon{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.bx--text-input__invalid-icon{fill:var(--cds-support-01,#da1e28)}.bx--text-input__invalid-icon--warning{fill:var(--cds-support-03,#f1c21b)}.bx--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.bx--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.bx--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--text-input--password__visibility:focus{outline-style:dotted}}.bx--text-input--password__visibility:focus{outline:1px solid transparent}.bx--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.bx--text-input--password__visibility:focus svg{outline-style:dotted}}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{display:inline-block}}.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{transition:none}}.bx--text-input--password__visibility.bx--tooltip--a11y:after,.bx--text-input--password__visibility.bx--tooltip--a11y:before{transition:none}.bx--text-input--password__visibility:before{border-style:solid;content:"";height:0;width:0}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{background-color:var(--cds-inverse-02,#393939);border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-inverse-01,#fff);font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-short-01-font-weight,400);height:auto;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);max-width:13rem;min-width:1.5rem;padding:.1875rem 1rem;text-align:right;transform:translateX(50%);width:-moz-max-content;width:max-content;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{width:auto}}@supports (-ms-accelerator:true){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{width:auto}}@supports (-ms-ime-align:auto){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{border:1px solid transparent}}.bx--text-input--password__visibility:after{content:attr(aria-label)}.bx--text-input--password__visibility.bx--tooltip--a11y:after{content:none}.bx--text-input--password__visibility.bx--tooltip--visible:after,.bx--text-input--password__visibility.bx--tooltip--visible:before,.bx--text-input--password__visibility:focus:after,.bx--text-input--password__visibility:focus:before,.bx--text-input--password__visibility:hover:after,.bx--text-input--password__visibility:hover:before{opacity:1}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,.bx--text-input--password__visibility:focus .bx--assistive-text,.bx--text-input--password__visibility:focus+.bx--assistive-text,.bx--text-input--password__visibility:hover .bx--assistive-text,.bx--text-input--password__visibility:hover+.bx--assistive-text{clip:auto;margin:auto;overflow:visible}.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y:before,.bx--text-input--password__visibility:focus .bx--assistive-text,.bx--text-input--password__visibility:focus+.bx--assistive-text,.bx--text-input--password__visibility:focus.bx--tooltip--a11y:before,.bx--text-input--password__visibility:hover .bx--assistive-text,.bx--text-input--password__visibility:hover+.bx--assistive-text,.bx--text-input--password__visibility:hover.bx--tooltip--a11y:before{animation:tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.bx--text-input--password__visibility.bx--tooltip--hidden .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--hidden+.bx--assistive-text{clip:rect(0,0,0,0);margin:-1px;overflow:hidden}.bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y:before{animation:none;opacity:0}.bx--text-input--password__visibility .bx--assistive-text:after{content:"";display:block;height:.75rem;position:absolute;right:0;top:-.75rem;width:100%}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after,.bx--text-input--password__visibility:before{bottom:0;right:50%}.bx--text-input--password__visibility:before{border-color:transparent transparent var(--cds-inverse-02,#393939) transparent;border-width:0 .25rem .3125rem;bottom:-.5rem;transform:translate(50%,100%)}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text,.bx--text-input--password__visibility:after{bottom:-.8125rem;transform:translate(50%,100%)}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger,.bx--text-input--password__visibility{align-items:center;background:none;border:0;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;min-height:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9);width:2.5rem}.bx--text-input--sm+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{width:2rem}.bx--text-input--lg+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{width:3rem}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:ButtonText}}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus svg,.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.bx--text-input--invalid,.bx--text-input--warning,.bx--text-input-wrapper--readonly .bx--text-input{padding-left:2.5rem}.bx--text-input--invalid.bx--password-input{padding-left:4rem}.bx--text-input--invalid+.bx--text-input--password__visibility,.bx--text-input--invalid+.bx--text-input--password__visibility__toggle{left:1rem}.bx--password-input-wrapper .bx--text-input__invalid-icon{left:2.5rem}.bx--text-input:disabled+.bx--text-input--password__visibility svg,.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--text-input:disabled+.bx--text-input--password__visibility svg:hover,.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover{fill:var(--cds-disabled-02,#c6c6c6)}.bx--text-input:disabled{-webkit-text-fill-color:var(--cds-disabled-02,#c6c6c6);background-color:var(--cds-field,#f4f4f4);border-bottom:1px solid transparent;color:var(--cds-text-disabled,#c6c6c6);cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px}.bx--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.bx--text-input:disabled::-moz-placeholder{color:var(--cds-disabled-02,#c6c6c6);opacity:1}.bx--text-input:disabled::placeholder{color:var(--cds-disabled-02,#c6c6c6);opacity:1}.bx--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-input--invalid{outline-style:dotted}}.bx--text-input--invalid .bx--text-input--password__visibility,.bx--text-input--invalid .bx--text-input--password__visibility__toggle{left:2.5rem}.bx--skeleton.bx--text-input{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.bx--skeleton.bx--text-input:active,.bx--skeleton.bx--text-input:focus,.bx--skeleton.bx--text-input:hover{border:none;cursor:default;outline:none}.bx--skeleton.bx--text-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--skeleton.bx--text-input:before{animation:none}}.bx--form--fluid .bx--text-input-wrapper{background:var(--cds-field-01,#f4f4f4);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.bx--form--fluid .bx--label{margin:0;position:absolute;right:1rem;top:.8125rem;z-index:1}.bx--form--fluid .bx--form__helper-text{display:none}.bx--form--fluid .bx--text-input{min-height:4rem;padding:2rem 1rem .8125rem}.bx--form--fluid .bx--text-input__divider,.bx--text-input__divider{display:none}.bx--form--fluid .bx--text-input--invalid,.bx--form--fluid .bx--text-input--warn{border-bottom:none}.bx--form--fluid .bx--text-input--invalid+.bx--text-input__divider,.bx--form--fluid .bx--text-input--warn+.bx--text-input__divider{border-color:var(--cds-ui-03,#e0e0e0);border-style:solid;border-bottom:none;display:block;margin:0 1rem}.bx--form--fluid .bx--text-input__invalid-icon{top:5rem}.bx--form--fluid .bx--text-input-wrapper--light{background:var(--cds-field-02,#fff)}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid{outline:2px solid transparent;outline-offset:-2px}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus{outline-style:dotted}}.bx--text-input-wrapper.bx--text-input-wrapper--inline{flex-flow:row wrap}.bx--text-input-wrapper .bx--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.bx--text-input-wrapper .bx--label--inline--sm{margin-top:.5625rem}.bx--text-input-wrapper .bx--label--inline--lg,.bx--text-input-wrapper .bx--label--inline--xl{margin-top:1.0625rem}.bx--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-left:1.5rem;max-width:8rem;overflow-wrap:break-word}.bx--text-input-wrapper .bx--form__helper-text--inline{margin-top:.125rem}.bx--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;width:100%}.bx--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.bx--form--fluid .bx--text-input-wrapper--readonly,.bx--text-input-wrapper--readonly .bx--text-input{background:transparent}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg,.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg,.bx--text-input--password__visibility{fill:ButtonText}}:host(bx-input){outline:none;width:100%}:host(bx-input[show-password-visibility-toggle]) .bx--text-input{padding-left:var(--cds-spacing-08,2.5rem)}:host(bx-input[show-password-visibility-toggle][size=sm]) .bx--text-input__invalid-icon{left:var(--cds-spacing-07,2rem)}:host(bx-input[show-password-visibility-toggle]) .bx--text-input__invalid-icon,:host(bx-input[show-password-visibility-toggle][size=md]) .bx--text-input__invalid-icon{left:var(--cds-spacing-08,2.5rem)}:host(bx-input[show-password-visibility-toggle][size=lg]) .bx--text-input__invalid-icon{left:var(--cds-spacing-09,3rem)}']);let w,y,k,z=t=>t;const{prefix:$}=o;let q=e([f(`${$}-input`)],(function(i,e){return{F:class extends e{constructor(...t){super(...t),i(this)}},d:[{kind:"field",decorators:[v("input")],key:"_input",value:void 0},{kind:"field",decorators:[h({reflect:!0})],key:"value",value:()=>""},{kind:"method",key:"_handleInput",value:function({target:t}){this.value=t.value}},{kind:"method",key:"_handleFormdata",value:function(t){const{formData:i}=t,{disabled:e,name:r,value:o}=this;e||i.append(r,o)}},{kind:"field",decorators:[h()],key:"autocomplete",value:()=>""},{kind:"field",decorators:[h({type:Boolean})],key:"autofocus",value:()=>!1},{kind:"field",decorators:[h({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[h({attribute:"helper-text"})],key:"helperText",value:()=>""},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"invalid",value:()=>!1},{kind:"field",decorators:[h({attribute:"label-text"})],key:"labelText",value:()=>""},{kind:"field",decorators:[h()],key:"name",value:()=>""},{kind:"field",decorators:[h()],key:"pattern",value:()=>""},{kind:"field",decorators:[h({reflect:!0})],key:"placeholder",value:()=>""},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"readonly",value:()=>!1},{kind:"field",decorators:[h({type:Boolean,reflect:!0})],key:"required",value:()=>!1},{kind:"field",decorators:[h({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:()=>"Please fill out this field."},{kind:"field",decorators:[h()],key:"hidePasswordLabel",value:()=>"Hide password"},{kind:"field",decorators:[h()],key:"showPasswordLabel",value:()=>"Show password"},{kind:"field",decorators:[h({type:Boolean,attribute:"show-password-visibility-toggle",reflect:!0})],key:"showPasswordVisibilityToggle",value:()=>!1},{kind:"field",decorators:[h({reflect:!0})],key:"size",value:()=>g.REGULAR},{kind:"field",decorators:[h()],key:"tooltipAlignment",value:()=>d.CENTER},{kind:"field",decorators:[h()],key:"tooltipDirection",value:()=>b.BOTTOM},{kind:"field",decorators:[h({reflect:!0})],key:"type",value:()=>m.TEXT},{kind:"field",decorators:[h({attribute:"validity-message"})],key:"validityMessage",value:()=>""},{kind:"method",key:"createRenderRoot",value:function(){var t;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(t=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==t?t:["",0])[1])<=537})}},{kind:"method",key:"handleTogglePasswordVisibility",value:function(){this.type=this.type===m.PASSWORD?m.TEXT:m.PASSWORD}},{kind:"method",key:"render",value:function(){const{_handleInput:i}=this,e=l({class:`${$}--text-input__invalid-icon`}),o=a({[`${$}--text-input`]:!0,[`${$}--text-input--${this.colorScheme}`]:this.colorScheme,[`${$}--text-input--invalid`]:this.invalid,[`${$}--text-input--${this.size}`]:this.size,[`${$}--password-input`]:this.type===m.PASSWORD}),s=a({[`${$}--label`]:!0,[`${$}--label--disabled`]:this.disabled}),d=a({[`${$}--form__helper-text`]:!0,[`${$}--form__helper-text--disabled`]:this.disabled}),b=this.type!==m.PASSWORD,x=b?(({children:i,...e}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${n(e)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${i}${i}<path d="M2.6,11.3l0.7-0.7C2.6,9.8,1.9,9,1.5,8c1-2.5,3.8-4.5,6.5-4.5c0.7,0,1.4,0.1,2,0.4l0.8-0.8C9.9,2.7,9,2.5,8,2.5 C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3C1,9.3,1.7,10.4,2.6,11.3z"></path><path d="M6 7.9c.1-1 .9-1.8 1.8-1.8l.9-.9C7.2 4.7 5.5 5.6 5.1 7.2 5 7.7 5 8.3 5.1 8.8L6 7.9zM15.5 7.8c-.6-1.5-1.6-2.8-2.9-3.7L15 1.7 14.3 1 1 14.3 1.7 15l2.6-2.6c1.1.7 2.4 1 3.7 1.1 3.3-.1 6.3-2.2 7.5-5.3C15.5 8.1 15.5 7.9 15.5 7.8zM10 8c0 1.1-.9 2-2 2-.3 0-.7-.1-1-.3L9.7 7C9.9 7.3 10 7.6 10 8zM8 12.5c-1 0-2.1-.3-3-.8l1.3-1.3c1.4.9 3.2.6 4.2-.8.7-1 .7-2.4 0-3.4l1.4-1.4c1.1.8 2 1.9 2.6 3.2C13.4 10.5 10.6 12.5 8 12.5z"></path></svg>`)({class:`${$}--icon-visibility-off`}):(({children:i,...e}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${n(e)}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${i}${i}<path d="M15.5,7.8C14.3,4.7,11.3,2.6,8,2.5C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3c1.2,3.1,4.1,5.2,7.5,5.3 c3.3-0.1,6.3-2.2,7.5-5.3C15.5,8.1,15.5,7.9,15.5,7.8z M8,12.5c-2.7,0-5.4-2-6.5-4.5c1-2.5,3.8-4.5,6.5-4.5s5.4,2,6.5,4.5 C13.4,10.5,10.6,12.5,8,12.5z"></path><path d="M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z M8,10c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.1,10,8,10z"></path></svg>`)({class:`${$}--icon-visibility-on`}),c=a({[`${$}--text-input--password__visibility__toggle`]:!0,[`${$}--btn`]:!0,[`${$}--btn--icon-only`]:!0,[`${$}--tooltip__trigger`]:!0,[`${$}--tooltip--a11y`]:!0,[`${$}--btn--disabled`]:this.disabled,[`${$}--tooltip--${this.tooltipDirection}`]:this.tooltipDirection,[`${$}--tooltip--align-${this.tooltipAlignment}`]:this.tooltipAlignment}),u=r(w||(w=z` <span class="${0}--assistive-text"> ${0} </span> `),$,b?this.hidePasswordLabel:this.showPasswordLabel);return r(k||(k=z` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--text-input__field-wrapper" ?data-invalid="${0}"> ${0} <input autocomplete="${0}" ?autofocus="${0}" class="${0}" ?data-invalid="${0}" ?disabled="${0}" aria-describedby="helper-text" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" type="${0}" .value="${0}" @input="${0}"> ${0} </div> <div class="${0}" id="helper-text"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement"> <slot name="validity-message"> ${0} </slot> </div> `),s,this.labelText,$,this.invalid,this.invalid?e:null,this.autocomplete,this.autofocus,o,this.invalid,this.disabled,p(this.name),p(this.pattern),p(this.placeholder),this.readonly,this.required,p(this.type),this.value,i,!this.showPasswordVisibilityToggle||this.type!==m.PASSWORD&&this.type!==m.TEXT?null:(()=>r(y||(y=z` <button type="button" class="${0}" ?disabled="${0}" @click="${0}"> ${0} ${0} </button> `),c,this.disabled,this.handleTogglePasswordVisibility,!this.disabled&&u,x))(),d,this.helperText,$,this.validityMessage)}},{kind:"field",static:!0,key:"styles",value:()=>_}]}}),c(x(s)));export{q as B,g as I};
|
package/dist/input.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import"./input-
|
|
65
|
+
import"./input-47f04966.js";import"./settings-898bd7b0.js";import"./class-map-bd61e03f.js";import"./spread-989d7408.js";import"./16-deefa0c3.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./focus-1800056c.js";import"./if-non-empty-f23befc6.js";import"./if-defined-dd1fb04b.js";import"./form-80943f8c.js";import"./validity-d86ffa4f.js";import"./shared-enums-c6fe8c39.js";import"./carbon-element-18175602.js";import"./decorators-56213c84.js";
|
package/dist/input.rtl.min.js
CHANGED
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import"./input-
|
|
65
|
+
import"./input-d66d0e9c.js";import"./settings-898bd7b0.js";import"./class-map-bd61e03f.js";import"./spread-989d7408.js";import"./16-967865d0.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./focus-1800056c.js";import"./if-non-empty-f23befc6.js";import"./if-defined-dd1fb04b.js";import"./form-80943f8c.js";import"./validity-d86ffa4f.js";import"./shared-enums-c6fe8c39.js";import"./carbon-element-18175602.js";import"./decorators-56213c84.js";
|
package/dist/number-input.min.js
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{a as e,c as t,_ as n,h as r,s as i}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{c as b}from"./class-map-bd61e03f.js";import{s as l}from"./16-deefa0c3.js";import{s}from"./spread-989d7408.js";import{i as d}from"./if-non-empty-f23befc6.js";import{F as u}from"./shared-enums-c6fe8c39.js";import{B as c,I as m}from"./input-
|
|
65
|
+
import{a as e,c as t,_ as n,h as r,s as i}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{c as b}from"./class-map-bd61e03f.js";import{s as l}from"./16-deefa0c3.js";import{s}from"./spread-989d7408.js";import{i as d}from"./if-non-empty-f23befc6.js";import{F as u}from"./shared-enums-c6fe8c39.js";import{B as c,I as m}from"./input-47f04966.js";import{c as p}from"./carbon-element-18175602.js";import{q as x,p as f}from"./decorators-56213c84.js";import"./if-defined-dd1fb04b.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./validity-d86ffa4f.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
|
@@ -71,4 +71,4 @@ import{a as e,c as t,_ as n,h as r,s as i}from"./settings-898bd7b0.js";import{_
|
|
|
71
71
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
72
|
* LICENSE file in the root directory of this source tree.
|
|
73
73
|
*/
|
|
74
|
-
let h;!function(e){e.EXCEEDED_MAXIMUM="exceeded_maximum",e.EXCEEDED_MINIMUM="exceeded_minimum"}(h||(h={}));var v=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--number{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--number *,.bx--number :after,.bx--number :before{box-sizing:inherit}.bx--number input[type=number]{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);border-radius:0;box-sizing:border-box;color:var(--cds-text-01,#161616);display:inline-flex;font-family:var(--cds-code-01-font-family,"IBM Plex Mono","Menlo","DejaVu Sans Mono","Bitstream Vera Sans Mono",Courier,monospace);font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace;font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);font-weight:300;height:2.5rem;letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);min-width:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-left:1rem;padding-right:8rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--number input[type=number]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus{outline-style:dotted}}.bx--number input[type=number]:disabled~.bx--number__controls{cursor:not-allowed;pointer-events:none}.bx--number input[type=number]:disabled~.bx--number__controls svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--number input[type=number]::-ms-clear{display:none}.bx--number input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.bx--number--lg.bx--number input[type=number],.bx--number--xl.bx--number input[type=number]{padding-right:9rem}.bx--number--sm.bx--number input[type=number]{padding-right:7rem}.bx--number input[type=number]:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__input-wrapper{align-items:center;display:flex;position:relative}.bx--number__controls{align-items:center;border:0;box-sizing:border-box;display:flex;flex-direction:row;font-family:inherit;font-size:100%;height:100%;justify-content:center;margin:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);vertical-align:baseline;width:5rem}.bx--number__controls *,.bx--number__controls :after,.bx--number__controls :before{box-sizing:inherit}.bx--number__control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);box-sizing:border-box;color:var(--cds-icon-01,#161616);cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;height:100%;justify-content:center;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--number__control-btn *,.bx--number__control-btn :after,.bx--number__control-btn :before{box-sizing:inherit}.bx--number__control-btn::-moz-focus-inner{border:0}.bx--number__control-btn:after,.bx--number__control-btn:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:2.25rem;position:absolute;top:.125rem;width:.125rem}.bx--number__control-btn:before{left:0}.bx--number__control-btn:after{right:0}.bx--number__control-btn svg{fill:currentColor}.bx--number__control-btn:focus{color:var(--cds-icon-01,#161616);outline:1px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.bx--number__control-btn:focus{outline-style:dotted}}.bx--number__control-btn:hover{color:var(--cds-icon-01,#161616);cursor:pointer}.bx--number__control-btn:hover,.bx--number__control-btn:hover:after,.bx--number__control-btn:hover:before{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--number__control-btn:focus:after,.bx--number__control-btn:focus:before,.bx--number__control-btn:hover:focus:after,.bx--number__control-btn:hover:focus:before{background-color:transparent}.bx--number__control-btn:disabled{border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__control-btn.down-icon{order:1}.bx--number__control-btn.up-icon{order:2}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{border:0;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:transparent}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:var(--cds-support-01,#da1e28)}.bx--number input[type=number][data-invalid]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after,.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:focus:after{background-color:var(--cds-focus,#0f62fe)}.bx--number__rule-divider{background-color:var(--cds-ui-03,#e0e0e0);height:1rem;position:absolute;width:.0625rem;z-index:z("overlay")}.bx--number__rule-divider:first-of-type{order:0}.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent;left:0}.bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:var(--cds-ui-03,#e0e0e0)}.bx--number--light .bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type,.bx--number--light .bx--number__rule-divider{background-color:var(--cds-decorative-01,#e0e0e0)}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--number__control-btn:focus~.bx--number__rule-divider{background-color:transparent}.bx--number__invalid{fill:var(--cds-support-01,#da1e28);position:absolute;right:6rem}.bx--number--lg .bx--number__invalid,.bx--number--xl .bx--number__invalid{right:7rem}.bx--number--sm .bx--number__invalid{right:5rem}.bx--number__invalid+.bx--number__rule-divider{position:absolute;right:5rem}.bx--number--lg .bx--number__invalid+.bx--number__rule-divider,.bx--number--xl .bx--number__invalid+.bx--number__rule-divider{right:6rem}.bx--number--sm .bx--number__invalid+.bx--number__rule-divider{right:4rem}.bx--number__control-btn.down-icon:focus~.bx--number__rule-divider,.bx--number__control-btn.down-icon:hover~.bx--number__rule-divider,.bx--number__control-btn.up-icon:focus+.bx--number__rule-divider,.bx--number__control-btn.up-icon:hover+.bx--number__rule-divider{background-color:transparent}.bx--number__invalid--warning{fill:var(--cds-support-03,#f1c21b)}.bx--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.bx--number--light .bx--number__control-btn:after,.bx--number--light .bx--number__control-btn:before,.bx--number--light input[type=number],.bx--number--light input[type=number]:disabled{background-color:var(--cds-field-02,#fff)}.bx--number--light .bx--number__control-btn:focus:after,.bx--number--light .bx--number__control-btn:focus:before{background-color:transparent}.bx--number--light .bx--number__control-btn:hover,.bx--number--light .bx--number__control-btn:not(:focus):hover:after,.bx--number--light .bx--number__control-btn:not(:focus):hover:before{background-color:var(--cds-hover-light-ui,#e5e5e5)}.bx--number--lg input[type=number],.bx--number--xl input[type=number]{height:3rem}.bx--number--lg .bx--number__controls,.bx--number--xl .bx--number__controls{width:6rem}.bx--number--lg .bx--number__control-btn,.bx--number--xl .bx--number__control-btn{width:3rem}.bx--number--lg .bx--number__control-btn:after,.bx--number--lg .bx--number__control-btn:before,.bx--number--xl .bx--number__control-btn:after,.bx--number--xl .bx--number__control-btn:before{height:2.75rem}.bx--number--sm input[type=number]{height:2rem}.bx--number--sm .bx--number__controls{width:4rem}.bx--number--sm .bx--number__control-btn{width:2rem}.bx--number--sm .bx--number__control-btn:after,.bx--number--sm .bx--number__control-btn:before{height:1.75rem}.bx--number--nolabel .bx--label+.bx--form__helper-text{margin-top:0}.bx--number--nosteppers input[type=number]{padding-right:3rem}.bx--number--nosteppers .bx--number__invalid{right:1rem}.bx--number--readonly input[type=number]{background:transparent}.bx--number--readonly .bx--number__controls{display:none}.bx--number__readonly-icon{position:absolute;right:1rem}.bx--number.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--number.bx--skeleton:active,.bx--number.bx--skeleton:focus,.bx--number.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--number.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--number.bx--skeleton:before{animation:none}}.bx--number.bx--skeleton input[type=number]{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--number__control-btn:focus,.bx--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.bx--number__control-btn{outline:1px solid transparent}.bx--number__control-btn svg{fill:ButtonText}}:host(bx-number-input),:host(bx-number-input-skeleton){outline:none;width:100%}:host(bx-number-input) .bx--form-requirement[hidden],:host(bx-number-input-skeleton) .bx--form-requirement[hidden]{display:none}']);let _,g,y,k,w,M,$=e=>e;const{prefix:z}=i;n([p(`${z}-number-input`)],(function(t,n){class i extends n{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"method",key:"_handleInput",value:function(e){const{target:t}=e,{value:n}=t;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n}})),o(a(i.prototype),"_handleInput",this).call(this,e)}},{kind:"method",key:"_handleUserInitiatedStepDown",value:function(e){const{_input:t}=this;this.stepDown(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"method",key:"_handleUserInitiatedStepUp",value:function(e){const{_input:t}=this;this.stepUp(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"field",decorators:[x("input")],key:"_input",value:void 0},{kind:"method",key:"_testValidity",value:function(){var e,t;return(null===(e=this._input)||void 0===e?void 0:e.valueAsNumber)>Number(this.max)?h.EXCEEDED_MAXIMUM:(null===(t=this._input)||void 0===t?void 0:t.valueAsNumber)<Number(this.min)?h.EXCEEDED_MINIMUM:o(a(i.prototype),"_testValidity",this).call(this)}},{kind:"method",key:"_getValidityMessage",value:function(e){if(Object.values(h).includes(e)){return{[h.EXCEEDED_MAXIMUM]:this.validityMessageMax,[h.EXCEEDED_MINIMUM]:this.validityMessageMin}[e]}return o(a(i.prototype),"_getValidityMessage",this).call(this,e)}},{kind:"field",key:"_min",value:()=>""},{kind:"field",key:"_max",value:()=>""},{kind:"field",key:"_step",value:()=>"1"},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"get",decorators:[f({reflect:!0})],key:"min",value:function(){return this._min.toString()}},{kind:"set",key:"min",value:function(e){const t=this.min;this._min=e,this.requestUpdate("min",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"max",value:function(){return this._max.toString()}},{kind:"set",key:"max",value:function(e){const t=this.max;this._max=e,this.requestUpdate("max",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"step",value:function(){return this._step.toString()}},{kind:"set",key:"step",value:function(e){const t=this.step;this._step=e,this.requestUpdate("step",t)}},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"mobile",value:()=>!1},{kind:"field",decorators:[f({attribute:"increment-button-assistive-text"})],key:"incrementButtonAssistiveText",value:()=>"increase number input"},{kind:"field",decorators:[f({attribute:"decrement-button-assistive-text"})],key:"decrementButtonAssistiveText",value:()=>"decrease number input"},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[f({attribute:"validity-message-max"})],key:"validityMessageMax",value:()=>""},{kind:"field",decorators:[f({attribute:"validity-message-min"})],key:"validityMessageMin",value:()=>""},{kind:"method",key:"stepUp",value:function(){this._input.stepUp()}},{kind:"method",key:"stepDown",value:function(){this._input.stepDown()}},{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{_handleInput:t,_handleUserInitiatedStepDown:n,_handleUserInitiatedStepUp:i}=this,o=l({class:`${z}--number__invalid`}),a=this._testValidity(),u=b({[`${z}--number`]:!0,[`${z}--number--${this.colorScheme}`]:this.colorScheme,[`${z}--number--mobile`]:this.mobile,[`${z}--number--${this.size}`]:this.size}),c=b({[`${z}--label`]:!0,[`${z}--label--disabled`]:this.disabled}),m=b({[`${z}--form__helper-text`]:!0,[`${z}--form__helper-text--disabled`]:this.disabled}),p=r(_||(_=$` <button class="${0}--number__control-btn up-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.incrementButtonAssistiveText,this.disabled,i,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}<path d="M8 20L16 10 24 20z"></path></svg>`)()),x=r(g||(g=$` <button class="${0}--number__control-btn down-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.decrementButtonAssistiveText,this.disabled,n,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}<path d="M24 12L16 22 8 12z"></path></svg>`)()),f=r(y||(y=$` <input ?autocomplete="${0}" ?autofocus="${0}" ?data-invalid="${0}" ?disabled="${0}" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" type="number" .value="${0}" @input="${0}" min="${0}" max="${0}" step="${0}" role="alert" aria-atomic="true"> `),this.autocomplete,this.autofocus,this.invalid,this.disabled,d(this.name),d(this.pattern),d(this.placeholder),this.readonly,this.required,this._value,t,d(this.min),d(this.max),d(this.step)),v=r(k||(k=$` ${0} ${0} <div class="${0}--number__controls"> ${0} ${0} </div> `),this.invalid?o:null,f,z,p,x),q=r(w||(w=$` ${0} ${0} ${0} `),x,f,p);return r(M||(M=$` <div class="${0}" ?data-invalid="${0}"> <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--number__input-wrapper"> ${0} </div> <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-max"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-min"> ${0} </slot> </div> </div> `),u,this.invalid,c,this.labelText,z,this.mobile?q:v,m,this.helperText,z,!(()=>this.invalid&&a!==h.EXCEEDED_MAXIMUM&&a!==h.EXCEEDED_MINIMUM)(),this.validityMessage,z,a!==h.EXCEEDED_MAXIMUM,this.validityMessageMax,z,a!==h.EXCEEDED_MINIMUM,this.validityMessageMin)}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${z}-number-input`}},{kind:"field",static:!0,key:"styles",value:()=>v}]}}),c);
|
|
74
|
+
let h;!function(e){e.EXCEEDED_MAXIMUM="exceeded_maximum",e.EXCEEDED_MINIMUM="exceeded_minimum"}(h||(h={}));var v=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--number{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--number *,.bx--number :after,.bx--number :before{box-sizing:inherit}.bx--number input[type=number]{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);border-radius:0;box-sizing:border-box;color:var(--cds-text-01,#161616);display:inline-flex;font-family:var(--cds-code-01-font-family,"IBM Plex Mono","Menlo","DejaVu Sans Mono","Bitstream Vera Sans Mono",Courier,monospace);font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace;font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);font-weight:300;height:2.5rem;letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);min-width:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-left:1rem;padding-right:8rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--number input[type=number]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus{outline-style:dotted}}.bx--number input[type=number]:disabled~.bx--number__controls{cursor:not-allowed;pointer-events:none}.bx--number input[type=number]:disabled~.bx--number__controls svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--number input[type=number]::-ms-clear{display:none}.bx--number input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.bx--number--lg.bx--number input[type=number],.bx--number--xl.bx--number input[type=number]{padding-right:9rem}.bx--number--sm.bx--number input[type=number]{padding-right:7rem}.bx--number input[type=number]:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__input-wrapper{align-items:center;display:flex;position:relative}.bx--number__controls{align-items:center;border:0;box-sizing:border-box;display:flex;flex-direction:row;font-family:inherit;font-size:100%;height:100%;justify-content:center;margin:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);vertical-align:baseline;width:5rem}.bx--number__controls *,.bx--number__controls :after,.bx--number__controls :before{box-sizing:inherit}.bx--number__control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);box-sizing:border-box;color:var(--cds-icon-01,#161616);cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;height:100%;justify-content:center;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--number__control-btn *,.bx--number__control-btn :after,.bx--number__control-btn :before{box-sizing:inherit}.bx--number__control-btn::-moz-focus-inner{border:0}.bx--number__control-btn:after,.bx--number__control-btn:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:2.25rem;position:absolute;top:.125rem;width:.125rem}.bx--number__control-btn:before{left:0}.bx--number__control-btn:after{right:0}.bx--number__control-btn svg{fill:currentColor}.bx--number__control-btn:focus{color:var(--cds-icon-01,#161616);outline:1px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.bx--number__control-btn:focus{outline-style:dotted}}.bx--number__control-btn:hover{color:var(--cds-icon-01,#161616);cursor:pointer}.bx--number__control-btn:hover,.bx--number__control-btn:hover:after,.bx--number__control-btn:hover:before{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--number__control-btn:focus:after,.bx--number__control-btn:focus:before,.bx--number__control-btn:hover:focus:after,.bx--number__control-btn:hover:focus:before{background-color:transparent}.bx--number__control-btn:disabled{border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__control-btn.down-icon{order:1}.bx--number__control-btn.up-icon{order:2}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{border:0;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:transparent}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:var(--cds-support-01,#da1e28)}.bx--number input[type=number][data-invalid]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after,.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:focus:after{background-color:var(--cds-focus,#0f62fe)}.bx--number__rule-divider{background-color:var(--cds-ui-03,#e0e0e0);height:1rem;position:absolute;width:.0625rem;z-index:z("overlay")}.bx--number__rule-divider:first-of-type{order:0}.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent;left:0}.bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:var(--cds-ui-03,#e0e0e0)}.bx--number--light .bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type,.bx--number--light .bx--number__rule-divider{background-color:var(--cds-decorative-01,#e0e0e0)}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--number__control-btn:focus~.bx--number__rule-divider{background-color:transparent}.bx--number__invalid{fill:var(--cds-support-01,#da1e28);position:absolute;right:6rem}.bx--number--lg .bx--number__invalid,.bx--number--xl .bx--number__invalid{right:7rem}.bx--number--sm .bx--number__invalid{right:5rem}.bx--number__invalid+.bx--number__rule-divider{position:absolute;right:5rem}.bx--number--lg .bx--number__invalid+.bx--number__rule-divider,.bx--number--xl .bx--number__invalid+.bx--number__rule-divider{right:6rem}.bx--number--sm .bx--number__invalid+.bx--number__rule-divider{right:4rem}.bx--number__control-btn.down-icon:focus~.bx--number__rule-divider,.bx--number__control-btn.down-icon:hover~.bx--number__rule-divider,.bx--number__control-btn.up-icon:focus+.bx--number__rule-divider,.bx--number__control-btn.up-icon:hover+.bx--number__rule-divider{background-color:transparent}.bx--number__invalid--warning{fill:var(--cds-support-03,#f1c21b)}.bx--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.bx--number--light .bx--number__control-btn:after,.bx--number--light .bx--number__control-btn:before,.bx--number--light input[type=number],.bx--number--light input[type=number]:disabled{background-color:var(--cds-field-02,#fff)}.bx--number--light .bx--number__control-btn:focus:after,.bx--number--light .bx--number__control-btn:focus:before{background-color:transparent}.bx--number--light .bx--number__control-btn:hover,.bx--number--light .bx--number__control-btn:not(:focus):hover:after,.bx--number--light .bx--number__control-btn:not(:focus):hover:before{background-color:var(--cds-hover-light-ui,#e5e5e5)}.bx--number--lg input[type=number],.bx--number--xl input[type=number]{height:3rem}.bx--number--lg .bx--number__controls,.bx--number--xl .bx--number__controls{width:6rem}.bx--number--lg .bx--number__control-btn,.bx--number--xl .bx--number__control-btn{width:3rem}.bx--number--lg .bx--number__control-btn:after,.bx--number--lg .bx--number__control-btn:before,.bx--number--xl .bx--number__control-btn:after,.bx--number--xl .bx--number__control-btn:before{height:2.75rem}.bx--number--sm input[type=number]{height:2rem}.bx--number--sm .bx--number__controls{width:4rem}.bx--number--sm .bx--number__control-btn{width:2rem}.bx--number--sm .bx--number__control-btn:after,.bx--number--sm .bx--number__control-btn:before{height:1.75rem}.bx--number--nolabel .bx--label+.bx--form__helper-text{margin-top:0}.bx--number--nosteppers input[type=number]{padding-right:3rem}.bx--number--nosteppers .bx--number__invalid{right:1rem}.bx--number--readonly input[type=number]{background:transparent}.bx--number--readonly .bx--number__controls{display:none}.bx--number__readonly-icon{position:absolute;right:1rem}.bx--number.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--number.bx--skeleton:active,.bx--number.bx--skeleton:focus,.bx--number.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--number.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--number.bx--skeleton:before{animation:none}}.bx--number.bx--skeleton input[type=number]{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--number__control-btn:focus,.bx--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.bx--number__control-btn{outline:1px solid transparent}.bx--number__control-btn svg{fill:ButtonText}}:host(bx-number-input),:host(bx-number-input-skeleton){outline:none;width:100%}:host(bx-number-input) .bx--form-requirement[hidden],:host(bx-number-input-skeleton) .bx--form-requirement[hidden]{display:none}']);let _,g,y,k,w,M,$=e=>e;const{prefix:z}=i;n([p(`${z}-number-input`)],(function(t,n){class i extends n{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"method",key:"_handleInput",value:function(e){const{target:t}=e,{value:n}=t;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n}})),o(a(i.prototype),"_handleInput",this).call(this,e)}},{kind:"method",key:"_handleUserInitiatedStepDown",value:function(e){const{_input:t}=this;this.stepDown(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"method",key:"_handleUserInitiatedStepUp",value:function(e){const{_input:t}=this;this.stepUp(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"field",decorators:[x("input")],key:"_input",value:void 0},{kind:"method",key:"_testValidity",value:function(){var e,t;return(null===(e=this._input)||void 0===e?void 0:e.valueAsNumber)>Number(this.max)?h.EXCEEDED_MAXIMUM:(null===(t=this._input)||void 0===t?void 0:t.valueAsNumber)<Number(this.min)?h.EXCEEDED_MINIMUM:o(a(i.prototype),"_testValidity",this).call(this)}},{kind:"method",key:"_getValidityMessage",value:function(e){if(Object.values(h).includes(e)){return{[h.EXCEEDED_MAXIMUM]:this.validityMessageMax,[h.EXCEEDED_MINIMUM]:this.validityMessageMin}[e]}return o(a(i.prototype),"_getValidityMessage",this).call(this,e)}},{kind:"field",key:"_min",value:()=>""},{kind:"field",key:"_max",value:()=>""},{kind:"field",key:"_step",value:()=>"1"},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"get",decorators:[f({reflect:!0})],key:"min",value:function(){return this._min.toString()}},{kind:"set",key:"min",value:function(e){const t=this.min;this._min=e,this.requestUpdate("min",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"max",value:function(){return this._max.toString()}},{kind:"set",key:"max",value:function(e){const t=this.max;this._max=e,this.requestUpdate("max",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"step",value:function(){return this._step.toString()}},{kind:"set",key:"step",value:function(e){const t=this.step;this._step=e,this.requestUpdate("step",t)}},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"mobile",value:()=>!1},{kind:"field",decorators:[f({attribute:"increment-button-assistive-text"})],key:"incrementButtonAssistiveText",value:()=>"increase number input"},{kind:"field",decorators:[f({attribute:"decrement-button-assistive-text"})],key:"decrementButtonAssistiveText",value:()=>"decrease number input"},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[f({attribute:"validity-message-max"})],key:"validityMessageMax",value:()=>""},{kind:"field",decorators:[f({attribute:"validity-message-min"})],key:"validityMessageMin",value:()=>""},{kind:"method",key:"stepUp",value:function(){this._input.stepUp()}},{kind:"method",key:"stepDown",value:function(){this._input.stepDown()}},{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{_handleInput:t,_handleUserInitiatedStepDown:n,_handleUserInitiatedStepUp:i}=this,o=l({class:`${z}--number__invalid`}),a=this._testValidity(),u=b({[`${z}--number`]:!0,[`${z}--number--${this.colorScheme}`]:this.colorScheme,[`${z}--number--mobile`]:this.mobile,[`${z}--number--${this.size}`]:this.size}),c=b({[`${z}--label`]:!0,[`${z}--label--disabled`]:this.disabled}),m=b({[`${z}--form__helper-text`]:!0,[`${z}--form__helper-text--disabled`]:this.disabled}),p=r(_||(_=$` <button class="${0}--number__control-btn up-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.incrementButtonAssistiveText,this.disabled,i,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}<path d="M8 20L16 10 24 20z"></path></svg>`)()),x=r(g||(g=$` <button class="${0}--number__control-btn down-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.decrementButtonAssistiveText,this.disabled,n,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}<path d="M24 12L16 22 8 12z"></path></svg>`)()),f=r(y||(y=$` <input ?autocomplete="${0}" ?autofocus="${0}" ?data-invalid="${0}" ?disabled="${0}" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" type="number" .value="${0}" @input="${0}" min="${0}" max="${0}" step="${0}" role="alert" aria-atomic="true"> `),this.autocomplete,this.autofocus,this.invalid,this.disabled,d(this.name),d(this.pattern),d(this.placeholder),this.readonly,this.required,this.value,t,d(this.min),d(this.max),d(this.step)),v=r(k||(k=$` ${0} ${0} <div class="${0}--number__controls"> ${0} ${0} </div> `),this.invalid?o:null,f,z,p,x),q=r(w||(w=$` ${0} ${0} ${0} `),x,f,p);return r(M||(M=$` <div class="${0}" ?data-invalid="${0}"> <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--number__input-wrapper"> ${0} </div> <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-max"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-min"> ${0} </slot> </div> </div> `),u,this.invalid,c,this.labelText,z,this.mobile?q:v,m,this.helperText,z,!(()=>this.invalid&&a!==h.EXCEEDED_MAXIMUM&&a!==h.EXCEEDED_MINIMUM)(),this.validityMessage,z,a!==h.EXCEEDED_MAXIMUM,this.validityMessageMax,z,a!==h.EXCEEDED_MINIMUM,this.validityMessageMin)}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${z}-number-input`}},{kind:"field",static:!0,key:"styles",value:()=>v}]}}),c);
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
* https://www.npmjs.com/package/lodash-es
|
|
63
63
|
*/
|
|
64
64
|
|
|
65
|
-
import{a as e,c as t,_ as n,h as r,s as i}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{c as b}from"./class-map-bd61e03f.js";import{s as l}from"./16-967865d0.js";import{s}from"./spread-989d7408.js";import{i as d}from"./if-non-empty-f23befc6.js";import{F as u}from"./shared-enums-c6fe8c39.js";import{B as c,I as m}from"./input-
|
|
65
|
+
import{a as e,c as t,_ as n,h as r,s as i}from"./settings-898bd7b0.js";import{_ as o,a}from"./get-d229c408.js";import{c as b}from"./class-map-bd61e03f.js";import{s as l}from"./16-967865d0.js";import{s}from"./spread-989d7408.js";import{i as d}from"./if-non-empty-f23befc6.js";import{F as u}from"./shared-enums-c6fe8c39.js";import{B as c,I as m}from"./input-d66d0e9c.js";import{c as p}from"./carbon-element-18175602.js";import{q as x,p as f}from"./decorators-56213c84.js";import"./if-defined-dd1fb04b.js";import"./floating-menu-72acc1bc.js";import"./host-listener-01e0a787.js";import"./objectSpread2-8dc8a158.js";import"./defineProperty-93eef18e.js";import"./on-b85e61ad.js";import"./focus-1800056c.js";import"./form-80943f8c.js";import"./validity-d86ffa4f.js";
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
*
|
|
@@ -71,4 +71,4 @@ import{a as e,c as t,_ as n,h as r,s as i}from"./settings-898bd7b0.js";import{_
|
|
|
71
71
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
72
72
|
* LICENSE file in the root directory of this source tree.
|
|
73
73
|
*/
|
|
74
|
-
let h;!function(e){e.EXCEEDED_MAXIMUM="exceeded_maximum",e.EXCEEDED_MINIMUM="exceeded_minimum"}(h||(h={}));var v=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--number{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--number *,.bx--number :after,.bx--number :before{box-sizing:inherit}.bx--number input[type=number]{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);border-radius:0;box-sizing:border-box;color:var(--cds-text-01,#161616);display:inline-flex;font-family:var(--cds-code-01-font-family,"IBM Plex Mono","Menlo","DejaVu Sans Mono","Bitstream Vera Sans Mono",Courier,monospace);font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace;font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);font-weight:300;height:2.5rem;letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);min-width:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-left:8rem;padding-right:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--number input[type=number]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus{outline-style:dotted}}.bx--number input[type=number]:disabled~.bx--number__controls{cursor:not-allowed;pointer-events:none}.bx--number input[type=number]:disabled~.bx--number__controls svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--number input[type=number]::-ms-clear{display:none}.bx--number input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.bx--number--lg.bx--number input[type=number],.bx--number--xl.bx--number input[type=number]{padding-left:9rem}.bx--number--sm.bx--number input[type=number]{padding-left:7rem}.bx--number input[type=number]:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__input-wrapper{align-items:center;display:flex;position:relative}.bx--number__controls{align-items:center;border:0;box-sizing:border-box;display:flex;flex-direction:row;font-family:inherit;font-size:100%;height:100%;justify-content:center;left:0;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);vertical-align:baseline;width:5rem}.bx--number__controls *,.bx--number__controls :after,.bx--number__controls :before{box-sizing:inherit}.bx--number__control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);box-sizing:border-box;color:var(--cds-icon-01,#161616);cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;height:100%;justify-content:center;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--number__control-btn *,.bx--number__control-btn :after,.bx--number__control-btn :before{box-sizing:inherit}.bx--number__control-btn::-moz-focus-inner{border:0}.bx--number__control-btn:after,.bx--number__control-btn:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:2.25rem;position:absolute;top:.125rem;width:.125rem}.bx--number__control-btn:before{right:0}.bx--number__control-btn:after{left:0}.bx--number__control-btn svg{fill:currentColor}.bx--number__control-btn:focus{color:var(--cds-icon-01,#161616);outline:1px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.bx--number__control-btn:focus{outline-style:dotted}}.bx--number__control-btn:hover{color:var(--cds-icon-01,#161616);cursor:pointer}.bx--number__control-btn:hover,.bx--number__control-btn:hover:after,.bx--number__control-btn:hover:before{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--number__control-btn:focus:after,.bx--number__control-btn:focus:before,.bx--number__control-btn:hover:focus:after,.bx--number__control-btn:hover:focus:before{background-color:transparent}.bx--number__control-btn:disabled{border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__control-btn.down-icon{order:1}.bx--number__control-btn.up-icon{order:2}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{border:0;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:transparent}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:var(--cds-support-01,#da1e28)}.bx--number input[type=number][data-invalid]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after,.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:focus:after{background-color:var(--cds-focus,#0f62fe)}.bx--number__rule-divider{background-color:var(--cds-ui-03,#e0e0e0);height:1rem;position:absolute;width:.0625rem;z-index:z("overlay")}.bx--number__rule-divider:first-of-type{order:0}.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent;right:0}.bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:var(--cds-ui-03,#e0e0e0)}.bx--number--light .bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type,.bx--number--light .bx--number__rule-divider{background-color:var(--cds-decorative-01,#e0e0e0)}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--number__control-btn:focus~.bx--number__rule-divider{background-color:transparent}.bx--number__invalid{fill:var(--cds-support-01,#da1e28);left:6rem;position:absolute}.bx--number--lg .bx--number__invalid,.bx--number--xl .bx--number__invalid{left:7rem}.bx--number--sm .bx--number__invalid{left:5rem}.bx--number__invalid+.bx--number__rule-divider{left:5rem;position:absolute}.bx--number--lg .bx--number__invalid+.bx--number__rule-divider,.bx--number--xl .bx--number__invalid+.bx--number__rule-divider{left:6rem}.bx--number--sm .bx--number__invalid+.bx--number__rule-divider{left:4rem}.bx--number__control-btn.down-icon:focus~.bx--number__rule-divider,.bx--number__control-btn.down-icon:hover~.bx--number__rule-divider,.bx--number__control-btn.up-icon:focus+.bx--number__rule-divider,.bx--number__control-btn.up-icon:hover+.bx--number__rule-divider{background-color:transparent}.bx--number__invalid--warning{fill:var(--cds-support-03,#f1c21b)}.bx--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.bx--number--light .bx--number__control-btn:after,.bx--number--light .bx--number__control-btn:before,.bx--number--light input[type=number],.bx--number--light input[type=number]:disabled{background-color:var(--cds-field-02,#fff)}.bx--number--light .bx--number__control-btn:focus:after,.bx--number--light .bx--number__control-btn:focus:before{background-color:transparent}.bx--number--light .bx--number__control-btn:hover,.bx--number--light .bx--number__control-btn:not(:focus):hover:after,.bx--number--light .bx--number__control-btn:not(:focus):hover:before{background-color:var(--cds-hover-light-ui,#e5e5e5)}.bx--number--lg input[type=number],.bx--number--xl input[type=number]{height:3rem}.bx--number--lg .bx--number__controls,.bx--number--xl .bx--number__controls{width:6rem}.bx--number--lg .bx--number__control-btn,.bx--number--xl .bx--number__control-btn{width:3rem}.bx--number--lg .bx--number__control-btn:after,.bx--number--lg .bx--number__control-btn:before,.bx--number--xl .bx--number__control-btn:after,.bx--number--xl .bx--number__control-btn:before{height:2.75rem}.bx--number--sm input[type=number]{height:2rem}.bx--number--sm .bx--number__controls{width:4rem}.bx--number--sm .bx--number__control-btn{width:2rem}.bx--number--sm .bx--number__control-btn:after,.bx--number--sm .bx--number__control-btn:before{height:1.75rem}.bx--number--nolabel .bx--label+.bx--form__helper-text{margin-top:0}.bx--number--nosteppers input[type=number]{padding-left:3rem}.bx--number--nosteppers .bx--number__invalid{left:1rem}.bx--number--readonly input[type=number]{background:transparent}.bx--number--readonly .bx--number__controls{display:none}.bx--number__readonly-icon{left:1rem;position:absolute}.bx--number.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--number.bx--skeleton:active,.bx--number.bx--skeleton:focus,.bx--number.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--number.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--number.bx--skeleton:before{animation:none}}.bx--number.bx--skeleton input[type=number]{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--number__control-btn:focus,.bx--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.bx--number__control-btn{outline:1px solid transparent}.bx--number__control-btn svg{fill:ButtonText}}:host(bx-number-input),:host(bx-number-input-skeleton){outline:none;width:100%}:host(bx-number-input) .bx--form-requirement[hidden],:host(bx-number-input-skeleton) .bx--form-requirement[hidden]{display:none}']);let _,g,y,k,w,M,$=e=>e;const{prefix:z}=i;n([p(`${z}-number-input`)],(function(t,n){class i extends n{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"method",key:"_handleInput",value:function(e){const{target:t}=e,{value:n}=t;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n}})),o(a(i.prototype),"_handleInput",this).call(this,e)}},{kind:"method",key:"_handleUserInitiatedStepDown",value:function(e){const{_input:t}=this;this.stepDown(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"method",key:"_handleUserInitiatedStepUp",value:function(e){const{_input:t}=this;this.stepUp(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"field",decorators:[x("input")],key:"_input",value:void 0},{kind:"method",key:"_testValidity",value:function(){var e,t;return(null===(e=this._input)||void 0===e?void 0:e.valueAsNumber)>Number(this.max)?h.EXCEEDED_MAXIMUM:(null===(t=this._input)||void 0===t?void 0:t.valueAsNumber)<Number(this.min)?h.EXCEEDED_MINIMUM:o(a(i.prototype),"_testValidity",this).call(this)}},{kind:"method",key:"_getValidityMessage",value:function(e){if(Object.values(h).includes(e)){return{[h.EXCEEDED_MAXIMUM]:this.validityMessageMax,[h.EXCEEDED_MINIMUM]:this.validityMessageMin}[e]}return o(a(i.prototype),"_getValidityMessage",this).call(this,e)}},{kind:"field",key:"_min",value:()=>""},{kind:"field",key:"_max",value:()=>""},{kind:"field",key:"_step",value:()=>"1"},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"get",decorators:[f({reflect:!0})],key:"min",value:function(){return this._min.toString()}},{kind:"set",key:"min",value:function(e){const t=this.min;this._min=e,this.requestUpdate("min",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"max",value:function(){return this._max.toString()}},{kind:"set",key:"max",value:function(e){const t=this.max;this._max=e,this.requestUpdate("max",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"step",value:function(){return this._step.toString()}},{kind:"set",key:"step",value:function(e){const t=this.step;this._step=e,this.requestUpdate("step",t)}},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"mobile",value:()=>!1},{kind:"field",decorators:[f({attribute:"increment-button-assistive-text"})],key:"incrementButtonAssistiveText",value:()=>"increase number input"},{kind:"field",decorators:[f({attribute:"decrement-button-assistive-text"})],key:"decrementButtonAssistiveText",value:()=>"decrease number input"},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[f({attribute:"validity-message-max"})],key:"validityMessageMax",value:()=>""},{kind:"field",decorators:[f({attribute:"validity-message-min"})],key:"validityMessageMin",value:()=>""},{kind:"method",key:"stepUp",value:function(){this._input.stepUp()}},{kind:"method",key:"stepDown",value:function(){this._input.stepDown()}},{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{_handleInput:t,_handleUserInitiatedStepDown:n,_handleUserInitiatedStepUp:i}=this,o=l({class:`${z}--number__invalid`}),a=this._testValidity(),u=b({[`${z}--number`]:!0,[`${z}--number--${this.colorScheme}`]:this.colorScheme,[`${z}--number--mobile`]:this.mobile,[`${z}--number--${this.size}`]:this.size}),c=b({[`${z}--label`]:!0,[`${z}--label--disabled`]:this.disabled}),m=b({[`${z}--form__helper-text`]:!0,[`${z}--form__helper-text--disabled`]:this.disabled}),p=r(_||(_=$` <button class="${0}--number__control-btn up-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.incrementButtonAssistiveText,this.disabled,i,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}${t}<path d="M8 20L16 10 24 20z"></path></svg>`)()),x=r(g||(g=$` <button class="${0}--number__control-btn down-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.decrementButtonAssistiveText,this.disabled,n,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}${t}<path d="M24 12L16 22 8 12z"></path></svg>`)()),f=r(y||(y=$` <input ?autocomplete="${0}" ?autofocus="${0}" ?data-invalid="${0}" ?disabled="${0}" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" type="number" .value="${0}" @input="${0}" min="${0}" max="${0}" step="${0}" role="alert" aria-atomic="true"> `),this.autocomplete,this.autofocus,this.invalid,this.disabled,d(this.name),d(this.pattern),d(this.placeholder),this.readonly,this.required,this._value,t,d(this.min),d(this.max),d(this.step)),v=r(k||(k=$` ${0} ${0} <div class="${0}--number__controls"> ${0} ${0} </div> `),this.invalid?o:null,f,z,p,x),q=r(w||(w=$` ${0} ${0} ${0} `),x,f,p);return r(M||(M=$` <div class="${0}" ?data-invalid="${0}"> <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--number__input-wrapper"> ${0} </div> <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-max"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-min"> ${0} </slot> </div> </div> `),u,this.invalid,c,this.labelText,z,this.mobile?q:v,m,this.helperText,z,!(()=>this.invalid&&a!==h.EXCEEDED_MAXIMUM&&a!==h.EXCEEDED_MINIMUM)(),this.validityMessage,z,a!==h.EXCEEDED_MAXIMUM,this.validityMessageMax,z,a!==h.EXCEEDED_MINIMUM,this.validityMessageMin)}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${z}-number-input`}},{kind:"field",static:!0,key:"styles",value:()=>v}]}}),c);
|
|
74
|
+
let h;!function(e){e.EXCEEDED_MAXIMUM="exceeded_maximum",e.EXCEEDED_MINIMUM="exceeded_minimum"}(h||(h={}));var v=t(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0 0 2rem;padding:0;vertical-align:baseline}.bx--fieldset *,.bx--fieldset :after,.bx--fieldset :before{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.bx--label{border:0;box-sizing:border-box;color:var(--cds-text-02,#525252);display:inline-block;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin:0 0 .5rem;padding:0;vertical-align:baseline}.bx--label *,.bx--label :after,.bx--label :before{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.bx--label.bx--skeleton{background:var(--cds-skeleton-01,#e5e5e5);border:none;box-shadow:none;height:.875rem;padding:0;pointer-events:none;position:relative;width:4.6875rem}.bx--label.bx--skeleton:active,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--label.bx--skeleton:before{animation:skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-02,#c6c6c6);content:"";height:100%;position:absolute;right:0;top:0;width:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.bx--label.bx--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--combo-box[data-invalid] .bx--text-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{display:block;font-weight:400;max-height:12.5rem;overflow:visible}.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,input[data-invalid]~.bx--form-requirement{color:var(--cds-text-error,#da1e28)}.bx--form--fluid .bx--text-input__field-wrapper--warning,.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{margin:0;padding:.5rem 1rem .5rem 2.5rem}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{border:0;box-sizing:border-box;display:none;font-family:inherit;font-size:100%;font-size:var(--cds-caption-01-font-size,.75rem);font-weight:var(--cds-caption-01-font-weight,400);letter-spacing:var(--cds-caption-01-letter-spacing,.32px);line-height:var(--cds-caption-01-line-height,1.33333);margin:.25rem 0 0;max-height:0;overflow:hidden;padding:0;vertical-align:baseline}.bx--form-requirement *,.bx--form-requirement :after,.bx--form-requirement :before{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{color:var(--cds-text-02,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-top:.25rem;opacity:1;width:100%;z-index:0}.bx--form__helper-text--disabled,.bx--label--disabled,fieldset[disabled] .bx--form__helper-text,fieldset[disabled] .bx--label{color:var(--cds-disabled-02,#c6c6c6)}.bx--number{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--number *,.bx--number :after,.bx--number :before{box-sizing:inherit}.bx--number input[type=number]{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);border-radius:0;box-sizing:border-box;color:var(--cds-text-01,#161616);display:inline-flex;font-family:var(--cds-code-01-font-family,"IBM Plex Mono","Menlo","DejaVu Sans Mono","Bitstream Vera Sans Mono",Courier,monospace);font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace;font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);font-weight:300;height:2.5rem;letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);min-width:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-left:8rem;padding-right:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}.bx--number input[type=number]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus{outline-style:dotted}}.bx--number input[type=number]:disabled~.bx--number__controls{cursor:not-allowed;pointer-events:none}.bx--number input[type=number]:disabled~.bx--number__controls svg{fill:var(--cds-disabled-02,#c6c6c6)}.bx--number input[type=number]::-ms-clear{display:none}.bx--number input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.bx--number--lg.bx--number input[type=number],.bx--number--xl.bx--number input[type=number]{padding-left:9rem}.bx--number--sm.bx--number input[type=number]{padding-left:7rem}.bx--number input[type=number]:disabled{background-color:var(--cds-disabled-01,#f4f4f4);border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__input-wrapper{align-items:center;display:flex;position:relative}.bx--number__controls{align-items:center;border:0;box-sizing:border-box;display:flex;flex-direction:row;font-family:inherit;font-size:100%;height:100%;justify-content:center;left:0;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);vertical-align:baseline;width:5rem}.bx--number__controls *,.bx--number__controls :after,.bx--number__controls :before{box-sizing:inherit}.bx--number__control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:.0625rem solid var(--cds-ui-04,#8d8d8d);box-sizing:border-box;color:var(--cds-icon-01,#161616);cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;height:100%;justify-content:center;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%}.bx--number__control-btn *,.bx--number__control-btn :after,.bx--number__control-btn :before{box-sizing:inherit}.bx--number__control-btn::-moz-focus-inner{border:0}.bx--number__control-btn:after,.bx--number__control-btn:before{background-color:var(--cds-field-01,#f4f4f4);content:"";display:block;height:2.25rem;position:absolute;top:.125rem;width:.125rem}.bx--number__control-btn:before{right:0}.bx--number__control-btn:after{left:0}.bx--number__control-btn svg{fill:currentColor}.bx--number__control-btn:focus{color:var(--cds-icon-01,#161616);outline:1px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.bx--number__control-btn:focus{outline-style:dotted}}.bx--number__control-btn:hover{color:var(--cds-icon-01,#161616);cursor:pointer}.bx--number__control-btn:hover,.bx--number__control-btn:hover:after,.bx--number__control-btn:hover:before{background-color:var(--cds-hover-ui,#e5e5e5)}.bx--number__control-btn:focus:after,.bx--number__control-btn:focus:before,.bx--number__control-btn:hover:focus:after,.bx--number__control-btn:hover:focus:before{background-color:transparent}.bx--number__control-btn:disabled{border-bottom-color:transparent;color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed}.bx--number__control-btn.down-icon{order:1}.bx--number__control-btn.up-icon{order:2}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{border:0;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn{border-bottom-width:0}.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline:2px solid var(--cds-support-01,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover{outline-style:dotted}}.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:transparent}.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:after{background-color:var(--cds-support-01,#da1e28)}.bx--number input[type=number][data-invalid]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after,.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:focus:after{background-color:var(--cds-focus,#0f62fe)}.bx--number__rule-divider{background-color:var(--cds-ui-03,#e0e0e0);height:1rem;position:absolute;width:.0625rem;z-index:z("overlay")}.bx--number__rule-divider:first-of-type{order:0}.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent;right:0}.bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:var(--cds-ui-03,#e0e0e0)}.bx--number--light .bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type,.bx--number--light .bx--number__rule-divider{background-color:var(--cds-decorative-01,#e0e0e0)}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider:first-of-type{background-color:transparent}.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider{background-color:var(--cds-disabled-02,#c6c6c6)}.bx--number__control-btn:focus~.bx--number__rule-divider{background-color:transparent}.bx--number__invalid{fill:var(--cds-support-01,#da1e28);left:6rem;position:absolute}.bx--number--lg .bx--number__invalid,.bx--number--xl .bx--number__invalid{left:7rem}.bx--number--sm .bx--number__invalid{left:5rem}.bx--number__invalid+.bx--number__rule-divider{left:5rem;position:absolute}.bx--number--lg .bx--number__invalid+.bx--number__rule-divider,.bx--number--xl .bx--number__invalid+.bx--number__rule-divider{left:6rem}.bx--number--sm .bx--number__invalid+.bx--number__rule-divider{left:4rem}.bx--number__control-btn.down-icon:focus~.bx--number__rule-divider,.bx--number__control-btn.down-icon:hover~.bx--number__rule-divider,.bx--number__control-btn.up-icon:focus+.bx--number__rule-divider,.bx--number__control-btn.up-icon:hover+.bx--number__rule-divider{background-color:transparent}.bx--number__invalid--warning{fill:var(--cds-support-03,#f1c21b)}.bx--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.bx--number--light .bx--number__control-btn:after,.bx--number--light .bx--number__control-btn:before,.bx--number--light input[type=number],.bx--number--light input[type=number]:disabled{background-color:var(--cds-field-02,#fff)}.bx--number--light .bx--number__control-btn:focus:after,.bx--number--light .bx--number__control-btn:focus:before{background-color:transparent}.bx--number--light .bx--number__control-btn:hover,.bx--number--light .bx--number__control-btn:not(:focus):hover:after,.bx--number--light .bx--number__control-btn:not(:focus):hover:before{background-color:var(--cds-hover-light-ui,#e5e5e5)}.bx--number--lg input[type=number],.bx--number--xl input[type=number]{height:3rem}.bx--number--lg .bx--number__controls,.bx--number--xl .bx--number__controls{width:6rem}.bx--number--lg .bx--number__control-btn,.bx--number--xl .bx--number__control-btn{width:3rem}.bx--number--lg .bx--number__control-btn:after,.bx--number--lg .bx--number__control-btn:before,.bx--number--xl .bx--number__control-btn:after,.bx--number--xl .bx--number__control-btn:before{height:2.75rem}.bx--number--sm input[type=number]{height:2rem}.bx--number--sm .bx--number__controls{width:4rem}.bx--number--sm .bx--number__control-btn{width:2rem}.bx--number--sm .bx--number__control-btn:after,.bx--number--sm .bx--number__control-btn:before{height:1.75rem}.bx--number--nolabel .bx--label+.bx--form__helper-text{margin-top:0}.bx--number--nosteppers input[type=number]{padding-left:3rem}.bx--number--nosteppers .bx--number__invalid{left:1rem}.bx--number--readonly input[type=number]{background:transparent}.bx--number--readonly .bx--number__controls{display:none}.bx--number__readonly-icon{left:1rem;position:absolute}.bx--number.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--number.bx--skeleton:active,.bx--number.bx--skeleton:focus,.bx--number.bx--skeleton:hover{border:none;cursor:default;outline:none}.bx--number.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--number.bx--skeleton:before{animation:none}}.bx--number.bx--skeleton input[type=number]{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.bx--number__control-btn:focus,.bx--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.bx--number__control-btn{outline:1px solid transparent}.bx--number__control-btn svg{fill:ButtonText}}:host(bx-number-input),:host(bx-number-input-skeleton){outline:none;width:100%}:host(bx-number-input) .bx--form-requirement[hidden],:host(bx-number-input-skeleton) .bx--form-requirement[hidden]{display:none}']);let _,g,y,k,w,M,$=e=>e;const{prefix:z}=i;n([p(`${z}-number-input`)],(function(t,n){class i extends n{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"method",key:"_handleInput",value:function(e){const{target:t}=e,{value:n}=t;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n}})),o(a(i.prototype),"_handleInput",this).call(this,e)}},{kind:"method",key:"_handleUserInitiatedStepDown",value:function(e){const{_input:t}=this;this.stepDown(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"method",key:"_handleUserInitiatedStepUp",value:function(e){const{_input:t}=this;this.stepUp(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value}}))}},{kind:"field",decorators:[x("input")],key:"_input",value:void 0},{kind:"method",key:"_testValidity",value:function(){var e,t;return(null===(e=this._input)||void 0===e?void 0:e.valueAsNumber)>Number(this.max)?h.EXCEEDED_MAXIMUM:(null===(t=this._input)||void 0===t?void 0:t.valueAsNumber)<Number(this.min)?h.EXCEEDED_MINIMUM:o(a(i.prototype),"_testValidity",this).call(this)}},{kind:"method",key:"_getValidityMessage",value:function(e){if(Object.values(h).includes(e)){return{[h.EXCEEDED_MAXIMUM]:this.validityMessageMax,[h.EXCEEDED_MINIMUM]:this.validityMessageMin}[e]}return o(a(i.prototype),"_getValidityMessage",this).call(this,e)}},{kind:"field",key:"_min",value:()=>""},{kind:"field",key:"_max",value:()=>""},{kind:"field",key:"_step",value:()=>"1"},{kind:"field",decorators:[f({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:()=>u.REGULAR},{kind:"get",decorators:[f({reflect:!0})],key:"min",value:function(){return this._min.toString()}},{kind:"set",key:"min",value:function(e){const t=this.min;this._min=e,this.requestUpdate("min",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"max",value:function(){return this._max.toString()}},{kind:"set",key:"max",value:function(e){const t=this.max;this._max=e,this.requestUpdate("max",t)}},{kind:"get",decorators:[f({reflect:!0})],key:"step",value:function(){return this._step.toString()}},{kind:"set",key:"step",value:function(e){const t=this.step;this._step=e,this.requestUpdate("step",t)}},{kind:"field",decorators:[f({type:Boolean,reflect:!0})],key:"mobile",value:()=>!1},{kind:"field",decorators:[f({attribute:"increment-button-assistive-text"})],key:"incrementButtonAssistiveText",value:()=>"increase number input"},{kind:"field",decorators:[f({attribute:"decrement-button-assistive-text"})],key:"decrementButtonAssistiveText",value:()=>"decrease number input"},{kind:"field",decorators:[f({reflect:!0})],key:"size",value:()=>m.REGULAR},{kind:"field",decorators:[f({attribute:"validity-message-max"})],key:"validityMessageMax",value:()=>""},{kind:"field",decorators:[f({attribute:"validity-message-min"})],key:"validityMessageMin",value:()=>""},{kind:"method",key:"stepUp",value:function(){this._input.stepUp()}},{kind:"method",key:"stepDown",value:function(){this._input.stepDown()}},{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{_handleInput:t,_handleUserInitiatedStepDown:n,_handleUserInitiatedStepUp:i}=this,o=l({class:`${z}--number__invalid`}),a=this._testValidity(),u=b({[`${z}--number`]:!0,[`${z}--number--${this.colorScheme}`]:this.colorScheme,[`${z}--number--mobile`]:this.mobile,[`${z}--number--${this.size}`]:this.size}),c=b({[`${z}--label`]:!0,[`${z}--label--disabled`]:this.disabled}),m=b({[`${z}--form__helper-text`]:!0,[`${z}--form__helper-text--disabled`]:this.disabled}),p=r(_||(_=$` <button class="${0}--number__control-btn up-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.incrementButtonAssistiveText,this.disabled,i,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}${t}<path d="M8 20L16 10 24 20z"></path></svg>`)()),x=r(g||(g=$` <button class="${0}--number__control-btn down-icon" aria-label="${0}" aria-live="polite" aria-atomic="true" type="button" ?disabled="${0}" @click="${0}"> ${0} </button> `),z,this.decrementButtonAssistiveText,this.disabled,n,(({children:t,...n}={})=>e`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${s(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${t}${t}<path d="M24 12L16 22 8 12z"></path></svg>`)()),f=r(y||(y=$` <input ?autocomplete="${0}" ?autofocus="${0}" ?data-invalid="${0}" ?disabled="${0}" id="input" name="${0}" pattern="${0}" placeholder="${0}" ?readonly="${0}" ?required="${0}" type="number" .value="${0}" @input="${0}" min="${0}" max="${0}" step="${0}" role="alert" aria-atomic="true"> `),this.autocomplete,this.autofocus,this.invalid,this.disabled,d(this.name),d(this.pattern),d(this.placeholder),this.readonly,this.required,this.value,t,d(this.min),d(this.max),d(this.step)),v=r(k||(k=$` ${0} ${0} <div class="${0}--number__controls"> ${0} ${0} </div> `),this.invalid?o:null,f,z,p,x),q=r(w||(w=$` ${0} ${0} ${0} `),x,f,p);return r(M||(M=$` <div class="${0}" ?data-invalid="${0}"> <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--number__input-wrapper"> ${0} </div> <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-max"> ${0} </slot> </div> <div class="${0}--form-requirement" ?hidden="${0}"> <slot name="validity-message-min"> ${0} </slot> </div> </div> `),u,this.invalid,c,this.labelText,z,this.mobile?q:v,m,this.helperText,z,!(()=>this.invalid&&a!==h.EXCEEDED_MAXIMUM&&a!==h.EXCEEDED_MINIMUM)(),this.validityMessage,z,a!==h.EXCEEDED_MAXIMUM,this.validityMessageMax,z,a!==h.EXCEEDED_MINIMUM,this.validityMessageMin)}},{kind:"get",static:!0,key:"eventInput",value:function(){return`${z}-number-input`}},{kind:"field",static:!0,key:"styles",value:()=>v}]}}),c);
|