@descope/web-components-ui 1.0.232 → 1.0.234

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. package/dist/cjs/index.cjs.js +137 -16
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +219 -88
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/2481.js +1 -1
  6. package/dist/umd/4201.js +1 -1
  7. package/dist/umd/4226.js +114 -0
  8. package/dist/umd/{1769.js.LICENSE.txt → 4226.js.LICENSE.txt} +0 -12
  9. package/dist/umd/446.js +92 -0
  10. package/dist/umd/446.js.LICENSE.txt +5 -0
  11. package/dist/umd/4803.js +1 -1
  12. package/dist/umd/7531.js +248 -0
  13. package/dist/umd/{4222.js.LICENSE.txt → 7531.js.LICENSE.txt} +18 -0
  14. package/dist/umd/9671.js +1 -1
  15. package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
  16. package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
  17. package/dist/umd/descope-button-index-js.js +1 -1
  18. package/dist/umd/descope-button-selection-group-descope-button-selection-group-item-index-js.js +1 -1
  19. package/dist/umd/descope-button-selection-group-index-js.js +1 -1
  20. package/dist/umd/descope-combo-box-index-js.js +1 -1
  21. package/dist/umd/descope-container-index-js.js +1 -1
  22. package/dist/umd/descope-divider-index-js.js +1 -1
  23. package/dist/umd/descope-email-field-index-js.js +1 -1
  24. package/dist/umd/descope-grid-descope-grid-status-column-index-js.js +1 -1
  25. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +1 -1
  26. package/dist/umd/descope-grid-index-js.js +1 -1
  27. package/dist/umd/descope-link-index-js.js +1 -1
  28. package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
  29. package/dist/umd/descope-number-field-index-js.js +1 -1
  30. package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
  31. package/dist/umd/descope-passcode-index-js.js +1 -1
  32. package/dist/umd/descope-text-area-index-js.js +1 -1
  33. package/dist/umd/descope-text-field-index-js.js +1 -1
  34. package/dist/umd/descope-text-index-js.js +1 -1
  35. package/dist/umd/descope-upload-file-index-js.js +1 -1
  36. package/dist/umd/index.js +1 -1
  37. package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
  38. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
  39. package/package.json +1 -1
  40. package/src/components/boolean-fields/commonStyles.js +1 -1
  41. package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +7 -2
  42. package/src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js +6 -1
  43. package/src/components/descope-button/ButtonClass.js +5 -1
  44. package/src/components/descope-button-selection-group/ButtonSelectionGroupClass.js +3 -0
  45. package/src/components/descope-button-selection-group/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js +4 -0
  46. package/src/components/descope-combo-box/ComboBoxClass.js +14 -0
  47. package/src/components/descope-container/ContainerClass.js +1 -1
  48. package/src/components/descope-divider/DividerClass.js +4 -0
  49. package/src/components/descope-email-field/EmailFieldClass.js +3 -1
  50. package/src/components/descope-grid/GridClass.js +3 -0
  51. package/src/components/descope-grid/descope-grid-status-column/index.js +2 -2
  52. package/src/components/descope-grid/descope-grid-text-column/index.js +6 -2
  53. package/src/components/descope-link/LinkClass.js +1 -0
  54. package/src/components/descope-new-password/NewPasswordClass.js +10 -2
  55. package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +6 -1
  56. package/src/components/descope-number-field/NumberFieldClass.js +2 -0
  57. package/src/components/descope-passcode/PasscodeClass.js +3 -0
  58. package/src/components/descope-passcode/descope-passcode-internal/PasscodeInternal.js +5 -0
  59. package/src/components/descope-password/PasswordClass.js +8 -2
  60. package/src/components/descope-text/TextClass.js +1 -0
  61. package/src/components/descope-text-area/TextAreaClass.js +4 -1
  62. package/src/components/descope-text-field/TextFieldClass.js +3 -1
  63. package/src/components/descope-text-field/textFieldMappings.js +1 -0
  64. package/src/components/descope-upload-file/UploadFileClass.js +6 -0
  65. package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js +4 -2
  66. package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js +4 -2
  67. package/src/helpers/themeHelpers/resetHelpers.js +28 -0
  68. package/src/theme/components/button.js +1 -0
  69. package/src/theme/components/buttonSelectionGroup/buttonSelectionGroup.js +1 -0
  70. package/src/theme/components/buttonSelectionGroup/buttonSelectionGroupItem.js +1 -0
  71. package/src/theme/components/checkbox.js +1 -0
  72. package/src/theme/components/comboBox.js +3 -0
  73. package/src/theme/components/divider.js +2 -0
  74. package/src/theme/components/emailField.js +1 -0
  75. package/src/theme/components/inputWrapper.js +2 -0
  76. package/src/theme/components/link.js +1 -0
  77. package/src/theme/components/newPassword.js +1 -0
  78. package/src/theme/components/numberField.js +1 -0
  79. package/src/theme/components/passcode.js +1 -0
  80. package/src/theme/components/password.js +1 -0
  81. package/src/theme/components/phoneField.js +1 -0
  82. package/src/theme/components/phoneInputBoxField.js +1 -0
  83. package/src/theme/components/switchToggle.js +1 -0
  84. package/src/theme/components/text.js +1 -0
  85. package/src/theme/components/textArea.js +1 -0
  86. package/src/theme/components/textField.js +1 -0
  87. package/src/theme/components/uploadFile.js +1 -0
  88. package/src/theme/globals.js +3 -0
  89. package/dist/umd/1769.js +0 -360
  90. package/dist/umd/4222.js +0 -2
  91. package/dist/umd/6551.js +0 -1
