blip-ds 1.228.1 → 1.228.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/blip-ds/bds-button-icon.entry.js +2 -1
  2. package/dist/blip-ds/bds-button-icon.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-sidebar.entry.js +7 -3
  4. package/dist/blip-ds/bds-sidebar.system.entry.js +1 -1
  5. package/dist/blip-ds/p-124ae47e.system.entry.js +1 -0
  6. package/dist/blip-ds/p-2d2e758a.entry.js +1 -0
  7. package/dist/blip-ds/p-3c1515c0.system.js +1 -1
  8. package/dist/blip-ds/{p-d461fff4.system.entry.js → p-792d0b5f.system.entry.js} +1 -1
  9. package/dist/blip-ds/p-ad19722f.entry.js +1 -0
  10. package/dist/cjs/bds-button-icon.cjs.entry.js +2 -1
  11. package/dist/cjs/bds-sidebar.cjs.entry.js +7 -3
  12. package/dist/collection/components/icon-button/icon-button.css +12 -0
  13. package/dist/collection/components/icon-button/icon-button.js +1 -0
  14. package/dist/collection/components/sidebar/sidebar.css +32 -30
  15. package/dist/collection/components/sidebar/sidebar.js +6 -2
  16. package/dist/esm/bds-button-icon.entry.js +2 -1
  17. package/dist/esm/bds-sidebar.entry.js +7 -3
  18. package/dist/esm-es5/bds-button-icon.entry.js +1 -1
  19. package/dist/esm-es5/bds-sidebar.entry.js +1 -1
  20. package/package.json +1 -1
  21. package/dist/blip-ds/p-05a69e1e.entry.js +0 -1
  22. package/dist/blip-ds/p-8d8c988e.entry.js +0 -1
  23. package/dist/blip-ds/p-e7e96782.system.entry.js +0 -1
package/dist/blip-ds/bds-button-icon.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-4ea716d7.js';
2
2
 
3
- const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";
3
+ const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";
4
4
 
5
5
  const IconButton = class {
6
6
  constructor(hostRef) {
@@ -33,6 +33,7 @@ const IconButton = class {
33
33
  ['icon__button']: true,
34
34
  [state]: true,
35
35
  [`${state}--disabled`]: this.disabled,
36
+ [`size-${this.size}`]: true,
36
37
  }, "data-test": this.dataTest }, h("bds-icon", { name: this.icon, size: size, color: "inherit" })));
37
38
  }
38
39
  };
package/dist/blip-ds/bds-button-icon.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-d4fc1ace.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var r=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";var e=o("bds_button_icon",function(){function o(o){t(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var r=this.mapVariantStyle[this.variant];return n("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[r]=true,o["".concat(r,"--disabled")]=this.disabled,o),"data-test":this.dataTest},n("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());e.style=r}}}));
1
+ System.register(["./index-d4fc1ace.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var r=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";var e=o("bds_button_icon",function(){function o(o){t(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var r=this.mapVariantStyle[this.variant];return n("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[r]=true,o["".concat(r,"--disabled")]=this.disabled,o["size-".concat(this.size)]=true,o),"data-test":this.dataTest},n("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());e.style=r}}}));
package/dist/blip-ds/bds-sidebar.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-4ea716d7.js';
2
2
 
3
- const sidebarCss = ".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
3
+ const sidebarCss = ".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";
4
4
 
5
5
  const Sidebar = class {
6
6
  constructor(hostRef) {
@@ -39,9 +39,13 @@ const Sidebar = class {
39
39
  return (h("div", { class: {
40
40
  sidebar_dialog: true,
41
41
  is_open: this.isOpen,
42
- [`position_${this.sidebarPosition}`]: true,
43
42
  [`type_${this.type}`]: true,
44
- } }, this.type === 'over' ? h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', h("div", { class: { sidebar: true, is_open: this.isOpen } }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
43
+ } }, this.type === 'over' ? h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', h("div", { class: {
44
+ sidebar: true,
45
+ is_open: this.isOpen,
46
+ [`type_${this.type}`]: true,
47
+ [`position_${this.sidebarPosition}`]: true,
48
+ } }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
45
49
  closeButton: true,
46
50
  }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() })))), h("div", { class: { body: true } }, h("div", { class: { content: true, element_scrolled: true, margin: this.margin } }, h("slot", { name: "body" }))), this.hasFooterSlot && (h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" })))))));
47
51
  }
