@descope/web-components-ui 1.0.419 → 1.0.420
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 +1439 -1353
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.esm.js +1983 -1091
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1172.js +240 -0
- package/dist/umd/{8162.js → 1396.js} +3 -3
- package/dist/umd/1402.js +1 -0
- package/dist/umd/1484.js +148 -0
- package/dist/umd/{5026.js → 189.js} +5 -117
- package/dist/umd/{6637.js → 201.js} +5 -5
- package/dist/umd/{1053.js → 2159.js} +13 -13
- package/dist/umd/2540.js +1 -0
- package/dist/umd/2570.js +338 -0
- package/dist/umd/2666.js +148 -0
- package/dist/umd/3110.js +275 -0
- package/dist/umd/{9167.js → 3191.js} +66 -12
- package/dist/umd/3437.js +2 -0
- package/dist/umd/{6418.js → 3638.js} +2 -2
- package/dist/umd/{7212.js → 404.js} +8 -8
- package/dist/umd/4114.js +124 -0
- package/dist/umd/{7607.js → 4127.js} +9 -9
- package/dist/umd/4187.js +2 -0
- package/dist/umd/4218.js +129 -0
- package/dist/umd/4455.js +422 -0
- package/dist/umd/4480.js +1 -1
- package/dist/umd/{5086.js → 4554.js} +5 -5
- package/dist/umd/{4834.js → 4574.js} +5 -5
- package/dist/umd/4619.js +1 -1
- package/dist/umd/4902.js +170 -0
- package/dist/umd/{5273.js → 507.js} +5 -5
- package/dist/umd/5096.js +109 -0
- package/dist/umd/5318.js +1 -0
- package/dist/umd/5414.js +2 -0
- package/dist/umd/5414.js.LICENSE.txt +1 -0
- package/dist/umd/{8164.js → 5563.js} +5 -5
- package/dist/umd/{7824.js → 7097.js} +5 -117
- package/dist/umd/7150.js +2 -0
- package/dist/umd/7150.js.LICENSE.txt +485 -0
- package/dist/umd/731.js +832 -0
- package/dist/umd/742.js +2 -0
- package/dist/umd/{351.js → 7979.js} +10 -10
- package/dist/umd/8823.js +1 -0
- package/dist/umd/{6474.js → 9030.js} +12 -12
- package/dist/umd/9243.js +202 -0
- package/dist/umd/9243.js.LICENSE.txt +51 -0
- package/dist/umd/{5443.js → 9478.js} +5 -117
- package/dist/umd/DescopeDev.js +1 -2
- 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/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
- package/dist/umd/descope-alert-index-js.js +1 -1
- package/dist/umd/descope-apps-list-index-js.js +1 -1
- package/dist/umd/descope-avatar.js +1 -0
- package/dist/umd/descope-button-index-js.js +4 -116
- package/dist/umd/descope-code-snippet-index-js.js +1 -1
- package/dist/umd/descope-combo-box-index-js.js +5 -5
- package/dist/umd/descope-date-field-descope-calendar-index-js.js +1 -1
- package/dist/umd/descope-date-field-index-js.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +4 -4
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +4 -4
- package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js +19 -4
- package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js.LICENSE.txt +12 -0
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +4 -4
- 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-icon-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-modal-index-js.js +1 -1
- package/dist/umd/descope-multi-select-combo-box-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-notification-descope-notification-card-index-js.js +1 -1
- package/dist/umd/descope-notification-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-password-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -1
- package/dist/umd/descope-scopes-list-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-text-area-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +2 -2
- package/dist/umd/descope-text.js +1 -0
- package/dist/umd/descope-third-party-app-logo-index-js.js +1 -1
- 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-index-js.js +7 -7
- package/node_modules/common/.eslintrc.json +18 -0
- package/node_modules/common/README.md +7 -0
- package/node_modules/common/package.json +34 -0
- package/node_modules/common/project.json +7 -0
- package/node_modules/common/src/baseClasses/baseClasses/createBaseClass.js +66 -0
- package/node_modules/common/src/baseClasses/baseClasses/createBaseInputClass.js +14 -0
- package/node_modules/common/src/baseClasses/baseClasses/createCssVarImageClass.js +55 -0
- package/node_modules/common/src/baseClasses/index.js +3 -0
- package/node_modules/common/src/componentsHelpers/index.js +95 -0
- package/node_modules/common/src/componentsMixins/helpers/mixinsHelpers.js +10 -0
- package/node_modules/common/src/componentsMixins/index.js +1 -0
- package/node_modules/common/src/componentsMixins/mixins/activableMixin.js +14 -0
- package/node_modules/common/src/componentsMixins/mixins/changeMixin.js +22 -0
- package/node_modules/common/src/componentsMixins/mixins/componentNameValidationMixin.js +23 -0
- package/node_modules/common/src/componentsMixins/mixins/componentsContextMixin.js +12 -0
- package/node_modules/common/src/componentsMixins/mixins/createDynamicDataMixin.js +100 -0
- package/node_modules/common/src/componentsMixins/mixins/createProxy.js +58 -0
- package/node_modules/common/src/componentsMixins/mixins/createStyleMixin/helpers.js +106 -0
- package/node_modules/common/src/componentsMixins/mixins/createStyleMixin/index.js +167 -0
- package/node_modules/common/src/componentsMixins/mixins/draggableMixin.js +62 -0
- package/node_modules/common/src/componentsMixins/mixins/externalInputHelpers.js +93 -0
- package/node_modules/common/src/componentsMixins/mixins/externalInputMixin.js +170 -0
- package/node_modules/common/src/componentsMixins/mixins/hoverableMixin.js +13 -0
- package/node_modules/common/src/componentsMixins/mixins/index.js +14 -0
- package/node_modules/common/src/componentsMixins/mixins/inputEventsDispatchingMixin.js +76 -0
- package/node_modules/common/src/componentsMixins/mixins/inputValidationMixin.js +210 -0
- package/node_modules/common/src/componentsMixins/mixins/lifecycleEventsMixin.js +23 -0
- package/node_modules/common/src/componentsMixins/mixins/normalizeBooleanAttributesMixin.js +57 -0
- package/node_modules/common/src/componentsMixins/mixins/portalMixin.js +112 -0
- package/node_modules/common/src/componentsMixins/mixins/proxyInputMixin.js +242 -0
- package/node_modules/common/src/constants.js +4 -0
- package/node_modules/common/src/icons/errorMessageIconBase64.js +1 -0
- package/node_modules/common/src/sbControls.js +302 -0
- package/node_modules/common/src/themeHelpers/colorsHelpers.js +94 -0
- package/node_modules/common/src/themeHelpers/index.js +176 -0
- package/node_modules/common/src/utils/index.js +68 -0
- package/node_modules/descope-avatar/e2e/descope-avatar.spec.ts +54 -0
- package/node_modules/descope-avatar/package.json +34 -0
- package/node_modules/descope-avatar/project.json +7 -0
- package/{src/components/descope-avatar → node_modules/descope-avatar/src/component}/AvatarClass.js +4 -4
- package/{src/theme/components/avatar.js → node_modules/descope-avatar/src/theme.js} +3 -3
- package/node_modules/descope-avatar/stories/avatar.jpeg +0 -0
- package/node_modules/descope-avatar/stories/descope-avatar.stories.js +32 -0
- package/node_modules/descope-text/e2e/descope-text.spec.ts +35 -0
- package/node_modules/descope-text/package.json +31 -0
- package/node_modules/descope-text/project.json +7 -0
- package/{src/components/descope-text → node_modules/descope-text/src/component}/TextClass.js +4 -4
- package/{src/theme/components/text.js → node_modules/descope-text/src/theme.js} +3 -3
- package/node_modules/descope-text/stories/descope-text.stories.js +55 -0
- package/package.json +52 -43
- package/src/components/descope-apps-list/AppsListClass.js +1 -1
- package/src/components/descope-apps-list/index.js +2 -2
- package/src/components/descope-divider/DividerClass.js +1 -1
- package/src/components/descope-divider/index.js +1 -1
- package/src/components/descope-link/LinkClass.js +1 -1
- package/src/components/descope-link/index.js +1 -1
- package/src/components/descope-security-questions-verify/SecurityQuestionsVerifyClass.js +1 -1
- package/src/components/descope-security-questions-verify/index.js +1 -1
- package/src/components/descope-user-attribute/UserAttributeClass.js +1 -1
- package/src/components/descope-user-attribute/index.js +1 -1
- package/src/components/descope-user-auth-method/UserAuthMethodClass.js +1 -1
- package/src/components/descope-user-auth-method/index.js +1 -1
- package/src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js +1 -1
- package/src/components/mapping-fields/descope-mappings-field/index.js +1 -1
- package/src/helpers/themeHelpers/index.js +1 -1
- package/src/index.cjs.js +2 -2
- package/src/index.d.ts +0 -2
- package/src/index.js +2 -2
- package/src/index.umd.js +3 -1
- package/src/mixins/createStyleMixin/index.js +1 -1
- package/src/theme/components/alert.js +1 -1
- package/src/theme/components/comboBox.js +2 -2
- package/src/theme/components/enrichedText.js +1 -1
- package/src/theme/components/index.js +2 -2
- package/dist/umd/1033.js +0 -2
- package/dist/umd/1414.js +0 -352
- package/dist/umd/1437.js +0 -422
- package/dist/umd/1672.js +0 -1
- package/dist/umd/2566.js +0 -2
- package/dist/umd/2838.js +0 -2
- package/dist/umd/2838.js.LICENSE.txt +0 -1
- package/dist/umd/286.js +0 -148
- package/dist/umd/2919.js +0 -832
- package/dist/umd/3222.js +0 -282
- package/dist/umd/3607.js +0 -2
- package/dist/umd/3711.js +0 -123
- package/dist/umd/5412.js +0 -109
- package/dist/umd/650.js +0 -1
- package/dist/umd/6726.js +0 -148
- package/dist/umd/7407.js +0 -450
- package/dist/umd/8980.js +0 -143
- package/dist/umd/8980.js.LICENSE.txt +0 -29
- package/dist/umd/9632.js +0 -275
- package/dist/umd/9878.js +0 -1
- package/dist/umd/9895.js +0 -17
- package/dist/umd/DescopeDev.js.LICENSE.txt +0 -1
- package/dist/umd/bcdfe87ae253c2cf789c9a737f8d8c22.woff +0 -0
- package/dist/umd/descope-avatar-index-js.js +0 -1
- package/dist/umd/descope-text-index-js.js +0 -1
- /package/dist/umd/{1414.js.LICENSE.txt → 1172.js.LICENSE.txt} +0 -0
- /package/dist/umd/{1437.js.LICENSE.txt → 1396.js.LICENSE.txt} +0 -0
- /package/dist/umd/{6726.js.LICENSE.txt → 1484.js.LICENSE.txt} +0 -0
- /package/dist/umd/{286.js.LICENSE.txt → 189.js.LICENSE.txt} +0 -0
- /package/dist/umd/{6637.js.LICENSE.txt → 201.js.LICENSE.txt} +0 -0
- /package/dist/umd/{1053.js.LICENSE.txt → 2159.js.LICENSE.txt} +0 -0
- /package/dist/umd/{351.js.LICENSE.txt → 2570.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5026.js.LICENSE.txt → 2666.js.LICENSE.txt} +0 -0
- /package/dist/umd/{9632.js.LICENSE.txt → 3110.js.LICENSE.txt} +0 -0
- /package/dist/umd/{9167.js.LICENSE.txt → 3191.js.LICENSE.txt} +0 -0
- /package/dist/umd/{1033.js.LICENSE.txt → 3437.js.LICENSE.txt} +0 -0
- /package/dist/umd/{6418.js.LICENSE.txt → 3638.js.LICENSE.txt} +0 -0
- /package/dist/umd/{7212.js.LICENSE.txt → 404.js.LICENSE.txt} +0 -0
- /package/dist/umd/{3711.js.LICENSE.txt → 4114.js.LICENSE.txt} +0 -0
- /package/dist/umd/{7607.js.LICENSE.txt → 4127.js.LICENSE.txt} +0 -0
- /package/dist/umd/{3607.js.LICENSE.txt → 4187.js.LICENSE.txt} +0 -0
- /package/dist/umd/{3222.js.LICENSE.txt → 4218.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5086.js.LICENSE.txt → 4455.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5273.js.LICENSE.txt → 4554.js.LICENSE.txt} +0 -0
- /package/dist/umd/{4834.js.LICENSE.txt → 4574.js.LICENSE.txt} +0 -0
- /package/dist/umd/{9895.js.LICENSE.txt → 4902.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5443.js.LICENSE.txt → 507.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5412.js.LICENSE.txt → 5096.js.LICENSE.txt} +0 -0
- /package/dist/umd/{8164.js.LICENSE.txt → 5563.js.LICENSE.txt} +0 -0
- /package/dist/umd/{7407.js.LICENSE.txt → 7097.js.LICENSE.txt} +0 -0
- /package/dist/umd/{2919.js.LICENSE.txt → 731.js.LICENSE.txt} +0 -0
- /package/dist/umd/{2566.js.LICENSE.txt → 742.js.LICENSE.txt} +0 -0
- /package/dist/umd/{7824.js.LICENSE.txt → 7979.js.LICENSE.txt} +0 -0
- /package/dist/umd/{6474.js.LICENSE.txt → 9030.js.LICENSE.txt} +0 -0
- /package/dist/umd/{8162.js.LICENSE.txt → 9478.js.LICENSE.txt} +0 -0
- /package/{src/helpers → node_modules/common/src}/themeHelpers/componentsThemeManager.js +0 -0
- /package/{src/components/descope-avatar → node_modules/descope-avatar/src/component}/index.js +0 -0
- /package/{src/components/descope-text → node_modules/descope-text/src/component}/index.js +0 -0
package/dist/umd/2570.js
ADDED
@@ -0,0 +1,338 @@
|
|
1
|
+
/*! For license information please see 2570.js.LICENSE.txt */
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[189,2570,7097,9478],{74075:(t,e,o)=>{o.d(e,{i:()=>r});const r=(0,o(75035).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()}}))},79258:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(75035).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){}}))},45898:(t,e,o)=>{o.d(e,{l:()=>a});var r=o(74075);const a=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)}}},84312:(t,e,o)=>{o.d(e,{$:()=>b});var r=o(98633),a=o(56096),i=o(65211),n=o(27150),s=o(83798),l=o(57224);const c=o(44720).AH`
|
3
|
+
:host {
|
4
|
+
display: inline-block;
|
5
|
+
position: relative;
|
6
|
+
outline: none;
|
7
|
+
white-space: nowrap;
|
8
|
+
-webkit-user-select: none;
|
9
|
+
-moz-user-select: none;
|
10
|
+
user-select: none;
|
11
|
+
}
|
12
|
+
|
13
|
+
:host([hidden]) {
|
14
|
+
display: none !important;
|
15
|
+
}
|
16
|
+
|
17
|
+
/* Aligns the button with form fields when placed on the same line.
|
18
|
+
Note, to make it work, the form fields should have the same "::before" pseudo-element. */
|
19
|
+
.vaadin-button-container::before {
|
20
|
+
content: '\\2003';
|
21
|
+
display: inline-block;
|
22
|
+
width: 0;
|
23
|
+
max-height: 100%;
|
24
|
+
}
|
25
|
+
|
26
|
+
.vaadin-button-container {
|
27
|
+
display: inline-flex;
|
28
|
+
align-items: center;
|
29
|
+
justify-content: center;
|
30
|
+
text-align: center;
|
31
|
+
width: 100%;
|
32
|
+
height: 100%;
|
33
|
+
min-height: inherit;
|
34
|
+
text-shadow: inherit;
|
35
|
+
}
|
36
|
+
|
37
|
+
[part='prefix'],
|
38
|
+
[part='suffix'] {
|
39
|
+
flex: none;
|
40
|
+
}
|
41
|
+
|
42
|
+
[part='label'] {
|
43
|
+
white-space: nowrap;
|
44
|
+
overflow: hidden;
|
45
|
+
text-overflow: ellipsis;
|
46
|
+
}
|
47
|
+
|
48
|
+
@media (forced-colors: active) {
|
49
|
+
:host {
|
50
|
+
outline: 1px solid;
|
51
|
+
outline-offset: -1px;
|
52
|
+
}
|
53
|
+
|
54
|
+
:host([focused]) {
|
55
|
+
outline-width: 2px;
|
56
|
+
}
|
57
|
+
|
58
|
+
:host([disabled]) {
|
59
|
+
outline-color: GrayText;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
`;var d=o(63437),u=o(73595),h=o(45898);const m=t=>class extends((0,d.e)((0,h.l)((0,u.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,n.q)((0,l.cp)((0,a.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
|
63
|
+
<div class="vaadin-button-container">
|
64
|
+
<span part="prefix" aria-hidden="true">
|
65
|
+
<slot name="prefix"></slot>
|
66
|
+
</span>
|
67
|
+
<span part="label">
|
68
|
+
<slot></slot>
|
69
|
+
</span>
|
70
|
+
<span part="suffix" aria-hidden="true">
|
71
|
+
<slot name="suffix"></slot>
|
72
|
+
</span>
|
73
|
+
</div>
|
74
|
+
<slot name="tooltip"></slot>
|
75
|
+
`}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(b)},89685:(t,e,o)=>{o.d(e,{x:()=>a}),o(44497),o(4082),o(19155),o(40999),o(52301);var r=o(57224);const a=r.AH`
|
76
|
+
:host {
|
77
|
+
/* Sizing */
|
78
|
+
--lumo-button-size: var(--lumo-size-m);
|
79
|
+
min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));
|
80
|
+
height: var(--_button-size);
|
81
|
+
padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));
|
82
|
+
margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);
|
83
|
+
box-sizing: border-box;
|
84
|
+
/* Style */
|
85
|
+
font-family: var(--lumo-font-family);
|
86
|
+
font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));
|
87
|
+
font-weight: var(--vaadin-button-font-weight, 500);
|
88
|
+
color: var(--_lumo-button-text-color);
|
89
|
+
background: var(--_lumo-button-background);
|
90
|
+
border: var(--vaadin-button-border, none);
|
91
|
+
border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));
|
92
|
+
cursor: var(--lumo-clickable-cursor);
|
93
|
+
-webkit-tap-highlight-color: transparent;
|
94
|
+
-webkit-font-smoothing: antialiased;
|
95
|
+
-moz-osx-font-smoothing: grayscale;
|
96
|
+
flex-shrink: 0;
|
97
|
+
--_button-size: var(--vaadin-button-height, var(--lumo-button-size));
|
98
|
+
--_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
|
99
|
+
--_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
|
100
|
+
/* Used by notification */
|
101
|
+
--_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));
|
102
|
+
--_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));
|
103
|
+
--_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));
|
104
|
+
--_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));
|
105
|
+
}
|
106
|
+
|
107
|
+
/* Set only for the internal parts so we don't affect the host vertical alignment */
|
108
|
+
[part='label'],
|
109
|
+
[part='prefix'],
|
110
|
+
[part='suffix'] {
|
111
|
+
line-height: var(--lumo-line-height-xs);
|
112
|
+
}
|
113
|
+
|
114
|
+
[part='label'] {
|
115
|
+
padding: calc(var(--lumo-button-size) / 6) 0;
|
116
|
+
}
|
117
|
+
|
118
|
+
:host([theme~='small']) {
|
119
|
+
font-size: var(--lumo-font-size-s);
|
120
|
+
--lumo-button-size: var(--lumo-size-s);
|
121
|
+
}
|
122
|
+
|
123
|
+
:host([theme~='large']) {
|
124
|
+
font-size: var(--lumo-font-size-l);
|
125
|
+
--lumo-button-size: var(--lumo-size-l);
|
126
|
+
}
|
127
|
+
|
128
|
+
/* For interaction states */
|
129
|
+
:host::before,
|
130
|
+
:host::after {
|
131
|
+
content: '';
|
132
|
+
/* We rely on the host always being relative */
|
133
|
+
position: absolute;
|
134
|
+
z-index: 1;
|
135
|
+
inset: 0;
|
136
|
+
background-color: currentColor;
|
137
|
+
border-radius: inherit;
|
138
|
+
opacity: 0;
|
139
|
+
pointer-events: none;
|
140
|
+
}
|
141
|
+
|
142
|
+
/* Hover */
|
143
|
+
|
144
|
+
@media (any-hover: hover) {
|
145
|
+
:host(:hover)::before {
|
146
|
+
opacity: 0.02;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
|
150
|
+
/* Active */
|
151
|
+
|
152
|
+
:host::after {
|
153
|
+
transition: opacity 1.4s, transform 0.1s;
|
154
|
+
filter: blur(8px);
|
155
|
+
}
|
156
|
+
|
157
|
+
:host([active])::before {
|
158
|
+
opacity: 0.05;
|
159
|
+
transition-duration: 0s;
|
160
|
+
}
|
161
|
+
|
162
|
+
:host([active])::after {
|
163
|
+
opacity: 0.1;
|
164
|
+
transition-duration: 0s, 0s;
|
165
|
+
transform: scale(0);
|
166
|
+
}
|
167
|
+
|
168
|
+
/* Keyboard focus */
|
169
|
+
|
170
|
+
:host([focus-ring]) {
|
171
|
+
box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
|
172
|
+
}
|
173
|
+
|
174
|
+
:host([theme~='primary'][focus-ring]) {
|
175
|
+
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
176
|
+
}
|
177
|
+
|
178
|
+
/* Types (primary, tertiary, tertiary-inline */
|
179
|
+
|
180
|
+
:host([theme~='tertiary']),
|
181
|
+
:host([theme~='tertiary-inline']) {
|
182
|
+
--_background: transparent !important;
|
183
|
+
background: var(--vaadin-button-tertiary-background, var(--_background));
|
184
|
+
min-width: 0;
|
185
|
+
}
|
186
|
+
|
187
|
+
:host([theme~='tertiary']) {
|
188
|
+
border: var(--vaadin-button-tertiary-border, none);
|
189
|
+
color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));
|
190
|
+
font-weight: var(--vaadin-button-tertiary-font-weight, 500);
|
191
|
+
padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));
|
192
|
+
}
|
193
|
+
|
194
|
+
:host([theme~='tertiary-inline'])::before {
|
195
|
+
display: none;
|
196
|
+
}
|
197
|
+
|
198
|
+
:host([theme~='tertiary-inline']) {
|
199
|
+
margin: 0;
|
200
|
+
height: auto;
|
201
|
+
padding: 0;
|
202
|
+
line-height: inherit;
|
203
|
+
font-size: inherit;
|
204
|
+
}
|
205
|
+
|
206
|
+
:host([theme~='tertiary-inline']) [part='label'] {
|
207
|
+
padding: 0;
|
208
|
+
overflow: visible;
|
209
|
+
line-height: inherit;
|
210
|
+
}
|
211
|
+
|
212
|
+
:host([theme~='primary']) {
|
213
|
+
background: var(--_lumo-button-primary-background);
|
214
|
+
border: var(--vaadin-button-primary-border, none);
|
215
|
+
color: var(--_lumo-button-primary-text-color);
|
216
|
+
font-weight: var(--vaadin-button-primary-font-weight, 600);
|
217
|
+
min-width: calc(var(--lumo-button-size) * 2.5);
|
218
|
+
}
|
219
|
+
|
220
|
+
:host([theme~='primary'])::before {
|
221
|
+
background-color: black;
|
222
|
+
}
|
223
|
+
|
224
|
+
@media (any-hover: hover) {
|
225
|
+
:host([theme~='primary']:hover)::before {
|
226
|
+
opacity: 0.05;
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
:host([theme~='primary'][active])::before {
|
231
|
+
opacity: 0.1;
|
232
|
+
}
|
233
|
+
|
234
|
+
:host([theme~='primary'][active])::after {
|
235
|
+
opacity: 0.2;
|
236
|
+
}
|
237
|
+
|
238
|
+
/* Colors (success, error, contrast) */
|
239
|
+
|
240
|
+
:host([theme~='success']) {
|
241
|
+
color: var(--lumo-success-text-color);
|
242
|
+
}
|
243
|
+
|
244
|
+
:host([theme~='success'][theme~='primary']) {
|
245
|
+
background-color: var(--lumo-success-color);
|
246
|
+
color: var(--lumo-success-contrast-color);
|
247
|
+
}
|
248
|
+
|
249
|
+
:host([theme~='error']) {
|
250
|
+
color: var(--lumo-error-text-color);
|
251
|
+
}
|
252
|
+
|
253
|
+
:host([theme~='error'][theme~='primary']) {
|
254
|
+
background-color: var(--lumo-error-color);
|
255
|
+
color: var(--lumo-error-contrast-color);
|
256
|
+
}
|
257
|
+
|
258
|
+
:host([theme~='contrast']) {
|
259
|
+
color: var(--lumo-contrast);
|
260
|
+
}
|
261
|
+
|
262
|
+
:host([theme~='contrast'][theme~='primary']) {
|
263
|
+
background-color: var(--lumo-contrast);
|
264
|
+
color: var(--lumo-base-color);
|
265
|
+
}
|
266
|
+
|
267
|
+
/* Disabled state. Keep selectors after other color variants. */
|
268
|
+
|
269
|
+
:host([disabled]) {
|
270
|
+
pointer-events: none;
|
271
|
+
color: var(--lumo-disabled-text-color);
|
272
|
+
}
|
273
|
+
|
274
|
+
:host([theme~='primary'][disabled]) {
|
275
|
+
background-color: var(--lumo-contrast-30pct);
|
276
|
+
color: var(--lumo-base-color);
|
277
|
+
}
|
278
|
+
|
279
|
+
:host([theme~='primary'][disabled]) [part] {
|
280
|
+
opacity: 0.7;
|
281
|
+
}
|
282
|
+
|
283
|
+
/* Icons */
|
284
|
+
|
285
|
+
[part] ::slotted(vaadin-icon) {
|
286
|
+
display: inline-block;
|
287
|
+
width: var(--lumo-icon-size-m);
|
288
|
+
height: var(--lumo-icon-size-m);
|
289
|
+
}
|
290
|
+
|
291
|
+
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
292
|
+
[part] ::slotted(vaadin-icon[icon^='vaadin:']) {
|
293
|
+
padding: 0.25em;
|
294
|
+
box-sizing: border-box !important;
|
295
|
+
}
|
296
|
+
|
297
|
+
[part='prefix'] {
|
298
|
+
margin-left: -0.25em;
|
299
|
+
margin-right: 0.25em;
|
300
|
+
}
|
301
|
+
|
302
|
+
[part='suffix'] {
|
303
|
+
margin-left: 0.25em;
|
304
|
+
margin-right: -0.25em;
|
305
|
+
}
|
306
|
+
|
307
|
+
/* Icon-only */
|
308
|
+
|
309
|
+
:host([theme~='icon']:not([theme~='tertiary-inline'])) {
|
310
|
+
min-width: var(--lumo-button-size);
|
311
|
+
padding-left: calc(var(--lumo-button-size) / 4);
|
312
|
+
padding-right: calc(var(--lumo-button-size) / 4);
|
313
|
+
}
|
314
|
+
|
315
|
+
:host([theme~='icon']) [part='prefix'],
|
316
|
+
:host([theme~='icon']) [part='suffix'] {
|
317
|
+
margin-left: 0;
|
318
|
+
margin-right: 0;
|
319
|
+
}
|
320
|
+
|
321
|
+
/* RTL specific styles */
|
322
|
+
|
323
|
+
:host([dir='rtl']) [part='prefix'] {
|
324
|
+
margin-left: 0.25em;
|
325
|
+
margin-right: -0.25em;
|
326
|
+
}
|
327
|
+
|
328
|
+
:host([dir='rtl']) [part='suffix'] {
|
329
|
+
margin-left: -0.25em;
|
330
|
+
margin-right: 0.25em;
|
331
|
+
}
|
332
|
+
|
333
|
+
:host([dir='rtl'][theme~='icon']) [part='prefix'],
|
334
|
+
:host([dir='rtl'][theme~='icon']) [part='suffix'] {
|
335
|
+
margin-left: 0;
|
336
|
+
margin-right: 0;
|
337
|
+
}
|
338
|
+
`;(0,r.SF)("vaadin-button",a,{moduleId:"lumo-button"})},55093:(t,e,o)=>{o(89685),o(84312)},14310:(t,e,o)=>{o.d(e,{CI:()=>u,H8:()=>n,gm:()=>s,m0:()=>i,nr:()=>d,un:()=>c});const r=t=>t.test(navigator.userAgent),a=t=>t.test(navigator.platform),i=r(/Android/u),n=r(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=r(/Firefox/u),l=a(/^iPad/u)||a(/^Mac/u)&&navigator.maxTouchPoints>1,c=a(/^iPhone/u)||l,d=r(/^((?!chrome|android).)*safari/iu),u=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},90975:(t,e,o)=>{o.d(e,{C:()=>i});var r=o(75035);const a=new WeakMap,i=(0,r.y)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return a.has(t)||a.set(t,new Set),a.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))}}]);
|
package/dist/umd/2666.js
ADDED
@@ -0,0 +1,148 @@
|
|
1
|
+
/*! For license information please see 2666.js.LICENSE.txt */
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2666],{83196:(t,e,a)=>{a.d(e,{U:()=>r});var i=a(75035);const n=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.resizables?t.target.resizables.forEach((e=>{e._onResize(t.contentRect)})):t.target._onResize(t.contentRect)}))}))})),r=(0,i.y)((t=>class extends t{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),n.observe(this),this._observeParent){const t=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;t.resizables||(t.resizables=new Set,n.observe(t)),t.resizables.add(this),this.__parent=t}}disconnectedCallback(){super.disconnectedCallback(),n.unobserve(this);const t=this.__parent;if(this._observeParent&&t){const e=t.resizables;e&&(e.delete(this),0===e.size&&n.unobserve(t)),this.__parent=null}}_onResize(t){}}))},60978:(t,e,a)=>{a.d(e,{a:()=>n});var i=a(60354);const n=t=>class extends((0,i.R)(t)){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(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},62666:(t,e,a)=>{a(67239),a(44497),a(4082),a(52301);var i=a(80704),n=a(57224);const r=n.AH`
|
3
|
+
[part='input-field'],
|
4
|
+
[part='input-field'] ::slotted(textarea) {
|
5
|
+
height: auto;
|
6
|
+
box-sizing: border-box;
|
7
|
+
}
|
8
|
+
|
9
|
+
[part='input-field'] {
|
10
|
+
/* Equal to the implicit padding in vaadin-text-field */
|
11
|
+
padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);
|
12
|
+
padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);
|
13
|
+
transition: background-color 0.1s;
|
14
|
+
line-height: var(--lumo-line-height-s);
|
15
|
+
}
|
16
|
+
|
17
|
+
:host(:not([readonly])) [part='input-field']::after {
|
18
|
+
display: none;
|
19
|
+
}
|
20
|
+
|
21
|
+
:host([readonly]) [part='input-field'] {
|
22
|
+
border: 1px dashed var(--lumo-contrast-30pct);
|
23
|
+
}
|
24
|
+
|
25
|
+
:host([readonly]) [part='input-field']::after {
|
26
|
+
border: none;
|
27
|
+
}
|
28
|
+
|
29
|
+
:host(:hover:not([readonly]):not([focused]):not([invalid])) [part='input-field'] {
|
30
|
+
background-color: var(--lumo-contrast-20pct);
|
31
|
+
}
|
32
|
+
|
33
|
+
@media (pointer: coarse) {
|
34
|
+
:host(:hover:not([readonly]):not([focused]):not([invalid])) [part='input-field'] {
|
35
|
+
background-color: var(--lumo-contrast-10pct);
|
36
|
+
}
|
37
|
+
|
38
|
+
:host(:active:not([readonly]):not([focused])) [part='input-field'] {
|
39
|
+
background-color: var(--lumo-contrast-20pct);
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
[part='input-field'] ::slotted(textarea) {
|
44
|
+
line-height: inherit;
|
45
|
+
--_lumo-text-field-overflow-mask-image: none;
|
46
|
+
}
|
47
|
+
|
48
|
+
/* Vertically align icon prefix/suffix with the first line of text */
|
49
|
+
[part='input-field'] ::slotted(vaadin-icon) {
|
50
|
+
margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);
|
51
|
+
}
|
52
|
+
`;(0,n.SF)("vaadin-text-area",[i.k,r],{moduleId:"lumo-text-area"}),a(94009);var o=a(98633),s=a(65211),l=a(27150),d=a(83798),p=a(9685),u=a(83196),h=a(60978),c=a(19074),v=a(95925);class m extends v.r{constructor(t,e){super(t,"textarea","textarea",{initializer:(t,a)=>{const i=a.getAttribute("value");i&&(t.value=i);const n=a.getAttribute("name");n&&t.setAttribute("name",n),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}const g=t=>class extends((0,u.U)((0,h.a)(t))){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"]}get clearElement(){return this.$.clearButton}_onResize(){this._updateHeight(),this.__scrollPositionUpdated()}_onScroll(){this.__scrollPositionUpdated()}ready(){super.ready(),this.addController(new m(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.q(this.inputElement,this._labelController)),this.addEventListener("animationend",this._onAnimationEnd),this._inputField=this.shadowRoot.querySelector("[part=input-field]"),this._inputField.addEventListener("wheel",(t=>{const e=this._inputField.scrollTop;this._inputField.scrollTop+=t.deltaY,e!==this._inputField.scrollTop&&(t.preventDefault(),this.__scrollPositionUpdated())})),this._updateHeight(),this.__scrollPositionUpdated()}__scrollPositionUpdated(){this._inputField.style.setProperty("--_text-area-vertical-scroll-position","0px"),this._inputField.style.setProperty("--_text-area-vertical-scroll-position",`${this._inputField.scrollTop}px`)}_onAnimationEnd(t){0===t.animationName.indexOf("vaadin-text-area-appear")&&this._updateHeight()}_valueChanged(t,e){super._valueChanged(t,e),this._updateHeight()}_updateHeight(){const t=this.inputElement,e=this._inputField;if(!t||!e)return;const a=e.scrollTop,i=this.value?this.value.length:0;if(this._oldValueLength>=i){const a=getComputedStyle(e).height,i=getComputedStyle(t).width;e.style.display="block",e.style.height=a,t.style.maxWidth=i,t.style.height="auto"}this._oldValueLength=i;const n=t.scrollHeight;n>t.clientHeight&&(t.style.height=`${n}px`),t.style.removeProperty("max-width"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=a}checkValidity(){if(!super.checkValidity())return!1;if(!this.pattern||!this.inputElement.value)return!0;try{const t=this.inputElement.value.match(this.pattern);return!!t&&t[0]===t.input}catch(t){return!0}}},_=a(44720).AH`
|
53
|
+
:host {
|
54
|
+
animation: 1ms vaadin-text-area-appear;
|
55
|
+
}
|
56
|
+
|
57
|
+
.vaadin-text-area-container {
|
58
|
+
flex: auto;
|
59
|
+
}
|
60
|
+
|
61
|
+
/* The label, helper text and the error message should neither grow nor shrink. */
|
62
|
+
[part='label'],
|
63
|
+
[part='helper-text'],
|
64
|
+
[part='error-message'] {
|
65
|
+
flex: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
[part='input-field'] {
|
69
|
+
flex: auto;
|
70
|
+
overflow: auto;
|
71
|
+
-webkit-overflow-scrolling: touch;
|
72
|
+
}
|
73
|
+
|
74
|
+
::slotted(textarea) {
|
75
|
+
-webkit-appearance: none;
|
76
|
+
-moz-appearance: none;
|
77
|
+
flex: auto;
|
78
|
+
overflow: hidden;
|
79
|
+
width: 100%;
|
80
|
+
height: 100%;
|
81
|
+
outline: none;
|
82
|
+
resize: none;
|
83
|
+
margin: 0;
|
84
|
+
padding: 0 0.25em;
|
85
|
+
border: 0;
|
86
|
+
border-radius: 0;
|
87
|
+
min-width: 0;
|
88
|
+
font: inherit;
|
89
|
+
font-size: 1em;
|
90
|
+
line-height: normal;
|
91
|
+
color: inherit;
|
92
|
+
background-color: transparent;
|
93
|
+
/* Disable default invalid style in Firefox */
|
94
|
+
box-shadow: none;
|
95
|
+
}
|
96
|
+
|
97
|
+
/* Override styles from <vaadin-input-container> */
|
98
|
+
[part='input-field'] ::slotted(textarea) {
|
99
|
+
align-self: stretch;
|
100
|
+
white-space: pre-wrap;
|
101
|
+
}
|
102
|
+
|
103
|
+
[part='input-field'] ::slotted(:not(textarea)) {
|
104
|
+
align-self: flex-start;
|
105
|
+
}
|
106
|
+
|
107
|
+
/* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */
|
108
|
+
:host([disabled]) ::slotted(textarea) {
|
109
|
+
user-select: none;
|
110
|
+
}
|
111
|
+
|
112
|
+
@keyframes vaadin-text-area-appear {
|
113
|
+
to {
|
114
|
+
opacity: 1;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
`;(0,n.SF)("vaadin-text-area",[p.k,_],{moduleId:"vaadin-text-area-styles"});class f extends(g((0,n.cp)((0,l.q)(o.Pu)))){static get is(){return"vaadin-text-area"}static get template(){return o.qy`
|
118
|
+
<div class="vaadin-text-area-container">
|
119
|
+
<div part="label">
|
120
|
+
<slot name="label"></slot>
|
121
|
+
<span part="required-indicator" aria-hidden="true"></span>
|
122
|
+
</div>
|
123
|
+
|
124
|
+
<vaadin-input-container
|
125
|
+
part="input-field"
|
126
|
+
readonly="[[readonly]]"
|
127
|
+
disabled="[[disabled]]"
|
128
|
+
invalid="[[invalid]]"
|
129
|
+
theme$="[[_theme]]"
|
130
|
+
on-scroll="_onScroll"
|
131
|
+
>
|
132
|
+
<slot name="prefix" slot="prefix"></slot>
|
133
|
+
<slot name="textarea"></slot>
|
134
|
+
<slot name="suffix" slot="suffix"></slot>
|
135
|
+
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
136
|
+
</vaadin-input-container>
|
137
|
+
|
138
|
+
<div part="helper-text">
|
139
|
+
<slot name="helper"></slot>
|
140
|
+
</div>
|
141
|
+
|
142
|
+
<div part="error-message">
|
143
|
+
<slot name="error-message"></slot>
|
144
|
+
</div>
|
145
|
+
</div>
|
146
|
+
|
147
|
+
<slot name="tooltip"></slot>
|
148
|
+
`}ready(){super.ready(),this._tooltipController=new d.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,s.X)(f)}}]);
|