@descope/web-components-ui 1.0.319 → 1.0.321
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/cjs/index.cjs.js +1390 -1010
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1433 -1051
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1438.js +1 -1
- package/dist/umd/2362.js +1 -1
- package/dist/umd/3830.js +1 -1
- package/dist/umd/4028.js +1 -1
- package/dist/umd/5135.js +1 -1
- package/dist/umd/5806.js +1 -1
- package/dist/umd/602.js +170 -0
- package/dist/umd/{1621.js.LICENSE.txt → 602.js.LICENSE.txt} +0 -6
- package/dist/umd/6770.js +1 -1
- package/dist/umd/7056.js +2 -2
- package/dist/umd/7284.js +303 -0
- package/dist/umd/7284.js.LICENSE.txt +11 -0
- package/dist/umd/8137.js +452 -0
- package/dist/umd/8137.js.LICENSE.txt +17 -0
- package/dist/umd/8191.js +4 -4
- package/dist/umd/9092.js +2 -2
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-password-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -0
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-password/PasswordClass.js +56 -0
- package/src/components/descope-radio-group/RadioButtonClass.js +74 -0
- package/src/components/descope-radio-group/RadioGroupClass.js +192 -0
- package/src/components/descope-radio-group/index.js +8 -0
- package/src/index.cjs.js +2 -0
- package/src/index.js +1 -0
- package/src/theme/components/index.js +4 -0
- package/src/theme/components/radioGroup/radioButton.js +42 -0
- package/src/theme/components/radioGroup/radioGroup.js +37 -0
- package/dist/umd/1621.js +0 -620
    
        package/dist/umd/8137.js
    ADDED
    
    | @@ -0,0 +1,452 @@ | |
| 1 | 
            +
            /*! For license information please see 8137.js.LICENSE.txt */
         | 
| 2 | 
            +
            "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8137],{61037:(t,e,o)=>{o.d(e,{Dt:()=>i,G6:()=>u,T:()=>c,gn:()=>d,i7:()=>r,vU:()=>s});const n=t=>t.test(navigator.userAgent),a=t=>t.test(navigator.platform),i=n(/Android/u),r=n(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=n(/Firefox/u),l=a(/^iPad/u)||a(/^Mac/u)&&navigator.maxTouchPoints>1,d=a(/^iPhone/u)||l,u=n(/^((?!chrome|android).)*safari/iu),c=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>i});var n=o(91014);const a=new WeakMap,i=(0,n.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return a.has(t)||a.set(t,new Set),a.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))},39091:(t,e,o)=>{o.d(e,{t:()=>s});var n=o(91014),a=o(86328),i=o(56326),r=o(34524);const s=(0,n.o)((t=>class extends((0,a.A)((0,r.n)((0,i.J)(t)))){static get constraints(){return["required"]}static get delegateAttrs(){return[...super.delegateAttrs,"required"]}ready(){super.ready(),this._createConstraintsObserver()}checkValidity(){return this.inputElement&&this._hasValidConstraints(this.constructor.constraints.map((t=>this[t])))?this.inputElement.checkValidity():!this.invalid}_hasValidConstraints(t){return t.some((t=>this.__isValidConstraint(t)))}_createConstraintsObserver(){this._createMethodObserver(`_constraintsChanged(stateTarget, ${this.constructor.constraints.join(", ")})`)}_constraintsChanged(t,...e){if(!t)return;const o=this._hasValidConstraints(e),n=this.__previousHasConstraints&&!o;(this._hasValue||this.invalid)&&o?this.validate():n&&this._setInvalid(!1),this.__previousHasConstraints=o}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__isValidConstraint(t){return Boolean(t)||0===t}}))},73406:(t,e,o)=>{o.d(e,{L:()=>p});var n=o(41370),a=o(52628),i=o(87913),r=o(36139),s=o(24946),l=o(61037),d=o(56326);const u=t=>class extends((0,d.J)((0,a.L)(t))){static get properties(){return{clearButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1}}}get clearElement(){return console.warn(`Please implement the 'clearElement' property in <${this.localName}>`),null}ready(){super.ready(),this.clearElement&&(this.clearElement.addEventListener("mousedown",(t=>this._onClearButtonMouseDown(t))),this.clearElement.addEventListener("click",(t=>this._onClearButtonClick(t))))}_onClearButtonClick(t){t.preventDefault(),this._onClearAction()}_onClearButtonMouseDown(t){t.preventDefault(),l.T||this.inputElement.focus()}_onEscape(t){super._onEscape(t),this.clearButtonVisible&&this.value&&(t.stopPropagation(),this._onClearAction())}_onClearAction(){this._inputElementValue="",this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.inputElement.dispatchEvent(new Event("change",{bubbles:!0}))}};var c=o(17412),h=o(39091);const p=t=>class extends((0,s.W)((0,n.B)((0,h.t)((0,c.f)(u((0,a.L)(t))))))){static get properties(){return{allowedCharPattern:{type:String,observer:"_allowedCharPatternChanged"},autoselect:{type:Boolean,value:!1},name:{type:String,reflectToAttribute:!0},placeholder:{type:String,reflectToAttribute:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},title:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"name","type","placeholder","readonly","invalid","title"]}constructor(){super(),this._boundOnPaste=this._onPaste.bind(this),this._boundOnDrop=this._onDrop.bind(this),this._boundOnBeforeInput=this._onBeforeInput.bind(this)}get slotStyles(){return["\n          :is(input[slot='input'], textarea[slot='textarea'])::placeholder {\n            font: inherit;\n            color: inherit;\n          }\n        "]}_onFocus(t){super._onFocus(t),this.autoselect&&this.inputElement&&this.inputElement.select()}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}_addInputListeners(t){super._addInputListeners(t),t.addEventListener("paste",this._boundOnPaste),t.addEventListener("drop",this._boundOnDrop),t.addEventListener("beforeinput",this._boundOnBeforeInput)}_removeInputListeners(t){super._removeInputListeners(t),t.removeEventListener("paste",this._boundOnPaste),t.removeEventListener("drop",this._boundOnDrop),t.removeEventListener("beforeinput",this._boundOnBeforeInput)}_onKeyDown(t){super._onKeyDown(t),this.allowedCharPattern&&!this.__shouldAcceptKey(t)&&(t.preventDefault(),this._markInputPrevented())}_markInputPrevented(){this.setAttribute("input-prevented",""),this._preventInputDebouncer=r.dx.debounce(this._preventInputDebouncer,i.Wc.after(200),(()=>{this.removeAttribute("input-prevented")}))}__shouldAcceptKey(t){return t.metaKey||t.ctrlKey||!t.key||1!==t.key.length||this.__allowedCharRegExp.test(t.key)}_onPaste(t){if(this.allowedCharPattern){const e=t.clipboardData.getData("text");this.__allowedTextRegExp.test(e)||(t.preventDefault(),this._markInputPrevented())}}_onDrop(t){if(this.allowedCharPattern){const e=t.dataTransfer.getData("text");this.__allowedTextRegExp.test(e)||(t.preventDefault(),this._markInputPrevented())}}_onBeforeInput(t){this.allowedCharPattern&&t.data&&!this.__allowedTextRegExp.test(t.data)&&(t.preventDefault(),this._markInputPrevented())}_allowedCharPatternChanged(t){if(t)try{this.__allowedCharRegExp=new RegExp(`^${t}$`,"u"),this.__allowedTextRegExp=new RegExp(`^${t}*$`,"u")}catch(t){console.error(t)}}}},62743:(t,e,o)=>{o.d(e,{J:()=>i});var n=o(9392);const a=n.iv`
         | 