package/dist/blip-ds/bds-sidebar.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(o.next(e))}catch(t){r(t)}}function a(e){try{l(o["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=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(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];n=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-d4fc1ace.system.js"],(function(e){"use strict";var t,i,o;return{setters:[function(e){t=e.r;i=e.h;o=e.g}],execute:function(){var n=".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";var r=e("bds_sidebar",function(){function e(e){var i=this;t(this,e);this.listiner=function(e){if(e.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false};this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.type="over";this.margin=true}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]');this.type==="fixed"?this.isOpen=true:""};e.prototype.render=function(){var e;var t=this;return i("div",{class:(e={sidebar_dialog:true,is_open:this.isOpen},e["position_".concat(this.sidebarPosition)]=true,e["type_".concat(this.type)]=true,e)},this.type==="over"?i("div",{class:{outzone:true},onClick:function(){return t.onClickCloseButtom()}}):"",i("div",{class:{sidebar:true,is_open:this.isOpen}},this.hasHeaderSlot&&i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"})),this.type==="fixed"?"":i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return t.onClickCloseButtom()}})),i("div",{class:{body:true}},i("div",{class:{content:true,element_scrolled:true,margin:this.margin}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());r.style=n}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{l(o.next(e))}catch(t){n(t)}}function a(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):r(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];r=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-d4fc1ace.system.js"],(function(e){"use strict";var t,i,o;return{setters:[function(e){t=e.r;i=e.h;o=e.g}],execute:function(){var r=".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";var n=e("bds_sidebar",function(){function e(e){var i=this;t(this,e);this.listiner=function(e){if(e.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false};this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.type="over";this.margin=true}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]');this.type==="fixed"?this.isOpen=true:""};e.prototype.render=function(){var e,t;var o=this;return i("div",{class:(e={sidebar_dialog:true,is_open:this.isOpen},e["type_".concat(this.type)]=true,e)},this.type==="over"?i("div",{class:{outzone:true},onClick:function(){return o.onClickCloseButtom()}}):"",i("div",{class:(t={sidebar:true,is_open:this.isOpen},t["type_".concat(this.type)]=true,t["position_".concat(this.sidebarPosition)]=true,t)},this.hasHeaderSlot&&i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"})),this.type==="fixed"?"":i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return o.onClickCloseButtom()}})),i("div",{class:{body:true}},i("div",{class:{content:true,element_scrolled:true,margin:this.margin}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());n.style=r}}}));
package/dist/blip-ds/p-124ae47e.system.entry.js ADDED
@@ -0,0 +1 @@
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{l(o.next(e))}catch(t){n(t)}}function a(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):r(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];r=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-dc9f493c.system.js"],(function(e){"use strict";var t,i,o;return{setters:[function(e){t=e.r;i=e.h;o=e.g}],execute:function(){var r=".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";var n=e("bds_sidebar",function(){function e(e){var i=this;t(this,e);this.listiner=function(e){if(e.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false};this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.type="over";this.margin=true}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]');this.type==="fixed"?this.isOpen=true:""};e.prototype.render=function(){var e,t;var o=this;return i("div",{class:(e={sidebar_dialog:true,is_open:this.isOpen},e["type_".concat(this.type)]=true,e)},this.type==="over"?i("div",{class:{outzone:true},onClick:function(){return o.onClickCloseButtom()}}):"",i("div",{class:(t={sidebar:true,is_open:this.isOpen},t["type_".concat(this.type)]=true,t["position_".concat(this.sidebarPosition)]=true,t)},this.hasHeaderSlot&&i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"})),this.type==="fixed"?"":i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return o.onClickCloseButtom()}})),i("div",{class:{body:true}},i("div",{class:{content:true,element_scrolled:true,margin:this.margin}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());n.style=r}}}));
package/dist/blip-ds/p-2d2e758a.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as o,h as t}from"./p-27165275.js";const n=class{constructor(t){o(this,t),this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"},this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"},this.disabled=!1,this.size="standard",this.variant="primary",this.icon=null,this.dataTest=null}render(){if(!this.icon)return null;const o=this.mapVariantStyle[this.variant];return t("button",{disabled:this.disabled,class:{icon__button:!0,[o]:!0,[`${o}--disabled`]:this.disabled,[`size-${this.size}`]:!0},"data-test":this.dataTest},t("bds-icon",{name:this.icon,size:this.mapSize[this.size],color:"inherit"}))}};n.style=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";export{n as bds_button_icon}
package/dist/blip-ds/p-3c1515c0.system.js CHANGED
@@ -1 +1 @@
1
- System.register(["./p-dc9f493c.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-2732d8c8.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-df3b74ed.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-f9da19f9.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-fd7ee1ac.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],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-54384b8b.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-6ae2dfb8.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"],"InputSize":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-65f24582.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-c11f1935.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-dd887122.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-b3dab5b0.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-fce60385.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-b211d388.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-eb28c283.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"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-53e82a50.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-7b8832ee.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-fe05308a.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-49cd9c01.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-d622c39b.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],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-97b3e96d.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-6f31b50b.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"lipstick":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-6e3c449d.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-e7e96782.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"InnerSpacing":[32],"toggle":[64]}]]],["p-f22ce791.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-44950f89.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-883e081b.system",[[1,"bds-warning"]]],["p-7e234477.system",[[1,"bds-alert-body"]]],["p-b49a0744.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-db32d7a9.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-0d0823fc.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-e4f93ad1.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-f826a966.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-7b7f43b2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-cee07ad7.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}]]],["p-c73f04ad.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-51d2f5e8.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64],"reciveNumber":[64]}]]],["p-814fe795.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-8c9a68a0.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-a9dda4bf.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-9a7ea0d7.system",[[1,"bds-alert-actions"]]],["p-f6ab58bc.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-11b0c587.system",[[1,"bds-expansion-panel"]]],["p-35333fa5.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-a18ff21d.system",[[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}]]],["p-cc792af4.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-c3a7f98d.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-d05621d7.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-b43841fe.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-f9973662.system",[[1,"bds-menu-list"]]],["p-dbc938b2.system",[[1,"bds-modal-action"]]],["p-15be4cc7.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-0bb7a496.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-d0e3a181.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-3146a9be.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-5e3032f7.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-3ea36673.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-207d1ada.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-1ece8c89.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-34a10c50.system",[[6,"bds-toast-container"]]],["p-7a9225cf.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-66cfef26.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"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]}],[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-a20e0afa.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"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-6b50edac.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-582870f8.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-561b8388.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-991c33de.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-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-d461fff4.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
1
+ System.register(["./p-dc9f493c.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-2732d8c8.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-df3b74ed.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-f9da19f9.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-fd7ee1ac.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],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-54384b8b.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-6ae2dfb8.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"],"InputSize":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-65f24582.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-c11f1935.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-dd887122.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-b3dab5b0.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-fce60385.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-b211d388.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-eb28c283.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"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-53e82a50.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-7b8832ee.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-fe05308a.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-49cd9c01.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-d622c39b.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],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-97b3e96d.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-6f31b50b.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"lipstick":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-6e3c449d.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-124ae47e.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"InnerSpacing":[32],"toggle":[64]}]]],["p-f22ce791.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-44950f89.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-883e081b.system",[[1,"bds-warning"]]],["p-7e234477.system",[[1,"bds-alert-body"]]],["p-b49a0744.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-db32d7a9.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-0d0823fc.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-e4f93ad1.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-f826a966.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-7b7f43b2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-cee07ad7.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}]]],["p-c73f04ad.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-51d2f5e8.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64],"reciveNumber":[64]}]]],["p-814fe795.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-8c9a68a0.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-a9dda4bf.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-9a7ea0d7.system",[[1,"bds-alert-actions"]]],["p-f6ab58bc.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-11b0c587.system",[[1,"bds-expansion-panel"]]],["p-35333fa5.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-a18ff21d.system",[[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}]]],["p-cc792af4.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-c3a7f98d.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-d05621d7.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-b43841fe.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-f9973662.system",[[1,"bds-menu-list"]]],["p-dbc938b2.system",[[1,"bds-modal-action"]]],["p-15be4cc7.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-0bb7a496.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-d0e3a181.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-3146a9be.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-5e3032f7.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-3ea36673.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-207d1ada.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-1ece8c89.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-34a10c50.system",[[6,"bds-toast-container"]]],["p-7a9225cf.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-66cfef26.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"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]}],[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-a20e0afa.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"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-6b50edac.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-582870f8.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-561b8388.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-991c33de.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-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-792d0b5f.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
package/dist/blip-ds/{p-d461fff4.system.entry.js → p-792d0b5f.system.entry.js} RENAMED
@@ -1 +1 @@
1
- System.register(["./p-dc9f493c.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var r=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";var e=o("bds_button_icon",function(){function o(o){t(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var r=this.mapVariantStyle[this.variant];return n("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[r]=true,o["".concat(r,"--disabled")]=this.disabled,o),"data-test":this.dataTest},n("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());e.style=r}}}));
1
+ System.register(["./p-dc9f493c.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var r=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";var e=o("bds_button_icon",function(){function o(o){t(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var r=this.mapVariantStyle[this.variant];return n("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[r]=true,o["".concat(r,"--disabled")]=this.disabled,o["size-".concat(this.size)]=true,o),"data-test":this.dataTest},n("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());e.style=r}}}));
package/dist/blip-ds/p-ad19722f.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as i,h as e,g as s}from"./p-27165275.js";const o=class{constructor(e){i(this,e),this.listiner=i=>{"Escape"==i.key&&(this.isOpen=!1)},this.onClickCloseButtom=()=>{this.isOpen=!1},this.InnerSpacing=0,this.isOpen=!1,this.sidebarPosition="left",this.type="over",this.margin=!0}async toggle(){this.isOpen=!this.isOpen}isOpenChanged(i){!0===i?document.addEventListener("keyup",this.listiner,!1):document.removeEventListener("keyup",this.listiner,!1)}componentWillLoad(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]'),this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]'),"fixed"===this.type&&(this.isOpen=!0)}render(){return e("div",{class:{sidebar_dialog:!0,is_open:this.isOpen,[`type_${this.type}`]:!0}},"over"===this.type?e("div",{class:{outzone:!0},onClick:()=>this.onClickCloseButtom()}):"",e("div",{class:{sidebar:!0,is_open:this.isOpen,[`type_${this.type}`]:!0,[`position_${this.sidebarPosition}`]:!0}},this.hasHeaderSlot&&e("div",{class:{header:!0}},e("div",{class:{content:!0}},e("slot",{name:"header"})),"fixed"===this.type?"":e("bds-button-icon",{class:{closeButton:!0},icon:"close",size:"short",variant:"secondary",onClick:()=>this.onClickCloseButtom()})),e("div",{class:{body:!0}},e("div",{class:{content:!0,element_scrolled:!0,margin:this.margin}},e("slot",{name:"body"}))),this.hasFooterSlot&&e("div",{class:{footer:!0}},e("div",{class:{content:!0}},e("slot",{name:"footer"})))))}get hostElement(){return s(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};o.style=".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";export{o as bds_sidebar}
package/dist/cjs/bds-button-icon.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4769223d.js');
6
6
 
7
- const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";
7
+ const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";
8
8
 
9
9
  const IconButton = class {
10
10
  constructor(hostRef) {
@@ -37,6 +37,7 @@ const IconButton = class {
37
37
  ['icon__button']: true,
38
38
  [state]: true,
39
39
  [`${state}--disabled`]: this.disabled,
40
+ [`size-${this.size}`]: true,
40
41
  }, "data-test": this.dataTest }, index.h("bds-icon", { name: this.icon, size: size, color: "inherit" })));
41
42
  }
