blip-ds 1.198.2 → 1.200.0

package/dist/types/components/input-editable/input-editable.d.ts

@@ -6,7 +6,32 @@ export interface InputEditableEventDetail {
   oldValue: string;
 }
 export declare class InputEditable {
+  private nativeInput?;
   el: HTMLBdsInputEditableElement;
+  /**
+   * Conditions the element to say whether it is pressed or not, to add styles.
+   */
+  isEditing: boolean;
+  /**
+   * Used to block the confirm icon.
+   */
+  isValid: boolean;
+  /**
+   * Used to validate it is pressed.
+   */
+  isPressed?: boolean;
+  /**
+   * Used to validate it is focused.
+   */
+  isFocused?: boolean;
+  /**
+   * Used to set the error message setted by the internal validators
+   */
+  validationMesage?: string;
+  /**
+   * Used to set the danger behavior by the internal validators
+   */
+  validationDanger?: boolean;
   /**
    * Set the component size. Can be one of:
    * 'short' | 'standard' | 'tall';
@@ -20,18 +45,6 @@ export declare class InputEditable {
    * Data test is the prop to specifically test the component action object.
    */
   dataTest?: string;
-  /**
-   * Emitted when input text confirm.
-   */
-  bdsInputEditableSave: EventEmitter<InputEditableEventDetail>;
-  /**
-   * Conditions the element to say whether it is pressed or not, to add styles.
-   */
-  isEditing: boolean;
-  /**
-   * Used to block the confirm icon.
-   */
-  isValid: boolean;
   /**
    * Input Name
    */
@@ -64,15 +77,51 @@ export declare class InputEditable {
    * Indicated to pass a help to the user in complex filling.
    */
   helperMessage?: string;
+  /**
+   * Placeholder for native input element.
+   */
+  placeholder?: string;
   /**
    * Add state danger on input, use for use feedback. If true avoid save confirmation.
    */
   danger?: boolean;
-  private onInputChange;
+  /**
+   * Emitted when input text confirm.
+   */
+  bdsInputEditableSave: EventEmitter<InputEditableEventDetail>;
+  /**
+   * Emitted when the value has changed.
+   */
+  bdsChange: EventEmitter<InputEditableEventDetail>;
+  /**
+   * Emitted when the input has changed.
+   */
+  bdsInput: EventEmitter<KeyboardEvent>;
+  /**
+   * Emitted when the selection is cancelled.
+   */
+  bdsCancel: EventEmitter<void>;
+  /**
+   * Emitted when the select loses focus.
+   */
+  bdsFocus: EventEmitter<void>;
+  /**
+   * Emitted when the select loses focus.
+   */
+  bdsBlur: EventEmitter<void>;
   private handleEditing;
   private toggleEditing;
   private handleSaveText;
+  private changedInputValue;
+  private onFocus;
+  private onBlur;
+  private onClickWrapper;
+  private onBlurValidations;
+  private requiredValidation;
+  private lengthValidation;
+  private checkValidity;
   getFontSizeClass(): FontSize;
   private getExpand;
+  private renderMessage;
   render(): any;
 }

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

@@ -44,5 +44,6 @@ export declare class Radio {
   private onClick;
   private refNativeInput;
   connectedCallback(): void;
+  private handleClickKey;
   render(): HTMLElement;
 }

package/dist/types/components.d.ts

@@ -179,6 +179,7 @@ export namespace Components {
         "upload"?: boolean;
     }
     interface BdsAvatarGroup {
+        "canClick"?: boolean;
         /**
           * Size. Entered as one of the size. Can be one of: 'extra-small', 'small', 'standard', 'large', 'extra-large'.
          */
@@ -836,6 +837,10 @@ export namespace Components {
           * Error message when the value is lower than the minlength
          */
         "minlengthErrorMessage": string;
+        /**
+          * Placeholder for native input element.
+         */
+        "placeholder"?: string;
         /**
           * Error message when input is required
          */
@@ -1579,6 +1584,14 @@ export interface BdsAutocompleteCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsAutocompleteElement;
 }
+export interface BdsAvatarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsAvatarElement;
+}
+export interface BdsAvatarGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsAvatarGroupElement;
+}
 export interface BdsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsBannerElement;
