blip-ds 1.136.1 → 1.138.0

package/dist/blip-ds/bds-modal-action.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-74f70a22.js';
+import { r as registerInstance, h } from './index-e8d612e6.js';
 
 const modalActionCss = ".modal__action{display:-ms-flexbox;display:flex;padding-left:24px;padding-top:16px;position:absolute;bottom:32px;right:32px}";
 
-let BdsModalAction = class {
+const BdsModalAction = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

package/dist/blip-ds/bds-modal-action.system.entry.js

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var o=".modal__action{display:-ms-flexbox;display:flex;padding-left:24px;padding-top:16px;position:absolute;bottom:32px;right:32px}";var i=t("bds_modal_action",function(){function t(t){e(this,t)}t.prototype.render=function(){return n("div",{class:"modal__action"},n("slot",null))};return t}());i.style=o}}}));
+System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var n,e;return{setters:[function(t){n=t.r;e=t.h}],execute:function(){var o=".modal__action{display:-ms-flexbox;display:flex;padding-left:24px;padding-top:16px;position:absolute;bottom:32px;right:32px}";var i=t("bds_modal_action",function(){function t(t){n(this,t)}t.prototype.render=function(){return e("div",{class:"modal__action"},e("slot",null))};return t}());i.style=o}}}));

package/dist/blip-ds/bds-modal-close-button.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-74f70a22.js';
+import { r as registerInstance, h } from './index-e8d612e6.js';
 
 const modalCloseButtonCss = ".modal__close__button-icon{opacity:0;visibility:hidden;color:#505f79;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:16px}.modal__close__button-icon--active{opacity:1;visibility:visible}";
 
-let BdsModalCloseButton = class {
+const BdsModalCloseButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

package/dist/blip-ds/bds-modal-close-button.system.entry.js

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,i;return{setters:[function(t){e=t.r;i=t.h}],execute:function(){var o=".modal__close__button-icon{opacity:0;visibility:hidden;color:#505f79;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:16px}.modal__close__button-icon--active{opacity:1;visibility:visible}";var n=t("bds_modal_close_button",function(){function t(t){e(this,t);this.active=true}t.prototype.render=function(){return i("div",{class:{"modal__close__button-icon":true,"modal__close__button-icon--active":this.active}},i("bds-icon",{size:"medium",name:"close"}))};return t}());n.style=o}}}));
+System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,i;return{setters:[function(t){e=t.r;i=t.h}],execute:function(){var o=".modal__close__button-icon{opacity:0;visibility:hidden;color:#505f79;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:16px}.modal__close__button-icon--active{opacity:1;visibility:visible}";var n=t("bds_modal_close_button",function(){function t(t){e(this,t);this.active=true}t.prototype.render=function(){return i("div",{class:{"modal__close__button-icon":true,"modal__close__button-icon--active":this.active}},i("bds-icon",{size:"medium",name:"close"}))};return t}());n.style=o}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h } from './index-e8d612e6.js';
 
 const modalCss = ".modal__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000;display:-ms-flexbox;display:flex}.modal__dialog .modal{position:relative;margin:auto;width:592px;height:368px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);padding:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.modal__dialog .modal .close-button{color:#505f79;-ms-flex-item-align:end;align-self:flex-end;margin-bottom:16px;cursor:pointer}.modal__dialog--open{opacity:1;visibility:visible}";
 
-let BdsModal = class {
+const BdsModal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsModalChanged = createEvent(this, "bdsModalChanged", 7);

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,n){function i(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,a){function r(e){try{s(n.next(e))}catch(t){a(t)}}function l(e){try{s(n["throw"](e))}catch(t){a(t)}}function s(e){e.done?o(e.value):i(e.value).then(r,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(e){return function(t){return s([e,t])}}function s(r){if(n)throw new TypeError("Generator is already executing.");while(o)try{if(n=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:o.label++;return{value:r[1],done:false};case 5:o.label++;i=r[1];r=[0];continue;case 7:r=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){o=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){o.label=r[1];break}if(r[0]===6&&o.label<a[1]){o.label=a[1];a=r;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(r);break}if(a[2])o.ops.pop();o.trys.pop();continue}r=t.call(e,o)}catch(l){r=[6,l];i=0}finally{n=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var t,o,n;return{setters:[function(e){t=e.r;o=e.e;n=e.h}],execute:function(){var i=".modal__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000;display:-ms-flexbox;display:flex}.modal__dialog .modal{position:relative;margin:auto;width:592px;height:368px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);padding:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.modal__dialog .modal .close-button{color:#505f79;-ms-flex-item-align:end;align-self:flex-end;margin-bottom:16px;cursor:pointer}.modal__dialog--open{opacity:1;visibility:visible}";var a=e("bds_modal",function(){function e(e){var n=this;t(this,e);this.bdsModalChanged=o(this,"bdsModalChanged",7);this.open=false;this.closeButton=true;this.handleMouseClick=function(){n.open=false;n.bdsModalChanged.emit({modalStatus:"closed"})}}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=!this.open;if(this.open){this.bdsModalChanged.emit({modalStatus:"opened"})}else{this.bdsModalChanged.emit({modalStatus:"closed"})}return[2]}))}))};e.prototype.render=function(){return n("div",{class:{modal__dialog:true,"modal__dialog--open":this.open}},n("div",{class:"modal"},this.closeButton&&n("bds-icon",{size:"medium",class:"close-button",name:"close",onClick:this.handleMouseClick}),n("slot",null)))};return e}());a.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function r(t){try{s(n.next(t))}catch(e){a(e)}}function l(t){try{s(n["throw"](t))}catch(e){a(e)}}function s(t){t.done?o(t.value):i(t.value).then(r,l)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return s([t,e])}}function s(r){if(n)throw new TypeError("Generator is already executing.");while(o)try{if(n=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:o.label++;return{value:r[1],done:false};case 5:o.label++;i=r[1];r=[0];continue;case 7:r=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){o=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){o.label=r[1];break}if(r[0]===6&&o.label<a[1]){o.label=a[1];a=r;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(r);break}if(a[2])o.ops.pop();o.trys.pop();continue}r=e.call(t,o)}catch(l){r=[6,l];i=0}finally{n=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,o,n;return{setters:[function(t){e=t.r;o=t.e;n=t.h}],execute:function(){var i=".modal__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000;display:-ms-flexbox;display:flex}.modal__dialog .modal{position:relative;margin:auto;width:592px;height:368px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);padding:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.modal__dialog .modal .close-button{color:#505f79;-ms-flex-item-align:end;align-self:flex-end;margin-bottom:16px;cursor:pointer}.modal__dialog--open{opacity:1;visibility:visible}";var a=t("bds_modal",function(){function t(t){var n=this;e(this,t);this.bdsModalChanged=o(this,"bdsModalChanged",7);this.open=false;this.closeButton=true;this.handleMouseClick=function(){n.open=false;n.bdsModalChanged.emit({modalStatus:"closed"})}}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;if(this.open){this.bdsModalChanged.emit({modalStatus:"opened"})}else{this.bdsModalChanged.emit({modalStatus:"closed"})}return[2]}))}))};t.prototype.render=function(){return n("div",{class:{modal__dialog:true,"modal__dialog--open":this.open}},n("div",{class:"modal"},this.closeButton&&n("bds-icon",{size:"medium",class:"close-button",name:"close",onClick:this.handleMouseClick}),n("slot",null)))};return t}());a.style=i}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, f as Host } from './index-74f70a22.js';
+import { r as registerInstance, h, f as Host } from './index-e8d612e6.js';
 
 const paperCss = ":host{display:block;background:#ffffff;border-radius:7px}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15)}:host(.paper__elevation--primary){-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12)}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2);box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2)}";
 
-let Paper = class {
+const Paper = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

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

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var a,t,r;return{setters:[function(e){a=e.r;t=e.h;r=e.f}],execute:function(){var p=":host{display:block;background:#ffffff;border-radius:7px}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15)}:host(.paper__elevation--primary){-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12)}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2);box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2)}";var o=e("bds_paper",function(){function e(e){a(this,e);this.elevation="static";this.mapElevation={static:"paper__elevation--static",primary:"paper__elevation--primary",secondary:"paper__elevation--secondary"}}e.prototype.render=function(){var e;var a=this.mapElevation[this.elevation];return t(r,{class:(e={},e[a]=true,e)},t("slot",null))};return e}());o.style=p}}}));
+System.register(["./index-f68fa126.system.js"],(function(a){"use strict";var t,e,r;return{setters:[function(a){t=a.r;e=a.h;r=a.f}],execute:function(){var p=":host{display:block;background:#ffffff;border-radius:7px}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15)}:host(.paper__elevation--primary){-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12)}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2);box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2)}";var o=a("bds_paper",function(){function a(a){t(this,a);this.elevation="static";this.mapElevation={static:"paper__elevation--static",primary:"paper__elevation--primary",secondary:"paper__elevation--secondary"}}a.prototype.render=function(){var a;var t=this.mapElevation[this.elevation];return e(r,{class:(a={},a[t]=true,a)},e("slot",null))};return a}());o.style=p}}}));

package/dist/blip-ds/bds-radio-group.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-e8d612e6.js';
 