42
43
  };
package/dist/cjs/bds-sidebar.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4769223d.js');
6
6
 
7
- const sidebarCss = ".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
7
+ const sidebarCss = ".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";
8
8
 
9
9
  const Sidebar = class {
10
10
  constructor(hostRef) {
@@ -43,9 +43,13 @@ const Sidebar = class {
43
43
  return (index.h("div", { class: {
44
44
  sidebar_dialog: true,
45
45
  is_open: this.isOpen,
46
- [`position_${this.sidebarPosition}`]: true,
47
46
  [`type_${this.type}`]: true,
48
- } }, this.type === 'over' ? index.h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', index.h("div", { class: { sidebar: true, is_open: this.isOpen } }, this.hasHeaderSlot && (index.h("div", { class: { header: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (index.h("bds-button-icon", { class: {
47
+ } }, this.type === 'over' ? index.h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', index.h("div", { class: {
48
+ sidebar: true,
49
+ is_open: this.isOpen,
50
+ [`type_${this.type}`]: true,
51
+ [`position_${this.sidebarPosition}`]: true,
52
+ } }, this.hasHeaderSlot && (index.h("div", { class: { header: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (index.h("bds-button-icon", { class: {
49
53
  closeButton: true,
50
54
  }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() })))), index.h("div", { class: { body: true } }, index.h("div", { class: { content: true, element_scrolled: true, margin: this.margin } }, index.h("slot", { name: "body" }))), this.hasFooterSlot && (index.h("div", { class: { footer: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "footer" })))))));
