@descope/web-components-ui 1.0.160 → 1.0.162
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +125 -122
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +125 -122
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-combo-box-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-combo-box/ComboBoxClass.js +4 -5
- package/src/theme/components/loader/loaderRadial.js +22 -19
@@ -1 +1 @@
|
|
1
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[9483],{4049:(t,e,o)=>{o.d(e,{H:()=>g,f:()=>l});var r=o(2061),n=o(4567),i=o(4201),a=o(1e3);const l=(0,n.iY)("combo-box"),{host:p,inputField:d,inputElement:s,placeholder:c,toggle:u,label:b,requiredIndicator:h,helperText:y,errorMessage:m}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},g=(0,r.qC)((0,a.yk)({mappings:{hostWidth:{...p,property:"width"},fontSize:[{},p],fontFamily:[b,c,d,y,m],labelTextColor:[{...b,property:"color"},{...h,property:"color"}],errorMessageTextColor:{...m,property:"color"},inputHeight:{...d,property:"height"},inputBackgroundColor:{...d,property:"background-color"},inputBorderColor:{...d,property:"border-color"},inputBorderWidth:{...d,property:"border-width"},inputBorderStyle:{...d,property:"border-style"},inputBorderRadius:{...d,property:"border-radius"},labelRequiredIndicator:{...h,property:"content"},inputValueTextColor:{...d,property:"color"},inputPlaceholderTextColor:{...c,property:"color"},inputDropdownButtonCursor:{...u,property:"cursor"},inputDropdownButtonColor:{...u,property:"color"},inputDropdownButtonSize:{...u,property:"font-size"},inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...d,property:"outline-color"},inputOutlineWidth:{...d,property:"outline-width"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputHorizontalPadding:[{...s,property:"padding-left"},{...s,property:"padding-right"}],overlayBackground:{property:()=>g.cssVarList.overlay.backgroundColor},overlayBorder:{property:()=>g.cssVarList.overlay.border}}}),a.e4,(0,a.Iw)({name:"overlay",selector:"",mappings:{backgroundColor:{selector:"vaadin-combo-box-scroller"},cursor:{selector:"vaadin-combo-box-item"},minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},fontFamily:{selector:"vaadin-combo-box-item"}},forward:{include:!1,attributes:["size"]}}),a.dj,a.Ae,(t=>class extends t{#t(){const t=this.shadowRoot.querySelector(this.baseSelector),e=Array.from(this.children);e.length&&(e.forEach((t=>{Object.defineProperty(t,"data-name",{value:t.getAttribute("data-name")}),Object.defineProperty(t,"data-id",{value:t.getAttribute("data-id")})})),t.items=e,t.renderer=(t,e,o)=>{t.innerHTML=o.item.outerHTML})}#e(){const t=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");t._attachOverlay=()=>{
|
1
|
+
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[9483],{4049:(t,e,o)=>{o.d(e,{H:()=>g,f:()=>l});var r=o(2061),n=o(4567),i=o(4201),a=o(1e3);const l=(0,n.iY)("combo-box"),{host:p,inputField:d,inputElement:s,placeholder:c,toggle:u,label:b,requiredIndicator:h,helperText:y,errorMessage:m}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},g=(0,r.qC)((0,a.yk)({mappings:{hostWidth:{...p,property:"width"},fontSize:[{},p],fontFamily:[b,c,d,y,m],labelTextColor:[{...b,property:"color"},{...h,property:"color"}],errorMessageTextColor:{...m,property:"color"},inputHeight:{...d,property:"height"},inputBackgroundColor:{...d,property:"background-color"},inputBorderColor:{...d,property:"border-color"},inputBorderWidth:{...d,property:"border-width"},inputBorderStyle:{...d,property:"border-style"},inputBorderRadius:{...d,property:"border-radius"},labelRequiredIndicator:{...h,property:"content"},inputValueTextColor:{...d,property:"color"},inputPlaceholderTextColor:{...c,property:"color"},inputDropdownButtonCursor:{...u,property:"cursor"},inputDropdownButtonColor:{...u,property:"color"},inputDropdownButtonSize:{...u,property:"font-size"},inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...d,property:"outline-color"},inputOutlineWidth:{...d,property:"outline-width"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputHorizontalPadding:[{...s,property:"padding-left"},{...s,property:"padding-right"}],overlayBackground:{property:()=>g.cssVarList.overlay.backgroundColor},overlayBorder:{property:()=>g.cssVarList.overlay.border}}}),a.e4,(0,a.Iw)({name:"overlay",selector:"",mappings:{backgroundColor:{selector:"vaadin-combo-box-scroller"},cursor:{selector:"vaadin-combo-box-item"},minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},fontFamily:{selector:"vaadin-combo-box-item"}},forward:{include:!1,attributes:["size"]}}),a.dj,a.Ae,(t=>class extends t{#t(){const t=this.shadowRoot.querySelector(this.baseSelector),e=Array.from(this.children);e.length&&(e.forEach((t=>{Object.defineProperty(t,"data-name",{value:t.getAttribute("data-name")}),Object.defineProperty(t,"data-id",{value:t.getAttribute("data-id")})})),t.items=e,t.renderer=(t,e,o)=>{t.innerHTML=o.item.outerHTML})}#e(){const t=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");t._attachOverlay=()=>{t.bringToFront()},t._detachOverlay=()=>{},t._enterModalState=()=>{}}init(){super.init?.(),this.#e(),(0,n.P$)(this,this.#t.bind(this))}}))((0,a.DM)({slots:["prefix"],wrappedEleName:"vaadin-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${(0,i.bi)(g.cssVarList)}\n\t\t${(0,i.PH)("vaadin-combo-box")}\n\t\t${(0,i.jI)("vaadin-combo-box")}\n\t\t${(0,i.Pd)("vaadin-combo-box")}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\t\t`,excludeAttrsSync:["tabindex","size"],componentName:l,includeForwardProps:["items","renderer","selectedItem"]}))},1294:(t,e,o)=>{o.r(e),o.d(e,{ComboBoxClass:()=>r.H}),o(9314);var r=o(4049);customElements.define(r.f,r.H)}}]);
|
package/package.json
CHANGED
@@ -51,18 +51,17 @@ const ComboBoxMixin = (superclass) =>
|
|
51
51
|
// so we override it to open inside the shadow DOM
|
52
52
|
#overrideOverlaySettings() {
|
53
53
|
const overlay = this.baseElement.shadowRoot.querySelector('vaadin-combo-box-overlay');
|
54
|
-
|
55
54
|
overlay._attachOverlay = () => {
|
56
|
-
|
55
|
+
overlay.bringToFront();
|
57
56
|
};
|
58
|
-
overlay._detachOverlay = () => {};
|
59
|
-
overlay._enterModalState = () => {};
|
57
|
+
overlay._detachOverlay = () => { };
|
58
|
+
overlay._enterModalState = () => { };
|
60
59
|
}
|
61
60
|
|
62
61
|
init() {
|
63
62
|
super.init?.();
|
64
63
|
|
65
|
-
this.#overrideOverlaySettings
|
64
|
+
this.#overrideOverlaySettings();
|
66
65
|
observeChildren(this, this.#onChildrenChange.bind(this));
|
67
66
|
}
|
68
67
|
};
|
@@ -6,9 +6,9 @@ import {
|
|
6
6
|
import { createHelperVars, getThemeRefs } from '../../../helpers/themeHelpers';
|
7
7
|
|
8
8
|
const globalRefs = getThemeRefs(globals);
|
9
|
-
const
|
9
|
+
const compVars = LoaderRadialClass.cssVarList;
|
10
10
|
|
11
|
-
const [helperTheme, helperRefs] = createHelperVars(
|
11
|
+
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
12
12
|
{
|
13
13
|
spinnerColor: globalRefs.colors.surface.contrast,
|
14
14
|
mode: {
|
@@ -26,29 +26,32 @@ const [helperTheme, helperRefs] = createHelperVars(
|
|
26
26
|
const loaderRadial = {
|
27
27
|
...helperTheme,
|
28
28
|
|
29
|
-
[
|
30
|
-
[
|
31
|
-
[
|
32
|
-
[
|
33
|
-
[
|
34
|
-
[
|
35
|
-
[
|
36
|
-
[
|
37
|
-
[
|
38
|
-
[
|
29
|
+
[compVars.animationDuration]: '2s',
|
30
|
+
[compVars.animationTimingFunction]: 'linear',
|
31
|
+
[compVars.animationIterationCount]: 'infinite',
|
32
|
+
[compVars.spinnerBorderStyle]: 'solid',
|
33
|
+
[compVars.spinnerBorderWidth]: '0.2em',
|
34
|
+
[compVars.spinnerBorderRadius]: '50%',
|
35
|
+
[compVars.spinnerQuadrant1Color]: helperRefs.spinnerColor,
|
36
|
+
[compVars.spinnerQuadrant2Color]: 'transparent',
|
37
|
+
[compVars.spinnerQuadrant3Color]: helperRefs.spinnerColor,
|
38
|
+
[compVars.spinnerQuadrant4Color]: 'transparent',
|
39
39
|
|
40
40
|
size: {
|
41
|
-
xs: { [
|
42
|
-
sm: { [
|
43
|
-
md: { [
|
44
|
-
lg: { [
|
45
|
-
xl: { [
|
41
|
+
xs: { [compVars.spinnerSize]: '20px' },
|
42
|
+
sm: { [compVars.spinnerSize]: '30px' },
|
43
|
+
md: { [compVars.spinnerSize]: '40px' },
|
44
|
+
lg: { [compVars.spinnerSize]: '60px' },
|
45
|
+
xl: { [compVars.spinnerSize]: '80px' },
|
46
46
|
},
|
47
47
|
|
48
48
|
_hidden: {
|
49
|
-
[
|
49
|
+
[compVars.hostDisplay]: 'none',
|
50
50
|
},
|
51
51
|
};
|
52
52
|
|
53
53
|
export default loaderRadial;
|
54
|
-
export
|
54
|
+
export const vars = {
|
55
|
+
...compVars,
|
56
|
+
...helperVars,
|
57
|
+
};
|