blip-ds 1.200.2 → 1.201.0

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

@@ -1,6 +1,8 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-bda47b0f.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}}";
+const notificationBallonSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=';
+
+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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}";
 
 const BdsToast = class {
   constructor(hostRef) {
@@ -63,8 +65,20 @@ const BdsToast = class {
       warning: 'attention',
       undo: 'undo',
       redo: 'redo',
+      notification: 'notification',
     };
   }
+  _keyPressHandler(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      if (this.buttonAction === 'close')
+        this.close();
+      else {
+        this.toastButtonClick.emit(this.el);
+        this.close();
+      }
+    }
+  }
   /**
    * Can be used outside to open the toast
    */
@@ -122,10 +136,10 @@ const BdsToast = class {
         [`toast--action--${this.actionType}`]: true,
         [`show show--${this.position}`]: this.show,
         hide: this.hide,
-      } }, this.icon && h("bds-icon", { theme: "outline", size: "x-large", color: "#fff", name: this.icon }), h("div", { class: "toast__content" }, this.toastTitle && (h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)), this.toastText && h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })), h("div", { class: {
+      } }, this.variant === 'notification' && h("img", { class: "toast__ballon", src: notificationBallonSvg }), this.icon && h("bds-icon", { theme: "outline", size: "medium", name: this.icon }), h("div", { class: "toast__content" }, this.toastTitle && (h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)), this.toastText && h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })), h("div", { class: {
         toast__action: true,
         [`toast__action__${this.actionType}`]: true,
-      } }, this.actionType === 'button' ? (h("button", { onClick: () => this._buttonClickHandler() }, h("bds-button", { variant: "secondary--white", size: "short" }, this.buttonText))) : (h("button", { onClick: () => this._buttonClickHandler() }, h("bds-button-icon", { size: "short", variant: "secondary--white", icon: "close" }))))));
+      } }, this.actionType === 'button' ? (h("bds-button", { onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", onClick: () => this._buttonClickHandler(), variant: "secondary", size: "short" }, this.buttonText)) : (h("bds-button-icon", { onClick: () => this._buttonClickHandler(), size: "short", onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", variant: "secondary", icon: "close" })))));
   }
   get el() { return getElement(this); }
 };

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,o,i,e){function n(t){return t instanceof i?t:new i((function(o){o(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(e.next(t))}catch(o){a(o)}}function r(t){try{c(e["throw"](t))}catch(o){a(o)}}function c(t){t.done?i(t.value):n(t.value).then(s,r)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=o.call(t,i)}catch(r){s=[6,r];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-461526c7.system.js"],(function(t){"use strict";var o,i,e,n;return{setters:[function(t){o=t.r;i=t.e;e=t.h;n=t.g}],execute:function(){var a=":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}}";var s=t("bds_toast",function(){function t(t){var e=this;o(this,t);this.toastButtonClick=i(this,"toastButtonClick",7);this.icon=null;this.actionType="button";this.variant="system";this.duration=0;this.buttonAction="close";this.show=false;this.hide=false;this.position="bottom-left";this._buttonClickHandler=function(){if(e.buttonAction==="close")e.close();else{e.toastButtonClick.emit(e.el);e.close()}};this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo"}}t.prototype.create=function(t){var o=t.actionType,i=t.buttonAction,e=t.buttonText,n=t.icon,a=t.toastText,s=t.toastTitle,r=t.variant,c=t.duration,l=t.position;return __awaiter(this,void 0,void 0,(function(){var t;var h=this;return __generator(this,(function(u){t=document.querySelector("bds-toast-container.".concat(l));if(t){t.appendChild(this.el);t.classList.add(l)}else{t=document.createElement("bds-toast-container");t.classList.add(l);document.body.appendChild(t);t.appendChild(this.el)}this.el.actionType=o||"button";this.el.buttonAction=i||"close";this.el.buttonText=e;this.el.toastText=a;this.el.toastTitle=s;this.el.variant=r||"system";this.el.duration=c*1e3||0;this.el.position=l||"bottom-left";this.el.icon=n!==null&&n!==void 0?n:this.mapIconName[this.variant];this.el.show=true;if(this.el.duration>0){setTimeout((function(){h.el.hide=true;setTimeout((function(){h.el.remove()}),400)}),this.el.duration)}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){if(this.el.shadowRoot){this.el.shadowRoot.querySelector("div").classList.remove("show");this.el.shadowRoot.querySelector("div").classList.add("hide")}else{this.el.querySelector("div").classList.remove("show");this.el.querySelector("div").classList.add("hide")}setTimeout((function(){t.el.remove()}),400);return[2]}))}))};t.prototype.render=function(){var t,o;var i=this;return e("div",{class:(t={toast:true},t["toast--".concat(this.variant)]=true,t["toast--action--".concat(this.actionType)]=true,t["show show--".concat(this.position)]=this.show,t.hide=this.hide,t)},this.icon&&e("bds-icon",{theme:"outline",size:"x-large",color:"#fff",name:this.icon}),e("div",{class:"toast__content"},this.toastTitle&&e("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&e("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),e("div",{class:(o={toast__action:true},o["toast__action__".concat(this.actionType)]=true,o)},this.actionType==="button"?e("button",{onClick:function(){return i._buttonClickHandler()}},e("bds-button",{variant:"secondary--white",size:"short"},this.buttonText)):e("button",{onClick:function(){return i._buttonClickHandler()}},e("bds-button-icon",{size:"short",variant:"secondary--white",icon:"close"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));
+var __awaiter=this&&this.__awaiter||function(t,i,o,e){function n(t){return t instanceof o?t:new o((function(i){i(t)}))}return new(o||(o=Promise))((function(o,a){function s(t){try{c(e.next(t))}catch(i){a(i)}}function r(t){try{c(e["throw"](t))}catch(i){a(i)}}function c(t){t.done?o(t.value):n(t.value).then(s,r)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(i){return c([t,i])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(o)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=i.call(t,o)}catch(r){s=[6,r];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-461526c7.system.js"],(function(t){"use strict";var i,o,e,n;return{setters:[function(t){i=t.r;o=t.e;e=t.h;n=t.g}],execute:function(){var a="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=";var s=':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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}';var r=t("bds_toast",function(){function t(t){var e=this;i(this,t);this.toastButtonClick=o(this,"toastButtonClick",7);this.icon=null;this.actionType="button";this.variant="system";this.duration=0;this.buttonAction="close";this.show=false;this.hide=false;this.position="bottom-left";this._buttonClickHandler=function(){if(e.buttonAction==="close")e.close();else{e.toastButtonClick.emit(e.el);e.close()}};this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo",notification:"notification"}}t.prototype._keyPressHandler=function(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();if(this.buttonAction==="close")this.close();else{this.toastButtonClick.emit(this.el);this.close()}}};t.prototype.create=function(t){var i=t.actionType,o=t.buttonAction,e=t.buttonText,n=t.icon,a=t.toastText,s=t.toastTitle,r=t.variant,c=t.duration,l=t.position;return __awaiter(this,void 0,void 0,(function(){var t;var u=this;return __generator(this,(function(d){t=document.querySelector("bds-toast-container.".concat(l));if(t){t.appendChild(this.el);t.classList.add(l)}else{t=document.createElement("bds-toast-container");t.classList.add(l);document.body.appendChild(t);t.appendChild(this.el)}this.el.actionType=i||"button";this.el.buttonAction=o||"close";this.el.buttonText=e;this.el.toastText=a;this.el.toastTitle=s;this.el.variant=r||"system";this.el.duration=c*1e3||0;this.el.position=l||"bottom-left";this.el.icon=n!==null&&n!==void 0?n:this.mapIconName[this.variant];this.el.show=true;if(this.el.duration>0){setTimeout((function(){u.el.hide=true;setTimeout((function(){u.el.remove()}),400)}),this.el.duration)}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.el.shadowRoot){this.el.shadowRoot.querySelector("div").classList.remove("show");this.el.shadowRoot.querySelector("div").classList.add("hide")}else{this.el.querySelector("div").classList.remove("show");this.el.querySelector("div").classList.add("hide")}setTimeout((function(){t.el.remove()}),400);return[2]}))}))};t.prototype.render=function(){var t,i;var o=this;return e("div",{class:(t={toast:true},t["toast--".concat(this.variant)]=true,t["toast--action--".concat(this.actionType)]=true,t["show show--".concat(this.position)]=this.show,t.hide=this.hide,t)},this.variant==="notification"&&e("img",{class:"toast__ballon",src:a}),this.icon&&e("bds-icon",{theme:"outline",size:"medium",name:this.icon}),e("div",{class:"toast__content"},this.toastTitle&&e("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&e("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),e("div",{class:(i={toast__action:true},i["toast__action__".concat(this.actionType)]=true,i)},this.actionType==="button"?e("bds-button",{onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",onClick:function(){return o._buttonClickHandler()},variant:"secondary",size:"short"},this.buttonText):e("bds-button-icon",{onClick:function(){return o._buttonClickHandler()},size:"short",onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",variant:"secondary",icon:"close"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());r.style=s}}}));

package/dist/blip-ds/p-239ad9f4.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as o,g as s}from"./p-0af42837.js";const a=class{constructor(o){t(this,o),this.toastButtonClick=i(this,"toastButtonClick",7),this.icon=null,this.actionType="button",this.variant="system",this.duration=0,this.buttonAction="close",this.show=!1,this.hide=!1,this.position="bottom-left",this._buttonClickHandler=()=>{"close"===this.buttonAction||this.toastButtonClick.emit(this.el),this.close()},this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo",notification:"notification"}}_keyPressHandler(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),"close"===this.buttonAction||this.toastButtonClick.emit(this.el),this.close())}async create({actionType:t,buttonAction:i,buttonText:o,icon:s,toastText:a,toastTitle:n,variant:e,duration:c,position:h}){let r=document.querySelector(`bds-toast-container.${h}`);r?(r.appendChild(this.el),r.classList.add(h)):(r=document.createElement("bds-toast-container"),r.classList.add(h),document.body.appendChild(r),r.appendChild(this.el)),this.el.actionType=t||"button",this.el.buttonAction=i||"close",this.el.buttonText=o,this.el.toastText=a,this.el.toastTitle=n,this.el.variant=e||"system",this.el.duration=1e3*c||0,this.el.position=h||"bottom-left",this.el.icon=null!=s?s:this.mapIconName[this.variant],this.el.show=!0,this.el.duration>0&&setTimeout((()=>{this.el.hide=!0,setTimeout((()=>{this.el.remove()}),400)}),this.el.duration)}async close(){this.el.shadowRoot?(this.el.shadowRoot.querySelector("div").classList.remove("show"),this.el.shadowRoot.querySelector("div").classList.add("hide")):(this.el.querySelector("div").classList.remove("show"),this.el.querySelector("div").classList.add("hide")),setTimeout((()=>{this.el.remove()}),400)}render(){return o("div",{class:{toast:!0,[`toast--${this.variant}`]:!0,[`toast--action--${this.actionType}`]:!0,[`show show--${this.position}`]:this.show,hide:this.hide}},"notification"===this.variant&&o("img",{class:"toast__ballon",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo="}),this.icon&&o("bds-icon",{theme:"outline",size:"medium",name:this.icon}),o("div",{class:"toast__content"},this.toastTitle&&o("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&o("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),o("div",{class:{toast__action:!0,[`toast__action__${this.actionType}`]:!0}},"button"===this.actionType?o("bds-button",{onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",onClick:()=>this._buttonClickHandler(),variant:"secondary",size:"short"},this.buttonText):o("bds-button-icon",{onClick:()=>this._buttonClickHandler(),size:"short",onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",variant:"secondary",icon:"close"})))}get el(){return s(this)}};a.style=':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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}';export{a as bds_toast}

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

@@ -1 +1 @@
-System.register(["./p-9c147cca.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(e){a=e.p;s=e.w;n=e.d;i=e.N;o=e.a;r=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-aabf7b6a.system.js").then((function(){return r}))}}return o(r)};var l=function(t,a){var o=e(i);try{s[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var r=new Map;s[o]=function(e){var i=new URL(e,t).href;var d=r.get(i);if(!d){var l=n.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[o].m);l.remove()}}));r.set(i,d);n.head.appendChild(l)}return d}}};d().then((function(e){return r(JSON.parse('[["p-fad5616b.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-3c9bd188.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-b19c1b52.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"internalOptions":[32],"isOpen":[32],"isValid":[64],"getChips":[64]},[[9,"mousedown","handleWindow"]]]]],["p-18b2b022.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-b810b26f.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-009e8f1b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-c21346f4.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-fea09dcb.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-abc55863.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-acd9e29a.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-98791078.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-23579134.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6e40b992.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"sorting":[4],"headerData":[32],"tableData":[32],"sortAscending":[32]}]]],["p-67048333.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-125b186b.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-b6f0743f.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-219709ca.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-47075e60.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-f05203a7.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-e3b45cb1.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-54c4ed15.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-9379d6eb.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-d08e7ec0.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-1bda914f.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-18865765.system",[[1,"bds-warning"]]],["p-a95cd994.system",[[1,"bds-alert-body"]]],["p-9b59c41f.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-624865c6.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-9cb09e87.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-91eaeeae.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-31c320b6.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-941c23b3.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-124accdf.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-9e39846b.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-26b5a4da.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-4b3bc67d.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-67e1a0a5.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-0f98f7a0.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-92586b59.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-60c32957.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-70d5b2ce.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-a70d1988.system",[[1,"bds-alert-actions"]]],["p-45a25edb.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-9f41a283.system",[[1,"bds-expansion-panel"]]],["p-3a69df63.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-7158bbfb.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-b656331d.system",[[1,"bds-loading-page",{"svgContent":[32]}]]],["p-c4bacf52.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["p-71144526.system",[[1,"bds-menu-list"]]],["p-1b8f96bb.system",[[1,"bds-modal-action"]]],["p-50f64c67.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-8837c4de.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-e7ddb99c.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-a0ff348c.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-2c2f2e1e.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-211e7782.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-1243ceee.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-dbe3c02b.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-9e1b6b1f.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-0bda1304.system",[[6,"bds-toast-container"]]],["p-aaec0769.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-10838d95.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}]]],["p-fb9f4c39.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[0,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-ec4215d4.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]]]'),e)}))}}}));
+System.register(["./p-9c147cca.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(e){a=e.p;s=e.w;n=e.d;i=e.N;o=e.a;r=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-aabf7b6a.system.js").then((function(){return r}))}}return o(r)};var l=function(t,a){var o=e(i);try{s[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var r=new Map;s[o]=function(e){var i=new URL(e,t).href;var d=r.get(i);if(!d){var l=n.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[o].m);l.remove()}}));r.set(i,d);n.head.appendChild(l)}return d}}};d().then((function(e){return r(JSON.parse('[["p-fad5616b.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-3c9bd188.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-b19c1b52.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"internalOptions":[32],"isOpen":[32],"isValid":[64],"getChips":[64]},[[9,"mousedown","handleWindow"]]]]],["p-f1c47094.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-b810b26f.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-009e8f1b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-c21346f4.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-fea09dcb.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-abc55863.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-acd9e29a.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-98791078.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-23579134.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6e40b992.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"sorting":[4],"headerData":[32],"tableData":[32],"sortAscending":[32]}]]],["p-67048333.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-125b186b.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-b6f0743f.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-219709ca.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-47075e60.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-f05203a7.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-e3b45cb1.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-54c4ed15.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-9379d6eb.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-d08e7ec0.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-1bda914f.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-18865765.system",[[1,"bds-warning"]]],["p-a95cd994.system",[[1,"bds-alert-body"]]],["p-9b59c41f.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-624865c6.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-9cb09e87.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-91eaeeae.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-31c320b6.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-941c23b3.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-124accdf.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-9e39846b.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-26b5a4da.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-4b3bc67d.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-67e1a0a5.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-0f98f7a0.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-92586b59.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-60c32957.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-70d5b2ce.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-a70d1988.system",[[1,"bds-alert-actions"]]],["p-45a25edb.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-9f41a283.system",[[1,"bds-expansion-panel"]]],["p-3a69df63.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-7158bbfb.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-b656331d.system",[[1,"bds-loading-page",{"svgContent":[32]}]]],["p-c4bacf52.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["p-71144526.system",[[1,"bds-menu-list"]]],["p-1b8f96bb.system",[[1,"bds-modal-action"]]],["p-50f64c67.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-8837c4de.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-e7ddb99c.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-a0ff348c.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-2c2f2e1e.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-211e7782.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-1243ceee.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-dbe3c02b.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-9e1b6b1f.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-0bda1304.system",[[6,"bds-toast-container"]]],["p-aaec0769.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-10838d95.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}]]],["p-fb9f4c39.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[0,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-ec4215d4.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]]]'),e)}))}}}));

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,o,e){function n(t){return t instanceof o?t:new o((function(i){i(t)}))}return new(o||(o=Promise))((function(o,a){function s(t){try{c(e.next(t))}catch(i){a(i)}}function r(t){try{c(e["throw"](t))}catch(i){a(i)}}function c(t){t.done?o(t.value):n(t.value).then(s,r)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(i){return c([t,i])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(o)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=i.call(t,o)}catch(r){s=[6,r];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9c147cca.system.js"],(function(t){"use strict";var i,o,e,n;return{setters:[function(t){i=t.r;o=t.c;e=t.h;n=t.g}],execute:function(){var a="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=";var s=':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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}';var r=t("bds_toast",function(){function t(t){var e=this;i(this,t);this.toastButtonClick=o(this,"toastButtonClick",7);this.icon=null;this.actionType="button";this.variant="system";this.duration=0;this.buttonAction="close";this.show=false;this.hide=false;this.position="bottom-left";this._buttonClickHandler=function(){if(e.buttonAction==="close")e.close();else{e.toastButtonClick.emit(e.el);e.close()}};this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo",notification:"notification"}}t.prototype._keyPressHandler=function(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();if(this.buttonAction==="close")this.close();else{this.toastButtonClick.emit(this.el);this.close()}}};t.prototype.create=function(t){var i=t.actionType,o=t.buttonAction,e=t.buttonText,n=t.icon,a=t.toastText,s=t.toastTitle,r=t.variant,c=t.duration,l=t.position;return __awaiter(this,void 0,void 0,(function(){var t;var u=this;return __generator(this,(function(d){t=document.querySelector("bds-toast-container.".concat(l));if(t){t.appendChild(this.el);t.classList.add(l)}else{t=document.createElement("bds-toast-container");t.classList.add(l);document.body.appendChild(t);t.appendChild(this.el)}this.el.actionType=i||"button";this.el.buttonAction=o||"close";this.el.buttonText=e;this.el.toastText=a;this.el.toastTitle=s;this.el.variant=r||"system";this.el.duration=c*1e3||0;this.el.position=l||"bottom-left";this.el.icon=n!==null&&n!==void 0?n:this.mapIconName[this.variant];this.el.show=true;if(this.el.duration>0){setTimeout((function(){u.el.hide=true;setTimeout((function(){u.el.remove()}),400)}),this.el.duration)}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.el.shadowRoot){this.el.shadowRoot.querySelector("div").classList.remove("show");this.el.shadowRoot.querySelector("div").classList.add("hide")}else{this.el.querySelector("div").classList.remove("show");this.el.querySelector("div").classList.add("hide")}setTimeout((function(){t.el.remove()}),400);return[2]}))}))};t.prototype.render=function(){var t,i;var o=this;return e("div",{class:(t={toast:true},t["toast--".concat(this.variant)]=true,t["toast--action--".concat(this.actionType)]=true,t["show show--".concat(this.position)]=this.show,t.hide=this.hide,t)},this.variant==="notification"&&e("img",{class:"toast__ballon",src:a}),this.icon&&e("bds-icon",{theme:"outline",size:"medium",name:this.icon}),e("div",{class:"toast__content"},this.toastTitle&&e("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&e("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),e("div",{class:(i={toast__action:true},i["toast__action__".concat(this.actionType)]=true,i)},this.actionType==="button"?e("bds-button",{onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",onClick:function(){return o._buttonClickHandler()},variant:"secondary",size:"short"},this.buttonText):e("bds-button-icon",{onClick:function(){return o._buttonClickHandler()},size:"short",onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",variant:"secondary",icon:"close"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());r.style=s}}}));

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5599f73d.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}}";
+const notificationBallonSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=';
+
+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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}";
 
 const BdsToast = class {
   constructor(hostRef) {
@@ -67,8 +69,20 @@ const BdsToast = class {
       warning: 'attention',
       undo: 'undo',
       redo: 'redo',
+      notification: 'notification',
     };
   }
+  _keyPressHandler(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      if (this.buttonAction === 'close')
+        this.close();
+      else {
+        this.toastButtonClick.emit(this.el);
+        this.close();
+      }
+    }
+  }
   /**
    * Can be used outside to open the toast
    */