51
55
  }
package/dist/collection/components/icon-button/icon-button.css CHANGED
@@ -215,4 +215,16 @@
215
215
  .icon__button--delete--disabled:hover, .icon__button--delete--disabled:active {
216
216
  background: #fccccc;
217
217
  color: #ba5a5a;
218
+ }
219
+ .icon__button.size-tall {
220
+ width: 56px;
221
+ height: 56px;
222
+ }
223
+ .icon__button.size-standard {
224
+ width: 48px;
225
+ height: 48px;
226
+ }
227
+ .icon__button.size-short {
228
+ width: 40px;
229
+ height: 40px;
218
230
  }
package/dist/collection/components/icon-button/icon-button.js CHANGED
@@ -29,6 +29,7 @@ export class IconButton {
29
29
  ['icon__button']: true,
30
30
  [state]: true,
31
31
  [`${state}--disabled`]: this.disabled,
32
+ [`size-${this.size}`]: true,
32
33
  }, "data-test": this.dataTest }, h("bds-icon", { name: this.icon, size: size, color: "inherit" })));
33
34
  }
34
35
  static get is() { return "bds-button-icon"; }
package/dist/collection/components/sidebar/sidebar.css CHANGED
@@ -20,15 +20,6 @@
20
20
  /** Animations */
