blip-ds 1.260.2 → 1.260.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.
- package/dist/blip-ds/bds-pagination.entry.js +6 -6
- package/dist/blip-ds/bds-pagination.system.entry.js +1 -1
- package/dist/blip-ds/bds-sidebar.entry.js +1 -1
- package/dist/blip-ds/bds-sidebar.system.entry.js +1 -1
- package/dist/blip-ds/p-17bc2ef0.system.entry.js +1 -0
- package/dist/blip-ds/p-32d38b2e.entry.js +1 -0
- package/dist/blip-ds/{p-fce92772.system.entry.js → p-7cb39922.system.entry.js} +1 -1
- package/dist/blip-ds/p-bb975dd8.system.js +1 -1
- package/dist/blip-ds/p-f6ba7af8.entry.js +1 -0
- package/dist/cjs/bds-pagination.cjs.entry.js +6 -6
- package/dist/cjs/bds-sidebar.cjs.entry.js +1 -1
- package/dist/collection/components/pagination/pagination.js +9 -5
- package/dist/collection/components/sidebar/sidebar.js +1 -1
- package/dist/esm/bds-pagination.entry.js +6 -6
- package/dist/esm/bds-sidebar.entry.js +1 -1
- package/dist/esm-es5/bds-pagination.entry.js +1 -1
- package/dist/esm-es5/bds-sidebar.entry.js +1 -1
- package/dist/types/components/pagination/pagination.d.ts +1 -0
- package/package.json +1 -1
- package/dist/blip-ds/p-0ea41d2b.system.entry.js +0 -1
- package/dist/blip-ds/p-5de4a27d.entry.js +0 -1
- package/dist/blip-ds/p-e44b71e4.entry.js +0 -1
|
@@ -18,7 +18,6 @@ const Pagination = class {
|
|
|
18
18
|
if (el > 1) {
|
|
19
19
|
event.preventDefault();
|
|
20
20
|
this.value = this.value - 1;
|
|
21
|
-
this.bdsPaginationChange.emit(this.value);
|
|
22
21
|
}
|
|
23
22
|
};
|
|
24
23
|
this.nextPage = (event) => {
|
|
@@ -26,7 +25,6 @@ const Pagination = class {
|
|
|
26
25
|
if (el < this.pages) {
|
|
27
26
|
event.preventDefault();
|
|
28
27
|
this.value = this.value + 1;
|
|
29
|
-
this.bdsPaginationChange.emit(this.value);
|
|
30
28
|
}
|
|
31
29
|
};
|
|
32
30
|
this.firstPage = (event) => {
|
|
@@ -34,7 +32,6 @@ const Pagination = class {
|
|
|
34
32
|
if (el > 1) {
|
|
35
33
|
event.preventDefault();
|
|
36
34
|
this.value = this.paginationNumbers[0];
|
|
37
|
-
this.bdsPaginationChange.emit(this.value);
|
|
38
35
|
}
|
|
39
36
|
};
|
|
40
37
|
this.lastPage = (event) => {
|
|
@@ -42,7 +39,6 @@ const Pagination = class {
|
|
|
42
39
|
if (el < this.pages) {
|
|
43
40
|
event.preventDefault();
|
|
44
41
|
this.value = this.pages;
|
|
45
|
-
this.bdsPaginationChange.emit(this.value);
|
|
46
42
|
}
|
|
47
43
|
};
|
|
48
44
|
this.openOptions = () => {
|
|
@@ -115,6 +111,9 @@ const Pagination = class {
|
|
|
115
111
|
pagesChanged() {
|
|
116
112
|
this.countPage();
|
|
117
113
|
}
|
|
114
|
+
valueChanged() {
|
|
115
|
+
this.bdsPaginationChange.emit(this.value);
|
|
116
|
+
}
|
|
118
117
|
countPage() {
|
|
119
118
|
if (this.paginationNumbers.length !== 0) {
|
|
120
119
|
this.paginationNumbers = [];
|
|
@@ -134,7 +133,6 @@ const Pagination = class {
|
|
|
134
133
|
optionSelected(index) {
|
|
135
134
|
this.value = index;
|
|
136
135
|
this.openOptions();
|
|
137
|
-
this.bdsPaginationChange.emit(this.value);
|
|
138
136
|
}
|
|
139
137
|
render() {
|
|
140
138
|
return (h(Host, null, h("div", { class: "actions" }, h("bds-button-icon", { onClick: this.firstPage, size: "short", variant: "secondary", icon: "arrow-first" }), h("bds-button-icon", { onClick: this.previewPage, size: "short", variant: "secondary", icon: "arrow-left" }), h("div", { class: "select" }, h("div", { class: "border-select" }, h("div", { class: { select_input: true }, id: "select", onClick: this.openOptions, onBlur: this.onBlur }, h("bds-typo", { variant: "fs-14" }, this.value), h("bds-icon", { ref: (el) => this.refIconDrop(el), size: "small" }))), h("bds-paper", { ref: (el) => this.refDropdown(el), class: {
|
|
@@ -145,7 +143,9 @@ const Pagination = class {
|
|
|
145
143
|
get el() { return getElement(this); }
|
|
146
144
|
static get watchers() { return {
|
|
147
145
|
"openSelect": ["isOpenChanged"],
|
|
148
|
-
"pages": ["pagesChanged"]
|
|
146
|
+
"pages": ["pagesChanged"],
|
|
147
|
+
"startedPage": ["pagesChanged"],
|
|
148
|
+
"value": ["valueChanged"]
|
|
149
149
|
}; }
|
|
150
150
|
};
|
|
151
151
|
Pagination.style = paginationCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-241c9f42.system.js","./position-element-550eab03.system.js"],(function(t){"use strict";var o,e,i,n,s,a,r;return{setters:[function(t){o=t.r;e=t.e;i=t.h;n=t.f;s=t.g},function(t){a=t.g;r=t.a}],execute:function(){var l=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";var c=t("bds_pagination",function(){function t(t){var i=this;o(this,t);this.bdsPaginationChange=e(this,"bdsPaginationChange",7);this.refDropdown=function(t){i.dropElement=t};this.refIconDrop=function(t){i.iconDropElement=t};this.previewPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.value-1
|
|
1
|
+
System.register(["./index-241c9f42.system.js","./position-element-550eab03.system.js"],(function(t){"use strict";var o,e,i,n,s,a,r;return{setters:[function(t){o=t.r;e=t.e;i=t.h;n=t.f;s=t.g},function(t){a=t.g;r=t.a}],execute:function(){var l=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";var c=t("bds_pagination",function(){function t(t){var i=this;o(this,t);this.bdsPaginationChange=e(this,"bdsPaginationChange",7);this.refDropdown=function(t){i.dropElement=t};this.refIconDrop=function(t){i.iconDropElement=t};this.previewPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.value-1}};this.nextPage=function(t){var o=i.value;if(o<i.pages){t.preventDefault();i.value=i.value+1}};this.firstPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.paginationNumbers[0]}};this.lastPage=function(t){var o=i.value;if(o<i.pages){t.preventDefault();i.value=i.pages}};this.openOptions=function(){i.openSelect=!i.openSelect};this.onBlur=function(){i.openSelect=false};this.value=undefined;this.openSelect=undefined;this.paginationNumbers=[];this.intoView=null;this.pages=undefined;this.startedPage=undefined;this.optionsPosition="auto"}t.prototype.componentWillLoad=function(){this.countPage();this.intoView=a(this.el)};t.prototype.componentDidLoad=function(){if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.setDefaultPlacement=function(t){if(t=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.validatePositionDrop=function(){var t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y;if(t.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.isOpenChanged=function(t){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.openSelect?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.openSelect?"arrow-down":"arrow-up"}if(t)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.pagesChanged=function(){this.countPage()};t.prototype.valueChanged=function(){this.bdsPaginationChange.emit(this.value)};t.prototype.countPage=function(){if(this.paginationNumbers.length!==0){this.paginationNumbers=[]}if(this.paginationNumbers.length===0){for(var t=1;t<=this.pages;t++){this.paginationNumbers.push(t)}if(this.startedPage&&this.startedPage<this.pages){this.value=this.startedPage}else{this.value=this.paginationNumbers[0]}}};t.prototype.optionSelected=function(t){this.value=t;this.openOptions()};t.prototype.render=function(){var t=this;return i(n,null,i("div",{class:"actions"},i("bds-button-icon",{onClick:this.firstPage,size:"short",variant:"secondary",icon:"arrow-first"}),i("bds-button-icon",{onClick:this.previewPage,size:"short",variant:"secondary",icon:"arrow-left"}),i("div",{class:"select"},i("div",{class:"border-select"},i("div",{class:{select_input:true},id:"select",onClick:this.openOptions,onBlur:this.onBlur},i("bds-typo",{variant:"fs-14"},this.value),i("bds-icon",{ref:function(o){return t.refIconDrop(o)},size:"small"}))),i("bds-paper",{ref:function(o){return t.refDropdown(o)},class:{select__options:true,"select__options--open":this.openSelect}},i("ul",null,this.paginationNumbers.map((function(o,e){return i("li",{onClick:function(){return t.optionSelected(o)},key:e,value:o},i("bds-typo",{variant:"fs-14"},o))}))))),i("bds-button-icon",{onClick:this.nextPage,size:"short",variant:"secondary",icon:"arrow-right"}),i("bds-button-icon",{onClick:this.lastPage,size:"short",variant:"secondary",icon:"arrow-last"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{openSelect:["isOpenChanged"],pages:["pagesChanged"],startedPage:["pagesChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
|
|
@@ -48,7 +48,7 @@ const Sidebar = class {
|
|
|
48
48
|
[`type_${this.type}`]: true,
|
|
49
49
|
[`position_${this.sidebarPosition}`]: true,
|
|
50
50
|
[`background_${this.background}`]: true,
|
|
51
|
-
}
|
|
51
|
+
} }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
|
|
52
52
|
closeButton: true,
|
|
53
53
|
}, 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" })))))));
|
|
54
54
|
}
|
|
@@ -1 +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 a(e){try{
|
|
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 a(e){try{l(o.next(e))}catch(t){n(t)}}function s(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):r(e.value).then(a,s)}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,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),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(l){s=[6,l];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-241c9f42.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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;this.width=undefined;this.background="surface-2"}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.type==="fixed"?this.isOpen=true:"";this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')};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["background_".concat(this.background)]=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}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-9fb71e47.system.js","./p-53f38e95.system.js"],(function(t){"use strict";var o,e,i,n,s,a,r;return{setters:[function(t){o=t.r;e=t.c;i=t.h;n=t.H;s=t.g},function(t){a=t.g;r=t.p}],execute:function(){var l=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";var c=t("bds_pagination",function(){function t(t){var i=this;o(this,t);this.bdsPaginationChange=e(this,"bdsPaginationChange",7);this.refDropdown=function(t){i.dropElement=t};this.refIconDrop=function(t){i.iconDropElement=t};this.previewPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.value-1}};this.nextPage=function(t){var o=i.value;if(o<i.pages){t.preventDefault();i.value=i.value+1}};this.firstPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.paginationNumbers[0]}};this.lastPage=function(t){var o=i.value;if(o<i.pages){t.preventDefault();i.value=i.pages}};this.openOptions=function(){i.openSelect=!i.openSelect};this.onBlur=function(){i.openSelect=false};this.value=undefined;this.openSelect=undefined;this.paginationNumbers=[];this.intoView=null;this.pages=undefined;this.startedPage=undefined;this.optionsPosition="auto"}t.prototype.componentWillLoad=function(){this.countPage();this.intoView=a(this.el)};t.prototype.componentDidLoad=function(){if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.setDefaultPlacement=function(t){if(t=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.validatePositionDrop=function(){var t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y;if(t.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.isOpenChanged=function(t){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.openSelect?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.openSelect?"arrow-down":"arrow-up"}if(t)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.pagesChanged=function(){this.countPage()};t.prototype.valueChanged=function(){this.bdsPaginationChange.emit(this.value)};t.prototype.countPage=function(){if(this.paginationNumbers.length!==0){this.paginationNumbers=[]}if(this.paginationNumbers.length===0){for(var t=1;t<=this.pages;t++){this.paginationNumbers.push(t)}if(this.startedPage&&this.startedPage<this.pages){this.value=this.startedPage}else{this.value=this.paginationNumbers[0]}}};t.prototype.optionSelected=function(t){this.value=t;this.openOptions()};t.prototype.render=function(){var t=this;return i(n,null,i("div",{class:"actions"},i("bds-button-icon",{onClick:this.firstPage,size:"short",variant:"secondary",icon:"arrow-first"}),i("bds-button-icon",{onClick:this.previewPage,size:"short",variant:"secondary",icon:"arrow-left"}),i("div",{class:"select"},i("div",{class:"border-select"},i("div",{class:{select_input:true},id:"select",onClick:this.openOptions,onBlur:this.onBlur},i("bds-typo",{variant:"fs-14"},this.value),i("bds-icon",{ref:function(o){return t.refIconDrop(o)},size:"small"}))),i("bds-paper",{ref:function(o){return t.refDropdown(o)},class:{select__options:true,"select__options--open":this.openSelect}},i("ul",null,this.paginationNumbers.map((function(o,e){return i("li",{onClick:function(){return t.optionSelected(o)},key:e,value:o},i("bds-typo",{variant:"fs-14"},o))}))))),i("bds-button-icon",{onClick:this.nextPage,size:"short",variant:"secondary",icon:"arrow-right"}),i("bds-button-icon",{onClick:this.lastPage,size:"short",variant:"secondary",icon:"arrow-last"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{openSelect:["isOpenChanged"],pages:["pagesChanged"],startedPage:["pagesChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as e,g as o}from"./p-952c43a2.js";const s=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,this.width=void 0,this.background="surface-2"}async toggle(){this.isOpen=!this.isOpen}isOpenChanged(i){!0===i?document.addEventListener("keyup",this.listiner,!1):document.removeEventListener("keyup",this.listiner,!1)}componentWillLoad(){"fixed"===this.type&&(this.isOpen=!0),this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]'),this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}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,[`background_${this.background}`]:!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 o(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};s.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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{s as bds_sidebar}
|
|
@@ -1 +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 a(e){try{l(o.next(e))}catch(t){n(t)}}function s(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):r(e.value).then(a,s)}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,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),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(l){s=[6,l];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-9fb71e47.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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;this.width=undefined;this.background="surface-2"}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.type==="fixed"?this.isOpen=true:"";this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')};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["background_".concat(this.background)]=true,t)
|
|
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 a(e){try{l(o.next(e))}catch(t){n(t)}}function s(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):r(e.value).then(a,s)}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,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),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(l){s=[6,l];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-9fb71e47.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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;this.width=undefined;this.background="surface-2"}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.type==="fixed"?this.isOpen=true:"";this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')};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["background_".concat(this.background)]=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}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-9fb71e47.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(t){a=t.p;s=t.w;n=t.d;i=t.N;o=t.a;r=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,a,s;return(s=(a=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||a===void 0?void 0:a.getAttribute("content"))!==null&&s!==void 0?s:undefined}var d=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=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;{c(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return r}))}}return o(r)};var c=function(t,o){var r=d(i);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;s[r]=function(i){var d;var c=new URL(i,t).href;var p=l.get(c);if(!p){var u=n.createElement("script");u.type="module";u.crossOrigin=o.crossOrigin;u.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));var b=(d=a.$nonce$)!==null&&d!==void 0?d:e(n);if(b!=null){u.setAttribute("nonce",b)}p=new Promise((function(e){u.onload=function(){e(s[r].m);u.remove()}}));l.set(c,p);n.head.appendChild(u)}return p}}};l().then((function(e){return r(JSON.parse('[["p-289ed3fc.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-47f7eb78.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-3ff028ad.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-0ea41d2b.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-cbece779.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-e435aef0.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-3a7bfbd9.system",[[1,"bds-tab-group",{"scrollable":[4],"align":[1],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-91432236.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-f38a8c63.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-fce92772.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-efd69a76.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-1f0f256a.system",[[1,"bds-warning"]]],["p-1d7a0902.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-bebfd407.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-f5c5ab64.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-a0390cb0.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-6e29aae2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-b752c885.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-7977f886.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-2101f3ed.system",[[1,"bds-accordion-body",{"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-f65fe4e9.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-5d90e546.system",[[1,"bds-expansion-panel"]]],["p-961bc822.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-19820edc.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-1c675122.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-b873e3e9.system",[[1,"bds-menu-list"]]],["p-0fd1be5d.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"open":[1540],"reciveNumber":[64]}]]],["p-e5c7a29b.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-f32a2e92.system",[[6,"bds-toast-container"]]],["p-660aa509.system",[[0,"bds-test-component"],[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}],[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]}],[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"InputSize":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}],[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]}],[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"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]],[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}],[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]],[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]],[1,"bds-alert-header",{"variant":[1],"icon":[513]}],[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"type":[32]}],[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]],[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}],[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}],[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}],[1,"bds-alert-body"],[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}],[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}],[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}],[1,"bds-alert-actions"],[1,"bds-banner-link",{"link":[1]}],[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"isChildDrop":[32],"toggle":[64]}],[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}],[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}],[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}],[1,"bds-modal-action"],[6,"bds-radio-group",{"value":[1537]}],[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"internalChips":[32],"internalActionsButtons":[32]}],[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"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}],[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}],[1,"bds-chip-tag",{"icon":[1],"color":[1]}],[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"hasBorder":[32]}],[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-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]}],[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}],[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],"textVerify":[32],"visible":[64]}],[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"]}],[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}],[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}],[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"]}]]]]'),e)}))}}}));
|
|
1
|
+
System.register(["./p-9fb71e47.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(t){a=t.p;s=t.w;n=t.d;i=t.N;o=t.a;r=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,a,s;return(s=(a=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||a===void 0?void 0:a.getAttribute("content"))!==null&&s!==void 0?s:undefined}var d=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=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;{c(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return r}))}}return o(r)};var c=function(t,o){var r=d(i);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;s[r]=function(i){var d;var c=new URL(i,t).href;var p=l.get(c);if(!p){var u=n.createElement("script");u.type="module";u.crossOrigin=o.crossOrigin;u.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));var b=(d=a.$nonce$)!==null&&d!==void 0?d:e(n);if(b!=null){u.setAttribute("nonce",b)}p=new Promise((function(e){u.onload=function(){e(s[r].m);u.remove()}}));l.set(c,p);n.head.appendChild(u)}return p}}};l().then((function(e){return r(JSON.parse('[["p-289ed3fc.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-47f7eb78.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-3ff028ad.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-17bc2ef0.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-cbece779.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-e435aef0.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-3a7bfbd9.system",[[1,"bds-tab-group",{"scrollable":[4],"align":[1],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-91432236.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-f38a8c63.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-7cb39922.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-efd69a76.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-1f0f256a.system",[[1,"bds-warning"]]],["p-1d7a0902.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-bebfd407.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-f5c5ab64.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-a0390cb0.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-6e29aae2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-b752c885.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-7977f886.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-2101f3ed.system",[[1,"bds-accordion-body",{"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-f65fe4e9.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-5d90e546.system",[[1,"bds-expansion-panel"]]],["p-961bc822.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-19820edc.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-1c675122.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-b873e3e9.system",[[1,"bds-menu-list"]]],["p-0fd1be5d.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"open":[1540],"reciveNumber":[64]}]]],["p-e5c7a29b.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-f32a2e92.system",[[6,"bds-toast-container"]]],["p-660aa509.system",[[0,"bds-test-component"],[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}],[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]}],[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"InputSize":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}],[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]}],[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"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]],[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}],[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]],[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]],[1,"bds-alert-header",{"variant":[1],"icon":[513]}],[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"type":[32]}],[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]],[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}],[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}],[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}],[1,"bds-alert-body"],[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}],[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}],[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}],[1,"bds-alert-actions"],[1,"bds-banner-link",{"link":[1]}],[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"isChildDrop":[32],"toggle":[64]}],[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}],[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}],[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}],[1,"bds-modal-action"],[6,"bds-radio-group",{"value":[1537]}],[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"internalChips":[32],"internalActionsButtons":[32]}],[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"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}],[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}],[1,"bds-chip-tag",{"icon":[1],"color":[1]}],[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"hasBorder":[32]}],[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-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]}],[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}],[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],"textVerify":[32],"visible":[64]}],[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"]}],[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}],[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}],[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"]}]]]]'),e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as s,H as i,g as e}from"./p-952c43a2.js";import{g as r,p as a}from"./p-52103c67.js";const n=class{constructor(s){t(this,s),this.bdsPaginationChange=o(this,"bdsPaginationChange",7),this.refDropdown=t=>{this.dropElement=t},this.refIconDrop=t=>{this.iconDropElement=t},this.previewPage=t=>{this.value>1&&(t.preventDefault(),this.value=this.value-1)},this.nextPage=t=>{this.value<this.pages&&(t.preventDefault(),this.value=this.value+1)},this.firstPage=t=>{this.value>1&&(t.preventDefault(),this.value=this.paginationNumbers[0])},this.lastPage=t=>{this.value<this.pages&&(t.preventDefault(),this.value=this.pages)},this.openOptions=()=>{this.openSelect=!this.openSelect},this.onBlur=()=>{this.openSelect=!1},this.value=void 0,this.openSelect=void 0,this.paginationNumbers=[],this.intoView=null,this.pages=void 0,this.startedPage=void 0,this.optionsPosition="auto"}componentWillLoad(){this.countPage(),this.intoView=r(this.el)}componentDidLoad(){"auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop()}setDefaultPlacement(t){"bottom"==t?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}validatePositionDrop(){const t=a({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y,"bottom"==t.y?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}isOpenChanged(t){this.iconDropElement.name="bottom"==this.positionHeightDrop?this.openSelect?"arrow-up":"arrow-down":this.openSelect?"arrow-down":"arrow-up",t&&("auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop())}pagesChanged(){this.countPage()}valueChanged(){this.bdsPaginationChange.emit(this.value)}countPage(){if(0!==this.paginationNumbers.length&&(this.paginationNumbers=[]),0===this.paginationNumbers.length){for(let t=1;t<=this.pages;t++)this.paginationNumbers.push(t);this.value=this.startedPage&&this.startedPage<this.pages?this.startedPage:this.paginationNumbers[0]}}optionSelected(t){this.value=t,this.openOptions()}render(){return s(i,null,s("div",{class:"actions"},s("bds-button-icon",{onClick:this.firstPage,size:"short",variant:"secondary",icon:"arrow-first"}),s("bds-button-icon",{onClick:this.previewPage,size:"short",variant:"secondary",icon:"arrow-left"}),s("div",{class:"select"},s("div",{class:"border-select"},s("div",{class:{select_input:!0},id:"select",onClick:this.openOptions,onBlur:this.onBlur},s("bds-typo",{variant:"fs-14"},this.value),s("bds-icon",{ref:t=>this.refIconDrop(t),size:"small"}))),s("bds-paper",{ref:t=>this.refDropdown(t),class:{select__options:!0,"select__options--open":this.openSelect}},s("ul",null,this.paginationNumbers.map(((t,o)=>s("li",{onClick:()=>this.optionSelected(t),key:o,value:t},s("bds-typo",{variant:"fs-14"},t))))))),s("bds-button-icon",{onClick:this.nextPage,size:"short",variant:"secondary",icon:"arrow-right"}),s("bds-button-icon",{onClick:this.lastPage,size:"short",variant:"secondary",icon:"arrow-last"})))}get el(){return e(this)}static get watchers(){return{openSelect:["isOpenChanged"],pages:["pagesChanged"],startedPage:["pagesChanged"],value:["valueChanged"]}}};n.style=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";export{n as bds_pagination}
|
|
@@ -22,7 +22,6 @@ const Pagination = class {
|
|
|
22
22
|
if (el > 1) {
|
|
23
23
|
event.preventDefault();
|
|
24
24
|
this.value = this.value - 1;
|
|
25
|
-
this.bdsPaginationChange.emit(this.value);
|
|
26
25
|
}
|
|
27
26
|
};
|
|
28
27
|
this.nextPage = (event) => {
|
|
@@ -30,7 +29,6 @@ const Pagination = class {
|
|
|
30
29
|
if (el < this.pages) {
|
|
31
30
|
event.preventDefault();
|
|
32
31
|
this.value = this.value + 1;
|
|
33
|
-
this.bdsPaginationChange.emit(this.value);
|
|
34
32
|
}
|
|
35
33
|
};
|
|
36
34
|
this.firstPage = (event) => {
|
|
@@ -38,7 +36,6 @@ const Pagination = class {
|
|
|
38
36
|
if (el > 1) {
|
|
39
37
|
event.preventDefault();
|
|
40
38
|
this.value = this.paginationNumbers[0];
|
|
41
|
-
this.bdsPaginationChange.emit(this.value);
|
|
42
39
|
}
|
|
43
40
|
};
|
|
44
41
|
this.lastPage = (event) => {
|
|
@@ -46,7 +43,6 @@ const Pagination = class {
|
|
|
46
43
|
if (el < this.pages) {
|
|
47
44
|
event.preventDefault();
|
|
48
45
|
this.value = this.pages;
|
|
49
|
-
this.bdsPaginationChange.emit(this.value);
|
|
50
46
|
}
|
|
51
47
|
};
|
|
52
48
|
this.openOptions = () => {
|
|
@@ -119,6 +115,9 @@ const Pagination = class {
|
|
|
119
115
|
pagesChanged() {
|
|
120
116
|
this.countPage();
|
|
121
117
|
}
|
|
118
|
+
valueChanged() {
|
|
119
|
+
this.bdsPaginationChange.emit(this.value);
|
|
120
|
+
}
|
|
122
121
|
countPage() {
|
|
123
122
|
if (this.paginationNumbers.length !== 0) {
|
|
124
123
|
this.paginationNumbers = [];
|
|
@@ -138,7 +137,6 @@ const Pagination = class {
|
|
|
138
137
|
optionSelected(index) {
|
|
139
138
|
this.value = index;
|
|
140
139
|
this.openOptions();
|
|
141
|
-
this.bdsPaginationChange.emit(this.value);
|
|
142
140
|
}
|
|
143
141
|
render() {
|
|
144
142
|
return (index.h(index.Host, null, index.h("div", { class: "actions" }, index.h("bds-button-icon", { onClick: this.firstPage, size: "short", variant: "secondary", icon: "arrow-first" }), index.h("bds-button-icon", { onClick: this.previewPage, size: "short", variant: "secondary", icon: "arrow-left" }), index.h("div", { class: "select" }, index.h("div", { class: "border-select" }, index.h("div", { class: { select_input: true }, id: "select", onClick: this.openOptions, onBlur: this.onBlur }, index.h("bds-typo", { variant: "fs-14" }, this.value), index.h("bds-icon", { ref: (el) => this.refIconDrop(el), size: "small" }))), index.h("bds-paper", { ref: (el) => this.refDropdown(el), class: {
|
|
@@ -149,7 +147,9 @@ const Pagination = class {
|
|
|
149
147
|
get el() { return index.getElement(this); }
|
|
150
148
|
static get watchers() { return {
|
|
151
149
|
"openSelect": ["isOpenChanged"],
|
|
152
|
-
"pages": ["pagesChanged"]
|
|
150
|
+
"pages": ["pagesChanged"],
|
|
151
|
+
"startedPage": ["pagesChanged"],
|
|
152
|
+
"value": ["valueChanged"]
|
|
153
153
|
}; }
|
|
154
154
|
};
|
|
155
155
|
Pagination.style = paginationCss;
|
|
@@ -52,7 +52,7 @@ const Sidebar = class {
|
|
|
52
52
|
[`type_${this.type}`]: true,
|
|
53
53
|
[`position_${this.sidebarPosition}`]: true,
|
|
54
54
|
[`background_${this.background}`]: true,
|
|
55
|
-
}
|
|
55
|
+
} }, 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: {
|
|
56
56
|
closeButton: true,
|
|
57
57
|
}, 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" })))))));
|
|
58
58
|
}
|
|
@@ -13,7 +13,6 @@ export class Pagination {
|
|
|
13
13
|
if (el > 1) {
|
|
14
14
|
event.preventDefault();
|
|
15
15
|
this.value = this.value - 1;
|
|
16
|
-
this.bdsPaginationChange.emit(this.value);
|
|
17
16
|
}
|
|
18
17
|
};
|
|
19
18
|
this.nextPage = (event) => {
|
|
@@ -21,7 +20,6 @@ export class Pagination {
|
|
|
21
20
|
if (el < this.pages) {
|
|
22
21
|
event.preventDefault();
|
|
23
22
|
this.value = this.value + 1;
|
|
24
|
-
this.bdsPaginationChange.emit(this.value);
|
|
25
23
|
}
|
|
26
24
|
};
|
|
27
25
|
this.firstPage = (event) => {
|
|
@@ -29,7 +27,6 @@ export class Pagination {
|
|
|
29
27
|
if (el > 1) {
|
|
30
28
|
event.preventDefault();
|
|
31
29
|
this.value = this.paginationNumbers[0];
|
|
32
|
-
this.bdsPaginationChange.emit(this.value);
|
|
33
30
|
}
|
|
34
31
|
};
|
|
35
32
|
this.lastPage = (event) => {
|
|
@@ -37,7 +34,6 @@ export class Pagination {
|
|
|
37
34
|
if (el < this.pages) {
|
|
38
35
|
event.preventDefault();
|
|
39
36
|
this.value = this.pages;
|
|
40
|
-
this.bdsPaginationChange.emit(this.value);
|
|
41
37
|
}
|
|
42
38
|
};
|
|
43
39
|
this.openOptions = () => {
|
|
@@ -110,6 +106,9 @@ export class Pagination {
|
|
|
110
106
|
pagesChanged() {
|
|
111
107
|
this.countPage();
|
|
112
108
|
}
|
|
109
|
+
valueChanged() {
|
|
110
|
+
this.bdsPaginationChange.emit(this.value);
|
|
111
|
+
}
|
|
113
112
|
countPage() {
|
|
114
113
|
if (this.paginationNumbers.length !== 0) {
|
|
115
114
|
this.paginationNumbers = [];
|
|
@@ -129,7 +128,6 @@ export class Pagination {
|
|
|
129
128
|
optionSelected(index) {
|
|
130
129
|
this.value = index;
|
|
131
130
|
this.openOptions();
|
|
132
|
-
this.bdsPaginationChange.emit(this.value);
|
|
133
131
|
}
|
|
134
132
|
render() {
|
|
135
133
|
return (h(Host, null, h("div", { class: "actions" }, h("bds-button-icon", { onClick: this.firstPage, size: "short", variant: "secondary", icon: "arrow-first" }), h("bds-button-icon", { onClick: this.previewPage, size: "short", variant: "secondary", icon: "arrow-left" }), h("div", { class: "select" }, h("div", { class: "border-select" }, h("div", { class: { select_input: true }, id: "select", onClick: this.openOptions, onBlur: this.onBlur }, h("bds-typo", { variant: "fs-14" }, this.value), h("bds-icon", { ref: (el) => this.refIconDrop(el), size: "small" }))), h("bds-paper", { ref: (el) => this.refDropdown(el), class: {
|
|
@@ -243,6 +241,12 @@ export class Pagination {
|
|
|
243
241
|
}, {
|
|
244
242
|
"propName": "pages",
|
|
245
243
|
"methodName": "pagesChanged"
|
|
244
|
+
}, {
|
|
245
|
+
"propName": "startedPage",
|
|
246
|
+
"methodName": "pagesChanged"
|
|
247
|
+
}, {
|
|
248
|
+
"propName": "value",
|
|
249
|
+
"methodName": "valueChanged"
|
|
246
250
|
}];
|
|
247
251
|
}
|
|
248
252
|
}
|
|
@@ -44,7 +44,7 @@ export class Sidebar {
|
|
|
44
44
|
[`type_${this.type}`]: true,
|
|
45
45
|
[`position_${this.sidebarPosition}`]: true,
|
|
46
46
|
[`background_${this.background}`]: true,
|
|
47
|
-
}
|
|
47
|
+
} }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
|
|
48
48
|
closeButton: true,
|
|
49
49
|
}, 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" })))))));
|
|
50
50
|
}
|
|
@@ -18,7 +18,6 @@ const Pagination = class {
|
|
|
18
18
|
if (el > 1) {
|
|
19
19
|
event.preventDefault();
|
|
20
20
|
this.value = this.value - 1;
|
|
21
|
-
this.bdsPaginationChange.emit(this.value);
|
|
22
21
|
}
|
|
23
22
|
};
|
|
24
23
|
this.nextPage = (event) => {
|
|
@@ -26,7 +25,6 @@ const Pagination = class {
|
|
|
26
25
|
if (el < this.pages) {
|
|
27
26
|
event.preventDefault();
|
|
28
27
|
this.value = this.value + 1;
|
|
29
|
-
this.bdsPaginationChange.emit(this.value);
|
|
30
28
|
}
|
|
31
29
|
};
|
|
32
30
|
this.firstPage = (event) => {
|
|
@@ -34,7 +32,6 @@ const Pagination = class {
|
|
|
34
32
|
if (el > 1) {
|
|
35
33
|
event.preventDefault();
|
|
36
34
|
this.value = this.paginationNumbers[0];
|
|
37
|
-
this.bdsPaginationChange.emit(this.value);
|
|
38
35
|
}
|
|
39
36
|
};
|
|
40
37
|
this.lastPage = (event) => {
|
|
@@ -42,7 +39,6 @@ const Pagination = class {
|
|
|
42
39
|
if (el < this.pages) {
|
|
43
40
|
event.preventDefault();
|
|
44
41
|
this.value = this.pages;
|
|
45
|
-
this.bdsPaginationChange.emit(this.value);
|
|
46
42
|
}
|
|
47
43
|
};
|
|
48
44
|
this.openOptions = () => {
|
|
@@ -115,6 +111,9 @@ const Pagination = class {
|
|
|
115
111
|
pagesChanged() {
|
|
116
112
|
this.countPage();
|
|
117
113
|
}
|
|
114
|
+
valueChanged() {
|
|
115
|
+
this.bdsPaginationChange.emit(this.value);
|
|
116
|
+
}
|
|
118
117
|
countPage() {
|
|
119
118
|
if (this.paginationNumbers.length !== 0) {
|
|
120
119
|
this.paginationNumbers = [];
|
|
@@ -134,7 +133,6 @@ const Pagination = class {
|
|
|
134
133
|
optionSelected(index) {
|
|
135
134
|
this.value = index;
|
|
136
135
|
this.openOptions();
|
|
137
|
-
this.bdsPaginationChange.emit(this.value);
|
|
138
136
|
}
|
|
139
137
|
render() {
|
|
140
138
|
return (h(Host, null, h("div", { class: "actions" }, h("bds-button-icon", { onClick: this.firstPage, size: "short", variant: "secondary", icon: "arrow-first" }), h("bds-button-icon", { onClick: this.previewPage, size: "short", variant: "secondary", icon: "arrow-left" }), h("div", { class: "select" }, h("div", { class: "border-select" }, h("div", { class: { select_input: true }, id: "select", onClick: this.openOptions, onBlur: this.onBlur }, h("bds-typo", { variant: "fs-14" }, this.value), h("bds-icon", { ref: (el) => this.refIconDrop(el), size: "small" }))), h("bds-paper", { ref: (el) => this.refDropdown(el), class: {
|
|
@@ -145,7 +143,9 @@ const Pagination = class {
|
|
|
145
143
|
get el() { return getElement(this); }
|
|
146
144
|
static get watchers() { return {
|
|
147
145
|
"openSelect": ["isOpenChanged"],
|
|
148
|
-
"pages": ["pagesChanged"]
|
|
146
|
+
"pages": ["pagesChanged"],
|
|
147
|
+
"startedPage": ["pagesChanged"],
|
|
148
|
+
"value": ["valueChanged"]
|
|
149
149
|
}; }
|
|
150
150
|
};
|
|
151
151
|
Pagination.style = paginationCss;
|
|
@@ -48,7 +48,7 @@ const Sidebar = class {
|
|
|
48
48
|
[`type_${this.type}`]: true,
|
|
49
49
|
[`position_${this.sidebarPosition}`]: true,
|
|
50
50
|
[`background_${this.background}`]: true,
|
|
51
|
-
}
|
|
51
|
+
} }, this.hasHeaderSlot && (h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" })), this.type === 'fixed' ? ('') : (h("bds-button-icon", { class: {
|
|
52
52
|
closeButton: true,
|
|
53
53
|
}, 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" })))))));
|
|
54
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-27f906e2.js";import{g as getScrollParent,p as positionAbsoluteElement}from"./position-element-be44bd1c.js";var paginationCss=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";var Pagination=function(){function t(t){var o=this;registerInstance(this,t);this.bdsPaginationChange=createEvent(this,"bdsPaginationChange",7);this.refDropdown=function(t){o.dropElement=t};this.refIconDrop=function(t){o.iconDropElement=t};this.previewPage=function(t){var e=o.value;if(e>1){t.preventDefault();o.value=o.value-1
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-27f906e2.js";import{g as getScrollParent,p as positionAbsoluteElement}from"./position-element-be44bd1c.js";var paginationCss=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";var Pagination=function(){function t(t){var o=this;registerInstance(this,t);this.bdsPaginationChange=createEvent(this,"bdsPaginationChange",7);this.refDropdown=function(t){o.dropElement=t};this.refIconDrop=function(t){o.iconDropElement=t};this.previewPage=function(t){var e=o.value;if(e>1){t.preventDefault();o.value=o.value-1}};this.nextPage=function(t){var e=o.value;if(e<o.pages){t.preventDefault();o.value=o.value+1}};this.firstPage=function(t){var e=o.value;if(e>1){t.preventDefault();o.value=o.paginationNumbers[0]}};this.lastPage=function(t){var e=o.value;if(e<o.pages){t.preventDefault();o.value=o.pages}};this.openOptions=function(){o.openSelect=!o.openSelect};this.onBlur=function(){o.openSelect=false};this.value=undefined;this.openSelect=undefined;this.paginationNumbers=[];this.intoView=null;this.pages=undefined;this.startedPage=undefined;this.optionsPosition="auto"}t.prototype.componentWillLoad=function(){this.countPage();this.intoView=getScrollParent(this.el)};t.prototype.componentDidLoad=function(){if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.setDefaultPlacement=function(t){if(t=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.validatePositionDrop=function(){var t=positionAbsoluteElement({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y;if(t.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.isOpenChanged=function(t){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.openSelect?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.openSelect?"arrow-down":"arrow-up"}if(t)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.pagesChanged=function(){this.countPage()};t.prototype.valueChanged=function(){this.bdsPaginationChange.emit(this.value)};t.prototype.countPage=function(){if(this.paginationNumbers.length!==0){this.paginationNumbers=[]}if(this.paginationNumbers.length===0){for(var t=1;t<=this.pages;t++){this.paginationNumbers.push(t)}if(this.startedPage&&this.startedPage<this.pages){this.value=this.startedPage}else{this.value=this.paginationNumbers[0]}}};t.prototype.optionSelected=function(t){this.value=t;this.openOptions()};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"actions"},h("bds-button-icon",{onClick:this.firstPage,size:"short",variant:"secondary",icon:"arrow-first"}),h("bds-button-icon",{onClick:this.previewPage,size:"short",variant:"secondary",icon:"arrow-left"}),h("div",{class:"select"},h("div",{class:"border-select"},h("div",{class:{select_input:true},id:"select",onClick:this.openOptions,onBlur:this.onBlur},h("bds-typo",{variant:"fs-14"},this.value),h("bds-icon",{ref:function(o){return t.refIconDrop(o)},size:"small"}))),h("bds-paper",{ref:function(o){return t.refDropdown(o)},class:{select__options:true,"select__options--open":this.openSelect}},h("ul",null,this.paginationNumbers.map((function(o,e){return h("li",{onClick:function(){return t.optionSelected(o)},key:e,value:o},h("bds-typo",{variant:"fs-14"},o))}))))),h("bds-button-icon",{onClick:this.nextPage,size:"short",variant:"secondary",icon:"arrow-right"}),h("bds-button-icon",{onClick:this.lastPage,size:"short",variant:"secondary",icon:"arrow-last"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{openSelect:["isOpenChanged"],pages:["pagesChanged"],startedPage:["pagesChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();Pagination.style=paginationCss;export{Pagination as bds_pagination};
|
|
@@ -1 +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 a(e){try{d(o.next(e))}catch(t){n(t)}}function s(e){try{d(o["throw"](e))}catch(t){n(t)}}function d(e){e.done?i(e.value):r(e.value).then(a,s)}d((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,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return d([e,t])}}function d(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),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(d){s=[6,d];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-27f906e2.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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;this.width=undefined;this.background="surface-2"}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.type==="fixed"?this.isOpen=true:"";this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')};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["background_".concat(this.background)]=true,t)
|
|
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 a(e){try{d(o.next(e))}catch(t){n(t)}}function s(e){try{d(o["throw"](e))}catch(t){n(t)}}function d(e){e.done?i(e.value):r(e.value).then(a,s)}d((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,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return d([e,t])}}function d(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),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(d){s=[6,d];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-27f906e2.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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;this.width=undefined;this.background="surface-2"}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.type==="fixed"?this.isOpen=true:"";this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]');this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')};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["background_".concat(this.background)]=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 +0,0 @@
|
|
|
1
|
-
System.register(["./p-9fb71e47.system.js","./p-53f38e95.system.js"],(function(t){"use strict";var o,e,i,n,s,a,r;return{setters:[function(t){o=t.r;e=t.c;i=t.h;n=t.H;s=t.g},function(t){a=t.g;r=t.p}],execute:function(){var l=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";var c=t("bds_pagination",function(){function t(t){var i=this;o(this,t);this.bdsPaginationChange=e(this,"bdsPaginationChange",7);this.refDropdown=function(t){i.dropElement=t};this.refIconDrop=function(t){i.iconDropElement=t};this.previewPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.value-1;i.bdsPaginationChange.emit(i.value)}};this.nextPage=function(t){var o=i.value;if(o<i.pages){t.preventDefault();i.value=i.value+1;i.bdsPaginationChange.emit(i.value)}};this.firstPage=function(t){var o=i.value;if(o>1){t.preventDefault();i.value=i.paginationNumbers[0];i.bdsPaginationChange.emit(i.value)}};this.lastPage=function(t){var o=i.value;if(o<i.pages){t.preventDefault();i.value=i.pages;i.bdsPaginationChange.emit(i.value)}};this.openOptions=function(){i.openSelect=!i.openSelect};this.onBlur=function(){i.openSelect=false};this.value=undefined;this.openSelect=undefined;this.paginationNumbers=[];this.intoView=null;this.pages=undefined;this.startedPage=undefined;this.optionsPosition="auto"}t.prototype.componentWillLoad=function(){this.countPage();this.intoView=a(this.el)};t.prototype.componentDidLoad=function(){if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.setDefaultPlacement=function(t){if(t=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.validatePositionDrop=function(){var t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y;if(t.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.isOpenChanged=function(t){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.openSelect?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.openSelect?"arrow-down":"arrow-up"}if(t)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.pagesChanged=function(){this.countPage()};t.prototype.countPage=function(){if(this.paginationNumbers.length!==0){this.paginationNumbers=[]}if(this.paginationNumbers.length===0){for(var t=1;t<=this.pages;t++){this.paginationNumbers.push(t)}if(this.startedPage&&this.startedPage<this.pages){this.value=this.startedPage}else{this.value=this.paginationNumbers[0]}}};t.prototype.optionSelected=function(t){this.value=t;this.openOptions();this.bdsPaginationChange.emit(this.value)};t.prototype.render=function(){var t=this;return i(n,null,i("div",{class:"actions"},i("bds-button-icon",{onClick:this.firstPage,size:"short",variant:"secondary",icon:"arrow-first"}),i("bds-button-icon",{onClick:this.previewPage,size:"short",variant:"secondary",icon:"arrow-left"}),i("div",{class:"select"},i("div",{class:"border-select"},i("div",{class:{select_input:true},id:"select",onClick:this.openOptions,onBlur:this.onBlur},i("bds-typo",{variant:"fs-14"},this.value),i("bds-icon",{ref:function(o){return t.refIconDrop(o)},size:"small"}))),i("bds-paper",{ref:function(o){return t.refDropdown(o)},class:{select__options:true,"select__options--open":this.openSelect}},i("ul",null,this.paginationNumbers.map((function(o,e){return i("li",{onClick:function(){return t.optionSelected(o)},key:e,value:o},i("bds-typo",{variant:"fs-14"},o))}))))),i("bds-button-icon",{onClick:this.nextPage,size:"short",variant:"secondary",icon:"arrow-right"}),i("bds-button-icon",{onClick:this.lastPage,size:"short",variant:"secondary",icon:"arrow-last"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{openSelect:["isOpenChanged"],pages:["pagesChanged"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as s,H as i,g as e}from"./p-952c43a2.js";import{g as r,p as n}from"./p-52103c67.js";const a=class{constructor(s){t(this,s),this.bdsPaginationChange=o(this,"bdsPaginationChange",7),this.refDropdown=t=>{this.dropElement=t},this.refIconDrop=t=>{this.iconDropElement=t},this.previewPage=t=>{this.value>1&&(t.preventDefault(),this.value=this.value-1,this.bdsPaginationChange.emit(this.value))},this.nextPage=t=>{this.value<this.pages&&(t.preventDefault(),this.value=this.value+1,this.bdsPaginationChange.emit(this.value))},this.firstPage=t=>{this.value>1&&(t.preventDefault(),this.value=this.paginationNumbers[0],this.bdsPaginationChange.emit(this.value))},this.lastPage=t=>{this.value<this.pages&&(t.preventDefault(),this.value=this.pages,this.bdsPaginationChange.emit(this.value))},this.openOptions=()=>{this.openSelect=!this.openSelect},this.onBlur=()=>{this.openSelect=!1},this.value=void 0,this.openSelect=void 0,this.paginationNumbers=[],this.intoView=null,this.pages=void 0,this.startedPage=void 0,this.optionsPosition="auto"}componentWillLoad(){this.countPage(),this.intoView=r(this.el)}componentDidLoad(){"auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop()}setDefaultPlacement(t){"bottom"==t?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}validatePositionDrop(){const t=n({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y,"bottom"==t.y?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}isOpenChanged(t){this.iconDropElement.name="bottom"==this.positionHeightDrop?this.openSelect?"arrow-up":"arrow-down":this.openSelect?"arrow-down":"arrow-up",t&&("auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop())}pagesChanged(){this.countPage()}countPage(){if(0!==this.paginationNumbers.length&&(this.paginationNumbers=[]),0===this.paginationNumbers.length){for(let t=1;t<=this.pages;t++)this.paginationNumbers.push(t);this.value=this.startedPage&&this.startedPage<this.pages?this.startedPage:this.paginationNumbers[0]}}optionSelected(t){this.value=t,this.openOptions(),this.bdsPaginationChange.emit(this.value)}render(){return s(i,null,s("div",{class:"actions"},s("bds-button-icon",{onClick:this.firstPage,size:"short",variant:"secondary",icon:"arrow-first"}),s("bds-button-icon",{onClick:this.previewPage,size:"short",variant:"secondary",icon:"arrow-left"}),s("div",{class:"select"},s("div",{class:"border-select"},s("div",{class:{select_input:!0},id:"select",onClick:this.openOptions,onBlur:this.onBlur},s("bds-typo",{variant:"fs-14"},this.value),s("bds-icon",{ref:t=>this.refIconDrop(t),size:"small"}))),s("bds-paper",{ref:t=>this.refDropdown(t),class:{select__options:!0,"select__options--open":this.openSelect}},s("ul",null,this.paginationNumbers.map(((t,o)=>s("li",{onClick:()=>this.optionSelected(t),key:o,value:t},s("bds-typo",{variant:"fs-14"},t))))))),s("bds-button-icon",{onClick:this.nextPage,size:"short",variant:"secondary",icon:"arrow-right"}),s("bds-button-icon",{onClick:this.lastPage,size:"short",variant:"secondary",icon:"arrow-last"})))}get el(){return e(this)}static get watchers(){return{openSelect:["isOpenChanged"],pages:["pagesChanged"]}}};a.style=":host{display:block}:host .actions{display:-ms-flexbox;display:flex;gap:8px}:host .actions .select{display:block;position:relative}:host .actions .border-select{border-radius:8px}:host .actions .border-select:hover{-webkit-box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08));box-shadow:var(--color-hover, rgba(0, 0, 0, 0.08))}:host .actions .select_input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:9px 4px 9px 12px;gap:8px;-ms-flex:1 1 0%;flex:1 1 0%;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6);border-radius:8px;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box}:host .actions .select_input bds-typo{min-width:28px;color:var(--color-content-default, #454545)}:host .actions .select_input bds-icon{color:var(--color-content-default, #454545)}:host .actions .select_input:hover{border-color:var(--color-brand, #0096fa)}:host .actions .select__options{position:absolute;width:100%;background-color:var(--color-surface-1, #F6F6F6);border-radius:8px;z-index:2;margin-top:4px;overflow-y:auto;overflow-x:hidden;max-height:200px;visibility:hidden;opacity:0}:host .actions .select__options::-webkit-scrollbar{width:16px;background-color:transparent}:host .actions .select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}:host .actions .select__options--open{visibility:visible;opacity:1}:host .actions .select__options--position-top{bottom:calc(100% + 4px)}:host .actions .select__options--position-bottom{top:calc(100% + 4px)}:host .actions .select__options ul{padding:0;margin:0}:host .actions .select__options li{list-style-type:none;cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-content-default, #454545)}:host .actions .select__options li:hover{background-color:var(--color-surface-2, #E0E0E0)}";export{a as bds_pagination}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as e,g as o}from"./p-952c43a2.js";const s=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,this.width=void 0,this.background="surface-2"}async toggle(){this.isOpen=!this.isOpen}isOpenChanged(i){!0===i?document.addEventListener("keyup",this.listiner,!1):document.removeEventListener("keyup",this.listiner,!1)}componentWillLoad(){"fixed"===this.type&&(this.isOpen=!0),this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]'),this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}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,[`background_${this.background}`]:!0},style:{width:`${this.width>144?this.width:144}px`}},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 o(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};s.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(0, 0, 0, 0.7);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_over .sidebar{z-index:90000}.sidebar_dialog.type_fixed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:var(--color-surface-2, #E0E0E0);-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.background_surface-1{background-color:var(--color-surface-1, #F6F6F6)}.sidebar_dialog .sidebar.background_surface-2{background-color:var(--color-surface-2, #E0E0E0)}.sidebar_dialog .sidebar.background_surface-3{background-color:var(--color-surface-3, #C7C7C7)}.sidebar_dialog .sidebar.background_surface-4{background-color:var(--color-surface-4, #141414)}.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:var(--color-content-default, #454545)}.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:var(--color-content-default, #454545)}.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{s as bds_sidebar}
|