@@ -126,10 +140,10 @@ const BdsToast = class {
         [`toast--action--${this.actionType}`]: true,
         [`show show--${this.position}`]: this.show,
         hide: this.hide,
-      } }, this.icon && index.h("bds-icon", { theme: "outline", size: "x-large", color: "#fff", name: this.icon }), index.h("div", { class: "toast__content" }, this.toastTitle && (index.h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)), this.toastText && index.h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })), index.h("div", { class: {
+      } }, this.variant === 'notification' && index.h("img", { class: "toast__ballon", src: notificationBallonSvg }), this.icon && index.h("bds-icon", { theme: "outline", size: "medium", name: this.icon }), index.h("div", { class: "toast__content" }, this.toastTitle && (index.h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)), this.toastText && index.h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })), index.h("div", { class: {
         toast__action: true,
         [`toast__action__${this.actionType}`]: true,
-      } }, this.actionType === 'button' ? (index.h("button", { onClick: () => this._buttonClickHandler() }, index.h("bds-button", { variant: "secondary--white", size: "short" }, this.buttonText))) : (index.h("button", { onClick: () => this._buttonClickHandler() }, index.h("bds-button-icon", { size: "short", variant: "secondary--white", icon: "close" }))))));
+      } }, this.actionType === 'button' ? (index.h("bds-button", { onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", onClick: () => this._buttonClickHandler(), variant: "secondary", size: "short" }, this.buttonText)) : (index.h("bds-button-icon", { onClick: () => this._buttonClickHandler(), size: "short", onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", variant: "secondary", icon: "close" })))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/collection/assets/svg/notification-ballon.svg