21
21
  /** Aligns */
22
22
  /** Scoll Bar */
23
- .sidebar {
24
- width: 360px;
25
- transition: all 0.5s ease-in-out;
26
- display: flex;
27
- flex-direction: column;
28
- background-color: #f3f6fa;
29
- z-index: 90000;
30
- flex-shrink: 0;
31
- }
32
23
  .sidebar_dialog {
33
24
  width: 100%;
34
25
  height: 100vh;
@@ -46,18 +37,11 @@
46
37
  z-index: 80000;
47
38
  }
48
39
  .sidebar_dialog.type_fixed {
40
+ width: 288px;
49
41
  position: relative;
50
42
  height: 100%;
51
43
  box-shadow: none;
52
44
  }
53
- .sidebar_dialog.position_left {
54
- order: 1;
55
- flex-direction: row;
56
- }
57
- .sidebar_dialog.position_right {
58
- order: 3;
59
- flex-direction: row-reverse;
60
- }
61
45
  .sidebar_dialog.is_open {
62
46
  display: flex;
63
47
  opacity: 1;
@@ -68,22 +52,40 @@
68
52
  width: 100%;
69
53
  height: 100vh;
70
54
  }
71
- .sidebar .header {
55
+ .sidebar_dialog .sidebar {
56
+ width: 360px;
57
+ transition: all 0.5s ease-in-out;
58
+ display: flex;
59
+ flex-direction: column;
60
+ background-color: #f3f6fa;
61
+ z-index: 90000;
62
+ flex-shrink: 0;
63
+ }
64
+ .sidebar_dialog .sidebar.position_left {
65
+ order: 1;
66
+ }
67
+ .sidebar_dialog .sidebar.position_right {
68
+ order: 3;
69
+ }
70
+ .sidebar_dialog .sidebar.type_fixed {
71
+ width: 288px;
72
+ }
73
+ .sidebar_dialog .sidebar .header {
72
74
  display: flex;
73
75
  align-content: center;
74
76
  justify-content: space-between;
75
77
  padding: 24px;
76
78
  }
77
- .sidebar .header .content {
79
+ .sidebar_dialog .sidebar .header .content {
78
80
  display: flex;
79
81
  align-items: center;
80
82
  position: relative;
81
83
  color: #202c44;
82
84
  }
83
- .sidebar .header .content ::slotted(*) {
85
+ .sidebar_dialog .sidebar .header .content ::slotted(*) {
84
86
  width: 100%;
85
87
  }
86
- .sidebar .header .closeButton {
88
+ .sidebar_dialog .sidebar .header .closeButton {
87
89
  border-radius: 8px;
88
90
  contain: inherit;
89
91
  -webkit-transition: height 0.5s, all 0.3s;
@@ -93,41 +95,41 @@
93
95
  cursor: pointer;
94
96
  color: #505f79;
95
97
  }
96
- .sidebar .body {
98
+ .sidebar_dialog .sidebar .body {
97
99
  position: relative;
98
100
  flex: 1 1 auto;
99
101
  }
100
- .sidebar .body .content {
102
+ .sidebar_dialog .sidebar .body .content {
101
103
  position: absolute;
102
104
  inset: 0;
103
105
  z-index: 999999;
104
106
  overflow-y: overlay;
105
107
  overflow-x: clip;
106
108
  }
107
- .sidebar .body .content::-webkit-scrollbar {
109
+ .sidebar_dialog .sidebar .body .content::-webkit-scrollbar {
108
110
  width: 16px;
109
111
  background-color: transparent;
110
112
  }
111
- .sidebar .body .content::-webkit-scrollbar-thumb {
113
+ .sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb {
112
114
  border-radius: 10px;
113
115
  border: 4px solid transparent;
114
116
  border-radius: 10px;
115
117
  background-clip: content-box;
116
118
  background-color: #b9cbd3;
117
119
  }
118
- .sidebar .body .margin {
120
+ .sidebar_dialog .sidebar .body .margin {
119
121
  padding: 8px 24px;
120
122
  }
121
- .sidebar .footer .content {
123
+ .sidebar_dialog .sidebar .footer .content {
122
124
  padding: 24px;
123
125
  }
124
- .sidebar .footer .content ::slotted(*) {
126
+ .sidebar_dialog .sidebar .footer .content ::slotted(*) {
125
127
  height: 40px;
126
128
  overflow: hidden;
127
129
  }
128
- .sidebar.is_open.position_left {
130
+ .sidebar_dialog .sidebar.is_open.position_left {
129
131
  right: calc(100% - 360px);
130
132
  }
131
- .sidebar.is_open.position_right {
133
+ .sidebar_dialog .sidebar.is_open.position_right {
132
134
  left: calc(100% - 360px);
133
135
  }
package/dist/collection/components/sidebar/sidebar.js CHANGED
@@ -35,9 +35,13 @@ export class Sidebar {
35
35
  return (h("div", { class: {
36
36
  sidebar_dialog: true,
37
37
  is_open: this.isOpen,
38
- [`position_${this.sidebarPosition}`]: true,
39
38
  [`type_${this.type}`]: true,
40
- } }, this.type === 'over' ? h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', h("div", { class: { sidebar: true, is_open: this.isOpen } }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
39
+ } }, this.type === 'over' ? h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', h("div", { class: {
40
+ sidebar: true,
41
+ is_open: this.isOpen,
42
+ [`type_${this.type}`]: true,
43
+ [`position_${this.sidebarPosition}`]: true,
44
+ } }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
41
45
  closeButton: true,
42
46
  }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() })))), h("div", { class: { body: true } }, h("div", { class: { content: true, element_scrolled: true, margin: this.margin } }, h("slot", { name: "body" }))), this.hasFooterSlot && (h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" })))))));
43
47
  }
package/dist/esm/bds-button-icon.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-7024bdb7.js';
2
2
 
3
- const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";
3
+ const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";
4
4
 
5
5
  const IconButton = class {
6
6
  constructor(hostRef) {
@@ -33,6 +33,7 @@ const IconButton = class {
33
33
  ['icon__button']: true,
34
34
  [state]: true,
35
35
  [`${state}--disabled`]: this.disabled,
36
+ [`size-${this.size}`]: true,
36
37
  }, "data-test": this.dataTest }, h("bds-icon", { name: this.icon, size: size, color: "inherit" })));
37
38
  }
38
39
  };
package/dist/esm/bds-sidebar.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-7024bdb7.js';
2
2
 
3
- const sidebarCss = ".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
3
+ const sidebarCss = ".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";
4
4
 
5
5
  const Sidebar = class {
6
6
  constructor(hostRef) {
@@ -39,9 +39,13 @@ const Sidebar = class {
39
39
  return (h("div", { class: {
40
40
  sidebar_dialog: true,
41
41
  is_open: this.isOpen,
42
- [`position_${this.sidebarPosition}`]: true,
43
42
  [`type_${this.type}`]: true,
44
- } }, this.type === 'over' ? h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', h("div", { class: { sidebar: true, is_open: this.isOpen } }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
43
+ } }, this.type === 'over' ? h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }) : '', h("div", { class: {
44
+ sidebar: true,
45
+ is_open: this.isOpen,
46
+ [`type_${this.type}`]: true,
47
+ [`position_${this.sidebarPosition}`]: true,
48
+ } }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
45
49
  closeButton: true,
46
50
  }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() })))), h("div", { class: { body: true } }, h("div", { class: { content: true, element_scrolled: true, margin: this.margin } }, h("slot", { name: "body" }))), this.hasFooterSlot && (h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" })))))));
47
51
  }
