@baloise/ds-core 16.3.0 → 16.4.0
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/README.md +1 -1
- package/components/bal-accordion-summary.js +12 -2
- package/components/bal-accordion-trigger.js +15 -2
- package/components/bal-carousel-item2.js +13 -3
- package/components/bal-carousel2.js +50 -20
- package/components/bal-checkbox-group.js +1 -1
- package/components/bal-checkbox2.js +13 -2
- package/components/bal-close2.js +1 -6
- package/components/bal-date.js +1 -1
- package/components/bal-datepicker.js +1 -1
- package/components/bal-dropdown.js +3 -3
- package/components/bal-file-upload.js +1 -1
- package/components/bal-list-item-accordion-head2.js +7 -1
- package/components/bal-nav-menu-bar2.js +1 -1
- package/components/bal-nav-menu-flyout2.js +3 -6
- package/components/bal-nav.js +11 -8
- package/components/bal-option-list.js +27 -2
- package/components/bal-pagination2.js +3 -3
- package/components/bal-progress-bar.js +4 -2
- package/components/bal-radio2.js +1 -1
- package/components/bal-select2.js +1 -1
- package/components/bal-steps.js +8 -6
- package/components/bal-tab-item.js +10 -2
- package/components/bal-tabs2.js +149 -31
- package/components/index.esm.js +1 -1
- package/components/index.js +1 -1
- package/components/option.js +4 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/p-0295f5df96.entry.js +1 -0
- package/dist/baloise-design-system/p-098f268743.entry.js +1 -0
- package/dist/baloise-design-system/{p-ae28b86fe5.entry.js → p-0ab43941ba.entry.js} +1 -1
- package/dist/baloise-design-system/p-0d69371467.entry.js +1 -0
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/{p-60f45a7b48.entry.js → p-167594de04.entry.js} +1 -1
- package/dist/baloise-design-system/{p-692536f9ff.system.entry.js → p-19542d9bfc.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-2f4c6257f4.entry.js +1 -0
- package/dist/baloise-design-system/{p-47b18581c7.system.entry.js → p-3e8b5dec38.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1de6b20b1c.system.entry.js → p-44d845a857.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-544a0af68d.system.entry.js +1 -0
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/p-67e6932c19.entry.js +1 -0
- package/dist/baloise-design-system/{p-d319b257.system.js → p-685405e0.system.js} +1 -1
- package/dist/baloise-design-system/{p-d0d06aa690.entry.js → p-68eead378f.entry.js} +1 -1
- package/dist/baloise-design-system/p-6d9afce4c2.entry.js +1 -0
- package/dist/baloise-design-system/{p-7047afd8.system.js → p-77ccb1f4.system.js} +1 -1
- package/dist/baloise-design-system/{p-b7035c24.system.js → p-83ff83d0.system.js} +1 -1
- package/dist/baloise-design-system/p-86b8ffa1ab.system.entry.js +1 -0
- package/dist/baloise-design-system/p-8754258843.entry.js +1 -0
- package/dist/baloise-design-system/p-88493e9537.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-6cf5e22bb4.entry.js → p-886bedebf9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1be257c9cd.system.entry.js → p-8b6aca042a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-95c6192efb.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-12bcc7da.js → p-9b4da619.js} +1 -1
- package/dist/baloise-design-system/p-a7c3119418.system.entry.js +1 -0
- package/dist/baloise-design-system/p-aee4ebe860.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-f9db454e37.entry.js → p-b069b55a8d.entry.js} +1 -1
- package/dist/baloise-design-system/p-b0f4388e4c.system.entry.js +1 -0
- package/dist/baloise-design-system/p-b33c021c08.entry.js +1 -0
- package/dist/baloise-design-system/p-b397abec9a.system.entry.js +1 -0
- package/dist/baloise-design-system/p-b487614e8b.entry.js +1 -0
- package/dist/baloise-design-system/p-b51665840d.entry.js +1 -0
- package/dist/baloise-design-system/{p-80b45dd4d6.system.entry.js → p-bcb892a723.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -1
- package/dist/baloise-design-system/{p-6ceac3e144.system.entry.js → p-c0f4b35c8c.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c2de2596d1.system.entry.js +1 -0
- package/dist/baloise-design-system/p-c69783ee18.entry.js +1 -0
- package/dist/baloise-design-system/{p-cf0c50d42a.system.entry.js → p-c92eb37957.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c572e259f4.system.entry.js → p-d66c8f0da9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3bad0907.system.js → p-de36076c.system.js} +1 -1
- package/dist/baloise-design-system/{p-7292c6e1a1.entry.js → p-e066dc532d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-301e753d6f.system.entry.js → p-e18ec1401d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0ab7aa0e.js → p-e851f284.js} +1 -1
- package/dist/baloise-design-system/{p-f02ea04390.entry.js → p-e9c3c1c4cc.entry.js} +1 -1
- package/dist/baloise-design-system/p-f7091a61.js +1 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +29 -4
- package/dist/cjs/bal-carousel_2.cjs.entry.js +60 -24
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +11 -1
- package/dist/cjs/bal-close.cjs.entry.js +1 -6
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +12 -4
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +17 -18
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-option_2.cjs.entry.js +26 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +6 -6
- package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +6 -5
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +9 -8
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +157 -33
- package/dist/cjs/baloise-design-system.cjs.js +1 -1
- package/dist/cjs/{breakpoints.decorator-47fd06b2.js → breakpoints.decorator-e278a735.js} +1 -1
- package/dist/cjs/{breakpoints.subject-06716a68.js → breakpoints.subject-0802767f.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{option-c33cf2b8.js → option-4034ca7d.js} +4 -1
- package/dist/cjs/{tokens.esm-dc93a5d7.js → tokens.esm-be397f27.js} +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-summary/bal-accordion-summary.css +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-summary/bal-accordion-summary.js +11 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.css +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js +14 -1
- package/dist/collection/components/bal-carousel/bal-carousel-item/bal-carousel-item.js +45 -2
- package/dist/collection/components/bal-carousel/bal-carousel.js +76 -13
- package/dist/collection/components/bal-carousel/controls/dot-control.js +2 -2
- package/dist/collection/components/bal-carousel/controls/large-control.js +2 -2
- package/dist/collection/components/bal-carousel/controls/small-control.js +2 -2
- package/dist/collection/components/bal-carousel/controls/tab-control.js +2 -2
- package/dist/collection/components/bal-checkbox/bal-checkbox.js +13 -2
- package/dist/collection/components/bal-close/bal-close.js +1 -6
- package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.js +7 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +24 -6
- package/dist/collection/components/bal-nav/bal-nav.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +5 -2
- package/dist/collection/components/bal-nav/models/bal-nav-menu-link-item.js +2 -2
- package/dist/collection/components/bal-nav/models/bal-nav-meta-link-item.js +3 -3
- package/dist/collection/components/bal-option-list/bal-option-list.js +43 -2
- package/dist/collection/components/bal-pagination/bal-pagination.js +3 -3
- package/dist/collection/components/bal-progress-bar/bal-progress-bar.css +1 -1
- package/dist/collection/components/bal-progress-bar/bal-progress-bar.js +26 -2
- package/dist/collection/components/bal-steps/bal-steps.css +1 -1
- package/dist/collection/components/bal-steps/bal-steps.js +26 -2
- package/dist/collection/components/bal-steps/components/step-button.js +2 -2
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +47 -2
- package/dist/collection/components/bal-tabs/bal-tabs.js +124 -21
- package/dist/collection/components/bal-tabs/components/tab-button.js +18 -6
- package/dist/collection/components/bal-tabs/components/tab-nav.js +3 -3
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/date/date.spec.js +0 -1
- package/dist/collection/utils/dropdown/option.js +4 -1
- package/dist/collection/utils/dropdown/popup.js +2 -2
- package/dist/collection/utils/string.js +10 -0
- package/dist/collection/utils/string.spec.js +24 -0
- package/dist/esm/bal-accordion_4.entry.js +29 -4
- package/dist/esm/bal-carousel_2.entry.js +61 -25
- package/dist/esm/bal-checkbox_2.entry.js +11 -1
- package/dist/esm/bal-close.entry.js +1 -6
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-dropdown.entry.js +3 -3
- package/dist/esm/bal-hint_3.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +12 -4
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +17 -18
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-option_2.entry.js +26 -2
- package/dist/esm/bal-pagination.entry.js +6 -6
- package/dist/esm/bal-popover_2.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +6 -5
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +9 -8
- package/dist/esm/bal-tab-item_2.entry.js +158 -34
- package/dist/esm/baloise-design-system.js +1 -1
- package/dist/esm/{breakpoints.decorator-f979fe5c.js → breakpoints.decorator-d0f1affe.js} +1 -1
- package/dist/esm/{breakpoints.subject-9ea7074e.js → breakpoints.subject-f57eda2c.js} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{option-37cb0282.js → option-01553dab.js} +4 -1
- package/dist/esm/{tokens.esm-7d2734e1.js → tokens.esm-70c16b84.js} +1 -1
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- 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-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.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-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-f979fe5c.js → breakpoints.decorator-d0f1affe.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-9ea7074e.js → breakpoints.subject-f57eda2c.js} +1 -1
- 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/option-01553dab.js +1 -0
- package/dist/html.html-data.json +81 -3
- package/dist/types/components/bal-accordion/bal-accordion-summary/bal-accordion-summary.d.ts +1 -0
- package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts +1 -0
- package/dist/types/components/bal-carousel/bal-carousel-item/bal-carousel-item.d.ts +6 -0
- package/dist/types/components/bal-carousel/bal-carousel.d.ts +11 -2
- package/dist/types/components/bal-carousel/controls/dot-control.d.ts +1 -0
- package/dist/types/components/bal-carousel/controls/large-control.d.ts +1 -0
- package/dist/types/components/bal-carousel/controls/small-control.d.ts +1 -0
- package/dist/types/components/bal-carousel/controls/tab-control.d.ts +1 -0
- package/dist/types/components/bal-checkbox/bal-checkbox.d.ts +5 -0
- package/dist/types/components/bal-close/bal-close.d.ts +0 -2
- package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.d.ts +1 -0
- package/dist/types/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.d.ts +4 -1
- package/dist/types/components/bal-nav/models/bal-nav-link-item.d.ts +1 -0
- package/dist/types/components/bal-nav/models/bal-nav-menu-link-item.d.ts +1 -0
- package/dist/types/components/bal-nav/models/bal-nav-meta-link-item.d.ts +3 -1
- package/dist/types/components/bal-option-list/bal-option-list.d.ts +5 -0
- package/dist/types/components/bal-progress-bar/bal-progress-bar.d.ts +5 -1
- package/dist/types/components/bal-progress-bar/bal-progress-bar.interfaces.d.ts +1 -0
- package/dist/types/components/bal-steps/bal-steps.d.ts +4 -0
- package/dist/types/components/bal-steps/bal-steps.interfaces.d.ts +3 -1
- package/dist/types/components/bal-steps/components/step-button.d.ts +1 -0
- package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts +10 -0
- package/dist/types/components/bal-tabs/bal-tab.type.d.ts +5 -3
- package/dist/types/components/bal-tabs/bal-tabs.d.ts +15 -3
- package/dist/types/components/bal-tabs/bal-tabs.interfaces.d.ts +3 -0
- package/dist/types/components/bal-tabs/components/tab-button.d.ts +1 -0
- package/dist/types/components/bal-tabs/components/tab-nav.d.ts +1 -0
- package/dist/types/components.d.ts +71 -10
- package/dist/types/utils/dropdown/option.d.ts +1 -1
- package/dist/types/utils/dropdown/popup.d.ts +1 -1
- package/dist/types/utils/string.d.ts +1 -0
- package/package.json +8 -8
- package/dist/baloise-design-system/p-1502fa2526.entry.js +0 -1
- package/dist/baloise-design-system/p-1e100fd83b.entry.js +0 -1
- package/dist/baloise-design-system/p-254b130be5.system.entry.js +0 -1
- package/dist/baloise-design-system/p-2d82b78410.entry.js +0 -1
- package/dist/baloise-design-system/p-2e2ed7a07f.entry.js +0 -1
- package/dist/baloise-design-system/p-2ebc8f9d0c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-30fc270ec1.entry.js +0 -1
- package/dist/baloise-design-system/p-35aa7ecb24.entry.js +0 -1
- package/dist/baloise-design-system/p-4f3776ea4e.system.entry.js +0 -1
- package/dist/baloise-design-system/p-55f280cf33.system.entry.js +0 -1
- package/dist/baloise-design-system/p-63dfa27862.system.entry.js +0 -1
- package/dist/baloise-design-system/p-7d498fc5.js +0 -1
- package/dist/baloise-design-system/p-87d9c24d45.system.entry.js +0 -1
- package/dist/baloise-design-system/p-96c55b4f58.entry.js +0 -1
- package/dist/baloise-design-system/p-b22fa7966b.entry.js +0 -1
- package/dist/baloise-design-system/p-c304d5fa9c.entry.js +0 -1
- package/dist/baloise-design-system/p-cee7a0dd73.system.entry.js +0 -1
- package/dist/baloise-design-system/p-cf47f1f53c.entry.js +0 -1
- package/dist/baloise-design-system/p-dbc2d22240.system.entry.js +0 -1
- package/dist/baloise-design-system/p-e7a4d97c51.entry.js +0 -1
- package/dist/baloise-design-system/p-f0ee1b670b.system.entry.js +0 -1
- package/dist/esm-es5/option-37cb0282.js +0 -1
- /package/dist/baloise-design-system/{p-fc80aa3e.system.js → p-83486137.system.js} +0 -0
- /package/dist/baloise-design-system/{p-6b5343bd.js → p-ec4875a2.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-7d2734e1.js → tokens.esm-70c16b84.js} +0 -0
|
@@ -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-0ab7aa0e.js";import{g as G}from"./p-aafb6696.js";import{L as K}from"./p-7d498fc5.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-6b5343bd.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-e851f284.js";import{g as G}from"./p-aafb6696.js";import{L as K}from"./p-f7091a61.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-ec4875a2.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}
|
package/dist/baloise-design-system/{p-301e753d6f.system.entry.js → p-e18ec1401d.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,a,i,n){function e(t){return t instanceof i?t:new i((function(a){a(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(t){s(t)}}function o(t){try{l(n["throw"](t))}catch(t){s(t)}}function l(t){t.done?i(t.value):e(t.value).then(r,o)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,e,s,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(a){return l([t,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(n=1,e&&(s=o[0]&2?e["return"]:o[0]?e["throw"]||((s=e["return"])&&s.call(e),0):e.next)&&!(s=s.call(e,o[1])).done)return s;if(e=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=a.call(t,i)}catch(t){o=[6,t];e=0}finally{n=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-7047afd8.system.js","./p-bb6304d0.system.js","./p-d319b257.system.js","./p-0177e3a0.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-fc80aa3e.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var a,i,n,e,s,r,o,l,c,u,p,g;return{setters:[function(t){a=t.r;i=t.c;n=t.h;e=t.H;s=t.g},function(t){r=t._;o=t.a},function(t){l=t.B},function(t){c=t.b},function(t){u=t.d},function(t){p=t.L},function(t){g=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function b(t,a,i){var n=[];if(t>a||t<0){t=1}if(a<=0){a=10}if(i<=0){i=2}var e=5+i*2;if(a<=e){for(var s=1;s<=a;s++){n.push({type:"page",label:s.toString(),active:s===t})}}else{if(t<=e-2-i){for(var s=1;s<=e-2;s++){n.push({type:"page",label:s.toString(),active:s===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}else if(t>=a-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var s=a-e+3;s<=a;s++){n.push({type:"page",label:s.toString(),active:s===t})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var r=Number(t);for(var s=r-i;s<=r+i;s++){n.push({type:"page",label:s.toString(),active:s===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}}return n}var d={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"}};var f=":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}";var h=f;var v=t("bal_pagination",function(){function t(t){a(this,t);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=u.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}t.prototype.valueChanged=function(t){this._value=t};t.prototype.topValueChanged=function(t){if(this.sticky){this.el.style.top="".concat(t,"px")}};t.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=t.language;return[2]}))}))};t.prototype.selectPage=function(t){this._value=t;this.balChangeEventEmitter.emit(this._value)};t.prototype.getItems=function(t){var a=this;if(t===void 0){t=2}var i=b(this._value,this.totalPages,t);return i.map((function(t){if(t.type==="page"){return a.renderPageElement(Number(t.label))}else{return a.renderEllipsisElement()}}))};t.prototype.renderEllipsisElement=function(){var t=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",null,n("div",{class:Object.assign({},t.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};t.prototype.renderPageElement=function(t){var a=this;var i=this._value===t;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),onClick:function(){return a.selectPage(t)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text",onClick:function(){return a.selectPage(t)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},t))};t.prototype.render=function(){var t=this;var a=this.getItems(1);var i=this.getItems(this.pageRange);var s=l.block("pagination");var r=s.element("nav");var o=r.element("pagination-previous");var c=r.element("pagination-next");var u=r.element("pagination-list");var p=this.interface==="small";var g=p?"link":"text";var b=p||this.size==="small"||this.isMobile?"small":"";var f=p;var h=d[this.language].left;var v=d[this.language].right;var _=this.interface===""||p&&this.totalPages<=5;var m=function(){return n("span",{class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class())},n("span",null,t._value)," / "+t.totalPages)};var x=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},i)};var y=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},a)};return n(e,{class:Object.assign(Object.assign({},s.class()),s.modifier("is-sticky").class(this.sticky))},n("nav",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class(this.interface!=="")),r.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{square:true,color:g,size:b,flat:f,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return t.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{name:"nav-go-left",size:"small"})),n("bal-button",{square:true,color:g,size:b,flat:f,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return t.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{name:"nav-go-right",size:"small"})),_&&this.isMobile?n(y,null):"",_&&!this.isMobile?n(x,null):"",!_?n(m,null):""))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return t}());r([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);r([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,a,i,n){function e(t){return t instanceof i?t:new i((function(a){a(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(t){r(t)}}function o(t){try{l(n["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):e(t.value).then(s,o)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,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(a){return l([t,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=a.call(t,i)}catch(t){o=[6,t];e=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-77ccb1f4.system.js","./p-bb6304d0.system.js","./p-685405e0.system.js","./p-0177e3a0.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-83486137.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var a,i,n,e,r,s,o,l,c,u,p,b;return{setters:[function(t){a=t.r;i=t.c;n=t.h;e=t.H;r=t.g},function(t){s=t._;o=t.a},function(t){l=t.B},function(t){c=t.b},function(t){u=t.d},function(t){p=t.L},function(t){b=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function g(t,a,i){var n=[];if(t>a||t<0){t=1}if(a<=0){a=10}if(i<=0){i=2}var e=5+i*2;if(a<=e){for(var r=1;r<=a;r++){n.push({type:"page",label:r.toString(),active:r===t})}}else{if(t<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}else if(t>=a-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=a-e+3;r<=a;r++){n.push({type:"page",label:r.toString(),active:r===t})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var s=Number(t);for(var r=s-i;r<=s+i;r++){n.push({type:"page",label:r.toString(),active:r===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}}return n}var d={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"}};var f=":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}";var h=f;var v=t("bal_pagination",function(){function t(t){a(this,t);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=u.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}t.prototype.valueChanged=function(t){this._value=t};t.prototype.topValueChanged=function(t){if(this.sticky){this.el.style.top="".concat(t,"px")}};t.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=t.language;return[2]}))}))};t.prototype.selectPage=function(t){this._value=t;this.balChangeEventEmitter.emit(this._value)};t.prototype.getItems=function(t){var a=this;if(t===void 0){t=2}var i=g(this._value,this.totalPages,t);return i.map((function(t){if(t.type==="page"){return a.renderPageElement(Number(t.label))}else{return a.renderEllipsisElement()}}))};t.prototype.renderEllipsisElement=function(){var t=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",{"aria-hidden":"true"},n("div",{class:Object.assign({},t.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};t.prototype.renderPageElement=function(t){var a=this;var i=this._value===t;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),"aria-label":t,onClick:function(){return a.selectPage(t)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return a.selectPage(t)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},t))};t.prototype.render=function(){var t=this;var a=this.getItems(1);var i=this.getItems(this.pageRange);var r=l.block("pagination");var s=r.element("nav");var o=s.element("pagination-previous");var c=s.element("pagination-next");var u=s.element("pagination-list");var p=this.interface==="small";var b=p?"link":"text";var g=p||this.size==="small"||this.isMobile?"small":"";var f=p;var h=d[this.language].left;var v=d[this.language].right;var _=this.interface===""||p&&this.totalPages<=5;var m=function(){return n("span",{class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class())},n("span",null,t._value)," / "+t.totalPages)};var x=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},i)};var y=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},a)};return n(e,{class:Object.assign(Object.assign({},r.class()),r.modifier("is-sticky").class(this.sticky))},n("nav",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(this.interface)).class(this.interface!=="")),s.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{square:true,color:b,size:g,flat:f,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return t.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{name:"nav-go-left",size:"small"})),n("bal-button",{square:true,color:b,size:g,flat:f,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return t.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{name:"nav-go-right",size:"small"})),_&&this.isMobile?n(y,null):"",_&&!this.isMobile?n(x,null):"",!_?n(m,null):""))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return t}());s([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);s([b(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,j as s,r as i}from"./p-88f18fbc.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a as c,c as a,d as u,e as l}from"./p-
|
|
1
|
+
import{h as t,j as s,r as i}from"./p-88f18fbc.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a as c,c as a,d as u,e as l}from"./p-ec4875a2.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class f extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),10),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(){super.connect(),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p=t=>parseInt(t.slice(0,-2),10),b=p(l),g=p(o),m=p(c),w=p(a),j=p(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new f,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{f as B,x as a,L as b,W as c,y as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as r,g as n}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as p}from"./p-ae86d0a0.js";import{b as s}from"./p-a65354df.js";import{L as c}from"./p-b77e3348.js";import{b as l}from"./p-0ab7aa0e.js";import{L as u}from"./p-7d498fc5.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-6b5343bd.js";var d="top",f="bottom",h="right",b="left",v="auto",m=[d,f,h,b],_="start",g="end",y="clippingParents",w="viewport",x="popper",O="reference",j=m.reduce((function(t,e){return t.concat([e+"-"+_,e+"-"+g])}),[]),k=[].concat(m,[v]).reduce((function(t,e){return t.concat([e,e+"-"+_,e+"-"+g])}),[]),L=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function E(t){return t?(t.nodeName||"").toLowerCase():null}function M(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function P(t){return t instanceof M(t).Element||t instanceof Element}function z(t){return t instanceof M(t).HTMLElement||t instanceof HTMLElement}function A(t){return"undefined"!=typeof ShadowRoot&&(t instanceof M(t).ShadowRoot||t instanceof ShadowRoot)}function B(t){return t.split("-")[0]}var W=Math.max,S=Math.min,T=Math.round;function q(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(q())}function $(t,e,o){void 0===e&&(e=!1),void 0===o&&(o=!1);var r=t.getBoundingClientRect(),n=1,i=1;e&&z(t)&&(n=t.offsetWidth>0&&T(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&T(r.height)/t.offsetHeight||1);var a=(P(t)?M(t):window).visualViewport,p=!R()&&o,s=(r.left+(p&&a?a.offsetLeft:0))/n,c=(r.top+(p&&a?a.offsetTop:0))/i,l=r.width/n,u=r.height/i;return{width:l,height:u,top:c,right:s+l,bottom:c+u,left:s,x:s,y:c}}function H(t){var e=$(t),o=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-o)<=1&&(o=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:o,height:r}}function C(t,e){var o=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(o&&A(o)){var r=e;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function F(t){return M(t).getComputedStyle(t)}function I(t){return["table","td","th"].indexOf(E(t))>=0}function D(t){return((P(t)?t.ownerDocument:t.document)||window.document).documentElement}function U(t){return"html"===E(t)?t:t.assignedSlot||t.parentNode||(A(t)?t.host:null)||D(t)}function K(t){return z(t)&&"fixed"!==F(t).position?t.offsetParent:null}function N(t){for(var e=M(t),o=K(t);o&&I(o)&&"static"===F(o).position;)o=K(o);return o&&("html"===E(o)||"body"===E(o)&&"static"===F(o).position)?e:o||function(t){var e=/firefox/i.test(q());if(/Trident/i.test(q())&&z(t)&&"fixed"===F(t).position)return null;var o=U(t);for(A(o)&&(o=o.host);z(o)&&["html","body"].indexOf(E(o))<0;){var r=F(o);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return o;o=o.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function G(t,e,o){return W(t,S(e,o))}function J(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Q(t,e){return e.reduce((function(e,o){return e[o]=t,e}),{})}function X(t){return t.split("-")[1]}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Z(t){var e,o=t.popper,r=t.popperRect,n=t.placement,i=t.variation,a=t.offsets,p=t.position,s=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,u=t.isFixed,v=a.x,m=void 0===v?0:v,_=a.y,y=void 0===_?0:_,w="function"==typeof l?l({x:m,y}):{x:m,y};m=w.x,y=w.y;var x=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=b,k=d,L=window;if(c){var E=N(o),P="clientHeight",z="clientWidth";E===M(o)&&"static"!==F(E=D(o)).position&&"absolute"===p&&(P="scrollHeight",z="scrollWidth"),(n===d||(n===b||n===h)&&i===g)&&(k=f,y-=(u&&E===L&&L.visualViewport?L.visualViewport.height:E[P])-r.height,y*=s?1:-1),n!==b&&(n!==d&&n!==f||i!==g)||(j=h,m-=(u&&E===L&&L.visualViewport?L.visualViewport.width:E[z])-r.width,m*=s?1:-1)}var A,B=Object.assign({position:p},c&&Y),W=!0===l?function(t,e){var o=t.y,r=e.devicePixelRatio||1;return{x:T(t.x*r)/r||0,y:T(o*r)/r||0}}({x:m,y},M(o)):{x:m,y};return m=W.x,y=W.y,Object.assign({},B,s?((A={})[k]=O?"0":"",A[j]=x?"0":"",A.transform=(L.devicePixelRatio||1)<=1?"translate("+m+"px, "+y+"px)":"translate3d("+m+"px, "+y+"px, 0)",A):((e={})[k]=O?y+"px":"",e[j]=x?m+"px":"",e.transform="",e))}var tt={passive:!0},et={left:"right",right:"left",bottom:"top",top:"bottom"};function ot(t){return t.replace(/left|right|bottom|top/g,(function(t){return et[t]}))}var rt={start:"end",end:"start"};function nt(t){return t.replace(/start|end/g,(function(t){return rt[t]}))}function it(t){var e=M(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function at(t){return $(D(t)).left+it(t).scrollLeft}function pt(t){var e=F(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function st(t){return["html","body","#document"].indexOf(E(t))>=0?t.ownerDocument.body:z(t)&&pt(t)?t:st(U(t))}function ct(t,e){var o;void 0===e&&(e=[]);var r=st(t),n=r===(null==(o=t.ownerDocument)?void 0:o.body),i=M(r),a=n?[i].concat(i.visualViewport||[],pt(r)?r:[]):r,p=e.concat(a);return n?p:p.concat(ct(U(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ut(t,e,o){return e===w?lt(function(t,e){var o=M(t),r=D(t),n=o.visualViewport,i=r.clientWidth,a=r.clientHeight,p=0,s=0;if(n){i=n.width,a=n.height;var c=R();(c||!c&&"fixed"===e)&&(p=n.offsetLeft,s=n.offsetTop)}return{width:i,height:a,x:p+at(t),y:s}}(t,o)):P(e)?function(t,e){var o=$(t,!1,"fixed"===e);return o.top=o.top+t.clientTop,o.left=o.left+t.clientLeft,o.bottom=o.top+t.clientHeight,o.right=o.left+t.clientWidth,o.width=t.clientWidth,o.height=t.clientHeight,o.x=o.left,o.y=o.top,o}(e,o):lt(function(t){var e,o=D(t),r=it(t),n=null==(e=t.ownerDocument)?void 0:e.body,i=W(o.scrollWidth,o.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),a=W(o.scrollHeight,o.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),p=-r.scrollLeft+at(t),s=-r.scrollTop;return"rtl"===F(n||o).direction&&(p+=W(o.clientWidth,n?n.clientWidth:0)-i),{width:i,height:a,x:p,y:s}}(D(t)))}function dt(t){var e,o=t.reference,r=t.element,n=t.placement,i=n?B(n):null,a=n?X(n):null,p=o.x+o.width/2-r.width/2,s=o.y+o.height/2-r.height/2;switch(i){case d:e={x:p,y:o.y-r.height};break;case f:e={x:p,y:o.y+o.height};break;case h:e={x:o.x+o.width,y:s};break;case b:e={x:o.x-r.width,y:s};break;default:e={x:o.x,y:o.y}}var c=i?V(i):null;if(null!=c){var l="y"===c?"height":"width";switch(a){case _:e[c]=e[c]-(o[l]/2-r[l]/2);break;case g:e[c]=e[c]+(o[l]/2-r[l]/2)}}return e}function ft(t,e){void 0===e&&(e={});var o=e.placement,r=void 0===o?t.placement:o,n=e.strategy,i=void 0===n?t.strategy:n,a=e.boundary,p=void 0===a?y:a,s=e.rootBoundary,c=void 0===s?w:s,l=e.elementContext,u=void 0===l?x:l,b=e.altBoundary,v=void 0!==b&&b,_=e.padding,g=void 0===_?0:_,j=J("number"!=typeof g?g:Q(g,m)),k=t.rects.popper,L=t.elements[v?u===x?O:x:u],M=function(t,e,o,r){var n="clippingParents"===e?function(t){var e=ct(U(t)),o=["absolute","fixed"].indexOf(F(t).position)>=0&&z(t)?N(t):t;return P(o)?e.filter((function(t){return P(t)&&C(t,o)&&"body"!==E(t)})):[]}(t):[].concat(e),i=[].concat(n,[o]),a=i.reduce((function(e,o){var n=ut(t,o,r);return e.top=W(n.top,e.top),e.right=S(n.right,e.right),e.bottom=S(n.bottom,e.bottom),e.left=W(n.left,e.left),e}),ut(t,i[0],r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(P(L)?L:L.contextElement||D(t.elements.popper),p,c,i),A=$(t.elements.reference),B=dt({reference:A,element:k,strategy:"absolute",placement:r}),T=lt(Object.assign({},k,B)),q=u===x?T:A,R={top:M.top-q.top+j.top,bottom:q.bottom-M.bottom+j.bottom,left:M.left-q.left+j.left,right:q.right-M.right+j.right},H=t.modifiersData.offset;if(u===x&&H){var I=H[r];Object.keys(R).forEach((function(t){var e=[h,f].indexOf(t)>=0?1:-1,o=[d,f].indexOf(t)>=0?"y":"x";R[t]+=I[o]*e}))}return R}function ht(t,e){void 0===e&&(e={});var o=e.boundary,r=e.rootBoundary,n=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?k:a,s=X(e.placement),c=s?i?j:j.filter((function(t){return X(t)===s})):m,l=c.filter((function(t){return p.indexOf(t)>=0}));0===l.length&&(l=c);var u=l.reduce((function(e,i){return e[i]=ft(t,{placement:i,boundary:o,rootBoundary:r,padding:n})[B(i)],e}),{});return Object.keys(u).sort((function(t,e){return u[t]-u[e]}))}const bt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var n=o.mainAxis,i=void 0===n||n,a=o.altAxis,p=void 0===a||a,s=o.fallbackPlacements,c=o.padding,l=o.boundary,u=o.rootBoundary,m=o.altBoundary,g=o.flipVariations,y=void 0===g||g,w=o.allowedAutoPlacements,x=e.options.placement,O=B(x),j=s||(O!==x&&y?function(t){if(B(t)===v)return[];var e=ot(t);return[nt(t),e,nt(e)]}(x):[ot(x)]),k=[x].concat(j).reduce((function(t,o){return t.concat(B(o)===v?ht(e,{placement:o,boundary:l,rootBoundary:u,padding:c,flipVariations:y,allowedAutoPlacements:w}):o)}),[]),L=e.rects.reference,E=e.rects.popper,M=new Map,P=!0,z=k[0],A=0;A<k.length;A++){var W=k[A],S=B(W),T=X(W)===_,q=[d,f].indexOf(S)>=0,R=q?"width":"height",$=ft(e,{placement:W,boundary:l,rootBoundary:u,altBoundary:m,padding:c}),H=q?T?h:b:T?f:d;L[R]>E[R]&&(H=ot(H));var C=ot(H),F=[];if(i&&F.push($[S]<=0),p&&F.push($[H]<=0,$[C]<=0),F.every((function(t){return t}))){z=W,P=!1;break}M.set(W,F)}if(P)for(var I=function(t){var e=k.find((function(e){var o=M.get(e);if(o)return o.slice(0,t).every((function(t){return t}))}));if(e)return z=e,"break"},D=y?3:1;D>0&&"break"!==I(D);D--);e.placement!==z&&(e.modifiersData[r]._skip=!0,e.placement=z,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function vt(t,e,o){return void 0===o&&(o={x:0,y:0}),{top:t.top-e.height-o.y,right:t.right-e.width+o.x,bottom:t.bottom-e.height+o.y,left:t.left-e.width-o.x}}function mt(t){return[d,h,f,b].some((function(e){return t[e]>=0}))}function _t(t,e,o){void 0===o&&(o=!1);var r,n,i=z(e),a=z(e)&&function(t){var e=t.getBoundingClientRect(),o=T(e.width)/t.offsetWidth||1,r=T(e.height)/t.offsetHeight||1;return 1!==o||1!==r}(e),p=D(e),s=$(t,a,o),c={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!o)&&(("body"!==E(e)||pt(p))&&(c=(r=e)!==M(r)&&z(r)?{scrollLeft:(n=r).scrollLeft,scrollTop:n.scrollTop}:it(r)),z(e)?((l=$(e,!0)).x+=e.clientLeft,l.y+=e.clientTop):p&&(l.x=at(p))),{x:s.left+c.scrollLeft-l.x,y:s.top+c.scrollTop-l.y,width:s.width,height:s.height}}function gt(t){var e=new Map,o=new Set,r=[];function n(t){o.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!o.has(t)){var r=e.get(t);r&&n(r)}})),r.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){o.has(t.name)||n(t)})),r}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function wt(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function xt(t){void 0===t&&(t={});var e=t.defaultModifiers,o=void 0===e?[]:e,r=t.defaultOptions,n=void 0===r?yt:r;return function(t,e,r){void 0===r&&(r=n);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,n),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},s=[],c=!1,l={state:p,setOptions:function(r){var i="function"==typeof r?r(p.options):r;u(),p.options=Object.assign({},n,p.options,i),p.scrollParents={reference:P(t)?ct(t):t.contextElement?ct(t.contextElement):[],popper:ct(e)};var a,c,d=function(t){var e=gt(t);return L.reduce((function(t,o){return t.concat(e.filter((function(t){return t.phase===o})))}),[])}((a=[].concat(o,p.options.modifiers),c=a.reduce((function(t,e){var o=t[e.name];return t[e.name]=o?Object.assign({},o,e,{options:Object.assign({},o.options,e.options),data:Object.assign({},o.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,o=t.effect;if("function"==typeof o){var r=o({state:p,name:t.name,instance:l,options:void 0===e?{}:e});s.push(r||function(){})}})),l.update()},forceUpdate:function(){if(!c){var t=p.elements,e=t.reference,o=t.popper;if(wt(e,o)){p.rects={reference:_t(e,N(o),"fixed"===p.options.strategy),popper:H(o)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<p.orderedModifiers.length;r++)if(!0!==p.reset){var n=p.orderedModifiers[r],i=n.fn,a=n.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:n.name,instance:l})||p)}else p.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){l.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){u(),c=!0}};if(!wt(t,e))return l;function u(){s.forEach((function(t){return t()})),s=[]}return l.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),l}}var Ot=xt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,o=t.instance,r=t.options,n=r.scroll,i=void 0===n||n,a=r.resize,p=void 0===a||a,s=M(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",o.update,tt)})),p&&s.addEventListener("resize",o.update,tt),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",o.update,tt)})),p&&s.removeEventListener("resize",o.update,tt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=dt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,o=t.options,r=o.gpuAcceleration,n=void 0===r||r,i=o.adaptive,a=void 0===i||i,p=o.roundOffsets,s=void 0===p||p,c={placement:B(e.placement),variation:X(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Z(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Z(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var o=e.styles[t]||{},r=e.attributes[t]||{},n=e.elements[t];z(n)&&E(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){var e=r[t];!1===e?n.removeAttribute(t):n.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,o={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,o.popper),e.styles=o,e.elements.arrow&&Object.assign(e.elements.arrow.style,o.arrow),function(){Object.keys(e.elements).forEach((function(t){var r=e.elements[t],n=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:o[t]).reduce((function(t,e){return t[e]="",t}),{});z(r)&&E(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,o=t.name,r=t.options.offset,n=void 0===r?[0,0]:r,i=k.reduce((function(t,o){return t[o]=function(t,e,o){var r=B(t),n=[b,d].indexOf(r)>=0?-1:1,i="function"==typeof o?o(Object.assign({},e,{placement:t})):o,a=i[0],p=i[1];return a=a||0,p=(p||0)*n,[b,h].indexOf(r)>=0?{x:p,y:a}:{x:a,y:p}}(o,e.rects,n),t}),{}),a=i[e.placement],p=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=p),e.modifiersData[o]=i}},bt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,r=t.name,n=o.mainAxis,i=void 0===n||n,a=o.altAxis,p=void 0!==a&&a,s=o.tether,c=void 0===s||s,l=o.tetherOffset,u=void 0===l?0:l,v=ft(e,{boundary:o.boundary,rootBoundary:o.rootBoundary,padding:o.padding,altBoundary:o.altBoundary}),m=B(e.placement),g=X(e.placement),y=!g,w=V(m),x="x"===w?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,L="function"==typeof u?u(Object.assign({},e.rects,{placement:e.placement})):u,E="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),M=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(O){if(i){var z,A="y"===w?d:b,T="y"===w?f:h,q="y"===w?"height":"width",R=O[w],$=R+v[A],C=R-v[T],F=c?-k[q]/2:0,I=g===_?j[q]:k[q],D=g===_?-k[q]:-j[q],U=e.elements.arrow,K=c&&U?H(U):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=J[A],Y=J[T],Z=G(0,j[q],K[q]),tt=y?j[q]/2-F-Z-Q-E.mainAxis:I-Z-Q-E.mainAxis,et=y?-j[q]/2+F+Z+Y+E.mainAxis:D+Z+Y+E.mainAxis,ot=e.elements.arrow&&N(e.elements.arrow),rt=null!=(z=null==M?void 0:M[w])?z:0,nt=R+et-rt,it=G(c?S($,R+tt-rt-(ot?"y"===w?ot.clientTop||0:ot.clientLeft||0:0)):$,R,c?W(C,nt):C);O[w]=it,P[w]=it-R}if(p){var at,pt=O[x],st="y"===x?"height":"width",ct=pt+v["x"===w?d:b],lt=pt-v["x"===w?f:h],ut=-1!==[d,b].indexOf(m),dt=null!=(at=null==M?void 0:M[x])?at:0,ht=ut?ct:pt-j[st]-k[st]-dt+E.altAxis,bt=ut?pt+j[st]+k[st]-dt-E.altAxis:lt,vt=c&&ut?function(t,e,o){var r=G(t,e,o);return r>o?o:r}(ht,pt,bt):G(c?ht:ct,pt,c?bt:lt);O[x]=vt,P[x]=vt-pt}e.modifiersData[r]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,o=t.state,r=t.name,n=t.options,i=o.elements.arrow,a=o.modifiersData.popperOffsets,p=B(o.placement),s=V(p),c=[b,h].indexOf(p)>=0?"height":"width";if(i&&a){var l=function(t,e){return J("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Q(t,m))}(n.padding,o),u=H(i),v="y"===s?d:b,_="y"===s?f:h,g=o.rects.reference[c]+o.rects.reference[s]-a[s]-o.rects.popper[c],y=a[s]-o.rects.reference[s],w=N(i),x=w?"y"===s?w.clientHeight||0:w.clientWidth||0:0,O=x/2-u[c]/2+(g/2-y/2),j=G(l[v],O,x-u[c]-l[_]);o.modifiersData[r]=((e={})[s]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,o=t.options.element,r=void 0===o?"[data-popper-arrow]":o;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&C(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,o=t.name,r=e.rects.reference,n=e.rects.popper,i=e.modifiersData.preventOverflow,a=ft(e,{elementContext:"reference"}),p=ft(e,{altBoundary:!0}),s=vt(a,r),c=vt(p,n,i),l=mt(s),u=mt(c);e.modifiersData[o]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:l,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":u})}}]});const jt=class{constructor(o){t(this,o),this.balChange=e(this,"balChange",7),this.balWillAnimate=e(this,"balWillAnimate",7),this.balDidAnimate=e(this,"balDidAnimate",7),this.balPopoverPrepare=e(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+kt++,this.isTouch=l.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Ot(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),s.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,o;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,o;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return s.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=p.block("popover");return o(r,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&o("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),o("slot",null))}get element(){return n(this)}static get watchers(){return{active:["activeChanged"]}}};i([c("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],jt.prototype,"createLogger",null),i([u(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],jt.prototype,"breakpointListener",null);let kt=0;jt.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const Lt=class{constructor(e){t(this,e),this.isTouch=l.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){s.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const o={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),o)}componentWillLoad(){s.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=p.block("popover").element("content");return o(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},o("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},o("slot",null)),o("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return n(this)}};i([u(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Lt.prototype,"breakpointListener",null);export{jt as bal_popover,Lt as bal_popover_content}
|
|
1
|
+
import{r as t,c as e,h as o,H as r,g as n}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as p}from"./p-ae86d0a0.js";import{b as s}from"./p-a65354df.js";import{L as c}from"./p-b77e3348.js";import{b as l}from"./p-e851f284.js";import{L as u}from"./p-f7091a61.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-ec4875a2.js";var d="top",f="bottom",h="right",b="left",v="auto",m=[d,f,h,b],_="start",g="end",y="clippingParents",w="viewport",x="popper",O="reference",j=m.reduce((function(t,e){return t.concat([e+"-"+_,e+"-"+g])}),[]),k=[].concat(m,[v]).reduce((function(t,e){return t.concat([e,e+"-"+_,e+"-"+g])}),[]),L=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function E(t){return t?(t.nodeName||"").toLowerCase():null}function M(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function P(t){return t instanceof M(t).Element||t instanceof Element}function z(t){return t instanceof M(t).HTMLElement||t instanceof HTMLElement}function A(t){return"undefined"!=typeof ShadowRoot&&(t instanceof M(t).ShadowRoot||t instanceof ShadowRoot)}function B(t){return t.split("-")[0]}var W=Math.max,S=Math.min,T=Math.round;function q(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(q())}function $(t,e,o){void 0===e&&(e=!1),void 0===o&&(o=!1);var r=t.getBoundingClientRect(),n=1,i=1;e&&z(t)&&(n=t.offsetWidth>0&&T(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&T(r.height)/t.offsetHeight||1);var a=(P(t)?M(t):window).visualViewport,p=!R()&&o,s=(r.left+(p&&a?a.offsetLeft:0))/n,c=(r.top+(p&&a?a.offsetTop:0))/i,l=r.width/n,u=r.height/i;return{width:l,height:u,top:c,right:s+l,bottom:c+u,left:s,x:s,y:c}}function H(t){var e=$(t),o=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-o)<=1&&(o=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:o,height:r}}function C(t,e){var o=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(o&&A(o)){var r=e;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function F(t){return M(t).getComputedStyle(t)}function I(t){return["table","td","th"].indexOf(E(t))>=0}function D(t){return((P(t)?t.ownerDocument:t.document)||window.document).documentElement}function U(t){return"html"===E(t)?t:t.assignedSlot||t.parentNode||(A(t)?t.host:null)||D(t)}function K(t){return z(t)&&"fixed"!==F(t).position?t.offsetParent:null}function N(t){for(var e=M(t),o=K(t);o&&I(o)&&"static"===F(o).position;)o=K(o);return o&&("html"===E(o)||"body"===E(o)&&"static"===F(o).position)?e:o||function(t){var e=/firefox/i.test(q());if(/Trident/i.test(q())&&z(t)&&"fixed"===F(t).position)return null;var o=U(t);for(A(o)&&(o=o.host);z(o)&&["html","body"].indexOf(E(o))<0;){var r=F(o);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return o;o=o.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function G(t,e,o){return W(t,S(e,o))}function J(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Q(t,e){return e.reduce((function(e,o){return e[o]=t,e}),{})}function X(t){return t.split("-")[1]}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Z(t){var e,o=t.popper,r=t.popperRect,n=t.placement,i=t.variation,a=t.offsets,p=t.position,s=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,u=t.isFixed,v=a.x,m=void 0===v?0:v,_=a.y,y=void 0===_?0:_,w="function"==typeof l?l({x:m,y}):{x:m,y};m=w.x,y=w.y;var x=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=b,k=d,L=window;if(c){var E=N(o),P="clientHeight",z="clientWidth";E===M(o)&&"static"!==F(E=D(o)).position&&"absolute"===p&&(P="scrollHeight",z="scrollWidth"),(n===d||(n===b||n===h)&&i===g)&&(k=f,y-=(u&&E===L&&L.visualViewport?L.visualViewport.height:E[P])-r.height,y*=s?1:-1),n!==b&&(n!==d&&n!==f||i!==g)||(j=h,m-=(u&&E===L&&L.visualViewport?L.visualViewport.width:E[z])-r.width,m*=s?1:-1)}var A,B=Object.assign({position:p},c&&Y),W=!0===l?function(t,e){var o=t.y,r=e.devicePixelRatio||1;return{x:T(t.x*r)/r||0,y:T(o*r)/r||0}}({x:m,y},M(o)):{x:m,y};return m=W.x,y=W.y,Object.assign({},B,s?((A={})[k]=O?"0":"",A[j]=x?"0":"",A.transform=(L.devicePixelRatio||1)<=1?"translate("+m+"px, "+y+"px)":"translate3d("+m+"px, "+y+"px, 0)",A):((e={})[k]=O?y+"px":"",e[j]=x?m+"px":"",e.transform="",e))}var tt={passive:!0},et={left:"right",right:"left",bottom:"top",top:"bottom"};function ot(t){return t.replace(/left|right|bottom|top/g,(function(t){return et[t]}))}var rt={start:"end",end:"start"};function nt(t){return t.replace(/start|end/g,(function(t){return rt[t]}))}function it(t){var e=M(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function at(t){return $(D(t)).left+it(t).scrollLeft}function pt(t){var e=F(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function st(t){return["html","body","#document"].indexOf(E(t))>=0?t.ownerDocument.body:z(t)&&pt(t)?t:st(U(t))}function ct(t,e){var o;void 0===e&&(e=[]);var r=st(t),n=r===(null==(o=t.ownerDocument)?void 0:o.body),i=M(r),a=n?[i].concat(i.visualViewport||[],pt(r)?r:[]):r,p=e.concat(a);return n?p:p.concat(ct(U(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ut(t,e,o){return e===w?lt(function(t,e){var o=M(t),r=D(t),n=o.visualViewport,i=r.clientWidth,a=r.clientHeight,p=0,s=0;if(n){i=n.width,a=n.height;var c=R();(c||!c&&"fixed"===e)&&(p=n.offsetLeft,s=n.offsetTop)}return{width:i,height:a,x:p+at(t),y:s}}(t,o)):P(e)?function(t,e){var o=$(t,!1,"fixed"===e);return o.top=o.top+t.clientTop,o.left=o.left+t.clientLeft,o.bottom=o.top+t.clientHeight,o.right=o.left+t.clientWidth,o.width=t.clientWidth,o.height=t.clientHeight,o.x=o.left,o.y=o.top,o}(e,o):lt(function(t){var e,o=D(t),r=it(t),n=null==(e=t.ownerDocument)?void 0:e.body,i=W(o.scrollWidth,o.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),a=W(o.scrollHeight,o.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),p=-r.scrollLeft+at(t),s=-r.scrollTop;return"rtl"===F(n||o).direction&&(p+=W(o.clientWidth,n?n.clientWidth:0)-i),{width:i,height:a,x:p,y:s}}(D(t)))}function dt(t){var e,o=t.reference,r=t.element,n=t.placement,i=n?B(n):null,a=n?X(n):null,p=o.x+o.width/2-r.width/2,s=o.y+o.height/2-r.height/2;switch(i){case d:e={x:p,y:o.y-r.height};break;case f:e={x:p,y:o.y+o.height};break;case h:e={x:o.x+o.width,y:s};break;case b:e={x:o.x-r.width,y:s};break;default:e={x:o.x,y:o.y}}var c=i?V(i):null;if(null!=c){var l="y"===c?"height":"width";switch(a){case _:e[c]=e[c]-(o[l]/2-r[l]/2);break;case g:e[c]=e[c]+(o[l]/2-r[l]/2)}}return e}function ft(t,e){void 0===e&&(e={});var o=e.placement,r=void 0===o?t.placement:o,n=e.strategy,i=void 0===n?t.strategy:n,a=e.boundary,p=void 0===a?y:a,s=e.rootBoundary,c=void 0===s?w:s,l=e.elementContext,u=void 0===l?x:l,b=e.altBoundary,v=void 0!==b&&b,_=e.padding,g=void 0===_?0:_,j=J("number"!=typeof g?g:Q(g,m)),k=t.rects.popper,L=t.elements[v?u===x?O:x:u],M=function(t,e,o,r){var n="clippingParents"===e?function(t){var e=ct(U(t)),o=["absolute","fixed"].indexOf(F(t).position)>=0&&z(t)?N(t):t;return P(o)?e.filter((function(t){return P(t)&&C(t,o)&&"body"!==E(t)})):[]}(t):[].concat(e),i=[].concat(n,[o]),a=i.reduce((function(e,o){var n=ut(t,o,r);return e.top=W(n.top,e.top),e.right=S(n.right,e.right),e.bottom=S(n.bottom,e.bottom),e.left=W(n.left,e.left),e}),ut(t,i[0],r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(P(L)?L:L.contextElement||D(t.elements.popper),p,c,i),A=$(t.elements.reference),B=dt({reference:A,element:k,strategy:"absolute",placement:r}),T=lt(Object.assign({},k,B)),q=u===x?T:A,R={top:M.top-q.top+j.top,bottom:q.bottom-M.bottom+j.bottom,left:M.left-q.left+j.left,right:q.right-M.right+j.right},H=t.modifiersData.offset;if(u===x&&H){var I=H[r];Object.keys(R).forEach((function(t){var e=[h,f].indexOf(t)>=0?1:-1,o=[d,f].indexOf(t)>=0?"y":"x";R[t]+=I[o]*e}))}return R}function ht(t,e){void 0===e&&(e={});var o=e.boundary,r=e.rootBoundary,n=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?k:a,s=X(e.placement),c=s?i?j:j.filter((function(t){return X(t)===s})):m,l=c.filter((function(t){return p.indexOf(t)>=0}));0===l.length&&(l=c);var u=l.reduce((function(e,i){return e[i]=ft(t,{placement:i,boundary:o,rootBoundary:r,padding:n})[B(i)],e}),{});return Object.keys(u).sort((function(t,e){return u[t]-u[e]}))}const bt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var n=o.mainAxis,i=void 0===n||n,a=o.altAxis,p=void 0===a||a,s=o.fallbackPlacements,c=o.padding,l=o.boundary,u=o.rootBoundary,m=o.altBoundary,g=o.flipVariations,y=void 0===g||g,w=o.allowedAutoPlacements,x=e.options.placement,O=B(x),j=s||(O!==x&&y?function(t){if(B(t)===v)return[];var e=ot(t);return[nt(t),e,nt(e)]}(x):[ot(x)]),k=[x].concat(j).reduce((function(t,o){return t.concat(B(o)===v?ht(e,{placement:o,boundary:l,rootBoundary:u,padding:c,flipVariations:y,allowedAutoPlacements:w}):o)}),[]),L=e.rects.reference,E=e.rects.popper,M=new Map,P=!0,z=k[0],A=0;A<k.length;A++){var W=k[A],S=B(W),T=X(W)===_,q=[d,f].indexOf(S)>=0,R=q?"width":"height",$=ft(e,{placement:W,boundary:l,rootBoundary:u,altBoundary:m,padding:c}),H=q?T?h:b:T?f:d;L[R]>E[R]&&(H=ot(H));var C=ot(H),F=[];if(i&&F.push($[S]<=0),p&&F.push($[H]<=0,$[C]<=0),F.every((function(t){return t}))){z=W,P=!1;break}M.set(W,F)}if(P)for(var I=function(t){var e=k.find((function(e){var o=M.get(e);if(o)return o.slice(0,t).every((function(t){return t}))}));if(e)return z=e,"break"},D=y?3:1;D>0&&"break"!==I(D);D--);e.placement!==z&&(e.modifiersData[r]._skip=!0,e.placement=z,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function vt(t,e,o){return void 0===o&&(o={x:0,y:0}),{top:t.top-e.height-o.y,right:t.right-e.width+o.x,bottom:t.bottom-e.height+o.y,left:t.left-e.width-o.x}}function mt(t){return[d,h,f,b].some((function(e){return t[e]>=0}))}function _t(t,e,o){void 0===o&&(o=!1);var r,n,i=z(e),a=z(e)&&function(t){var e=t.getBoundingClientRect(),o=T(e.width)/t.offsetWidth||1,r=T(e.height)/t.offsetHeight||1;return 1!==o||1!==r}(e),p=D(e),s=$(t,a,o),c={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!o)&&(("body"!==E(e)||pt(p))&&(c=(r=e)!==M(r)&&z(r)?{scrollLeft:(n=r).scrollLeft,scrollTop:n.scrollTop}:it(r)),z(e)?((l=$(e,!0)).x+=e.clientLeft,l.y+=e.clientTop):p&&(l.x=at(p))),{x:s.left+c.scrollLeft-l.x,y:s.top+c.scrollTop-l.y,width:s.width,height:s.height}}function gt(t){var e=new Map,o=new Set,r=[];function n(t){o.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!o.has(t)){var r=e.get(t);r&&n(r)}})),r.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){o.has(t.name)||n(t)})),r}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function wt(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function xt(t){void 0===t&&(t={});var e=t.defaultModifiers,o=void 0===e?[]:e,r=t.defaultOptions,n=void 0===r?yt:r;return function(t,e,r){void 0===r&&(r=n);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,n),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},s=[],c=!1,l={state:p,setOptions:function(r){var i="function"==typeof r?r(p.options):r;u(),p.options=Object.assign({},n,p.options,i),p.scrollParents={reference:P(t)?ct(t):t.contextElement?ct(t.contextElement):[],popper:ct(e)};var a,c,d=function(t){var e=gt(t);return L.reduce((function(t,o){return t.concat(e.filter((function(t){return t.phase===o})))}),[])}((a=[].concat(o,p.options.modifiers),c=a.reduce((function(t,e){var o=t[e.name];return t[e.name]=o?Object.assign({},o,e,{options:Object.assign({},o.options,e.options),data:Object.assign({},o.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,o=t.effect;if("function"==typeof o){var r=o({state:p,name:t.name,instance:l,options:void 0===e?{}:e});s.push(r||function(){})}})),l.update()},forceUpdate:function(){if(!c){var t=p.elements,e=t.reference,o=t.popper;if(wt(e,o)){p.rects={reference:_t(e,N(o),"fixed"===p.options.strategy),popper:H(o)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<p.orderedModifiers.length;r++)if(!0!==p.reset){var n=p.orderedModifiers[r],i=n.fn,a=n.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:n.name,instance:l})||p)}else p.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){l.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){u(),c=!0}};if(!wt(t,e))return l;function u(){s.forEach((function(t){return t()})),s=[]}return l.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),l}}var Ot=xt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,o=t.instance,r=t.options,n=r.scroll,i=void 0===n||n,a=r.resize,p=void 0===a||a,s=M(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",o.update,tt)})),p&&s.addEventListener("resize",o.update,tt),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",o.update,tt)})),p&&s.removeEventListener("resize",o.update,tt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=dt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,o=t.options,r=o.gpuAcceleration,n=void 0===r||r,i=o.adaptive,a=void 0===i||i,p=o.roundOffsets,s=void 0===p||p,c={placement:B(e.placement),variation:X(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Z(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Z(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var o=e.styles[t]||{},r=e.attributes[t]||{},n=e.elements[t];z(n)&&E(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){var e=r[t];!1===e?n.removeAttribute(t):n.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,o={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,o.popper),e.styles=o,e.elements.arrow&&Object.assign(e.elements.arrow.style,o.arrow),function(){Object.keys(e.elements).forEach((function(t){var r=e.elements[t],n=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:o[t]).reduce((function(t,e){return t[e]="",t}),{});z(r)&&E(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,o=t.name,r=t.options.offset,n=void 0===r?[0,0]:r,i=k.reduce((function(t,o){return t[o]=function(t,e,o){var r=B(t),n=[b,d].indexOf(r)>=0?-1:1,i="function"==typeof o?o(Object.assign({},e,{placement:t})):o,a=i[0],p=i[1];return a=a||0,p=(p||0)*n,[b,h].indexOf(r)>=0?{x:p,y:a}:{x:a,y:p}}(o,e.rects,n),t}),{}),a=i[e.placement],p=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=p),e.modifiersData[o]=i}},bt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,r=t.name,n=o.mainAxis,i=void 0===n||n,a=o.altAxis,p=void 0!==a&&a,s=o.tether,c=void 0===s||s,l=o.tetherOffset,u=void 0===l?0:l,v=ft(e,{boundary:o.boundary,rootBoundary:o.rootBoundary,padding:o.padding,altBoundary:o.altBoundary}),m=B(e.placement),g=X(e.placement),y=!g,w=V(m),x="x"===w?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,L="function"==typeof u?u(Object.assign({},e.rects,{placement:e.placement})):u,E="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),M=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(O){if(i){var z,A="y"===w?d:b,T="y"===w?f:h,q="y"===w?"height":"width",R=O[w],$=R+v[A],C=R-v[T],F=c?-k[q]/2:0,I=g===_?j[q]:k[q],D=g===_?-k[q]:-j[q],U=e.elements.arrow,K=c&&U?H(U):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=J[A],Y=J[T],Z=G(0,j[q],K[q]),tt=y?j[q]/2-F-Z-Q-E.mainAxis:I-Z-Q-E.mainAxis,et=y?-j[q]/2+F+Z+Y+E.mainAxis:D+Z+Y+E.mainAxis,ot=e.elements.arrow&&N(e.elements.arrow),rt=null!=(z=null==M?void 0:M[w])?z:0,nt=R+et-rt,it=G(c?S($,R+tt-rt-(ot?"y"===w?ot.clientTop||0:ot.clientLeft||0:0)):$,R,c?W(C,nt):C);O[w]=it,P[w]=it-R}if(p){var at,pt=O[x],st="y"===x?"height":"width",ct=pt+v["x"===w?d:b],lt=pt-v["x"===w?f:h],ut=-1!==[d,b].indexOf(m),dt=null!=(at=null==M?void 0:M[x])?at:0,ht=ut?ct:pt-j[st]-k[st]-dt+E.altAxis,bt=ut?pt+j[st]+k[st]-dt-E.altAxis:lt,vt=c&&ut?function(t,e,o){var r=G(t,e,o);return r>o?o:r}(ht,pt,bt):G(c?ht:ct,pt,c?bt:lt);O[x]=vt,P[x]=vt-pt}e.modifiersData[r]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,o=t.state,r=t.name,n=t.options,i=o.elements.arrow,a=o.modifiersData.popperOffsets,p=B(o.placement),s=V(p),c=[b,h].indexOf(p)>=0?"height":"width";if(i&&a){var l=function(t,e){return J("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Q(t,m))}(n.padding,o),u=H(i),v="y"===s?d:b,_="y"===s?f:h,g=o.rects.reference[c]+o.rects.reference[s]-a[s]-o.rects.popper[c],y=a[s]-o.rects.reference[s],w=N(i),x=w?"y"===s?w.clientHeight||0:w.clientWidth||0:0,O=x/2-u[c]/2+(g/2-y/2),j=G(l[v],O,x-u[c]-l[_]);o.modifiersData[r]=((e={})[s]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,o=t.options.element,r=void 0===o?"[data-popper-arrow]":o;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&C(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,o=t.name,r=e.rects.reference,n=e.rects.popper,i=e.modifiersData.preventOverflow,a=ft(e,{elementContext:"reference"}),p=ft(e,{altBoundary:!0}),s=vt(a,r),c=vt(p,n,i),l=mt(s),u=mt(c);e.modifiersData[o]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:l,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":u})}}]});const jt=class{constructor(o){t(this,o),this.balChange=e(this,"balChange",7),this.balWillAnimate=e(this,"balWillAnimate",7),this.balDidAnimate=e(this,"balDidAnimate",7),this.balPopoverPrepare=e(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+kt++,this.isTouch=l.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Ot(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),s.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,o;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,o;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return s.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=p.block("popover");return o(r,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&o("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),o("slot",null))}get element(){return n(this)}static get watchers(){return{active:["activeChanged"]}}};i([c("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],jt.prototype,"createLogger",null),i([u(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],jt.prototype,"breakpointListener",null);let kt=0;jt.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const Lt=class{constructor(e){t(this,e),this.isTouch=l.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){s.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const o={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),o)}componentWillLoad(){s.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=p.block("popover").element("content");return o(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},o("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},o("slot",null)),o("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return n(this)}};i([u(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Lt.prototype,"breakpointListener",null);export{jt as bal_popover,Lt as bal_popover_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as n}from"./p-e851f284.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
|
|
@@ -9,9 +9,12 @@ const bem = require('./bem-81bc6a2d.js');
|
|
|
9
9
|
const log = require('./log-33398c2a.js');
|
|
10
10
|
const config_decorator = require('./config.decorator-b393a72f.js');
|
|
11
11
|
const formInput = require('./form-input-134c5116.js');
|
|
12
|
+
const index_esm = require('./index.esm-4587dbf0.js');
|
|
12
13
|
require('./browser-1d542d0f.js');
|
|
13
14
|
require('./icons.constant-7c82086a.js');
|
|
14
15
|
require('./config.utils-e4cd49d6.js');
|
|
16
|
+
require('./index-e6a233be.js');
|
|
17
|
+
require('./_commonjsHelpers-68cdf74f.js');
|
|
15
18
|
|
|
16
19
|
const balAccordionCss = ".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{overflow:hidden;will-change:max-height}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";
|
|
17
20
|
const BalAccordionStyle0 = balAccordionCss;
|
|
@@ -363,7 +366,7 @@ tslib_es6.__decorate([
|
|
|
363
366
|
let accordionDetailIds = 0;
|
|
364
367
|
AccordionDetails.style = BalAccordionDetailsStyle0;
|
|
365
368
|
|
|
366
|
-
const balAccordionSummaryCss = ".bal-accordion__summary{position:static}.bal-accordion__summary--trigger{cursor:pointer}";
|
|
369
|
+
const balAccordionSummaryCss = "@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";
|
|
367
370
|
const BalAccordionSummaryStyle0 = balAccordionSummaryCss;
|
|
368
371
|
|
|
369
372
|
const AccordionSummary = class {
|
|
@@ -384,6 +387,13 @@ const AccordionSummary = class {
|
|
|
384
387
|
formInput.stopEventBubbling(ev);
|
|
385
388
|
(_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.humanToggle();
|
|
386
389
|
};
|
|
390
|
+
this.onKeyDown = (ev) => {
|
|
391
|
+
var _a;
|
|
392
|
+
if (index_esm.isEnterKey(ev) || index_esm.isSpaceKey(ev)) {
|
|
393
|
+
formInput.stopEventBubbling(ev);
|
|
394
|
+
(_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.humanToggle();
|
|
395
|
+
}
|
|
396
|
+
};
|
|
387
397
|
this.parentAccordionId = undefined;
|
|
388
398
|
this.trigger = false;
|
|
389
399
|
this.active = false;
|
|
@@ -432,12 +442,14 @@ const AccordionSummary = class {
|
|
|
432
442
|
attributes = {
|
|
433
443
|
'aria-controls': `${this.parentAccordionId}-details-content`,
|
|
434
444
|
'role': 'button',
|
|
445
|
+
'tabindex': 0,
|
|
435
446
|
'part': buttonPart,
|
|
436
447
|
'data-testid': 'bal-accordion-button',
|
|
437
448
|
'onClick': this.onClick,
|
|
449
|
+
'onKeyDown': this.onKeyDown,
|
|
438
450
|
};
|
|
439
451
|
}
|
|
440
|
-
return (index.h(index.Host, Object.assign({ id: id, class: Object.assign(Object.assign({}, block.class()), block.modifier('trigger').class(this.trigger)) }, attributes, { "data-testid": "bal-accordion-summary" })));
|
|
452
|
+
return (index.h(index.Host, Object.assign({ id: id, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('trigger').class(this.trigger)), block.modifier('inner-trigger').class(!this.trigger)), { 'bal-focused': this.trigger }) }, attributes, { "data-testid": "bal-accordion-summary" })));
|
|
441
453
|
}
|
|
442
454
|
get el() { return index.getElement(this); }
|
|
443
455
|
};
|
|
@@ -450,7 +462,7 @@ tslib_es6.__decorate([
|
|
|
450
462
|
let accordionSummaryIds = 0;
|
|
451
463
|
AccordionSummary.style = BalAccordionSummaryStyle0;
|
|
452
464
|
|
|
453
|
-
const balAccordionTriggerCss = ".bal-accordion__trigger{position:static}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";
|
|
465
|
+
const balAccordionTriggerCss = "@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";
|
|
454
466
|
const BalAccordionTriggerStyle0 = balAccordionTriggerCss;
|
|
455
467
|
|
|
456
468
|
const AccordionTrigger = class {
|
|
@@ -503,6 +515,10 @@ const AccordionTrigger = class {
|
|
|
503
515
|
var _a;
|
|
504
516
|
return ((_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('bal-accordion')) || null;
|
|
505
517
|
}
|
|
518
|
+
get parentAccordionSummaryElement() {
|
|
519
|
+
var _a;
|
|
520
|
+
return ((_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('bal-accordion-summary')) || null;
|
|
521
|
+
}
|
|
506
522
|
/**
|
|
507
523
|
* RENDER
|
|
508
524
|
* ------------------------------------------------------
|
|
@@ -519,7 +535,16 @@ const AccordionTrigger = class {
|
|
|
519
535
|
}
|
|
520
536
|
const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
|
|
521
537
|
const buttonPart = expanded ? 'button expanded' : 'button';
|
|
522
|
-
|
|
538
|
+
const parentSummaryEl = this.parentAccordionSummaryElement;
|
|
539
|
+
let triggerAttributes = {
|
|
540
|
+
tabindex: -1,
|
|
541
|
+
};
|
|
542
|
+
if (parentSummaryEl && !parentSummaryEl.trigger) {
|
|
543
|
+
triggerAttributes = {
|
|
544
|
+
tabindex: 0,
|
|
545
|
+
};
|
|
546
|
+
}
|
|
547
|
+
return (index.h(index.Host, { id: id, class: Object.assign({}, block.class()) }, this.button ? (index.h("bal-button", { id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, part: buttonPart, "data-testid": "bal-accordion-trigger", expanded: true, icon: icon, iconTurn: turn, color: this.color, size: this.size, onClick: this.onClick }, label)) : (index.h("button", Object.assign({ class: Object.assign(Object.assign({}, block.element('button').class()), { 'bal-focused': parentSummaryEl && !parentSummaryEl.trigger }), id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, "aria-label": "accordion trigger", part: buttonPart, "data-testid": "bal-accordion-trigger", onClick: this.onClick }, triggerAttributes), index.h("bal-icon", { turn: turn, name: icon })))));
|
|
523
548
|
}
|
|
524
549
|
get el() { return index.getElement(this); }
|
|
525
550
|
};
|