blip-ds 1.281.2 → 1.281.5

package/dist/blip-ds/bds-avatar.entry.js

@@ -29,7 +29,7 @@ const colorLetter = [
   { value: 'Z', color: 'system' },
 ];
 
-const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
+const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
 
 const BdsAvatar = class {
   constructor(hostRef) {
@@ -95,12 +95,6 @@ const BdsAvatar = class {
       this.bdsClickAvatar.emit(event);
     }
   }
-  handleClickKey(event) {
-    if ((event.key === 'Enter' || event.key === ' ') && this.upload) {
-      event.preventDefault();
-      this.bdsClickAvatar.emit();
-    }
-  }
   componentWillRender() {
     this.hasThumb = this.thumbnail ? (this.thumbnail.length !== 0 ? true : false) : false;
   }
@@ -125,7 +119,7 @@ const BdsAvatar = class {
                 : null}`]: true,
         [`avatar__size--${this.size}`]: true,
         upload: this.upload,
-      }, "data-test": this.dataTest }, this.ellipsis ? (h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }))) : this.name ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize })) : ('')), this.upload && this.size !== 'micro' ? (h("div", { tabindex: "0", onClick: () => this.handleClickKey, class: "focus" })) : ('')));
+      }, onClick: (ev) => this.onUploadClick(ev), tabindex: "0", onKeyDown: this.handleKeyDown.bind(this), "data-test": this.dataTest }, this.ellipsis ? (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`))) : this.thumbnail ? (this.upload ? (h("div", { class: "avatar__btn" }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: "avatar__btn" }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle })))) : this.name ? (this.upload ? (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName)))) : this.upload ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize }))) : (''))));
   }
 };
 BdsAvatar.style = avatarCss;

package/dist/blip-ds/bds-avatar.system.entry.js

@@ -1 +1 @@
-System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var a,e,i,o;return{setters:[function(t){a=t.r;e=t.e;i=t.h;o=t.f}],execute:function(){var r=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var n=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var s=t("bds_avatar",function(){function t(t){var i=this;a(this,t);this.bdsClickAvatar=e(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(t){switch(t){case"micro":i.typoSize="fs-12";i.iconSize="xx-small";break;case"extra-small":i.typoSize="fs-14";i.iconSize="x-small";break;case"small":i.typoSize="fs-16";i.iconSize="medium";break;case"standard":i.typoSize="fs-20";i.iconSize="x-large";break;case"large":i.typoSize="fs-24";i.iconSize="xxx-large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="xxx-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}};this.avatarBgColor=function(t){if(i.color!="colorLetter"){return i.color}else if(t){var a=r.find((function(a){return a.value===t}));return a.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}t.prototype.onUploadClick=function(t){t.preventDefault();this.bdsClickAvatar.emit(t)};t.prototype.handleKeyDown=function(t){if(t.key=="Enter"){this.bdsClickAvatar.emit(t)}};t.prototype.handleClickKey=function(t){if((t.key==="Enter"||t.key===" ")&&this.upload){t.preventDefault();this.bdsClickAvatar.emit()}};t.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};t.prototype.render=function(){var t;var a=this;var e=this.name?this.name.split(" "):[];var r=e.length?e.shift().charAt(0).toUpperCase():"";var n=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var s={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return i(o,null,i("div",{class:(t={avatar:true},t["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(r):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(r):null)]=true,t["avatar__size--".concat(this.size)]=true,t.upload=this.upload,t),"data-test":this.dataTest},this.ellipsis?i("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick}},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}):this.name?this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},i("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+n),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},r+n):this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick}},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}):""),this.upload&&this.size!=="micro"?i("div",{tabindex:"0",onClick:function(){return a.handleClickKey},class:"focus"}):"")};return t}());s.style=n}}}));
+System.register(["./index-241c9f42.system.js"],(function(a){"use strict";var t,e,i,o;return{setters:[function(a){t=a.r;e=a.e;i=a.h;o=a.f}],execute:function(){var r=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var n=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var s=a("bds_avatar",function(){function a(a){var i=this;t(this,a);this.bdsClickAvatar=e(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(a){switch(a){case"micro":i.typoSize="fs-12";i.iconSize="xx-small";break;case"extra-small":i.typoSize="fs-14";i.iconSize="x-small";break;case"small":i.typoSize="fs-16";i.iconSize="medium";break;case"standard":i.typoSize="fs-20";i.iconSize="x-large";break;case"large":i.typoSize="fs-24";i.iconSize="xxx-large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="xxx-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}};this.avatarBgColor=function(a){if(i.color!="colorLetter"){return i.color}else if(a){var t=r.find((function(t){return t.value===a}));return t.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleKeyDown=function(a){if(a.key=="Enter"){this.bdsClickAvatar.emit(a)}};a.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};a.prototype.render=function(){var a;var t=this;var e=this.name?this.name.split(" "):[];var r=e.length?e.shift().charAt(0).toUpperCase():"";var n=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var s={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return i(o,null,i("div",{class:(a={avatar:true},a["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(r):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(r):null)]=true,a["avatar__size--".concat(this.size)]=true,a.upload=this.upload,a),onClick:function(a){return t.onUploadClick(a)},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this),"data-test":this.dataTest},this.ellipsis?i("div",{class:"avatar__btn"},i("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis))):this.thumbnail?this.upload?i("div",{class:"avatar__btn"},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn"},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s})):this.name?this.upload?i("div",{class:"avatar__btn"},i("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+n),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn"},i("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},r+n)):this.upload?i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})):""))};return a}());s.style=n}}}));

package/dist/blip-ds/bds-illustration.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, f as Host } from './index-7fb09d4a.js';
 
 const name = "blip-ds";
-const version = "1.281.2";
+const version = "1.281.5";
 const description = "Blip Design System";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";

package/dist/blip-ds/bds-illustration.system.entry.js

@@ -1 +1 @@
-System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.281.2";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));
+System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.281.5";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));

package/dist/blip-ds/bds-select.entry.js

@@ -114,7 +114,6 @@ const Select = class {
   }
   componentWillRender() {
     this.options && this.updateOptions();
-    this.getValueSelected();
   }
   componentDidLoad() {
     this.getValueSelected();

package/dist/blip-ds/bds-select.system.entry.js

@@ -1 +1 @@
-System.register(["./index-241c9f42.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions();this.getValueSelected()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
+System.register(["./index-241c9f42.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));

package/dist/blip-ds/p-1396c311.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-9fb71e47.system.js"],(function(a){"use strict";var t,e,i,o;return{setters:[function(a){t=a.r;e=a.c;i=a.h;o=a.H}],execute:function(){var r=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var n=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var s=a("bds_avatar",function(){function a(a){var i=this;t(this,a);this.bdsClickAvatar=e(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(a){switch(a){case"micro":i.typoSize="fs-12";i.iconSize="xx-small";break;case"extra-small":i.typoSize="fs-14";i.iconSize="x-small";break;case"small":i.typoSize="fs-16";i.iconSize="medium";break;case"standard":i.typoSize="fs-20";i.iconSize="x-large";break;case"large":i.typoSize="fs-24";i.iconSize="xxx-large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="xxx-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}};this.avatarBgColor=function(a){if(i.color!="colorLetter"){return i.color}else if(a){var t=r.find((function(t){return t.value===a}));return t.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleKeyDown=function(a){if(a.key=="Enter"){this.bdsClickAvatar.emit(a)}};a.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};a.prototype.render=function(){var a;var t=this;var e=this.name?this.name.split(" "):[];var r=e.length?e.shift().charAt(0).toUpperCase():"";var n=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var s={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return i(o,null,i("div",{class:(a={avatar:true},a["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(r):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(r):null)]=true,a["avatar__size--".concat(this.size)]=true,a.upload=this.upload,a),onClick:function(a){return t.onUploadClick(a)},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this),"data-test":this.dataTest},this.ellipsis?i("div",{class:"avatar__btn"},i("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis))):this.thumbnail?this.upload?i("div",{class:"avatar__btn"},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn"},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s})):this.name?this.upload?i("div",{class:"avatar__btn"},i("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+n),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn"},i("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},r+n)):this.upload?i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})):""))};return a}());s.style=n}}}));

package/dist/blip-ds/p-1fd9da0b.entry.js

@@ -0,0 +1 @@
+import{r as a,c as t,h as i,H as o}from"./p-952c43a2.js";const e=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}],r=class{constructor(i){a(this,i),this.bdsClickAvatar=t(this,"bdsClickAvatar",7),this.typoSize="fs-20",this.iconSize="large",this.selectTypoSize=a=>{switch(a){case"micro":this.typoSize="fs-12",this.iconSize="xx-small";break;case"extra-small":this.typoSize="fs-14",this.iconSize="x-small";break;case"small":this.typoSize="fs-16",this.iconSize="medium";break;case"standard":this.typoSize="fs-20",this.iconSize="x-large";break;case"large":this.typoSize="fs-24",this.iconSize="xxx-large";break;case"extra-large":this.typoSize="fs-32",this.iconSize="xxx-large";break;default:this.typoSize="fs-20",this.iconSize="medium"}},this.avatarBgColor=a=>"colorLetter"!=this.color?this.color:a?e.find((t=>t.value===a)).color:void 0,this.hasThumb=void 0,this.name=null,this.thumbnail=null,this.size="standard",this.color="colorLetter",this.upload=!1,this.ellipsis=null,this.dataTest=null}onUploadClick(a){a.preventDefault(),this.bdsClickAvatar.emit(a)}handleKeyDown(a){"Enter"==a.key&&this.bdsClickAvatar.emit(a)}componentWillRender(){this.hasThumb=!!this.thumbnail&&0!==this.thumbnail.length}render(){const a=this.name?this.name.split(" "):[],t=a.length?a.shift().charAt(0).toUpperCase():"",e=a.length?a.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);const r={backgroundImage:`url(${this.hasThumb?this.thumbnail:null})`};return i(o,null,i("div",{class:{avatar:!0,[`avatar__color--${this.name&&!this.hasThumb?this.avatarBgColor(t):this.hasThumb&&!this.name?"surface":this.name||this.hasThumb?this.name&&this.hasThumb?this.avatarBgColor(t):null:"surface"}`]:!0,[`avatar__size--${this.size}`]:!0,upload:this.upload},onClick:a=>this.onUploadClick(a),tabindex:"0",onKeyDown:this.handleKeyDown.bind(this),"data-test":this.dataTest},this.ellipsis?i("div",{class:"avatar__btn"},i("bds-typo",{margin:!1,variant:this.typoSize,tag:"span"},`+${this.ellipsis}`)):this.thumbnail?this.upload?i("div",{class:"avatar__btn"},i("div",{class:`avatar__btn__img avatar__size--${this.size}`,style:r}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn"},i("div",{class:`avatar__btn__img avatar__size--${this.size}`,style:r})):this.name?this.upload?i("div",{class:"avatar__btn"},i("bds-typo",{margin:!1,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},t+e),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn"},i("bds-typo",{margin:!1,class:"avatar__text",variant:this.typoSize,tag:"span"},t+e)):this.upload?i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):null!==this.name||this.hasThumb?"":i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}))))}};r.style=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';export{r as bds_avatar}