package/dist/umd/2481.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[2481],{2481:(t,e,r)=>{r.d(e,{v:()=>v,f:()=>p});var n=r(1e3),o=r(2061),i=r(4567);var a=r(4201);const p=(0,i.iY)("password"),{host:s,inputField:d,inputElement:l,inputElementPlaceholder:u,revealButtonContainer:c,revealButtonIcon:h,label:y,requiredIndicator:b,errorMessage:f,helperText:g}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:"> input:placeholder-shown"},revealButtonContainer:{selector:()=>"::part(reveal-button)"},revealButtonIcon:{selector:()=>"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.qC)((0,n.yk)({mappings:{hostWidth:{...s,property:"width"},hostMinWidth:{...s,property:"min-width"},fontSize:[{},s],fontFamily:[y,d,f,g],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelTextColor:[{...y,property:"color"},{...b,property:"color"}],labelRequiredIndicator:{...b,property:"content"},errorMessageTextColor:{...f,property:"color"},inputValueTextColor:[{...l,property:"color"},{...h,property:"color"}],inputPlaceholderTextColor:{...u,property:"color"},revealButtonOffset:[{...c,property:"margin-right"},{...c,property:"margin-left"}],revealButtonSize:{...c,property:"font-size"}}}),n.e4,(0,n.dj)({proxyProps:["value","selectionStart"]}),n.Ae,(t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){this.addEventListener("mousedown",(t=>{if(this.isDraggable&&this.isReadOnly){const e=this.baseElement.querySelector("input"),r=e.getAttribute("type");e.setAttribute("type","text"),setTimeout((()=>e.focus()));const n=o=>{e.setAttribute("type",r),t.target.removeEventListener("mouseup",n),t.target.removeEventListener("dragend",n)};t.target.addEventListener("mouseup",n,{once:!0}),t.target.addEventListener("dragend",n,{once:!0})}})),super.init?.()}}))((0,n.DM)({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box; \n\t\t\t}\n\t\t\t${(0,a.bi)(v.cssVarList)}\n\t\t\t${(0,a.Pd)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n\t\t\t\tmin-height: 0;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\t\t\tvaadin-password-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t[readonly] vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${v.cssVarList.inputOutlineColor});\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:p}))}}]);
1
+ "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[2481],{2481:(t,e,r)=>{r.d(e,{v:()=>v,f:()=>p});var n=r(1e3),o=r(2061),i=r(4567);var a=r(4201);const p=(0,i.iY)("password"),{host:s,inputField:d,inputElement:l,inputElementPlaceholder:u,revealButtonContainer:c,revealButtonIcon:h,label:y,requiredIndicator:b,errorMessage:f,helperText:g}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:"> input:placeholder-shown"},revealButtonContainer:{selector:()=>"::part(reveal-button)"},revealButtonIcon:{selector:()=>"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.qC)((0,n.yk)({mappings:{hostWidth:{...s,property:"width"},hostMinWidth:{...s,property:"min-width"},hostDirection:{...s,property:"direction"},fontSize:[{},s],fontFamily:[y,d,f,g],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelTextColor:[{...y,property:"color"},{...b,property:"color"}],labelRequiredIndicator:{...b,property:"content"},errorMessageTextColor:{...f,property:"color"},inputValueTextColor:[{...l,property:"color"},{...h,property:"color"}],inputPlaceholderTextColor:{...u,property:"color"},revealButtonOffset:[{...c,property:"margin-right"},{...c,property:"margin-left"}],revealButtonSize:{...c,property:"font-size"}}}),n.e4,(0,n.dj)({proxyProps:["value","selectionStart"]}),n.Ae,(t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){this.addEventListener("mousedown",(t=>{if(this.isDraggable&&this.isReadOnly){const e=this.baseElement.querySelector("input"),r=e.getAttribute("type");e.setAttribute("type","text"),setTimeout((()=>e.focus()));const n=o=>{e.setAttribute("type",r),t.target.removeEventListener("mouseup",n),t.target.removeEventListener("dragend",n)};t.target.addEventListener("mouseup",n,{once:!0}),t.target.addEventListener("dragend",n,{once:!0})}})),super.init?.()}}))((0,n.DM)({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n\t\t\t}\n\t\t\t${(0,a.bi)(v.cssVarList)}\n\t\t\t${(0,a.Pd)("vaadin-password-field")}\n ${(0,a.Wf)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n\t\t\t\tmin-height: 0;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\t\t\tvaadin-password-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t[readonly] vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${v.cssVarList.inputOutlineColor});\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:p}))}}]);
package/dist/umd/4201.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4201],{4201:(n,t,i)=>{i.d(t,{B:()=>p,DY:()=>u,PH:()=>d,Pd:()=>r,TX:()=>o,bi:()=>e,jI:()=>l,jl:()=>a,wm:()=>$});const e=n=>`\n :host {\n padding: calc(var(${n.inputOutlineWidth}) + var(${n.inputOutlineOffset}))\n }\n`,o=n=>`\n ${n} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,a=n=>`\n ${n}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,r=n=>`\n ${n} > label,\n ${n}::part(label),\n ${n}::part(required-indicator) {\n cursor: pointer;\n }\n`,l=(n,t="input")=>`\n ${n}[disabled] > ${t}:placeholder-shown,\n\t${n}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,u=()=>"\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n",d=n=>`\n ${n}::part(input-field)::after {\n opacity: 0;\n }\n`,p=n=>`\n ${n}::part(input-field)::after {\n background: none;\n }\n`,$=(n,t)=>`\n ${o(n)}\n ${r(n)}\n ${l(n)}\n ${a(n)}\n ${((n,t)=>`\n ${n} input:-webkit-autofill,\n ${n} input:-webkit-autofill::first-line,\n ${n} input:-webkit-autofill:hover,\n ${n} input:-webkit-autofill:active,\n ${n} 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`)(n,t)}\n ${p(n)}\n ${(n=>`\n ${n}::before {\n\t\theight: unset;\n\t}\n`)(n)}\n ${(n=>`\n ${n} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`)(n)}\n ${(n=>`\n ${n}::part(input-field)::after {\n border: none;\n }\n`)(n)}\n`}}]);
1
+ "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4201],{4201:(n,t,i)=>{i.d(t,{B:()=>u,DY:()=>d,PH:()=>p,Pd:()=>r,TX:()=>o,Wf:()=>$,bi:()=>e,jI:()=>l,jl:()=>a,wm:()=>s});const e=n=>`\n :host {\n padding: calc(var(${n.inputOutlineWidth}) + var(${n.inputOutlineOffset}))\n }\n`,o=n=>`\n ${n} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,a=n=>`\n ${n}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,r=n=>`\n ${n} > label,\n ${n}::part(label),\n ${n}::part(required-indicator) {\n cursor: pointer;\n }\n`,l=(n,t="input")=>`\n ${n}[disabled] > ${t}:placeholder-shown,\n\t${n}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,d=()=>"\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n",p=n=>`\n ${n}::part(input-field)::after {\n opacity: 0;\n }\n`,u=n=>`\n ${n}::part(input-field)::after {\n background: none;\n }\n`,s=(n,t)=>`\n ${o(n)}\n ${r(n)}\n ${l(n)}\n ${a(n)}\n ${((n,t)=>`\n ${n} input:-webkit-autofill,\n ${n} input:-webkit-autofill::first-line,\n ${n} input:-webkit-autofill:hover,\n ${n} input:-webkit-autofill:active,\n ${n} 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`)(n,t)}\n ${u(n)}\n ${(n=>`\n ${n}::before {\n\t\theight: unset;\n\t}\n`)(n)}\n ${(n=>`\n ${n} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`)(n)}\n ${(n=>`\n ${n}::part(input-field)::after {\n border: none;\n }\n`)(n)}\n`,$=n=>`\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 ${n} [slot="label"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`}}]);
@@ -0,0 +1,114 @@
1
+ /*! For license information please see 4226.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4226],{2521:(e,o,t)=>{t.d(o,{S:()=>m});var i=t(9387),n=t(7913),s=t(6139),a=t(1914);let l;(0,i.xj)(!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 r=new Set,m=e=>class extends((0,a.U)(e)){static get version(){return"24.2.5"}static finalize(){super.finalize();const{is:e}=this;e&&!r.has(e)&&(window.Vaadin.registrations.push(this),r.add(e),window.Vaadin.developmentModeCallback&&(l=s.dx.debounce(l,n.t$,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),(0,s.Ex)(l)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}},4173:(e,o,t)=>{t(4407);var i=t(6570),n=t(2463);const s=i.iv`
3
+ :host {
4
+ /* prettier-ignore */
5
+ --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
6
+
7
+ /* Font sizes */
8
+ --lumo-font-size-xxs: 0.75rem;
9
+ --lumo-font-size-xs: 0.8125rem;
10
+ --lumo-font-size-s: 0.875rem;
11
+ --lumo-font-size-m: 1rem;
12
+ --lumo-font-size-l: 1.125rem;
13
+ --lumo-font-size-xl: 1.375rem;
14
+ --lumo-font-size-xxl: 1.75rem;
15
+ --lumo-font-size-xxxl: 2.5rem;
16
+
17
+ /* Line heights */
18
+ --lumo-line-height-xs: 1.25;
19
+ --lumo-line-height-s: 1.375;
20
+ --lumo-line-height-m: 1.625;
21
+ }
22
+ `,a=i.iv`
23
+ body,
24
+ :host {
25
+ font-family: var(--lumo-font-family);
26
+ font-size: var(--lumo-font-size-m);
27
+ line-height: var(--lumo-line-height-m);
28
+ -webkit-text-size-adjust: 100%;
29
+ -webkit-font-smoothing: antialiased;
30
+ -moz-osx-font-smoothing: grayscale;
31
+ }
32
+
33
+ small,
34
+ [theme~='font-size-s'] {
35
+ font-size: var(--lumo-font-size-s);
36
+ line-height: var(--lumo-line-height-s);
37
+ }
38
+
39
+ [theme~='font-size-xs'] {
40
+ font-size: var(--lumo-font-size-xs);
41
+ line-height: var(--lumo-line-height-xs);
42
+ }
43
+
44
+ :where(h1, h2, h3, h4, h5, h6) {
45
+ font-weight: 600;
46
+ line-height: var(--lumo-line-height-xs);
47
+ margin-block: 0;
48
+ }
49
+
50
+ :where(h1) {
51
+ font-size: var(--lumo-font-size-xxxl);
52
+ }
53
+
54
+ :where(h2) {
55
+ font-size: var(--lumo-font-size-xxl);
56
+ }
57
+
58
+ :where(h3) {
59
+ font-size: var(--lumo-font-size-xl);
60
+ }
61
+
62
+ :where(h4) {
63
+ font-size: var(--lumo-font-size-l);
64
+ }
65
+
66
+ :where(h5) {
67
+ font-size: var(--lumo-font-size-m);
68
+ }
69
+
70
+ :where(h6) {
71
+ font-size: var(--lumo-font-size-xs);
72
+ text-transform: uppercase;
73
+ letter-spacing: 0.03em;
74
+ }
75
+
76
+ p,
77
+ blockquote {
78
+ margin-top: 0.5em;
79
+ margin-bottom: 0.75em;
80
+ }
81
+
82
+ a {
83
+ text-decoration: none;
84
+ }
85
+
86
+ a:where(:any-link):hover {
87
+ text-decoration: underline;
88
+ }
89
+
90
+ hr {
91
+ display: block;
92
+ align-self: stretch;
93
+ height: 1px;
94
+ border: 0;
95
+ padding: 0;
96
+ margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
97
+ background-color: var(--lumo-contrast-10pct);
98
+ }
99
+
100
+ blockquote {
101
+ border-left: 2px solid var(--lumo-contrast-30pct);
102
+ }
103
+
104
+ b,
105
+ strong {
106
+ font-weight: 600;
107
+ }
108
+
109
+ /* RTL specific styles */
110
+ blockquote[dir='rtl'] {
111
+ border-left: none;
112
+ border-right: 2px solid var(--lumo-contrast-30pct);
113
+ }
114
+ `;(0,i.hC)("",a,{moduleId:"lumo-typography"}),(0,n.K)("typography-props",s)}}]);
@@ -9,15 +9,3 @@
9
9
  * Copyright (c) 2021 - 2023 Vaadin Ltd.
10
10
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
11
11
  */
12
-
13
- /**
14
- * @license
15
- * Copyright 2017 Google LLC
16
- * SPDX-License-Identifier: BSD-3-Clause
17
- */
18
-
19
- /**
20
- * @license
21
- * Copyright 2019 Google LLC
22
- * SPDX-License-Identifier: BSD-3-Clause
23
- */
@@ -0,0 +1,92 @@
1
+ /*! For license information please see 446.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[446],{446:(e,t,A)=>{A.d(t,{n:()=>d}),A(1195),A(9849),A(9416);var i=A(6570);(0,i.hC)("vaadin-grid-sorter",i.iv`
3
+ :host {
4
+ justify-content: flex-start;
5
+ align-items: baseline;
6
+ -webkit-user-select: none;
7
+ -moz-user-select: none;
8
+ user-select: none;
9
+ cursor: var(--lumo-clickable-cursor);
10
+ }
11
+
12
+ [part='content'] {
13
+ display: inline-block;
14
+ overflow: hidden;
15
+ text-overflow: ellipsis;
16
+ }
17
+
18
+ [part='indicators'] {
19
+ margin-left: var(--lumo-space-s);
20
+ }
21
+
22
+ [part='indicators']::before {
23
+ transform: scale(0.8);
24
+ }
25
+
26
+ :host(:not([direction]):not(:hover)) [part='indicators'] {
27
+ color: var(--lumo-tertiary-text-color);
28
+ }
29
+
30
+ :host([direction]) {
31
+ color: var(--lumo-primary-text-color);
32
+ }
33
+
34
+ [part='order'] {
35
+ font-size: var(--lumo-font-size-xxs);
36
+ line-height: 1;
37
+ }
38
+
39
+ /* RTL specific styles */
40
+
41
+ :host([dir='rtl']) [part='indicators'] {
42
+ margin-right: var(--lumo-space-s);
43
+ margin-left: 0;
44
+ }
45
+ `,{moduleId:"lumo-grid-sorter"});var r=A(4241),n=A(2807),o=A(1914);const s=document.createElement("template");s.innerHTML="\n <style>\n @font-face {\n font-family: 'vaadin-grid-sorter-icons';\n src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n </style>\n",document.head.appendChild(s.content);class a extends((0,i.Tb)((0,o.U)(r.H3))){static get template(){return r.dy`
46
+ <style>
47
+ :host {
48
+ display: inline-flex;
49
+ cursor: pointer;
50
+ max-width: 100%;
51
+ }
52
+
53
+ [part='content'] {
54
+ flex: 1 1 auto;
55
+ }
56
+
57
+ [part='indicators'] {
58
+ position: relative;
59
+ align-self: center;
60
+ flex: none;
61
+ }
62
+
63
+ [part='order'] {
64
+ display: inline;
65
+ vertical-align: super;
66
+ }
67
+
68
+ [part='indicators']::before {
69
+ font-family: 'vaadin-grid-sorter-icons';
70
+ display: inline-block;
71
+ }
72
+
73
+ :host(:not([direction])) [part='indicators']::before {
74
+ content: '\\e901';
75
+ }
76
+
77
+ :host([direction='asc']) [part='indicators']::before {
78
+ content: '\\e900';
79
+ }
80
+
81
+ :host([direction='desc']) [part='indicators']::before {
82
+ content: '\\e902';
83
+ }
84
+ </style>
85
+
86
+ <div part="content">
87
+ <slot></slot>
88
+ </div>
89
+ <div part="indicators">
90
+ <span part="order">[[_getDisplayOrder(_order)]]</span>
91
+ </div>
92
+ `}static get is(){return"vaadin-grid-sorter"}static get properties(){return{path:String,direction:{type:String,reflectToAttribute:!0,notify:!0,value:null},_order:{type:Number,value:null},_isConnected:{type:Boolean,observer:"__isConnectedChanged"}}}static get observers(){return["_pathOrDirectionChanged(path, direction)"]}ready(){super.ready(),this.addEventListener("click",this._onClick.bind(this))}connectedCallback(){super.connectedCallback(),this._isConnected=!0}disconnectedCallback(){super.disconnectedCallback(),this._isConnected=!1,!this.parentNode&&this._grid&&this._grid.__removeSorters([this])}_pathOrDirectionChanged(){this.__dispatchSorterChangedEvenIfPossible()}__isConnectedChanged(e,t){!1!==t&&this.__dispatchSorterChangedEvenIfPossible()}__dispatchSorterChangedEvenIfPossible(){void 0!==this.path&&void 0!==this.direction&&this._isConnected&&(this.dispatchEvent(new CustomEvent("sorter-changed",{detail:{shiftClick:Boolean(this._shiftClick),fromSorterClick:Boolean(this._fromSorterClick)},bubbles:!0,composed:!0})),this._fromSorterClick=!1,this._shiftClick=!1)}_getDisplayOrder(e){return null===e?"":e+1}_onClick(e){if(e.defaultPrevented)return;const t=this.getRootNode().activeElement;this!==t&&this.contains(t)||(e.preventDefault(),this._shiftClick=e.shiftKey,this._fromSorterClick=!0,"asc"===this.direction?this.direction="desc":"desc"===this.direction?this.direction=null:this.direction="asc")}}(0,n.M)(a);var c=A(4089);class d extends c.C{static get is(){return"vaadin-grid-sort-column"}static get properties(){return{path:String,direction:{type:String,notify:!0}}}static get observers(){return["_onHeaderRendererOrBindingChanged(_headerRenderer, _headerCell, path, header, direction)"]}constructor(){super(),this.__boundOnDirectionChanged=this.__onDirectionChanged.bind(this)}_defaultHeaderRenderer(e,t){let A=e.firstElementChild;A||(A=document.createElement("vaadin-grid-sorter"),A.addEventListener("direction-changed",this.__boundOnDirectionChanged),e.appendChild(A)),A.path=this.path,A.__rendererDirection=this.direction,A.direction=this.direction,A.textContent=this.__getHeader(this.header,this.path)}_computeHeaderRenderer(){return this._defaultHeaderRenderer}__onDirectionChanged(e){e.detail.value!==e.target.__rendererDirection&&(this.direction=e.detail.value)}__getHeader(e,t){return e||(t?this._generateHeader(t):void 0)}}(0,n.M)(d)}}]);
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2016 - 2023 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
package/dist/umd/4803.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4803],{818:(n,t,e)=>{e.d(t,{h:()=>l});var i=e(4567),a=e(1250);const l=n=>class extends n{init(){super.init?.();const n=document.createElement("template");n.innerHTML=`\n\t\t\t\t<${a.f}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${a.f}>\n\t\t\t`,this.baseElement.appendChild(n.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a.f),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),(0,i.oP)(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),(0,i.Db)(this.inputElement,this,["checked"]),(0,i.tg)(this,this.inputElement,{includeAttrs:["checked"]})}}},6882:(n,t,e)=>{e.d(t,{Z:()=>i});const i=`\n:host {\n\tdisplay: inline-flex;\n}\n\n${(0,e(4201).DY)()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n\theight: 0;\n\tmargin: 0;\n}\nvaadin-text-field::part(label) {\n position: absolute;\n top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n align-self: flex-start;\n padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-right: 1em;\n}\ndescope-boolean-field-internal {\n -webkit-mask-image: none;\n min-height: initial;\n}\n`}}]);
1
+ "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4803],{818:(n,t,e)=>{e.d(t,{h:()=>l});var i=e(4567),a=e(1250);const l=n=>class extends n{init(){super.init?.();const n=document.createElement("template");n.innerHTML=`\n\t\t\t\t<${a.f}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${a.f}>\n\t\t\t`,this.baseElement.appendChild(n.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a.f),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),(0,i.oP)(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),(0,i.Db)(this.inputElement,this,["checked"]),(0,i.tg)(this,this.inputElement,{includeAttrs:["checked"]})}}},6882:(n,t,e)=>{e.d(t,{Z:()=>i});const i=`\n:host {\n\tdisplay: inline-flex;\n}\n\n${(0,e(4201).DY)()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n\theight: 0;\n\tmargin: 0;\n}\nvaadin-text-field::part(label) {\n position: absolute;\n top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n align-self: flex-start;\n padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n -webkit-mask-image: none;\n min-height: initial;\n}\n`}}]);