| 3 | 
            +
              [part='clear-button'] {
         | 
| 4 | 
            +
                display: none;
         | 
| 5 | 
            +
                cursor: default;
         | 
| 6 | 
            +
              }
         | 
| 7 | 
            +
             | 
| 8 | 
            +
              [part='clear-button']::before {
         | 
| 9 | 
            +
                content: '\\2715';
         | 
| 10 | 
            +
              }
         | 
| 11 | 
            +
             | 
| 12 | 
            +
              :host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
         | 
| 13 | 
            +
                display: block;
         | 
| 14 | 
            +
              }
         | 
| 15 | 
            +
            `,i=[n.iv`
         | 
| 16 | 
            +
              :host {
         | 
| 17 | 
            +
                display: inline-flex;
         | 
| 18 | 
            +
                outline: none;
         | 
| 19 | 
            +
              }
         | 
| 20 | 
            +
             | 
| 21 | 
            +
              :host::before {
         | 
| 22 | 
            +
                content: '\\2003';
         | 
| 23 | 
            +
                width: 0;
         | 
| 24 | 
            +
                display: inline-block;
         | 
| 25 | 
            +
                /* Size and position this element on the same vertical position as the input-field element
         | 
| 26 | 
            +
                      to make vertical align for the host element work as expected */
         | 
| 27 | 
            +
              }
         | 
| 28 | 
            +
             | 
| 29 | 
            +
              :host([hidden]) {
         | 
| 30 | 
            +
                display: none !important;
         | 
| 31 | 
            +
              }
         | 
| 32 | 
            +
             | 
| 33 | 
            +
              :host(:not([has-label])) [part='label'] {
         | 
| 34 | 
            +
                display: none;
         | 
| 35 | 
            +
              }
         | 
| 36 | 
            +
             | 
| 37 | 
            +
              @media (forced-colors: active) {
         | 
| 38 | 
            +
                :host(:not([readonly])) [part='input-field'] {
         | 
| 39 | 
            +
                  outline: 1px solid;
         | 
| 40 | 
            +
                  outline-offset: -1px;
         | 
| 41 | 
            +
                }
         | 
| 42 | 
            +
                :host([focused]) [part='input-field'] {
         | 
| 43 | 
            +
                  outline-width: 2px;
         | 
| 44 | 
            +
                }
         | 
| 45 | 
            +
                :host([disabled]) [part='input-field'] {
         | 
| 46 | 
            +
                  outline-color: GrayText;
         | 
| 47 | 
            +
                }
         | 
| 48 | 
            +
              }
         | 
| 49 | 
            +
            `,n.iv`
         | 
| 50 | 
            +
              [class$='container'] {
         | 
| 51 | 
            +
                display: flex;
         | 
| 52 | 
            +
                flex-direction: column;
         | 
| 53 | 
            +
                min-width: 100%;
         | 
| 54 | 
            +
                max-width: 100%;
         | 
| 55 | 
            +
                width: var(--vaadin-field-default-width, 12em);
         | 
| 56 | 
            +
              }
         | 
| 57 | 
            +
            `,a]},13553:(t,e,o)=>{o.d(e,{f:()=>d});var n=o(74241),a=o(52807),i=o(51914),r=o(46570);const s=t=>class extends t{static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0},readonly:{type:Boolean,reflectToAttribute:!0},invalid:{type:Boolean,reflectToAttribute:!0}}}ready(){super.ready(),this.addEventListener("pointerdown",(t=>{t.target===this&&t.preventDefault()})),this.addEventListener("click",(t=>{t.target===this&&this.shadowRoot.querySelector("slot:not([name])").assignedNodes({flatten:!0}).forEach((t=>t.focus&&t.focus()))}))}},l=o(9392).iv`
         | 
| 58 | 
            +
              :host {
         | 
| 59 | 
            +
                display: flex;
         | 
| 60 | 
            +
                align-items: center;
         | 
| 61 | 
            +
                flex: 0 1 auto;
         | 
| 62 | 
            +
                border-radius:
         | 
| 63 | 
            +
                        /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
         | 
| 64 | 
            +
                  var(--vaadin-input-field-top-start-radius, var(--__border-radius))
         | 
| 65 | 
            +
                  var(--vaadin-input-field-top-end-radius, var(--__border-radius))
         | 
| 66 | 
            +
                  var(--vaadin-input-field-bottom-end-radius, var(--__border-radius))
         | 
| 67 | 
            +
                  var(--vaadin-input-field-bottom-start-radius, var(--__border-radius));
         | 
| 68 | 
            +
                --_border-radius: var(--vaadin-input-field-border-radius, 0);
         | 
| 69 | 
            +
                --_input-border-width: var(--vaadin-input-field-border-width, 0);
         | 
| 70 | 
            +
                --_input-border-color: var(--vaadin-input-field-border-color, transparent);
         | 
| 71 | 
            +
                box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
         | 
| 72 | 
            +
              }
         | 
| 73 | 
            +
             | 
| 74 | 
            +
              :host([dir='rtl']) {
         | 
| 75 | 
            +
                border-radius:
         | 
| 76 | 
            +
                        /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
         | 
| 77 | 
            +
                  var(--vaadin-input-field-top-end-radius, var(--_border-radius))
         | 
| 78 | 
            +
                  var(--vaadin-input-field-top-start-radius, var(--_border-radius))
         | 
| 79 | 
            +
                  var(--vaadin-input-field-bottom-start-radius, var(--_border-radius))
         | 
| 80 | 
            +
                  var(--vaadin-input-field-bottom-end-radius, var(--_border-radius));
         | 
| 81 | 
            +
              }
         | 
| 82 | 
            +
             | 
| 83 | 
            +
              :host([hidden]) {
         | 
| 84 | 
            +
                display: none !important;
         | 
| 85 | 
            +
              }
         | 
| 86 | 
            +
             | 
| 87 | 
            +
              /* Reset the native input styles */
         | 
| 88 | 
            +
              ::slotted(input) {
         | 
| 89 | 
            +
                -webkit-appearance: none;
         | 
| 90 | 
            +
                -moz-appearance: none;
         | 
| 91 | 
            +
                flex: auto;
         | 
| 92 | 
            +
                white-space: nowrap;
         | 
| 93 | 
            +
                overflow: hidden;
         | 
| 94 | 
            +
                width: 100%;
         | 
| 95 | 
            +
                height: 100%;
         | 
| 96 | 
            +
                outline: none;
         | 
| 97 | 
            +
                margin: 0;
         | 
| 98 | 
            +
                padding: 0;
         | 
| 99 | 
            +
                border: 0;
         | 
| 100 | 
            +
                border-radius: 0;
         | 
| 101 | 
            +
                min-width: 0;
         | 
| 102 | 
            +
                font: inherit;
         | 
| 103 | 
            +
                line-height: normal;
         | 
| 104 | 
            +
                color: inherit;
         | 
| 105 | 
            +
                background-color: transparent;
         | 
| 106 | 
            +
                /* Disable default invalid style in Firefox */
         | 
| 107 | 
            +
                box-shadow: none;
         | 
| 108 | 
            +
              }
         | 
