cas-ds-web-components 1.2.42 → 1.2.43

package/build/cas-ds-web-components.js

@@ -1,4 +1,4 @@
-(function(y,c2){typeof exports=="object"&&typeof module<"u"?c2(exports):typeof define=="function"&&define.amd?define(["exports"],c2):(y=typeof globalThis<"u"?globalThis:y||self,c2(y["all-components"]={}))})(this,function(y){"use strict";(()=>{const e=document.createElement("link");e.setAttribute("href","https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Short+Stack&display=swap"),e.setAttribute("rel","stylesheet"),document.head.appendChild(e)})();var U7={name:"@eloisa-ds/all-components",version:"1.0.46",main:"./all-components.umd.js",module:"./all-components.es.js",exports:{".":{import:"./all-components.es.js",require:"./all-components.umd.js"}}};/**
+(function(y,c2){typeof exports=="object"&&typeof module<"u"?c2(exports):typeof define=="function"&&define.amd?define(["exports"],c2):(y=typeof globalThis<"u"?globalThis:y||self,c2(y["all-components"]={}))})(this,function(y){"use strict";(()=>{const e=document.createElement("link");e.setAttribute("href","https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Short+Stack&display=swap"),e.setAttribute("rel","stylesheet"),document.head.appendChild(e)})();var U7={name:"@eloisa-ds/all-components",version:"1.0.47",main:"./all-components.umd.js",module:"./all-components.es.js",exports:{".":{import:"./all-components.es.js",require:"./all-components.umd.js"}}};/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -10162,16 +10162,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       ></vaadin-combo-box-overlay>
 
       <slot name="tooltip"></slot>
-    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new or(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new sr(this.inputElement,this._labelController)),this._tooltipController=new Oh(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(t=>!t.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const C=t.composedPath();(C.includes(this._labelNode)||C.includes(this._positionTarget))&&super._onHostClick(t)}}$2(gr);class Mr extends f{static formAssociated=!0;static styles=o8;constructor(){super(),this.type="select",this.label="",this.placeholder="Seleccione",this.name=this.getAttribute("label")?.toLowerCase().replace(" ","-")||"select",this.value="",this.data=[],this.filteredData=[],this.size="small",this.required=!1,this.fullWidth=!1,this.showDropdown=!1,this.disabled=!1,this.autoselect=!1,this.clearButtonVisible=!1,this.helperText=""}static properties={theme:{type:String},type:{type:String},label:{type:String},placeholder:{type:String},name:{type:String},value:{type:String},data:{type:Array},size:{type:String},fullWidth:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},showDropdown:{type:Boolean},autoselect:{type:Boolean},clearButtonVisible:{type:Boolean},isSelectError:{type:String},secondaryIcon:{type:String},helperText:{type:String},itemValuePath:{type:String},itemLabelPath:{type:String}};static shadowRootOptions={...f.shadowRootOptions,mode:"open"};_onChange(t){const C=t.composedPath()[0].selectedItem;this.value=typeof C=="string"?C:C?.value||C?.label,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}));const i={value:this.value,name:this.name,message:"Success",success:!0,error:!1};this.dispatchEvent(new CustomEvent("callback",{detail:i,bubbles:!0,composed:!0}))}filterChanged(t){const C=t.detail.value;this.filteredData=this.data?.filter(i=>typeof i=="string"?i?.toLowerCase().includes(C.toLowerCase()):i?.label?.toLowerCase().includes(C.toLowerCase())||i?.keywords?.some(s=>s?.toLowerCase().includes(C.toLowerCase()))),this.requestUpdate()}render(){const t=s=>L`
+    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new or(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new sr(this.inputElement,this._labelController)),this._tooltipController=new Oh(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(t=>!t.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const C=t.composedPath();(C.includes(this._labelNode)||C.includes(this._positionTarget))&&super._onHostClick(t)}}$2(gr);class Mr extends f{static formAssociated=!0;static styles=o8;constructor(){super(),this.type="select",this.label="",this.placeholder="Seleccione",this.name=this.getAttribute("label")?.toLowerCase().replace(" ","-")||"select",this.value="",this.data=[],this.filteredData=[],this.size="small",this.required=!1,this.fullWidth=!1,this.showDropdown=!1,this.disabled=!1,this.autoselect=!1,this.clearButtonVisible=!1,this.helperText=""}static properties={theme:{type:String},type:{type:String},label:{type:String},placeholder:{type:String},name:{type:String},value:{type:String},data:{type:Array},size:{type:String},fullWidth:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},showDropdown:{type:Boolean},autoselect:{type:Boolean},clearButtonVisible:{type:Boolean},isSelectError:{type:String},secondaryIcon:{type:String},helperText:{type:String},itemValuePath:{type:String},itemLabelPath:{type:String}};static shadowRootOptions={...f.shadowRootOptions,mode:"open"};_onChange(t){const C=t.composedPath()[0].selectedItem;this.value=typeof C=="string"?C:C?.value||C?.label,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}));const i={value:this.value,name:this.name,message:"Success",success:!0,error:!1};this.dispatchEvent(new CustomEvent("callback",{detail:i,bubbles:!0,composed:!0}))}filterChanged(t){const C=t.detail.value;this.filteredData=this.data?.filter(i=>typeof i=="string"?i?.toLowerCase().includes(C.toLowerCase()):i?.label?.toLowerCase().includes(C.toLowerCase())||i?.keywords?.some(s=>s?.toLowerCase().includes(C.toLowerCase()))),this.requestUpdate()}render(){const t=a=>L`
       <style>
         @import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap);
       </style>
       <div class="custom">
-        ${typeof s=="string"?s:s.label}
+        ${typeof a=="string"?a:a.label}
         <br />
-        ${typeof s=="string"?"":L`<h5 className="keywords">${s?.keywords?.join(", ")}</h5>`}
+        ${typeof a=="string"?"":L`<h5 className="keywords">${a?.keywords?.join(", ")}</h5>`}
       </div>
-    `,C=document.createElement("style");C.id="idssss",C.textContent=o8,document.head.insertAdjacentElement("afterbegin",C);const i=this.isSelectError?"flat-info":this.secondaryIcon;return L`
+    `,C=document.createElement("style");C.id="idssss",C.textContent=o8,document.head.insertAdjacentElement("afterbegin",C);const i=this.isSelectError?"flat-info":this.secondaryIcon,s=this.data.length>0&&this.filteredData.length===0;return L`
       <vaadin-combo-box
         ?clear-button-visible="${this.clearButtonVisible}"
         ?required="${this.required}"
@@ -10189,7 +10189,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       >
         ${this.secondaryIcon?L` <cas-icon slot="prefix" name="${i}" size="20" />`:""}
       </vaadin-combo-box>
-      ${this.filteredData.length===0?L`
+      ${s?L`
         <div class="empty">
           ${ur}
           <cas-text variant="headline1">¡Lo sentimos!</cas-text>

package/build/cas-header.js

@@ -10162,16 +10162,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       ></vaadin-combo-box-overlay>
 
       <slot name="tooltip"></slot>
-    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new nh(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new rh(this.inputElement,this._labelController)),this._tooltipController=new jl(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(t=>!t.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const C=t.composedPath();(C.includes(this._labelNode)||C.includes(this._positionTarget))&&super._onHostClick(t)}}c2(Hh);class Zh extends H{static formAssociated=!0;static styles=t6;constructor(){super(),this.type="select",this.label="",this.placeholder="Seleccione",this.name=this.getAttribute("label")?.toLowerCase().replace(" ","-")||"select",this.value="",this.data=[],this.filteredData=[],this.size="small",this.required=!1,this.fullWidth=!1,this.showDropdown=!1,this.disabled=!1,this.autoselect=!1,this.clearButtonVisible=!1,this.helperText=""}static properties={theme:{type:String},type:{type:String},label:{type:String},placeholder:{type:String},name:{type:String},value:{type:String},data:{type:Array},size:{type:String},fullWidth:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},showDropdown:{type:Boolean},autoselect:{type:Boolean},clearButtonVisible:{type:Boolean},isSelectError:{type:String},secondaryIcon:{type:String},helperText:{type:String},itemValuePath:{type:String},itemLabelPath:{type:String}};static shadowRootOptions={...H.shadowRootOptions,mode:"open"};_onChange(t){const C=t.composedPath()[0].selectedItem;this.value=typeof C=="string"?C:C?.value||C?.label,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}));const o={value:this.value,name:this.name,message:"Success",success:!0,error:!1};this.dispatchEvent(new CustomEvent("callback",{detail:o,bubbles:!0,composed:!0}))}filterChanged(t){const C=t.detail.value;this.filteredData=this.data?.filter(o=>typeof o=="string"?o?.toLowerCase().includes(C.toLowerCase()):o?.label?.toLowerCase().includes(C.toLowerCase())||o?.keywords?.some(s=>s?.toLowerCase().includes(C.toLowerCase()))),this.requestUpdate()}render(){const t=s=>M`
+    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new nh(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new rh(this.inputElement,this._labelController)),this._tooltipController=new jl(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(t=>!t.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const C=t.composedPath();(C.includes(this._labelNode)||C.includes(this._positionTarget))&&super._onHostClick(t)}}c2(Hh);class Zh extends H{static formAssociated=!0;static styles=t6;constructor(){super(),this.type="select",this.label="",this.placeholder="Seleccione",this.name=this.getAttribute("label")?.toLowerCase().replace(" ","-")||"select",this.value="",this.data=[],this.filteredData=[],this.size="small",this.required=!1,this.fullWidth=!1,this.showDropdown=!1,this.disabled=!1,this.autoselect=!1,this.clearButtonVisible=!1,this.helperText=""}static properties={theme:{type:String},type:{type:String},label:{type:String},placeholder:{type:String},name:{type:String},value:{type:String},data:{type:Array},size:{type:String},fullWidth:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},showDropdown:{type:Boolean},autoselect:{type:Boolean},clearButtonVisible:{type:Boolean},isSelectError:{type:String},secondaryIcon:{type:String},helperText:{type:String},itemValuePath:{type:String},itemLabelPath:{type:String}};static shadowRootOptions={...H.shadowRootOptions,mode:"open"};_onChange(t){const C=t.composedPath()[0].selectedItem;this.value=typeof C=="string"?C:C?.value||C?.label,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}));const o={value:this.value,name:this.name,message:"Success",success:!0,error:!1};this.dispatchEvent(new CustomEvent("callback",{detail:o,bubbles:!0,composed:!0}))}filterChanged(t){const C=t.detail.value;this.filteredData=this.data?.filter(o=>typeof o=="string"?o?.toLowerCase().includes(C.toLowerCase()):o?.label?.toLowerCase().includes(C.toLowerCase())||o?.keywords?.some(s=>s?.toLowerCase().includes(C.toLowerCase()))),this.requestUpdate()}render(){const t=a=>M`
       <style>
         @import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap);
       </style>
       <div class="custom">
-        ${typeof s=="string"?s:s.label}
+        ${typeof a=="string"?a:a.label}
         <br />
-        ${typeof s=="string"?"":M`<h5 className="keywords">${s?.keywords?.join(", ")}</h5>`}
+        ${typeof a=="string"?"":M`<h5 className="keywords">${a?.keywords?.join(", ")}</h5>`}
       </div>
-    `,C=document.createElement("style");C.id="idssss",C.textContent=t6,document.head.insertAdjacentElement("afterbegin",C);const o=this.isSelectError?"flat-info":this.secondaryIcon;return M`
+    `,C=document.createElement("style");C.id="idssss",C.textContent=t6,document.head.insertAdjacentElement("afterbegin",C);const o=this.isSelectError?"flat-info":this.secondaryIcon,s=this.data.length>0&&this.filteredData.length===0;return M`
       <vaadin-combo-box
         ?clear-button-visible="${this.clearButtonVisible}"
         ?required="${this.required}"
@@ -10189,7 +10189,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       >
         ${this.secondaryIcon?M` <cas-icon slot="prefix" name="${o}" size="20" />`:""}
       </vaadin-combo-box>
-      ${this.filteredData.length===0?M`
+      ${s?M`
         <div class="empty">
           ${Vh}
           <cas-text variant="headline1">¡Lo sentimos!</cas-text>

package/build/cas-select.js

@@ -3127,16 +3127,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       ></vaadin-combo-box-overlay>
 
       <slot name="tooltip"></slot>
-    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new hn(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new an(this.inputElement,this._labelController)),this._tooltipController=new V2(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(e=>!e.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(e){e.stopPropagation(),super._onClearButtonClick(e)}_onHostClick(e){const t=e.composedPath();(t.includes(this._labelNode)||t.includes(this._positionTarget))&&super._onHostClick(e)}}N0(fn);class dh extends j{static formAssociated=!0;static styles=x1;constructor(){super(),this.type="select",this.label="",this.placeholder="Seleccione",this.name=this.getAttribute("label")?.toLowerCase().replace(" ","-")||"select",this.value="",this.data=[],this.filteredData=[],this.size="small",this.required=!1,this.fullWidth=!1,this.showDropdown=!1,this.disabled=!1,this.autoselect=!1,this.clearButtonVisible=!1,this.helperText=""}static properties={theme:{type:String},type:{type:String},label:{type:String},placeholder:{type:String},name:{type:String},value:{type:String},data:{type:Array},size:{type:String},fullWidth:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},showDropdown:{type:Boolean},autoselect:{type:Boolean},clearButtonVisible:{type:Boolean},isSelectError:{type:String},secondaryIcon:{type:String},helperText:{type:String},itemValuePath:{type:String},itemLabelPath:{type:String}};static shadowRootOptions={...j.shadowRootOptions,mode:"open"};_onChange(e){const t=e.composedPath()[0].selectedItem;this.value=typeof t=="string"?t:t?.value||t?.label,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}));const h={value:this.value,name:this.name,message:"Success",success:!0,error:!1};this.dispatchEvent(new CustomEvent("callback",{detail:h,bubbles:!0,composed:!0}))}filterChanged(e){const t=e.detail.value;this.filteredData=this.data?.filter(h=>typeof h=="string"?h?.toLowerCase().includes(t.toLowerCase()):h?.label?.toLowerCase().includes(t.toLowerCase())||h?.keywords?.some(i=>i?.toLowerCase().includes(t.toLowerCase()))),this.requestUpdate()}render(){const e=i=>W`
+    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new hn(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new an(this.inputElement,this._labelController)),this._tooltipController=new V2(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow(e=>!e.opened),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(e){e.stopPropagation(),super._onClearButtonClick(e)}_onHostClick(e){const t=e.composedPath();(t.includes(this._labelNode)||t.includes(this._positionTarget))&&super._onHostClick(e)}}N0(fn);class dh extends j{static formAssociated=!0;static styles=x1;constructor(){super(),this.type="select",this.label="",this.placeholder="Seleccione",this.name=this.getAttribute("label")?.toLowerCase().replace(" ","-")||"select",this.value="",this.data=[],this.filteredData=[],this.size="small",this.required=!1,this.fullWidth=!1,this.showDropdown=!1,this.disabled=!1,this.autoselect=!1,this.clearButtonVisible=!1,this.helperText=""}static properties={theme:{type:String},type:{type:String},label:{type:String},placeholder:{type:String},name:{type:String},value:{type:String},data:{type:Array},size:{type:String},fullWidth:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},showDropdown:{type:Boolean},autoselect:{type:Boolean},clearButtonVisible:{type:Boolean},isSelectError:{type:String},secondaryIcon:{type:String},helperText:{type:String},itemValuePath:{type:String},itemLabelPath:{type:String}};static shadowRootOptions={...j.shadowRootOptions,mode:"open"};_onChange(e){const t=e.composedPath()[0].selectedItem;this.value=typeof t=="string"?t:t?.value||t?.label,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}));const h={value:this.value,name:this.name,message:"Success",success:!0,error:!1};this.dispatchEvent(new CustomEvent("callback",{detail:h,bubbles:!0,composed:!0}))}filterChanged(e){const t=e.detail.value;this.filteredData=this.data?.filter(h=>typeof h=="string"?h?.toLowerCase().includes(t.toLowerCase()):h?.label?.toLowerCase().includes(t.toLowerCase())||h?.keywords?.some(i=>i?.toLowerCase().includes(t.toLowerCase()))),this.requestUpdate()}render(){const e=s=>W`
       <style>
         @import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap);
       </style>
       <div class="custom">
-        ${typeof i=="string"?i:i.label}
+        ${typeof s=="string"?s:s.label}
         <br />
-        ${typeof i=="string"?"":W`<h5 className="keywords">${i?.keywords?.join(", ")}</h5>`}
+        ${typeof s=="string"?"":W`<h5 className="keywords">${s?.keywords?.join(", ")}</h5>`}
       </div>
-    `,t=document.createElement("style");t.id="idssss",t.textContent=x1,document.head.insertAdjacentElement("afterbegin",t);const h=this.isSelectError?"flat-info":this.secondaryIcon;return W`
+    `,t=document.createElement("style");t.id="idssss",t.textContent=x1,document.head.insertAdjacentElement("afterbegin",t);const h=this.isSelectError?"flat-info":this.secondaryIcon,i=this.data.length>0&&this.filteredData.length===0;return W`
       <vaadin-combo-box
         ?clear-button-visible="${this.clearButtonVisible}"
         ?required="${this.required}"
@@ -3154,7 +3154,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       >
         ${this.secondaryIcon?W` <cas-icon slot="prefix" name="${h}" size="20" />`:""}
       </vaadin-combo-box>
-      ${this.filteredData.length===0?W`
+      ${i?W`
         <div class="empty">
           ${gn}
           <cas-text variant="headline1">¡Lo sentimos!</cas-text>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cas-ds-web-components",
   "description": "Web Components based on CAS DS",
-  "version": "1.2.42",
+  "version": "1.2.43",
   "author": "aconejeros",
   "keywords": [
     "direflow",