package/dist/blip-ds/{p-876bb2ac.system.entry.js → p-3f7c2d86.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-9fb71e47.system.js","./p-44fa8bf0.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.c;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions();this.getValueSelected()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
+System.register(["./p-9fb71e47.system.js","./p-44fa8bf0.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.c;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));

package/dist/blip-ds/p-4e563bba.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,g as o}from"./p-952c43a2.js";import{g as s,p as r}from"./p-feb3bd38.js";const n=class{constructor(e){t(this,e),this.bdsChange=i(this,"bdsChange",7),this.bdsCancel=i(this,"bdsCancel",7),this.bdsFocus=i(this,"bdsFocus",7),this.bdsBlur=i(this,"bdsBlur",7),this.refNativeInput=t=>{this.nativeInput=t},this.refDropdown=t=>{this.dropElement=t},this.refIconDrop=t=>{this.iconDropElement=t},this.onClickWrapper=()=>{this.onFocus(),this.isOpen=!0,this.nativeInput&&this.nativeInput.focus()},this.onFocus=()=>{this.bdsFocus.emit(),this.isPressed=!0},this.onBlur=()=>{this.bdsBlur.emit(),this.isPressed=!1},this.toggle=()=>{this.disabled||(this.isOpen=!this.isOpen)},this.getText=()=>{var t,i;const e=this.childOptions.find((t=>t.value==this.value));if((null==e?void 0:e.status)||(null==e?void 0:e.bulkOption)){if(this.internalOptions){const t=this.internalOptions.find((t=>t.value==e.value));if(t)return t.titleText?t.titleText:t.label}return e.querySelector(`#bds-typo-label-${this.value}`).textContent}return(null==e?void 0:e.titleText)?e.titleText:null!==(i=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""},this.handler=t=>{const{detail:{value:i}}=t;this.value=i,this.toggle()},this.intoView=null,this.isOpen=!1,this.text="",this.validationDanger=!1,this.isPressed=!1,this.validationMesage="",this.internalOptions=void 0,this.options=void 0,this.value=void 0,this.danger=!1,this.success=!1,this.disabled=!1,this.label="",this.icon="",this.placeholder="",this.helperMessage="",this.errorMessage="",this.successMessage="",this.optionsPosition="auto",this.dataTest=null}isOpenChanged(t){this.iconDropElement.name="bottom"==this.positionHeightDrop?this.isOpen?"arrow-up":"arrow-down":this.isOpen?"arrow-down":"arrow-up",t&&("auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop())}valueChanged(){this.bdsChange.emit({value:this.value});for(const t of this.childOptions)t.selected=this.value===t.value;this.text=this.getText()}handleWindow(t){t.composedPath().find((t=>t==this.el))||(this.isOpen=!1)}componentWillLoad(){this.options&&this.optionsChanged(),this.intoView=s(this.el)}componentWillRender(){this.options&&this.updateOptions()}componentDidLoad(){this.getValueSelected(),"auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop()}setDefaultPlacement(t){"bottom"==t?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}validatePositionDrop(){const t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y,"bottom"==t.y?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}optionsChanged(){this.updateOptions()}getValueSelected(){for(const t of this.childOptions)t.selected=this.value===t.value,t.addEventListener("optionSelected",this.handler);this.text=this.getText()}updateOptions(){this.options&&(this.internalOptions="string"==typeof this.options?JSON.parse(this.options):this.options)}get childOptions(){return Array.from(this.options?this.el.shadowRoot.querySelectorAll("bds-select-option"):this.el.querySelectorAll("bds-select-option"))}get childOptionSelected(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((t=>t.selected)):Array.from(this.el.querySelectorAll("bds-select-option")).find((t=>t.selected))}keyPressWrapper(t){var i,e,o,s;switch(t.key){case"Enter":this.toggle();break;case"ArrowDown":if(this.disabled||(this.isOpen=!0),this.childOptionSelected)return void(this.value=null===(i=this.childOptionSelected.nextSibling)||void 0===i?void 0:i.value);this.value=null===(e=this.el.firstElementChild)||void 0===e?void 0:e.value;break;case"ArrowUp":if(this.childOptionSelected)return void(this.value=null===(o=this.childOptionSelected.previousSibling)||void 0===o?void 0:o.value);this.value=null===(s=this.el.lastElementChild)||void 0===s?void 0:s.value}}renderIcon(){return this.icon&&e("div",{class:{input__icon:!0,"input__icon--large":!!this.label}},e("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))}renderLabel(){return this.label&&e("label",{class:{input__container__label:!0,"input__container__label--pressed":this.isPressed&&!this.disabled}},e("bds-typo",{variant:"fs-12",bold:"bold"},this.label))}renderMessage(){let t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger&&(t=this.validationMesage),t)return e("div",{class:this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message",part:"input__message"},e("div",{class:"input__message__icon"},e("bds-icon",{size:"x-small",name:this.danger?"error":this.success?"checkball":"info",theme:"solid",color:"inherit"})),e("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}render(){return e("div",{class:"select"},e("div",{class:{element_input:!0},"aria-disabled":this.disabled?"true":null},e("div",{class:{input:!0,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed&&!this.disabled},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),e("div",{class:"input__container"},this.renderLabel(),e("div",{class:{input__container__wrapper:!0}},e("input",{ref:this.refNativeInput,class:{input__container__text:!0},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:!0,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),e("div",{class:"select__icon"},e("bds-icon",{ref:t=>this.refIconDrop(t),size:"small",color:"inherit"})),this.success&&e("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),e("div",{ref:t=>this.refDropdown(t),class:{select__options:!0,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map(((t,i)=>t.icon||t.titleText?e("bds-select-option",{key:i,value:t.value,"title-text":t.titleText,"slot-align":t.slotAlign,bulkOption:t.bulkOption,status:t.status},t.icon&&e("bds-icon",{slot:"input-left",name:t.icon,size:"medium",color:t.iconColor}),t.label):e("bds-select-option",{key:i,value:t.value,bulkOption:t.bulkOption,status:t.status},t.label))):e("slot",null)))}get el(){return o(this)}static get watchers(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}}};n.style=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';export{n as bds_select}

package/dist/blip-ds/p-bb975dd8.system.js

@@ -1 +1 @@
-System.register(["./p-9fb71e47.system.js"],(function(e,t){"use strict";var s,a,n,o,i,d;return{setters:[function(t){s=t.p;a=t.w;n=t.d;o=t.N;i=t.a;d=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,s,a;return(a=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&a!==void 0?a:undefined}var r=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(o,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===o}));var d=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{d.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{c(d.resourcesUrl,e)}if(!a.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return d}))}}return i(d)};var c=function(t,i){var d=r(o);try{a[d]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;a[d]=function(o){var r;var c=new URL(o,t).href;var p=l.get(c);if(!p){var b=n.createElement("script");b.type="module";b.crossOrigin=i.crossOrigin;b.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(d,".m = m;")],{type:"application/javascript"}));var u=(r=s.$nonce$)!==null&&r!==void 0?r:e(n);if(u!=null){b.setAttribute("nonce",u)}p=new Promise((function(e){b.onload=function(){e(a[d].m);b.remove()}}));l.set(c,p);n.head.appendChild(b)}return p}}};l().then((function(e){return d(JSON.parse('[["p-cb62a874.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"variantBanner":[1537,"variant-banner"],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"dtInputStart":[1,"dt-input-start"],"dtInputEnd":[1,"dt-input-end"],"dtOutzone":[1,"dt-outzone"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"dtButtonClear":[1,"dt-button-clear"],"dtButtonConfirm":[1,"dt-button-confirm"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-29b329be.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-39a4ace3.system",[[1,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"selectedOptions":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"selectedOption":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-b6b6d642.system",[[6,"bds-input-chips",{"chips":[1025],"blurCreation":[4,"blur-creation"],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"InputSize":[32],"validationDanger":[32],"inputAvalible":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-8a619c25.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"dtButtonInitial":[1,"dt-button-initial"],"dtButtonPrev":[1,"dt-button-prev"],"dtSelectNumber":[1,"dt-select-number"],"dtButtonNext":[1,"dt-button-next"],"dtButtonEnd":[1,"dt-button-end"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-11c1ec58.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"dtButtonAction":[1,"dt-button-action"],"dtButtonClose":[1,"dt-button-close"],"create":[64],"close":[64]}]]],["p-ba1e393c.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"success":[1540],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"loading":[4],"selectionType":[1,"selection-type"],"selectionTitle":[1,"selection-title"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"textMultiselect":[32],"placeholderState":[32],"internalOptions":[32],"cloneOptions":[32],"checkedOptions":[32],"isFocused":[32],"validationDanger":[32],"validationMesage":[32]},[[9,"mousedown","handleWindow"]]]]],["p-0565c14b.system",[[1,"bds-data-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-04ea8615.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"dtSelectFlag":[1,"dt-select-flag"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]]]],["p-cc104e75.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"dtInputFiles":[1,"dt-input-files"],"dtLabelAddFile":[1,"dt-label-add-file"],"dtButtonDelete":[1,"dt-button-delete"],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32],"deleteFile":[64],"deleteAllFiles":[64]}]]],["p-95999945.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"dataTest":[1,"data-test"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-59139f0a.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-b6a3b64c.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"],"showMessage":[32]}]]],["p-e435aef0.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-c2013974.system",[[1,"bds-tab-group",{"contentScrollable":[4,"content-scrollable"],"align":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-b1ad7577.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-5e8bfc06.system",[[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"dataTest":[1,"data-test"],"type":[32]}]]],["p-4ea51da2.system",[[1,"bds-card",{"height":[1],"width":[1],"clickable":[4],"dataTest":[1,"data-test"],"isHovered":[32],"isPressed":[32],"elevation":[32]}]]],["p-1d9ca89c.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-6320cb21.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"dtButtonEdit":[1,"dt-button-edit"],"dtButtonClose":[1,"dt-button-close"],"dtButtonConfirm":[1,"dt-button-confirm"],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-89f3f4b7.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-91432236.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-f38a8c63.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-6def55bb.system",[[1,"bds-nav-tree",{"collapse":[1],"isOpen":[1540,"is-open"],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"dataTest":[1,"data-test"],"isOpenAftAnimation":[32],"toggle":[64]}]]],["p-d6711a3b.system",[[1,"bds-nav-tree-item",{"collapse":[1],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"isOpen":[1540,"is-open"],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-63e5842c.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-47432e23.system",[[1,"bds-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"markers":[4],"label":[4],"type":[1],"dataMarkers":[1,"data-markers"],"dataTest":[1,"data-test"],"stepArray":[32],"internalOptions":[32],"inputValue":[32]}]]],["p-09c9c1d8.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4],"dataTest":[1,"data-test"]}]]],["p-49a34564.system",[[6,"bds-table-th",{"sortable":[4],"arrow":[1]}]]],["p-efd69a76.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-1f0f256a.system",[[1,"bds-warning"]]],["p-469c9f35.system",[[1,"bds-alert-body"]]],["p-1961dfa0.system",[[1,"bds-card-body"]]],["p-490c4839.system",[[1,"bds-card-footer",{"align":[1]}]]],["p-493ec5ed.system",[[1,"bds-card-header",{"align":[1]}]]],["p-e0915070.system",[[1,"bds-card-subtitle",{"text":[1]}]]],["p-d9a3c3e3.system",[[1,"bds-card-title",{"text":[1]}]]],["p-bebfd407.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-f5c5ab64.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-a91ac4b6.system",[[1,"bds-image",{"src":[1537],"alt":[1],"width":[1],"height":[1],"objectFit":[1,"object-fit"],"dataTest":[1,"data-test"],"imageLoaded":[32],"loadError":[32],"currentSrc":[32],"loadImage":[64]}]]],["p-131a3022.system",[[6,"bds-list-item-content",{"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"gap":[1]}]]],["p-a0390cb0.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-c291eb79.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"outzoneClose":[4,"outzone-close"],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"toggle":[64]}]]],["p-6e29aae2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-242eedb4.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-cf341ccc.system",[[1,"bds-skeleton",{"shape":[1],"height":[1],"width":[1],"dataTest":[1,"data-test"]}]]],["p-b752c885.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-7c6c8c12.system",[[6,"bds-table-cell",{"type":[1],"sortable":[4]}]]],["p-5c971193.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-8e31a15d.system",[[1,"bds-accordion-body",{"dataTest":[1,"data-test"],"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-36f0c491.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-402c83b3.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"position":[1],"toggle":[64]}]]],["p-99c561f8.system",[[1,"bds-alert-actions"]]],["p-41749b53.system",[[1,"bds-banner-link",{"link":[1],"dataTest":[1,"data-test"]}]]],["p-5287e4bd.system",[[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"dataTest":[1,"data-test"],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"toggle":[64],"setOpen":[64],"setClose":[64]}]]],["p-5d90e546.system",[[1,"bds-expansion-panel"]]],["p-961bc822.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-650e3bac.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-19820edc.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-3a290c48.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-b873e3e9.system",[[1,"bds-menu-list"]]],["p-ec5ce525.system",[[1,"bds-modal-action"]]],["p-d5c19688.system",[[1,"bds-navbar",{"orientation":[1],"backgroundColor":[1,"background-color"],"justifyContent":[1,"justify-content"],"dataTest":[1,"data-test"]}]]],["p-ad76b439.system",[[1,"bds-navbar-content"]]],["p-594fa993.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-26f282ad.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-ccdfd0b1.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"disable":[1540],"open":[1540],"dataTest":[1,"data-test"],"reciveNumber":[64]}]]],["p-e5c7a29b.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-b709555f.system",[[6,"bds-table"]]],["p-c4c15869.system",[[6,"bds-table-body"]]],["p-b9e6f8aa.system",[[6,"bds-table-header"]]],["p-020a0a76.system",[[6,"bds-table-row",{"clickable":[4],"selected":[4]}]]],["p-4d71e8ea.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"size":[1],"dataTest":[1,"data-test"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-876bb2ac.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[11,"mousedown","handleWindow"]]]]],["p-220889c7.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1],"dataTest":[1,"data-test"]}]]],["p-784a11ed.system",[[1,"bds-illustration",{"type":[1],"name":[1],"alt":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-f32a2e92.system",[[6,"bds-toast-container"]]],["p-b7935d28.system",[[1,"bds-button",{"block":[4],"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"iconTheme":[513,"icon-theme"],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}]]],["p-9102006f.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"dtButtonClose":[1,"dt-button-close"],"visible":[32],"toggle":[64]}]]],["p-fa16b221.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-33cf5eb9.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-0c8d7e7a.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-e12a410d.system",[[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-8c6c10b3.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}]]],["p-3ba9ad1e.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}]]],["p-083c5b88.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1025,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"textVerify":[32],"visible":[64],"invisible":[64]}]]],["p-a397f622.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"iconTheme":[513,"icon-theme"],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-472286e2.system",[[0,"bds-test-component"],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-paper",{"elevation":[1537],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"bgColor":[1,"bg-color"],"hasBorder":[32],"constElevation":[32]}],[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-dc34d743.system",[[1,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"typeOption":[1537,"type-option"],"checked":[1540],"dataTest":[1,"data-test"],"toggle":[64],"toMark":[64],"markOff":[64]}],[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64],"toggle":[64]}]]]]'),e)}))}}}));
+System.register(["./p-9fb71e47.system.js"],(function(e,t){"use strict";var s,a,n,o,i,d;return{setters:[function(t){s=t.p;a=t.w;n=t.d;o=t.N;i=t.a;d=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,s,a;return(a=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&a!==void 0?a:undefined}var r=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(o,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===o}));var d=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{d.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{c(d.resourcesUrl,e)}if(!a.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return d}))}}return i(d)};var c=function(t,i){var d=r(o);try{a[d]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;a[d]=function(o){var r;var c=new URL(o,t).href;var p=l.get(c);if(!p){var b=n.createElement("script");b.type="module";b.crossOrigin=i.crossOrigin;b.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(d,".m = m;")],{type:"application/javascript"}));var u=(r=s.$nonce$)!==null&&r!==void 0?r:e(n);if(u!=null){b.setAttribute("nonce",u)}p=new Promise((function(e){b.onload=function(){e(a[d].m);b.remove()}}));l.set(c,p);n.head.appendChild(b)}return p}}};l().then((function(e){return d(JSON.parse('[["p-cb62a874.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"variantBanner":[1537,"variant-banner"],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"dtInputStart":[1,"dt-input-start"],"dtInputEnd":[1,"dt-input-end"],"dtOutzone":[1,"dt-outzone"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"dtButtonClear":[1,"dt-button-clear"],"dtButtonConfirm":[1,"dt-button-confirm"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-29b329be.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-39a4ace3.system",[[1,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"selectedOptions":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"selectedOption":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-b6b6d642.system",[[6,"bds-input-chips",{"chips":[1025],"blurCreation":[4,"blur-creation"],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"InputSize":[32],"validationDanger":[32],"inputAvalible":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-8a619c25.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"dtButtonInitial":[1,"dt-button-initial"],"dtButtonPrev":[1,"dt-button-prev"],"dtSelectNumber":[1,"dt-select-number"],"dtButtonNext":[1,"dt-button-next"],"dtButtonEnd":[1,"dt-button-end"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-11c1ec58.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"dtButtonAction":[1,"dt-button-action"],"dtButtonClose":[1,"dt-button-close"],"create":[64],"close":[64]}]]],["p-ba1e393c.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"success":[1540],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"loading":[4],"selectionType":[1,"selection-type"],"selectionTitle":[1,"selection-title"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"textMultiselect":[32],"placeholderState":[32],"internalOptions":[32],"cloneOptions":[32],"checkedOptions":[32],"isFocused":[32],"validationDanger":[32],"validationMesage":[32]},[[9,"mousedown","handleWindow"]]]]],["p-0565c14b.system",[[1,"bds-data-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-04ea8615.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"dtSelectFlag":[1,"dt-select-flag"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]]]],["p-cc104e75.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"dtInputFiles":[1,"dt-input-files"],"dtLabelAddFile":[1,"dt-label-add-file"],"dtButtonDelete":[1,"dt-button-delete"],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32],"deleteFile":[64],"deleteAllFiles":[64]}]]],["p-95999945.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"dataTest":[1,"data-test"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-59139f0a.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-b6a3b64c.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"],"showMessage":[32]}]]],["p-e435aef0.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-c2013974.system",[[1,"bds-tab-group",{"contentScrollable":[4,"content-scrollable"],"align":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-b1ad7577.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-5e8bfc06.system",[[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"dataTest":[1,"data-test"],"type":[32]}]]],["p-4ea51da2.system",[[1,"bds-card",{"height":[1],"width":[1],"clickable":[4],"dataTest":[1,"data-test"],"isHovered":[32],"isPressed":[32],"elevation":[32]}]]],["p-1d9ca89c.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-6320cb21.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"dtButtonEdit":[1,"dt-button-edit"],"dtButtonClose":[1,"dt-button-close"],"dtButtonConfirm":[1,"dt-button-confirm"],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-89f3f4b7.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-91432236.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-f38a8c63.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-6def55bb.system",[[1,"bds-nav-tree",{"collapse":[1],"isOpen":[1540,"is-open"],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"dataTest":[1,"data-test"],"isOpenAftAnimation":[32],"toggle":[64]}]]],["p-d6711a3b.system",[[1,"bds-nav-tree-item",{"collapse":[1],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"isOpen":[1540,"is-open"],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-63e5842c.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-47432e23.system",[[1,"bds-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"markers":[4],"label":[4],"type":[1],"dataMarkers":[1,"data-markers"],"dataTest":[1,"data-test"],"stepArray":[32],"internalOptions":[32],"inputValue":[32]}]]],["p-09c9c1d8.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4],"dataTest":[1,"data-test"]}]]],["p-49a34564.system",[[6,"bds-table-th",{"sortable":[4],"arrow":[1]}]]],["p-efd69a76.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-1f0f256a.system",[[1,"bds-warning"]]],["p-469c9f35.system",[[1,"bds-alert-body"]]],["p-1961dfa0.system",[[1,"bds-card-body"]]],["p-490c4839.system",[[1,"bds-card-footer",{"align":[1]}]]],["p-493ec5ed.system",[[1,"bds-card-header",{"align":[1]}]]],["p-e0915070.system",[[1,"bds-card-subtitle",{"text":[1]}]]],["p-d9a3c3e3.system",[[1,"bds-card-title",{"text":[1]}]]],["p-bebfd407.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-f5c5ab64.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-a91ac4b6.system",[[1,"bds-image",{"src":[1537],"alt":[1],"width":[1],"height":[1],"objectFit":[1,"object-fit"],"dataTest":[1,"data-test"],"imageLoaded":[32],"loadError":[32],"currentSrc":[32],"loadImage":[64]}]]],["p-131a3022.system",[[6,"bds-list-item-content",{"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"gap":[1]}]]],["p-a0390cb0.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-c291eb79.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"outzoneClose":[4,"outzone-close"],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"toggle":[64]}]]],["p-6e29aae2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-242eedb4.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-cf341ccc.system",[[1,"bds-skeleton",{"shape":[1],"height":[1],"width":[1],"dataTest":[1,"data-test"]}]]],["p-b752c885.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-7c6c8c12.system",[[6,"bds-table-cell",{"type":[1],"sortable":[4]}]]],["p-5c971193.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-8e31a15d.system",[[1,"bds-accordion-body",{"dataTest":[1,"data-test"],"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-36f0c491.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-402c83b3.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"position":[1],"toggle":[64]}]]],["p-99c561f8.system",[[1,"bds-alert-actions"]]],["p-41749b53.system",[[1,"bds-banner-link",{"link":[1],"dataTest":[1,"data-test"]}]]],["p-5287e4bd.system",[[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"dataTest":[1,"data-test"],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"toggle":[64],"setOpen":[64],"setClose":[64]}]]],["p-5d90e546.system",[[1,"bds-expansion-panel"]]],["p-961bc822.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-650e3bac.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-19820edc.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-3a290c48.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-b873e3e9.system",[[1,"bds-menu-list"]]],["p-ec5ce525.system",[[1,"bds-modal-action"]]],["p-d5c19688.system",[[1,"bds-navbar",{"orientation":[1],"backgroundColor":[1,"background-color"],"justifyContent":[1,"justify-content"],"dataTest":[1,"data-test"]}]]],["p-ad76b439.system",[[1,"bds-navbar-content"]]],["p-594fa993.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-26f282ad.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-ccdfd0b1.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"disable":[1540],"open":[1540],"dataTest":[1,"data-test"],"reciveNumber":[64]}]]],["p-e5c7a29b.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-b709555f.system",[[6,"bds-table"]]],["p-c4c15869.system",[[6,"bds-table-body"]]],["p-b9e6f8aa.system",[[6,"bds-table-header"]]],["p-020a0a76.system",[[6,"bds-table-row",{"clickable":[4],"selected":[4]}]]],["p-4d71e8ea.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"size":[1],"dataTest":[1,"data-test"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-3f7c2d86.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[11,"mousedown","handleWindow"]]]]],["p-220889c7.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1],"dataTest":[1,"data-test"]}]]],["p-784a11ed.system",[[1,"bds-illustration",{"type":[1],"name":[1],"alt":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-f32a2e92.system",[[6,"bds-toast-container"]]],["p-b7935d28.system",[[1,"bds-button",{"block":[4],"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"iconTheme":[513,"icon-theme"],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}]]],["p-9102006f.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"dtButtonClose":[1,"dt-button-close"],"visible":[32],"toggle":[64]}]]],["p-fa16b221.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-33cf5eb9.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-0c8d7e7a.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-e12a410d.system",[[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-8c6c10b3.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}]]],["p-1396c311.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}]]],["p-083c5b88.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1025,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"textVerify":[32],"visible":[64],"invisible":[64]}]]],["p-a397f622.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"iconTheme":[513,"icon-theme"],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-472286e2.system",[[0,"bds-test-component"],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-paper",{"elevation":[1537],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"bgColor":[1,"bg-color"],"hasBorder":[32],"constElevation":[32]}],[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-dc34d743.system",[[1,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"typeOption":[1537,"type-option"],"checked":[1540],"dataTest":[1,"data-test"],"toggle":[64],"toMark":[64],"markOff":[64]}],[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64],"toggle":[64]}]]]]'),e)}))}}}));