| 109 | 
            +
             | 
| 110 | 
            +
              ::slotted(*) {
         | 
| 111 | 
            +
                flex: none;
         | 
| 112 | 
            +
              }
         | 
| 113 | 
            +
             | 
| 114 | 
            +
              ::slotted(:is(input, textarea))::placeholder {
         | 
| 115 | 
            +
                /* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
         | 
| 116 | 
            +
                /* because ::slotted(...)::placeholder does not work in Safari. */
         | 
| 117 | 
            +
                font: inherit;
         | 
| 118 | 
            +
                color: inherit;
         | 
| 119 | 
            +
                /* Override default opacity in Firefox */
         | 
| 120 | 
            +
                opacity: 1;
         | 
| 121 | 
            +
              }
         | 
| 122 | 
            +
            `;(0,r.hC)("vaadin-input-container",l,{moduleId:"vaadin-input-container-styles"});class d extends(s((0,r.Tb)((0,i.U)(n.H3)))){static get is(){return"vaadin-input-container"}static get template(){return n.dy`
         | 
| 123 | 
            +
                  <slot name="prefix"></slot>
         | 
| 124 | 
            +
                  <slot></slot>
         | 
| 125 | 
            +
                  <slot name="suffix"></slot>
         | 
| 126 | 
            +
                `}}(0,a.M)(d)},21578:(t,e,o)=>{o(51195),o(79098),o(29849),o(34173);var n=o(46570);(0,n.hC)("vaadin-input-container",n.iv`
         | 
| 127 | 
            +
                :host {
         | 
| 128 | 
            +
                  background: var(--_background);
         | 
| 129 | 
            +
                  padding: 0 calc(0.375em + var(--_input-container-radius) / 4 - 1px);
         | 
| 130 | 
            +
                  font-weight: 500;
         | 
| 131 | 
            +
                  line-height: 1;
         | 
| 132 | 
            +
                  position: relative;
         | 
| 133 | 
            +
                  cursor: text;
         | 
| 134 | 
            +
                  box-sizing: border-box;
         | 
| 135 | 
            +
                  border-radius:
         | 
| 136 | 
            +
                    /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#syntax */
         | 
| 137 | 
            +
                    var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
         | 
| 138 | 
            +
                    var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
         | 
| 139 | 
            +
                    var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius))
         | 
| 140 | 
            +
                    var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius));
         | 
| 141 | 
            +
                  /* Fallback */
         | 
| 142 | 
            +
                  --_input-container-radius: var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));
         | 
| 143 | 
            +
                  /* Default values */
         | 
| 144 | 
            +
                  --_background: var(--vaadin-input-field-background, var(--lumo-contrast-10pct));
         | 
| 145 | 
            +
                  --_hover-highlight: var(--vaadin-input-field-hover-highlight, var(--lumo-contrast-50pct));
         | 
| 146 | 
            +
                  --_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));
         | 
| 147 | 
            +
                  --_icon-color: var(--vaadin-input-field-icon-color, var(--lumo-contrast-60pct));
         | 
| 148 | 
            +
                  --_icon-size: var(--vaadin-input-field-icon-size, var(--lumo-icon-size-m));
         | 
| 149 | 
            +
                  --_invalid-background: var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct));
         | 
| 150 | 
            +
                  --_invalid-hover-highlight: var(--vaadin-input-field-invalid-hover-highlight, var(--lumo-error-color-50pct));
         | 
| 151 | 
            +
                }
         | 
| 152 | 
            +
             | 
| 153 | 
            +
                :host([dir='rtl']) {
         | 
| 154 | 
            +
                  border-radius:
         | 
| 155 | 
            +
                    /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
         | 
| 156 | 
            +
                    var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
         | 
| 157 | 
            +
                    var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
         | 
| 158 | 
            +
                    var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius))
         | 
| 159 | 
            +
                    var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius));
         | 
| 160 | 
            +
                }
         | 
| 161 | 
            +
             | 
| 162 | 
            +
                /* Used for hover and activation effects */
         | 
| 163 | 
            +
                :host::after {
         | 
| 164 | 
            +
                  content: '';
         | 
| 165 | 
            +
                  position: absolute;
         | 
| 166 | 
            +
                  inset: 0;
         | 
| 167 | 
            +
                  border-radius: inherit;
         | 
| 168 | 
            +
                  pointer-events: none;
         | 
| 169 | 
            +
                  background: var(--_hover-highlight);
         | 
| 170 | 
            +
                  opacity: 0;
         | 
| 171 | 
            +
                  transition: transform 0.15s, opacity 0.2s;
         | 
| 172 | 
            +
                  transform-origin: 100% 0;
         | 
| 173 | 
            +
                }
         | 
| 174 | 
            +
             | 
| 175 | 
            +
                ::slotted(:not([slot$='fix'])) {
         | 
| 176 | 
            +
                  cursor: inherit;
         | 
| 177 | 
            +
                  min-height: var(--lumo-text-field-size, var(--lumo-size-m));
         | 
| 178 | 
            +
                  padding: 0 0.25em;
         | 
| 179 | 
            +
                  --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
         | 
| 180 | 
            +
                  -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);
         | 
| 181 | 
            +
                  mask-image: var(--_lumo-text-field-overflow-mask-image);
         | 
| 182 | 
            +
                }
         | 
| 183 | 
            +
             | 
| 184 | 
            +
                /* Read-only */
         | 
| 185 | 
            +
                :host([readonly]) {
         | 
| 186 | 
            +
                  color: var(--lumo-secondary-text-color);
         | 
| 187 | 
            +
                  background-color: transparent;
         | 
| 188 | 
            +
                  cursor: default;
         | 
| 189 | 
            +
                }
         | 
| 190 | 
            +
             | 
| 191 | 
            +
                :host([readonly])::after {
         | 
| 192 | 
            +
                  background-color: transparent;
         | 
| 193 | 
            +
                  opacity: 1;
         | 
| 194 | 
            +
                  border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-30pct));
         | 
| 195 | 
            +
                }
         | 
| 196 | 
            +
             | 
| 197 | 
            +
                /* Disabled */
         | 
| 198 | 
            +
                :host([disabled]) {
         | 
| 199 | 
            +
                  background-color: var(--lumo-contrast-5pct);
         | 
| 200 | 
            +
                }
         | 
| 201 | 
            +
             | 
| 202 | 
            +
                :host([disabled]) ::slotted(*) {
         | 
| 203 | 
            +
                  color: var(--lumo-disabled-text-color);
         | 
| 204 | 
            +
                  -webkit-text-fill-color: var(--lumo-disabled-text-color);
         | 
| 205 | 
            +
                }
         | 
| 206 | 
            +
             | 
| 207 | 
            +
                /* Invalid */
         | 
| 208 | 
            +
                :host([invalid]) {
         | 
| 209 | 
            +
                  background: var(--_invalid-background);
         | 
| 210 | 
            +
                }
         | 
| 211 | 
            +
             | 
| 212 | 
            +
                :host([invalid])::after {
         | 
| 213 | 
            +
                  background: var(--_invalid-hover-highlight);
         | 
| 214 | 
            +
                }
         | 