package/dist/esm-es5/bds-button-icon.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,h}from"./index-4ae25fc8.js";var iconButtonCss=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";var IconButton=function(){function o(o){registerInstance(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var n=this.mapVariantStyle[this.variant];return h("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[n]=true,o["".concat(n,"--disabled")]=this.disabled,o),"data-test":this.dataTest},h("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}();IconButton.style=iconButtonCss;export{IconButton as bds_button_icon};
1
+ import{r as registerInstance,h}from"./index-4ae25fc8.js";var iconButtonCss=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";var IconButton=function(){function o(o){registerInstance(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var n=this.mapVariantStyle[this.variant];return h("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[n]=true,o["".concat(n,"--disabled")]=this.disabled,o["size-".concat(this.size)]=true,o),"data-test":this.dataTest},h("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}();IconButton.style=iconButtonCss;export{IconButton as bds_button_icon};
package/dist/esm-es5/bds-sidebar.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(o.next(e))}catch(t){r(t)}}function a(e){try{l(o["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=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(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];n=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,g as getElement}from"./index-4ae25fc8.js";var sidebarCss=".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";var Sidebar=function(){function e(e){var t=this;registerInstance(this,e);this.listiner=function(e){if(e.key=="Escape"){t.isOpen=false}};this.onClickCloseButtom=function(){t.isOpen=false};this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.type="over";this.margin=true}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]');this.type==="fixed"?this.isOpen=true:""};e.prototype.render=function(){var e;var t=this;return h("div",{class:(e={sidebar_dialog:true,is_open:this.isOpen},e["position_".concat(this.sidebarPosition)]=true,e["type_".concat(this.type)]=true,e)},this.type==="over"?h("div",{class:{outzone:true},onClick:function(){return t.onClickCloseButtom()}}):"",h("div",{class:{sidebar:true,is_open:this.isOpen}},this.hasHeaderSlot&&h("div",{class:{header:true}},h("div",{class:{content:true}},h("slot",{name:"header"})),this.type==="fixed"?"":h("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return t.onClickCloseButtom()}})),h("div",{class:{body:true}},h("div",{class:{content:true,element_scrolled:true,margin:this.margin}},h("slot",{name:"body"}))),this.hasFooterSlot&&h("div",{class:{footer:true}},h("div",{class:{content:true}},h("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}();Sidebar.style=sidebarCss;export{Sidebar as bds_sidebar};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{l(o.next(e))}catch(t){n(t)}}function a(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):r(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];r=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,g as getElement}from"./index-4ae25fc8.js";var sidebarCss=".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";var Sidebar=function(){function e(e){var t=this;registerInstance(this,e);this.listiner=function(e){if(e.key=="Escape"){t.isOpen=false}};this.onClickCloseButtom=function(){t.isOpen=false};this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.type="over";this.margin=true}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]');this.type==="fixed"?this.isOpen=true:""};e.prototype.render=function(){var e,t;var i=this;return h("div",{class:(e={sidebar_dialog:true,is_open:this.isOpen},e["type_".concat(this.type)]=true,e)},this.type==="over"?h("div",{class:{outzone:true},onClick:function(){return i.onClickCloseButtom()}}):"",h("div",{class:(t={sidebar:true,is_open:this.isOpen},t["type_".concat(this.type)]=true,t["position_".concat(this.sidebarPosition)]=true,t)},this.hasHeaderSlot&&h("div",{class:{header:true}},h("div",{class:{content:true}},h("slot",{name:"header"})),this.type==="fixed"?"":h("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return i.onClickCloseButtom()}})),h("div",{class:{body:true}},h("div",{class:{content:true,element_scrolled:true,margin:this.margin}},h("slot",{name:"body"}))),this.hasFooterSlot&&h("div",{class:{footer:true}},h("div",{class:{content:true}},h("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}();Sidebar.style=sidebarCss;export{Sidebar as bds_sidebar};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "blip-ds",
3
- "version": "1.228.1",
3
+ "version": "1.228.3",
4
4
  "description": "Blip Design System",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.js",
package/dist/blip-ds/p-05a69e1e.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as o,h as t}from"./p-27165275.js";const n=class{constructor(t){o(this,t),this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"},this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"},this.disabled=!1,this.size="standard",this.variant="primary",this.icon=null,this.dataTest=null}render(){if(!this.icon)return null;const o=this.mapVariantStyle[this.variant];return t("button",{disabled:this.disabled,class:{icon__button:!0,[o]:!0,[`${o}--disabled`]:this.disabled},"data-test":this.dataTest},t("bds-icon",{name:this.icon,size:this.mapSize[this.size],color:"inherit"}))}};n.style=".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button *{pointer-events:none}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";export{n as bds_button_icon}
package/dist/blip-ds/p-8d8c988e.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,h as i,g as t}from"./p-27165275.js";const s=class{constructor(i){e(this,i),this.listiner=e=>{"Escape"==e.key&&(this.isOpen=!1)},this.onClickCloseButtom=()=>{this.isOpen=!1},this.InnerSpacing=0,this.isOpen=!1,this.sidebarPosition="left",this.type="over",this.margin=!0}async toggle(){this.isOpen=!this.isOpen}isOpenChanged(e){!0===e?document.addEventListener("keyup",this.listiner,!1):document.removeEventListener("keyup",this.listiner,!1)}componentWillLoad(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]'),this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]'),"fixed"===this.type&&(this.isOpen=!0)}render(){return i("div",{class:{sidebar_dialog:!0,is_open:this.isOpen,[`position_${this.sidebarPosition}`]:!0,[`type_${this.type}`]:!0}},"over"===this.type?i("div",{class:{outzone:!0},onClick:()=>this.onClickCloseButtom()}):"",i("div",{class:{sidebar:!0,is_open:this.isOpen}},this.hasHeaderSlot&&i("div",{class:{header:!0}},i("div",{class:{content:!0}},i("slot",{name:"header"})),"fixed"===this.type?"":i("bds-button-icon",{class:{closeButton:!0},icon:"close",size:"short",variant:"secondary",onClick:()=>this.onClickCloseButtom()})),i("div",{class:{body:!0}},i("div",{class:{content:!0,element_scrolled:!0,margin:this.margin}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:!0}},i("div",{class:{content:!0}},i("slot",{name:"footer"})))))}get hostElement(){return t(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};s.style=".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";export{s as bds_sidebar}
package/dist/blip-ds/p-e7e96782.system.entry.js DELETED
@@ -1 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(o.next(e))}catch(t){r(t)}}function a(e){try{l(o["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=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(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];n=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-dc9f493c.system.js"],(function(e){"use strict";var t,i,o;return{setters:[function(e){t=e.r;i=e.h;o=e.g}],execute:function(){var n=".sidebar{width:360px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.position_left{-ms-flex-order:1;order:1;-ms-flex-direction:row;flex-direction:row}.sidebar_dialog.position_right{-ms-flex-order:3;order:3;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .body .margin{padding:8px 24px}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";var r=e("bds_sidebar",function(){function e(e){var i=this;t(this,e);this.listiner=function(e){if(e.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false};this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.type="over";this.margin=true}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]');this.type==="fixed"?this.isOpen=true:""};e.prototype.render=function(){var e;var t=this;return i("div",{class:(e={sidebar_dialog:true,is_open:this.isOpen},e["position_".concat(this.sidebarPosition)]=true,e["type_".concat(this.type)]=true,e)},this.type==="over"?i("div",{class:{outzone:true},onClick:function(){return t.onClickCloseButtom()}}):"",i("div",{class:{sidebar:true,is_open:this.isOpen}},this.hasHeaderSlot&&i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"})),this.type==="fixed"?"":i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return t.onClickCloseButtom()}})),i("div",{class:{body:true}},i("div",{class:{content:true,element_scrolled:true,margin:this.margin}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());r.style=n}}}));