@descope/web-components-ui 1.0.123 → 1.0.125

package/dist/umd/descope-combo-box-index-js.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4],{4049:(t,e,o)=>{o.d(e,{H:()=>m,f:()=>l});var r=o(2061),n=o(4567),i=o(4201),a=o(9241);const l=(0,n.iY)("combo-box"),{host:p,inputField:s,placeholder:d,toggle:c,label:u,requiredIndicator:b,helperText:h,errorMessage:y}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},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)"}},m=(0,r.qC)((0,a.yk)({mappings:{hostWidth:{...p,property:"width"},fontSize:[{property:"font-size"},{...p,property:"font-size"}],fontFamily:[u,d,s,h,y],labelTextColor:[{...u,property:"color"},{...b,property:"color"}],inputHeight:{...s,property:"height"},inputBackgroundColor:{...s,property:"background-color"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},labelRequiredIndicator:{...b,property:"content"},inputValueTextColor:{...s,property:"color"},inputPlaceholderTextColor:{...d,property:"color"},inputDropdownButtonCursor:{...c,property:"cursor"},inputDropdownButtonColor:{...c,property:"color"},inputOutlineColor:{...s,property:"outline-color"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineOffset:{...s,property:"outline-offset"},overlayBackground:{property:()=>m.cssVarList.overlay.backgroundColor},overlayBorder:{property:()=>m.cssVarList.overlay.border}}}),a.e4,(0,a.Iw)({name:"overlay",selector:"",mappings:{backgroundColor:{selector:"vaadin-combo-box-scroller"},fontFamily:{selector:"vaadin-combo-box-item"},cursor:{selector:"vaadin-combo-box-item"}},forward:{include:!1,attributes:["size"]}}),a.dj,a.Ae,(t=>class extends t{constructor(){super()}#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=function(){this.bringToFront()},t._detachOverlay=function(){},t._enterModalState=function(){}}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\tpadding: calc(var(${m.cssVarList.inputOutlineWidth}) + var(${m.cssVarList.inputOutlineOffset}))\n\t\t}\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\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}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t}\n\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\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)}}]);
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4],{4049:(t,e,o)=>{o.d(e,{H:()=>m,f:()=>l});var r=o(2061),n=o(4567),i=o(4201),a=o(9241);const l=(0,n.iY)("combo-box"),{host:s,inputField:p,placeholder:d,toggle:c,label:u,requiredIndicator:b,helperText:h,errorMessage:y}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},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)"}},m=(0,r.qC)((0,a.yk)({mappings:{hostWidth:{...s,property:"width"},fontSize:[{property:"font-size"},{...s,property:"font-size"}],fontFamily:[u,d,p,h,y],labelTextColor:[{...u,property:"color"},{...b,property:"color"}],inputHeight:{...p,property:"height"},inputBackgroundColor:{...p,property:"background-color"},inputBorderColor:{...p,property:"border-color"},inputBorderWidth:{...p,property:"border-width"},inputBorderStyle:{...p,property:"border-style"},inputBorderRadius:{...p,property:"border-radius"},labelRequiredIndicator:{...b,property:"content"},inputValueTextColor:{...p,property:"color"},inputPlaceholderTextColor:{...d,property:"color"},inputDropdownButtonCursor:{...c,property:"cursor"},inputDropdownButtonColor:{...c,property:"color"},inputOutlineColor:{...p,property:"outline-color"},inputOutlineWidth:{...p,property:"outline-width"},inputOutlineStyle:{...p,property:"outline-style"},inputOutlineOffset:{...p,property:"outline-offset"},overlayBackground:{property:()=>m.cssVarList.overlay.backgroundColor},overlayBorder:{property:()=>m.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{constructor(){super()}#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=function(){this.bringToFront()},t._detachOverlay=function(){},t._enterModalState=function(){}}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\tpadding: calc(var(${m.cssVarList.inputOutlineWidth}) + var(${m.cssVarList.inputOutlineOffset}))\n\t\t}\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\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}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t}\n\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\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/dist/umd/descope-link-index-js.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[58],{5846:(t,e,o)=>{o.r(e),o.d(e,{LinkClass:()=>u});var r=o(9241),s=o(693),n=o(2138),l=o(2061),i=o(4567);const p=(0,i.iY)("link");class c extends((0,s.s)({componentName:p,baseSelector:":host a"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t</style>\n\t\t<div>\n\t\t\t<a>\n\t\t\t\t<descope-text>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</descope-text>\n\t\t\t</a>\n\t\t</div>\n\t\t",(0,i.oP)(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,i.oP)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const a={host:{selector:()=>":host"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>n.k.componentName}},{anchor:d,text:h,host:y,wrapper:m}=a,u=(0,l.qC)((0,r.yk)({mappings:{hostWidth:{...y,property:"width"},textAlign:m,textColor:[{...d,property:"color"},{...h,property:n.k.cssVarList.textColor}],cursor:d,textUnderlineWidth:{...d,property:"border-bottom-width"},textUnderlineStyle:{...d,property:"border-bottom-style"},textUnderlineColor:{...d,property:"border-bottom-color"}}}),r.e4,r.Ae)(c);o(1876),customElements.define(p,u)}}]);
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[58],{5846:(t,e,o)=>{o.r(e),o.d(e,{LinkClass:()=>u});var r=o(9241),s=o(693),n=o(2138),l=o(2061),i=o(4567);const p=(0,i.iY)("link");class c extends((0,s.s)({componentName:p,baseSelector:":host a"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\t\t</style>\n\t\t<div>\n\t\t\t<descope-text>\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t",(0,i.oP)(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,i.oP)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const a={host:{selector:()=>":host"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>n.k.componentName}},{anchor:d,text:h,host:y,wrapper:m}=a,u=(0,l.qC)((0,r.yk)({mappings:{hostWidth:{...y,property:"width"},textAlign:m,textColor:[{...d,property:"color"},{...h,property:n.k.cssVarList.textColor}],cursor:d,textUnderlineWidth:{...d,property:"border-bottom-width"},textUnderlineStyle:{...d,property:"border-bottom-style"},textUnderlineColor:{...d,property:"border-bottom-color"}}}),r.e4,r.Ae)(c);o(1876),customElements.define(p,u)}}]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/web-components-ui",
-	"version": "1.0.123",
+	"version": "1.0.125",
 	"description": "",
 	"main": "dist/cjs/index.cjs.js",
 	"module": "dist/index.esm.js",

package/src/components/descope-combo-box/ComboBoxClass.js

@@ -137,9 +137,10 @@ export const ComboBoxClass = compose(
 		selector: '',
 		mappings: {
 			backgroundColor: { selector: 'vaadin-combo-box-scroller' },
-			fontFamily: { selector: 'vaadin-combo-box-item' },
-			// TODO: this mapping doesn't work, needs fixing.
-			cursor: { selector: 'vaadin-combo-box-item' },
+			cursor: { selector: 'vaadin-combo-box-item' }, // TODO: this mapping doesn't work, needs fixing.
+			minHeight: { selector: 'vaadin-combo-box-overlay' },
+			margin: { selector: 'vaadin-combo-box-overlay' },
+			fontFamily: { selector: 'vaadin-combo-box-item' }
 		},
 		forward: {
 			include: false,

package/src/components/descope-link/LinkClass.js

@@ -20,15 +20,15 @@ class RawLink extends createBaseClass({ componentName, baseSelector: ':host a' }
 			display: inline-block;
 		}
 		:host a {
-			display: inline-block;
+			display: inline;
 		}
 		</style>
 		<div>
-			<a>
-				<descope-text>
+			<descope-text>
+				<a>
 					<slot></slot>
-				</descope-text>
-			</a>
+				</a>
+			</descope-text>
 		</div>
 		`;
 

package/src/theme/components/comboBox.js

@@ -31,6 +31,9 @@ export const comboBox = {
 		[vars.inputDropdownButtonCursor]: 'default'
 	},
 
+	[vars.overlay.minHeight]: '400px',
+	[vars.overlay.margin]: '0 auto'
+
 	// [vars.overlayCursor]: 'pointer',
 	// [vars.overlayBackground]: globalRefs.colors.surface.light,
 	// [vars.overlayBorder]: `2px solid red`,