| 215 | 
            +
             | 
| 216 | 
            +
                /* Slotted icons */
         | 
| 217 | 
            +
                ::slotted(vaadin-icon) {
         | 
| 218 | 
            +
                  color: var(--_icon-color);
         | 
| 219 | 
            +
                  width: var(--_icon-size);
         | 
| 220 | 
            +
                  height: var(--_icon-size);
         | 
| 221 | 
            +
                }
         | 
| 222 | 
            +
             | 
| 223 | 
            +
                /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
         | 
| 224 | 
            +
                ::slotted(vaadin-icon[icon^='vaadin:']) {
         | 
| 225 | 
            +
                  padding: 0.25em;
         | 
| 226 | 
            +
                  box-sizing: border-box !important;
         | 
| 227 | 
            +
                }
         | 
| 228 | 
            +
             | 
| 229 | 
            +
                /* Text align */
         | 
| 230 | 
            +
                :host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 231 | 
            +
                  --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);
         | 
| 232 | 
            +
                }
         | 
| 233 | 
            +
             | 
| 234 | 
            +
                @-moz-document url-prefix() {
         | 
| 235 | 
            +
                  :host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 236 | 
            +
                    mask-image: var(--_lumo-text-field-overflow-mask-image);
         | 
| 237 | 
            +
                  }
         | 
| 238 | 
            +
                }
         | 
| 239 | 
            +
             | 
| 240 | 
            +
                :host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
         | 
| 241 | 
            +
                  text-align: start;
         | 
| 242 | 
            +
                  --_lumo-text-field-overflow-mask-image: none;
         | 
| 243 | 
            +
                }
         | 
| 244 | 
            +
             | 
| 245 | 
            +
                :host([theme~='align-center']) ::slotted(:not([slot$='fix'])) {
         | 
| 246 | 
            +
                  text-align: center;
         | 
| 247 | 
            +
                  --_lumo-text-field-overflow-mask-image: none;
         | 
| 248 | 
            +
                }
         | 
| 249 | 
            +
             | 
| 250 | 
            +
                :host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
         | 
| 251 | 
            +
                  text-align: end;
         | 
| 252 | 
            +
                  --_lumo-text-field-overflow-mask-image: none;
         | 
| 253 | 
            +
                }
         | 
| 254 | 
            +
             | 
| 255 | 
            +
                @-moz-document url-prefix() {
         | 
| 256 | 
            +
                  /* Firefox is smart enough to align overflowing text to right */
         | 
| 257 | 
            +
                  :host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
         | 
| 258 | 
            +
                    --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
         | 
| 259 | 
            +
                  }
         | 
| 260 | 
            +
                }
         | 
| 261 | 
            +
             | 
| 262 | 
            +
                @-moz-document url-prefix() {
         | 
| 263 | 
            +
                  /* Firefox is smart enough to align overflowing text to right */
         | 
| 264 | 
            +
                  :host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
         | 
| 265 | 
            +
                    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
         | 
| 266 | 
            +
                  }
         | 
| 267 | 
            +
                }
         | 
| 268 | 
            +
             | 
| 269 | 
            +
                /* RTL specific styles */
         | 
| 270 | 
            +
                :host([dir='rtl'])::after {
         | 
| 271 | 
            +
                  transform-origin: 0% 0;
         | 
| 272 | 
            +
                }
         | 
| 273 | 
            +
             | 
| 274 | 
            +
                :host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 275 | 
            +
                  --_lumo-text-field-overflow-mask-image: none;
         | 
| 276 | 
            +
                }
         | 
| 277 | 
            +
             | 
| 278 | 
            +
                :host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 279 | 
            +
                  --_lumo-text-field-overflow-mask-image: none;
         | 
| 280 | 
            +
                }
         | 
| 281 | 
            +
             | 
| 282 | 
            +
                :host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 283 | 
            +
                  --_lumo-text-field-overflow-mask-image: none;
         | 
| 284 | 
            +
                }
         | 
| 285 | 
            +
             | 
| 286 | 
            +
                @-moz-document url-prefix() {
         | 
| 287 | 
            +
                  /* Firefox is smart enough to align overflowing text to right */
         | 
| 288 | 
            +
                  :host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 289 | 
            +
                    --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
         | 
| 290 | 
            +
                  }
         | 
| 291 | 
            +
                }
         | 
| 292 | 
            +
             | 
| 293 | 
            +
                @-moz-document url-prefix() {
         | 
| 294 | 
            +
                  /* Firefox is smart enough to align overflowing text to right */
         | 
| 295 | 
            +
                  :host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
         | 
| 296 | 
            +
                    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
         | 
| 297 | 
            +
                  }
         | 
| 298 | 
            +
                }
         | 
