@baloise/ds-core 16.2.1 → 16.3.0-nightly.20240826
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/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-app.js +1 -85
- package/components/bal-app2.js +87 -0
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +260 -0
- package/components/bal-dropdown.js +7 -3
- package/components/bal-popup.js +1 -1
- package/components/index.js +5 -289
- package/components/initialize.js +288 -0
- package/components/scroll.js +7 -3
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-01999347b1.entry.js → p-08fd12bbc0.entry.js} +1 -1
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/{p-504d51d0a1.system.entry.js → p-1ed42c5f5a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2ddb356c.system.js → p-23b19918.system.js} +1 -1
- package/dist/baloise-design-system/{p-296a638e.system.js → p-2701880d.system.js} +1 -1
- package/dist/baloise-design-system/{p-c19e28122b.system.entry.js → p-2782dab200.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b10a80a3b8.entry.js → p-2f191e9063.entry.js} +1 -1
- package/dist/baloise-design-system/p-30fc270ec1.entry.js +1 -0
- package/dist/baloise-design-system/p-360068a4.system.js +1 -0
- package/dist/baloise-design-system/{p-fcc2312923.entry.js → p-37db9e3f81.entry.js} +1 -1
- package/dist/baloise-design-system/p-381fe5557d.entry.js +1 -0
- package/dist/baloise-design-system/p-40b5ad07c5.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-5f8d927f95.system.entry.js → p-416f6d8f9f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2ae4288f42.system.entry.js → p-4802ca0200.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2d115eb51b.system.entry.js → p-4ec285c5c8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cd289f40c5.system.entry.js → p-526b1c1f37.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/{p-94ae00c712.system.entry.js → p-5b4e1f063e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-def2591edc.entry.js → p-5ce8281c5f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2bf04f4f7e.entry.js → p-5dd52d24cd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-23ef6e0656.entry.js → p-5f1bb4a3b8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dc45a57023.entry.js → p-648cafc450.entry.js} +1 -1
- package/dist/baloise-design-system/p-6d1b6215.js +1 -0
- package/dist/baloise-design-system/p-7291766c.system.js +1 -0
- package/dist/baloise-design-system/{p-3586f88589.system.entry.js → p-749c516acc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-488e6a1eee.system.entry.js → p-851174e15b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-87d9c24d45.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-6048a8f8af.entry.js → p-8f358505eb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ffbe2886.js → p-96525499.js} +1 -1
- package/dist/baloise-design-system/{p-222bc9b30e.system.entry.js → p-982fa892e8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4c470f43.system.js → p-9ff6d05f.system.js} +1 -1
- package/dist/baloise-design-system/{p-192bade4.js → p-a2bb4c55.js} +1 -1
- package/dist/baloise-design-system/{p-6b863f9d71.entry.js → p-a84377f125.entry.js} +1 -1
- package/dist/baloise-design-system/{p-29bfdafb70.system.entry.js → p-bdffcf5688.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-01d998678a.entry.js → p-c110359cf5.entry.js} +1 -1
- package/dist/baloise-design-system/p-c1852273.js +1 -0
- package/dist/baloise-design-system/{p-2d7a5a33fe.system.entry.js → p-d3fababa73.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8b931ae0b8.system.entry.js → p-e1ccc73251.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4a2d315dc4.entry.js → p-e4affe0e7f.entry.js} +1 -1
- package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
- package/dist/baloise-design-system/{p-709bb627dd.system.entry.js → p-e931c4afff.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-f19ea306.system.js +1 -0
- package/dist/baloise-design-system/{p-03b8dbdc88.entry.js → p-f347e506f7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6164f99bb8.entry.js → p-f6599f64b7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6b6006ffc1.entry.js → p-f7265179b7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
- package/dist/baloise-design-system/{p-524ceea034.system.entry.js → p-fb2778f548.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-fc41250aa8.entry.js +1 -0
- package/dist/cjs/app-globals-5fd73c0c.js +7 -0
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +6 -2
- package/dist/cjs/bal-hint_3.cjs.entry.js +4 -4
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-popup.cjs.entry.js +1 -1
- package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-603d97d9.js → breakpoints.decorator-e39b48f6.js} +1 -1
- package/dist/cjs/{breakpoints.subject-a0b2bc41.js → breakpoints.subject-fd287dc4.js} +1 -1
- package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{scroll-5d6ac91d.js → scroll-73c1b762.js} +7 -3
- package/dist/cjs/{tokens.esm-ae4d587c.js → tokens.esm-edf61900.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +1 -1
- package/dist/collection/components/bal-popup/variants/fullscreen-variant.renderer.js +1 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/dropdown/events.js +7 -2
- package/dist/collection/utils/scroll.js +7 -3
- package/dist/esm/app-globals-970bab17.js +5 -0
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-doc-app.entry.js +227 -0
- package/dist/esm/bal-dropdown.entry.js +7 -3
- package/dist/esm/bal-hint_3.entry.js +4 -4
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +1 -1
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +4 -4
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-popover_2.entry.js +3 -3
- package/dist/esm/bal-popup.entry.js +1 -1
- package/dist/esm/bal-progress-bar.entry.js +3 -3
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-f710f500.js → breakpoints.decorator-c82ca8d7.js} +1 -1
- package/dist/esm/{breakpoints.subject-3ea6d2c3.js → breakpoints.subject-3f3d48c4.js} +1 -1
- package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
- package/dist/esm/index.js +4 -4
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{scroll-e341d95b.js → scroll-f4b20848.js} +7 -3
- package/dist/esm/{tokens.esm-27a803dc.js → tokens.esm-a501c99a.js} +1 -1
- package/dist/esm-es5/app-globals-970bab17.js +1 -0
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-hint_3.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popover_2.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-c82ca8d7.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-3ea6d2c3.js → breakpoints.subject-3f3d48c4.js} +1 -1
- package/dist/esm-es5/global-63f4bcec.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/scroll-f4b20848.js +1 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +37 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
- package/package.json +7 -7
- package/dist/baloise-design-system/p-0793c0159f.system.entry.js +0 -1
- package/dist/baloise-design-system/p-1d351673.system.js +0 -1
- package/dist/baloise-design-system/p-6e0f125e.js +0 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
- package/dist/baloise-design-system/p-e63febcbd8.entry.js +0 -1
- package/dist/baloise-design-system/p-e78a6409.js +0 -1
- package/dist/baloise-design-system/p-f8a98657a1.entry.js +0 -1
- package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-f710f500.js +0 -1
- package/dist/esm-es5/scroll-e341d95b.js +0 -1
- /package/dist/baloise-design-system/{p-efb46317.system.js → p-5c0e12bf.system.js} +0 -0
- /package/dist/baloise-design-system/{p-b1f86100.js → p-bbfe0ac3.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-27a803dc.js → tokens.esm-a501c99a.js} +0 -0
package/dist/baloise-design-system/{p-8b931ae0b8.system.entry.js → p-e1ccc73251.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(r.next(t))}catch(t){a(t)}}function o(t){try{c(r["throw"](t))}catch(t){a(t)}}function c(t){t.done?i(t.value):n(t.value).then(s,o)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return c([t,e])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var r=0,n=e.length,a;r<n;r++){if(a||!(r in e)){if(!a)a=Array.prototype.slice.call(e,0,r);a[r]=e[r]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-a7fc2da7.system.js","./p-d2ee9b0a.system.js","./p-b79d8942.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-6e5745c8.system.js","./p-bb6304d0.system.js","./p-296a638e.system.js","./p-145d5c4e.system.js","./p-2ddb356c.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-efb46317.system.js"],(function(t){"use strict";var e,i,r,n,a,s,o,c,u,l,d,h,f,b,p,v,g,m,y,_,k,j,w,O,x,C,D,I,A,N,S,F,T,z,B,P,q,E,M,G,K,L,R,Y,U,W,H;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;a=t.g},function(t){s=t._;o=t.a},function(t){c=t.k;u=t.m},function(t){l=t.i},function(t){d=t.r;h=t.t;f=t.b;b=t.g;p=t.p;v=t.f;g=t.i;m=t.c;y=t.e;_=t.h;k=t.d;j=t.j;w=t.n;O=t.k;x=t.m},function(t){C=t.l},function(t){D=t.N;I=t.A;A=t.i},function(t){N=t.i},function(t){S=t.s;F=t.g;T=t.i;z=t.a;B=t.b;P=t.c;q=t.d},function(t){E=t.p},function(t){M=t.B},function(t){G=t.L},function(t){K=t.d},function(t){L=t.d;R=t.a},function(t){Y=t.b},function(t){U=t.g},function(t){W=t.L},function(t){H=t.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function J(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}i.setDate(i.getDate()+r);return i}function Q(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}var n=i.getDate();var a=new Date(i.getTime());a.setMonth(i.getMonth()+r+1,0);var s=a.getDate();if(n>=s){return a}else{i.setFullYear(a.getFullYear(),a.getMonth(),n);return i}}function V(t,e){var i,r,n,a,s,o,c,u;d(1,arguments);var l=b();var p=f((i=(r=(n=(a=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&a!==void 0?a:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(o=s.options)===null||o===void 0?void 0:o.weekStartsOn)!==null&&n!==void 0?n:l.weekStartsOn)!==null&&r!==void 0?r:(c=l.locale)===null||c===void 0?void 0:(u=c.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&i!==void 0?i:0);if(!(p>=0&&p<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var v=h(t);var g=v.getDay();var m=(g<p?7:0)+g-p;v.setDate(v.getDate()-m);v.setHours(0,0,0,0);return v}function X(t){d(1,arguments);var e=h(t);e.setHours(0,0,0,0);return e}function Z(t,e){d(2,arguments);var i=f(e);return Q(t,i*12)}function $(t,e){d(2,arguments);var i=X(t);var r=X(e);return i.getTime()===r.getTime()}function tt(t){d(1,arguments);var e=h(t);var i=e.getMonth();e.setFullYear(e.getFullYear(),i+1,0);e.setHours(0,0,0,0);return e}function et(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()>r.getTime()}function it(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()<r.getTime()}function rt(t,e,i){d(2,arguments);var r=V(t,i);var n=V(e,i);return r.getTime()===n.getTime()}function nt(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getFullYear()===r.getFullYear()&&i.getMonth()===r.getMonth()}function at(t,e){d(2,arguments);var i=h(t).getTime();var r=h(e.start).getTime();var n=h(e.end).getTime();if(!(r<=n)){throw new RangeError("Invalid interval")}return i>=r&&i<=n}function st(t,e){d(2,arguments);var i=f(e);return J(t,-i)}function ot(t,e){d(2,arguments);var i=f(e);return Z(t,-i)}var ct=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';var ut=ct;var lt=t("bal_datepicker",function(){function t(t){var r=this;e(this,t);this.balChange=i(this,"balChange",7);this.balInput=i(this,"balInput",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balInputClick=i(this,"balInputClick",7);this.balIconClick=i(this,"balIconClick",7);this.inputId="bal-dp-".concat(dt++);this.inheritedAttributes={};this.inputValue=this.value;this.onIconClick=function(t){if(!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);r.balIconClick.emit(t)};this.onInputClick=function(t){if(!r.triggerIcon&&!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);if(!r.triggerIcon){r.balInputClick.emit(t)}};this.onPopoverChange=function(t){S(t);if(r.isPopoverOpen!==t.detail){r.isPopoverOpen=t.detail;r.fireBlur(t)}};this.onInput=function(t){var e=F(t);if(e){r.inputValue=e.value;if(e.value){r.nativeInput.value=r.formatDate(r.inputValue)}if(r.inputValue&&r.inputValue.length>=6){var i=p(r.inputValue,r.getLocale());var n=v(i);if(g(n)){r.selectedDate=n;r.updatePointerDates()}}}r.balInput.emit(r.inputValue)};this.onInputChange=function(t){var e=t.target.value;var i=p(e,r.getLocale());var n=v(i);var a=m(r.getLocale(),i);r.nativeInput.value=a;r.updateValue(n);r.updatePointerDates()};this.onClickDateCell=function(t){if(!t.isDisabled){r.select(t.dateString)}};this.onInputKeyUp=function(t){if(y(t)&&!r.triggerIcon){if(r.isPopoverOpen){r.close()}else{r.open()}}if(_(t)&&!r.triggerIcon){var e=p(r.nativeInput.value,r.getLocale());var i=v(e);if(r.isPopoverOpen){if(r.value===i){r.close()}}}};this.onInputKeyDown=function(t){var e=k(r.getLocale());var i=__spreadArray(__spreadArray(__spreadArray([],D,true),[e],false),I,true);if(!A(t)&&i.indexOf(t.key)<0){t.preventDefault();t.stopPropagation()}if(t.key==="Tab"){r.close()}};this.onMonthSelect=function(t){var e=t.target.value;r.pointerDate=Object.assign(Object.assign({},r.pointerDate),{day:1,month:parseInt(e,10)})};this.onYearSelect=function(t){var e=t.target.value;var i=parseInt(e,10);var n=undefined;if(r.defaultDate){var a=p(r.defaultDate);if(r.max){var s=p(r.max);if(a.getMonth()>s.getMonth()){n=s.getMonth()}}if(r.min){var o=p(r.min);if(a.getMonth()<o.getMonth()){n=o.getMonth()}}}r.pointerDate={day:1,year:i,month:n!==undefined?n:r.pointerDate.month}};this.onInputFocus=function(t){return T(r,t)};this.onInputBlur=function(t){E(t);r.focused=false;r.fireBlur(t)};this.fireBlur=function(t){if(!r.isPopoverOpen&&!r.focused){c((function(){return r.balBlur.emit(t)}))}};this.handleClick=function(t){return z(r,t)};this.language=L.language;this.region=L.region;this.isMobile=Y.isMobile;this.focused=false;this.isPopoverOpen=false;this.selectedDate="";this.pointerDate={year:j(w()),month:O(w()),day:x(w())};this.ariaForm=K;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.loading=false;this.placeholder=undefined;this.min=undefined;this.max=undefined;this.closeOnSelect=true;this.triggerIcon=false;this.minYearProp=undefined;this.maxYearProp=undefined;this.debounce=0;this.defaultDate=undefined;this.value=undefined;this.allowedDates=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.valueChanged=function(){this.selectedDate=this.value;this.updatePointerDates()};t.prototype.listenOnClick=function(t){B(this,t)};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){if(e.initialValue){e.nativeInput.value=m(e.getLocale(),p(e.initialValue))}else{e.nativeInput.value=""}e.selectedDate=e.initialValue;e.updateValue(e.initialValue,false);e.updatePointerDates()}),0)}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"]);this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value,false)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.present()}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.dismiss()}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:this.nativeInput.value=m(this.getLocale(),p(t));this.updateValue(t);this.updatePointerDates();if(!this.closeOnSelect)return[3,2];return[4,(e=this.popoverElement)===null||e===void 0?void 0:e.toggle()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){P(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){q(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.updatePointerDates=function(){var t=w();t.setDate(1);if(this.selectedDate){t=p(this.selectedDate)}else{if(this.defaultDate){t=p(this.defaultDate)}}if(this.min){var e=p(this.min);if(e&&t<e){t=e}}if(this.max){var i=p(this.max);if(i&&t>i){t=i}}this.pointerDate={year:j(t),month:O(t),day:x(t)}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(!g(t)){this.selectedDate=undefined;this.value=undefined;if(this.nativeInput){this.nativeInput.value=""}}if(this.value!==t){this.value=t;if(e&&(this.isDateInRange(p(this.value))||this.value==="")){this.balChange.emit(this.value)}}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.min){return parseInt(this.min.substring(0,4),10)}return this.minYearProp?this.minYearProp:j(ot(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.max){return parseInt(this.max.substring(0,4),10)}return this.maxYearProp?this.maxYearProp:j(Z(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"years",{get:function(){var t=this;var e=Array.from({length:this.maxYear-this.minYear+1},(function(e,i){return t.minYear+i}));if(this.min&&this.pointerDate.month===O(p(this.min))){var i=j(p(this.min));e=e.filter((function(t){return t>=i}))}if(this.max&&this.pointerDate.month===O(p(this.max))){var r=j(p(this.max));e=e.filter((function(t){return t<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"months",{get:function(){var t=N[this.language].monthsShort;var e=t.map((function(t,e){return{name:t,index:e}}));if(this.min&&this.pointerDate.year===j(p(this.min))){var i=parseInt(this.min.substring(5,7),10)-1;e=e.filter((function(t){return t.index>=i}))}if(this.max&&this.pointerDate.year===j(p(this.max))){var r=parseInt(this.max.substring(5,7),10)-1;e=e.filter((function(t){return t.index<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"weekDays",{get:function(){var t=__spreadArray([],N[this.language].weekdaysMin,true);t.push(t.shift()||"");return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstDateOfBox",{get:function(){var t=new Date(this.pointerDate.year,this.pointerDate.month,1);return V(t,{weekStartsOn:1})},enumerable:false,configurable:true});t.prototype.getLocale=function(){var t=U();return t&&t.locale||R};Object.defineProperty(t.prototype,"calendarGrid",{get:function(){var t=this.firstDateOfBox;var e=this.firstDateOfBox;var i=[];do{var r=[];do{r=__spreadArray(__spreadArray([],r,true),[{date:new Date(e),display:m(this.getLocale(),e),dateString:v(e),label:x(e).toString(),isToday:$(e,w()),isSelected:p(this.selectedDate)!==undefined&&$(e,p(this.selectedDate)),isDisabled:!this.getAllowedDates(e)||!this.isDateInRange(e),isOutdated:this.pointerDate.month!==e.getMonth()||!this.isDateInRange(e)}],false);e.setDate(e.getDate()+1)}while(rt(e,t,{weekStartsOn:1}));i=__spreadArray(__spreadArray([],i,true),[r],false);t.setDate(t.getDate()+7)}while(nt(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),e));return i},enumerable:false,configurable:true});t.prototype.getAllowedDates=function(t){if(C(this.allowedDates)){return true}return this.allowedDates(v(t))};t.prototype.formatDate=function(t){var e=k(this.getLocale());var i=t.length;var r=t.charAt(i-1);var n=t.charAt(i-2);if(r===e){if(i===1||n===e||t.split(e).filter((function(t){return t.length>0})).length>=3){return t.substring(0,i-1)}}if(i===5){if(t.split(e)[0].split("").length===1&&n!==e&&r!==e){return t.substring(0,i-1)+e+t.substring(i-1,i)}}if(i===3||i===6){if(r!==e&&n!==e&&t.split(e).length<=2){return t.substring(0,i-1)+e+t.substring(i-1,i)}}return t};t.prototype.render=function(){var t=this;var e=M.block("datepicker");var i=e.element("native");var a=e.element("popup");var s=a.element("body");var o=a.element("footer");return r(n,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},r("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),r("bal-popover",{onBalChange:this.onPopoverChange,ref:function(e){return t.popoverElement=e}},this.renderInput(),r("bal-popover-content",{spaceless:true,contentMinWidth:392},r("div",{class:Object.assign({},a.class())},this.renderHeader(),r("div",{class:Object.assign({},s.class())},this.renderGrid()),r("div",{class:Object.assign({},o.class())},r("slot",null))))))};t.prototype.renderInput=function(){var t=this;return r("div",{"bal-popover-trigger":true,class:"control"},r("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},r("input",Object.assign({class:{input:true,"data-test-input":true,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:m(this.getLocale(),p(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:function(e){return t.onInputKeyDown(e)},onKeyUp:function(e){return t.onInputKeyUp(e)},onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),!this.loading?r("bal-icon",{class:{"datepicker-trigger-icon":true,"is-clickable":!this.disabled&&!this.readonly},"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick}):""))};t.prototype.renderGrid=function(){var t=this;var e=M.block("datepicker-grid");var i=e.element("row");var n=e.element("cell");return r("div",null,this.renderWeekDayHeader(),r("div",{class:Object.assign({},e.class())},this.calendarGrid.map((function(e,a){return r("div",{key:a,class:Object.assign({},i.class())},e.map((function(e){return r("button",{key:e.dateString,type:"button","data-date":e.dateString,onClick:function(){return t.onClickDateCell(e)},disabled:e.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),{button:true,"is-text":!e.isDisabled&&!e.isSelected,"is-primary":e.isSelected&&e.isSelected,"is-disabled":e.isDisabled||e.isOutdated}),n.modifier("today").class(e.isToday)),n.modifier("selectable").class(!e.isDisabled&&!e.isOutdated)),n.modifier("disabled").class(e.isDisabled||e.isOutdated)),n.modifier("outdated").class(e.isOutdated)),n.modifier("selected").class(e.isSelected))},r("span",null,e.label))})))}))))};t.prototype.renderWeekDayHeader=function(){var t=M.block("datepicker-grid");var e=t.element("header");var i=t.element("cell");return r("header",{class:Object.assign({},e.class())},this.weekDays.map((function(t){return r("div",{key:t,class:Object.assign(Object.assign({},i.class()),i.modifier("header").class())},r("span",null,t))})))};t.prototype.renderHeader=function(){var t=this;var e=M.block("datepicker-pagination");var i=e.element("inner");var n=e.element("month-and-year");var a=n.element("select");return r("header",{class:Object.assign({},e.class())},r("div",{class:Object.assign({},i.class())},r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:function(){return t.previousMonth()}}),r("div",{class:Object.assign({},n.class())},r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("month").class())},r("div",{class:"select"},r("select",{onInput:this.onMonthSelect},this.months.map((function(e){return r("option",{key:e.index,value:e.index,selected:t.pointerDate.month===e.index},e.name)}))))),r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("year").class())},r("div",{class:"select"},r("select",{onInput:this.onYearSelect},this.years.map((function(e){return r("option",{key:e,value:e,selected:t.pointerDate.year===e},e)})))))),r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:function(){return t.nextMonth()}})))};t.prototype.previousMonth=function(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&this.pointerDate.month===0){return}this.pointerDate=this.calcPreviousMonth()}};t.prototype.nextMonth=function(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&this.pointerDate.month===11){return}this.pointerDate=this.calcNextMonth()}};t.prototype.calcPreviousMonth=function(){if(this.pointerDate.month===0){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1,month:11,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month-1,day:1})}};t.prototype.calcNextMonth=function(){if(this.pointerDate.month===11){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1,month:0,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month+1,day:1})}};t.prototype.lastDayOfMonth=function(t,e){var i=new Date(t,e+1,0);return x(i)};Object.defineProperty(t.prototype,"isPreviousMonthDisabled",{get:function(){if(this.min){var t=p(this.min);var e=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);var i=new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,e);return it(i,st(t,1))}return false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isNextMonthDisabled",{get:function(){if(this.max){var t=p(this.max);var e=new Date(this.calcNextMonth().year,this.calcNextMonth().month,1);return et(e,tt(t)?t:J(t,1))}return false},enumerable:false,configurable:true});t.prototype.isDateInRange=function(t){var e=p(v(t));if(this.min&&this.max&&this.max>this.min){return at(e,{start:p(this.min),end:p(this.max)})}if(this.min){return et(e,p(this.min))||$(e,p(this.min))}if(this.max){return it(e,J(p(this.max),1))||$(e,p(this.max))}return true};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());s([G("bal-datepicker"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],lt.prototype,"createLogger",null);s([W(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],lt.prototype,"breakpointListener",null);s([H(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],lt.prototype,"configChanged",null);var dt=0;lt.style=ut}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(r.next(t))}catch(t){a(t)}}function o(t){try{c(r["throw"](t))}catch(t){a(t)}}function c(t){t.done?i(t.value):n(t.value).then(s,o)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return c([t,e])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var r=0,n=e.length,a;r<n;r++){if(a||!(r in e)){if(!a)a=Array.prototype.slice.call(e,0,r);a[r]=e[r]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-a7fc2da7.system.js","./p-d2ee9b0a.system.js","./p-b79d8942.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-6e5745c8.system.js","./p-bb6304d0.system.js","./p-2701880d.system.js","./p-145d5c4e.system.js","./p-23b19918.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-5c0e12bf.system.js"],(function(t){"use strict";var e,i,r,n,a,s,o,c,u,l,d,h,f,b,p,v,g,m,y,_,k,j,w,O,x,C,D,I,A,N,S,F,T,z,B,P,q,E,M,G,K,L,R,Y,U,W,H;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;a=t.g},function(t){s=t._;o=t.a},function(t){c=t.k;u=t.m},function(t){l=t.i},function(t){d=t.r;h=t.t;f=t.b;b=t.g;p=t.p;v=t.f;g=t.i;m=t.c;y=t.e;_=t.h;k=t.d;j=t.j;w=t.n;O=t.k;x=t.m},function(t){C=t.l},function(t){D=t.N;I=t.A;A=t.i},function(t){N=t.i},function(t){S=t.s;F=t.g;T=t.i;z=t.a;B=t.b;P=t.c;q=t.d},function(t){E=t.p},function(t){M=t.B},function(t){G=t.L},function(t){K=t.d},function(t){L=t.d;R=t.a},function(t){Y=t.b},function(t){U=t.g},function(t){W=t.L},function(t){H=t.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function J(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}i.setDate(i.getDate()+r);return i}function Q(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}var n=i.getDate();var a=new Date(i.getTime());a.setMonth(i.getMonth()+r+1,0);var s=a.getDate();if(n>=s){return a}else{i.setFullYear(a.getFullYear(),a.getMonth(),n);return i}}function V(t,e){var i,r,n,a,s,o,c,u;d(1,arguments);var l=b();var p=f((i=(r=(n=(a=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&a!==void 0?a:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(o=s.options)===null||o===void 0?void 0:o.weekStartsOn)!==null&&n!==void 0?n:l.weekStartsOn)!==null&&r!==void 0?r:(c=l.locale)===null||c===void 0?void 0:(u=c.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&i!==void 0?i:0);if(!(p>=0&&p<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var v=h(t);var g=v.getDay();var m=(g<p?7:0)+g-p;v.setDate(v.getDate()-m);v.setHours(0,0,0,0);return v}function X(t){d(1,arguments);var e=h(t);e.setHours(0,0,0,0);return e}function Z(t,e){d(2,arguments);var i=f(e);return Q(t,i*12)}function $(t,e){d(2,arguments);var i=X(t);var r=X(e);return i.getTime()===r.getTime()}function tt(t){d(1,arguments);var e=h(t);var i=e.getMonth();e.setFullYear(e.getFullYear(),i+1,0);e.setHours(0,0,0,0);return e}function et(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()>r.getTime()}function it(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()<r.getTime()}function rt(t,e,i){d(2,arguments);var r=V(t,i);var n=V(e,i);return r.getTime()===n.getTime()}function nt(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getFullYear()===r.getFullYear()&&i.getMonth()===r.getMonth()}function at(t,e){d(2,arguments);var i=h(t).getTime();var r=h(e.start).getTime();var n=h(e.end).getTime();if(!(r<=n)){throw new RangeError("Invalid interval")}return i>=r&&i<=n}function st(t,e){d(2,arguments);var i=f(e);return J(t,-i)}function ot(t,e){d(2,arguments);var i=f(e);return Z(t,-i)}var ct=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';var ut=ct;var lt=t("bal_datepicker",function(){function t(t){var r=this;e(this,t);this.balChange=i(this,"balChange",7);this.balInput=i(this,"balInput",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balInputClick=i(this,"balInputClick",7);this.balIconClick=i(this,"balIconClick",7);this.inputId="bal-dp-".concat(dt++);this.inheritedAttributes={};this.inputValue=this.value;this.onIconClick=function(t){if(!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);r.balIconClick.emit(t)};this.onInputClick=function(t){if(!r.triggerIcon&&!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);if(!r.triggerIcon){r.balInputClick.emit(t)}};this.onPopoverChange=function(t){S(t);if(r.isPopoverOpen!==t.detail){r.isPopoverOpen=t.detail;r.fireBlur(t)}};this.onInput=function(t){var e=F(t);if(e){r.inputValue=e.value;if(e.value){r.nativeInput.value=r.formatDate(r.inputValue)}if(r.inputValue&&r.inputValue.length>=6){var i=p(r.inputValue,r.getLocale());var n=v(i);if(g(n)){r.selectedDate=n;r.updatePointerDates()}}}r.balInput.emit(r.inputValue)};this.onInputChange=function(t){var e=t.target.value;var i=p(e,r.getLocale());var n=v(i);var a=m(r.getLocale(),i);r.nativeInput.value=a;r.updateValue(n);r.updatePointerDates()};this.onClickDateCell=function(t){if(!t.isDisabled){r.select(t.dateString)}};this.onInputKeyUp=function(t){if(y(t)&&!r.triggerIcon){if(r.isPopoverOpen){r.close()}else{r.open()}}if(_(t)&&!r.triggerIcon){var e=p(r.nativeInput.value,r.getLocale());var i=v(e);if(r.isPopoverOpen){if(r.value===i){r.close()}}}};this.onInputKeyDown=function(t){var e=k(r.getLocale());var i=__spreadArray(__spreadArray(__spreadArray([],D,true),[e],false),I,true);if(!A(t)&&i.indexOf(t.key)<0){t.preventDefault();t.stopPropagation()}if(t.key==="Tab"){r.close()}};this.onMonthSelect=function(t){var e=t.target.value;r.pointerDate=Object.assign(Object.assign({},r.pointerDate),{day:1,month:parseInt(e,10)})};this.onYearSelect=function(t){var e=t.target.value;var i=parseInt(e,10);var n=undefined;if(r.defaultDate){var a=p(r.defaultDate);if(r.max){var s=p(r.max);if(a.getMonth()>s.getMonth()){n=s.getMonth()}}if(r.min){var o=p(r.min);if(a.getMonth()<o.getMonth()){n=o.getMonth()}}}r.pointerDate={day:1,year:i,month:n!==undefined?n:r.pointerDate.month}};this.onInputFocus=function(t){return T(r,t)};this.onInputBlur=function(t){E(t);r.focused=false;r.fireBlur(t)};this.fireBlur=function(t){if(!r.isPopoverOpen&&!r.focused){c((function(){return r.balBlur.emit(t)}))}};this.handleClick=function(t){return z(r,t)};this.language=L.language;this.region=L.region;this.isMobile=Y.isMobile;this.focused=false;this.isPopoverOpen=false;this.selectedDate="";this.pointerDate={year:j(w()),month:O(w()),day:x(w())};this.ariaForm=K;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.loading=false;this.placeholder=undefined;this.min=undefined;this.max=undefined;this.closeOnSelect=true;this.triggerIcon=false;this.minYearProp=undefined;this.maxYearProp=undefined;this.debounce=0;this.defaultDate=undefined;this.value=undefined;this.allowedDates=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.valueChanged=function(){this.selectedDate=this.value;this.updatePointerDates()};t.prototype.listenOnClick=function(t){B(this,t)};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){if(e.initialValue){e.nativeInput.value=m(e.getLocale(),p(e.initialValue))}else{e.nativeInput.value=""}e.selectedDate=e.initialValue;e.updateValue(e.initialValue,false);e.updatePointerDates()}),0)}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"]);this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value,false)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.present()}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.dismiss()}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:this.nativeInput.value=m(this.getLocale(),p(t));this.updateValue(t);this.updatePointerDates();if(!this.closeOnSelect)return[3,2];return[4,(e=this.popoverElement)===null||e===void 0?void 0:e.toggle()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){P(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){q(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.updatePointerDates=function(){var t=w();t.setDate(1);if(this.selectedDate){t=p(this.selectedDate)}else{if(this.defaultDate){t=p(this.defaultDate)}}if(this.min){var e=p(this.min);if(e&&t<e){t=e}}if(this.max){var i=p(this.max);if(i&&t>i){t=i}}this.pointerDate={year:j(t),month:O(t),day:x(t)}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(!g(t)){this.selectedDate=undefined;this.value=undefined;if(this.nativeInput){this.nativeInput.value=""}}if(this.value!==t){this.value=t;if(e&&(this.isDateInRange(p(this.value))||this.value==="")){this.balChange.emit(this.value)}}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.min){return parseInt(this.min.substring(0,4),10)}return this.minYearProp?this.minYearProp:j(ot(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.max){return parseInt(this.max.substring(0,4),10)}return this.maxYearProp?this.maxYearProp:j(Z(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"years",{get:function(){var t=this;var e=Array.from({length:this.maxYear-this.minYear+1},(function(e,i){return t.minYear+i}));if(this.min&&this.pointerDate.month===O(p(this.min))){var i=j(p(this.min));e=e.filter((function(t){return t>=i}))}if(this.max&&this.pointerDate.month===O(p(this.max))){var r=j(p(this.max));e=e.filter((function(t){return t<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"months",{get:function(){var t=N[this.language].monthsShort;var e=t.map((function(t,e){return{name:t,index:e}}));if(this.min&&this.pointerDate.year===j(p(this.min))){var i=parseInt(this.min.substring(5,7),10)-1;e=e.filter((function(t){return t.index>=i}))}if(this.max&&this.pointerDate.year===j(p(this.max))){var r=parseInt(this.max.substring(5,7),10)-1;e=e.filter((function(t){return t.index<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"weekDays",{get:function(){var t=__spreadArray([],N[this.language].weekdaysMin,true);t.push(t.shift()||"");return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstDateOfBox",{get:function(){var t=new Date(this.pointerDate.year,this.pointerDate.month,1);return V(t,{weekStartsOn:1})},enumerable:false,configurable:true});t.prototype.getLocale=function(){var t=U();return t&&t.locale||R};Object.defineProperty(t.prototype,"calendarGrid",{get:function(){var t=this.firstDateOfBox;var e=this.firstDateOfBox;var i=[];do{var r=[];do{r=__spreadArray(__spreadArray([],r,true),[{date:new Date(e),display:m(this.getLocale(),e),dateString:v(e),label:x(e).toString(),isToday:$(e,w()),isSelected:p(this.selectedDate)!==undefined&&$(e,p(this.selectedDate)),isDisabled:!this.getAllowedDates(e)||!this.isDateInRange(e),isOutdated:this.pointerDate.month!==e.getMonth()||!this.isDateInRange(e)}],false);e.setDate(e.getDate()+1)}while(rt(e,t,{weekStartsOn:1}));i=__spreadArray(__spreadArray([],i,true),[r],false);t.setDate(t.getDate()+7)}while(nt(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),e));return i},enumerable:false,configurable:true});t.prototype.getAllowedDates=function(t){if(C(this.allowedDates)){return true}return this.allowedDates(v(t))};t.prototype.formatDate=function(t){var e=k(this.getLocale());var i=t.length;var r=t.charAt(i-1);var n=t.charAt(i-2);if(r===e){if(i===1||n===e||t.split(e).filter((function(t){return t.length>0})).length>=3){return t.substring(0,i-1)}}if(i===5){if(t.split(e)[0].split("").length===1&&n!==e&&r!==e){return t.substring(0,i-1)+e+t.substring(i-1,i)}}if(i===3||i===6){if(r!==e&&n!==e&&t.split(e).length<=2){return t.substring(0,i-1)+e+t.substring(i-1,i)}}return t};t.prototype.render=function(){var t=this;var e=M.block("datepicker");var i=e.element("native");var a=e.element("popup");var s=a.element("body");var o=a.element("footer");return r(n,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},r("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),r("bal-popover",{onBalChange:this.onPopoverChange,ref:function(e){return t.popoverElement=e}},this.renderInput(),r("bal-popover-content",{spaceless:true,contentMinWidth:392},r("div",{class:Object.assign({},a.class())},this.renderHeader(),r("div",{class:Object.assign({},s.class())},this.renderGrid()),r("div",{class:Object.assign({},o.class())},r("slot",null))))))};t.prototype.renderInput=function(){var t=this;return r("div",{"bal-popover-trigger":true,class:"control"},r("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},r("input",Object.assign({class:{input:true,"data-test-input":true,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:m(this.getLocale(),p(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:function(e){return t.onInputKeyDown(e)},onKeyUp:function(e){return t.onInputKeyUp(e)},onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),!this.loading?r("bal-icon",{class:{"datepicker-trigger-icon":true,"is-clickable":!this.disabled&&!this.readonly},"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick}):""))};t.prototype.renderGrid=function(){var t=this;var e=M.block("datepicker-grid");var i=e.element("row");var n=e.element("cell");return r("div",null,this.renderWeekDayHeader(),r("div",{class:Object.assign({},e.class())},this.calendarGrid.map((function(e,a){return r("div",{key:a,class:Object.assign({},i.class())},e.map((function(e){return r("button",{key:e.dateString,type:"button","data-date":e.dateString,onClick:function(){return t.onClickDateCell(e)},disabled:e.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),{button:true,"is-text":!e.isDisabled&&!e.isSelected,"is-primary":e.isSelected&&e.isSelected,"is-disabled":e.isDisabled||e.isOutdated}),n.modifier("today").class(e.isToday)),n.modifier("selectable").class(!e.isDisabled&&!e.isOutdated)),n.modifier("disabled").class(e.isDisabled||e.isOutdated)),n.modifier("outdated").class(e.isOutdated)),n.modifier("selected").class(e.isSelected))},r("span",null,e.label))})))}))))};t.prototype.renderWeekDayHeader=function(){var t=M.block("datepicker-grid");var e=t.element("header");var i=t.element("cell");return r("header",{class:Object.assign({},e.class())},this.weekDays.map((function(t){return r("div",{key:t,class:Object.assign(Object.assign({},i.class()),i.modifier("header").class())},r("span",null,t))})))};t.prototype.renderHeader=function(){var t=this;var e=M.block("datepicker-pagination");var i=e.element("inner");var n=e.element("month-and-year");var a=n.element("select");return r("header",{class:Object.assign({},e.class())},r("div",{class:Object.assign({},i.class())},r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:function(){return t.previousMonth()}}),r("div",{class:Object.assign({},n.class())},r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("month").class())},r("div",{class:"select"},r("select",{onInput:this.onMonthSelect},this.months.map((function(e){return r("option",{key:e.index,value:e.index,selected:t.pointerDate.month===e.index},e.name)}))))),r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("year").class())},r("div",{class:"select"},r("select",{onInput:this.onYearSelect},this.years.map((function(e){return r("option",{key:e,value:e,selected:t.pointerDate.year===e},e)})))))),r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:function(){return t.nextMonth()}})))};t.prototype.previousMonth=function(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&this.pointerDate.month===0){return}this.pointerDate=this.calcPreviousMonth()}};t.prototype.nextMonth=function(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&this.pointerDate.month===11){return}this.pointerDate=this.calcNextMonth()}};t.prototype.calcPreviousMonth=function(){if(this.pointerDate.month===0){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1,month:11,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month-1,day:1})}};t.prototype.calcNextMonth=function(){if(this.pointerDate.month===11){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1,month:0,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month+1,day:1})}};t.prototype.lastDayOfMonth=function(t,e){var i=new Date(t,e+1,0);return x(i)};Object.defineProperty(t.prototype,"isPreviousMonthDisabled",{get:function(){if(this.min){var t=p(this.min);var e=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);var i=new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,e);return it(i,st(t,1))}return false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isNextMonthDisabled",{get:function(){if(this.max){var t=p(this.max);var e=new Date(this.calcNextMonth().year,this.calcNextMonth().month,1);return et(e,tt(t)?t:J(t,1))}return false},enumerable:false,configurable:true});t.prototype.isDateInRange=function(t){var e=p(v(t));if(this.min&&this.max&&this.max>this.min){return at(e,{start:p(this.min),end:p(this.max)})}if(this.min){return et(e,p(this.min))||$(e,p(this.min))}if(this.max){return it(e,J(p(this.max),1))||$(e,p(this.max))}return true};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());s([G("bal-datepicker"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],lt.prototype,"createLogger",null);s([W(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],lt.prototype,"breakpointListener",null);s([H(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],lt.prototype,"configChanged",null);var dt=0;lt.style=ut}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as a}from"./p-d7c752c6.js";import{_ as r,a as n}from"./p-43c9f5e9.js";import{k as h,m as l}from"./p-88f18fbc.js";import{i as o}from"./p-dd5e13d1.js";import{r as d,t as c,b as p,g as b,p as u,f as m,i as g,c as f,e as k,h as v,d as y,j as _,n as j,k as w,m as x}from"./p-94efe2aa.js";import{l as O}from"./p-9a3d9e17.js";import{N as D,A as C,i as I}from"./p-ec1efe3d.js";import{i as N}from"./p-ce37dba1.js";import{s as L,g as F,i as M,a as B,b as P,c as S,d as z}from"./p-ad9a7657.js";import{p as A}from"./p-c0c91eb1.js";import{B as H}from"./p-ae86d0a0.js";import{L as T}from"./p-b77e3348.js";import{d as q}from"./p-f385e205.js";import{d as E,a as R}from"./p-a19d1e1d.js";import{b as W}from"./p-ffbe2886.js";import{g as G}from"./p-aafb6696.js";import{L as K}from"./p-192bade4.js";import{L as Y}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-b1f86100.js";function U(t,i){d(2,arguments);var e=c(t),s=p(i);return isNaN(s)?new Date(NaN):s?(e.setDate(e.getDate()+s),e):e}function V(t,i){var e,s,a,r,n,h,l,o;d(1,arguments);var u=b(),m=p(null!==(e=null!==(s=null!==(a=null!==(r=null==i?void 0:i.weekStartsOn)&&void 0!==r?r:null==i||null===(n=i.locale)||void 0===n||null===(h=n.options)||void 0===h?void 0:h.weekStartsOn)&&void 0!==a?a:u.weekStartsOn)&&void 0!==s?s:null===(l=u.locale)||void 0===l||null===(o=l.options)||void 0===o?void 0:o.weekStartsOn)&&void 0!==e?e:0);if(!(m>=0&&m<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var g=c(t),f=g.getDay(),k=(f<m?7:0)+f-m;return g.setDate(g.getDate()-k),g.setHours(0,0,0,0),g}function J(t){d(1,arguments);var i=c(t);return i.setHours(0,0,0,0),i}function Q(t,i){return d(2,arguments),function(t,i){d(2,arguments);var e=c(t),s=p(i);if(isNaN(s))return new Date(NaN);if(!s)return e;var a=e.getDate(),r=new Date(e.getTime());return r.setMonth(e.getMonth()+s+1,0),a>=r.getDate()?r:(e.setFullYear(r.getFullYear(),r.getMonth(),a),e)}(t,12*p(i))}function X(t,i){d(2,arguments);var e=J(t),s=J(i);return e.getTime()===s.getTime()}function Z(t,i){d(2,arguments);var e=c(t),s=c(i);return e.getTime()>s.getTime()}function $(t,i){d(2,arguments);var e=c(t),s=c(i);return e.getTime()<s.getTime()}function tt(t,i,e){d(2,arguments);var s=V(t,e),a=V(i,e);return s.getTime()===a.getTime()}function it(t,i){d(2,arguments);var e=c(t),s=c(i);return e.getFullYear()===s.getFullYear()&&e.getMonth()===s.getMonth()}const et=class{constructor(e){t(this,e),this.balChange=i(this,"balChange",7),this.balInput=i(this,"balInput",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.inputId="bal-dp-"+st++,this.inheritedAttributes={},this.inputValue=this.value,this.onIconClick=t=>{this.disabled||this.readonly||this.popoverElement.toggle(),L(t),this.balIconClick.emit(t)},this.onInputClick=t=>{this.triggerIcon||this.disabled||this.readonly||this.popoverElement.toggle(),L(t),this.triggerIcon||this.balInputClick.emit(t)},this.onPopoverChange=t=>{L(t),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.fireBlur(t))},this.onInput=t=>{const i=F(t);if(i&&(this.inputValue=i.value,i.value&&(this.nativeInput.value=this.formatDate(this.inputValue)),this.inputValue&&this.inputValue.length>=6)){const t=u(this.inputValue,this.getLocale()),i=m(t);g(i)&&(this.selectedDate=i,this.updatePointerDates())}this.balInput.emit(this.inputValue)},this.onInputChange=t=>{const i=u(t.target.value,this.getLocale()),e=m(i),s=f(this.getLocale(),i);this.nativeInput.value=s,this.updateValue(e),this.updatePointerDates()},this.onClickDateCell=t=>{t.isDisabled||this.select(t.dateString)},this.onInputKeyUp=t=>{if(k(t)&&!this.triggerIcon&&(this.isPopoverOpen?this.close():this.open()),v(t)&&!this.triggerIcon){const t=u(this.nativeInput.value,this.getLocale()),i=m(t);this.isPopoverOpen&&this.value===i&&this.close()}},this.onInputKeyDown=t=>{const i=y(this.getLocale()),e=[...D,i,...C];!I(t)&&e.indexOf(t.key)<0&&(t.preventDefault(),t.stopPropagation()),"Tab"===t.key&&this.close()},this.onMonthSelect=t=>{const i=t.target.value;this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{day:1,month:parseInt(i,10)})},this.onYearSelect=t=>{const i=parseInt(t.target.value,10);let e;if(this.defaultDate){const t=u(this.defaultDate);if(this.max){const i=u(this.max);t.getMonth()>i.getMonth()&&(e=i.getMonth())}if(this.min){const i=u(this.min);t.getMonth()<i.getMonth()&&(e=i.getMonth())}}this.pointerDate={day:1,year:i,month:void 0!==e?e:this.pointerDate.month}},this.onInputFocus=t=>M(this,t),this.onInputBlur=t=>{A(t),this.focused=!1,this.fireBlur(t)},this.fireBlur=t=>{this.isPopoverOpen||this.focused||h((()=>this.balBlur.emit(t)))},this.handleClick=t=>B(this,t),this.language=E.language,this.region=E.region,this.isMobile=W.isMobile,this.focused=!1,this.isPopoverOpen=!1,this.selectedDate="",this.pointerDate={year:_(j()),month:w(j()),day:x(j())},this.ariaForm=q,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.loading=!1,this.placeholder=void 0,this.min=void 0,this.max=void 0,this.closeOnSelect=!0,this.triggerIcon=!1,this.minYearProp=void 0,this.maxYearProp=void 0,this.debounce=0,this.defaultDate=void 0,this.value=void 0,this.allowedDates=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=l(this.balChange,this.debounce)}valueChanged(){this.selectedDate=this.value,this.updatePointerDates()}listenOnClick(t){P(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput.value=this.initialValue?f(this.getLocale(),u(this.initialValue)):"",this.selectedDate=this.initialValue,this.updateValue(this.initialValue,!1),this.updatePointerDates()}),0))}breakpointListener(t){this.isMobile=t.mobile}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title"]),this.selectedDate=this.value,this.updatePointerDates(),this.updateValue(this.value,!1)}async configChanged(t){this.language=t.language,this.region=t.region}async open(){!this.disabled&&this.popoverElement&&this.popoverElement.present()}async close(){!this.disabled&&this.popoverElement&&this.popoverElement.dismiss()}async select(t){var i;this.nativeInput.value=f(this.getLocale(),u(t)),this.updateValue(t),this.updatePointerDates(),this.closeOnSelect&&await(null===(i=this.popoverElement)||void 0===i?void 0:i.toggle())}async setFocus(){S(this)}async setBlur(){z(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}updatePointerDates(){let t=j();if(t.setDate(1),this.selectedDate?t=u(this.selectedDate):this.defaultDate&&(t=u(this.defaultDate)),this.min){const i=u(this.min);i&&t<i&&(t=i)}if(this.max){const i=u(this.max);i&&t>i&&(t=i)}this.pointerDate={year:_(t),month:w(t),day:x(t)}}updateValue(t,i=!0){g(t)||(this.selectedDate=void 0,this.value=void 0,this.nativeInput&&(this.nativeInput.value="")),this.value!==t&&(this.value=t,i&&(this.isDateInRange(u(this.value))||""===this.value)&&this.balChange.emit(this.value))}get minYear(){return this.min?parseInt(this.min.substring(0,4),10):this.minYearProp?this.minYearProp:_(function(t,i){return d(2,arguments),Q(t,-p(i))}(j(),100))}get maxYear(){return this.max?parseInt(this.max.substring(0,4),10):this.maxYearProp?this.maxYearProp:_(Q(j(),100))}get years(){let t=Array.from({length:this.maxYear-this.minYear+1},((t,i)=>this.minYear+i));if(this.min&&this.pointerDate.month===w(u(this.min))){const i=_(u(this.min));t=t.filter((t=>t>=i))}if(this.max&&this.pointerDate.month===w(u(this.max))){const i=_(u(this.max));t=t.filter((t=>t<=i))}return t}get months(){let t=N[this.language].monthsShort.map(((t,i)=>({name:t,index:i})));if(this.min&&this.pointerDate.year===_(u(this.min))){const i=parseInt(this.min.substring(5,7),10)-1;t=t.filter((t=>t.index>=i))}if(this.max&&this.pointerDate.year===_(u(this.max))){const i=parseInt(this.max.substring(5,7),10)-1;t=t.filter((t=>t.index<=i))}return t}get weekDays(){const t=[...N[this.language].weekdaysMin];return t.push(t.shift()||""),t}get firstDateOfBox(){return V(new Date(this.pointerDate.year,this.pointerDate.month,1),{weekStartsOn:1})}getLocale(){const t=G();return t&&t.locale||R}get calendarGrid(){const t=this.firstDateOfBox,i=this.firstDateOfBox;let e=[];do{let s=[];do{s=[...s,{date:new Date(i),display:f(this.getLocale(),i),dateString:m(i),label:x(i).toString(),isToday:X(i,j()),isSelected:void 0!==u(this.selectedDate)&&X(i,u(this.selectedDate)),isDisabled:!this.getAllowedDates(i)||!this.isDateInRange(i),isOutdated:this.pointerDate.month!==i.getMonth()||!this.isDateInRange(i)}],i.setDate(i.getDate()+1)}while(tt(i,t,{weekStartsOn:1}));e=[...e,s],t.setDate(t.getDate()+7)}while(it(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),i));return e}getAllowedDates(t){return!!O(this.allowedDates)||this.allowedDates(m(t))}formatDate(t){const i=y(this.getLocale()),e=t.length,s=t.charAt(e-1),a=t.charAt(e-2);return s===i&&(1===e||a===i||t.split(i).filter((t=>t.length>0)).length>=3)?t.substring(0,e-1):5===e&&1===t.split(i)[0].split("").length&&a!==i&&s!==i||(3===e||6===e)&&s!==i&&a!==i&&t.split(i).length<=2?t.substring(0,e-1)+i+t.substring(e-1,e):t}render(){const t=H.block("datepicker"),i=t.element("native"),a=t.element("popup"),r=a.element("body"),n=a.element("footer");return e(s,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},e("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),e("bal-popover",{onBalChange:this.onPopoverChange,ref:t=>this.popoverElement=t},this.renderInput(),e("bal-popover-content",{spaceless:!0,contentMinWidth:392},e("div",{class:Object.assign({},a.class())},this.renderHeader(),e("div",{class:Object.assign({},r.class())},this.renderGrid()),e("div",{class:Object.assign({},n.class())},e("slot",null))))))}renderInput(){return e("div",{"bal-popover-trigger":!0,class:"control"},e("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},e("input",Object.assign({class:{input:!0,"data-test-input":!0,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:f(this.getLocale(),u(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:t=>this.onInputKeyDown(t),onKeyUp:t=>this.onInputKeyUp(t),onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),this.loading?"":e("bal-icon",{class:{"datepicker-trigger-icon":!0,"is-clickable":!this.disabled&&!this.readonly},"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick})))}renderGrid(){const t=H.block("datepicker-grid"),i=t.element("row"),s=t.element("cell");return e("div",null,this.renderWeekDayHeader(),e("div",{class:Object.assign({},t.class())},this.calendarGrid.map(((t,a)=>e("div",{key:a,class:Object.assign({},i.class())},t.map((t=>e("button",{key:t.dateString,type:"button","data-date":t.dateString,onClick:()=>this.onClickDateCell(t),disabled:t.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),{button:!0,"is-text":!t.isDisabled&&!t.isSelected,"is-primary":t.isSelected&&t.isSelected,"is-disabled":t.isDisabled||t.isOutdated}),s.modifier("today").class(t.isToday)),s.modifier("selectable").class(!t.isDisabled&&!t.isOutdated)),s.modifier("disabled").class(t.isDisabled||t.isOutdated)),s.modifier("outdated").class(t.isOutdated)),s.modifier("selected").class(t.isSelected))},e("span",null,t.label)))))))))}renderWeekDayHeader(){const t=H.block("datepicker-grid"),i=t.element("header"),s=t.element("cell");return e("header",{class:Object.assign({},i.class())},this.weekDays.map((t=>e("div",{key:t,class:Object.assign(Object.assign({},s.class()),s.modifier("header").class())},e("span",null,t)))))}renderHeader(){const t=H.block("datepicker-pagination"),i=t.element("inner"),s=t.element("month-and-year"),a=s.element("select");return e("header",{class:Object.assign({},t.class())},e("div",{class:Object.assign({},i.class())},e("bal-button",{square:!0,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:()=>this.previousMonth()}),e("div",{class:Object.assign({},s.class())},e("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("month").class())},e("div",{class:"select"},e("select",{onInput:this.onMonthSelect},this.months.map((t=>e("option",{key:t.index,value:t.index,selected:this.pointerDate.month===t.index},t.name)))))),e("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("year").class())},e("div",{class:"select"},e("select",{onInput:this.onYearSelect},this.years.map((t=>e("option",{key:t,value:t,selected:this.pointerDate.year===t},t))))))),e("bal-button",{square:!0,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:()=>this.nextMonth()})))}previousMonth(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&0===this.pointerDate.month)return;this.pointerDate=this.calcPreviousMonth()}}nextMonth(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&11===this.pointerDate.month)return;this.pointerDate=this.calcNextMonth()}}calcPreviousMonth(){return Object.assign(Object.assign({},this.pointerDate),0===this.pointerDate.month?{year:this.pointerDate.year-1,month:11,day:1}:{month:this.pointerDate.month-1,day:1})}calcNextMonth(){return Object.assign(Object.assign({},this.pointerDate),11===this.pointerDate.month?{year:this.pointerDate.year+1,month:0,day:1}:{month:this.pointerDate.month+1,day:1})}lastDayOfMonth(t,i){const e=new Date(t,i+1,0);return x(e)}get isPreviousMonthDisabled(){if(this.min){const t=u(this.min),i=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);return $(new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,i),function(t,i){return d(2,arguments),U(t,-p(i))}(t,1))}return!1}get isNextMonthDisabled(){if(this.max){const t=u(this.max);return Z(new Date(this.calcNextMonth().year,this.calcNextMonth().month,1),function(t){d(1,arguments);var i=c(t),e=i.getMonth();return i.setFullYear(i.getFullYear(),e+1,0),i.setHours(0,0,0,0),i}(t)?t:U(t,1))}return!1}isDateInRange(t){const i=u(m(t));return this.min&&this.max&&this.max>this.min?function(t,i){d(2,arguments);var e=c(t).getTime(),s=c(i.start).getTime(),a=c(i.end).getTime();if(!(s<=a))throw new RangeError("Invalid interval");return e>=s&&e<=a}(i,{start:u(this.min),end:u(this.max)}):this.min?Z(i,u(this.min))||X(i,u(this.min)):!this.max||$(i,U(u(this.max),1))||X(i,u(this.max))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};r([T("bal-datepicker"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],et.prototype,"createLogger",null),r([K(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],et.prototype,"breakpointListener",null),r([Y(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],et.prototype,"configChanged",null);let st=0;et.style=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';export{et as bal_datepicker}
|
|
1
|
+
import{r as t,c as i,h as e,H as s,g as a}from"./p-d7c752c6.js";import{_ as r,a as n}from"./p-43c9f5e9.js";import{k as h,m as l}from"./p-88f18fbc.js";import{i as o}from"./p-dd5e13d1.js";import{r as d,t as c,b as p,g as b,p as u,f as m,i as g,c as f,e as k,h as v,d as y,j as _,n as j,k as w,m as x}from"./p-94efe2aa.js";import{l as O}from"./p-9a3d9e17.js";import{N as D,A as C,i as I}from"./p-ec1efe3d.js";import{i as N}from"./p-ce37dba1.js";import{s as L,g as F,i as M,a as B,b as P,c as S,d as z}from"./p-ad9a7657.js";import{p as A}from"./p-c0c91eb1.js";import{B as H}from"./p-ae86d0a0.js";import{L as T}from"./p-b77e3348.js";import{d as q}from"./p-f385e205.js";import{d as E,a as R}from"./p-a19d1e1d.js";import{b as W}from"./p-96525499.js";import{g as G}from"./p-aafb6696.js";import{L as K}from"./p-a2bb4c55.js";import{L as Y}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-bbfe0ac3.js";function U(t,i){d(2,arguments);var e=c(t),s=p(i);return isNaN(s)?new Date(NaN):s?(e.setDate(e.getDate()+s),e):e}function V(t,i){var e,s,a,r,n,h,l,o;d(1,arguments);var u=b(),m=p(null!==(e=null!==(s=null!==(a=null!==(r=null==i?void 0:i.weekStartsOn)&&void 0!==r?r:null==i||null===(n=i.locale)||void 0===n||null===(h=n.options)||void 0===h?void 0:h.weekStartsOn)&&void 0!==a?a:u.weekStartsOn)&&void 0!==s?s:null===(l=u.locale)||void 0===l||null===(o=l.options)||void 0===o?void 0:o.weekStartsOn)&&void 0!==e?e:0);if(!(m>=0&&m<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var g=c(t),f=g.getDay(),k=(f<m?7:0)+f-m;return g.setDate(g.getDate()-k),g.setHours(0,0,0,0),g}function J(t){d(1,arguments);var i=c(t);return i.setHours(0,0,0,0),i}function Q(t,i){return d(2,arguments),function(t,i){d(2,arguments);var e=c(t),s=p(i);if(isNaN(s))return new Date(NaN);if(!s)return e;var a=e.getDate(),r=new Date(e.getTime());return r.setMonth(e.getMonth()+s+1,0),a>=r.getDate()?r:(e.setFullYear(r.getFullYear(),r.getMonth(),a),e)}(t,12*p(i))}function X(t,i){d(2,arguments);var e=J(t),s=J(i);return e.getTime()===s.getTime()}function Z(t,i){d(2,arguments);var e=c(t),s=c(i);return e.getTime()>s.getTime()}function $(t,i){d(2,arguments);var e=c(t),s=c(i);return e.getTime()<s.getTime()}function tt(t,i,e){d(2,arguments);var s=V(t,e),a=V(i,e);return s.getTime()===a.getTime()}function it(t,i){d(2,arguments);var e=c(t),s=c(i);return e.getFullYear()===s.getFullYear()&&e.getMonth()===s.getMonth()}const et=class{constructor(e){t(this,e),this.balChange=i(this,"balChange",7),this.balInput=i(this,"balInput",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.inputId="bal-dp-"+st++,this.inheritedAttributes={},this.inputValue=this.value,this.onIconClick=t=>{this.disabled||this.readonly||this.popoverElement.toggle(),L(t),this.balIconClick.emit(t)},this.onInputClick=t=>{this.triggerIcon||this.disabled||this.readonly||this.popoverElement.toggle(),L(t),this.triggerIcon||this.balInputClick.emit(t)},this.onPopoverChange=t=>{L(t),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.fireBlur(t))},this.onInput=t=>{const i=F(t);if(i&&(this.inputValue=i.value,i.value&&(this.nativeInput.value=this.formatDate(this.inputValue)),this.inputValue&&this.inputValue.length>=6)){const t=u(this.inputValue,this.getLocale()),i=m(t);g(i)&&(this.selectedDate=i,this.updatePointerDates())}this.balInput.emit(this.inputValue)},this.onInputChange=t=>{const i=u(t.target.value,this.getLocale()),e=m(i),s=f(this.getLocale(),i);this.nativeInput.value=s,this.updateValue(e),this.updatePointerDates()},this.onClickDateCell=t=>{t.isDisabled||this.select(t.dateString)},this.onInputKeyUp=t=>{if(k(t)&&!this.triggerIcon&&(this.isPopoverOpen?this.close():this.open()),v(t)&&!this.triggerIcon){const t=u(this.nativeInput.value,this.getLocale()),i=m(t);this.isPopoverOpen&&this.value===i&&this.close()}},this.onInputKeyDown=t=>{const i=y(this.getLocale()),e=[...D,i,...C];!I(t)&&e.indexOf(t.key)<0&&(t.preventDefault(),t.stopPropagation()),"Tab"===t.key&&this.close()},this.onMonthSelect=t=>{const i=t.target.value;this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{day:1,month:parseInt(i,10)})},this.onYearSelect=t=>{const i=parseInt(t.target.value,10);let e;if(this.defaultDate){const t=u(this.defaultDate);if(this.max){const i=u(this.max);t.getMonth()>i.getMonth()&&(e=i.getMonth())}if(this.min){const i=u(this.min);t.getMonth()<i.getMonth()&&(e=i.getMonth())}}this.pointerDate={day:1,year:i,month:void 0!==e?e:this.pointerDate.month}},this.onInputFocus=t=>M(this,t),this.onInputBlur=t=>{A(t),this.focused=!1,this.fireBlur(t)},this.fireBlur=t=>{this.isPopoverOpen||this.focused||h((()=>this.balBlur.emit(t)))},this.handleClick=t=>B(this,t),this.language=E.language,this.region=E.region,this.isMobile=W.isMobile,this.focused=!1,this.isPopoverOpen=!1,this.selectedDate="",this.pointerDate={year:_(j()),month:w(j()),day:x(j())},this.ariaForm=q,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.loading=!1,this.placeholder=void 0,this.min=void 0,this.max=void 0,this.closeOnSelect=!0,this.triggerIcon=!1,this.minYearProp=void 0,this.maxYearProp=void 0,this.debounce=0,this.defaultDate=void 0,this.value=void 0,this.allowedDates=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=l(this.balChange,this.debounce)}valueChanged(){this.selectedDate=this.value,this.updatePointerDates()}listenOnClick(t){P(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput.value=this.initialValue?f(this.getLocale(),u(this.initialValue)):"",this.selectedDate=this.initialValue,this.updateValue(this.initialValue,!1),this.updatePointerDates()}),0))}breakpointListener(t){this.isMobile=t.mobile}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title"]),this.selectedDate=this.value,this.updatePointerDates(),this.updateValue(this.value,!1)}async configChanged(t){this.language=t.language,this.region=t.region}async open(){!this.disabled&&this.popoverElement&&this.popoverElement.present()}async close(){!this.disabled&&this.popoverElement&&this.popoverElement.dismiss()}async select(t){var i;this.nativeInput.value=f(this.getLocale(),u(t)),this.updateValue(t),this.updatePointerDates(),this.closeOnSelect&&await(null===(i=this.popoverElement)||void 0===i?void 0:i.toggle())}async setFocus(){S(this)}async setBlur(){z(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}updatePointerDates(){let t=j();if(t.setDate(1),this.selectedDate?t=u(this.selectedDate):this.defaultDate&&(t=u(this.defaultDate)),this.min){const i=u(this.min);i&&t<i&&(t=i)}if(this.max){const i=u(this.max);i&&t>i&&(t=i)}this.pointerDate={year:_(t),month:w(t),day:x(t)}}updateValue(t,i=!0){g(t)||(this.selectedDate=void 0,this.value=void 0,this.nativeInput&&(this.nativeInput.value="")),this.value!==t&&(this.value=t,i&&(this.isDateInRange(u(this.value))||""===this.value)&&this.balChange.emit(this.value))}get minYear(){return this.min?parseInt(this.min.substring(0,4),10):this.minYearProp?this.minYearProp:_(function(t,i){return d(2,arguments),Q(t,-p(i))}(j(),100))}get maxYear(){return this.max?parseInt(this.max.substring(0,4),10):this.maxYearProp?this.maxYearProp:_(Q(j(),100))}get years(){let t=Array.from({length:this.maxYear-this.minYear+1},((t,i)=>this.minYear+i));if(this.min&&this.pointerDate.month===w(u(this.min))){const i=_(u(this.min));t=t.filter((t=>t>=i))}if(this.max&&this.pointerDate.month===w(u(this.max))){const i=_(u(this.max));t=t.filter((t=>t<=i))}return t}get months(){let t=N[this.language].monthsShort.map(((t,i)=>({name:t,index:i})));if(this.min&&this.pointerDate.year===_(u(this.min))){const i=parseInt(this.min.substring(5,7),10)-1;t=t.filter((t=>t.index>=i))}if(this.max&&this.pointerDate.year===_(u(this.max))){const i=parseInt(this.max.substring(5,7),10)-1;t=t.filter((t=>t.index<=i))}return t}get weekDays(){const t=[...N[this.language].weekdaysMin];return t.push(t.shift()||""),t}get firstDateOfBox(){return V(new Date(this.pointerDate.year,this.pointerDate.month,1),{weekStartsOn:1})}getLocale(){const t=G();return t&&t.locale||R}get calendarGrid(){const t=this.firstDateOfBox,i=this.firstDateOfBox;let e=[];do{let s=[];do{s=[...s,{date:new Date(i),display:f(this.getLocale(),i),dateString:m(i),label:x(i).toString(),isToday:X(i,j()),isSelected:void 0!==u(this.selectedDate)&&X(i,u(this.selectedDate)),isDisabled:!this.getAllowedDates(i)||!this.isDateInRange(i),isOutdated:this.pointerDate.month!==i.getMonth()||!this.isDateInRange(i)}],i.setDate(i.getDate()+1)}while(tt(i,t,{weekStartsOn:1}));e=[...e,s],t.setDate(t.getDate()+7)}while(it(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),i));return e}getAllowedDates(t){return!!O(this.allowedDates)||this.allowedDates(m(t))}formatDate(t){const i=y(this.getLocale()),e=t.length,s=t.charAt(e-1),a=t.charAt(e-2);return s===i&&(1===e||a===i||t.split(i).filter((t=>t.length>0)).length>=3)?t.substring(0,e-1):5===e&&1===t.split(i)[0].split("").length&&a!==i&&s!==i||(3===e||6===e)&&s!==i&&a!==i&&t.split(i).length<=2?t.substring(0,e-1)+i+t.substring(e-1,e):t}render(){const t=H.block("datepicker"),i=t.element("native"),a=t.element("popup"),r=a.element("body"),n=a.element("footer");return e(s,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},e("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),e("bal-popover",{onBalChange:this.onPopoverChange,ref:t=>this.popoverElement=t},this.renderInput(),e("bal-popover-content",{spaceless:!0,contentMinWidth:392},e("div",{class:Object.assign({},a.class())},this.renderHeader(),e("div",{class:Object.assign({},r.class())},this.renderGrid()),e("div",{class:Object.assign({},n.class())},e("slot",null))))))}renderInput(){return e("div",{"bal-popover-trigger":!0,class:"control"},e("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},e("input",Object.assign({class:{input:!0,"data-test-input":!0,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:f(this.getLocale(),u(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:t=>this.onInputKeyDown(t),onKeyUp:t=>this.onInputKeyUp(t),onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),this.loading?"":e("bal-icon",{class:{"datepicker-trigger-icon":!0,"is-clickable":!this.disabled&&!this.readonly},"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick})))}renderGrid(){const t=H.block("datepicker-grid"),i=t.element("row"),s=t.element("cell");return e("div",null,this.renderWeekDayHeader(),e("div",{class:Object.assign({},t.class())},this.calendarGrid.map(((t,a)=>e("div",{key:a,class:Object.assign({},i.class())},t.map((t=>e("button",{key:t.dateString,type:"button","data-date":t.dateString,onClick:()=>this.onClickDateCell(t),disabled:t.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),{button:!0,"is-text":!t.isDisabled&&!t.isSelected,"is-primary":t.isSelected&&t.isSelected,"is-disabled":t.isDisabled||t.isOutdated}),s.modifier("today").class(t.isToday)),s.modifier("selectable").class(!t.isDisabled&&!t.isOutdated)),s.modifier("disabled").class(t.isDisabled||t.isOutdated)),s.modifier("outdated").class(t.isOutdated)),s.modifier("selected").class(t.isSelected))},e("span",null,t.label)))))))))}renderWeekDayHeader(){const t=H.block("datepicker-grid"),i=t.element("header"),s=t.element("cell");return e("header",{class:Object.assign({},i.class())},this.weekDays.map((t=>e("div",{key:t,class:Object.assign(Object.assign({},s.class()),s.modifier("header").class())},e("span",null,t)))))}renderHeader(){const t=H.block("datepicker-pagination"),i=t.element("inner"),s=t.element("month-and-year"),a=s.element("select");return e("header",{class:Object.assign({},t.class())},e("div",{class:Object.assign({},i.class())},e("bal-button",{square:!0,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:()=>this.previousMonth()}),e("div",{class:Object.assign({},s.class())},e("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("month").class())},e("div",{class:"select"},e("select",{onInput:this.onMonthSelect},this.months.map((t=>e("option",{key:t.index,value:t.index,selected:this.pointerDate.month===t.index},t.name)))))),e("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("year").class())},e("div",{class:"select"},e("select",{onInput:this.onYearSelect},this.years.map((t=>e("option",{key:t,value:t,selected:this.pointerDate.year===t},t))))))),e("bal-button",{square:!0,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:()=>this.nextMonth()})))}previousMonth(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&0===this.pointerDate.month)return;this.pointerDate=this.calcPreviousMonth()}}nextMonth(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&11===this.pointerDate.month)return;this.pointerDate=this.calcNextMonth()}}calcPreviousMonth(){return Object.assign(Object.assign({},this.pointerDate),0===this.pointerDate.month?{year:this.pointerDate.year-1,month:11,day:1}:{month:this.pointerDate.month-1,day:1})}calcNextMonth(){return Object.assign(Object.assign({},this.pointerDate),11===this.pointerDate.month?{year:this.pointerDate.year+1,month:0,day:1}:{month:this.pointerDate.month+1,day:1})}lastDayOfMonth(t,i){const e=new Date(t,i+1,0);return x(e)}get isPreviousMonthDisabled(){if(this.min){const t=u(this.min),i=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);return $(new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,i),function(t,i){return d(2,arguments),U(t,-p(i))}(t,1))}return!1}get isNextMonthDisabled(){if(this.max){const t=u(this.max);return Z(new Date(this.calcNextMonth().year,this.calcNextMonth().month,1),function(t){d(1,arguments);var i=c(t),e=i.getMonth();return i.setFullYear(i.getFullYear(),e+1,0),i.setHours(0,0,0,0),i}(t)?t:U(t,1))}return!1}isDateInRange(t){const i=u(m(t));return this.min&&this.max&&this.max>this.min?function(t,i){d(2,arguments);var e=c(t).getTime(),s=c(i.start).getTime(),a=c(i.end).getTime();if(!(s<=a))throw new RangeError("Invalid interval");return e>=s&&e<=a}(i,{start:u(this.min),end:u(this.max)}):this.min?Z(i,u(this.min))||X(i,u(this.min)):!this.max||$(i,U(u(this.max),1))||X(i,u(this.max))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};r([T("bal-datepicker"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],et.prototype,"createLogger",null),r([K(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],et.prototype,"breakpointListener",null),r([Y(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],et.prototype,"configChanged",null);let st=0;et.style=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';export{et as bal_datepicker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as o}from"./p-54f81c32.js";function f(){o()}export{f as g}
|
package/dist/baloise-design-system/{p-709bb627dd.system.entry.js → p-e931c4afff.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-
|
|
1
|
+
System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-5c0e12bf.system.js"],(function(e){"use strict";var a,t,r,s,i,c,n,d,o,b,h,f,l,v;return{setters:[function(e){a=e.r;t=e.h;r=e.H;s=e.g},function(e){i=e.B},function(e){c=e.f;n=e.g;d=e.h;o=e.i;b=e.j;h=e.k;f=e.l;l=e.m;v=e.n}],execute:function(){var p=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var H=p;var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.getHex=function(){var e;switch(t.color){case"green":e=v;break;case"green-light":e=l;break;case"red":e=f;break;case"red-light":e=h;break;case"purple":e=b;break;case"purple-light":e=o;break;case"yellow":e=d;break;case"yellow-light":e=n;break;default:e=c}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=i.block("shape");var a=[t("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),t("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),t("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return t(r,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());u.style=H}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-a1f6e944.system.js"],(function(n){"use strict";var t;return{setters:[function(n){t=n.b}],execute:function(){var i=function(){function n(){this.x=undefined;this.y=undefined;this.disabled=false}n.disableSmoothScrolling=function(){this.setScrollBehavior("auto")};n.enableSmoothScrolling=function(){this.setScrollBehavior("smooth")};n.setScrollBehavior=function(n){var i;if(t.hasDocument){var e=document;var o=document.body;o.style.scrollBehavior=n;var u=(i=e.firstChild)===null||i===void 0?void 0:i.nextSibling;var s=getComputedStyle(u);if(s.scrollBehavior==="smooth"){u.style.scrollBehavior=n}}};n.prototype.connect=function(n){if(n){this.target=n}else{if(t.hasDocument){this.target=document}}onscroll=null;onkeydown=null};n.prototype.disconnect=function(){if(this.disabled){this.enable()}this.target=undefined;onscroll=null;onkeydown=null};n.prototype.isDisabled=function(){return this.disabled};n.prototype.enable=function(){if(this.target){if(t.hasWindow&&t.hasDocument){document.body.classList.remove("noscroll");document.body.style.position="";document.body.style.top="";document.body.style.width="";if(this.x!==undefined&&this.y!==undefined){window.scrollTo(this.x,this.y);this.x=undefined;this.y=undefined}this.disabled=false}}};n.prototype.disable=function(){if(!this.disabled&&this.target){if(t.hasWindow&&t.hasDocument){this.x=window.pageXOffset||document.documentElement.scrollLeft;this.y=window.pageYOffset||document.documentElement.scrollTop;document.body.classList.add("noscroll");document.body.style.position="fixed";document.body.style.top="-".concat(this.y,"px");document.body.style.width="100%";this.disabled=true}}};return n}();n("B",i)}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as a,H as s,g as o}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{m as i}from"./p-88f18fbc.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{o as c}from"./p-94efe2aa.js";import{s as d}from"./p-ad9a7657.js";import{n as p}from"./p-06ecf846.js";import{b as v}from"./p-ffbe2886.js";import{L as m}from"./p-3231863d.js";import{L as _}from"./p-192bade4.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-b1f86100.js";const h=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},u=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},f=({item:t,isMobile:a,clickable:s,onSelectTab:o})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(s)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>o(e,t)},e(h,{item:t,isMobile:a}),e(u,{item:t}))},g=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(p)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{c(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&d(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=v.isMobile,this.store=[],this.options=[],this.clickable=!0,this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{role:"tablist",class:Object.assign({},a.class())},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),onBalChange:d,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(f,{item:t,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([m({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],g.prototype,"mutationListener",null),r([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],g.prototype,"breakpointListener",null);let x=0;g.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled)}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{g as bal_steps}
|
|
1
|
+
import{h as e,r as t,c as a,H as s,g as o}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{m as i}from"./p-88f18fbc.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{o as c}from"./p-94efe2aa.js";import{s as d}from"./p-ad9a7657.js";import{n as p}from"./p-06ecf846.js";import{b as v}from"./p-96525499.js";import{L as m}from"./p-3231863d.js";import{L as _}from"./p-a2bb4c55.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-bbfe0ac3.js";const h=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},u=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},f=({item:t,isMobile:a,clickable:s,onSelectTab:o})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(s)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>o(e,t)},e(h,{item:t,isMobile:a}),e(u,{item:t}))},g=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(p)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{c(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&d(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=v.isMobile,this.store=[],this.options=[],this.clickable=!0,this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{role:"tablist",class:Object.assign({},a.class())},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),onBalChange:d,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(f,{item:t,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([m({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],g.prototype,"mutationListener",null),r([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],g.prototype,"breakpointListener",null);let x=0;g.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled)}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{g as bal_steps}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as a,g as e}from"./p-d7c752c6.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import{u as p}from"./p-94efe2aa.js";import{B as r}from"./p-ae86d0a0.js";import{b as h}from"./p-a65354df.js";import{s as l}from"./p-ad9a7657.js";import{h as c}from"./p-88f18fbc.js";import{L as d}from"./p-b77e3348.js";import{f as u}from"./p-ca119357.js";import{a as b,c as v,s as m,f as w,o as g,b as f}from"./p-b80d9e4d.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class y{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class x extends y{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl||!t.backdropEl||(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class k extends y{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl||!t.trigger||(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),this.showBackdropElement(t),this.showContainerElement(t),this.showArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),!0)}}class _ extends y{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){if(!t.trigger&&h.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&h.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i||t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=b(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a="bottom-end"===this.placement&&this.triggerEl!==t.trigger,e=null===(i=this.triggerEl)||void 0===i?void 0:i.getBoundingClientRect(),o=null===(s=t.trigger)||void 0===s?void 0:s.getBoundingClientRect();let n=!1;return h.hasWindow&&(n=!!window.frameElement),v(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[n?void 0:m(),w(),g(this.arrow?16:this.offset),f({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:n,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(n.arrow&&t.arrowEl){const p=n.arrow;Object.assign(t.arrowEl.style,a?{right:e.right-o.right-4+o.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class j{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const $=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.popupId="bal-pu-"+O++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new j(new _),this.fullscreenVariantRenderer=new j(new k),this.drawerVariantRenderer=new j(new x),this.lastVariant="popover",this.initialActive=this.active,this.debouncedGlobalClick=c((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()},this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.trigger=void 0,this.lastTrigger=void 0,this.minContainerWidth=0,this.label="",this.reference=void 0,this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.contentWidth=void 0,this.demo=!1}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target.closest("[bal-popup]");if(s&&h.hasWindow){const t=(null===(i=s.attributes.getNamedItem("bal-popup"))||void 0===i?void 0:i.nodeValue)||"";this.el.id===t&&this.debouncedGlobalClick(s)}}async listenOnKeyDown(t){this.activeClosable&&this.presented&&p(t)&&(l(t),this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=t)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){h.hasDocument&&(this.lastFocus=document.activeElement||void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)||void 0===t||t.focus()),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)||s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value||"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(h.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(u);i?i.focus():t.focus()}render(){const t=r.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),p=n.element("head"),h=n.element("content");return s(a,{class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:`${this.minContainerWidth}px`}},s("div",{class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class())},this.label?s("bal-stack",{space:"auto",class:Object.assign({},p.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content"},s("slot",null)))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null);let O=0;$.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{$ as bal_popup}
|
|
1
|
+
import{r as t,c as i,h as s,H as a,g as e}from"./p-d7c752c6.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import{u as p}from"./p-94efe2aa.js";import{B as r}from"./p-ae86d0a0.js";import{b as h}from"./p-a65354df.js";import{s as l}from"./p-ad9a7657.js";import{h as c}from"./p-88f18fbc.js";import{L as d}from"./p-b77e3348.js";import{f as u}from"./p-ca119357.js";import{a as b,c as v,s as m,f as w,o as g,b as f}from"./p-b80d9e4d.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class y{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class x extends y{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl||!t.backdropEl||(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class k extends y{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl||!t.trigger||(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),this.showBackdropElement(t),this.showContainerElement(t),this.hideArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),!0)}}class _ extends y{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){if(!t.trigger&&h.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&h.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i||t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=b(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a="bottom-end"===this.placement&&this.triggerEl!==t.trigger,e=null===(i=this.triggerEl)||void 0===i?void 0:i.getBoundingClientRect(),o=null===(s=t.trigger)||void 0===s?void 0:s.getBoundingClientRect();let n=!1;return h.hasWindow&&(n=!!window.frameElement),v(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[n?void 0:m(),w(),g(this.arrow?16:this.offset),f({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:n,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(n.arrow&&t.arrowEl){const p=n.arrow;Object.assign(t.arrowEl.style,a?{right:e.right-o.right-4+o.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class j{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const $=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.popupId="bal-pu-"+O++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new j(new _),this.fullscreenVariantRenderer=new j(new k),this.drawerVariantRenderer=new j(new x),this.lastVariant="popover",this.initialActive=this.active,this.debouncedGlobalClick=c((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()},this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.trigger=void 0,this.lastTrigger=void 0,this.minContainerWidth=0,this.label="",this.reference=void 0,this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.contentWidth=void 0,this.demo=!1}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target.closest("[bal-popup]");if(s&&h.hasWindow){const t=(null===(i=s.attributes.getNamedItem("bal-popup"))||void 0===i?void 0:i.nodeValue)||"";this.el.id===t&&this.debouncedGlobalClick(s)}}async listenOnKeyDown(t){this.activeClosable&&this.presented&&p(t)&&(l(t),this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=t)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){h.hasDocument&&(this.lastFocus=document.activeElement||void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)||void 0===t||t.focus()),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)||s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value||"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(h.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(u);i?i.focus():t.focus()}render(){const t=r.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),p=n.element("head"),h=n.element("content");return s(a,{class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:`${this.minContainerWidth}px`}},s("div",{class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class())},this.label?s("bal-stack",{space:"auto",class:Object.assign({},p.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content"},s("slot",null)))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null);let O=0;$.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{$ as bal_popup}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as t,h as i,H as n,g as e}from"./p-d7c752c6.js";import{_ as s,a as l}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{b as r}from"./p-
|
|
1
|
+
import{r as a,c as t,h as i,H as n,g as e}from"./p-d7c752c6.js";import{_ as s,a as l}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{b as r}from"./p-96525499.js";import{d as p}from"./p-a19d1e1d.js";import{L as g}from"./p-a2bb4c55.js";import{L as c}from"./p-69e7c8d6.js";import"./p-88f18fbc.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-bbfe0ac3.js";import"./p-b77e3348.js";const b={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}},d=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange",7),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const n=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<=0&&(i=2);const e=5+2*i;if(t<=e)for(let i=1;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a});else if(a<=e-2-i){for(let t=1;t<=e-2;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});for(let i=t-e+3;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a})}else{n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});const e=Number(a);for(let t=e-i;t<=e+i;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}return n}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=o.block("pagination").element("nav").element("pagination-list").modifier("more");return i("li",null,i("div",{class:Object.assign({},a.class())},i("bal-text",{bold:!0,heading:!0,inline:!0,space:"none"},"…")))}renderPageElement(a){const t=this._value===a,n=o.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(t)),n.modifier("inactive").class(!t)),onClick:()=>this.selectPage(a)}):i("bal-button",{square:!0,color:t?"primary":"text",onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number",size:this.isMobile||"small"===this.size?"small":""},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),e=o.block("pagination"),s=e.element("nav"),l=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),g="small"===this.interface,c=g?"link":"text",d=g||"small"===this.size||this.isMobile?"small":"",h=g,m=b[this.language].left,_=b[this.language].right,u=""===this.interface||g&&this.totalPages<=5;return i(n,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},i("nav",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},i("bal-button",{square:!0,color:c,size:d,flat:h,class:Object.assign(Object.assign({},l.class()),l.modifier(`context-${this.interface}`).class()),disabled:this._value<2||this.disabled,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:m},i("bal-icon",{name:"nav-go-left",size:"small"})),i("bal-button",{square:!0,color:c,size:d,flat:h,class:Object.assign(Object.assign({},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages||this.disabled,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:_},i("bal-icon",{name:"nav-go-right",size:"small"})),u&&this.isMobile?i((()=>i("ul",{class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",u&&!this.isMobile?i((()=>i("ul",{class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",u?"":i((()=>i("span",{class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",null,this._value)," / "+this.totalPages)),null)))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],d.prototype,"breakpointListener",null),s([c(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],d.prototype,"configChanged",null),d.style=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";export{d as bal_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-1509eaa7.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.i}],execute:function(){function n(){e()}
|
|
1
|
+
System.register(["./p-1509eaa7.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.i}],execute:function(){t("g",n);function n(){e()}}}}));
|