@@ -0,0 +1,3 @@
+<svg width="52" height="70" viewBox="0 0 52 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9571 -2C10.3304 -2 2.43773 -0.795308 -2.97187 2.38853C-11.7514 7.63755 -14.3232 17.8774 -13.9684 27.3429C-13.7024 35.5176 -11.4853 44.2947 -5.45496 50.3181C0.220692 56.0834 11.9267 58.6649 19.9968 58.6649C20.3515 58.6649 20.7063 58.9231 20.7063 59.3533V67.6141C20.7063 68.3885 21.327 69.0769 22.2139 69.0769C22.3025 69.0769 22.3025 69.0769 22.3912 69.0769C22.7459 69.0769 23.012 68.9048 23.1893 68.7327C27.18 65.3768 31.2594 61.9348 35.1614 58.4928C38.8861 55.1369 43.1428 51.6949 45.9806 47.6506C52.0997 39.1317 53.0752 27.1708 51.0355 17.189C49.0845 7.63755 42.0786 1.35593 32.3236 -0.623209C28.1556 -1.4837 23.1007 -2 17.9571 -2Z" fill="#80E3EB"/>
+</svg>

package/dist/collection/components/toast/toast.css

@@ -37,11 +37,10 @@
 .toast {
   display: none;
   position: relative;
-  align-items: center;
   box-sizing: border-box;
   border-radius: 8px;
   box-shadow: 0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);