| 299 | 
            +
              `,{moduleId:"lumo-input-container"})},71189:(t,e,o)=>{o(24407);var n=o(46570),a=o(32463);const i=o.p+"bcdfe87ae253c2cf789c9a737f8d8c22.woff",r=(0,n.$m)(`\n  @font-face {\n    font-family: 'lumo-icons';\n    src: url('${i}') format('woff'),\n    url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABEgAAsAAAAAIjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUuKY21hcAAAAYgAAAD4AAADrsCU8d5nbHlmAAACgAAAC2cAABeAWri7U2hlYWQAAA3oAAAAMAAAADZa/6SsaGhlYQAADhgAAAAdAAAAJAbpA35obXR4AAAOOAAAABAAAACspBAAAGxvY2EAAA5IAAAAWAAAAFh57oA4bWF4cAAADqAAAAAfAAAAIAFKAXBuYW1lAAAOwAAAATEAAAIuUUJZCHBvc3QAAA/0AAABKwAAAelm8SzVeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS+yDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+0mIO+p/FEMUcxDANKMwIkgMABn8MLQB4nO3SWW6DMABF0UtwCEnIPM/zhLK8LqhfXRybSP14XUYtHV9hGYQwQBNIo3cUIPkhQeM7rib1ekqnXg981XuC1qvy84lzojleh3puxL0hPjGjRU473teloEefAUNGjJkwZcacBUtWrNmwZceeA0dOnLlw5cadB09elPGhGf+j0NTI/65KfXerT6JhqKnpRKtgOpuqaTrtKjPUlqHmhto21I7pL6i6hlqY3q7qGWrfUAeGOjTUkaGODXViqFNDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUB+G+jTUl6GWRvkL24BkEXictVh9bFvVFb/nxvbz+7Rf/N6zHcd2bCfP+Wic1Z9N0jpNHCD9SNqqoVBgbQoMjY+pjA4hNnWa2pV1rHSIif0DGkyT2k10Kmu1Cag6huj4ZpqYBHSqJsTEJgZCG3TaVBFv595nO3ZIv4RIrPPuvefe884599zzO/cRF8G/tgn6CFFImNgkR0ggX8wlspbhSSWSdrC5ozd30s2dw5afzvgtyz9/zG9t1hV4RtF1pXolowvtzc2z6L2aYUQM45jKH9WDTvd1LRDoDASYWhfTzTyvboXz6uZX4ARX5wrF39y+HM2+CJ8d0pkyqBIqoze3D12ez4DrFoYzxI8dWwMrDlZ2DMqQAR9AROsJU+2smlTPaTTco52BVxXa2a2+I8vvqd2dVHm1LoPeTn/AZPRYGthDYOeZjBjKoFsVGulR3lGU95SeCK44oHU7MhWUGUKZDT3oSUcG2GWuh+EDDfUYA/jhIhl0TOsJNYSEu7mQmi3UzfXwZKA4BsVsHLXQYGgJW95qEtpJ1VcW9HiTriZBlFEqxsDjA09yCNUoQxxwd7KWSTt2y3GTKifkqHRCoWZc3m11Wa/dKdFgXD4kSYfkeJBKd8KMz7J8dZn/cGRCcLGDnA2Ge3bKzcvlnTDNthFWLH7Xt80ua5FMjA4WKelWv5Xo16vHuYzpRbJhhdVlftuRK0VlR27D9lu5TF0DPBi60OrHNO0AfP/uRWvhn/U3LXICE+nh+3IHPUJ8JE6GyBjZQLbjGchlrSgYngF8zyrIF4NJD3atUcgWsWunGN/UHX5B5/yg7uF87Nqp4Gf52F3gH73DjEZNRoqCKAr9giQJp5rGJABpiVE2htNhW9R8nw0jqYjCYcY4LIjwYNScf4WN06IZnZCEqsI4cFaQbo4Z1TsZBx40YhXkHOecaYE5oY37IIQ+iJJ+UsDYSun5MuRSBRZRUUhlY2DqOGajOR6zrSU/5My6l2DnusH1GQgnw5BZP7iuYM/ahcfQ7Z8y51ddfutvuwNqWQ0cBYr8fj0U0vsHpwerVaB2sWhXT2NExi2r1KUE2tUuVMnkepVQrxTmpQrZTG4iu8he8iPyM3KcPE/+RP5KPoE2CEAKclCBzXATxkYOtUY/o961PWRqsj0chRrHFBbtrjP9/P0ven5pcbRdpL94vfsy33e5+izuwz3nFLFPVNayPZx/jdG1fOChflFRvYzsW6L18efgLrSWIgvcqnGJYi4skO4xREURjbDuxKke5v0T3Mrzkt2fi31uyZlLLrqIpEuXXsMlgw442Jb0GAxjS1DM20kBoCzHLXm/jEm0IltdcvU0fEW24jgiwwRjVd9u4NJHcIyoHJcwvyVqgqj5hqBJ1ZWSJryh9p56UWhX1XbhRbW2ZopuZWsQd5y8mEQ8M+C6xjRYxZbDKWf5AgY+Qq/l6wSPk16zDFjowYuu+wjx13mfkxbyDDxadYT/LijZyI0THB+6yfLaWsRcO82zo9mWTNtpO18qlorZoIVMwSN40tky5DOQ1MCIAe24mvlsuwIIxPb10+uXDQ4uWz/9m3rj+ql7p6bufZARuPVq5tXtsn6KwfP8Jy0TeWOyNhUJN6mhX5rkUTtUppQWEMNTqEdaCGKFYKJaQrCE4JtDLYOlNEKmO5kBTPGY2A0N2sY3+dVlo1N9ycBsIGtOjQ2p/tlZvzo0ur4v6cOh8NTospB7U/X40KahoU3bGIH97dnwmtHlYffVG3R1YOwKM2vNhrPhCT5zk64sG53oS4b31aYjqe/B7+kQiXBN+b6h21hNUPMq29B8CU4elINdygMPKF1B+WBTG7Z9ZshpN/xwEuuDQZR+nuoo4CDaAiiwXmLpmukMQyPf/JMclqgL1ixZQ/nnP2VbdUODFGt2fgBvL123rlLYu/6A9ckb7F3K0/CyBMEu6aQoPscroCcacVehvyQyCZAsizsWWBkoLC+WAiWnOksLKaeuQDzGuqSk42aiYTiJ4zf9afl17SrqaTO1f+XlZAfIuYcq7/IqYMaMrksOJ6vHkOCPDq943xcCnHqVD9pHFRpMqSPXrIua1WNs+tOz1U+ciTCDpPk+c4QYJIHnYhxP/kVPAq+ahFpVhPcHp8qyarhiF+HsBU9Hrl+UZa876fbKipL0KqB6OdUveErgtOI97fZ63ae9SvWU6k2w1JfwqnUbHsYcFCJFrC/W12zIMMirWYEHxMPs6LGYSdkSZ5TsNP9PCpwnWC3HKZ1lydNjWHC2Mn3l6vL0dHn1ldP3LTSrX+vKrBqv7KmMr8p0SR6P1NqF63or6XRlIyO90f7+kf7+myOhvt4tq7f09oUiTc2/dycGgqFQcCDRLYmi1NL7fk0CknVMxEg/cdfs/TnpJMNkgqwj17B8beVazSrVbU4lG67IZYOCnWrYy3yBR9cyWcChywos3LJBEdhhFoAdYjiw0rLGm0xU5OzoGm5/ZfmHjVZpNNg6SznzGKDdwv2cCtVn6Eaxo12cfxLprpVtTcZ6hVx6dow7Yq7e8LXO8PY9Jgjoze9yCtU5FNbegcKkQMdCbt9au/te4Ebe0jkc0ukUL32eYnTpNs20h0KpUOhZPYwVcfhZnfdqeCvDfXiuCbAoYWcXERPc/mDQD3/hdF+wK4i/xv3kYfprIpAuMkk2kW3kdtS0kBIKpZwp8KxmsCyfM1MFzAss9LBkDxRyThiaqTLwKYKJVTwmWTudMyz+yks09346MDh4m72yOxCKrt1XMlQ1qPVlTEVVQ1ofdK/sCWjtZu9qGwZ8YZ9PPWlo1IV3eW3+U0aXblP39zrt+JPf6UhEQ1rUjNBULN+utyuaDNW34kpAVuSOeMTyWbSNWnooFu+QFNWQ4d/Ox4IPWx41fP/fB/Rjeoz08ezPA9TysMtmnOXfGN7Ui3xIYLDALrlDLOP09qtJuY2OeL0+QZXdRnR1nxRVBF/SOyKKPpcrn9mWzH4rH9IidE+PTNU2182+hOgSItrE1slByS24vaLvJpxOqe4Pduf3HJkZ+jLqUz9rRzB7p8gKcgWZwV1L8JtUS5Z2JxZSOCuBoMTQihMzLbCPA0KqGMAljRQjONklW/wjnXKy8vxT/Elvm3/KiMUMOoV0/vnDYlhec0SMKtt3/kKMyOt33tj2bqxQLsTjSGLl+EAsNhCnTyRGktW55EgCn/A4PlnWn+Mg8bgZrWqHxTbPwMuyy1u5YeZF2SUM7JRhddwRgiRuxpmgJmxn9ZW7XpcF3ViX/ar6ptRpGJ0S9Adg4qhb9sI3vbL7qNJV/y4i07t5TZBiho1imFoMz3gED+CtjYUxvP4SOxov4bFoNPg5aR1e+G4UgDPoedJTpogyCJ7oYvRqoVS0MQAy+CoNEdTDUjok5ZHZL/WtjV7rFj3PKQE3iKp7ou+rIxN3b9LB1dGjeT4cvKo3FrnWpYpuaFd/h3dtV8UeKN1Y9hpR3dt4p0H/zKuPQq0kZQUIIpuDfoiETsnIk+gCWMJZUXHtE8V9LkUc2TE8vOMbO4ax/MACabzyaGXc7u3FBr11ThBdB8SIeMAlCntG2KThHSPsaj2Dc9KNyY2a0KZ7ODaTHoRiFkeYz+shZBpCS4X6471KKKnuHd84edfk5F37d1XO5bbkcltu2ZLNbvnPXiUVAnVvprJrP+NObryjxrllS65md6Tm6wzFHRR4dY3QUUjb7MgxaIixU8hspi98fl/Xc+IB4iU66eCVL9YfAfahiSUt4TONS8x0D8W7u8vd3fGWx6OXlM/U1IoU/s61PGhpyXRFa3eReq2qG56lvmYtXavCC1iN7lbiBpWxXHU+cSlztVLVz0tVN600fVsLxaVDknhYioeoXP3t4lqV1r79MAw0GCI1FTL1YIGzPL1MMlJ9ZsN9P7lvA2yr9ZFUzwzPrVgxN/x/SS+chwB4nGNgZGBgAOLPrYdY4vltvjJwM78AijDUqG5oRND/XzNPZboF5HIwMIFEAU/lC+J4nGNgZGBgDvqfBSRfMAAB81QGRgZUoA0AVvYDbwAAAHicY2BgYGB+MTQwAM8EJo8AAAAAAE4AmgDoAQoBLAFOAXABmgHEAe4CGgKcAugEmgS8BNYE8gUOBSoFegXQBf4GRAZmBrYHGAeQCBgIUghqCP4JRgm+CdoKBAo+CoQKugr0C1QLmgvAeJxjYGRgYNBmTGEQZQABJiDmAkIGhv9gPgMAGJQBvAB4nG2RPU7DMBiG3/QP0UoIBGJh8QILavozdmRo9w7d09RpUzlx5LgVvQMn4BAcgoEzcAgOwVvzSZVQbcnf48fvFysJgGt8IcJxROiG9TgauODuj5ukG+EW+UG4jR4ehTv0Q+EunjER7uEWmk+IWpc0d3gVbuAKb8JN+nfhFvlDuI17fAp36L+Fu1jgR7iHp+jF7Arbz1Nb1nO93pnEncSJFtrVuS3VKB6e5EyX2iVer9TyoOr9eux9pjJnCzW1pdfGWFU5u9WpjzfeV5PBIBMfp7aAwQ4FLPrIkbKWqDHn+67pDRK4s4lzbsEux5qHvcIIMb/nueSMyTKkE3jWFdNLHLjW2PPmMa1Hxn3GjGW/wjT0HtOG09JU4WxLk9LH2ISuiv9twJn9y8fh9uIXI+BknAAAAHicbY7ZboMwEEW5CVBCSLrv+76kfJRjTwHFsdGAG+Xvy5JUfehIHp0rnxmNN/D6ir3/a4YBhvARIMQOIowQY4wEE0yxiz3s4wCHOMIxTnCKM5zjApe4wjVucIs73OMBj3jCM17wije84wMzfHqJ0EVmUkmmJo77oOmrHvfIRZbXsTCZplTZldlgb3TYGVHProwFs11t1A57tcON2rErR3PBqcwF1/6ctI6k0GSU4JHMSS6WghdJQ99sTbfuN7QLJ9vQ37dNrgyktnIxlDYLJNuqitpRbYWKFNuyDT6pog6oOYKHtKakeakqKjHXpPwlGRcsC+OqxLIiJpXqoqqDMreG2l5bv9Ri3TRX+c23DZna9WFFgmXuO6Ps1Jm/w6ErW8N3FbHn/QC444j0AA==) format('woff');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  html {\n    --lumo-icons-align-center: '\\ea01';\n    --lumo-icons-align-left: '\\ea02';\n    --lumo-icons-align-right: '\\ea03';\n    --lumo-icons-angle-down: '\\ea04';\n    --lumo-icons-angle-left: '\\ea05';\n    --lumo-icons-angle-right: '\\ea06';\n    --lumo-icons-angle-up: '\\ea07';\n    --lumo-icons-arrow-down: '\\ea08';\n    --lumo-icons-arrow-left: '\\ea09';\n    --lumo-icons-arrow-right: '\\ea0a';\n    --lumo-icons-arrow-up: '\\ea0b';\n    --lumo-icons-bar-chart: '\\ea0c';\n    --lumo-icons-bell: '\\ea0d';\n    --lumo-icons-calendar: '\\ea0e';\n    --lumo-icons-checkmark: '\\ea0f';\n    --lumo-icons-chevron-down: '\\ea10';\n    --lumo-icons-chevron-left: '\\ea11';\n    --lumo-icons-chevron-right: '\\ea12';\n    --lumo-icons-chevron-up: '\\ea13';\n    --lumo-icons-clock: '\\ea14';\n    --lumo-icons-cog: '\\ea15';\n    --lumo-icons-cross: '\\ea16';\n    --lumo-icons-download: '\\ea17';\n    --lumo-icons-dropdown: '\\ea18';\n    --lumo-icons-edit: '\\ea19';\n    --lumo-icons-error: '\\ea1a';\n    --lumo-icons-eye: '\\ea1b';\n    --lumo-icons-eye-disabled: '\\ea1c';\n    --lumo-icons-menu: '\\ea1d';\n    --lumo-icons-minus: '\\ea1e';\n    --lumo-icons-ordered-list: '\\ea1f';\n    --lumo-icons-phone: '\\ea20';\n    --lumo-icons-photo: '\\ea21';\n    --lumo-icons-play: '\\ea22';\n    --lumo-icons-plus: '\\ea23';\n    --lumo-icons-redo: '\\ea24';\n    --lumo-icons-reload: '\\ea25';\n    --lumo-icons-search: '\\ea26';\n    --lumo-icons-undo: '\\ea27';\n    --lumo-icons-unordered-list: '\\ea28';\n    --lumo-icons-upload: '\\ea29';\n    --lumo-icons-user: '\\ea2a';\n  }\n`);(0,a.K)("font-icons",r)},14398:(t,e,o)=>{o.d(e,{q:()=>a}),o(51195),o(71189),o(79098),o(29849);var n=o(46570);const a=n.iv`
         | 