-let RadioGroup = class {
+const RadioGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsRadioGroupChange = createEvent(this, "bdsRadioGroupChange", 7);

package/dist/blip-ds/bds-radio-group.system.entry.js

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var t,r,n,i,a;return{setters:[function(e){t=e.r;r=e.e;n=e.h;i=e.f;a=e.g}],execute:function(){var o=e("bds_radio_group",function(){function e(e){var n=this;t(this,e);this.bdsRadioGroupChange=r(this,"bdsRadioGroupChange",7);this.handleClick=function(e){var t=e.target&&e.target.closest("bds-radio");if(t){var r=n.value;var i=t.value;if(i!==r){n.value=i}}}}e.prototype.valueChanged=function(e){this.setSelectedRadio(e);this.bdsRadioGroupChange.emit({value:e})};e.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bds-radio"))};e.prototype.setSelectedRadio=function(e){var t=this.getRadios();var r=t.find((function(e){return!e.disabled}));var n=t.find((function(t){return t.value===e&&!t.disabled}));if(!r&&!n){return}for(var i=0,a=t;i<a.length;i++){var o=a[i];if(o.value!==n.value){o.checked=false}}};e.prototype.render=function(){return n(i,{onClick:this.handleClick},n("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}())}}}));
+System.register(["./index-f68fa126.system.js"],(function(e){"use strict";var t,r,n,i,a;return{setters:[function(e){t=e.r;r=e.e;n=e.h;i=e.f;a=e.g}],execute:function(){var o=e("bds_radio_group",function(){function e(e){var n=this;t(this,e);this.bdsRadioGroupChange=r(this,"bdsRadioGroupChange",7);this.handleClick=function(e){var t=e.target&&e.target.closest("bds-radio");if(t){var r=n.value;var i=t.value;if(i!==r){n.value=i}}}}e.prototype.valueChanged=function(e){this.setSelectedRadio(e);this.bdsRadioGroupChange.emit({value:e})};e.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bds-radio"))};e.prototype.setSelectedRadio=function(e){var t=this.getRadios();var r=t.find((function(e){return!e.disabled}));var n=t.find((function(t){return t.value===e&&!t.disabled}));if(!r&&!n){return}for(var i=0,a=t;i<a.length;i++){var o=a[i];if(o.value!==n.value){o.checked=false}}};e.prototype.render=function(){return n(i,{onClick:this.handleClick},n("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}())}}}));

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, e as createEvent, h } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h } from './index-e8d612e6.js';
 
 const radioCss = ".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}";
 
 let radioButtonIds = 0;