package/dist/cjs/bds-avatar.cjs.entry.js

@@ -33,7 +33,7 @@ const colorLetter = [
   { value: 'Z', color: 'system' },
 ];
 
-const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
+const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
 
 const BdsAvatar = class {
   constructor(hostRef) {
@@ -99,12 +99,6 @@ const BdsAvatar = class {
       this.bdsClickAvatar.emit(event);
     }
   }
-  handleClickKey(event) {
-    if ((event.key === 'Enter' || event.key === ' ') && this.upload) {
-      event.preventDefault();
-      this.bdsClickAvatar.emit();
-    }
-  }
   componentWillRender() {
     this.hasThumb = this.thumbnail ? (this.thumbnail.length !== 0 ? true : false) : false;
   }
@@ -129,7 +123,7 @@ const BdsAvatar = class {
                 : null}`]: true,
         [`avatar__size--${this.size}`]: true,
         upload: this.upload,
-      }, "data-test": this.dataTest }, this.ellipsis ? (index.h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload && this.size !== 'micro' ? (index.h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, index.h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), index.h("div", { class: "avatar__btn__thumb" }, index.h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (index.h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }))) : this.name ? (this.upload && this.size !== 'micro' ? (index.h("div", { class: "avatar__btn", onClick: () => this.onUploadClick, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, index.h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), index.h("div", { class: "avatar__btn__name" }, index.h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (index.h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload && this.size !== 'micro' ? (index.h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, index.h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), index.h("div", { class: "avatar__btn__empty" }, index.h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (index.h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize })) : ('')), this.upload && this.size !== 'micro' ? (index.h("div", { tabindex: "0", onClick: () => this.handleClickKey, class: "focus" })) : ('')));
+      }, onClick: (ev) => this.onUploadClick(ev), tabindex: "0", onKeyDown: this.handleKeyDown.bind(this), "data-test": this.dataTest }, this.ellipsis ? (index.h("div", { class: "avatar__btn" }, index.h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`))) : this.thumbnail ? (this.upload ? (index.h("div", { class: "avatar__btn" }, index.h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), index.h("div", { class: "avatar__btn__thumb" }, index.h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (index.h("div", { class: "avatar__btn" }, index.h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle })))) : this.name ? (this.upload ? (index.h("div", { class: "avatar__btn" }, index.h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), index.h("div", { class: "avatar__btn__name" }, index.h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (index.h("div", { class: "avatar__btn" }, index.h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName)))) : this.upload ? (index.h("div", { class: "avatar__btn" }, index.h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), index.h("div", { class: "avatar__btn__empty" }, index.h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (index.h("div", { class: "avatar__btn" }, index.h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize }))) : (''))));
   }
 };
 BdsAvatar.style = avatarCss;

