@descope/web-components-ui 1.0.150 → 1.0.153
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +6197 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/index.d.ts +52 -0
- package/dist/index.esm.js +6848 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/umd/1018.js +577 -0
- package/dist/umd/1018.js.LICENSE.txt +23 -0
- package/dist/umd/2481.js +1 -0
- package/dist/umd/3208.js +2 -0
- package/dist/umd/3208.js.LICENSE.txt +5 -0
- package/dist/umd/3585.js +1 -0
- package/dist/umd/3878.js +1 -0
- package/dist/umd/4201.js +1 -0
- package/dist/umd/422.js +2 -0
- package/dist/umd/422.js.LICENSE.txt +5 -0
- package/dist/umd/4447.js +1 -0
- package/dist/umd/4513.js +1 -0
- package/dist/umd/4803.js +1 -0
- package/dist/umd/541.js +744 -0
- package/dist/umd/541.js.LICENSE.txt +21 -0
- package/dist/umd/5767.js +2 -0
- package/dist/umd/5767.js.LICENSE.txt +15 -0
- package/dist/umd/5806.js +109 -0
- package/dist/umd/5806.js.LICENSE.txt +5 -0
- package/dist/umd/7056.js +48 -0
- package/dist/umd/7056.js.LICENSE.txt +5 -0
- package/dist/umd/7101.js +148 -0
- package/dist/umd/7101.js.LICENSE.txt +11 -0
- package/dist/umd/729.js +1 -0
- package/dist/umd/7824.js +229 -0
- package/dist/umd/7824.js.LICENSE.txt +27 -0
- package/dist/umd/8725.js +37 -0
- package/dist/umd/8725.js.LICENSE.txt +11 -0
- package/dist/umd/9211.js +312 -0
- package/dist/umd/9211.js.LICENSE.txt +5 -0
- package/dist/umd/9241.js +1 -0
- package/dist/umd/9314.js +283 -0
- package/dist/umd/9314.js.LICENSE.txt +27 -0
- package/dist/umd/9437.js +19 -0
- package/dist/umd/9437.js.LICENSE.txt +5 -0
- package/dist/umd/9515.js +202 -0
- package/dist/umd/9515.js.LICENSE.txt +11 -0
- package/dist/umd/9545.js +356 -0
- package/dist/umd/9545.js.LICENSE.txt +61 -0
- package/dist/umd/9789.js +1 -0
- package/dist/umd/boolean-fields-descope-boolean-field-internal-index-js.js +1 -0
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -0
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -0
- package/dist/umd/descope-button-index-js.js +1 -0
- package/dist/umd/descope-combo-box-index-js.js +1 -0
- package/dist/umd/descope-container-index-js.js +1 -0
- package/dist/umd/descope-date-picker-index-js.js +1 -0
- package/dist/umd/descope-divider-index-js.js +1 -0
- package/dist/umd/descope-email-field-index-js.js +1 -0
- package/dist/umd/descope-image-index-js.js +1 -0
- package/dist/umd/descope-link-index-js.js +1 -0
- package/dist/umd/descope-loader-linear-index-js.js +1 -0
- package/dist/umd/descope-loader-radial-index-js.js +1 -0
- package/dist/umd/descope-logo-index-js.js +1 -0
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -0
- package/dist/umd/descope-new-password-index-js.js +1 -0
- package/dist/umd/descope-number-field-index-js.js +1 -0
- package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -0
- package/dist/umd/descope-passcode-index-js.js +1 -0
- package/dist/umd/descope-password-index-js.js +1 -0
- package/dist/umd/descope-phone-field-descope-phone-field-internal-index-js.js +1 -0
- package/dist/umd/descope-phone-field-index-js.js +1 -0
- package/dist/umd/descope-text-area-index-js.js +1 -0
- package/dist/umd/descope-text-field-index-js.js +1 -0
- package/dist/umd/descope-text-index-js.js +1 -0
- package/dist/umd/descope-totp-image-index-js.js +1 -0
- package/dist/umd/descope-upload-file-index-js.js +1 -0
- package/dist/umd/index.js +1 -0
- package/package.json +1 -1
package/dist/umd/9515.js
ADDED
@@ -0,0 +1,202 @@
|
|
1
|
+
/*! For license information please see 9515.js.LICENSE.txt */
|
2
|
+
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[9515],{9515:(e,t,o)=>{o(1195),o(1735),o(9098),o(9416),o(9849),o(4173);var a=o(5128);(0,a.hC)("vaadin-checkbox",a.iv`
|
3
|
+
:host {
|
4
|
+
color: var(--lumo-body-text-color);
|
5
|
+
font-size: var(--lumo-font-size-m);
|
6
|
+
font-family: var(--lumo-font-family);
|
7
|
+
line-height: var(--lumo-line-height-s);
|
8
|
+
-webkit-font-smoothing: antialiased;
|
9
|
+
-moz-osx-font-smoothing: grayscale;
|
10
|
+
-webkit-tap-highlight-color: transparent;
|
11
|
+
-webkit-user-select: none;
|
12
|
+
-moz-user-select: none;
|
13
|
+
user-select: none;
|
14
|
+
cursor: default;
|
15
|
+
outline: none;
|
16
|
+
--_checkbox-size: var(--vaadin-checkbox-size, calc(var(--lumo-size-m) / 2));
|
17
|
+
}
|
18
|
+
|
19
|
+
:host([has-label]) ::slotted(label) {
|
20
|
+
padding-block: var(--lumo-space-xs);
|
21
|
+
padding-inline: var(--lumo-space-xs) var(--lumo-space-s);
|
22
|
+
}
|
23
|
+
|
24
|
+
[part='checkbox'] {
|
25
|
+
width: var(--_checkbox-size);
|
26
|
+
height: var(--_checkbox-size);
|
27
|
+
margin: var(--lumo-space-xs);
|
28
|
+
position: relative;
|
29
|
+
border-radius: var(--lumo-border-radius-s);
|
30
|
+
background-color: var(--lumo-contrast-20pct);
|
31
|
+
transition: transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), background-color 0.15s;
|
32
|
+
cursor: var(--lumo-clickable-cursor);
|
33
|
+
}
|
34
|
+
|
35
|
+
:host([indeterminate]) [part='checkbox'],
|
36
|
+
:host([checked]) [part='checkbox'] {
|
37
|
+
background-color: var(--lumo-primary-color);
|
38
|
+
}
|
39
|
+
|
40
|
+
/* Checkmark */
|
41
|
+
[part='checkbox']::after {
|
42
|
+
pointer-events: none;
|
43
|
+
font-family: 'lumo-icons';
|
44
|
+
content: var(--lumo-icons-checkmark);
|
45
|
+
color: var(--lumo-primary-contrast-color);
|
46
|
+
font-size: calc(var(--_checkbox-size) + 2px);
|
47
|
+
line-height: 1;
|
48
|
+
position: absolute;
|
49
|
+
top: -1px;
|
50
|
+
left: -1px;
|
51
|
+
contain: content;
|
52
|
+
opacity: 0;
|
53
|
+
}
|
54
|
+
|
55
|
+
:host([checked]) [part='checkbox']::after {
|
56
|
+
opacity: 1;
|
57
|
+
}
|
58
|
+
|
59
|
+
/* Indeterminate checkmark */
|
60
|
+
:host([indeterminate]) [part='checkbox']::after {
|
61
|
+
content: '';
|
62
|
+
opacity: 1;
|
63
|
+
top: 45%;
|
64
|
+
height: 10%;
|
65
|
+
left: 22%;
|
66
|
+
right: 22%;
|
67
|
+
width: auto;
|
68
|
+
border: 0;
|
69
|
+
background-color: var(--lumo-primary-contrast-color);
|
70
|
+
}
|
71
|
+
|
72
|
+
/* Focus ring */
|
73
|
+
:host([focus-ring]) [part='checkbox'] {
|
74
|
+
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
75
|
+
}
|
76
|
+
|
77
|
+
/* Disabled */
|
78
|
+
:host([disabled]) {
|
79
|
+
pointer-events: none;
|
80
|
+
color: var(--lumo-disabled-text-color);
|
81
|
+
}
|
82
|
+
|
83
|
+
:host([disabled]) ::slotted(label) {
|
84
|
+
color: inherit;
|
85
|
+
}
|
86
|
+
|
87
|
+
:host([disabled]) [part='checkbox'] {
|
88
|
+
background-color: var(--lumo-contrast-10pct);
|
89
|
+
}
|
90
|
+
|
91
|
+
:host([disabled]) [part='checkbox']::after {
|
92
|
+
color: var(--lumo-contrast-30pct);
|
93
|
+
}
|
94
|
+
|
95
|
+
:host([indeterminate][disabled]) [part='checkbox']::after {
|
96
|
+
background-color: var(--lumo-contrast-30pct);
|
97
|
+
}
|
98
|
+
|
99
|
+
/* RTL specific styles */
|
100
|
+
:host([dir='rtl'][has-label]) ::slotted(label) {
|
101
|
+
padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);
|
102
|
+
}
|
103
|
+
|
104
|
+
/* Used for activation "halo" */
|
105
|
+
[part='checkbox']::before {
|
106
|
+
pointer-events: none;
|
107
|
+
color: transparent;
|
108
|
+
width: 100%;
|
109
|
+
height: 100%;
|
110
|
+
line-height: var(--_checkbox-size);
|
111
|
+
border-radius: inherit;
|
112
|
+
background-color: inherit;
|
113
|
+
transform: scale(1.4);
|
114
|
+
opacity: 0;
|
115
|
+
transition: transform 0.1s, opacity 0.8s;
|
116
|
+
}
|
117
|
+
|
118
|
+
/* Hover */
|
119
|
+
:host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part='checkbox'] {
|
120
|
+
background-color: var(--lumo-contrast-30pct);
|
121
|
+
}
|
122
|
+
|
123
|
+
/* Disable hover for touch devices */
|
124
|
+
@media (pointer: coarse) {
|
125
|
+
:host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part='checkbox'] {
|
126
|
+
background-color: var(--lumo-contrast-20pct);
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
/* Active */
|
131
|
+
:host([active]) [part='checkbox'] {
|
132
|
+
transform: scale(0.9);
|
133
|
+
transition-duration: 0.05s;
|
134
|
+
}
|
135
|
+
|
136
|
+
:host([active][checked]) [part='checkbox'] {
|
137
|
+
transform: scale(1.1);
|
138
|
+
}
|
139
|
+
|
140
|
+
:host([active]:not([checked])) [part='checkbox']::before {
|
141
|
+
transition-duration: 0.01s, 0.01s;
|
142
|
+
transform: scale(0);
|
143
|
+
opacity: 0.4;
|
144
|
+
}
|
145
|
+
`,{moduleId:"lumo-checkbox"});var r=o(4241),c=o(2521),i=o(4463),s=o(5767),n=o(6634),l=o(1014),h=o(6328),d=o(1598),p=o(4530),u=o(6326);const b=(0,l.o)((e=>class extends((0,h.A)((0,d.f)((0,u.J)(e)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(e){const t=e.target;this._toggleChecked(t.checked),(0,p.Qw)(t)||t.focus()}_toggleChecked(e){this.checked=e}}));var m=o(3208),k=o(6821),v=o(6729);const g=e=>class extends((0,k.h)(b((0,n.B)((0,s.D)(e))))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""}}}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 m.b(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new v.v(this.inputElement,this._labelController))}_shouldSetActive(e){return"a"!==e.target.localName&&super._shouldSetActive(e)}_toggleChecked(e){this.indeterminate&&(this.indeterminate=!1),super._toggleChecked(e)}},x=a.iv`
|
146
|
+
:host {
|
147
|
+
display: inline-block;
|
148
|
+
}
|
149
|
+
|
150
|
+
:host([hidden]) {
|
151
|
+
display: none !important;
|
152
|
+
}
|
153
|
+
|
154
|
+
:host([disabled]) {
|
155
|
+
-webkit-tap-highlight-color: transparent;
|
156
|
+
}
|
157
|
+
|
158
|
+
.vaadin-checkbox-container {
|
159
|
+
display: grid;
|
160
|
+
grid-template-columns: auto 1fr;
|
161
|
+
align-items: baseline;
|
162
|
+
}
|
163
|
+
|
164
|
+
[part='checkbox'],
|
165
|
+
::slotted(input),
|
166
|
+
::slotted(label) {
|
167
|
+
grid-row: 1;
|
168
|
+
}
|
169
|
+
|
170
|
+
[part='checkbox'],
|
171
|
+
::slotted(input) {
|
172
|
+
grid-column: 1;
|
173
|
+
}
|
174
|
+
|
175
|
+
[part='checkbox'] {
|
176
|
+
width: var(--vaadin-checkbox-size, 1em);
|
177
|
+
height: var(--vaadin-checkbox-size, 1em);
|
178
|
+
}
|
179
|
+
|
180
|
+
[part='checkbox']::before {
|
181
|
+
display: block;
|
182
|
+
content: '\\202F';
|
183
|
+
line-height: var(--vaadin-checkbox-size, 1em);
|
184
|
+
contain: paint;
|
185
|
+
}
|
186
|
+
|
187
|
+
/* visually hidden */
|
188
|
+
::slotted(input) {
|
189
|
+
opacity: 0;
|
190
|
+
cursor: inherit;
|
191
|
+
margin: 0;
|
192
|
+
align-self: stretch;
|
193
|
+
-webkit-appearance: none;
|
194
|
+
}
|
195
|
+
`;(0,a.hC)("vaadin-checkbox",x,{moduleId:"vaadin-checkbox-styles"});class f extends(g((0,c.S)((0,a.Tb)(r.H3)))){static get is(){return"vaadin-checkbox"}static get template(){return r.dy`
|
196
|
+
<div class="vaadin-checkbox-container">
|
197
|
+
<div part="checkbox" aria-hidden="true"></div>
|
198
|
+
<slot name="input"></slot>
|
199
|
+
<slot name="label"></slot>
|
200
|
+
</div>
|
201
|
+
<slot name="tooltip"></slot>
|
202
|
+
`}ready(){super.ready(),this._tooltipController=new i.f(this),this.addController(this._tooltipController)}}customElements.define(f.is,f)}}]);
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/**
|
2
|
+
* @license
|
3
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
5
|
+
*/
|
6
|
+
|
7
|
+
/**
|
8
|
+
* @license
|
9
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
10
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
11
|
+
*/
|