-  color: #ffffff;
+  color: #202c44;
   opacity: 0;
   margin-top: 16px;
 }
@@ -73,16 +72,16 @@
   }
 }
 .toast--system {
-  background: #00c6d7;
+  background: #80e3eb;
 }
 .toast--error {
-  background: #ff4c4c;
+  background: #ffa5a5;
 }
 .toast--success {
-  background: #21cc79;
+  background: #90e6bc;
 }
 .toast--warning {
-  background: #f6a721;
+  background: #fff6a8;
 }
 .toast--undo {
   background-color: #00c6d7;
@@ -90,10 +89,20 @@
 .toast--redo {
   background-color: #485c73;
 }
+.toast--notification {
+  background-color: #ffffff;
+}
 .toast bds-icon {
   margin-right: 8px;
   display: flex;
   align-items: center;
+  padding-top: 8px;
+}
+.toast__ballon {
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 .toast__content {
   height: 100%;
@@ -103,26 +112,37 @@
   flex-direction: column;
   justify-content: center;
   margin-right: 8px;
+  padding: 8px;
 }
 .toast__action {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
 }
-.toast__action button {
-  background: transparent;
-  border: none;
+.toast__action bds-button-icon, .toast__action bds-button {
+  position: relative;
+}
+.toast__action bds-button-icon::before, .toast__action bds-button::before {
+  content: "";
+  position: absolute;
+  inset: -4px;
+  border: 2px solid transparent;
+  border-radius: 4px;
+}
+.toast__action bds-button-icon:focus-visible, .toast__action bds-button:focus-visible {
   outline: none;
-  padding: 0;
+}
+.toast__action bds-button-icon:focus-visible::before, .toast__action bds-button:focus-visible::before {
+  border-color: #c226fb;
 }
 .toast__action__button {
   white-space: nowrap;
 }
 .toast__action__icon {
   display: flex !important;
-  align-items: center;
+  align-items: flex-start;
 }
 .toast__action__icon bds-icon {
-  color: #ffffff;
+  color: #202c44;
   border-radius: 4px;
   cursor: pointer;
 }

package/dist/collection/components/toast/toast.js

@@ -1,4 +1,5 @@
 import { Component, h, Prop, Method, Element, Event } from '@stencil/core';
+import ballon from '../../assets/svg/notification-ballon.svg';
 export class BdsToast {
   constructor() {
     /**
@@ -58,8 +59,20 @@ export class BdsToast {
       warning: 'attention',
       undo: 'undo',
       redo: 'redo',
+      notification: 'notification',
     };
   }
+  _keyPressHandler(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      if (this.buttonAction === 'close')
+        this.close();
+      else {
+        this.toastButtonClick.emit(this.el);
+        this.close();
+      }
+    }
+  }
   /**
    * Can be used outside to open the toast
    */
@@ -118,16 +131,15 @@ export class BdsToast {
         [`show show--${this.position}`]: this.show,
         hide: this.hide,
       } },
-      this.icon && h("bds-icon", { theme: "outline", size: "x-large", color: "#fff", name: this.icon }),
+      this.variant === 'notification' && h("img", { class: "toast__ballon", src: ballon }),
+      this.icon && h("bds-icon", { theme: "outline", size: "medium", name: this.icon }),
       h("div", { class: "toast__content" },
         this.toastTitle && (h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)),
         this.toastText && h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })),
       h("div", { class: {
           toast__action: true,
           [`toast__action__${this.actionType}`]: true,
-        } }, this.actionType === 'button' ? (h("button", { onClick: () => this._buttonClickHandler() },
-        h("bds-button", { variant: "secondary--white", size: "short" }, this.buttonText))) : (h("button", { onClick: () => this._buttonClickHandler() },
-        h("bds-button-icon", { size: "short", variant: "secondary--white", icon: "close" }))))));
+        } }, this.actionType === 'button' ? (h("bds-button", { onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", onClick: () => this._buttonClickHandler(), variant: "secondary", size: "short" }, this.buttonText)) : (h("bds-button-icon", { onClick: () => this._buttonClickHandler(), size: "short", onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", variant: "secondary", icon: "close" })))));
   }
   static get is() { return "bds-toast"; }
   static get encapsulation() { return "shadow"; }