| 300 | 
            +
              [part$='button'] {
         | 
| 301 | 
            +
                flex: none;
         | 
| 302 | 
            +
                width: 1em;
         | 
| 303 | 
            +
                height: 1em;
         | 
| 304 | 
            +
                line-height: 1;
         | 
| 305 | 
            +
                font-size: var(--lumo-icon-size-m);
         | 
| 306 | 
            +
                text-align: center;
         | 
| 307 | 
            +
                color: var(--lumo-contrast-60pct);
         | 
| 308 | 
            +
                transition: 0.2s color;
         | 
| 309 | 
            +
                cursor: var(--lumo-clickable-cursor);
         | 
| 310 | 
            +
              }
         | 
| 311 | 
            +
             | 
| 312 | 
            +
              [part$='button']:hover {
         | 
| 313 | 
            +
                color: var(--lumo-contrast-90pct);
         | 
| 314 | 
            +
              }
         | 
| 315 | 
            +
             | 
| 316 | 
            +
              :host([disabled]) [part$='button'],
         | 
| 317 | 
            +
              :host([readonly]) [part$='button'] {
         | 
| 318 | 
            +
                color: var(--lumo-contrast-20pct);
         | 
| 319 | 
            +
                cursor: default;
         | 
| 320 | 
            +
              }
         | 