@@ -2299,6 +2312,7 @@ declare namespace LocalJSX {
           * Name, Inserted for highlighted osuary name. Enter the full name.
          */
         "name"?: string;
+        "onBdsClickAvatar"?: (event: BdsAvatarCustomEvent<any>) => void;
         /**
           * Size, Entered as one of the size. Can be one of: 'extra-small', 'small', 'standard', 'large', 'extra-large'.
          */
@@ -2313,6 +2327,8 @@ declare namespace LocalJSX {
         "upload"?: boolean;
     }
     interface BdsAvatarGroup {
+        "canClick"?: boolean;
+        "onBdsClickAvatarGroup"?: (event: BdsAvatarGroupCustomEvent<any>) => void;
         /**
           * Size. Entered as one of the size. Can be one of: 'extra-small', 'small', 'standard', 'large', 'extra-large'.
          */
@@ -3013,10 +3029,34 @@ declare namespace LocalJSX {
           * Error message when the value is lower than the minlength
          */
         "minlengthErrorMessage"?: string;
+        /**
+          * Emitted when the select loses focus.
+         */
+        "onBdsBlur"?: (event: BdsInputEditableCustomEvent<void>) => void;
+        /**
+          * Emitted when the selection is cancelled.
+         */
+        "onBdsCancel"?: (event: BdsInputEditableCustomEvent<void>) => void;
+        /**
+          * Emitted when the value has changed.
+         */
+        "onBdsChange"?: (event: BdsInputEditableCustomEvent<InputEditableEventDetail>) => void;
+        /**
+          * Emitted when the select loses focus.
+         */
+        "onBdsFocus"?: (event: BdsInputEditableCustomEvent<void>) => void;
+        /**
+          * Emitted when the input has changed.
+         */
+        "onBdsInput"?: (event: BdsInputEditableCustomEvent<KeyboardEvent>) => void;
         /**
           * Emitted when input text confirm.
          */
         "onBdsInputEditableSave"?: (event: BdsInputEditableCustomEvent<InputEditableEventDetail>) => void;
+        /**
+          * Placeholder for native input element.
+         */
+        "placeholder"?: string;
         /**
           * Error message when input is required
          */

package/package.json

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

package/dist/blip-ds/p-15332863.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-9c147cca.system.js"],(function(e){"use strict";var i,t,r;return{setters:[function(e){i=e.r;t=e.c;r=e.h}],execute:function(){var n=".radio{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0;border:1px solid #3f7de8;border-radius:100%;background:#ffffff}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:#ffffff;height:10px;width:10px}.radio__circle:hover{border-color:#125ad5}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#505f79}.radio__input[type=radio]:checked~.radio__circle{background:#ffffff}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#125ad5}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#637798;background-color:#e8f2ff}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer--checked{background-color:#637798}.radio__input[type=radio]:disabled~.radio__text,.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var o=0;var a=e("bds_radio",function(){function e(e){var r=this;i(this,e);this.bdsChange=t(this,"bdsChange",7);this.bdsClickChange=t(this,"bdsClickChange",7);this.checked=false;this.disabled=false;this.dataTest=null;this.onClick=function(e){r.checked=!r.checked;r.bdsClickChange.emit({checked:r.checked});e.stopPropagation()};this.refNativeInput=function(e){r.nativeInput=e}}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(o++)};e.prototype.render=function(){return r("label",{class:"radio",htmlFor:this.radioId},r("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),r("div",{class:"radio__circle"},r("div",{class:"radio__circle__pointer"})),this.label&&r("bds-typo",{class:"radio__text",variant:"fs-14",tag:"span"},this.label),r("slot",null))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());a.style=n}}}));

package/dist/blip-ds/p-537ae882.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,h as t}from"./p-0af42837.js";let r=0;const o=class{constructor(t){i(this,t),this.bdsChange=e(this,"bdsChange",7),this.bdsClickChange=e(this,"bdsClickChange",7),this.checked=!1,this.disabled=!1,this.dataTest=null,this.onClick=i=>{this.checked=!this.checked,this.bdsClickChange.emit({checked:this.checked}),i.stopPropagation()},this.refNativeInput=i=>{this.nativeInput=i}}checkedChanged(i){this.bdsChange.emit({checked:i})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}connectedCallback(){this.radioId=this.refer||"bds-radio-"+r++}render(){return t("label",{class:"radio",htmlFor:this.radioId},t("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),t("div",{class:"radio__circle"},t("div",{class:"radio__circle__pointer"})),this.label&&t("bds-typo",{class:"radio__text",variant:"fs-14",tag:"span"},this.label),t("slot",null))}static get watchers(){return{checked:["checkedChanged"]}}};o.style=".radio{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0;border:1px solid #3f7de8;border-radius:100%;background:#ffffff}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:#ffffff;height:10px;width:10px}.radio__circle:hover{border-color:#125ad5}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#505f79}.radio__input[type=radio]:checked~.radio__circle{background:#ffffff}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#125ad5}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#637798;background-color:#e8f2ff}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer--checked{background-color:#637798}.radio__input[type=radio]:disabled~.radio__text,.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";export{o as bds_radio}

package/dist/blip-ds/p-54a2db99.entry.js

@@ -1 +0,0 @@
-import{r as a,h as t}from"./p-0af42837.js";const i=class{constructor(t){a(this,t),this.typoSize="fs-20",this.iconSize="large",this.name=null,this.thumbnail=null,this.size="standard",this.upload=!1,this.ellipsis=null,this.dataTest=null,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="small";break;case"standard":this.typoSize="fs-20",this.iconSize="medium";break;case"large":this.typoSize="fs-24",this.iconSize="large";break;case"extra-large":this.typoSize="fs-32",this.iconSize="x-large";break;default:this.typoSize="fs-20",this.iconSize="medium"}}}render(){const a=["purple","brand","green","brown","pink"],i=a[Math.floor(Math.random()*a.length)],s=!this.name||this.ellipsis?"neutral":i,e=this.name?this.name.split(" "):[],r=e.length?e.shift().charAt(0):"",n=e.length?e.pop().charAt(0):"",l=this.upload?"button":"div";return this.selectTypoSize(this.size),t(l,{class:{avatar:!0,[`avatar__size--${this.size}`]:!0,[`avatar__color--${s}`]:!0,upload:this.upload},"data-test":this.dataTest},this.ellipsis?t("bds-typo",{class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},`+${this.ellipsis}`):this.thumbnail?this.upload?t("div",{class:"avatar__btn"},t("img",{class:"avatar__btn__img",src:this.thumbnail}),t("div",{class:"avatar__btn__thumb"},t("bds-icon",{class:"avatar__btn__thumb__icon",name:"edit",theme:"outline",size:this.iconSize}))):t("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload?t("div",{class:"avatar__btn"},t("bds-typo",{class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+n),t("div",{class:"avatar__btn__name"},t("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):t("bds-typo",{class:"avatar__text",variant:this.typoSize,tag:"span"},r+n):this.upload?t("div",{class:"avatar__btn"},t("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),t("div",{class:"avatar__btn__empty"},t("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):t("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}))}};i.style='.avatar{margin:0;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0;border-radius:72px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.avatar__text{color:#ffffff}.avatar__icon{color:#8ca0b3}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#505f79}.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__img{width:100%;height:auto}.avatar__btn__text{color:#ffffff;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#8ca0b3;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;background-color:rgba(80, 95, 121, 0.5);cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#ffffff}.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:#ffffff}.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:#8ca0b3}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px}.avatar__size--small{width:40px;height:40px}.avatar__size--standard{width:56px;height:56px}.avatar__size--large{width:64px;height:64px}.avatar__size--extra-large{width:72px;height:72px}.avatar__color--neutral{background-color:#d2dfe6}.avatar__color--purple{background-color:#c226fb}.avatar__color--brand{background-color:#00c6d7}.avatar__color--green{background-color:#c226fb}.avatar__color--brown{background-color:#f6a721}.avatar__color--pink{background-color:#fb5a8b}.avatar:hover .avatar__btn__thumb{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}';export{i as bds_avatar}

package/dist/blip-ds/p-62716567.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-9c147cca.system.js"],(function(e){"use strict";var t,i,a,n,s;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;s=e.g}],execute:function(){var l=".input__editable{display:block}.input__editable--static{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.input__editable--static:hover .input__editable--static__typo{border:1px solid #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.input__editable--static__typo{border:1px solid transparent;margin:0;padding:8px;border-radius:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active bds-input{min-width:120px;margin-right:4px}.input__editable--active bds-input.expanded{max-width:100%}.input__editable--active bds-input.fixed{max-width:140px}.input__editable--active bds-input.short::part(input){font-size:1rem;line-height:0px}.input__editable--active bds-input.standard::part(input){font-size:1.5rem;line-height:0px}.input__editable--active bds-input.tall::part(input){font-size:2.5rem;line-height:0px}.input__editable--active bds-input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active bds-input::part(input__message){min-width:180px}.input__editable--active bds-icon{cursor:pointer}.input__editable--active__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:auto 0}.input__editable--active__icon--error{color:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}";var r=e("bds_input_editable",function(){function e(e){var a=this;t(this,e);this.bdsInputEditableSave=i(this,"bdsInputEditableSave",7);this.size="standard";this.expand=false;this.dataTest=null;this.isEditing=false;this.isValid=true;this.inputName="";this.value="";this.minlength=0;this.errorMessage="";this.helperMessage="";this.danger=false;this.onInputChange=function(e){if(e.detail){if(e.detail.value.length<Number(a.minlength)){a.isValid=false}else{a.isValid=true}}};this.handleEditing=function(){a.toggleEditing()};this.toggleEditing=function(){a.isEditing=!a.isEditing};this.handleSaveText=function(){var e=a.el.shadowRoot.querySelector("bds-input").value;if(e.length>0&&e.length>=a.minlength&&!a.danger){a.bdsInputEditableSave.emit({value:e,oldValue:a.value});a.value=e;a.toggleEditing()}};this.getExpand=function(){if(a.expand){return"expanded"}else{return"fixed"}}}e.prototype.getFontSizeClass=function(){if(this.size=="short"){return"fs-16"}else if(this.size=="standard"){return"fs-24"}else if(this.size=="tall"){return"fs-40"}else{return"fs-24"}};e.prototype.render=function(){var e;var t=this.getFontSizeClass();var i=this.getExpand();return a(n,null,a("div",{class:"input__editable"},a("div",{class:{"input__editable--static":true,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},a("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:t},this.value),a("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),a("div",{class:{"input__editable--active":true,"input__editable--hidden":!this.isEditing}},a("bds-input",{class:(e={},e[i]=true,e[this.size]=true,e),type:"text","input-name":this.inputName,value:this.value,minlength:this.minlength,minlengthErrorMessage:this.minlengthErrorMessage,maxlength:this.maxlength,required:true,"required-error-message":this.requiredErrorMessage,"error-message":this.errorMessage,onBdsChange:this.onInputChange,danger:this.danger,helperMessage:this.helperMessage,"data-test":this.dataTest}),a("div",{class:"input__editable--active__icon"},a("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),a("bds-icon",{key:"checkball-icon",class:{"input__editable--active__icon--checkball":true,"input__editable--active__icon--checkball--error":!this.isValid},theme:"solid",name:"checkball",onClick:this.handleSaveText})))))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());r.style=l}}}));

package/dist/blip-ds/p-6b559ead.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-9c147cca.system.js"],(function(a){"use strict";var t,r,s;return{setters:[function(a){t=a.r;r=a.h;s=a.H}],execute:function(){var e=".avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:5}.avatar__group>*:nth-child(2){z-index:4}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:2}.avatar__group>*:nth-child(5){z-index:1}.avatar__group .avatar{border:2px solid #ffffff;position:relative}.avatar__group__size--extra-small{margin-left:4px}.avatar__group__size--extra-small>*{margin-left:-4px}.avatar__group__size--extra-small .avatar{width:32px;height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{width:40px;height:40px}.avatar__group__size--standard{margin-left:12px}.avatar__group__size--standard>*{margin-left:-12px}.avatar__group__size--standard .avatar{width:56px;height:56px}";var i=a("bds_avatar_group",function(){function a(a){t(this,a);this.size="standard"}a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-4};a.prototype.render=function(){var a;var t=this;return r(s,null,r("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a)},this.internalUsers?this.internalUsers.slice(0,5).map((function(a,s,e){return s+1===e.length&&t.internalUsers.length>5?r("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):r("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):r("slot",null)))};return a}());i.style=e}}}));

package/dist/blip-ds/p-77364a3c.entry.js

@@ -1 +0,0 @@
-import{r as a,h as t,H as r}from"./p-0af42837.js";const i=class{constructor(t){a(this,t),this.size="standard"}parseUsers(){if(this.users)try{this.internalUsers="string"==typeof this.users?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}componentWillLoad(){this.users&&this.parseUsers(),this.leftoversUsers=this.internalUsers.length-4}render(){return t(r,null,t("div",{class:{avatar__group:!0,[`avatar__group__size--${this.size}`]:!0}},this.internalUsers?this.internalUsers.slice(0,5).map(((a,r,i)=>t("bds-avatar",r+1===i.length&&this.internalUsers.length>5?{size:this.size,ellipsis:this.leftoversUsers}:{id:a.id,name:a.name,thumbnail:a.thumbnail,size:this.size}))):t("slot",null)))}};i.style=".avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:5}.avatar__group>*:nth-child(2){z-index:4}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:2}.avatar__group>*:nth-child(5){z-index:1}.avatar__group .avatar{border:2px solid #ffffff;position:relative}.avatar__group__size--extra-small{margin-left:4px}.avatar__group__size--extra-small>*{margin-left:-4px}.avatar__group__size--extra-small .avatar{width:32px;height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{width:40px;height:40px}.avatar__group__size--standard{margin-left:12px}.avatar__group__size--standard>*{margin-left:-12px}.avatar__group__size--standard .avatar{width:56px;height:56px}";export{i as bds_avatar_group}

package/dist/blip-ds/p-b21373d5.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as a,g as s}from"./p-0af42837.js";const n=class{constructor(e){i(this,e),this.bdsInputEditableSave=t(this,"bdsInputEditableSave",7),this.size="standard",this.expand=!1,this.dataTest=null,this.isEditing=!1,this.isValid=!0,this.inputName="",this.value="",this.minlength=0,this.errorMessage="",this.helperMessage="",this.danger=!1,this.onInputChange=i=>{i.detail&&(this.isValid=!(i.detail.value.length<Number(this.minlength)))},this.handleEditing=()=>{this.toggleEditing()},this.toggleEditing=()=>{this.isEditing=!this.isEditing},this.handleSaveText=()=>{const i=this.el.shadowRoot.querySelector("bds-input").value;i.length>0&&i.length>=this.minlength&&!this.danger&&(this.bdsInputEditableSave.emit({value:i,oldValue:this.value}),this.value=i,this.toggleEditing())},this.getExpand=()=>this.expand?"expanded":"fixed"}getFontSizeClass(){return"short"==this.size?"fs-16":"standard"==this.size?"fs-24":"tall"==this.size?"fs-40":"fs-24"}render(){const i=this.getFontSizeClass(),t=this.getExpand();return e(a,null,e("div",{class:"input__editable"},e("div",{class:{"input__editable--static":!0,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},e("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:i},this.value),e("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),e("div",{class:{"input__editable--active":!0,"input__editable--hidden":!this.isEditing}},e("bds-input",{class:{[t]:!0,[this.size]:!0},type:"text","input-name":this.inputName,value:this.value,minlength:this.minlength,minlengthErrorMessage:this.minlengthErrorMessage,maxlength:this.maxlength,required:!0,"required-error-message":this.requiredErrorMessage,"error-message":this.errorMessage,onBdsChange:this.onInputChange,danger:this.danger,helperMessage:this.helperMessage,"data-test":this.dataTest}),e("div",{class:"input__editable--active__icon"},e("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),e("bds-icon",{key:"checkball-icon",class:{"input__editable--active__icon--checkball":!0,"input__editable--active__icon--checkball--error":!this.isValid},theme:"solid",name:"checkball",onClick:this.handleSaveText})))))}get el(){return s(this)}};n.style=".input__editable{display:block}.input__editable--static{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.input__editable--static:hover .input__editable--static__typo{border:1px solid #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.input__editable--static__typo{border:1px solid transparent;margin:0;padding:8px;border-radius:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active bds-input{min-width:120px;margin-right:4px}.input__editable--active bds-input.expanded{max-width:100%}.input__editable--active bds-input.fixed{max-width:140px}.input__editable--active bds-input.short::part(input){font-size:1rem;line-height:0px}.input__editable--active bds-input.standard::part(input){font-size:1.5rem;line-height:0px}.input__editable--active bds-input.tall::part(input){font-size:2.5rem;line-height:0px}.input__editable--active bds-input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active bds-input::part(input__message){min-width:180px}.input__editable--active bds-icon{cursor:pointer}.input__editable--active__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:auto 0}.input__editable--active__icon--error{color:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}";export{n as bds_input_editable}

package/dist/blip-ds/p-de710f3f.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-9c147cca.system.js"],(function(a){"use strict";var t,i;return{setters:[function(a){t=a.r;i=a.h}],execute:function(){var e='.avatar{margin:0;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0;border-radius:72px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.avatar__text{color:#ffffff}.avatar__icon{color:#8ca0b3}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#505f79}.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__img{width:100%;height:auto}.avatar__btn__text{color:#ffffff;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#8ca0b3;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;background-color:rgba(80, 95, 121, 0.5);cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#ffffff}.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:#ffffff}.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:#8ca0b3}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px}.avatar__size--small{width:40px;height:40px}.avatar__size--standard{width:56px;height:56px}.avatar__size--large{width:64px;height:64px}.avatar__size--extra-large{width:72px;height:72px}.avatar__color--neutral{background-color:#d2dfe6}.avatar__color--purple{background-color:#c226fb}.avatar__color--brand{background-color:#00c6d7}.avatar__color--green{background-color:#c226fb}.avatar__color--brown{background-color:#f6a721}.avatar__color--pink{background-color:#fb5a8b}.avatar:hover .avatar__btn__thumb{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}';var s=a("bds_avatar",function(){function a(a){var i=this;t(this,a);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null;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="small";break;case"standard":i.typoSize="fs-20";i.iconSize="medium";break;case"large":i.typoSize="fs-24";i.iconSize="large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="x-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}}}a.prototype.render=function(){var a;var t=["purple","brand","green","brown","pink"];var e=t[Math.floor(Math.random()*t.length)];var s=!this.name||this.ellipsis?"neutral":e;var n=this.name?this.name.split(" "):[];var r=n.length?n.shift().charAt(0):"";var o=n.length?n.pop().charAt(0):"";var l=this.upload?"button":"div";this.selectTypoSize(this.size);return i(l,{class:(a={avatar:true},a["avatar__size--".concat(this.size)]=true,a["avatar__color--".concat(s)]=true,a.upload=this.upload,a),"data-test":this.dataTest},this.ellipsis?i("bds-typo",{class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload?i("div",{class:"avatar__btn"},i("img",{class:"avatar__btn__img",src:this.thumbnail}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"edit",theme:"outline",size:this.iconSize}))):i("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload?i("div",{class:"avatar__btn"},i("bds-typo",{class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+o),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-typo",{class:"avatar__text",variant:this.typoSize,tag:"span"},r+o):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}))):i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}))};return a}());s.style=e}}}));