-let Radio = class {
+const Radio = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsChange = createEvent(this, "bdsChange", 7);

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

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var i,t,r;return{setters:[function(e){i=e.r;t=e.e;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.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}),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}}}));
+System.register(["./index-f68fa126.system.js"],(function(e){"use strict";var i,t,r;return{setters:[function(e){i=e.r;t=e.e;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.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}),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/bds-select-chips.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-e8d612e6.js';
 
 const selectCss = ".sc-bds-select-chips-h{display:block}.select.sc-bds-select-chips{position:relative;outline:none}.select__icon.sc-bds-select-chips{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__options.sc-bds-select-chips{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;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;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;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.sc-bds-select-chips::-webkit-scrollbar{width:16px;background-color:transparent}.select__options.sc-bds-select-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open.sc-bds-select-chips{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top.sc-bds-select-chips{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";
 
-let SelectChips = class {
+const SelectChips = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsChange = createEvent(this, "bdsChange", 7);

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{l(n.next(t))}catch(e){r(e)}}function a(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):s(t.value).then(o,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return l([t,e])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(a){o=[6,a];s=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,i,n,s;return{setters:[function(t){e=t.r;i=t.e;n=t.h;s=t.g}],execute:function(){var r=".sc-bds-select-chips-h{display:block}.select.sc-bds-select-chips{position:relative;outline:none}.select__icon.sc-bds-select-chips{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__options.sc-bds-select-chips{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;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;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;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.sc-bds-select-chips::-webkit-scrollbar{width:16px;background-color:transparent}.select__options.sc-bds-select-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open.sc-bds-select-chips{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top.sc-bds-select-chips{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";var o=t("bds_select_chips",function(){function t(t){var n=this;e(this,t);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.isOpen=false;this.options=[];this.chips=[];this.newPrefix="";this.value="";this.danger=false;this.errorMessage="";this.disabled=false;this.label="";this.icon="";this.duplicated=false;this.canAddNew=true;this.notFoundMessage="No results found";this.onFocus=function(){n.bdsFocus.emit()};this.onBlur=function(){n.bdsBlur.emit()};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.handler=function(t){return __awaiter(n,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:e=t.detail.value;i=this.getText(e);return[4,this.addChip(i)];case 1:n.sent();return[2]}}))}))};this.getTextFromOption=function(t){var e,i;if((t===null||t===void 0?void 0:t.status)||(t===null||t===void 0?void 0:t.bulkOption)){if(n.internalOptions){var s=n.internalOptions.find((function(e){return e.value==t.value}));if(s){return s.label}}return t.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(t===null||t===void 0?void 0:t.titleText)?t.titleText:(i=(e=t===null||t===void 0?void 0:t.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.getText=function(t){var e=n.childOptions.find((function(e){return e.value===t}));return n.getTextFromOption(e)};this.handlerNewOption=function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.addChip(t)];case 1:e.sent();return[2]}}))}))};this.setFocusWrapper=function(){if(n.nativeInput){n.nativeInput.setFocus()}};this.removeFocusWrapper=function(t){var e=t.relatedTarget.localName==="bds-input-chips";if(n.nativeInput&&!e){n.nativeInput.removeFocus()}};this.keyPressWrapper=function(t){var e=t.target.localName==="bds-select";var i=t.target.localName==="bds-input-chips";switch(t.key){case"Enter":if(n.childOptionsEnabled.length===1){n.nativeInput.add(n.childOptionsEnabled[0].textContent)}else{if(!n.canAddNew){return}n.nativeInput.add(n.nativeInput.value)}n.nativeInput.value="";if(!n.isOpen&&(e||i)){n.toggle()}break}};this.changedInputValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.value=this.nativeInput.value;if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:t.sent();return[3,4];case 2:return[4,this.resetFilterOptions()];case 3:t.sent();t.label=4;case 4:if(this.value&&this.isOpen===false){this.isOpen=true}return[2]}}))}))};this.handleChangeChipsValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.nativeInput.value="";return[4,this.resetFilterOptions()];case 1:t.sent();return[2]}}))}))}}t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.nativeInput.isValid()]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.nativeInput.get()];case 1:return[2,t.sent()]}}))}))};t.prototype.componentWillRender=function(){if(this.options.length){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(t){this.internalOptions=[]}}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){for(t=0,e=this.childOptions;t<e.length;t++){i=e[t];i.addEventListener("optionSelected",this.handler)}return[2]}))}))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetFilterOptions()];case 1:t.sent();return[2]}}))}))};Object.defineProperty(t.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("bds-select-option:not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"childOptionsEnabled",{get:function(){return Array.from(this.el.querySelectorAll("bds-select-option:not([invisible]):not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});t.prototype.enableCreateOption=function(){return!!(this.childOptionsEnabled.length===0&&this.nativeInput&&this.nativeInput.value)};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.nativeInput.add(t)];case 1:e.sent();this.nativeInput.value="";this.toggle();return[2]}}))}))};t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,s,r,o,a,l;return __generator(this,(function(u){switch(u.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:u.sent();return[2];case 2:e=0,i=this.childOptions;u.label=3;case 3:if(!(e<i.length))return[3,6];n=i[e];r=this.existsChip;o=[n.textContent];return[4,this.nativeInput.get()];case 4:s=r.apply(this,o.concat([u.sent()]));a=n.textContent.toLowerCase();l=t.toLowerCase();if(s){n.setAttribute("invisible","invisible")}if(t&&a.includes(l)&&!s){n.removeAttribute("invisible")}if(t&&!a.includes(l)&&!s){n.setAttribute("invisible","invisible")}u.label=5;case 5:e++;return[3,3];case 6:return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,s,r;return __generator(this,(function(o){switch(o.label){case 0:t=0,e=this.childOptions;o.label=1;case 1:if(!(t<e.length))return[3,4];i=e[t];n=i.querySelector("bds-typo").textContent;s=this.existsChip;r=[n];return[4,this.nativeInput.get()];case 2:if(s.apply(this,r.concat([o.sent()]))){i.setAttribute("invisible","invisible")}else{i.removeAttribute("invisible")}o.label=3;case 3:t++;return[3,1];case 4:return[2]}}))}))};t.prototype.existsChip=function(t,e){return e.some((function(e){return t===e}))};t.prototype.generateKey=function(t){return t.toLowerCase().replace(/ /g,"-")};t.prototype.render=function(){var t=this;var e=this.isOpen?"arrow-up":"arrow-down";var i=[];if(this.options){if(typeof this.options==="string"){try{i=JSON.parse(this.options)}catch(s){}}else{i=this.options}}return n("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onKeyPress:this.keyPressWrapper},n("bds-input-chips",{ref:function(e){return t.nativeInput=e},onBdsChangeChips:this.handleChangeChipsValue,onBdsChange:this.changedInputValue,icon:this.icon,label:this.label,onFocus:this.onFocus,onBlur:this.onBlur,maxlength:this.maxlength,onClick:this.toggle,danger:this.danger,"error-message":this.errorMessage,chips:this.chips,"disable-submit":true,delimiters:null,duplicated:this.duplicated},n("div",{slot:"input-right",class:"select__icon"},n("bds-icon",{size:"small",name:e,color:"inherit"}))),n("div",{class:{select__options:true,"select__options--open":this.isOpen}},i.map((function(e){return n("bds-select-option",{key:t.generateKey(e.value),onOptionSelected:t.handler,value:e.value,status:e.status},e.label)})),n("slot",null),this.canAddNew&&this.enableCreateOption()&&n("bds-select-option",{id:"option-add",value:"add",onClick:function(){return t.handlerNewOption(t.nativeInput.value)}},this.newPrefix,this.nativeInput.value),!this.canAddNew&&this.enableCreateOption()&&n("bds-select-option",{id:"no-option",value:"add"},this.notFoundMessage)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());o.style=r}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{l(n.next(t))}catch(e){r(e)}}function a(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):s(t.value).then(o,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return l([t,e])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(a){o=[6,a];s=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,i,n,s;return{setters:[function(t){e=t.r;i=t.e;n=t.h;s=t.g}],execute:function(){var r=".sc-bds-select-chips-h{display:block}.select.sc-bds-select-chips{position:relative;outline:none}.select__icon.sc-bds-select-chips{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__options.sc-bds-select-chips{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;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;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;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.sc-bds-select-chips::-webkit-scrollbar{width:16px;background-color:transparent}.select__options.sc-bds-select-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open.sc-bds-select-chips{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top.sc-bds-select-chips{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";var o=t("bds_select_chips",function(){function t(t){var n=this;e(this,t);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.isOpen=false;this.options=[];this.chips=[];this.newPrefix="";this.value="";this.danger=false;this.errorMessage="";this.disabled=false;this.label="";this.icon="";this.duplicated=false;this.canAddNew=true;this.notFoundMessage="No results found";this.onFocus=function(){n.bdsFocus.emit()};this.onBlur=function(){n.bdsBlur.emit()};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.handler=function(t){return __awaiter(n,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:e=t.detail.value;i=this.getText(e);return[4,this.addChip(i)];case 1:n.sent();return[2]}}))}))};this.getTextFromOption=function(t){var e,i;if((t===null||t===void 0?void 0:t.status)||(t===null||t===void 0?void 0:t.bulkOption)){if(n.internalOptions){var s=n.internalOptions.find((function(e){return e.value==t.value}));if(s){return s.label}}return t.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(t===null||t===void 0?void 0:t.titleText)?t.titleText:(i=(e=t===null||t===void 0?void 0:t.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.getText=function(t){var e=n.childOptions.find((function(e){return e.value===t}));return n.getTextFromOption(e)};this.handlerNewOption=function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.addChip(t)];case 1:e.sent();return[2]}}))}))};this.setFocusWrapper=function(){if(n.nativeInput){n.nativeInput.setFocus()}};this.removeFocusWrapper=function(t){var e=t.relatedTarget.localName==="bds-input-chips";if(n.nativeInput&&!e){n.nativeInput.removeFocus()}};this.keyPressWrapper=function(t){var e=t.target.localName==="bds-select";var i=t.target.localName==="bds-input-chips";switch(t.key){case"Enter":if(n.childOptionsEnabled.length===1){n.nativeInput.add(n.childOptionsEnabled[0].textContent)}else{if(!n.canAddNew){return}n.nativeInput.add(n.nativeInput.value)}n.nativeInput.value="";if(!n.isOpen&&(e||i)){n.toggle()}break}};this.changedInputValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.value=this.nativeInput.value;if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:t.sent();return[3,4];case 2:return[4,this.resetFilterOptions()];case 3:t.sent();t.label=4;case 4:if(this.value&&this.isOpen===false){this.isOpen=true}return[2]}}))}))};this.handleChangeChipsValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.nativeInput.value="";return[4,this.resetFilterOptions()];case 1:t.sent();return[2]}}))}))}}t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.nativeInput.isValid()]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.nativeInput.get()];case 1:return[2,t.sent()]}}))}))};t.prototype.componentWillRender=function(){if(this.options.length){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(t){this.internalOptions=[]}}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){for(t=0,e=this.childOptions;t<e.length;t++){i=e[t];i.addEventListener("optionSelected",this.handler)}return[2]}))}))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetFilterOptions()];case 1:t.sent();return[2]}}))}))};Object.defineProperty(t.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("bds-select-option:not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"childOptionsEnabled",{get:function(){return Array.from(this.el.querySelectorAll("bds-select-option:not([invisible]):not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});t.prototype.enableCreateOption=function(){return!!(this.childOptionsEnabled.length===0&&this.nativeInput&&this.nativeInput.value)};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.nativeInput.add(t)];case 1:e.sent();this.nativeInput.value="";this.toggle();return[2]}}))}))};t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,s,r,o,a,l;return __generator(this,(function(u){switch(u.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:u.sent();return[2];case 2:e=0,i=this.childOptions;u.label=3;case 3:if(!(e<i.length))return[3,6];n=i[e];r=this.existsChip;o=[n.textContent];return[4,this.nativeInput.get()];case 4:s=r.apply(this,o.concat([u.sent()]));a=n.textContent.toLowerCase();l=t.toLowerCase();if(s){n.setAttribute("invisible","invisible")}if(t&&a.includes(l)&&!s){n.removeAttribute("invisible")}if(t&&!a.includes(l)&&!s){n.setAttribute("invisible","invisible")}u.label=5;case 5:e++;return[3,3];case 6:return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,s,r;return __generator(this,(function(o){switch(o.label){case 0:t=0,e=this.childOptions;o.label=1;case 1:if(!(t<e.length))return[3,4];i=e[t];n=i.querySelector("bds-typo").textContent;s=this.existsChip;r=[n];return[4,this.nativeInput.get()];case 2:if(s.apply(this,r.concat([o.sent()]))){i.setAttribute("invisible","invisible")}else{i.removeAttribute("invisible")}o.label=3;case 3:t++;return[3,1];case 4:return[2]}}))}))};t.prototype.existsChip=function(t,e){return e.some((function(e){return t===e}))};t.prototype.generateKey=function(t){return t.toLowerCase().replace(/ /g,"-")};t.prototype.render=function(){var t=this;var e=this.isOpen?"arrow-up":"arrow-down";var i=[];if(this.options){if(typeof this.options==="string"){try{i=JSON.parse(this.options)}catch(s){}}else{i=this.options}}return n("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onKeyPress:this.keyPressWrapper},n("bds-input-chips",{ref:function(e){return t.nativeInput=e},onBdsChangeChips:this.handleChangeChipsValue,onBdsChange:this.changedInputValue,icon:this.icon,label:this.label,onFocus:this.onFocus,onBlur:this.onBlur,maxlength:this.maxlength,onClick:this.toggle,danger:this.danger,"error-message":this.errorMessage,chips:this.chips,"disable-submit":true,delimiters:null,duplicated:this.duplicated},n("div",{slot:"input-right",class:"select__icon"},n("bds-icon",{size:"small",name:e,color:"inherit"}))),n("div",{class:{select__options:true,"select__options--open":this.isOpen}},i.map((function(e){return n("bds-select-option",{key:t.generateKey(e.value),onOptionSelected:t.handler,value:e.value,status:e.status},e.label)})),n("slot",null),this.canAddNew&&this.enableCreateOption()&&n("bds-select-option",{id:"option-add",value:"add",onClick:function(){return t.handlerNewOption(t.nativeInput.value)}},this.newPrefix,this.nativeInput.value),!this.canAddNew&&this.enableCreateOption()&&n("bds-select-option",{id:"no-option",value:"add"},this.notFoundMessage)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());o.style=r}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h } from './index-e8d612e6.js';
 
 const selectOptionCss = ".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";
 
-let SelectOption = class {
+const SelectOption = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.optionSelected = createEvent(this, "optionSelected", 7);

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

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var t,o,s;return{setters:[function(e){t=e.r;o=e.e;s=e.h}],execute:function(){var n=".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";var i=e("bds_select_option",function(){function e(e){var s=this;t(this,e);this.optionSelected=o(this,"optionSelected",7);this.selected=false;this.disabled=false;this.invisible=false;this.danger=false;this.bulkOption="";this.slotAlign="center";this.onClickSelectOption=function(){if(!s.disabled){s.optionSelected.emit({value:s.value})}};this.attachOptionKeyboardListeners=function(e){var t=e.target;switch(e.key){case"Enter":s.onClickSelectOption();break;case"ArrowDown":if(t.parentElement.nextElementSibling&&!t.parentElement.nextElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.nextElementSibling.firstElementChild.focus()}break;case"ArrowUp":if(t.parentElement.previousElementSibling&&!t.parentElement.previousElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.previousElementSibling.firstElementChild.focus()}}}}e.prototype.render=function(){return s("div",{id:"bds-select-option-".concat(this.value),tabindex:"0",onKeyDown:this.attachOptionKeyboardListeners,onClick:this.onClickSelectOption,"data-value":this.value,class:{"select-option":true,"select-option--selected":this.selected,"select-option--disabled":this.disabled,"select-option--invisible":this.invisible}},s("div",{style:{alignSelf:this.slotAlign}},s("slot",{name:"input-left"})),s("div",{class:{"select-option__container":true,"select-option__container__fill_space":!!this.status}},s("bds-typo",{class:{"select-option__container--value":true,"select-option__container__overflow":!!this.status},noWrap:!!this.status,variant:"fs-14",id:"bds-typo-label-".concat(this.value)},s("bds-typo",{class:"select-option__container--value",variant:"fs-16",bold:"semi-bold"},this.titleText),s("slot",null)),this.bulkOption&&s("bds-typo",{class:"select-option__container--bulk",variant:"fs-10"},this.bulkOption),this.status&&s("bds-typo",{class:"select-option__container--status",noWrap:true,variant:"fs-10"},this.status)))};return e}());i.style=n}}}));
+System.register(["./index-f68fa126.system.js"],(function(e){"use strict";var t,o,s;return{setters:[function(e){t=e.r;o=e.e;s=e.h}],execute:function(){var n=".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";var i=e("bds_select_option",function(){function e(e){var s=this;t(this,e);this.optionSelected=o(this,"optionSelected",7);this.selected=false;this.disabled=false;this.invisible=false;this.danger=false;this.bulkOption="";this.slotAlign="center";this.onClickSelectOption=function(){if(!s.disabled){s.optionSelected.emit({value:s.value})}};this.attachOptionKeyboardListeners=function(e){var t=e.target;switch(e.key){case"Enter":s.onClickSelectOption();break;case"ArrowDown":if(t.parentElement.nextElementSibling&&!t.parentElement.nextElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.nextElementSibling.firstElementChild.focus()}break;case"ArrowUp":if(t.parentElement.previousElementSibling&&!t.parentElement.previousElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.previousElementSibling.firstElementChild.focus()}}}}e.prototype.render=function(){return s("div",{id:"bds-select-option-".concat(this.value),tabindex:"0",onKeyDown:this.attachOptionKeyboardListeners,onClick:this.onClickSelectOption,"data-value":this.value,class:{"select-option":true,"select-option--selected":this.selected,"select-option--disabled":this.disabled,"select-option--invisible":this.invisible}},s("div",{style:{alignSelf:this.slotAlign}},s("slot",{name:"input-left"})),s("div",{class:{"select-option__container":true,"select-option__container__fill_space":!!this.status}},s("bds-typo",{class:{"select-option__container--value":true,"select-option__container__overflow":!!this.status},noWrap:!!this.status,variant:"fs-14",id:"bds-typo-label-".concat(this.value)},s("bds-typo",{class:"select-option__container--value",variant:"fs-16",bold:"semi-bold"},this.titleText),s("slot",null)),this.bulkOption&&s("bds-typo",{class:"select-option__container--bulk",variant:"fs-10"},this.bulkOption),this.status&&s("bds-typo",{class:"select-option__container--status",noWrap:true,variant:"fs-10"},this.status)))};return e}());i.style=n}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-e8d612e6.js';
 
 const selectCss = ":host{display:block}.select{position:relative;outline:none}.select__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;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;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;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{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";
 
-let Select = class {
+const Select = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsChange = createEvent(this, "bdsChange", 7);

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

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,i,o,s;return{setters:[function(t){e=t.r;i=t.e;o=t.h;s=t.g}],execute:function(){var n=":host{display:block}.select{position:relative;outline:none}.select__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;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;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;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{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";var r=t("bds_select",function(){function t(t){var o=this;e(this,t);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.isOpen=false;this.text="";this.danger=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.refNativeInput=function(t){o.nativeInput=t};this.onFocus=function(){o.bdsFocus.emit()};this.onBlur=function(){o.bdsBlur.emit()};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var t,e;var i=o.childOptions.find((function(t){return t.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 s=o.internalOptions.find((function(t){return t.value==i.value}));if(s){return s.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(e=(t=i===null||i===void 0?void 0:i.textContent)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:""};this.handler=function(t){var e=t.detail.value;o.value=e;o.toggle()};this.setFocusWrapper=function(){if(o.nativeInput){o.nativeInput.setFocus()}};this.removeFocusWrapper=function(t){var e=t.relatedTarget.localName==="bds-input";if(o.nativeInput&&!e){o.nativeInput.removeFocus()}};this.keyPressWrapper=function(t){var e,i,s,n,r,l,a,p;var u=t.target.localName==="bds-select";var c=t.target.localName==="bds-input";switch(t.key){case"Enter":if(!o.isOpen&&(u||c)){o.toggle()}break;case"ArrowDown":if(o.childOptionSelected){(i=(e=o.childOptionSelected.nextElementSibling)===null||e===void 0?void 0:e.firstElementChild)===null||i===void 0?void 0:i.focus();return}(n=(s=o.el.firstElementChild)===null||s===void 0?void 0:s.firstElementChild)===null||n===void 0?void 0:n.focus();break;case"ArrowUp":if(o.childOptionSelected){(l=(r=o.childOptionSelected.previousElementSibling)===null||r===void 0?void 0:r.firstElementChild)===null||l===void 0?void 0:l.focus();return}(p=(a=o.el.previousElementSibling)===null||a===void 0?void 0:a.firstElementChild)===null||p===void 0?void 0:p.focus();break}}}t.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value}this.text=this.getText()};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.componentWillLoad=function(){this.options&&this.parseOptions()};t.prototype.parseOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};t.prototype.componentDidLoad=function(){for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};Object.defineProperty(t.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(t.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(t){return t.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(t){return t.selected}))},enumerable:false,configurable:true});t.prototype.render=function(){var t=this.isOpen?"arrow-up":"arrow-down";return o("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onKeyDown:this.keyPressWrapper},o("bds-input",{icon:this.icon,label:this.label,ref:this.refNativeInput,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.toggle,value:this.text,danger:this.danger,disabled:this.disabled,placeholder:this.placeholder,readonly:true},o("div",{slot:"input-right",class:"select__icon"},o("bds-icon",{size:"small",name:t,color:"inherit"}))),o("div",{class:{select__options:true,"select__options--position-top":this.optionsPosition==="top","select__options--open":this.isOpen}},this.internalOptions?this.internalOptions.map((function(t,e){return o("bds-select-option",{value:t.value,key:e,bulkOption:t.bulkOption,status:t.status},t.label)})):o("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());r.style=n}}}));
+System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,i,o,s;return{setters:[function(t){e=t.r;i=t.e;o=t.h;s=t.g}],execute:function(){var n=":host{display:block}.select{position:relative;outline:none}.select__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;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;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;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{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";var r=t("bds_select",function(){function t(t){var o=this;e(this,t);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.isOpen=false;this.text="";this.danger=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.refNativeInput=function(t){o.nativeInput=t};this.onFocus=function(){o.bdsFocus.emit()};this.onBlur=function(){o.bdsBlur.emit()};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var t,e;var i=o.childOptions.find((function(t){return t.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 s=o.internalOptions.find((function(t){return t.value==i.value}));if(s){return s.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(e=(t=i===null||i===void 0?void 0:i.textContent)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:""};this.handler=function(t){var e=t.detail.value;o.value=e;o.toggle()};this.setFocusWrapper=function(){if(o.nativeInput){o.nativeInput.setFocus()}};this.removeFocusWrapper=function(t){var e=t.relatedTarget.localName==="bds-input";if(o.nativeInput&&!e){o.nativeInput.removeFocus()}};this.keyPressWrapper=function(t){var e,i,s,n,r,l,a,p;var u=t.target.localName==="bds-select";var c=t.target.localName==="bds-input";switch(t.key){case"Enter":if(!o.isOpen&&(u||c)){o.toggle()}break;case"ArrowDown":if(o.childOptionSelected){(i=(e=o.childOptionSelected.nextElementSibling)===null||e===void 0?void 0:e.firstElementChild)===null||i===void 0?void 0:i.focus();return}(n=(s=o.el.firstElementChild)===null||s===void 0?void 0:s.firstElementChild)===null||n===void 0?void 0:n.focus();break;case"ArrowUp":if(o.childOptionSelected){(l=(r=o.childOptionSelected.previousElementSibling)===null||r===void 0?void 0:r.firstElementChild)===null||l===void 0?void 0:l.focus();return}(p=(a=o.el.previousElementSibling)===null||a===void 0?void 0:a.firstElementChild)===null||p===void 0?void 0:p.focus();break}}}t.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value}this.text=this.getText()};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.componentWillLoad=function(){this.options&&this.parseOptions()};t.prototype.parseOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};t.prototype.componentDidLoad=function(){for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};Object.defineProperty(t.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(t.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(t){return t.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(t){return t.selected}))},enumerable:false,configurable:true});t.prototype.render=function(){var t=this.isOpen?"arrow-up":"arrow-down";return o("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onKeyDown:this.keyPressWrapper},o("bds-input",{icon:this.icon,label:this.label,ref:this.refNativeInput,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.toggle,value:this.text,danger:this.danger,disabled:this.disabled,placeholder:this.placeholder,readonly:true},o("div",{slot:"input-right",class:"select__icon"},o("bds-icon",{size:"small",name:t,color:"inherit"}))),o("div",{class:{select__options:true,"select__options--position-top":this.optionsPosition==="top","select__options--open":this.isOpen}},this.internalOptions?this.internalOptions.map((function(t,e){return o("bds-select-option",{value:t.value,key:e,bulkOption:t.bulkOption,status:t.status},t.label)})):o("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());r.style=n}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, h, g as getElement } from './index-e8d612e6.js';
 
 const stepCss = ":host{padding:8px}:host .step{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .step__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .step__content--disabled{color:#8ca0b3}:host .step__content--active{color:#505f79}:host .step__content--completed{color:#3f7de8}:host .step__content--pointer{cursor:pointer}:host .step__content__ellipse{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:#8ca0b3;margin-right:4px;min-width:24px;min-height:24px;color:#ffffff}:host .step__content__ellipse--active{background:#505f79}:host .step__content__ellipse--completed{background:#3f7de8}@media (max-width: 780px){:host{display:-ms-flexbox;display:flex;-ms-flex:inherit;flex:inherit}}";
 
-let BdsStep = class {
+const BdsStep = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

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

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var t,s,i;return{setters:[function(e){t=e.r;s=e.h;i=e.g}],execute:function(){var n=":host{padding:8px}:host .step{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .step__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .step__content--disabled{color:#8ca0b3}:host .step__content--active{color:#505f79}:host .step__content--completed{color:#3f7de8}:host .step__content--pointer{cursor:pointer}:host .step__content__ellipse{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:#8ca0b3;margin-right:4px;min-width:24px;min-height:24px;color:#ffffff}:host .step__content__ellipse--active{background:#505f79}:host .step__content__ellipse--completed{background:#3f7de8}@media (max-width: 780px){:host{display:-ms-flexbox;display:flex;-ms-flex:inherit;flex:inherit}}";var o=e("bds_step",function(){function e(e){t(this,e);this.last=false;this.completed=false;this.active=false;this.disabled=true;this.index=0;this.pointer=false}e.prototype.render=function(){return s("div",{class:"step"},s("div",{class:{step__content:true,"step__content--active":this.active,"step__content--completed":this.completed,"step__content--disabled":this.disabled,"step__content--pointer":this.pointer,"step--last":this.last}},s("div",{class:{step__content__ellipse:true,"step__content__ellipse--active":this.active,"step__content__ellipse--completed":this.completed}},this.completed&&s("bds-icon",{name:"true",color:"#fff"}),!this.completed&&s("bds-typo",null,this.index+1)),s("bds-typo",{variant:"fs-16"},s("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());o.style=n}}}));
+System.register(["./index-f68fa126.system.js"],(function(e){"use strict";var t,s,i;return{setters:[function(e){t=e.r;s=e.h;i=e.g}],execute:function(){var n=":host{padding:8px}:host .step{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .step__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .step__content--disabled{color:#8ca0b3}:host .step__content--active{color:#505f79}:host .step__content--completed{color:#3f7de8}:host .step__content--pointer{cursor:pointer}:host .step__content__ellipse{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:#8ca0b3;margin-right:4px;min-width:24px;min-height:24px;color:#ffffff}:host .step__content__ellipse--active{background:#505f79}:host .step__content__ellipse--completed{background:#3f7de8}@media (max-width: 780px){:host{display:-ms-flexbox;display:flex;-ms-flex:inherit;flex:inherit}}";var o=e("bds_step",function(){function e(e){t(this,e);this.last=false;this.completed=false;this.active=false;this.disabled=true;this.index=0;this.pointer=false}e.prototype.render=function(){return s("div",{class:"step"},s("div",{class:{step__content:true,"step__content--active":this.active,"step__content--completed":this.completed,"step__content--disabled":this.disabled,"step__content--pointer":this.pointer,"step--last":this.last}},s("div",{class:{step__content__ellipse:true,"step__content__ellipse--active":this.active,"step__content__ellipse--completed":this.completed}},this.completed&&s("bds-icon",{name:"true",color:"#fff"}),!this.completed&&s("bds-typo",null,this.index+1)),s("bds-typo",{variant:"fs-16"},s("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());o.style=n}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, h, g as getElement } from './index-e8d612e6.js';
 
 const stepperCss = ".stepper__container{width:100%;background:#ffffff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;display:-ms-flexbox;display:flex;-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);-ms-flex-pack:justify;justify-content:space-between}.stepper__container ::slotted(bds-step:last-child){-ms-flex:inherit;flex:inherit}.stepper__container__divisor{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;height:1.5px;background:#d2dfe6;margin:0px 8px;min-width:24px}.stepper__container__divisor--completed{border-top:2px solid #3f7de8}@media (max-width: 780px){.stepper__container__divisor{display:none}}";
 
-let BdsStepper = class {
+const BdsStepper = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{c(r.next(t))}catch(e){o(e)}}function a(t){try{c(r["throw"](t))}catch(e){o(e)}}function c(t){t.done?n(t.value):i(t.value).then(s,a)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(a){s=[6,a];i=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.g}],execute:function(){var i=".stepper__container{width:100%;background:#ffffff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;display:-ms-flexbox;display:flex;-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);-ms-flex-pack:justify;justify-content:space-between}.stepper__container ::slotted(bds-step:last-child){-ms-flex:inherit;flex:inherit}.stepper__container__divisor{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;height:1.5px;background:#d2dfe6;margin:0px 8px;min-width:24px}.stepper__container__divisor--completed{border-top:2px solid #3f7de8}@media (max-width: 780px){.stepper__container__divisor{display:none}}";var o=t("bds_stepper",function(){function t(t){e(this,t)}t.prototype.connectedCallback=function(){var t=this;this.childOptions.forEach((function(e,n){e.index=n;if(n===t.childOptions.length-1){e.last=true}}))};t.prototype.componentDidLoad=function(){this.renderLine()};t.prototype.setActiveStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.resetActiveSteps();this.childOptions[t].active=true;return[2]}))}))};t.prototype.setCompletedStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.childOptions[t].completed=true;return[2]}))}))};t.prototype.getActiveStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.childOptions.find((function(t){return t.active===true})).index]}))}))};t.prototype.resetActiveSteps=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(r){for(t=0,e=this.childOptions;t<e.length;t++){n=e[t];n.active=false}return[2]}))}))};t.prototype.resetCompletedSteps=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(r){for(t=0,e=this.childOptions;t<e.length;t++){n=e[t];n.completed=false}return[2]}))}))};Object.defineProperty(t.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("bds-step"))},enumerable:false,configurable:true});t.prototype.renderLine=function(){var t=this;var e=document.createElement("div");e.classList.add("stepper__container__divisor");Array.from(this.childOptions).forEach((function(n,r){if(t.childOptions.length-1!=r){n.insertAdjacentHTML("afterend",e.outerHTML)}}))};t.prototype.render=function(){return n("div",{class:"stepper__container"},n("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{c(r.next(t))}catch(e){o(e)}}function a(t){try{c(r["throw"](t))}catch(e){o(e)}}function c(t){t.done?n(t.value):i(t.value).then(s,a)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(a){s=[6,a];i=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.g}],execute:function(){var i=".stepper__container{width:100%;background:#ffffff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;display:-ms-flexbox;display:flex;-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);-ms-flex-pack:justify;justify-content:space-between}.stepper__container ::slotted(bds-step:last-child){-ms-flex:inherit;flex:inherit}.stepper__container__divisor{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;height:1.5px;background:#d2dfe6;margin:0px 8px;min-width:24px}.stepper__container__divisor--completed{border-top:2px solid #3f7de8}@media (max-width: 780px){.stepper__container__divisor{display:none}}";var o=t("bds_stepper",function(){function t(t){e(this,t)}t.prototype.connectedCallback=function(){var t=this;this.childOptions.forEach((function(e,n){e.index=n;if(n===t.childOptions.length-1){e.last=true}}))};t.prototype.componentDidLoad=function(){this.renderLine()};t.prototype.setActiveStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.resetActiveSteps();this.childOptions[t].active=true;return[2]}))}))};t.prototype.setCompletedStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.childOptions[t].completed=true;return[2]}))}))};t.prototype.getActiveStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.childOptions.find((function(t){return t.active===true})).index]}))}))};t.prototype.resetActiveSteps=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(r){for(t=0,e=this.childOptions;t<e.length;t++){n=e[t];n.active=false}return[2]}))}))};t.prototype.resetCompletedSteps=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(r){for(t=0,e=this.childOptions;t<e.length;t++){n=e[t];n.completed=false}return[2]}))}))};Object.defineProperty(t.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("bds-step"))},enumerable:false,configurable:true});t.prototype.renderLine=function(){var t=this;var e=document.createElement("div");e.classList.add("stepper__container__divisor");Array.from(this.childOptions).forEach((function(n,r){if(t.childOptions.length-1!=r){n.insertAdjacentHTML("afterend",e.outerHTML)}}))};t.prototype.render=function(){return n("div",{class:"stepper__container"},n("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o.style=i}}}));

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, e as createEvent, h } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h } from './index-e8d612e6.js';
 
 const bdsSwitchCss = ".switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:\" \";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:\" \";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:\" \";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}";
 
 let switchIds = 0;
-let Switch = class {
+const Switch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsChange = createEvent(this, "bdsChange", 7);

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

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(e){"use strict";var t,i,s;return{setters:[function(e){t=e.r;i=e.e;s=e.h}],execute:function(){var r='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';var o=0;var n=e("bds_switch",function(){function e(e){var s=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.size="standard";this.checked=false;this.disabled=false;this.onClick=function(){s.checked=!s.checked};this.refNativeInput=function(e){s.nativeInput=e};this.getStyleState=function(){if(s.checked&&!s.disabled){return"slider--selected"}if(!s.checked&&!s.disabled){return"slider--deselected"}if(s.checked&&s.disabled){return"slider--selected-disabled"}if(!s.checked&&s.disabled){return"slider--deselected-disabled"}return""}}e.prototype.connectedCallback=function(){this.switchId=this.refer||"bds-switch-".concat(o++)};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.getSizeClass=function(){return"switch switch--size-".concat(this.size," ")};e.prototype.getSizeSliderClass=function(){return"slider slider--size-".concat(this.size," round ")};e.prototype.render=function(){var e,t;var i=this.getSizeClass();var r=this.getSizeSliderClass();var o=this.getStyleState();return s("label",{class:(e={},e[i]=true,e)},s("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled}),s("span",{class:(t={},t[r]=true,t[o]=true,t)}))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());n.style=r}}}));
+System.register(["./index-f68fa126.system.js"],(function(e){"use strict";var t,i,s;return{setters:[function(e){t=e.r;i=e.e;s=e.h}],execute:function(){var r='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';var o=0;var n=e("bds_switch",function(){function e(e){var s=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.size="standard";this.checked=false;this.disabled=false;this.onClick=function(){s.checked=!s.checked};this.refNativeInput=function(e){s.nativeInput=e};this.getStyleState=function(){if(s.checked&&!s.disabled){return"slider--selected"}if(!s.checked&&!s.disabled){return"slider--deselected"}if(s.checked&&s.disabled){return"slider--selected-disabled"}if(!s.checked&&s.disabled){return"slider--deselected-disabled"}return""}}e.prototype.connectedCallback=function(){this.switchId=this.refer||"bds-switch-".concat(o++)};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.getSizeClass=function(){return"switch switch--size-".concat(this.size," ")};e.prototype.getSizeSliderClass=function(){return"slider slider--size-".concat(this.size," round ")};e.prototype.render=function(){var e,t;var i=this.getSizeClass();var r=this.getSizeSliderClass();var o=this.getStyleState();return s("label",{class:(e={},e[i]=true,e)},s("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled}),s("span",{class:(t={},t[r]=true,t[o]=true,t)}))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());n.style=r}}}));

package/dist/blip-ds/bds-tab-panel.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, f as Host } from './index-74f70a22.js';
+import { r as registerInstance, h, f as Host } from './index-e8d612e6.js';
 
 const tabPanelCss = ".bds-tab-panel{display:none}.bds-tab-panel--selected{display:block}";
 
-let TabPanel = class {
+const TabPanel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.active = false;

package/dist/blip-ds/bds-tab-panel.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{l(r.next(t))}catch(e){a(e)}}function u(t){try{l(r["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):i(t.value).then(o,u)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return l([t,e])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(u){o=[6,u];i=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.f}],execute:function(){var i=".bds-tab-panel{display:none}.bds-tab-panel--selected{display:block}";var a=t("bds_tab_panel",function(){function t(t){e(this,t);this.active=false}t.prototype.getChild=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{active:this.active,group:this.group}]}))}))};t.prototype.render=function(){var t={"bds-tab-panel":true,"bds-tab-panel--selected":this.active};return n(r,{class:t},n("bds-typo",null,n("slot",null)))};return t}());a.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{l(r.next(t))}catch(e){a(e)}}function u(t){try{l(r["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):i(t.value).then(o,u)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return l([t,e])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(u){o=[6,u];i=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.f}],execute:function(){var i=".bds-tab-panel{display:none}.bds-tab-panel--selected{display:block}";var a=t("bds_tab_panel",function(){function t(t){e(this,t);this.active=false}t.prototype.getChild=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{active:this.active,group:this.group}]}))}))};t.prototype.render=function(){var t={"bds-tab-panel":true,"bds-tab-panel--selected":this.active};return n(r,{class:t},n("bds-typo",null,n("slot",null)))};return t}());a.style=i}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, f as Host } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h, f as Host } from './index-e8d612e6.js';
 
 const tabCss = ".bds-tab{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:270px;height:46px;max-height:48px;cursor:pointer;text-align:center;color:#8ca0b3;border-bottom:2px solid transparent}.bds-tab:not(:last-child){margin-right:32px}.bds-tab:hover{color:#3f7de8}.bds-tab--selected{-webkit-animation-name:selectFade;animation-name:selectFade;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.bds-tab__text{min-width:90px;max-width:270px}@-webkit-keyframes selectFade{from{border-bottom:2px solid transparent;color:#3f7de8}to{border-bottom:2px solid #3f7de8;color:#3f7de8}}@keyframes selectFade{from{border-bottom:2px solid transparent;color:#3f7de8}to{border-bottom:2px solid #3f7de8;color:#3f7de8}}@media (max-width: 599px){.bds-tab{min-width:110px;text-overflow:ellipsis}}";
 
-let Tab = class {
+const Tab = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsSelect = createEvent(this, "bdsSelect", 7);

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{l(i.next(t))}catch(e){o(e)}}function s(t){try{l(i["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):r(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(s){a=[6,s];r=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,n,i,r;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f}],execute:function(){var o=".bds-tab{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:270px;height:46px;max-height:48px;cursor:pointer;text-align:center;color:#8ca0b3;border-bottom:2px solid transparent}.bds-tab:not(:last-child){margin-right:32px}.bds-tab:hover{color:#3f7de8}.bds-tab--selected{-webkit-animation-name:selectFade;animation-name:selectFade;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.bds-tab__text{min-width:90px;max-width:270px}@-webkit-keyframes selectFade{from{border-bottom:2px solid transparent;color:#3f7de8}to{border-bottom:2px solid #3f7de8;color:#3f7de8}}@keyframes selectFade{from{border-bottom:2px solid transparent;color:#3f7de8}to{border-bottom:2px solid #3f7de8;color:#3f7de8}}@media (max-width: 599px){.bds-tab{min-width:110px;text-overflow:ellipsis}}";var a=t("bds_tab",function(){function t(t){e(this,t);this.bdsSelect=n(this,"bdsSelect",7);this.active=false}t.prototype.getChild=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{active:this.active,group:this.group}]}))}))};t.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){switch(n.label){case 0:e=(t=this.bdsSelect).emit;return[4,this.getChild()];case 1:e.apply(t,[n.sent()]);return[2]}}))}))};t.prototype.render=function(){var t={"bds-tab":true,"bds-tab--selected":this.active};var e=this.active?"bold":"regular";return i(r,{class:t,onClick:this.onClick.bind(this)},i("div",{class:"bds-tab__text"},i("bds-typo",{variant:"fs-16",bold:e},this.label)))};return t}());a.style=o}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{l(i.next(t))}catch(e){o(e)}}function s(t){try{l(i["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):r(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(s){a=[6,s];r=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,n,i,r;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f}],execute:function(){var o=".bds-tab{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:270px;height:46px;max-height:48px;cursor:pointer;text-align:center;color:#8ca0b3;border-bottom:2px solid transparent}.bds-tab:not(:last-child){margin-right:32px}.bds-tab:hover{color:#3f7de8}.bds-tab--selected{-webkit-animation-name:selectFade;animation-name:selectFade;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.bds-tab__text{min-width:90px;max-width:270px}@-webkit-keyframes selectFade{from{border-bottom:2px solid transparent;color:#3f7de8}to{border-bottom:2px solid #3f7de8;color:#3f7de8}}@keyframes selectFade{from{border-bottom:2px solid transparent;color:#3f7de8}to{border-bottom:2px solid #3f7de8;color:#3f7de8}}@media (max-width: 599px){.bds-tab{min-width:110px;text-overflow:ellipsis}}";var a=t("bds_tab",function(){function t(t){e(this,t);this.bdsSelect=n(this,"bdsSelect",7);this.active=false}t.prototype.getChild=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{active:this.active,group:this.group}]}))}))};t.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){switch(n.label){case 0:e=(t=this.bdsSelect).emit;return[4,this.getChild()];case 1:e.apply(t,[n.sent()]);return[2]}}))}))};t.prototype.render=function(){var t={"bds-tab":true,"bds-tab--selected":this.active};var e=this.active?"bold":"regular";return i(r,{class:t,onClick:this.onClick.bind(this)},i("div",{class:"bds-tab__text"},i("bds-typo",{variant:"fs-16",bold:e},this.label)))};return t}());a.style=o}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-e8d612e6.js';
 
 const tabsCss = ".bds-tabs{width:100%;display:-ms-flexbox;display:flex;z-index:1100;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:48px;padding:0 10px 0 10px}.bds-tabs--center{-ms-flex-pack:center;justify-content:center}.bds-tabs--left{-ms-flex-pack:start;justify-content:flex-start}.bds-tabs--right{-ms-flex-pack:end;justify-content:flex-end}.bds-tabs .bds-tabs__header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;-ms-flex-align:stretch;align-items:stretch;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bds-tabs .bds-tabs__header-button-container{padding:0px;min-width:40px}";
 
-let Tabs = class {
+const Tabs = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.scrollButtonClick = createEvent(this, "scrollButtonClick", 7);

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{a(i.next(t))}catch(e){o(e)}}function l(t){try{a(i["throw"](t))}catch(e){o(e)}}function a(t){t.done?n(t.value):r(t.value).then(s,l)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(e){return a([t,e])}}function a(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(l){s=[6,l];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var e,n,i,r,o;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f;o=t.g}],execute:function(){var s=".bds-tabs{width:100%;display:-ms-flexbox;display:flex;z-index:1100;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:48px;padding:0 10px 0 10px}.bds-tabs--center{-ms-flex-pack:center;justify-content:center}.bds-tabs--left{-ms-flex-pack:start;justify-content:flex-start}.bds-tabs--right{-ms-flex-pack:end;justify-content:flex-end}.bds-tabs .bds-tabs__header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;-ms-flex-align:stretch;align-items:stretch;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bds-tabs .bds-tabs__header-button-container{padding:0px;min-width:40px}";var l=t("bds_tabs",function(){function t(t){var i=this;e(this,t);this.scrollButtonClick=n(this,"scrollButtonClick",7);this.SCROLL_BEHAVIOR="smooth";this.align="center";this.handleHeaderResize=function(){if(i.tabsHeaderChildElement.offsetWidth<i.tabsHeaderChildElement.scrollWidth){i.updateButtonsVisibility(true)}else{i.updateButtonsVisibility(false)}};this.updateButtonsVisibility=function(t){i.setLeftButtonVisibility(t);i.setRightButtonVisibility(t)};this.handleScrollButtonClick=function(t){i.scrollButtonClick.emit({direction:t})}}t.prototype.componentWillLoad=function(){this.createGroup();var t=this.tabGroup[0];this.selectGroup(t)};t.prototype.componentDidLoad=function(){this.getChildElements();this.attachEvents();this.setLeftButtonVisibility(false);this.setRightButtonVisibility(true)};t.prototype.onScrollButtonClick=function(t){var e;t.preventDefault();var n={behavior:this.SCROLL_BEHAVIOR,top:0,left:t.detail.distance};(e=n.left)!==null&&e!==void 0?e:n.left=this.getDistance(n,t);this.tabsHeaderChildElement.scrollTo(n)};t.prototype.onSelectedTab=function(t){var e=this.tabGroup.find((function(e){return e.header.group===t.detail.group}));this.selectGroup(e);this.handleButtonOverlay(e)};t.prototype.createGroup=function(){var t=this;this.tabsHeader=Array.from(this.el.querySelectorAll("bds-tab"));this.tabsContent=Array.from(document.querySelectorAll("bds-tab-panel"));this.buttonsChildElement=document.getElementsByTagName("bds-button-icon");this.tabGroup=this.tabsHeader.map((function(e){var n;try{n=t.tabsContent.find((function(t){return t.group===e.group}));if(!n)throw new Error("Missing TabPanel with key: ".concat(e.group))}catch(i){console.warn(i)}return{header:e,content:n}}))};t.prototype.selectGroup=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resetActiveGroup()];case 1:e.sent();t.header.active=true;t.content.active=true;return[2]}}))}))};t.prototype.resetActiveGroup=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(i){for(t=0,e=this.tabGroup;t<e.length;t++){n=e[t];n.content.active=false;n.header.active=false}return[2]}))}))};t.prototype.getChildElements=function(){this.tabsHeaderChildElement=this.el.querySelector(".bds-tabs__header");this.leftButtonChildElement=this.el.querySelector("#bds-tabs-button-left");this.rightButtonChildElement=this.el.querySelector("#bds-tabs-button-right")};t.prototype.attachEvents=function(){var t=this;window.onresize=this.handleHeaderResize;this.tabsHeaderChildElement.onscroll=function(){return t.updateButtonsVisibility(t.tabsHeaderChildElement.scrollWidth>t.tabsHeaderChildElement.clientWidth)}};t.prototype.setRightButtonVisibility=function(t){if(t&&this.tabsHeaderChildElement.scrollWidth>Math.ceil(this.tabsHeaderChildElement.scrollLeft+this.tabsHeaderChildElement.clientWidth)){this.rightButtonChildElement.style.display="block"}else{this.rightButtonChildElement.style.display="none"}};t.prototype.setLeftButtonVisibility=function(t){this.leftButtonChildElement.style.display=this.tabsHeaderChildElement.scrollLeft>0&&t?"block":"none"};t.prototype.handleButtonOverlay=function(t){var e=this;var n=Array.from(this.tabsHeaderChildElement.getElementsByTagName("bds-tab")).find((function(e){return e.group==t.header.group}));var i=[this.leftButtonChildElement,this.rightButtonChildElement];i.forEach((function(t){if(e.isButtonOverlappingTab(t,n)){var i=e.getAdjutScrollDistance(t,n);e.scrollButtonClick.emit({distance:i})}}))};t.prototype.isButtonOverlappingTab=function(t,e){var n=e.getBoundingClientRect();var i=t.getBoundingClientRect();return this.elementIsOverlapping(i,n)};t.prototype.elementIsOverlapping=function(t,e){var n=t.x;var i=t.x+t.width;var r=e.x;var o=e.x+e.width;return n>=r&&n<=o||i>=r&&i<=o};t.prototype.getAdjutScrollDistance=function(t,e){var n=t.id=="bds-tabs-button-left"?"left":"right";var i=e.clientWidth+parseInt(getComputedStyle(e).marginRight)-t.offsetWidth;if(n=="right"){return e.parentElement.scrollLeft+i}else{return e.parentElement.scrollLeft-i}};t.prototype.getDistance=function(t,e){return e.detail.direction=="right"?t.left=this.tabsHeaderChildElement.scrollLeft+this.tabsHeaderChildElement.clientWidth:t.left=this.tabsHeaderChildElement.scrollLeft-this.tabsHeaderChildElement.clientWidth};t.prototype.render=function(){var t;var e=this;return i(r,{class:(t={"bds-tabs":true},t["bds-tabs--".concat(this.align)]=true,t)},i("div",{class:"bds-tabs__header-button-container"},i("bds-button-icon",{class:"bds-tabs__header-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return e.handleScrollButtonClick("left")},variant:"secondary"})),i("div",{class:"bds-tabs__header"},i("slot",null)),i("div",{class:"bds-tabs__header-button-container"},i("bds-button-icon",{class:"bds-tabs__header-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return e.handleScrollButtonClick("right")},variant:"secondary"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());l.style=s}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{a(i.next(t))}catch(e){o(e)}}function l(t){try{a(i["throw"](t))}catch(e){o(e)}}function a(t){t.done?n(t.value):r(t.value).then(s,l)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(e){return a([t,e])}}function a(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(l){s=[6,l];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var e,n,i,r,o;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f;o=t.g}],execute:function(){var s=".bds-tabs{width:100%;display:-ms-flexbox;display:flex;z-index:1100;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:48px;padding:0 10px 0 10px}.bds-tabs--center{-ms-flex-pack:center;justify-content:center}.bds-tabs--left{-ms-flex-pack:start;justify-content:flex-start}.bds-tabs--right{-ms-flex-pack:end;justify-content:flex-end}.bds-tabs .bds-tabs__header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;-ms-flex-align:stretch;align-items:stretch;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bds-tabs .bds-tabs__header-button-container{padding:0px;min-width:40px}";var l=t("bds_tabs",function(){function t(t){var i=this;e(this,t);this.scrollButtonClick=n(this,"scrollButtonClick",7);this.SCROLL_BEHAVIOR="smooth";this.align="center";this.handleHeaderResize=function(){if(i.tabsHeaderChildElement.offsetWidth<i.tabsHeaderChildElement.scrollWidth){i.updateButtonsVisibility(true)}else{i.updateButtonsVisibility(false)}};this.updateButtonsVisibility=function(t){i.setLeftButtonVisibility(t);i.setRightButtonVisibility(t)};this.handleScrollButtonClick=function(t){i.scrollButtonClick.emit({direction:t})}}t.prototype.componentWillLoad=function(){this.createGroup();var t=this.tabGroup[0];this.selectGroup(t)};t.prototype.componentDidLoad=function(){this.getChildElements();this.attachEvents();this.setLeftButtonVisibility(false);this.setRightButtonVisibility(true)};t.prototype.onScrollButtonClick=function(t){var e;t.preventDefault();var n={behavior:this.SCROLL_BEHAVIOR,top:0,left:t.detail.distance};(e=n.left)!==null&&e!==void 0?e:n.left=this.getDistance(n,t);this.tabsHeaderChildElement.scrollTo(n)};t.prototype.onSelectedTab=function(t){var e=this.tabGroup.find((function(e){return e.header.group===t.detail.group}));this.selectGroup(e);this.handleButtonOverlay(e)};t.prototype.createGroup=function(){var t=this;this.tabsHeader=Array.from(this.el.querySelectorAll("bds-tab"));this.tabsContent=Array.from(document.querySelectorAll("bds-tab-panel"));this.buttonsChildElement=document.getElementsByTagName("bds-button-icon");this.tabGroup=this.tabsHeader.map((function(e){var n;try{n=t.tabsContent.find((function(t){return t.group===e.group}));if(!n)throw new Error("Missing TabPanel with key: ".concat(e.group))}catch(i){console.warn(i)}return{header:e,content:n}}))};t.prototype.selectGroup=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resetActiveGroup()];case 1:e.sent();t.header.active=true;t.content.active=true;return[2]}}))}))};t.prototype.resetActiveGroup=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(i){for(t=0,e=this.tabGroup;t<e.length;t++){n=e[t];n.content.active=false;n.header.active=false}return[2]}))}))};t.prototype.getChildElements=function(){this.tabsHeaderChildElement=this.el.querySelector(".bds-tabs__header");this.leftButtonChildElement=this.el.querySelector("#bds-tabs-button-left");this.rightButtonChildElement=this.el.querySelector("#bds-tabs-button-right")};t.prototype.attachEvents=function(){var t=this;window.onresize=this.handleHeaderResize;this.tabsHeaderChildElement.onscroll=function(){return t.updateButtonsVisibility(t.tabsHeaderChildElement.scrollWidth>t.tabsHeaderChildElement.clientWidth)}};t.prototype.setRightButtonVisibility=function(t){if(t&&this.tabsHeaderChildElement.scrollWidth>Math.ceil(this.tabsHeaderChildElement.scrollLeft+this.tabsHeaderChildElement.clientWidth)){this.rightButtonChildElement.style.display="block"}else{this.rightButtonChildElement.style.display="none"}};t.prototype.setLeftButtonVisibility=function(t){this.leftButtonChildElement.style.display=this.tabsHeaderChildElement.scrollLeft>0&&t?"block":"none"};t.prototype.handleButtonOverlay=function(t){var e=this;var n=Array.from(this.tabsHeaderChildElement.getElementsByTagName("bds-tab")).find((function(e){return e.group==t.header.group}));var i=[this.leftButtonChildElement,this.rightButtonChildElement];i.forEach((function(t){if(e.isButtonOverlappingTab(t,n)){var i=e.getAdjutScrollDistance(t,n);e.scrollButtonClick.emit({distance:i})}}))};t.prototype.isButtonOverlappingTab=function(t,e){var n=e.getBoundingClientRect();var i=t.getBoundingClientRect();return this.elementIsOverlapping(i,n)};t.prototype.elementIsOverlapping=function(t,e){var n=t.x;var i=t.x+t.width;var r=e.x;var o=e.x+e.width;return n>=r&&n<=o||i>=r&&i<=o};t.prototype.getAdjutScrollDistance=function(t,e){var n=t.id=="bds-tabs-button-left"?"left":"right";var i=e.clientWidth+parseInt(getComputedStyle(e).marginRight)-t.offsetWidth;if(n=="right"){return e.parentElement.scrollLeft+i}else{return e.parentElement.scrollLeft-i}};t.prototype.getDistance=function(t,e){return e.detail.direction=="right"?t.left=this.tabsHeaderChildElement.scrollLeft+this.tabsHeaderChildElement.clientWidth:t.left=this.tabsHeaderChildElement.scrollLeft-this.tabsHeaderChildElement.clientWidth};t.prototype.render=function(){var t;var e=this;return i(r,{class:(t={"bds-tabs":true},t["bds-tabs--".concat(this.align)]=true,t)},i("div",{class:"bds-tabs__header-button-container"},i("bds-button-icon",{class:"bds-tabs__header-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return e.handleScrollButtonClick("left")},variant:"secondary"})),i("div",{class:"bds-tabs__header"},i("slot",null)),i("div",{class:"bds-tabs__header-button-container"},i("bds-button-icon",{class:"bds-tabs__header-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return e.handleScrollButtonClick("right")},variant:"secondary"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());l.style=s}}}));