| 321 | 
            +
             | 
| 322 | 
            +
              [part$='button']::before {
         | 
| 323 | 
            +
                font-family: 'lumo-icons';
         | 
| 324 | 
            +
                display: block;
         | 
| 325 | 
            +
              }
         | 
| 326 | 
            +
            `;(0,n.hC)("",a,{moduleId:"lumo-field-button"})},83208:(t,e,o)=>{o.d(e,{J:()=>l}),o(51195),o(71189),o(79098),o(29416),o(29849),o(34173);var n=o(46570),a=o(14398),i=o(82982),r=o(1251);const s=n.iv`
         | 
| 327 | 
            +
              :host {
         | 
| 328 | 
            +
                --lumo-text-field-size: var(--lumo-size-m);
         | 
| 329 | 
            +
                color: var(--vaadin-input-field-value-color, var(--lumo-body-text-color));
         | 
| 330 | 
            +
                font-size: var(--vaadin-input-field-value-font-size, var(--lumo-font-size-m));
         | 
| 331 | 
            +
                font-weight: var(--vaadin-input-field-value-font-weight, 400);
         | 
| 332 | 
            +
                font-family: var(--lumo-font-family);
         | 
| 333 | 
            +
                -webkit-font-smoothing: antialiased;
         | 
| 334 | 
            +
                -moz-osx-font-smoothing: grayscale;
         | 
| 335 | 
            +
                -webkit-tap-highlight-color: transparent;
         | 
| 336 | 
            +
                padding: var(--lumo-space-xs) 0;
         | 
| 337 | 
            +
                --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
         | 
| 338 | 
            +
                --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
         | 
| 339 | 
            +
                --_input-height: var(--vaadin-input-field-height, var(--lumo-text-field-size));
         | 
| 340 | 
            +
              }
         | 
| 341 | 
            +
             | 
| 342 | 
            +
              :host::before {
         | 
| 343 | 
            +
                height: var(--_input-height);
         | 
| 344 | 
            +
                box-sizing: border-box;
         | 
| 345 | 
            +
                display: inline-flex;
         | 
| 346 | 
            +
                align-items: center;
         | 
| 347 | 
            +
              }
         | 
| 348 | 
            +
             | 
| 349 | 
            +
              :host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
         | 
| 350 | 
            +
                -webkit-mask-image: none;
         | 
| 351 | 
            +
                mask-image: none;
         | 
| 352 | 
            +
              }
         | 
| 353 | 
            +
             | 
| 354 | 
            +
              ::slotted(:is(input, textarea):placeholder-shown) {
         | 
| 355 | 
            +
                color: var(--vaadin-input-field-placeholder-color, var(--lumo-secondary-text-color));
         | 
| 356 | 
            +
              }
         | 
| 357 | 
            +
             | 
| 358 | 
            +
              /* Hover */
         | 
| 359 | 
            +
              :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
         | 
| 360 | 
            +
                opacity: var(--vaadin-input-field-hover-highlight-opacity, 0.1);
         | 
| 361 | 
            +
              }
         | 
| 362 | 
            +
             | 
| 363 | 
            +
              /* Touch device adjustment */
         | 
| 364 | 
            +
              @media (pointer: coarse) {
         | 
| 365 | 
            +
                :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
         | 
| 366 | 
            +
                  opacity: 0;
         | 
| 367 | 
            +
                }
         | 
| 368 | 
            +
             | 
| 369 | 
            +
                :host(:active:not([readonly]):not([focused])) [part='input-field']::after {
         | 
| 370 | 
            +
                  opacity: 0.2;
         | 
| 371 | 
            +
                }
         | 
| 372 | 
            +
              }
         | 
| 373 | 
            +
             | 
| 374 | 
            +
              /* Trigger when not focusing using the keyboard */
         | 
| 375 | 
            +
              :host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
         | 
| 376 | 
            +
                transform: scaleX(0);
         | 
| 377 | 
            +
                transition-duration: 0.15s, 1s;
         | 
| 378 | 
            +
              }
         | 
| 379 | 
            +
             | 
| 380 | 
            +
              /* Focus-ring */
         | 
| 381 | 
            +
              :host([focus-ring]) [part='input-field'] {
         | 
| 382 | 
            +
                box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
         | 
| 383 | 
            +
              }
         | 
| 384 | 
            +
             | 
| 385 | 
            +
              /* Read-only and disabled */
         | 
| 386 | 
            +
              :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
         | 
| 387 | 
            +
                opacity: 0;
         | 
| 388 | 
            +
              }
         | 
| 389 | 
            +
             | 
| 390 | 
            +
              /* Read-only style */
         | 
| 391 | 
            +
              :host([readonly]) {
         | 
| 392 | 
            +
                --vaadin-input-field-border-color: transparent;
         | 
| 393 | 
            +
              }
         | 
| 394 | 
            +
             | 
| 395 | 
            +
              /* Disabled style */
         | 
| 396 | 
            +
              :host([disabled]) {
         | 
| 397 | 
            +
                pointer-events: none;
         | 
| 398 | 
            +
                --vaadin-input-field-border-color: var(--lumo-contrast-20pct);
         | 
| 399 | 
            +
              }
         | 
| 400 | 
            +
             | 
| 401 | 
            +
              :host([disabled]) [part='label'],
         | 
| 402 | 
            +
              :host([disabled]) [part='input-field'] ::slotted(*) {
         | 
| 403 | 
            +
                color: var(--lumo-disabled-text-color);
         | 
| 404 | 
            +
                -webkit-text-fill-color: var(--lumo-disabled-text-color);
         | 
| 405 | 
            +
              }
         | 
| 406 | 
            +
             | 
| 407 | 
            +
              /* Invalid style */
         | 
| 408 | 
            +
              :host([invalid]) {
         | 
| 409 | 
            +
                --vaadin-input-field-border-color: var(--lumo-error-color);
         | 
| 410 | 
            +
              }
         | 
| 411 | 
            +
             | 
| 412 | 
            +
              :host([invalid][focus-ring]) [part='input-field'] {
         | 
| 413 | 
            +
                box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
         | 
| 414 | 
            +
              }
         | 
| 415 | 
            +
             | 
| 416 | 
            +
              :host([input-prevented]) [part='input-field'] {
         | 
| 417 | 
            +
                animation: shake 0.15s infinite;
         | 
| 418 | 
            +
              }
         | 
| 419 | 
            +
             | 
| 420 | 
            +
              @keyframes shake {
         | 
| 421 | 
            +
                25% {
         | 
| 422 | 
            +
                  transform: translateX(4px);
         | 
| 423 | 
            +
                }
         | 
| 424 | 
            +
                75% {
         | 
| 425 | 
            +
                  transform: translateX(-4px);
         | 
| 426 | 
            +
                }
         | 
| 427 | 
            +
              }
         | 
| 428 | 
            +
             | 
| 429 | 
            +
              /* Small theme */
         | 