package/dist/cjs/bds-illustration.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c39513a5.js');
 
 const name = "blip-ds";
-const version = "1.281.2";
+const version = "1.281.5";
 const description = "Blip Design System";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";

package/dist/cjs/bds-select.cjs.entry.js

@@ -118,7 +118,6 @@ const Select = class {
   }
   componentWillRender() {
     this.options && this.updateOptions();
-    this.getValueSelected();
   }
   componentDidLoad() {
     this.getValueSelected();

package/dist/collection/components/avatar/avatar.css

@@ -23,16 +23,26 @@
 }
 
 .avatar {
-  border-radius: 40px;
-  border: 1px solid var(--color-border-2, #CFCFCF);
-  box-sizing: border-box;
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
-  overflow: hidden;
   appearance: none;
   height: 100%;
 }
+.avatar::before {
+  content: "";
+  position: absolute;
+  inset: -4px;
+  border: 2px solid transparent;
+  border-radius: 4px;
+}
+.avatar:focus-visible {
+  outline: none;
+}
+.avatar:focus-visible::before {
+  border-color: var(--color-focus, #c226fb);
+}
 .avatar__ellipsis {
   color: var(--color-surface-1, #F6F6F6);
 }
@@ -43,26 +53,17 @@
   color: var(--color-content-default, #454545);
 }
 .avatar__btn {
+  border-radius: 40px;
+  border: 1px solid var(--color-border-2, #CFCFCF);
+  box-sizing: border-box;
   position: relative;
   width: 100%;
   height: 100%;
+  overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.avatar__btn::before {
-  content: "";
-  position: absolute;
-  inset: -4px;
-  border: 2px solid transparent;
-  border-radius: 4px;
-}
-.avatar__btn:focus-visible {
-  outline: none;
-}
-.avatar__btn:focus-visible::before {
-  border-color: var(--color-focus, #c226fb);
-}
 .avatar__btn__img {
   background-position: center;
   background-size: cover;
@@ -101,6 +102,7 @@
   transition: all 0.5s;
 }
 .avatar__btn__thumb__icon {
+  position: relative;
   color: var(--color-surface-1, #F6F6F6);
   opacity: 0;
   transition: all 0.5s;
@@ -177,23 +179,23 @@
   min-width: 72px;
   min-height: 72px;
 }
-.avatar__color--system {
+.avatar__color--system .avatar__btn {
   background-color: var(--color-system, #B2DFFD);
 }
-.avatar__color--warning {
+.avatar__color--warning .avatar__btn {
   background-color: var(--color-warning, #fde99b);
 }
-.avatar__color--success {
+.avatar__color--success .avatar__btn {
   background-color: var(--color-success, #84ebbc);
 }
-.avatar__color--info {
+.avatar__color--info .avatar__btn {
   background-color: var(--color-info, #80e3eb);
 }
-.avatar__color--error {
+.avatar__color--error .avatar__btn {
   background-color: var(--color-error, #f99f9f);
 }
-.avatar__color--surface {
-  background-color: var(--color-surface-3, #CFCFCF);
+.avatar__color--surface .avatar__btn {
+  background-color: var(--color-surface-2, #E0E0E0);
   color: var(--color-content-disable, #636363);
 }
 .avatar:hover .avatar__btn__thumb:before {

package/dist/collection/components/avatar/avatar.js

@@ -62,12 +62,6 @@ export class BdsAvatar {
       this.bdsClickAvatar.emit(event);
     }
   }
-  handleClickKey(event) {
-    if ((event.key === 'Enter' || event.key === ' ') && this.upload) {
-      event.preventDefault();
-      this.bdsClickAvatar.emit();
-    }
-  }
   componentWillRender() {
     this.hasThumb = this.thumbnail ? (this.thumbnail.length !== 0 ? true : false) : false;
   }
@@ -92,7 +86,7 @@ export class BdsAvatar {
                 : null}`]: true,
         [`avatar__size--${this.size}`]: true,
         upload: this.upload,
-      }, "data-test": this.dataTest }, this.ellipsis ? (h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }))) : this.name ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize })) : ('')), this.upload && this.size !== 'micro' ? (h("div", { tabindex: "0", onClick: () => this.handleClickKey, class: "focus" })) : ('')));
+      }, onClick: (ev) => this.onUploadClick(ev), tabindex: "0", onKeyDown: this.handleKeyDown.bind(this), "data-test": this.dataTest }, this.ellipsis ? (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`))) : this.thumbnail ? (this.upload ? (h("div", { class: "avatar__btn" }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: "avatar__btn" }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle })))) : this.name ? (this.upload ? (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName)))) : this.upload ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize }))) : (''))));
   }
   static get is() { return "bds-avatar"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/selects/select/select.js

@@ -106,7 +106,6 @@ export class Select {
   }
   componentWillRender() {
     this.options && this.updateOptions();
-    this.getValueSelected();
   }
   componentDidLoad() {
     this.getValueSelected();

package/dist/esm/bds-avatar.entry.js

@@ -29,7 +29,7 @@ const colorLetter = [
   { value: 'Z', color: 'system' },
 ];
 
-const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
+const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
 
 const BdsAvatar = class {
   constructor(hostRef) {
@@ -95,12 +95,6 @@ const BdsAvatar = class {
       this.bdsClickAvatar.emit(event);
     }
   }
-  handleClickKey(event) {
-    if ((event.key === 'Enter' || event.key === ' ') && this.upload) {
-      event.preventDefault();
-      this.bdsClickAvatar.emit();
-    }
-  }
   componentWillRender() {
     this.hasThumb = this.thumbnail ? (this.thumbnail.length !== 0 ? true : false) : false;
   }
@@ -125,7 +119,7 @@ const BdsAvatar = class {
                 : null}`]: true,
         [`avatar__size--${this.size}`]: true,
         upload: this.upload,
-      }, "data-test": this.dataTest }, this.ellipsis ? (h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }))) : this.name ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize })) : ('')), this.upload && this.size !== 'micro' ? (h("div", { tabindex: "0", onClick: () => this.handleClickKey, class: "focus" })) : ('')));
+      }, onClick: (ev) => this.onUploadClick(ev), tabindex: "0", onKeyDown: this.handleKeyDown.bind(this), "data-test": this.dataTest }, this.ellipsis ? (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`))) : this.thumbnail ? (this.upload ? (h("div", { class: "avatar__btn" }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: "avatar__btn" }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle })))) : this.name ? (this.upload ? (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: "avatar__btn" }, h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName)))) : this.upload ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize }))) : (''))));
   }
 };
 BdsAvatar.style = avatarCss;