package/dist/blip-ds/bds-toast-container.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, f as Host } from './index-74f70a22.js';
+import { r as registerInstance, h, f as Host } from './index-e8d612e6.js';
 
 const toastContainerCss = ".sc-bds-toast-container-h{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:110000;width:456px}.bottom-right.sc-bds-toast-container-h{bottom:40px;right:32px}.bottom-left.sc-bds-toast-container-h{bottom:40px;left:32px}.top-right.sc-bds-toast-container-h{top:40px;right:32px}.top-left.sc-bds-toast-container-h{top:40px;left:32px}@media (max-width: 780px){.sc-bds-toast-container-h{right:0px;left:0px;width:100%}.top-left.sc-bds-toast-container-h,.top-right.sc-bds-toast-container-h{top:20px}.bottom-left.sc-bds-toast-container-h,.bottom-right.sc-bds-toast-container-h{bottom:20px}}";
 
-let BdsToastContainer = class {
+const BdsToastContainer = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

package/dist/blip-ds/bds-toast-container.system.entry.js

@@ -1 +1 @@
-System.register(["./index-fee02d92.system.js"],(function(t){"use strict";var o,s,e;return{setters:[function(t){o=t.r;s=t.h;e=t.f}],execute:function(){var n=".sc-bds-toast-container-h{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:110000;width:456px}.bottom-right.sc-bds-toast-container-h{bottom:40px;right:32px}.bottom-left.sc-bds-toast-container-h{bottom:40px;left:32px}.top-right.sc-bds-toast-container-h{top:40px;right:32px}.top-left.sc-bds-toast-container-h{top:40px;left:32px}@media (max-width: 780px){.sc-bds-toast-container-h{right:0px;left:0px;width:100%}.top-left.sc-bds-toast-container-h,.top-right.sc-bds-toast-container-h{top:20px}.bottom-left.sc-bds-toast-container-h,.bottom-right.sc-bds-toast-container-h{bottom:20px}}";var i=t("bds_toast_container",function(){function t(t){o(this,t)}t.prototype.render=function(){return s(e,null,s("slot",null))};return t}());i.style=n}}}));
+System.register(["./index-f68fa126.system.js"],(function(t){"use strict";var o,s,n;return{setters:[function(t){o=t.r;s=t.h;n=t.f}],execute:function(){var e=".sc-bds-toast-container-h{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:110000;width:456px}.bottom-right.sc-bds-toast-container-h{bottom:40px;right:32px}.bottom-left.sc-bds-toast-container-h{bottom:40px;left:32px}.top-right.sc-bds-toast-container-h{top:40px;right:32px}.top-left.sc-bds-toast-container-h{top:40px;left:32px}@media (max-width: 780px){.sc-bds-toast-container-h{right:0px;left:0px;width:100%}.top-left.sc-bds-toast-container-h,.top-right.sc-bds-toast-container-h{top:20px}.bottom-left.sc-bds-toast-container-h,.bottom-right.sc-bds-toast-container-h{bottom:20px}}";var i=t("bds_toast_container",function(){function t(t){o(this,t)}t.prototype.render=function(){return s(n,null,s("slot",null))};return t}());i.style=e}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-74f70a22.js';
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-e8d612e6.js';
 
 const toastCss = ":host .show,:host .hide{display:-ms-flexbox;display:flex}:host .show{opacity:1}:host .show--top-right,:host .show--bottom-right{-webkit-animation:toastAnimationFadeInFromRight 1s;animation:toastAnimationFadeInFromRight 1s}:host .show--top-left,:host .show--bottom-left{-webkit-animation:toastAnimationFadeInFromLeft 1s;animation:toastAnimationFadeInFromLeft 1s}:host .hide{-webkit-transition:all 1s;transition:all 1s;-webkit-animation:toastAnimationFadeOut 0.5s;animation:toastAnimationFadeOut 0.5s}.toast{display:none;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);box-shadow:0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);color:#ffffff;opacity:0;margin-top:16px}.toast--action--icon{min-width:440px;max-width:440px;padding:8px 20px}.toast--action--icon bds-icon-button{height:32px}@media (max-width: 780px){.toast--action--icon{min-width:220px;width:95%;margin:16px auto 0px auto}}.toast--action--button{min-width:440px;max-width:456px;padding:10px 20px}@media (max-width: 780px){.toast--action--button{min-width:220px;width:95%;margin:16px auto 0px auto}}.toast--system{background:#00c6d7}.toast--error{background:#ff4c4c}.toast--success{background:#21cc79}.toast--warning{background:#f6a721}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toast__content{height:100%;width:100%;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-right:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toast__action button{background:transparent;border:none;outline:none;padding:0}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center;align-items:center}.toast__action__icon bds-icon{color:#ffffff;border-radius:4px;cursor:pointer}@-webkit-keyframes toastAnimationFadeInFromRight{0%{opacity:0;right:-200px}50%{opacity:0.9;right:1px}100%{opacity:1}}@keyframes toastAnimationFadeInFromRight{0%{opacity:0;right:-200px}50%{opacity:0.9;right:1px}100%{opacity:1}}@-webkit-keyframes toastAnimationFadeInFromLeft{0%{opacity:0;left:-200px}50%{opacity:0.9;left:1px}100%{opacity:1}}@keyframes toastAnimationFadeInFromLeft{0%{opacity:0;left:-200px}50%{opacity:0.9;left:1px}100%{opacity:1}}@-webkit-keyframes toastAnimationFadeOut{0%{opacity:1}30%{max-height:60px}80%{opacity:0;max-height:30px}100%{max-height:0px}}@keyframes toastAnimationFadeOut{0%{opacity:1}30%{max-height:60px}80%{opacity:0;max-height:30px}100%{max-height:0px}}";
 
-let BdsToast = class {
+const BdsToast = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.toastButtonClick = createEvent(this, "toastButtonClick", 7);