| 430 | 
            +
              :host([theme~='small']) {
         | 
| 431 | 
            +
                font-size: var(--lumo-font-size-s);
         | 
| 432 | 
            +
                --lumo-text-field-size: var(--lumo-size-s);
         | 
| 433 | 
            +
              }
         | 
| 434 | 
            +
             | 
| 435 | 
            +
              :host([theme~='small']) [part='label'] {
         | 
| 436 | 
            +
                font-size: var(--lumo-font-size-xs);
         | 
| 437 | 
            +
              }
         | 
| 438 | 
            +
             | 
| 439 | 
            +
              :host([theme~='small']) [part='error-message'] {
         | 
| 440 | 
            +
                font-size: var(--lumo-font-size-xxs);
         | 
| 441 | 
            +
              }
         | 
| 442 | 
            +
             | 
| 443 | 
            +
              /* Slotted content */
         | 
| 444 | 
            +
              [part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
         | 
| 445 | 
            +
                color: var(--lumo-secondary-text-color);
         | 
| 446 | 
            +
                font-weight: 400;
         | 
| 447 | 
            +
              }
         | 
| 448 | 
            +
             | 
| 449 | 
            +
              [part='clear-button']::before {
         | 
| 450 | 
            +
                content: var(--lumo-icons-cross);
         | 
| 451 | 
            +
              }
         | 
| 452 | 
            +
            `,l=[r.l,a.q,i._,s];(0,n.hC)("",l,{moduleId:"lumo-input-field-shared-styles"})}}]);
         | 
| @@ -0,0 +1,17 @@ | |
| 1 | 
            +
            /**
         | 
| 2 | 
            +
             * @license
         | 
| 3 | 
            +
             * Copyright (c) 2017 - 2023 Vaadin Ltd.
         | 
| 4 | 
            +
             * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
         | 
| 5 | 
            +
             */
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            /**
         | 
| 8 | 
            +
             * @license
         | 
| 9 | 
            +
             * Copyright (c) 2021 - 2023 Vaadin Ltd.
         | 
| 10 | 
            +
             * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
         | 
| 11 | 
            +
             */
         | 
| 12 | 
            +
             | 
| 13 | 
            +
            /**
         | 
| 14 | 
            +
             * @license
         | 
| 15 | 
            +
             * Copyright (c) 2021 - 2023 Vaadin Ltd..
         | 
| 16 | 
            +
             * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
         | 
| 17 | 
            +
             */
         | 
    
        package/dist/umd/8191.js
    CHANGED
    
    | @@ -1,5 +1,5 @@ | |
| 1 1 | 
             
            /*! For license information please see 8191.js.LICENSE.txt */
         | 
| 2 | 
            -
            "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8191],{ | 
| 2 | 
            +
            "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8191],{20764:(e,t,a)=>{var o=a(74241),r=a(52807),i=a(12521),n=a(34463),s=a(46570),c=a(61224),l=a(41370),d=a(16281),h=a(73208),u=a(26821),p=a(46729);const v=e=>class extends((0,u.h)((0,d.h)((0,l.B)((0,c.D)(e))))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"indeterminate"]}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("checkbox"),this.value="on"}ready(){super.ready(),this.addController(new h.b(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new p.v(this.inputElement,this._labelController))}_shouldSetActive(e){return"a"!==e.target.localName&&super._shouldSetActive(e)}_toggleChecked(e){this.indeterminate&&(this.indeterminate=!1),super._toggleChecked(e)}},b=s.iv`
         | 
| 3 3 | 
             
              :host {
         | 
| 4 4 | 
             
                display: inline-block;
         | 
| 5 5 | 
             
              }
         | 
| @@ -77,14 +77,14 @@ | |
| 77 77 | 
             
                  outline-width: 2px;
         | 
| 78 78 | 
             
                }
         | 
| 79 79 | 
             
              }
         | 
| 80 | 
            -
            `;(0,s.hC)("vaadin-checkbox", | 
| 80 | 
            +
            `;(0,s.hC)("vaadin-checkbox",b,{moduleId:"vaadin-checkbox-styles"});class m extends(v((0,i.S)((0,s.Tb)(o.H3)))){static get is(){return"vaadin-checkbox"}static get template(){return o.dy`
         | 
| 81 81 | 
             
                  <div class="vaadin-checkbox-container">
         | 
| 82 82 | 
             
                    <div part="checkbox" aria-hidden="true"></div>
         | 
| 83 83 | 
             
                    <slot name="input"></slot>
         | 
| 84 84 | 
             
                    <slot name="label"></slot>
         | 
| 85 85 | 
             
                  </div>
         | 
| 86 86 | 
             
                  <slot name="tooltip"></slot>
         | 
| 87 | 
            -
                `}ready(){super.ready(),this._tooltipController=new n.f(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.M)( | 
| 87 | 
            +
                `}ready(){super.ready(),this._tooltipController=new n.f(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.M)(m)},38473:(e,t,a)=>{a(51195),a(71189),a(79098),a(29416),a(29849),a(34173);var o=a(46570);(0,o.hC)("vaadin-checkbox",o.iv`
         | 
| 88 88 | 
             
                :host {
         | 
| 89 89 | 
             
                  color: var(--vaadin-checkbox-label-color, var(--lumo-body-text-color));
         | 
| 90 90 | 
             
                  font-size: var(--vaadin-checkbox-label-font-size, var(--lumo-font-size-m));
         | 
| @@ -241,7 +241,7 @@ | |
| 241 241 | 
             
                  transform: scale(0);
         | 
| 242 242 | 
             
                  opacity: 0.4;
         | 
| 243 243 | 
             
                }
         | 
| 244 | 
            -
              `,{moduleId:"lumo-checkbox"})},93556:(e,t,a)=>{a(38473),a( | 
| 244 | 
            +
              `,{moduleId:"lumo-checkbox"})},93556:(e,t,a)=>{a(38473),a(20764)},43092:(e,t,a)=>{a(93556),a(20764)},16281:(e,t,a)=>{a.d(t,{h:()=>s});var o=a(91014),r=a(95229),i=(a(3550),a(86328)),n=a(56326);const s=(0,o.o)((e=>class extends((0,i.A)((0,r.f)((0,n.J)(e)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(e){const t=e.target;this._toggleChecked(t.checked)}_toggleChecked(e){this.checked=e}}))},20422:(e,t,a)=>{a.d(t,{j:()=>r});var o=a(73406);const r=e=>class extends((0,o.L)(e)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this.validate()}}},18005:(e,t,a)=>{a.d(t,{n:()=>p}),a(13553);var o=a(74241),r=a(52807),i=a(12521),n=a(34463),s=a(62743),c=a(46570),l=a(73208),d=a(20422),h=a(46729);const u=e=>class extends((0,d.j)(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new l.b(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new h.v(this.inputElement,this._labelController))}};(0,c.hC)("vaadin-text-field",s.J,{moduleId:"vaadin-text-field-styles"});class p extends(u((0,c.Tb)((0,i.S)(o.H3)))){static get is(){return"vaadin-text-field"}static get template(){return o.dy`
         | 
| 245 245 | 
             
                  <style>
         | 
| 246 246 | 
             
                    [part='input-field'] {
         | 
| 247 247 | 
             
                      flex-grow: 0;
         |