package/dist/esm/bds-illustration.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, f as Host } from './index-625366c6.js';
 
 const name = "blip-ds";
-const version = "1.281.2";
+const version = "1.281.5";
 const description = "Blip Design System";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";

package/dist/esm/bds-select.entry.js

@@ -114,7 +114,6 @@ const Select = class {
   }
   componentWillRender() {
     this.options && this.updateOptions();
-    this.getValueSelected();
   }
   componentDidLoad() {
     this.getValueSelected();

package/dist/esm-es5/bds-avatar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-27f906e2.js";var colorLetter=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var avatarCss=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var BdsAvatar=function(){function a(a){var t=this;registerInstance(this,a);this.bdsClickAvatar=createEvent(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(a){switch(a){case"micro":t.typoSize="fs-12";t.iconSize="xx-small";break;case"extra-small":t.typoSize="fs-14";t.iconSize="x-small";break;case"small":t.typoSize="fs-16";t.iconSize="medium";break;case"standard":t.typoSize="fs-20";t.iconSize="x-large";break;case"large":t.typoSize="fs-24";t.iconSize="xxx-large";break;case"extra-large":t.typoSize="fs-32";t.iconSize="xxx-large";break;default:t.typoSize="fs-20";t.iconSize="medium"}};this.avatarBgColor=function(a){if(t.color!="colorLetter"){return t.color}else if(a){var e=colorLetter.find((function(t){return t.value===a}));return e.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleKeyDown=function(a){if(a.key=="Enter"){this.bdsClickAvatar.emit(a)}};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.upload){a.preventDefault();this.bdsClickAvatar.emit()}};a.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};a.prototype.render=function(){var a;var t=this;var e=this.name?this.name.split(" "):[];var i=e.length?e.shift().charAt(0).toUpperCase():"";var o=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var r={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return h(Host,null,h("div",{class:(a={avatar:true},a["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(i):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(i):null)]=true,a["avatar__size--".concat(this.size)]=true,a.upload=this.upload,a),"data-test":this.dataTest},this.ellipsis?h("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},h("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:r}),h("div",{class:"avatar__btn__thumb"},h("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):h("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:r}):this.name?this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},h("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},i+o),h("div",{class:"avatar__btn__name"},h("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):h("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},i+o):this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},h("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),h("div",{class:"avatar__btn__empty"},h("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?h("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}):""),this.upload&&this.size!=="micro"?h("div",{tabindex:"0",onClick:function(){return t.handleClickKey},class:"focus"}):"")};return a}();BdsAvatar.style=avatarCss;export{BdsAvatar as bds_avatar};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-27f906e2.js";var colorLetter=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var avatarCss=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar:focus-visible{outline:none}.avatar:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{position:relative;color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system .avatar__btn{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning .avatar__btn{background-color:var(--color-warning, #fde99b)}.avatar__color--success .avatar__btn{background-color:var(--color-success, #84ebbc)}.avatar__color--info .avatar__btn{background-color:var(--color-info, #80e3eb)}.avatar__color--error .avatar__btn{background-color:var(--color-error, #f99f9f)}.avatar__color--surface .avatar__btn{background-color:var(--color-surface-2, #E0E0E0);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var BdsAvatar=function(){function a(a){var t=this;registerInstance(this,a);this.bdsClickAvatar=createEvent(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(a){switch(a){case"micro":t.typoSize="fs-12";t.iconSize="xx-small";break;case"extra-small":t.typoSize="fs-14";t.iconSize="x-small";break;case"small":t.typoSize="fs-16";t.iconSize="medium";break;case"standard":t.typoSize="fs-20";t.iconSize="x-large";break;case"large":t.typoSize="fs-24";t.iconSize="xxx-large";break;case"extra-large":t.typoSize="fs-32";t.iconSize="xxx-large";break;default:t.typoSize="fs-20";t.iconSize="medium"}};this.avatarBgColor=function(a){if(t.color!="colorLetter"){return t.color}else if(a){var e=colorLetter.find((function(t){return t.value===a}));return e.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleKeyDown=function(a){if(a.key=="Enter"){this.bdsClickAvatar.emit(a)}};a.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};a.prototype.render=function(){var a;var t=this;var e=this.name?this.name.split(" "):[];var o=e.length?e.shift().charAt(0).toUpperCase():"";var i=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var r={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return h(Host,null,h("div",{class:(a={avatar:true},a["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(o):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(o):null)]=true,a["avatar__size--".concat(this.size)]=true,a.upload=this.upload,a),onClick:function(a){return t.onUploadClick(a)},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this),"data-test":this.dataTest},this.ellipsis?h("div",{class:"avatar__btn"},h("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis))):this.thumbnail?this.upload?h("div",{class:"avatar__btn"},h("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:r}),h("div",{class:"avatar__btn__thumb"},h("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):h("div",{class:"avatar__btn"},h("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:r})):this.name?this.upload?h("div",{class:"avatar__btn"},h("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},o+i),h("div",{class:"avatar__btn__name"},h("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):h("div",{class:"avatar__btn"},h("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},o+i)):this.upload?h("div",{class:"avatar__btn"},h("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),h("div",{class:"avatar__btn__empty"},h("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?h("div",{class:"avatar__btn"},h("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})):""))};return a}();BdsAvatar.style=avatarCss;export{BdsAvatar as bds_avatar};