@@ -184,7 +196,7 @@ export class BdsToast {
       "mutable": false,
       "complexType": {
         "original": "VariantType",
-        "resolved": "\"error\" | \"redo\" | \"success\" | \"system\" | \"undo\" | \"warning\"",
+        "resolved": "\"error\" | \"notification\" | \"redo\" | \"success\" | \"system\" | \"undo\" | \"warning\"",
         "references": {
           "VariantType": {
             "location": "import",

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

@@ -1,6 +1,8 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-cb8d43e7.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}}";
+const notificationBallonSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=';
+
+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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}";
 
 const BdsToast = class {
   constructor(hostRef) {
@@ -63,8 +65,20 @@ const BdsToast = class {
       warning: 'attention',
       undo: 'undo',
       redo: 'redo',
+      notification: 'notification',
     };
   }
+  _keyPressHandler(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      if (this.buttonAction === 'close')
+        this.close();
+      else {
+        this.toastButtonClick.emit(this.el);
+        this.close();
+      }
+    }
+  }
   /**
    * Can be used outside to open the toast
    */
@@ -122,10 +136,10 @@ const BdsToast = class {
         [`toast--action--${this.actionType}`]: true,
         [`show show--${this.position}`]: this.show,
         hide: this.hide,
-      } }, this.icon && h("bds-icon", { theme: "outline", size: "x-large", color: "#fff", name: this.icon }), h("div", { class: "toast__content" }, this.toastTitle && (h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)), this.toastText && h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })), h("div", { class: {
+      } }, this.variant === 'notification' && h("img", { class: "toast__ballon", src: notificationBallonSvg }), this.icon && h("bds-icon", { theme: "outline", size: "medium", name: this.icon }), h("div", { class: "toast__content" }, this.toastTitle && (h("bds-typo", { variant: "fs-14", bold: "bold" }, this.toastTitle)), this.toastText && h("bds-typo", { variant: "fs-14", innerHTML: this.toastText })), h("div", { class: {
         toast__action: true,
         [`toast__action__${this.actionType}`]: true,
-      } }, this.actionType === 'button' ? (h("button", { onClick: () => this._buttonClickHandler() }, h("bds-button", { variant: "secondary--white", size: "short" }, this.buttonText))) : (h("button", { onClick: () => this._buttonClickHandler() }, h("bds-button-icon", { size: "short", variant: "secondary--white", icon: "close" }))))));
+      } }, this.actionType === 'button' ? (h("bds-button", { onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", onClick: () => this._buttonClickHandler(), variant: "secondary", size: "short" }, this.buttonText)) : (h("bds-button-icon", { onClick: () => this._buttonClickHandler(), size: "short", onKeyDown: this._keyPressHandler.bind(this), tabindex: "0", variant: "secondary", icon: "close" })))));
   }
   get el() { return getElement(this); }
 };

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,o,i,e){function n(t){return t instanceof i?t:new i((function(o){o(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(e.next(t))}catch(o){a(o)}}function r(t){try{c(e["throw"](t))}catch(o){a(o)}}function c(t){t.done?i(t.value):n(t.value).then(s,r)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=o.call(t,i)}catch(r){s=[6,r];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-0dc1d699.js";var 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}}";var BdsToast=function(){function t(t){var o=this;registerInstance(this,t);this.toastButtonClick=createEvent(this,"toastButtonClick",7);this.icon=null;this.actionType="button";this.variant="system";this.duration=0;this.buttonAction="close";this.show=false;this.hide=false;this.position="bottom-left";this._buttonClickHandler=function(){if(o.buttonAction==="close")o.close();else{o.toastButtonClick.emit(o.el);o.close()}};this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo"}}t.prototype.create=function(t){var o=t.actionType,i=t.buttonAction,e=t.buttonText,n=t.icon,a=t.toastText,s=t.toastTitle,r=t.variant,c=t.duration,l=t.position;return __awaiter(this,void 0,void 0,(function(){var t;var h=this;return __generator(this,(function(u){t=document.querySelector("bds-toast-container.".concat(l));if(t){t.appendChild(this.el);t.classList.add(l)}else{t=document.createElement("bds-toast-container");t.classList.add(l);document.body.appendChild(t);t.appendChild(this.el)}this.el.actionType=o||"button";this.el.buttonAction=i||"close";this.el.buttonText=e;this.el.toastText=a;this.el.toastTitle=s;this.el.variant=r||"system";this.el.duration=c*1e3||0;this.el.position=l||"bottom-left";this.el.icon=n!==null&&n!==void 0?n:this.mapIconName[this.variant];this.el.show=true;if(this.el.duration>0){setTimeout((function(){h.el.hide=true;setTimeout((function(){h.el.remove()}),400)}),this.el.duration)}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){if(this.el.shadowRoot){this.el.shadowRoot.querySelector("div").classList.remove("show");this.el.shadowRoot.querySelector("div").classList.add("hide")}else{this.el.querySelector("div").classList.remove("show");this.el.querySelector("div").classList.add("hide")}setTimeout((function(){t.el.remove()}),400);return[2]}))}))};t.prototype.render=function(){var t,o;var i=this;return h("div",{class:(t={toast:true},t["toast--".concat(this.variant)]=true,t["toast--action--".concat(this.actionType)]=true,t["show show--".concat(this.position)]=this.show,t.hide=this.hide,t)},this.icon&&h("bds-icon",{theme:"outline",size:"x-large",color:"#fff",name:this.icon}),h("div",{class:"toast__content"},this.toastTitle&&h("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&h("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),h("div",{class:(o={toast__action:true},o["toast__action__".concat(this.actionType)]=true,o)},this.actionType==="button"?h("button",{onClick:function(){return i._buttonClickHandler()}},h("bds-button",{variant:"secondary--white",size:"short"},this.buttonText)):h("button",{onClick:function(){return i._buttonClickHandler()}},h("bds-button-icon",{size:"short",variant:"secondary--white",icon:"close"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();BdsToast.style=toastCss;export{BdsToast as bds_toast};
+var __awaiter=this&&this.__awaiter||function(t,o,i,e){function n(t){return t instanceof i?t:new i((function(o){o(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(e.next(t))}catch(o){a(o)}}function r(t){try{c(e["throw"](t))}catch(o){a(o)}}function c(t){t.done?i(t.value):n(t.value).then(s,r)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=o.call(t,i)}catch(r){s=[6,r];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-0dc1d699.js";var notificationBallonSvg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=";var 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;-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:#202c44;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:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:8px}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.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;padding:8px}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}.toast__action__icon{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:start;align-items:flex-start}.toast__action__icon bds-icon{color:#202c44;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}}';var BdsToast=function(){function t(t){var o=this;registerInstance(this,t);this.toastButtonClick=createEvent(this,"toastButtonClick",7);this.icon=null;this.actionType="button";this.variant="system";this.duration=0;this.buttonAction="close";this.show=false;this.hide=false;this.position="bottom-left";this._buttonClickHandler=function(){if(o.buttonAction==="close")o.close();else{o.toastButtonClick.emit(o.el);o.close()}};this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo",notification:"notification"}}t.prototype._keyPressHandler=function(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();if(this.buttonAction==="close")this.close();else{this.toastButtonClick.emit(this.el);this.close()}}};t.prototype.create=function(t){var o=t.actionType,i=t.buttonAction,e=t.buttonText,n=t.icon,a=t.toastText,s=t.toastTitle,r=t.variant,c=t.duration,l=t.position;return __awaiter(this,void 0,void 0,(function(){var t;var u=this;return __generator(this,(function(h){t=document.querySelector("bds-toast-container.".concat(l));if(t){t.appendChild(this.el);t.classList.add(l)}else{t=document.createElement("bds-toast-container");t.classList.add(l);document.body.appendChild(t);t.appendChild(this.el)}this.el.actionType=o||"button";this.el.buttonAction=i||"close";this.el.buttonText=e;this.el.toastText=a;this.el.toastTitle=s;this.el.variant=r||"system";this.el.duration=c*1e3||0;this.el.position=l||"bottom-left";this.el.icon=n!==null&&n!==void 0?n:this.mapIconName[this.variant];this.el.show=true;if(this.el.duration>0){setTimeout((function(){u.el.hide=true;setTimeout((function(){u.el.remove()}),400)}),this.el.duration)}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){if(this.el.shadowRoot){this.el.shadowRoot.querySelector("div").classList.remove("show");this.el.shadowRoot.querySelector("div").classList.add("hide")}else{this.el.querySelector("div").classList.remove("show");this.el.querySelector("div").classList.add("hide")}setTimeout((function(){t.el.remove()}),400);return[2]}))}))};t.prototype.render=function(){var t,o;var i=this;return h("div",{class:(t={toast:true},t["toast--".concat(this.variant)]=true,t["toast--action--".concat(this.actionType)]=true,t["show show--".concat(this.position)]=this.show,t.hide=this.hide,t)},this.variant==="notification"&&h("img",{class:"toast__ballon",src:notificationBallonSvg}),this.icon&&h("bds-icon",{theme:"outline",size:"medium",name:this.icon}),h("div",{class:"toast__content"},this.toastTitle&&h("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&h("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),h("div",{class:(o={toast__action:true},o["toast__action__".concat(this.actionType)]=true,o)},this.actionType==="button"?h("bds-button",{onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",onClick:function(){return i._buttonClickHandler()},variant:"secondary",size:"short"},this.buttonText):h("bds-button-icon",{onClick:function(){return i._buttonClickHandler()},size:"short",onKeyDown:this._keyPressHandler.bind(this),tabindex:"0",variant:"secondary",icon:"close"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();BdsToast.style=toastCss;export{BdsToast as bds_toast};

package/dist/types/components/toast/toast-interface.d.ts

@@ -1,5 +1,5 @@
 export declare type ActionType = 'button' | 'icon';
-export declare type VariantType = 'system' | 'error' | 'success' | 'warning' | 'undo' | 'redo';
+export declare type VariantType = 'system' | 'error' | 'success' | 'warning' | 'undo' | 'redo' | 'notification';
 export declare type ButtonActionType = 'close' | 'custom';
 export declare type IconVariantMap = {
   [key in VariantType]: string;

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

@@ -61,6 +61,7 @@ export declare class BdsToast implements ComponentInterface {
    * Sends an event to be used when creating an action when clicking the toast button
    */
   private _buttonClickHandler;
+  private _keyPressHandler;
   /**
    * Can be used outside to open the toast
    */

package/package.json

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

package/dist/blip-ds/p-18b2b022.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,o,i,e){function n(t){return t instanceof i?t:new i((function(o){o(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(e.next(t))}catch(o){a(o)}}function r(t){try{c(e["throw"](t))}catch(o){a(o)}}function c(t){t.done?i(t.value):n(t.value).then(s,r)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=o.call(t,i)}catch(r){s=[6,r];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9c147cca.system.js"],(function(t){"use strict";var o,i,e,n;return{setters:[function(t){o=t.r;i=t.c;e=t.h;n=t.g}],execute:function(){var a=":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}}";var s=t("bds_toast",function(){function t(t){var e=this;o(this,t);this.toastButtonClick=i(this,"toastButtonClick",7);this.icon=null;this.actionType="button";this.variant="system";this.duration=0;this.buttonAction="close";this.show=false;this.hide=false;this.position="bottom-left";this._buttonClickHandler=function(){if(e.buttonAction==="close")e.close();else{e.toastButtonClick.emit(e.el);e.close()}};this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo"}}t.prototype.create=function(t){var o=t.actionType,i=t.buttonAction,e=t.buttonText,n=t.icon,a=t.toastText,s=t.toastTitle,r=t.variant,c=t.duration,l=t.position;return __awaiter(this,void 0,void 0,(function(){var t;var h=this;return __generator(this,(function(u){t=document.querySelector("bds-toast-container.".concat(l));if(t){t.appendChild(this.el);t.classList.add(l)}else{t=document.createElement("bds-toast-container");t.classList.add(l);document.body.appendChild(t);t.appendChild(this.el)}this.el.actionType=o||"button";this.el.buttonAction=i||"close";this.el.buttonText=e;this.el.toastText=a;this.el.toastTitle=s;this.el.variant=r||"system";this.el.duration=c*1e3||0;this.el.position=l||"bottom-left";this.el.icon=n!==null&&n!==void 0?n:this.mapIconName[this.variant];this.el.show=true;if(this.el.duration>0){setTimeout((function(){h.el.hide=true;setTimeout((function(){h.el.remove()}),400)}),this.el.duration)}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){if(this.el.shadowRoot){this.el.shadowRoot.querySelector("div").classList.remove("show");this.el.shadowRoot.querySelector("div").classList.add("hide")}else{this.el.querySelector("div").classList.remove("show");this.el.querySelector("div").classList.add("hide")}setTimeout((function(){t.el.remove()}),400);return[2]}))}))};t.prototype.render=function(){var t,o;var i=this;return e("div",{class:(t={toast:true},t["toast--".concat(this.variant)]=true,t["toast--action--".concat(this.actionType)]=true,t["show show--".concat(this.position)]=this.show,t.hide=this.hide,t)},this.icon&&e("bds-icon",{theme:"outline",size:"x-large",color:"#fff",name:this.icon}),e("div",{class:"toast__content"},this.toastTitle&&e("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&e("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),e("div",{class:(o={toast__action:true},o["toast__action__".concat(this.actionType)]=true,o)},this.actionType==="button"?e("button",{onClick:function(){return i._buttonClickHandler()}},e("bds-button",{variant:"secondary--white",size:"short"},this.buttonText)):e("button",{onClick:function(){return i._buttonClickHandler()}},e("bds-button-icon",{size:"short",variant:"secondary--white",icon:"close"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,g as s}from"./p-0af42837.js";const a=class{constructor(o){t(this,o),this.toastButtonClick=i(this,"toastButtonClick",7),this.icon=null,this.actionType="button",this.variant="system",this.duration=0,this.buttonAction="close",this.show=!1,this.hide=!1,this.position="bottom-left",this._buttonClickHandler=()=>{"close"===this.buttonAction||this.toastButtonClick.emit(this.el),this.close()},this.mapIconName={system:"bell",error:"error",success:"like",warning:"attention",undo:"undo",redo:"redo"}}async create({actionType:t,buttonAction:i,buttonText:o,icon:s,toastText:a,toastTitle:n,variant:e,duration:h,position:r}){let c=document.querySelector(`bds-toast-container.${r}`);c?(c.appendChild(this.el),c.classList.add(r)):(c=document.createElement("bds-toast-container"),c.classList.add(r),document.body.appendChild(c),c.appendChild(this.el)),this.el.actionType=t||"button",this.el.buttonAction=i||"close",this.el.buttonText=o,this.el.toastText=a,this.el.toastTitle=n,this.el.variant=e||"system",this.el.duration=1e3*h||0,this.el.position=r||"bottom-left",this.el.icon=null!=s?s:this.mapIconName[this.variant],this.el.show=!0,this.el.duration>0&&setTimeout((()=>{this.el.hide=!0,setTimeout((()=>{this.el.remove()}),400)}),this.el.duration)}async close(){this.el.shadowRoot?(this.el.shadowRoot.querySelector("div").classList.remove("show"),this.el.shadowRoot.querySelector("div").classList.add("hide")):(this.el.querySelector("div").classList.remove("show"),this.el.querySelector("div").classList.add("hide")),setTimeout((()=>{this.el.remove()}),400)}render(){return o("div",{class:{toast:!0,[`toast--${this.variant}`]:!0,[`toast--action--${this.actionType}`]:!0,[`show show--${this.position}`]:this.show,hide:this.hide}},this.icon&&o("bds-icon",{theme:"outline",size:"x-large",color:"#fff",name:this.icon}),o("div",{class:"toast__content"},this.toastTitle&&o("bds-typo",{variant:"fs-14",bold:"bold"},this.toastTitle),this.toastText&&o("bds-typo",{variant:"fs-14",innerHTML:this.toastText})),o("div",{class:{toast__action:!0,[`toast__action__${this.actionType}`]:!0}},o("button",{onClick:()=>this._buttonClickHandler()},"button"===this.actionType?o("bds-button",{variant:"secondary--white",size:"short"},this.buttonText):o("bds-button-icon",{size:"short",variant:"secondary--white",icon:"close"}))))}get el(){return s(this)}};a.style=":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}}";export{a as bds_toast}