@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.
- package/dist/cjs/index.cjs.js +137 -16
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +219 -88
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/2481.js +1 -1
- package/dist/umd/4201.js +1 -1
- package/dist/umd/4226.js +114 -0
- package/dist/umd/{1769.js.LICENSE.txt → 4226.js.LICENSE.txt} +0 -12
- package/dist/umd/446.js +92 -0
- package/dist/umd/446.js.LICENSE.txt +5 -0
- package/dist/umd/4803.js +1 -1
- package/dist/umd/7531.js +248 -0
- package/dist/umd/{4222.js.LICENSE.txt → 7531.js.LICENSE.txt} +18 -0
- package/dist/umd/9671.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/dist/umd/descope-button-selection-group-descope-button-selection-group-item-index-js.js +1 -1
- package/dist/umd/descope-button-selection-group-index-js.js +1 -1
- package/dist/umd/descope-combo-box-index-js.js +1 -1
- package/dist/umd/descope-container-index-js.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-status-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +1 -1
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-number-field-index-js.js +1 -1
- package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-text-area-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/descope-text-index-js.js +1 -1
- package/dist/umd/descope-upload-file-index-js.js +1 -1
- package/dist/umd/index.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-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/boolean-fields/commonStyles.js +1 -1
- package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +7 -2
- package/src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js +6 -1
- package/src/components/descope-button/ButtonClass.js +5 -1
- package/src/components/descope-button-selection-group/ButtonSelectionGroupClass.js +3 -0
- package/src/components/descope-button-selection-group/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js +4 -0
- package/src/components/descope-combo-box/ComboBoxClass.js +14 -0
- package/src/components/descope-container/ContainerClass.js +1 -1
- package/src/components/descope-divider/DividerClass.js +4 -0
- package/src/components/descope-email-field/EmailFieldClass.js +3 -1
- package/src/components/descope-grid/GridClass.js +3 -0
- package/src/components/descope-grid/descope-grid-status-column/index.js +2 -2
- package/src/components/descope-grid/descope-grid-text-column/index.js +6 -2
- package/src/components/descope-link/LinkClass.js +1 -0
- package/src/components/descope-new-password/NewPasswordClass.js +10 -2
- package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +6 -1
- package/src/components/descope-number-field/NumberFieldClass.js +2 -0
- package/src/components/descope-passcode/PasscodeClass.js +3 -0
- package/src/components/descope-passcode/descope-passcode-internal/PasscodeInternal.js +5 -0
- package/src/components/descope-password/PasswordClass.js +8 -2
- package/src/components/descope-text/TextClass.js +1 -0
- package/src/components/descope-text-area/TextAreaClass.js +4 -1
- package/src/components/descope-text-field/TextFieldClass.js +3 -1
- package/src/components/descope-text-field/textFieldMappings.js +1 -0
- package/src/components/descope-upload-file/UploadFileClass.js +6 -0
- package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js +4 -2
- package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js +4 -2
- package/src/helpers/themeHelpers/resetHelpers.js +28 -0
- package/src/theme/components/button.js +1 -0
- package/src/theme/components/buttonSelectionGroup/buttonSelectionGroup.js +1 -0
- package/src/theme/components/buttonSelectionGroup/buttonSelectionGroupItem.js +1 -0
- package/src/theme/components/checkbox.js +1 -0
- package/src/theme/components/comboBox.js +3 -0
- package/src/theme/components/divider.js +2 -0
- package/src/theme/components/emailField.js +1 -0
- package/src/theme/components/inputWrapper.js +2 -0
- package/src/theme/components/link.js +1 -0
- package/src/theme/components/newPassword.js +1 -0
- package/src/theme/components/numberField.js +1 -0
- package/src/theme/components/passcode.js +1 -0
- package/src/theme/components/password.js +1 -0
- package/src/theme/components/phoneField.js +1 -0
- package/src/theme/components/phoneInputBoxField.js +1 -0
- package/src/theme/components/switchToggle.js +1 -0
- package/src/theme/components/text.js +1 -0
- package/src/theme/components/textArea.js +1 -0
- package/src/theme/components/textField.js +1 -0
- package/src/theme/components/uploadFile.js +1 -0
- package/src/theme/globals.js +3 -0
- package/dist/umd/1769.js +0 -360
- package/dist/umd/4222.js +0 -2
- 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
|
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:()=>
|
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`}}]);
|
package/dist/umd/4226.js
ADDED
@@ -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
|
-
*/
|
package/dist/umd/446.js
ADDED
@@ -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)}}]);
|
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-
|
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`}}]);
|