@descope/web-components-ui 1.0.413 → 1.0.414-3
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 +17 -513
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/{1497.js → 1053.js} +19 -19
- package/dist/umd/{1497.js.LICENSE.txt → 1053.js.LICENSE.txt} +0 -6
- package/dist/umd/{4671.js → 1414.js} +122 -10
- package/dist/umd/{4671.js.LICENSE.txt → 1414.js.LICENSE.txt} +0 -6
- package/dist/umd/1437.js +6 -6
- package/dist/umd/2566.js +2 -0
- package/dist/umd/{952.js.LICENSE.txt → 2566.js.LICENSE.txt} +6 -0
- package/dist/umd/2755.js +1 -0
- package/dist/umd/286.js +2 -2
- package/dist/umd/2919.js +832 -0
- package/dist/umd/{8910.js.LICENSE.txt → 2919.js.LICENSE.txt} +0 -6
- package/dist/umd/3222.js +282 -0
- package/dist/umd/351.js +7 -7
- package/dist/umd/3607.js +1 -1
- package/dist/umd/3607.js.LICENSE.txt +0 -6
- package/dist/umd/3711.js +123 -0
- package/dist/umd/4480.js +1 -1
- package/dist/umd/4834.js +4 -4
- package/dist/umd/{8799.js → 5026.js} +117 -5
- package/dist/umd/{8799.js.LICENSE.txt → 5026.js.LICENSE.txt} +0 -6
- package/dist/umd/5086.js +2 -2
- package/dist/umd/5273.js +4 -4
- package/dist/umd/5412.js +2 -2
- package/dist/umd/5443.js +116 -4
- package/dist/umd/6418.js +2 -0
- package/dist/umd/6474.js +6 -6
- package/dist/umd/{6206.js → 6637.js} +9 -9
- package/dist/umd/{6206.js.LICENSE.txt → 6637.js.LICENSE.txt} +6 -0
- package/dist/umd/6726.js +148 -0
- package/dist/umd/{8114.js → 7212.js} +16 -16
- package/dist/umd/{1012.js.LICENSE.txt → 7212.js.LICENSE.txt} +0 -6
- package/dist/umd/{1180.js → 7407.js} +117 -5
- package/dist/umd/{9547.js.LICENSE.txt → 7407.js.LICENSE.txt} +0 -6
- package/dist/umd/{7200.js → 7607.js} +16 -16
- package/dist/umd/{8114.js.LICENSE.txt → 7607.js.LICENSE.txt} +0 -6
- package/dist/umd/7824.js +116 -4
- package/dist/umd/{9547.js → 8162.js} +3 -3
- package/dist/umd/{1180.js.LICENSE.txt → 8162.js.LICENSE.txt} +0 -6
- package/dist/umd/8164.js +319 -0
- package/dist/umd/{1221.js → 8980.js} +5 -5
- package/dist/umd/{1221.js.LICENSE.txt → 8980.js.LICENSE.txt} +0 -6
- package/dist/umd/9167.js +452 -0
- package/dist/umd/9632.js +275 -0
- package/dist/umd/9632.js.LICENSE.txt +23 -0
- package/dist/umd/9895.js +17 -0
- package/dist/umd/DescopeDev.js +1 -1674
- package/dist/umd/DescopeDev.js.LICENSE.txt +0 -92
- package/dist/umd/descope-apps-list-index-js.js +1 -1
- package/dist/umd/descope-avatar-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +116 -4
- package/dist/umd/descope-combo-box-index-js.js +14 -14
- package/dist/umd/descope-date-field-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +4 -4
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +4 -4
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js.LICENSE.txt +6 -0
- package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js +4 -19
- package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js.LICENSE.txt +0 -18
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js.LICENSE.txt +6 -0
- package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +2 -2
- package/dist/umd/descope-grid-descope-grid-text-column-index-js.js.LICENSE.txt +6 -0
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/descope-hybrid-field-index-js.js +3 -3
- 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 -2
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-policy-validation-index-js.js +1 -1
- package/dist/umd/descope-security-questions-setup-index-js.js +1 -1
- package/dist/umd/descope-security-questions-verify-index-js.js +2 -2
- package/dist/umd/descope-security-questions-verify-index-js.js.LICENSE.txt +0 -6
- package/dist/umd/descope-text-field-index-js.js +2 -2
- package/dist/umd/descope-text-field-index-js.js.LICENSE.txt +0 -6
- package/dist/umd/descope-upload-file-index-js.js +1 -1
- package/dist/umd/descope-user-attribute-index-js.js +1 -1
- package/dist/umd/descope-user-auth-method-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +2 -2
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.LICENSE.txt +0 -6
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +15 -15
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js.LICENSE.txt +0 -6
- package/package.json +1 -1
- package/src/components/descope-grid/helpers.js +1 -1
- package/src/components/descope-hybrid-field/HybridFieldClass.js +2 -2
- package/src/components/descope-policy-validation/PolicyValidationClass.js +2 -2
- package/src/components/descope-upload-file/UploadFileClass.js +3 -3
- package/dist/umd/1012.js +0 -148
- package/dist/umd/2520.js +0 -1
- package/dist/umd/2584.js +0 -123
- package/dist/umd/4771.js +0 -129
- package/dist/umd/481.js +0 -2
- package/dist/umd/5021.js +0 -170
- package/dist/umd/7871.js +0 -452
- package/dist/umd/8082.js +0 -319
- package/dist/umd/8677.js +0 -275
- package/dist/umd/8677.js.LICENSE.txt +0 -29
- package/dist/umd/8910.js +0 -832
- package/dist/umd/952.js +0 -2
- package/dist/umd/descope-new-password-index-js.js.LICENSE.txt +0 -5
- /package/dist/umd/{4771.js.LICENSE.txt → 3222.js.LICENSE.txt} +0 -0
- /package/dist/umd/{2584.js.LICENSE.txt → 3711.js.LICENSE.txt} +0 -0
- /package/dist/umd/{481.js.LICENSE.txt → 6418.js.LICENSE.txt} +0 -0
- /package/dist/umd/{7200.js.LICENSE.txt → 6726.js.LICENSE.txt} +0 -0
- /package/dist/umd/{8082.js.LICENSE.txt → 8164.js.LICENSE.txt} +0 -0
- /package/dist/umd/{7871.js.LICENSE.txt → 9167.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5021.js.LICENSE.txt → 9895.js.LICENSE.txt} +0 -0
package/dist/umd/4480.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4480],{78313:(e,t,r)=>{r.d(t,{C:()=>v,T:()=>l});var o=r(7138),n=r(14944),a=r(33177),i=r(94619);const l=(0,n.xE)("combo-box"),{host:s,inputField:d,inputElement:p,placeholder:c,toggle:u,clearButton:b,label:h,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...s,property:"width"},hostDirection:{...s,property:"direction"},fontSize:[{},s],fontFamily:[h,c,d,y,g],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},labelTextColor:[{...h,property:"color"},{...m,property:"color"}],errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},inputHeight:{...d,property:"height"},inputBackgroundColor:{...d,property:"background-color"},inputBorderColor:{...d,property:"border-color"},inputBorderWidth:{...d,property:"border-width"},inputBorderStyle:{...d,property:"border-style"},inputBorderRadius:{...d,property:"border-radius"},labelRequiredIndicator:{...m,property:"content"},inputValueTextColor:{...d,property:"color"},inputPlaceholderTextColor:{...c,property:"color"},inputDropdownButtonCursor:[{...u,property:"cursor"},{...b,property:"cursor"}],inputDropdownButtonColor:[{...u,property:"color"},{...b,property:"color"}],inputDropdownButtonSize:[{...u,property:"font-size"},{...b,property:"font-size"}],inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...d,property:"outline-color"},inputOutlineWidth:{...d,property:"outline-width"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"}],labelPosition:{...h,property:"position"},labelTopPosition:{...h,property:"top"},labelHorizontalPosition:[{...h,property:"left"},{...h,property:"right"}],inputTransformY:{...h,property:"transform"},inputTransition:{...h,property:"transition"},marginInlineStart:{...h,property:"margin-inline-start"},placeholderOpacity:{...c,property:"opacity"},inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...p,property:"height"},valueInputMarginBottom:{...p,property:"margin-bottom"},overlayBackground:{property:()=>v.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>v.cssVarList.overlay.textColor},overlayBorder:{property:()=>v.cssVarList.overlay.border},overlayFontSize:{property:()=>v.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>v.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>v.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>v.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>v.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>v.cssVarList.overlay.itemPaddingInlineEnd}}}),i.VO,(0,i.mA)({name:"overlay",selector:"",mappings:{backgroundColor:[{selector:"vaadin-combo-box-scroller"},{selector:"vaadin-combo-box-overlay::part(overlay)"}],minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},cursor:{selector:"vaadin-combo-box-item"},fontFamily:{selector:"vaadin-combo-box-item"},textColor:{selector:"vaadin-combo-box-item",property:"color"},fontSize:{selector:"vaadin-combo-box-item"},itemBoxShadow:{selector:"vaadin-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-combo-box-item",property:"padding-inline-end"},loaderTop:{selector:"vaadin-combo-box-overlay::part(loader)",property:"top"},loaderLeft:{selector:"vaadin-combo-box-overlay::part(loader)",property:"left"},loaderRight:{selector:"vaadin-combo-box-overlay::part(loader)",property:"right"},loaderMargin:{selector:"vaadin-combo-box-overlay::part(loader)",property:"margin"},loaderWidth:{selector:"vaadin-combo-box-overlay::part(loader)",property:"width"},loaderHeight:{selector:"vaadin-combo-box-overlay::part(loader)",property:"height"},loaderBorder:{selector:"vaadin-combo-box-overlay::part(loader)",property:"border"},loaderBorderColor:{selector:"vaadin-combo-box-overlay::part(loader)",property:"border-color"},loaderBorderRadius:{selector:"vaadin-combo-box-overlay::part(loader)",property:"border-radius"},contentHeight:{selector:"vaadin-combo-box-overlay::part(content)",property:"height"},contentOpacity:{selector:"vaadin-combo-box-overlay::part(content)",property:"opacity"}},forward:{include:!1,attributes:["size"]}}),(0,i.OZ)({proxyProps:["selectionStart"],inputEvent:"selected-item-changed"}),i.tQ,(e=>class extends e{static get observedAttributes(){return["label-type"]}#e=({displayName:e,value:t,label:r})=>`<span data-name="${r}" data-id="${t}">${e||r}</span>`;#t;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#e}set renderItem(e){this.#e=e,this.renderItems()}set renderer(e){this.baseElement.renderer=e}get loading(){return"true"===this.getAttribute("loading")}set loading(e){e?this.setAttribute("loading","true"):this.removeAttribute("loading")}get data(){if(this.#t)return this.#t;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#t=e,this.renderItems())}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.(((e,t)=>e+(this.renderItem?.(t||{})||"")),"")}renderItems(){if(this.#t||this.getAttribute("data")){const e=this.getItemsTemplate();this.innerHTML=e}}handleSelectedItem(){const{selectedItem:e}=this.baseElement,t=e?.["data-id"];e&&Array.from(this.children).includes(e)||(t&&(this.value=t),this.value||this.setDefaultValue())}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),t=this;Object.defineProperties(this.inputElement,{value:{...e,set(r){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#r(){const e=Array.from(this.children);e.forEach((e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})})),this.baseElement.items=e,setTimeout((()=>{this.handleSelectedItem()}),0)}#o(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#n(){this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}init(){super.init?.(),this.getValidity=function(){return!this.value&&this.isRequired?{valueMissing:!0}:{}},this.setComboBoxDescriptor(),this.#o(),this.#n(),(0,n.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,n.Ge)(this,this.#r.bind(this)),this.setDefaultValue(),this.baseElement.addEventListener("selected-item-changed",(()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}))}onLabelClick(){this.isReadOnly||this.isDisabled||(this.focus(),this.setAttribute("opened","true"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"label-type"===e&&("floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#a(e){return this.baseElement.items?.find((t=>t["data-id"]===e))}#i(e,t){e===this.value&&t!==this.baseElement.selectedItem&&this.baseElement.addEventListener("selected-item-changed",(e=>{e.stopImmediatePropagation()}),{once:!0,capture:!0})}set value(e){const t=this.#a(e);this.#i(e,t),e&&t?this.baseElement.selectedItem=t:!t&&this.allowCustomValue?this.baseElement.value=e:this.baseElement.selectedItem=void 0}get value(){return(this.baseElement.selectedItem?.["data-id"]||this.allowCustomValue)&&this.baseElement.__data.value||""}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}}))((0,i.tz)({slots:["","prefix"],wrappedEleName:"vaadin-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${(0,a.cy)(v.cssVarList)}\n\t\t${(0,a.fu)("vaadin-combo-box")}\n\t\t${(0,a.lS)("vaadin-combo-box")}\n\t\t${(0,a.I4)("vaadin-combo-box")}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\n vaadin-combo-box::part(toggle-button),\n vaadin-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-combo-box[hide-toggle-button="true"]::part(toggle-button) {\n display: none;\n }\n\n vaadin-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n ${(0,a.$J)("vaadin-combo-box")}\n ${(0,a.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex","size","data","loading"],componentName:l,includeForwardProps:["items","renderer","selectedItem"]}))},4480:(e,t,r)=>{r.r(t),r.d(t,{ComboBoxClass:()=>o.C}),r(92672);var o=r(78313);customElements.define(o.T,o.C)},33177:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>i,Kl:()=>b,LJ:()=>c,Qv:()=>a,X6:()=>s,cy:()=>o,fu:()=>d,kG:()=>p,lS:()=>l,zm:()=>n});const o=e=>`\n :host {\n padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n }\n`,n=e=>`\n ${e} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,a=e=>`\n ${e}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,i=e=>`\n ${e} > label,\n ${e}::part(label),\n ${e}::part(required-indicator) {\n cursor: pointer;\n }\n`,l=(e,t="input")=>`\n ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,s=()=>"\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n",d=e=>`\n ${e}::part(input-field)::after {\n opacity: 0;\n }\n`,p=e=>`\n ${e}::part(input-field)::after {\n background: none;\n }\n`,c=(e,t)=>`\n ${n(e)}\n ${i(e)}\n ${l(e)}\n ${a(e)}\n ${((e,t)=>`\n ${e} input:-webkit-autofill,\n ${e} input:-webkit-autofill::first-line,\n ${e} input:-webkit-autofill:hover,\n ${e} input:-webkit-autofill:active,\n ${e} input:-webkit-autofill:focus {\n -webkit-text-fill-color: var(${t.inputValueTextColor});\n box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n }\n`)(e,t)}\n ${p(e)}\n ${(e=>`\n ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n ${(e=>`\n ${e} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`)(e)}\n ${(e=>`\n ${e}::part(input-field)::after {\n border: none;\n }\n`)(e)}\n`,u=e=>`\n :host ::part(error-message) {\n direction: ltr;\n }\n :host([required]) ::part(required-indicator) {\n width: 1em;\n display: inline-flex;\n }\n :host([required]) ::part(required-indicator)::after {\n position: static;\n }\n :host([has-label]) ::part(label) {\n padding-right: 0;\n padding-bottom: 0;\n display: flex;\n width: 100%;\n }\n ${e} [slot="label"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`,b=()=>'\n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) [slot="label"] {\n padding: 0;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n '}}]);
|
1
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4480],{78313:(e,t,r)=>{r.d(t,{C:()=>v,T:()=>l});var o=r(7138),n=r(14944),a=r(33177),i=r(94619);const l=(0,n.xE)("combo-box"),{host:s,inputField:d,inputElement:p,placeholder:c,toggle:u,clearButton:b,label:h,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...s,property:"width"},hostDirection:{...s,property:"direction"},fontSize:[{},s],fontFamily:[h,c,d,y,g],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},labelTextColor:[{...h,property:"color"},{...m,property:"color"}],errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},inputHeight:{...d,property:"height"},inputBackgroundColor:{...d,property:"background-color"},inputBorderColor:{...d,property:"border-color"},inputBorderWidth:{...d,property:"border-width"},inputBorderStyle:{...d,property:"border-style"},inputBorderRadius:{...d,property:"border-radius"},labelRequiredIndicator:{...m,property:"content"},inputValueTextColor:{...d,property:"color"},inputPlaceholderTextColor:{...c,property:"color"},inputDropdownButtonCursor:[{...u,property:"cursor"},{...b,property:"cursor"}],inputDropdownButtonColor:[{...u,property:"color"},{...b,property:"color"}],inputDropdownButtonSize:[{...u,property:"font-size"},{...b,property:"font-size"}],inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...d,property:"outline-color"},inputOutlineWidth:{...d,property:"outline-width"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"}],labelPosition:{...h,property:"position"},labelTopPosition:{...h,property:"top"},labelHorizontalPosition:[{...h,property:"left"},{...h,property:"right"}],inputTransformY:{...h,property:"transform"},inputTransition:{...h,property:"transition"},marginInlineStart:{...h,property:"margin-inline-start"},placeholderOpacity:{...c,property:"opacity"},inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...p,property:"height"},valueInputMarginBottom:{...p,property:"margin-bottom"},overlayBackground:{property:()=>v.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>v.cssVarList.overlay.textColor},overlayBorder:{property:()=>v.cssVarList.overlay.border},overlayFontSize:{property:()=>v.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>v.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>v.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>v.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>v.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>v.cssVarList.overlay.itemPaddingInlineEnd}}}),i.VO,(0,i.mA)({name:"overlay",selector:"",mappings:{backgroundColor:[{selector:"vaadin-combo-box-scroller"},{selector:"vaadin-combo-box-overlay::part(overlay)"}],minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},cursor:{selector:"vaadin-combo-box-item"},fontFamily:{selector:"vaadin-combo-box-item"},textColor:{selector:"vaadin-combo-box-item",property:"color"},fontSize:{selector:"vaadin-combo-box-item"},itemBoxShadow:{selector:"vaadin-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-combo-box-item",property:"padding-inline-end"},loaderTop:{selector:"vaadin-combo-box-overlay::part(loader)",property:"top"},loaderLeft:{selector:"vaadin-combo-box-overlay::part(loader)",property:"left"},loaderRight:{selector:"vaadin-combo-box-overlay::part(loader)",property:"right"},loaderMargin:{selector:"vaadin-combo-box-overlay::part(loader)",property:"margin"},loaderWidth:{selector:"vaadin-combo-box-overlay::part(loader)",property:"width"},loaderHeight:{selector:"vaadin-combo-box-overlay::part(loader)",property:"height"},loaderBorder:{selector:"vaadin-combo-box-overlay::part(loader)",property:"border"},loaderBorderColor:{selector:"vaadin-combo-box-overlay::part(loader)",property:"border-color"},loaderBorderRadius:{selector:"vaadin-combo-box-overlay::part(loader)",property:"border-radius"},contentHeight:{selector:"vaadin-combo-box-overlay::part(content)",property:"height"},contentOpacity:{selector:"vaadin-combo-box-overlay::part(content)",property:"opacity"}},forward:{include:!1,attributes:["size"]}}),(0,i.OZ)({proxyProps:["selectionStart"],inputEvent:"selected-item-changed"}),i.tQ,(e=>class extends e{static get observedAttributes(){return["label-type"]}#e=({displayName:e,value:t,label:r})=>`<span data-name="${r}" data-id="${t}">${e||r}</span>`;#t;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#e}set renderItem(e){this.#e=e,this.renderItems()}set renderer(e){this.baseElement.renderer=e}get loading(){return"true"===this.getAttribute("loading")}set loading(e){e?this.setAttribute("loading","true"):this.removeAttribute("loading")}get data(){if(this.#t)return this.#t;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#t=e,this.renderItems())}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.(((e,t)=>e+(this.renderItem?.(t||{})||"")),"")}renderItems(){if(this.#t||this.getAttribute("data")){const e=this.getItemsTemplate();this.innerHTML=e}}handleSelectedItem(){const{selectedItem:e}=this.baseElement,t=e?.["data-id"];e&&Array.from(this.children).includes(e)||(t&&(this.value=t),this.value||this.setDefaultValue())}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),t=this;Object.defineProperties(this.inputElement,{value:{...e,set(r){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#r(){const e=Array.from(this.children);e.forEach((e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})})),this.baseElement.items=e,setTimeout((()=>{this.handleSelectedItem()}),0)}#o(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#n(){this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}init(){super.init?.(),this.getValidity=function(){return!this.value&&this.isRequired?{valueMissing:!0}:{}},this.setComboBoxDescriptor(),this.#o(),this.#n(),(0,n.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,n.Ge)(this,this.#r.bind(this)),this.setDefaultValue(),this.baseElement.addEventListener("selected-item-changed",(()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}))}onLabelClick(){this.isReadOnly||this.isDisabled||(this.focus(),this.setAttribute("opened","true"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"label-type"===e&&("floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#a(e){return this.baseElement.items?.find((t=>t["data-id"]===e))}#i(e,t){e===this.value&&t!==this.baseElement.selectedItem&&this.baseElement.addEventListener("selected-item-changed",(e=>{e.stopImmediatePropagation()}),{once:!0,capture:!0})}set value(e){const t=this.#a(e);this.#i(e,t),e&&t?this.baseElement.selectedItem=t:!t&&this.allowCustomValue?this.baseElement.value=e:this.baseElement.selectedItem=void 0}get value(){return(this.baseElement.selectedItem?.["data-id"]||this.allowCustomValue)&&this.baseElement.__data.value||""}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}}))((0,i.tz)({slots:["","prefix"],wrappedEleName:"vaadin-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${(0,a.cy)(v.cssVarList)}\n\t\t${(0,a.fu)("vaadin-combo-box")}\n\t\t${(0,a.lS)("vaadin-combo-box")}\n\t\t${(0,a.I4)("vaadin-combo-box")}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\n vaadin-combo-box::part(toggle-button),\n vaadin-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-combo-box[hide-toggle-button="true"]::part(toggle-button) {\n display: none;\n }\n\n vaadin-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n ${(0,a.$J)("vaadin-combo-box")}\n ${(0,a.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex","size","data","loading"],componentName:l,includeForwardProps:["items","renderer","selectedItem"]}))},4480:(e,t,r)=>{r.r(t),r.d(t,{ComboBoxClass:()=>o.C}),r(31111);var o=r(78313);customElements.define(o.T,o.C)},33177:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>i,Kl:()=>b,LJ:()=>c,Qv:()=>a,X6:()=>s,cy:()=>o,fu:()=>d,kG:()=>p,lS:()=>l,zm:()=>n});const o=e=>`\n :host {\n padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n }\n`,n=e=>`\n ${e} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,a=e=>`\n ${e}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,i=e=>`\n ${e} > label,\n ${e}::part(label),\n ${e}::part(required-indicator) {\n cursor: pointer;\n }\n`,l=(e,t="input")=>`\n ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,s=()=>"\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n",d=e=>`\n ${e}::part(input-field)::after {\n opacity: 0;\n }\n`,p=e=>`\n ${e}::part(input-field)::after {\n background: none;\n }\n`,c=(e,t)=>`\n ${n(e)}\n ${i(e)}\n ${l(e)}\n ${a(e)}\n ${((e,t)=>`\n ${e} input:-webkit-autofill,\n ${e} input:-webkit-autofill::first-line,\n ${e} input:-webkit-autofill:hover,\n ${e} input:-webkit-autofill:active,\n ${e} input:-webkit-autofill:focus {\n -webkit-text-fill-color: var(${t.inputValueTextColor});\n box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n }\n`)(e,t)}\n ${p(e)}\n ${(e=>`\n ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n ${(e=>`\n ${e} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`)(e)}\n ${(e=>`\n ${e}::part(input-field)::after {\n border: none;\n }\n`)(e)}\n`,u=e=>`\n :host ::part(error-message) {\n direction: ltr;\n }\n :host([required]) ::part(required-indicator) {\n width: 1em;\n display: inline-flex;\n }\n :host([required]) ::part(required-indicator)::after {\n position: static;\n }\n :host([has-label]) ::part(label) {\n padding-right: 0;\n padding-bottom: 0;\n display: flex;\n width: 100%;\n }\n ${e} [slot="label"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`,b=()=>'\n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) [slot="label"] {\n padding: 0;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n '}}]);
|
package/dist/umd/4834.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*! For license information please see 4834.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4834],{53794:(t,e,o)=>{o.d(e,{CI:()=>m,H8:()=>r,gm:()=>s,m0:()=>a,nr:()=>c,un:()=>d});const i=t=>t.test(navigator.userAgent),n=t=>t.test(navigator.platform),a=i(/Android/u),r=i(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=i(/Firefox/u),l=n(/^iPad/u)||n(/^Mac/u)&&navigator.maxTouchPoints>1,d=n(/^iPhone/u)||l,c=i(/^((?!chrome|android).)*safari/iu),m=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4834],{53794:(t,e,o)=>{o.d(e,{CI:()=>m,H8:()=>r,gm:()=>s,m0:()=>a,nr:()=>c,un:()=>d});const i=t=>t.test(navigator.userAgent),n=t=>t.test(navigator.platform),a=i(/Android/u),r=i(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=i(/Firefox/u),l=n(/^iPad/u)||n(/^Mac/u)&&navigator.maxTouchPoints>1,d=n(/^iPhone/u)||l,c=i(/^((?!chrome|android).)*safari/iu),m=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},31846:(t,e,o)=>{o.d(e,{q:()=>d});var i=o(85251),n=o(81510),a=o(27111),r=o(35717);let s;(0,i.DH)(!1),window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){};const l=new Set,d=t=>class extends((0,r.v)(t)){static finalize(){super.finalize();const{is:t}=this;t&&!l.has(t)&&(window.Vaadin.registrations.push(this),l.add(t),window.Vaadin.developmentModeCallback&&(s=a.aq.debounce(s,n.g8,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),(0,a.Oy)(s)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}},55231:(t,e,o)=>{o.d(e,{i:()=>i});const i=t=>class extends t{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(t,e){if(!e)return;if(void 0===t)return;const{classList:o}=e;if(this.__initialClasses||(this.__initialClasses=new Set(o)),Array.isArray(this.__previousClasses)){const t=this.__previousClasses.filter((t=>!this.__initialClasses.has(t)));t.length>0&&o.remove(...t)}const i="string"==typeof t?t.split(" "):[];i.length>0&&o.add(...i),this.__previousClasses=i}}},80521:(t,e,o)=>{function i(t){window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(t):t.querySelector("template")&&console.warn(`WARNING: <template> inside <${t.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}o.d(e,{h:()=>i})},74834:(t,e,o)=>{o(92541),o(1159),o(23395),o(41745);var i=o(6052);(0,i.SF)("vaadin-notification-card",i.AH`
|
3
3
|
:host {
|
4
4
|
position: relative;
|
5
5
|
margin: var(--lumo-space-s);
|
@@ -189,7 +189,7 @@
|
|
189
189
|
--vaadin-button-primary-background: var(--lumo-shade-50pct);
|
190
190
|
--vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
|
191
191
|
}
|
192
|
-
`,{moduleId:"lumo-notification-card"});var n=o(
|
192
|
+
`,{moduleId:"lumo-notification-card"});var n=o(33791),a=o(16684),r=o(96805),s=o(53794),l=o(38735),d=o(31846),c=o(55231),m=o(80521),u=o(3843);class h extends((0,i.cp)((0,d.q)(n.Pu))){static get template(){return n.qy`
|
193
193
|
<style>
|
194
194
|
:host {
|
195
195
|
position: fixed;
|
@@ -285,7 +285,7 @@
|
|
285
285
|
}
|
286
286
|
</style>
|
287
287
|
<vaadin-notification-card theme$="[[_theme]]"> </vaadin-notification-card>
|
288
|
-
`}static get is(){return"vaadin-notification"}static get properties(){return{duration:{type:Number,value:5e3},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},position:{type:String,value:"bottom-start",observer:"_positionChanged"},renderer:Function}}static get observers(){return["_durationChanged(duration, opened)","_rendererChanged(renderer, opened, _overlayElement)"]}static show(t,e){return(0,r.qb)(t)?v._createAndShowNotification((e=>{(0,a.XX)(t,e)}),e):v._createAndShowNotification((e=>{e.innerText=t}),e)}static _createAndShowNotification(t,e){const o=document.createElement(v.is);return e&&Number.isFinite(e.duration)&&(o.duration=e.duration),e&&e.position&&(o.position=e.position),e&&e.theme&&o.setAttribute("theme",e.theme),o.renderer=t,document.body.appendChild(o),o.opened=!0,o.addEventListener("opened-changed",(t=>{t.detail.value||o.remove()})),o}get _container(){return v._container||(v._container=document.createElement("vaadin-notification-container"),document.body.appendChild(v._container)),v._container}get _card(){return this._overlayElement}ready(){super.ready(),this._overlayElement=this.shadowRoot.querySelector("vaadin-notification-card"),(0,m.h)(this)}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask((()=>{this.isConnected||(this.opened=!1)}))}requestContentUpdate(){this.renderer&&this.renderer(this._card,this)}_rendererChanged(t,e,o){if(!o)return;const i=this._oldRenderer!==t;this._oldRenderer=t,i&&(o.innerHTML="",delete o._$litPart$),e&&(this._didAnimateNotificationAppend||this._animatedAppendNotificationCard(),this.requestContentUpdate())}open(){this.opened=!0}close(){this.opened=!1}_openedChanged(t){t?(this._container.opened=!0,this._animatedAppendNotificationCard()):this._card&&this._closeNotificationCard()}_animatedAppendNotificationCard(){if(this._card){this._card.setAttribute("opening",""),this._appendNotificationCard();const t=()=>{this._card.removeEventListener("animationend",t),this._card.removeAttribute("opening")};this._card.addEventListener("animationend",t),this._didAnimateNotificationAppend=!0}else this._didAnimateNotificationAppend=!1}_appendNotificationCard(){this._card&&(this._container.shadowRoot.querySelector(`slot[name="${this.position}"]`)?(this._card.slot=this.position,this._container.firstElementChild&&/top/u.test(this.position)?this._container.insertBefore(this._card,this._container.firstElementChild):this._container.appendChild(this._card)):console.warn(`Invalid alignment parameter provided: position=${this.position}`))}_removeNotificationCard(){this._card.parentNode&&this._card.parentNode.removeChild(this._card),this._card.removeAttribute("closing"),this._container.opened=Boolean(this._container.firstElementChild)}_closeNotificationCard(){this._durationTimeoutId&&clearTimeout(this._durationTimeoutId),this._animatedRemoveNotificationCard()}_animatedRemoveNotificationCard(){this._card.setAttribute("closing","");const t=getComputedStyle(this._card).getPropertyValue("animation-name");if(t&&"none"!==t){const t=()=>{this._removeNotificationCard(),this._card.removeEventListener("animationend",t)};this._card.addEventListener("animationend",t)}else this._removeNotificationCard()}_positionChanged(){this.opened&&this._animatedAppendNotificationCard()}_durationChanged(t,e){e&&(clearTimeout(this._durationTimeoutId),t>0&&(this._durationTimeoutId=setTimeout((()=>this.close()),t)))}}(0,l.X)(h),(0,l.X)(p),(0,l.X)(v)},41745:(t,e,o)=>{o(56830);var i=o(6052),n=o(
|
288
|
+
`}static get is(){return"vaadin-notification"}static get properties(){return{duration:{type:Number,value:5e3},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},position:{type:String,value:"bottom-start",observer:"_positionChanged"},renderer:Function}}static get observers(){return["_durationChanged(duration, opened)","_rendererChanged(renderer, opened, _overlayElement)"]}static show(t,e){return(0,r.qb)(t)?v._createAndShowNotification((e=>{(0,a.XX)(t,e)}),e):v._createAndShowNotification((e=>{e.innerText=t}),e)}static _createAndShowNotification(t,e){const o=document.createElement(v.is);return e&&Number.isFinite(e.duration)&&(o.duration=e.duration),e&&e.position&&(o.position=e.position),e&&e.theme&&o.setAttribute("theme",e.theme),o.renderer=t,document.body.appendChild(o),o.opened=!0,o.addEventListener("opened-changed",(t=>{t.detail.value||o.remove()})),o}get _container(){return v._container||(v._container=document.createElement("vaadin-notification-container"),document.body.appendChild(v._container)),v._container}get _card(){return this._overlayElement}ready(){super.ready(),this._overlayElement=this.shadowRoot.querySelector("vaadin-notification-card"),(0,m.h)(this)}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask((()=>{this.isConnected||(this.opened=!1)}))}requestContentUpdate(){this.renderer&&this.renderer(this._card,this)}_rendererChanged(t,e,o){if(!o)return;const i=this._oldRenderer!==t;this._oldRenderer=t,i&&(o.innerHTML="",delete o._$litPart$),e&&(this._didAnimateNotificationAppend||this._animatedAppendNotificationCard(),this.requestContentUpdate())}open(){this.opened=!0}close(){this.opened=!1}_openedChanged(t){t?(this._container.opened=!0,this._animatedAppendNotificationCard()):this._card&&this._closeNotificationCard()}_animatedAppendNotificationCard(){if(this._card){this._card.setAttribute("opening",""),this._appendNotificationCard();const t=()=>{this._card.removeEventListener("animationend",t),this._card.removeAttribute("opening")};this._card.addEventListener("animationend",t),this._didAnimateNotificationAppend=!0}else this._didAnimateNotificationAppend=!1}_appendNotificationCard(){this._card&&(this._container.shadowRoot.querySelector(`slot[name="${this.position}"]`)?(this._card.slot=this.position,this._container.firstElementChild&&/top/u.test(this.position)?this._container.insertBefore(this._card,this._container.firstElementChild):this._container.appendChild(this._card)):console.warn(`Invalid alignment parameter provided: position=${this.position}`))}_removeNotificationCard(){this._card.parentNode&&this._card.parentNode.removeChild(this._card),this._card.removeAttribute("closing"),this._container.opened=Boolean(this._container.firstElementChild)}_closeNotificationCard(){this._durationTimeoutId&&clearTimeout(this._durationTimeoutId),this._animatedRemoveNotificationCard()}_animatedRemoveNotificationCard(){this._card.setAttribute("closing","");const t=getComputedStyle(this._card).getPropertyValue("animation-name");if(t&&"none"!==t){const t=()=>{this._removeNotificationCard(),this._card.removeEventListener("animationend",t)};this._card.addEventListener("animationend",t)}else this._removeNotificationCard()}_positionChanged(){this.opened&&this._animatedAppendNotificationCard()}_durationChanged(t,e){e&&(clearTimeout(this._durationTimeoutId),t>0&&(this._durationTimeoutId=setTimeout((()=>this.close()),t)))}}(0,l.X)(h),(0,l.X)(p),(0,l.X)(v)},41745:(t,e,o)=>{o(56830);var i=o(6052),n=o(35543);const a=i.AH`
|
289
289
|
:host {
|
290
290
|
/* prettier-ignore */
|
291
291
|
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
@@ -397,4 +397,4 @@
|
|
397
397
|
border-left: none;
|
398
398
|
border-right: 2px solid var(--lumo-contrast-30pct);
|
399
399
|
}
|
400
|
-
`;(0,i.SF)("",r,{moduleId:"lumo-typography"}),(0,n.q)("typography-props",a)},
|
400
|
+
`;(0,i.SF)("",r,{moduleId:"lumo-typography"}),(0,n.q)("typography-props",a)},96805:(t,e,o)=>{o.d(e,{Qk:()=>a,qb:()=>r});var i=o(36752);const{D:n}=i.ge,a={HTML:1,SVG:2},r=(t,e)=>void 0===e?void 0!==t?._$litType$:t?._$litType$===e}}]);
|
@@ -1,5 +1,5 @@
|
|
1
|
-
/*! For license information please see
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[
|
1
|
+
/*! For license information please see 5026.js.LICENSE.txt */
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5026,7824,7407,5443],{50063:(t,e,o)=>{o.d(e,{i:()=>r});const r=(0,o(85297).y)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},98751:(t,e,o)=>{o.d(e,{y:()=>n});var r=o(85297),i=o(90075);const n=(0,r.y)((t=>class extends t{get _keyboardActive(){return(0,i.aJ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},90075:(t,e,o)=>{o.d(e,{Qj:()=>u,aJ:()=>n,dw:()=>i,iq:()=>h,n8:()=>c});let r=!1;function i(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function n(){return r}function a(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function s(t,e){const o=Math.max(t.tabIndex,0),r=Math.max(e.tabIndex,0);return 0===o||0===r?r>o:o>r}function l(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)s(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(l(t.slice(0,o)),l(t.slice(o)))}function c(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||a(t)}function u(t){return t.getRootNode().activeElement===t}function d(t,e){if(t.nodeType!==Node.ELEMENT_NODE||a(t))return!1;const o=t,r=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let i=r>0;r>=0&&e.push(o);let n=[];return n="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...n].forEach((t=>{i=d(t,e)||i})),i}function h(t){const e=[];return d(t,e)?l(e):e}window.addEventListener("keydown",(()=>{r=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{r=!1}),{capture:!0})},67766:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(85297).y)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},1886:(t,e,o)=>{o.d(e,{l:()=>i});var r=o(50063);const i=t=>class extends((0,r.i)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},86292:(t,e,o)=>{o.d(e,{$:()=>b});var r=o(33791),i=o(988),n=o(38735),a=o(31846),s=o(58074),l=o(6052);const c=o(16684).AH`
|
3
3
|
:host {
|
4
4
|
display: inline-block;
|
5
5
|
position: relative;
|
@@ -59,7 +59,7 @@
|
|
59
59
|
outline-color: GrayText;
|
60
60
|
}
|
61
61
|
}
|
62
|
-
`;var
|
62
|
+
`;var u=o(1033),d=o(98751),h=o(1886);const m=t=>class extends((0,u.e)((0,h.l)((0,d.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",c,{moduleId:"vaadin-button-styles"});class b extends(m((0,a.q)((0,l.cp)((0,i.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
|
63
63
|
<div class="vaadin-button-container">
|
64
64
|
<span part="prefix" aria-hidden="true">
|
65
65
|
<slot name="prefix"></slot>
|
@@ -72,7 +72,7 @@
|
|
72
72
|
</span>
|
73
73
|
</div>
|
74
74
|
<slot name="tooltip"></slot>
|
75
|
-
`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,
|
75
|
+
`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,n.X)(b)},83961:(t,e,o)=>{o.d(e,{x:()=>i}),o(92541),o(66206),o(1159),o(23395),o(41745);var r=o(6052);const i=r.AH`
|
76
76
|
:host {
|
77
77
|
/* Sizing */
|
78
78
|
--lumo-button-size: var(--lumo-size-m);
|
@@ -335,4 +335,116 @@
|
|
335
335
|
margin-left: 0;
|
336
336
|
margin-right: 0;
|
337
337
|
}
|
338
|
-
`;(0,r.SF)("vaadin-button",
|
338
|
+
`;(0,r.SF)("vaadin-button",i,{moduleId:"lumo-button"})},97745:(t,e,o)=>{o(83961),o(86292)},53794:(t,e,o)=>{o.d(e,{CI:()=>d,H8:()=>a,gm:()=>s,m0:()=>n,nr:()=>u,un:()=>c});const r=t=>t.test(navigator.userAgent),i=t=>t.test(navigator.platform),n=r(/Android/u),a=r(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=r(/Firefox/u),l=i(/^iPad/u)||i(/^Mac/u)&&navigator.maxTouchPoints>1,c=i(/^iPhone/u)||l,u=r(/^((?!chrome|android).)*safari/iu),d=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},51939:(t,e,o)=>{o.d(e,{C:()=>n});var r=o(85297);const i=new WeakMap,n=(0,r.y)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return i.has(t)||i.set(t,new Set),i.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))}))}}))},41745:(t,e,o)=>{o(56830);var r=o(6052),i=o(35543);const n=r.AH`
|
339
|
+
:host {
|
340
|
+
/* prettier-ignore */
|
341
|
+
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
342
|
+
|
343
|
+
/* Font sizes */
|
344
|
+
--lumo-font-size-xxs: 0.75rem;
|
345
|
+
--lumo-font-size-xs: 0.8125rem;
|
346
|
+
--lumo-font-size-s: 0.875rem;
|
347
|
+
--lumo-font-size-m: 1rem;
|
348
|
+
--lumo-font-size-l: 1.125rem;
|
349
|
+
--lumo-font-size-xl: 1.375rem;
|
350
|
+
--lumo-font-size-xxl: 1.75rem;
|
351
|
+
--lumo-font-size-xxxl: 2.5rem;
|
352
|
+
|
353
|
+
/* Line heights */
|
354
|
+
--lumo-line-height-xs: 1.25;
|
355
|
+
--lumo-line-height-s: 1.375;
|
356
|
+
--lumo-line-height-m: 1.625;
|
357
|
+
}
|
358
|
+
`,a=r.AH`
|
359
|
+
body,
|
360
|
+
:host {
|
361
|
+
font-family: var(--lumo-font-family);
|
362
|
+
font-size: var(--lumo-font-size-m);
|
363
|
+
line-height: var(--lumo-line-height-m);
|
364
|
+
-webkit-text-size-adjust: 100%;
|
365
|
+
-webkit-font-smoothing: antialiased;
|
366
|
+
-moz-osx-font-smoothing: grayscale;
|
367
|
+
}
|
368
|
+
|
369
|
+
small,
|
370
|
+
[theme~='font-size-s'] {
|
371
|
+
font-size: var(--lumo-font-size-s);
|
372
|
+
line-height: var(--lumo-line-height-s);
|
373
|
+
}
|
374
|
+
|
375
|
+
[theme~='font-size-xs'] {
|
376
|
+
font-size: var(--lumo-font-size-xs);
|
377
|
+
line-height: var(--lumo-line-height-xs);
|
378
|
+
}
|
379
|
+
|
380
|
+
:where(h1, h2, h3, h4, h5, h6) {
|
381
|
+
font-weight: 600;
|
382
|
+
line-height: var(--lumo-line-height-xs);
|
383
|
+
margin-block: 0;
|
384
|
+
}
|
385
|
+
|
386
|
+
:where(h1) {
|
387
|
+
font-size: var(--lumo-font-size-xxxl);
|
388
|
+
}
|
389
|
+
|
390
|
+
:where(h2) {
|
391
|
+
font-size: var(--lumo-font-size-xxl);
|
392
|
+
}
|
393
|
+
|
394
|
+
:where(h3) {
|
395
|
+
font-size: var(--lumo-font-size-xl);
|
396
|
+
}
|
397
|
+
|
398
|
+
:where(h4) {
|
399
|
+
font-size: var(--lumo-font-size-l);
|
400
|
+
}
|
401
|
+
|
402
|
+
:where(h5) {
|
403
|
+
font-size: var(--lumo-font-size-m);
|
404
|
+
}
|
405
|
+
|
406
|
+
:where(h6) {
|
407
|
+
font-size: var(--lumo-font-size-xs);
|
408
|
+
text-transform: uppercase;
|
409
|
+
letter-spacing: 0.03em;
|
410
|
+
}
|
411
|
+
|
412
|
+
p,
|
413
|
+
blockquote {
|
414
|
+
margin-top: 0.5em;
|
415
|
+
margin-bottom: 0.75em;
|
416
|
+
}
|
417
|
+
|
418
|
+
a {
|
419
|
+
text-decoration: none;
|
420
|
+
}
|
421
|
+
|
422
|
+
a:where(:any-link):hover {
|
423
|
+
text-decoration: underline;
|
424
|
+
}
|
425
|
+
|
426
|
+
hr {
|
427
|
+
display: block;
|
428
|
+
align-self: stretch;
|
429
|
+
height: 1px;
|
430
|
+
border: 0;
|
431
|
+
padding: 0;
|
432
|
+
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
433
|
+
background-color: var(--lumo-contrast-10pct);
|
434
|
+
}
|
435
|
+
|
436
|
+
blockquote {
|
437
|
+
border-left: 2px solid var(--lumo-contrast-30pct);
|
438
|
+
}
|
439
|
+
|
440
|
+
b,
|
441
|
+
strong {
|
442
|
+
font-weight: 600;
|
443
|
+
}
|
444
|
+
|
445
|
+
/* RTL specific styles */
|
446
|
+
blockquote[dir='rtl'] {
|
447
|
+
border-left: none;
|
448
|
+
border-right: 2px solid var(--lumo-contrast-30pct);
|
449
|
+
}
|
450
|
+
`;(0,r.SF)("",a,{moduleId:"lumo-typography"}),(0,i.q)("typography-props",n)}}]);
|
package/dist/umd/5086.js
CHANGED
@@ -131,7 +131,7 @@
|
|
131
131
|
:host([dir='rtl'][has-label]) ::slotted(label) {
|
132
132
|
padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);
|
133
133
|
}
|
134
|
-
`,{moduleId:"lumo-radio-button"});var i=o(
|
134
|
+
`,{moduleId:"lumo-radio-button"});var i=o(33791),r=o(988),s=o(38735),n=o(31846),d=o(1033),l=o(12689),c=o(10666),u=o(15408),h=o(49711),p=o(3550);const v=t=>class extends((0,h.U)((0,c.f)((0,l.v)((0,d.e)(t))))){static get properties(){return{name:{type:String,value:""},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("radio"),this.value="on"}ready(){super.ready(),this.addController(new u.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new p.q(this.inputElement,this._labelController))}},_=a.AH`
|
135
135
|
:host {
|
136
136
|
display: inline-block;
|
137
137
|
}
|
@@ -250,7 +250,7 @@
|
|
250
250
|
color: var(--lumo-secondary-text-color);
|
251
251
|
}
|
252
252
|
}
|
253
|
-
`;(0,a.SF)("vaadin-radio-group",[m.Q,g.d,f],{moduleId:"lumo-radio-group"});var y=o(50063),x=o(98751),k=o(67766),w=o(82607),B=o(58074),R=o(78065),C=o(
|
253
|
+
`;(0,a.SF)("vaadin-radio-group",[m.Q,g.d,f],{moduleId:"lumo-radio-group"});var y=o(50063),x=o(98751),k=o(67766),w=o(82607),B=o(58074),R=o(78065),C=o(39550);const z=t=>class extends((0,C.Y)((0,x.y)((0,y.i)((0,k.f)(t))))){static get properties(){return{value:{type:String,notify:!0,value:"",observer:"__valueChanged"},readonly:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"__readonlyChanged"},_fieldName:{type:String}}}constructor(){super(),this.__registerRadioButton=this.__registerRadioButton.bind(this),this.__unregisterRadioButton=this.__unregisterRadioButton.bind(this),this.__onRadioButtonCheckedChange=this.__onRadioButtonCheckedChange.bind(this),this._tooltipController=new B.I(this),this._tooltipController.addEventListener("tooltip-changed",(t=>{const e=t.detail.node;if(e&&e.isConnected){const t=this.__radioButtons.map((t=>t.inputElement));this._tooltipController.setAriaTarget(t)}else this._tooltipController.setAriaTarget([])}))}get __radioButtons(){return this.__filterRadioButtons([...this.children])}get __selectedRadioButton(){return this.__radioButtons.find((t=>t.checked))}get isHorizontalRTL(){return this.__isRTL&&"vertical"!==this._theme}ready(){super.ready(),this.ariaTarget=this,this.setAttribute("role","radiogroup"),this._fieldName=`${this.localName}-${(0,R.I)()}`;const t=this.shadowRoot.querySelector("slot:not([name])");this._observer=new w.P(t,(({addedNodes:t,removedNodes:e})=>{this.__filterRadioButtons(t).reverse().forEach(this.__registerRadioButton),this.__filterRadioButtons(e).forEach(this.__unregisterRadioButton);const o=this.__radioButtons.map((t=>t.inputElement));this._tooltipController.setAriaTarget(o)})),this.addController(this._tooltipController)}__filterRadioButtons(t){return t.filter((t=>t.nodeType===Node.ELEMENT_NODE&&"vaadin-radio-button"===t.localName))}_onKeyDown(t){super._onKeyDown(t);const e=t.composedPath().find((t=>t.nodeType===Node.ELEMENT_NODE&&"vaadin-radio-button"===t.localName));["ArrowLeft","ArrowUp"].includes(t.key)&&(t.preventDefault(),this.__selectNextRadioButton(e)),["ArrowRight","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.__selectPrevRadioButton(e))}_invalidChanged(t){super._invalidChanged(t),t?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid")}__selectNextRadioButton(t){const e=this.__radioButtons.indexOf(t);this.__selectIncRadioButton(e,this.isHorizontalRTL?1:-1)}__selectPrevRadioButton(t){const e=this.__radioButtons.indexOf(t);this.__selectIncRadioButton(e,this.isHorizontalRTL?-1:1)}__selectIncRadioButton(t,e){const o=(this.__radioButtons.length+t+e)%this.__radioButtons.length,a=this.__radioButtons[o];a.disabled?this.__selectIncRadioButton(o,e):(a.focusElement.focus(),a.focusElement.click())}__registerRadioButton(t){t.name=this._fieldName,t.addEventListener("checked-changed",this.__onRadioButtonCheckedChange),(this.disabled||this.readonly)&&(t.disabled=!0),t.checked&&this.__selectRadioButton(t)}__unregisterRadioButton(t){t.removeEventListener("checked-changed",this.__onRadioButtonCheckedChange),t.value===this.value&&this.__selectRadioButton(null)}__onRadioButtonCheckedChange(t){t.target.checked&&this.__selectRadioButton(t.target)}__valueChanged(t,e){if(void 0!==e||""!==t){if(t){const e=this.__radioButtons.find((e=>e.value===t));e?(this.__selectRadioButton(e),this.toggleAttribute("has-value",!0)):console.warn(`The radio button with the value "${t}" was not found.`)}else this.__selectRadioButton(null),this.removeAttribute("has-value");void 0!==e&&this.validate()}}__readonlyChanged(t,e){(t||void 0!==e)&&e!==t&&this.__updateRadioButtonsDisabledProperty()}_disabledChanged(t,e){super._disabledChanged(t,e),(t||void 0!==e)&&e!==t&&this.__updateRadioButtonsDisabledProperty()}_shouldRemoveFocus(t){return!this.contains(t.relatedTarget)}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}__selectRadioButton(t){this.value=t?t.value:"",this.__radioButtons.forEach((e=>{e.checked=e===t})),this.readonly&&this.__updateRadioButtonsDisabledProperty()}__updateRadioButtonsDisabledProperty(){this.__radioButtons.forEach((t=>{this.readonly?t.disabled=t!==this.__selectedRadioButton:t.disabled=this.disabled}))}},E=a.AH`
|
254
254
|
:host {
|
255
255
|
display: inline-flex;
|
256
256
|
}
|
package/dist/umd/5273.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*! For license information please see 5273.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5273],{85980:(e,t,a)=>{var o=a(
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5273],{85980:(e,t,a)=>{var o=a(33791),r=a(38735),i=a(31846),n=a(58074),s=a(6052),c=a(1033),l=a(12689),d=a(10666),h=a(15408),u=a(49711),p=a(3550);const v=e=>class extends((0,u.U)((0,d.f)((0,l.v)((0,c.e)(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.f(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new p.q(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.AH`
|
3
3
|
:host {
|
4
4
|
display: inline-block;
|
5
5
|
}
|
@@ -84,7 +84,7 @@
|
|
84
84
|
<slot name="label"></slot>
|
85
85
|
</div>
|
86
86
|
<slot name="tooltip"></slot>
|
87
|
-
`}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.X)(m)},8967:(e,t,a)=>{a(92541),a(
|
87
|
+
`}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.X)(m)},8967:(e,t,a)=>{a(92541),a(72815),a(66206),a(1159),a(23395),a(41745);var o=a(6052);(0,o.SF)("vaadin-checkbox",o.AH`
|
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"})},25140:(e,t,a)=>{a(8967),a(85980)},94494:(e,t,a)=>{a(25140),a(85980)},10666:(e,t,a)=>{a.d(t,{f:()=>s});var o=a(85297),r=a(50063),i=(a(90075),a(19279)),n=a(85731);const s=(0,o.y)((e=>class extends((0,i.q)((0,r.i)((0,n.g)(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}}))},53430:(e,t,a)=>{a.d(t,{a:()=>r});var o=a(
|
244
|
+
`,{moduleId:"lumo-checkbox"})},25140:(e,t,a)=>{a(8967),a(85980)},94494:(e,t,a)=>{a(25140),a(85980)},10666:(e,t,a)=>{a.d(t,{f:()=>s});var o=a(85297),r=a(50063),i=(a(90075),a(19279)),n=a(85731);const s=(0,o.y)((e=>class extends((0,i.q)((0,r.i)((0,n.g)(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}}))},53430:(e,t,a)=>{a.d(t,{a:()=>r});var o=a(32318);const r=e=>class extends((0,o.R)(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()}}},34068:(e,t,a)=>{a.d(t,{A:()=>p}),a(9077);var o=a(33791),r=a(38735),i=a(31846),n=a(58074),s=a(89385),c=a(6052),l=a(15408),d=a(53430),h=a(3550);const u=e=>class extends((0,d.a)(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.f(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new h.q(this.inputElement,this._labelController))}};(0,c.SF)("vaadin-text-field",s.k,{moduleId:"vaadin-text-field-styles"});class p extends(u((0,c.cp)((0,i.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
|
245
245
|
<style>
|
246
246
|
[part='input-field'] {
|
247
247
|
flex-grow: 0;
|
@@ -276,4 +276,4 @@
|
|
276
276
|
</div>
|
277
277
|
</div>
|
278
278
|
<slot name="tooltip"></slot>
|
279
|
-
`}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.X)(
|
279
|
+
`}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.X)(p)},70297:(e,t,a)=>{a(37451);var o=a(90500);(0,a(6052).SF)("vaadin-text-field",o.k,{moduleId:"lumo-text-field-styles"}),a(34068)},39542:(e,t,a)=>{a(70297),a(34068)}}]);
|
package/dist/umd/5412.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*! For license information please see 5412.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5412],{15408:(e,t,n)=>{n.d(t,{f:()=>s});var i=n(32065);class s extends i.r{constructor(e,t){super(e,"input","input",{initializer:(e,n)=>{n.value&&(e.value=n.value),n.type&&e.setAttribute("type",n.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},53430:(e,t,n)=>{n.d(t,{a:()=>s});var i=n(
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5412],{15408:(e,t,n)=>{n.d(t,{f:()=>s});var i=n(32065);class s extends i.r{constructor(e,t){super(e,"input","input",{initializer:(e,n)=>{n.value&&(e.value=n.value),n.type&&e.setAttribute("type",n.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},53430:(e,t,n)=>{n.d(t,{a:()=>s});var i=n(32318);const s=e=>class extends((0,i.R)(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()}}},35412:(e,t,n)=>{n(37451),n(66206);var i=n(97902),s=n(90500),a=n(6052);const r=a.AH`
|
3
3
|
:host([step-buttons-visible]:not([theme~='align-right'])) ::slotted(input) {
|
4
4
|
text-align: center;
|
5
5
|
}
|
@@ -35,7 +35,7 @@
|
|
35
35
|
:host([dir='rtl']:not([theme~='align-right'])) ::slotted(input) {
|
36
36
|
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
37
37
|
}
|
38
|
-
`;(0,a.SF)("vaadin-number-field",[s.k,i.p,r],{moduleId:"lumo-number-field"}),n(
|
38
|
+
`;(0,a.SF)("vaadin-number-field",[s.k,i.p,r],{moduleId:"lumo-number-field"}),n(9077);var l=n(33791),o=n(38735),u=n(31846),h=n(58074),p=n(89385),d=n(15408),c=n(53430),m=n(3550);const _=e=>class extends((0,c.a)(e)){static get properties(){return{min:{type:Number},max:{type:Number},step:{type:Number},stepButtonsVisible:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_stepChanged(step, inputElement)"]}static get delegateProps(){return[...super.delegateProps,"min","max"]}static get constraints(){return[...super.constraints,"min","max","step"]}constructor(){super(),this._setType("number"),this.__onWheel=this.__onWheel.bind(this)}get slotStyles(){const e=this.localName;return[`\n ${e} input[type="number"]::-webkit-outer-spin-button,\n ${e} input[type="number"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n ${e} input[type="number"] {\n -moz-appearance: textfield;\n }\n\n ${e}[dir='rtl'] input[type="number"]::placeholder {\n direction: rtl;\n }\n\n ${e}[dir='rtl']:not([step-buttons-visible]) input[type="number"]::placeholder {\n text-align: left;\n }\n `]}get clearElement(){return this.$.clearButton}get __hasUnparsableValue(){return this.inputElement.validity.badInput}ready(){super.ready(),this.addController(new d.f(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new m.q(this.inputElement,this._labelController))}checkValidity(){return this.inputElement?this.inputElement.checkValidity():!this.invalid}_addInputListeners(e){super._addInputListeners(e),e.addEventListener("wheel",this.__onWheel)}_removeInputListeners(e){super._removeInputListeners(e),e.removeEventListener("wheel",this.__onWheel)}__onWheel(e){this.hasAttribute("focused")&&e.preventDefault()}_onDecreaseButtonTouchend(e){e.cancelable&&(e.preventDefault(),this._decreaseValue())}_onIncreaseButtonTouchend(e){e.cancelable&&(e.preventDefault(),this._increaseValue())}_onDecreaseButtonClick(){this._decreaseValue()}_onIncreaseButtonClick(){this._increaseValue()}_decreaseValue(){this._incrementValue(-1)}_increaseValue(){this._incrementValue(1)}_incrementValue(e){if(this.disabled||this.readonly)return;const t=this.step||1;let n=parseFloat(this.value);this.value?n<this.min?(e=0,n=this.min):n>this.max&&(e=0,n=this.max):0===this.min&&e<0||0===this.max&&e>0||0===this.max&&0===this.min?(e=0,n=0):(null==this.max||this.max>=0)&&(null==this.min||this.min<=0)?n=0:this.min>0?(n=this.min,this.max<0&&e<0&&(n=this.max),e=0):this.max<0&&(n=this.max,e<0?e=0:this._getIncrement(1,n-t)>this.max?n-=2*t:n-=t);const i=this._getIncrement(e,n);this.value&&0!==e&&!this._incrementIsInsideTheLimits(e,n)||(this.inputElement.value=String(parseFloat(i)),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.__commitValueChange())}_getIncrement(e,t){let n=this.step||1,i=this.min||0;const s=Math.max(this._getMultiplier(t),this._getMultiplier(n),this._getMultiplier(i));n*=s,i*=s;const a=((t=Math.round(t*s))-i)%n;return e>0?(t-a+n)/s:e<0?(t-(a||n))/s:t/s}_getDecimalCount(e){const t=String(e),n=t.indexOf(".");return-1===n?1:t.length-n-1}_getMultiplier(e){if(!isNaN(e))return 10**this._getDecimalCount(e)}_incrementIsInsideTheLimits(e,t){return e<0?null==this.min||this._getIncrement(e,t)>=this.min:e>0?null==this.max||this._getIncrement(e,t)<=this.max:this._getIncrement(e,t)<=this.max&&this._getIncrement(e,t)>=this.min}_isButtonEnabled(e){const t=e*(this.step||1),n=parseFloat(this.value);return!this.value||!this.disabled&&this._incrementIsInsideTheLimits(t,n)}_stepChanged(e,t){t&&(t.step=e||"any")}_valueChanged(e,t){e&&isNaN(parseFloat(e))?this.value="":"string"!=typeof this.value&&(this.value=String(this.value)),super._valueChanged(this.value,t),this.__keepCommittedValue||(this.__committedValue=this.value,this.__committedUnparsableValueStatus=!1)}_onKeyDown(e){"ArrowUp"===e.key?(e.preventDefault(),this._increaseValue()):"ArrowDown"===e.key&&(e.preventDefault(),this._decreaseValue()),super._onKeyDown(e)}_setHasInputValue(e){const t=e.composedPath()[0];this._hasInputValue=t.value.length>0||this.__hasUnparsableValue}_onInput(e){this.__keepCommittedValue=!0,super._onInput(e),this.__keepCommittedValue=!1}_onChange(e){e.stopPropagation()}_onClearAction(e){super._onClearAction(e),this.__commitValueChange()}_setFocused(e){super._setFocused(e),e||this.__commitValueChange()}_onEnter(e){super._onEnter(e),this.__commitValueChange()}__commitValueChange(){this.__committedValue!==this.value?(this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))):this.__committedUnparsableValueStatus!==this.__hasUnparsableValue&&(this.validate(),this.dispatchEvent(new CustomEvent("unparsable-change"))),this.__committedValue=this.value,this.__committedUnparsableValueStatus=this.__hasUnparsableValue}},v=n(16684).AH`
|
39
39
|
:host([readonly]) [part$='button'] {
|
40
40
|
pointer-events: none;
|
41
41
|
}
|
package/dist/umd/5443.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*! For license information please see 5443.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5443,7824],{50063:(t,e,o)=>{o.d(e,{i:()=>r});const r=(0,o(85297).y)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},67766:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(85297).y)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},1886:(t,e,o)=>{o.d(e,{l:()=>
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5443,7824],{50063:(t,e,o)=>{o.d(e,{i:()=>r});const r=(0,o(85297).y)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},98751:(t,e,o)=>{o.d(e,{y:()=>a});var r=o(85297),i=o(90075);const a=(0,r.y)((t=>class extends t{get _keyboardActive(){return(0,i.aJ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},90075:(t,e,o)=>{o.d(e,{Qj:()=>c,aJ:()=>a,dw:()=>i,iq:()=>h,n8:()=>u});let r=!1;function i(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function a(){return r}function n(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function s(t,e){const o=Math.max(t.tabIndex,0),r=Math.max(e.tabIndex,0);return 0===o||0===r?r>o:o>r}function l(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)s(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(l(t.slice(0,o)),l(t.slice(o)))}function u(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||n(t)}function c(t){return t.getRootNode().activeElement===t}function d(t,e){if(t.nodeType!==Node.ELEMENT_NODE||n(t))return!1;const o=t,r=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let i=r>0;r>=0&&e.push(o);let a=[];return a="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...a].forEach((t=>{i=d(t,e)||i})),i}function h(t){const e=[];return d(t,e)?l(e):e}window.addEventListener("keydown",(()=>{r=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{r=!1}),{capture:!0})},67766:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(85297).y)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},1886:(t,e,o)=>{o.d(e,{l:()=>i});var r=o(50063);const i=t=>class extends((0,r.i)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},86292:(t,e,o)=>{o.d(e,{$:()=>b});var r=o(33791),i=o(988),a=o(38735),n=o(31846),s=o(58074),l=o(6052);const u=o(16684).AH`
|
3
3
|
:host {
|
4
4
|
display: inline-block;
|
5
5
|
position: relative;
|
@@ -59,7 +59,7 @@
|
|
59
59
|
outline-color: GrayText;
|
60
60
|
}
|
61
61
|
}
|
62
|
-
`;var c=o(1033),
|
62
|
+
`;var c=o(1033),d=o(98751),h=o(1886);const m=t=>class extends((0,c.e)((0,h.l)((0,d.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",u,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.q)((0,l.cp)((0,i.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
|
63
63
|
<div class="vaadin-button-container">
|
64
64
|
<span part="prefix" aria-hidden="true">
|
65
65
|
<slot name="prefix"></slot>
|
@@ -72,7 +72,7 @@
|
|
72
72
|
</span>
|
73
73
|
</div>
|
74
74
|
<slot name="tooltip"></slot>
|
75
|
-
`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,
|
75
|
+
`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,a.X)(b)},83961:(t,e,o)=>{o.d(e,{x:()=>i}),o(92541),o(66206),o(1159),o(23395),o(41745);var r=o(6052);const i=r.AH`
|
76
76
|
:host {
|
77
77
|
/* Sizing */
|
78
78
|
--lumo-button-size: var(--lumo-size-m);
|
@@ -335,4 +335,116 @@
|
|
335
335
|
margin-left: 0;
|
336
336
|
margin-right: 0;
|
337
337
|
}
|
338
|
-
`;(0,r.SF)("vaadin-button",
|
338
|
+
`;(0,r.SF)("vaadin-button",i,{moduleId:"lumo-button"})},97745:(t,e,o)=>{o(83961),o(86292)},41745:(t,e,o)=>{o(56830);var r=o(6052),i=o(35543);const a=r.AH`
|
339
|
+
:host {
|
340
|
+
/* prettier-ignore */
|
341
|
+
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
342
|
+
|
343
|
+
/* Font sizes */
|
344
|
+
--lumo-font-size-xxs: 0.75rem;
|
345
|
+
--lumo-font-size-xs: 0.8125rem;
|
346
|
+
--lumo-font-size-s: 0.875rem;
|
347
|
+
--lumo-font-size-m: 1rem;
|
348
|
+
--lumo-font-size-l: 1.125rem;
|
349
|
+
--lumo-font-size-xl: 1.375rem;
|
350
|
+
--lumo-font-size-xxl: 1.75rem;
|
351
|
+
--lumo-font-size-xxxl: 2.5rem;
|
352
|
+
|
353
|
+
/* Line heights */
|
354
|
+
--lumo-line-height-xs: 1.25;
|
355
|
+
--lumo-line-height-s: 1.375;
|
356
|
+
--lumo-line-height-m: 1.625;
|
357
|
+
}
|
358
|
+
`,n=r.AH`
|
359
|
+
body,
|
360
|
+
:host {
|
361
|
+
font-family: var(--lumo-font-family);
|
362
|
+
font-size: var(--lumo-font-size-m);
|
363
|
+
line-height: var(--lumo-line-height-m);
|
364
|
+
-webkit-text-size-adjust: 100%;
|
365
|
+
-webkit-font-smoothing: antialiased;
|
366
|
+
-moz-osx-font-smoothing: grayscale;
|
367
|
+
}
|
368
|
+
|
369
|
+
small,
|
370
|
+
[theme~='font-size-s'] {
|
371
|
+
font-size: var(--lumo-font-size-s);
|
372
|
+
line-height: var(--lumo-line-height-s);
|
373
|
+
}
|
374
|
+
|
375
|
+
[theme~='font-size-xs'] {
|
376
|
+
font-size: var(--lumo-font-size-xs);
|
377
|
+
line-height: var(--lumo-line-height-xs);
|
378
|
+
}
|
379
|
+
|
380
|
+
:where(h1, h2, h3, h4, h5, h6) {
|
381
|
+
font-weight: 600;
|
382
|
+
line-height: var(--lumo-line-height-xs);
|
383
|
+
margin-block: 0;
|
384
|
+
}
|
385
|
+
|
386
|
+
:where(h1) {
|
387
|
+
font-size: var(--lumo-font-size-xxxl);
|
388
|
+
}
|
389
|
+
|
390
|
+
:where(h2) {
|
391
|
+
font-size: var(--lumo-font-size-xxl);
|
392
|
+
}
|
393
|
+
|
394
|
+
:where(h3) {
|
395
|
+
font-size: var(--lumo-font-size-xl);
|
396
|
+
}
|
397
|
+
|
398
|
+
:where(h4) {
|
399
|
+
font-size: var(--lumo-font-size-l);
|
400
|
+
}
|
401
|
+
|
402
|
+
:where(h5) {
|
403
|
+
font-size: var(--lumo-font-size-m);
|
404
|
+
}
|
405
|
+
|
406
|
+
:where(h6) {
|
407
|
+
font-size: var(--lumo-font-size-xs);
|
408
|
+
text-transform: uppercase;
|
409
|
+
letter-spacing: 0.03em;
|
410
|
+
}
|
411
|
+
|
412
|
+
p,
|
413
|
+
blockquote {
|
414
|
+
margin-top: 0.5em;
|
415
|
+
margin-bottom: 0.75em;
|
416
|
+
}
|
417
|
+
|
418
|
+
a {
|
419
|
+
text-decoration: none;
|
420
|
+
}
|
421
|
+
|
422
|
+
a:where(:any-link):hover {
|
423
|
+
text-decoration: underline;
|
424
|
+
}
|
425
|
+
|
426
|
+
hr {
|
427
|
+
display: block;
|
428
|
+
align-self: stretch;
|
429
|
+
height: 1px;
|
430
|
+
border: 0;
|
431
|
+
padding: 0;
|
432
|
+
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
433
|
+
background-color: var(--lumo-contrast-10pct);
|
434
|
+
}
|
435
|
+
|
436
|
+
blockquote {
|
437
|
+
border-left: 2px solid var(--lumo-contrast-30pct);
|
438
|
+
}
|
439
|
+
|
440
|
+
b,
|
441
|
+
strong {
|
442
|
+
font-weight: 600;
|
443
|
+
}
|
444
|
+
|
445
|
+
/* RTL specific styles */
|
446
|
+
blockquote[dir='rtl'] {
|
447
|
+
border-left: none;
|
448
|
+
border-right: 2px solid var(--lumo-contrast-30pct);
|
449
|
+
}
|
450
|
+
`;(0,r.SF)("",n,{moduleId:"lumo-typography"}),(0,i.q)("typography-props",a)}}]);
|