package/dist/esm-es5/bds-select.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-27f906e2.js";import{g as getScrollParent,p as positionAbsoluteElement}from"./position-element-a18074c8.js";var selectCss=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var Select=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsCancel=createEvent(this,"bdsCancel",7);this.bdsFocus=createEvent(this,"bdsFocus",7);this.bdsBlur=createEvent(this,"bdsBlur",7);this.refNativeInput=function(e){t.nativeInput=e};this.refDropdown=function(e){t.dropElement=e};this.refIconDrop=function(e){t.iconDropElement=e};this.onClickWrapper=function(){t.onFocus();t.isOpen=true;if(t.nativeInput){t.nativeInput.focus()}};this.onFocus=function(){t.bdsFocus.emit();t.isPressed=true};this.onBlur=function(){t.bdsBlur.emit();t.isPressed=false};this.toggle=function(){if(!t.disabled){t.isOpen=!t.isOpen}};this.getText=function(){var e,i;var o=t.childOptions.find((function(e){return e.value==t.value}));if((o===null||o===void 0?void 0:o.status)||(o===null||o===void 0?void 0:o.bulkOption)){if(t.internalOptions){var n=t.internalOptions.find((function(e){return e.value==o.value}));if(n){return n.titleText?n.titleText:n.label}}return o.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(o===null||o===void 0?void 0:o.titleText)?o.titleText:(i=(e=o===null||o===void 0?void 0:o.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.handler=function(e){var i=e.detail.value;t.value=i;t.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=getScrollParent(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions();this.getValueSelected()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=positionAbsoluteElement({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&h("div",{class:{input__icon:true,"input__icon--large":!!this.label}},h("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&h("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},h("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return h("div",{class:i,part:"input__message"},h("div",{class:"input__message__icon"},h("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),h("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return h("div",{class:"select"},h("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},h("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),h("div",{class:"input__container"},this.renderLabel(),h("div",{class:{input__container__wrapper:true}},h("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),h("div",{class:"select__icon"},h("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&h("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),h("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?h("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&h("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):h("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}();Select.style=selectCss;export{Select as bds_select};
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-27f906e2.js";import{g as getScrollParent,p as positionAbsoluteElement}from"./position-element-a18074c8.js";var selectCss=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var Select=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsCancel=createEvent(this,"bdsCancel",7);this.bdsFocus=createEvent(this,"bdsFocus",7);this.bdsBlur=createEvent(this,"bdsBlur",7);this.refNativeInput=function(e){t.nativeInput=e};this.refDropdown=function(e){t.dropElement=e};this.refIconDrop=function(e){t.iconDropElement=e};this.onClickWrapper=function(){t.onFocus();t.isOpen=true;if(t.nativeInput){t.nativeInput.focus()}};this.onFocus=function(){t.bdsFocus.emit();t.isPressed=true};this.onBlur=function(){t.bdsBlur.emit();t.isPressed=false};this.toggle=function(){if(!t.disabled){t.isOpen=!t.isOpen}};this.getText=function(){var e,i;var o=t.childOptions.find((function(e){return e.value==t.value}));if((o===null||o===void 0?void 0:o.status)||(o===null||o===void 0?void 0:o.bulkOption)){if(t.internalOptions){var n=t.internalOptions.find((function(e){return e.value==o.value}));if(n){return n.titleText?n.titleText:n.label}}return o.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(o===null||o===void 0?void 0:o.titleText)?o.titleText:(i=(e=o===null||o===void 0?void 0:o.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.handler=function(e){var i=e.detail.value;t.value=i;t.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=getScrollParent(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=positionAbsoluteElement({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&h("div",{class:{input__icon:true,"input__icon--large":!!this.label}},h("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&h("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},h("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return h("div",{class:i,part:"input__message"},h("div",{class:"input__message__icon"},h("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),h("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return h("div",{class:"select"},h("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},h("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),h("div",{class:"input__container"},this.renderLabel(),h("div",{class:{input__container__wrapper:true}},h("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),h("div",{class:"select__icon"},h("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&h("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),h("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?h("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&h("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):h("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}();Select.style=selectCss;export{Select as bds_select};

package/dist/types/components/avatar/avatar.d.ts

@@ -38,7 +38,6 @@ export declare class BdsAvatar {
   bdsClickAvatar: EventEmitter;
   private onUploadClick;
   handleKeyDown(event: any): void;
-  private handleClickKey;
   private selectTypoSize;
   private avatarBgColor;
   componentWillRender(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blip-ds",
-  "version": "1.281.2",
+  "version": "1.281.5",
   "description": "Blip Design System",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",

package/dist/blip-ds/p-0ec4a029.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as i,H as o}from"./p-952c43a2.js";const s=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}],e=class{constructor(i){t(this,i),this.bdsClickAvatar=a(this,"bdsClickAvatar",7),this.typoSize="fs-20",this.iconSize="large",this.selectTypoSize=t=>{switch(t){case"micro":this.typoSize="fs-12",this.iconSize="xx-small";break;case"extra-small":this.typoSize="fs-14",this.iconSize="x-small";break;case"small":this.typoSize="fs-16",this.iconSize="medium";break;case"standard":this.typoSize="fs-20",this.iconSize="x-large";break;case"large":this.typoSize="fs-24",this.iconSize="xxx-large";break;case"extra-large":this.typoSize="fs-32",this.iconSize="xxx-large";break;default:this.typoSize="fs-20",this.iconSize="medium"}},this.avatarBgColor=t=>"colorLetter"!=this.color?this.color:t?s.find((a=>a.value===t)).color:void 0,this.hasThumb=void 0,this.name=null,this.thumbnail=null,this.size="standard",this.color="colorLetter",this.upload=!1,this.ellipsis=null,this.dataTest=null}onUploadClick(t){t.preventDefault(),this.bdsClickAvatar.emit(t)}handleKeyDown(t){"Enter"==t.key&&this.bdsClickAvatar.emit(t)}handleClickKey(t){"Enter"!==t.key&&" "!==t.key||!this.upload||(t.preventDefault(),this.bdsClickAvatar.emit())}componentWillRender(){this.hasThumb=!!this.thumbnail&&0!==this.thumbnail.length}render(){const t=this.name?this.name.split(" "):[],a=t.length?t.shift().charAt(0).toUpperCase():"",s=t.length?t.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);const e={backgroundImage:`url(${this.hasThumb?this.thumbnail:null})`};return i(o,null,i("div",{class:{avatar:!0,[`avatar__color--${this.name&&!this.hasThumb?this.avatarBgColor(a):this.hasThumb&&!this.name?"surface":this.name||this.hasThumb?this.name&&this.hasThumb?this.avatarBgColor(a):null:"surface"}`]:!0,[`avatar__size--${this.size}`]:!0,upload:this.upload},"data-test":this.dataTest},this.ellipsis?i("bds-typo",{margin:!1,variant:this.typoSize,tag:"span"},`+${this.ellipsis}`):this.thumbnail?this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick},i("div",{class:`avatar__btn__img avatar__size--${this.size}`,style:e}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:`avatar__btn__img avatar__size--${this.size}`,style:e}):this.name?this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick,tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},i("bds-typo",{margin:!1,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},a+s),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-typo",{margin:!1,class:"avatar__text",variant:this.typoSize,tag:"span"},a+s):this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):null!==this.name||this.hasThumb?"":i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&"micro"!==this.size?i("div",{tabindex:"0",onClick:()=>this.handleClickKey,class:"focus"}):"")}};e.style=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';export{e as bds_avatar}

package/dist/blip-ds/p-3ba9ad1e.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-9fb71e47.system.js"],(function(t){"use strict";var a,e,i,o;return{setters:[function(t){a=t.r;e=t.c;i=t.h;o=t.H}],execute:function(){var r=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var n=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var s=t("bds_avatar",function(){function t(t){var i=this;a(this,t);this.bdsClickAvatar=e(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(t){switch(t){case"micro":i.typoSize="fs-12";i.iconSize="xx-small";break;case"extra-small":i.typoSize="fs-14";i.iconSize="x-small";break;case"small":i.typoSize="fs-16";i.iconSize="medium";break;case"standard":i.typoSize="fs-20";i.iconSize="x-large";break;case"large":i.typoSize="fs-24";i.iconSize="xxx-large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="xxx-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}};this.avatarBgColor=function(t){if(i.color!="colorLetter"){return i.color}else if(t){var a=r.find((function(a){return a.value===t}));return a.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}t.prototype.onUploadClick=function(t){t.preventDefault();this.bdsClickAvatar.emit(t)};t.prototype.handleKeyDown=function(t){if(t.key=="Enter"){this.bdsClickAvatar.emit(t)}};t.prototype.handleClickKey=function(t){if((t.key==="Enter"||t.key===" ")&&this.upload){t.preventDefault();this.bdsClickAvatar.emit()}};t.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};t.prototype.render=function(){var t;var a=this;var e=this.name?this.name.split(" "):[];var r=e.length?e.shift().charAt(0).toUpperCase():"";var n=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var s={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return i(o,null,i("div",{class:(t={avatar:true},t["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(r):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(r):null)]=true,t["avatar__size--".concat(this.size)]=true,t.upload=this.upload,t),"data-test":this.dataTest},this.ellipsis?i("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick}},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}):this.name?this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},i("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+n),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},r+n):this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick}},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}):""),this.upload&&this.size!=="micro"?i("div",{tabindex:"0",onClick:function(){return a.handleClickKey},class:"focus"}):"")};return t}());s.style=n}}}));

package/dist/blip-ds/p-7458b574.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as o}from"./p-952c43a2.js";import{g as s,p as r}from"./p-feb3bd38.js";const n=class{constructor(e){t(this,e),this.bdsChange=i(this,"bdsChange",7),this.bdsCancel=i(this,"bdsCancel",7),this.bdsFocus=i(this,"bdsFocus",7),this.bdsBlur=i(this,"bdsBlur",7),this.refNativeInput=t=>{this.nativeInput=t},this.refDropdown=t=>{this.dropElement=t},this.refIconDrop=t=>{this.iconDropElement=t},this.onClickWrapper=()=>{this.onFocus(),this.isOpen=!0,this.nativeInput&&this.nativeInput.focus()},this.onFocus=()=>{this.bdsFocus.emit(),this.isPressed=!0},this.onBlur=()=>{this.bdsBlur.emit(),this.isPressed=!1},this.toggle=()=>{this.disabled||(this.isOpen=!this.isOpen)},this.getText=()=>{var t,i;const e=this.childOptions.find((t=>t.value==this.value));if((null==e?void 0:e.status)||(null==e?void 0:e.bulkOption)){if(this.internalOptions){const t=this.internalOptions.find((t=>t.value==e.value));if(t)return t.titleText?t.titleText:t.label}return e.querySelector(`#bds-typo-label-${this.value}`).textContent}return(null==e?void 0:e.titleText)?e.titleText:null!==(i=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""},this.handler=t=>{const{detail:{value:i}}=t;this.value=i,this.toggle()},this.intoView=null,this.isOpen=!1,this.text="",this.validationDanger=!1,this.isPressed=!1,this.validationMesage="",this.internalOptions=void 0,this.options=void 0,this.value=void 0,this.danger=!1,this.success=!1,this.disabled=!1,this.label="",this.icon="",this.placeholder="",this.helperMessage="",this.errorMessage="",this.successMessage="",this.optionsPosition="auto",this.dataTest=null}isOpenChanged(t){this.iconDropElement.name="bottom"==this.positionHeightDrop?this.isOpen?"arrow-up":"arrow-down":this.isOpen?"arrow-down":"arrow-up",t&&("auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop())}valueChanged(){this.bdsChange.emit({value:this.value});for(const t of this.childOptions)t.selected=this.value===t.value;this.text=this.getText()}handleWindow(t){t.composedPath().find((t=>t==this.el))||(this.isOpen=!1)}componentWillLoad(){this.options&&this.optionsChanged(),this.intoView=s(this.el)}componentWillRender(){this.options&&this.updateOptions(),this.getValueSelected()}componentDidLoad(){this.getValueSelected(),"auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop()}setDefaultPlacement(t){"bottom"==t?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}validatePositionDrop(){const t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y,"bottom"==t.y?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}optionsChanged(){this.updateOptions()}getValueSelected(){for(const t of this.childOptions)t.selected=this.value===t.value,t.addEventListener("optionSelected",this.handler);this.text=this.getText()}updateOptions(){this.options&&(this.internalOptions="string"==typeof this.options?JSON.parse(this.options):this.options)}get childOptions(){return Array.from(this.options?this.el.shadowRoot.querySelectorAll("bds-select-option"):this.el.querySelectorAll("bds-select-option"))}get childOptionSelected(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((t=>t.selected)):Array.from(this.el.querySelectorAll("bds-select-option")).find((t=>t.selected))}keyPressWrapper(t){var i,e,o,s;switch(t.key){case"Enter":this.toggle();break;case"ArrowDown":if(this.disabled||(this.isOpen=!0),this.childOptionSelected)return void(this.value=null===(i=this.childOptionSelected.nextSibling)||void 0===i?void 0:i.value);this.value=null===(e=this.el.firstElementChild)||void 0===e?void 0:e.value;break;case"ArrowUp":if(this.childOptionSelected)return void(this.value=null===(o=this.childOptionSelected.previousSibling)||void 0===o?void 0:o.value);this.value=null===(s=this.el.lastElementChild)||void 0===s?void 0:s.value}}renderIcon(){return this.icon&&e("div",{class:{input__icon:!0,"input__icon--large":!!this.label}},e("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))}renderLabel(){return this.label&&e("label",{class:{input__container__label:!0,"input__container__label--pressed":this.isPressed&&!this.disabled}},e("bds-typo",{variant:"fs-12",bold:"bold"},this.label))}renderMessage(){let t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger&&(t=this.validationMesage),t)return e("div",{class:this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message",part:"input__message"},e("div",{class:"input__message__icon"},e("bds-icon",{size:"x-small",name:this.danger?"error":this.success?"checkball":"info",theme:"solid",color:"inherit"})),e("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}render(){return e("div",{class:"select"},e("div",{class:{element_input:!0},"aria-disabled":this.disabled?"true":null},e("div",{class:{input:!0,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed&&!this.disabled},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),e("div",{class:"input__container"},this.renderLabel(),e("div",{class:{input__container__wrapper:!0}},e("input",{ref:this.refNativeInput,class:{input__container__text:!0},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:!0,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),e("div",{class:"select__icon"},e("bds-icon",{ref:t=>this.refIconDrop(t),size:"small",color:"inherit"})),this.success&&e("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),e("div",{ref:t=>this.refDropdown(t),class:{select__options:!0,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map(((t,i)=>t.icon||t.titleText?e("bds-select-option",{key:i,value:t.value,"title-text":t.titleText,"slot-align":t.slotAlign,bulkOption:t.bulkOption,status:t.status},t.icon&&e("bds-icon",{slot:"input-left",name:t.icon,size:"medium",color:t.iconColor}),t.label):e("bds-select-option",{key:i,value:t.value,bulkOption:t.bulkOption,status:t.status},t.label))):e("slot",null)))}get el(){return o(this)}static get watchers(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}}};n.style=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';export{n as bds_select}