@baloise/ds-core 19.8.4 → 19.9.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/components/bal-logo.animation.js +77 -940
- package/components/bal-logo2.js +34 -19
- package/components/config.default.js +1 -0
- package/components/index.js +10 -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/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-a53c24274c.entry.js → p-0077e5a12f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-26085b7dcc.system.entry.js → p-0556bebe3a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-255e5491e6.system.entry.js → p-14ae6214c4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-38fa211868.entry.js → p-1ee3f23f54.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b01f9c5651.entry.js → p-2333a469fa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1074fb7fbc.entry.js → p-37641c340c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dcebb4b8a2.system.entry.js → p-393a31ad6e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6cb5253aa.system.entry.js → p-3ed3bfc59a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a32d50871a.system.entry.js → p-40f2569a17.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-70bdd60500.system.entry.js → p-41c63c9a82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a2a1ed74fe.system.entry.js → p-44137a3d17.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c29bcf4e69.entry.js → p-493e239429.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1df2fb625c.entry.js → p-4b2eeb8c37.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8cf1d029e7.entry.js → p-4be902176f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31abb1f859.entry.js → p-54f5a92feb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-41dcd76f1f.system.entry.js → p-5c3f48e883.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9da9d45bda.system.entry.js → p-6191805e40.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b38b2e9484.system.entry.js → p-772db94619.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6238b798a.system.entry.js → p-79006350e3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-26764b092e.entry.js → p-7b52e9987d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f91be8b19a.entry.js → p-7f2e1e1be7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93dc4e9ec8.entry.js → p-8029d2f939.entry.js} +1 -1
- package/dist/baloise-design-system/{p-878f4e40a8.entry.js → p-862bf2c3e6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d94f439c3b.system.entry.js → p-9191e04f14.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d4252ea848.system.entry.js → p-9417cf5581.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ac1cd5a1e1.system.entry.js → p-979dfed703.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-B3ZVog4n.system.js → p-BDYdAsv_.system.js} +1 -1
- package/dist/baloise-design-system/p-BFRjY4w3.js +1 -0
- package/dist/baloise-design-system/p-BIBFYhYa.system.js +1 -0
- package/dist/baloise-design-system/p-BRAmUyPx.system.js +1 -0
- package/dist/baloise-design-system/p-Bk7UdnZ5.system.js +1 -0
- package/dist/baloise-design-system/p-CBkFUwrD.js +1 -0
- package/dist/baloise-design-system/{p-DAsF8QfB.system.js → p-CE3V5D8z.system.js} +1 -1
- package/dist/baloise-design-system/p-CKN3W8qn.js +1 -0
- package/dist/baloise-design-system/p-CM3hCeNH.js +1 -0
- package/dist/baloise-design-system/p-CsPrCX4f.system.js +1 -0
- package/dist/baloise-design-system/p-CuyVPNj2.system.js +1 -0
- package/dist/baloise-design-system/{p-ReLIdwsB.js → p-DmVt6SeJ.js} +1 -1
- package/dist/baloise-design-system/{p-COIM5Kkz.js → p-Dn1vzM6-.js} +1 -1
- package/dist/baloise-design-system/p-Ere8qsaI.js +1 -0
- package/dist/baloise-design-system/p-Yg1qLcvR.js +1 -0
- package/dist/baloise-design-system/{p-3f596ba050.entry.js → p-a10bc9e5d8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cb3abec4bd.system.entry.js → p-a31aacd887.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4256f1331b.entry.js → p-a3c4c9d422.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6670584628.entry.js → p-a7503a0c9d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93311a064b.system.entry.js → p-aec5e73a82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0b05d342f5.entry.js → p-b13d48cf28.entry.js} +1 -1
- package/dist/baloise-design-system/{p-81a7d8f03d.entry.js → p-b75b727fbc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cd6d0bfa91.system.entry.js → p-b9bbf796f3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-BVitEMYC.system.js → p-bNRkwxp2.system.js} +1 -1
- package/dist/baloise-design-system/{p-0db571d8f2.system.entry.js → p-bb255885a4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-99a9cc7202.entry.js → p-bd5655b6a8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-042570e1b4.system.entry.js → p-c1f871bb5b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c23854bd63.entry.js +1 -0
- package/dist/baloise-design-system/{p-5a66d8f568.entry.js → p-c637edb9ea.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f682c289a1.system.entry.js → p-c8491fda99.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c291d986ba.entry.js → p-ce2de36f43.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4aeaa1a916.system.entry.js → p-d20d698c0b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f55a98dc20.entry.js → p-dc45f7cf9c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-133b5a4986.entry.js → p-ea9aa92049.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f8b560b22f.system.entry.js → p-eb98a3713f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e1b3b1f609.system.entry.js → p-ec911df779.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b4ff1b324f.system.entry.js → p-ee0b45ff30.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06ae31c81e.entry.js → p-efd2551aca.entry.js} +1 -1
- package/dist/baloise-design-system/p-fb980109e2.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-e2e7e3c5c4.entry.js → p-fec5974e23.entry.js} +1 -1
- package/dist/baloise-design-system/p-giOY60zQ.system.js +1 -0
- package/dist/baloise-design-system/p-ncoiCFQ1.system.js +1 -0
- package/dist/cjs/{app-globals-C_KNnTwa.js → app-globals-D4xKyILL.js} +1 -1
- package/dist/cjs/bal-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-close.cjs.entry.js +1 -1
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-field_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-footer.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-stepper.cjs.entry.js +2 -2
- package/dist/cjs/bal-label.cjs.entry.js +1 -1
- package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
- package/dist/cjs/{bal-logo.animation-q2TTdoP3.js → bal-logo.animation-B4LvXc5Q.js} +77 -940
- package/dist/cjs/bal-logo.cjs.entry.js +35 -22
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
- package/dist/cjs/bal-number-input.cjs.entry.js +2 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +4 -4
- package/dist/cjs/{breakpoints.decorator-byAdfhn7.js → breakpoints.decorator-DhiWnqha.js} +1 -1
- package/dist/cjs/{breakpoints.subject-CarqIcOv.js → breakpoints.subject-DPTVZ3As.js} +1 -1
- package/dist/cjs/{config.default-Bkso4_bY.js → config.default-Cko-wpRU.js} +1 -0
- package/dist/cjs/index.cjs.js +4 -4
- package/dist/cjs/{initialize-CWGvp-PN.js → initialize-BzrcZo6Y.js} +11 -2
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{number-COdZG-wK.js → number-Zs70JOU-.js} +1 -1
- package/dist/cjs/{tokens.esm-wN1fum6F.js → tokens.esm-DM_dMnsW.js} +1 -1
- package/dist/cjs/{window-resize.decorator-DMReD0Er.js → window-resize.decorator-oyMA7gDI.js} +1 -1
- package/dist/collection/components/bal-logo/bal-logo.css +1 -1
- package/dist/collection/components/bal-logo/bal-logo.data.js +77 -940
- package/dist/collection/components/bal-logo/bal-logo.js +57 -17
- package/dist/collection/utils/config/config.default.js +1 -0
- package/dist/collection/utils/config/config.js +9 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/{app-globals-BRqdW0lU.js → app-globals-Blx--ecs.js} +1 -1
- package/dist/esm/bal-accordion_4.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-close.entry.js +1 -1
- package/dist/esm/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm/bal-date.entry.js +1 -1
- package/dist/esm/bal-dropdown_3.entry.js +1 -1
- package/dist/esm/bal-field_5.entry.js +3 -3
- package/dist/esm/bal-footer.entry.js +1 -1
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-icon.entry.js +1 -1
- package/dist/esm/bal-input-stepper.entry.js +2 -2
- package/dist/esm/bal-label.entry.js +1 -1
- package/dist/esm/bal-list_8.entry.js +4 -4
- package/dist/esm/{bal-logo.animation-Bm-_mal3.js → bal-logo.animation-DQd9HTdg.js} +77 -940
- package/dist/esm/bal-logo.entry.js +35 -22
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +4 -4
- package/dist/esm/bal-number-input.entry.js +2 -2
- package/dist/esm/bal-pagination.entry.js +4 -4
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +4 -4
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +4 -4
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +4 -4
- package/dist/esm/{breakpoints.decorator-t_yXJIZL.js → breakpoints.decorator-C-DmFJbn.js} +1 -1
- package/dist/esm/{breakpoints.subject-BnQp404Z.js → breakpoints.subject-Iyftu-nV.js} +1 -1
- package/dist/esm/{config.default-I6QXKbhg.js → config.default-RE8-gLMQ.js} +1 -0
- package/dist/esm/index.js +5 -5
- package/dist/esm/{initialize-pdWsVO-c.js → initialize-W3od-FM9.js} +11 -2
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{number-Bwx2aNR0.js → number-DfnRcL0e.js} +1 -1
- package/dist/esm/{tokens.esm-Cf90NR4z.js → tokens.esm-C9EQ_6RZ.js} +1 -1
- package/dist/esm/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-BU569j2_.js} +1 -1
- package/dist/esm-es5/app-globals-Blx--ecs.js +1 -0
- 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-close.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.animation-DQd9HTdg.js +1 -0
- 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-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.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/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-t_yXJIZL.js → breakpoints.decorator-C-DmFJbn.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-BnQp404Z.js → breakpoints.subject-Iyftu-nV.js} +1 -1
- package/dist/esm-es5/{config.default-I6QXKbhg.js → config.default-RE8-gLMQ.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-W3od-FM9.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{number-Bwx2aNR0.js → number-DfnRcL0e.js} +1 -1
- package/dist/esm-es5/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-BU569j2_.js} +1 -1
- package/dist/html.html-data.json +12 -0
- package/dist/types/components/bal-logo/bal-logo.d.ts +6 -0
- package/dist/types/components/bal-logo/bal-logo.data.d.ts +81 -187
- package/dist/types/components/bal-logo/bal-logo.interfaces.d.ts +1 -1
- package/dist/types/components.d.ts +10 -0
- package/dist/types/utils/config/config.d.ts +3 -1
- package/dist/types/utils/config/config.types.d.ts +3 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-74047cc11f.entry.js +0 -1
- package/dist/baloise-design-system/p-B1a79Kak.system.js +0 -1
- package/dist/baloise-design-system/p-BC9JH89x.js +0 -1
- package/dist/baloise-design-system/p-BRJ7ljGZ.system.js +0 -1
- package/dist/baloise-design-system/p-BblIE2Vz.system.js +0 -1
- package/dist/baloise-design-system/p-BtgFoKGn.js +0 -1
- package/dist/baloise-design-system/p-CBUCh83e.js +0 -1
- package/dist/baloise-design-system/p-C_0MGoKB.js +0 -1
- package/dist/baloise-design-system/p-CgBveYeB.js +0 -1
- package/dist/baloise-design-system/p-CwWHLbPB.system.js +0 -1
- package/dist/baloise-design-system/p-DNy7adIE.system.js +0 -1
- package/dist/baloise-design-system/p-Dhp6-MTS.system.js +0 -1
- package/dist/baloise-design-system/p-DsxGYykr.js +0 -1
- package/dist/baloise-design-system/p-db2823d02b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-wAfnccKA.system.js +0 -1
- package/dist/esm-es5/app-globals-BRqdW0lU.js +0 -1
- package/dist/esm-es5/bal-logo.animation-Bm-_mal3.js +0 -1
- package/dist/esm-es5/initialize-pdWsVO-c.js +0 -1
- /package/dist/baloise-design-system/{p-Cf90NR4z.js → p-C9EQ_6RZ.js} +0 -0
- /package/dist/baloise-design-system/{p-LFV9NiI-.system.js → p-dEE6wNs_.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-Cf90NR4z.js → tokens.esm-C9EQ_6RZ.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as a,H as e,g as n}from"./p-BdVwMG9u.js";import{_ as s,a as r}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{m as c,t as d,n as l,f as h}from"./p-Ba5qjFjW.js";import{L as b}from"./p-D7ovid3w.js";import{L as m}from"./p-B-L34nz8.js";import{s as p}from"./p-CpDHeXfo.js";import{a as u,i as g}from"./p-BERg8BNc.js";import{a as v}from"./p-DBsOHTWj.js";import{d as f}from"./p-C_0MGoKB.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const x=class{constructor(a){t(this,a),this.balChange=i(this,"balChange"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.componentId="bal-accordion-"+_++,this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=2,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?c((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=c((async()=>{const t=a.offsetHeight,e=d(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=c((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),c((async()=>{const t=d(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()}}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=l(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await h(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=o.block("accordion");return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,n=o.block("accordion"),s=4===this.state||8===this.state,r=s?"button expanded":"button",c=s?"content expanded":"content";return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("card-v1").class(this.card)),n.modifier("active").class(this.active)),n.modifier("expanding").class(8===this.state)),n.modifier("expanded").class(4===this.state)),n.modifier("collapsing").class(2===this.state)),n.modifier("collapsed").class(1===this.state)),n.modifier("animated").class(this.animated))},a("div",{class:Object.assign({},n.element("wrapper").class())},a("div",{class:Object.assign(Object.assign({},n.element("trigger").class()),n.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},a("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:r,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),a("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:c,class:Object.assign(Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("card").class(this.card)),n.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},a("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},n.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},a("slot",null)))))}get el(){return n(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};s([b("bal-accordion"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],x.prototype,"createLogger",null),s([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],x.prototype,"configChanged",null);let _=0;x.style=".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{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.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}}";const y=class{constructor(i){t(this,i),this.componentId="bal-accordion-details-"+w++,this.state=1,this.active=!1,this.animated=!0,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id}}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=o.block("accordion").element("details"),i=t.element("container").element("wrapper"),n=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,s=4===this.state||8===this.state?"content expanded":"content";return a(e,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:n,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},a("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:`${n}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:s,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},a("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))}get el(){return n(this)}};s([b("bal-accordion-details"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],y.prototype,"createLogger",null);let w=0;y.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-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__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(i){t(this,i),this.componentId="bal-accordion-summary-"+k++,this.trigger=!1,this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(u(t)||g(t))&&(p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())}}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=o.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),a(e,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return n(this)}};s([b("bal-accordion-summary"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],j.prototype,"createLogger",null);let k=0;j.style="@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}";const O={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}},$=class{constructor(i){t(this,i),this.componentId="bal-accordion-trigger-"+C++,this.language=f.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.block=o.block("accordion").element("trigger")}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get realVariant(){return this.button?"button":this.variant}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,i=this.active?this.closeLabel:this.openLabel;let n=!1,s=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(n=this.active,s=this.openIcon||"caret-down");const r=4===this.state||8===this.state,o=r?"button expanded":"button",c=this.parentAccordionSummaryElement;let d={tabindex:-1};return c&&!c.trigger&&(d={tabindex:0}),a(e,{id:t,class:Object.assign({},this.block.class())},a((t=>{switch(t.variant){case"button":return this.renderButton(t);case"text":return this.renderText(t);default:return this.renderIcon(t)}}),{variant:this.realVariant,id:t,label:i,icon:s,turn:n,expanded:r,buttonPart:o,triggerAttributes:d}))}renderButton({id:t,buttonPart:i,icon:e,turn:n,label:s}){return a("bal-button",{id:`${t}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:i,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:e,iconTurn:n,color:this.color,size:this.size,title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,"aria-expanded":v(this.active),onClick:this.onClick},s)}renderIcon({buttonPart:t,triggerAttributes:i,turn:e,icon:n,id:s}){return a("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":0===i.tabindex}),id:`${s}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:t,"data-testid":"bal-accordion-trigger",title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,onClick:this.onClick},i),a("bal-icon",{turn:e,name:n}))}renderText({buttonPart:t,triggerAttributes:i,id:e}){const n=this.openLabel||O[this.language].open,s=this.closeLabel||O[this.language].close;return a("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":0===i.tabindex}),id:`${e}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:t,"data-testid":"bal-accordion-trigger",onClick:this.onClick},i),this.active?s:n)}get el(){return n(this)}};s([b("bal-accordion-trigger"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],$.prototype,"createLogger",null),s([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],$.prototype,"configChanged",null);let C=0;$.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.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;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";export{x as bal_accordion,y as bal_accordion_details,j as bal_accordion_summary,$ as bal_accordion_trigger}
|
|
1
|
+
import{r as t,c as i,h as a,H as e,g as n}from"./p-BdVwMG9u.js";import{_ as s,a as r}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{m as c,t as d,n as l,f as h}from"./p-Ba5qjFjW.js";import{L as b}from"./p-D7ovid3w.js";import{L as m}from"./p-B-L34nz8.js";import{s as p}from"./p-CpDHeXfo.js";import{a as u,i as g}from"./p-BERg8BNc.js";import{a as v}from"./p-DBsOHTWj.js";import{d as f}from"./p-CBkFUwrD.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const x=class{constructor(a){t(this,a),this.balChange=i(this,"balChange"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.componentId="bal-accordion-"+_++,this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=2,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?c((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=c((async()=>{const t=a.offsetHeight,e=d(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=c((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),c((async()=>{const t=d(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()}}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=l(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await h(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=o.block("accordion");return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,n=o.block("accordion"),s=4===this.state||8===this.state,r=s?"button expanded":"button",c=s?"content expanded":"content";return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("card-v1").class(this.card)),n.modifier("active").class(this.active)),n.modifier("expanding").class(8===this.state)),n.modifier("expanded").class(4===this.state)),n.modifier("collapsing").class(2===this.state)),n.modifier("collapsed").class(1===this.state)),n.modifier("animated").class(this.animated))},a("div",{class:Object.assign({},n.element("wrapper").class())},a("div",{class:Object.assign(Object.assign({},n.element("trigger").class()),n.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},a("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:r,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),a("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:c,class:Object.assign(Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("card").class(this.card)),n.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},a("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},n.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},a("slot",null)))))}get el(){return n(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};s([b("bal-accordion"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],x.prototype,"createLogger",null),s([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],x.prototype,"configChanged",null);let _=0;x.style=".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{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.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}}";const y=class{constructor(i){t(this,i),this.componentId="bal-accordion-details-"+w++,this.state=1,this.active=!1,this.animated=!0,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id}}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=o.block("accordion").element("details"),i=t.element("container").element("wrapper"),n=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,s=4===this.state||8===this.state?"content expanded":"content";return a(e,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:n,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},a("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:`${n}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:s,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},a("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))}get el(){return n(this)}};s([b("bal-accordion-details"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],y.prototype,"createLogger",null);let w=0;y.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-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__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(i){t(this,i),this.componentId="bal-accordion-summary-"+k++,this.trigger=!1,this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(u(t)||g(t))&&(p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())}}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=o.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),a(e,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return n(this)}};s([b("bal-accordion-summary"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],j.prototype,"createLogger",null);let k=0;j.style="@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}";const O={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}},$=class{constructor(i){t(this,i),this.componentId="bal-accordion-trigger-"+C++,this.language=f.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.block=o.block("accordion").element("trigger")}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get realVariant(){return this.button?"button":this.variant}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,i=this.active?this.closeLabel:this.openLabel;let n=!1,s=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(n=this.active,s=this.openIcon||"caret-down");const r=4===this.state||8===this.state,o=r?"button expanded":"button",c=this.parentAccordionSummaryElement;let d={tabindex:-1};return c&&!c.trigger&&(d={tabindex:0}),a(e,{id:t,class:Object.assign({},this.block.class())},a((t=>{switch(t.variant){case"button":return this.renderButton(t);case"text":return this.renderText(t);default:return this.renderIcon(t)}}),{variant:this.realVariant,id:t,label:i,icon:s,turn:n,expanded:r,buttonPart:o,triggerAttributes:d}))}renderButton({id:t,buttonPart:i,icon:e,turn:n,label:s}){return a("bal-button",{id:`${t}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:i,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:e,iconTurn:n,color:this.color,size:this.size,title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,"aria-expanded":v(this.active),onClick:this.onClick},s)}renderIcon({buttonPart:t,triggerAttributes:i,turn:e,icon:n,id:s}){return a("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":0===i.tabindex}),id:`${s}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:t,"data-testid":"bal-accordion-trigger",title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,onClick:this.onClick},i),a("bal-icon",{turn:e,name:n}))}renderText({buttonPart:t,triggerAttributes:i,id:e}){const n=this.openLabel||O[this.language].open,s=this.closeLabel||O[this.language].close;return a("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":0===i.tabindex}),id:`${e}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:t,"data-testid":"bal-accordion-trigger",onClick:this.onClick},i),this.active?s:n)}get el(){return n(this)}};s([b("bal-accordion-trigger"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],$.prototype,"createLogger",null),s([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],$.prototype,"configChanged",null);let C=0;$.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.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;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";export{x as bal_accordion,y as bal_accordion_details,j as bal_accordion_summary,$ as bal_accordion_trigger}
|
package/dist/baloise-design-system/{p-4aeaa1a916.system.entry.js → p-d20d698c0b.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):n(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(a=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];n=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,n=t.length,r;a<n;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-Dd7xQwRJ.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DPYRyPTD.system.js","./p-BblIE2Vz.system.js","./p-BpMXwP_q.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(e){"use strict";var t,i,a,n,r,o,s,l,d,u,b,c,f,p,h,m,v,w,_,k,y,g,x,j,D,O,A,P,B;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;r=e.g},function(e){o=e._;s=e.a},function(e){l=e.i},function(e){d=e.a},function(e){u=e.i},function(e){b=e.B},function(e){c=e.i;f=e.N;p=e.A},function(e){h=e.d},function(e){m=e.g;v=e.a;w=e.b;_=e.e;k=e.s;y=e.h;g=e.j;x=e.c;j=e.d},function(e){D=e.n},function(e){O=e.L},function(e){A=e.i},function(e){P=e.d},function(e){B=e.L},null,null,null],execute:function(){var C=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";var I=e("bal_time_input",function(){function e(e){var a=this;t(this,e);this.balInput=i(this,"balInput");this.balChange=i(this,"balChange");this.balBlur=i(this,"balBlur");this.balFocus=i(this,"balFocus");this.balKeyPress=i(this,"balKeyPress");this.balClick=i(this,"balClick");this.inputId="bal-time-input-".concat(F++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue="";this.focused=false;this.language=P.language;this.region=P.region;this.ariaForm=h;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onInput=function(e){var t=m(e);if(t){a.inputValue=t.value}a.balInput.emit(a.inputValue)};this.onFocus=function(e){v(a,e)};this.onBlur=function(e){w(a,e);var t=e.target;if(t){t.value=a.getFormattedValue();_(a)}};this.onKeydown=function(e){if(!l(e)&&!c(e)){if(!a.getAllowedKeys().includes(e.key)){return k(e)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.debounceChanged=function(){this.balChange=D(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){y(this,e)};e.prototype.resetHandler=function(e){var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){g(this,this.initialValue,this.resetHandlerTimer)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};e.prototype.componentDidLoad=function(){this.inputValue=this.value};e.prototype.componentWillLoad=function(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;if(!this.focused&&this.nativeInput){this.nativeInput.value=this.getFormattedValue()}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){x(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){j(this);return[2]}))}))};e.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.nativeInput]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.getAllowedKeys=function(){return __spreadArray(__spreadArray(__spreadArray([],f,true),p,true),[":","A","M","P"],false)};e.prototype.getRawValue=function(){var e=(this.value||"").toString();return e};e.prototype.getFormattedValue=function(){return this.getRawValue()};e.prototype.render=function(){var e=this;var t=this.focused?this.getRawValue():this.getFormattedValue();var i=b.block("time-input");var r=i.element("native");return a(n,{key:"6b1b0a24a554e6c36befcc44f888a4a6582b2ada","aria-disabled":d(this.disabled),class:Object.assign({},i.class())},a("bal-input-group",{key:"e0a53ed0fa5bc08deb818fb6e7119bef8bf5bed1",disabled:this.disabled||this.readonly,invalid:this.invalid},a("input",Object.assign({key:"7ede7fc70c763cae673b67192a4ab467f0a5c7fc",type:"time",class:Object.assign({input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(this.value===""||this.value===undefined),"has-value":this.value!==""&&this.value!==undefined},r.class()),ref:function(t){return e.nativeInput=t},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":d(this.disabled),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:"".concat(A[this.language].hours,":").concat(A[this.language].minutes),value:t,onInput:function(t){return e.onInput(t)},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},onKeyDown:function(t){return e.onKeydown(t)},onKeyPress:function(t){return e.balKeyPress.emit(t)}},this.inheritedAttributes)),a("bal-icon",{key:"cce0762bb6cb91dd62ced90ab7b8defbf75ca7ac","is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return e}());o([O("bal-time-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],I.prototype,"createLogger",null);o([B(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],I.prototype,"configChanged",null);var F=0;I.style=C}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):n(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(a=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];n=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,n=t.length,r;a<n;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-Dd7xQwRJ.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DPYRyPTD.system.js","./p-ncoiCFQ1.system.js","./p-BpMXwP_q.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(e){"use strict";var t,i,a,n,r,o,s,l,d,u,b,c,f,p,h,m,v,w,_,k,y,g,x,j,D,O,A,C,P;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;r=e.g},function(e){o=e._;s=e.a},function(e){l=e.i},function(e){d=e.a},function(e){u=e.i},function(e){b=e.B},function(e){c=e.i;f=e.N;p=e.A},function(e){h=e.d},function(e){m=e.g;v=e.a;w=e.b;_=e.e;k=e.s;y=e.h;g=e.j;x=e.c;j=e.d},function(e){D=e.n},function(e){O=e.L},function(e){A=e.i},function(e){C=e.d},function(e){P=e.L},null,null,null],execute:function(){var B=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";var F=e("bal_time_input",function(){function e(e){var a=this;t(this,e);this.balInput=i(this,"balInput");this.balChange=i(this,"balChange");this.balBlur=i(this,"balBlur");this.balFocus=i(this,"balFocus");this.balKeyPress=i(this,"balKeyPress");this.balClick=i(this,"balClick");this.inputId="bal-time-input-".concat(I++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue="";this.focused=false;this.language=C.language;this.region=C.region;this.ariaForm=h;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onInput=function(e){var t=m(e);if(t){a.inputValue=t.value}a.balInput.emit(a.inputValue)};this.onFocus=function(e){v(a,e)};this.onBlur=function(e){w(a,e);var t=e.target;if(t){t.value=a.getFormattedValue();_(a)}};this.onKeydown=function(e){if(!l(e)&&!c(e)){if(!a.getAllowedKeys().includes(e.key)){return k(e)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.debounceChanged=function(){this.balChange=D(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){y(this,e)};e.prototype.resetHandler=function(e){var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){g(this,this.initialValue,this.resetHandlerTimer)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};e.prototype.componentDidLoad=function(){this.inputValue=this.value};e.prototype.componentWillLoad=function(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;if(!this.focused&&this.nativeInput){this.nativeInput.value=this.getFormattedValue()}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){x(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){j(this);return[2]}))}))};e.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.nativeInput]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.getAllowedKeys=function(){return __spreadArray(__spreadArray(__spreadArray([],f,true),p,true),[":","A","M","P"],false)};e.prototype.getRawValue=function(){var e=(this.value||"").toString();return e};e.prototype.getFormattedValue=function(){return this.getRawValue()};e.prototype.render=function(){var e=this;var t=this.focused?this.getRawValue():this.getFormattedValue();var i=b.block("time-input");var r=i.element("native");return a(n,{key:"6b1b0a24a554e6c36befcc44f888a4a6582b2ada","aria-disabled":d(this.disabled),class:Object.assign({},i.class())},a("bal-input-group",{key:"e0a53ed0fa5bc08deb818fb6e7119bef8bf5bed1",disabled:this.disabled||this.readonly,invalid:this.invalid},a("input",Object.assign({key:"7ede7fc70c763cae673b67192a4ab467f0a5c7fc",type:"time",class:Object.assign({input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(this.value===""||this.value===undefined),"has-value":this.value!==""&&this.value!==undefined},r.class()),ref:function(t){return e.nativeInput=t},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":d(this.disabled),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:"".concat(A[this.language].hours,":").concat(A[this.language].minutes),value:t,onInput:function(t){return e.onInput(t)},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},onKeyDown:function(t){return e.onKeydown(t)},onKeyPress:function(t){return e.balKeyPress.emit(t)}},this.inheritedAttributes)),a("bal-icon",{key:"cce0762bb6cb91dd62ced90ab7b8defbf75ca7ac","is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return e}());o([O("bal-time-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],F.prototype,"createLogger",null);o([P(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);var I=0;F.style=B}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r,c as t,H as a,g as o}from"./p-BdVwMG9u.js";import{_ as i,a as s}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{L as l}from"./p-CgBveYeB.js";import{s as c}from"./p-CpDHeXfo.js";import{a as b}from"./p-DBsOHTWj.js";import{t as d,S as u}from"./p-B_C7V4Sa.js";import{L as p}from"./p-Dvgek0Sb.js";import{L as h}from"./p-ZalPEZLa.js";import{L as m}from"./p-IZFfLjcz.js";import{b as g}from"./p-ReLIdwsB.js";import{d as _}from"./p-C_0MGoKB.js";import{L as w}from"./p-Dp4edqFK.js";import{L as f}from"./p-B-L34nz8.js";import{s as v}from"./p-DUNB4kTY.js";import{i as k}from"./p-C4sZQbkT.js";import{l as y,a as x}from"./p-Ba5qjFjW.js";import"./p-BERg8BNc.js";import"./p-C20cwFWy.js";import"./p-B1u-Mq75.js";import"./p-CeIZ5hSt.js";import"./p-MBsgW7uz.js";import"./p-Cf90NR4z.js";import"./p-D7M-7v58.js";import"./p-D7ovid3w.js";const j=({value:r,items:t,containerId:a,onControlChange:o})=>{const i=n.block("carousel").element("controls");return e("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",{role:"tabs"},t.map((t=>e("button",{class:{button:!0,"is-fullwidth":!0,"is-primary":r===t.value,"is-light":r!==t.value},role:"tab","aria-selected":b(r===t.value),"aria-controls":a+"-"+d(t.label),key:t.value,onClick:()=>o(t)},t.label))))))},C=class{constructor(e){r(this,e),this.balChange=t(this,"balChange"),this.swiper=new u,this.swiperIsLastSlideVisible=!1,this.hasAnimated=!1,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.space="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1,this.mutationObserverActive=!0}onValueChange(){this.swiper.index=this.value}onStepsChange(){this.swiper.steps=this.steps}onItemsPerViewChange(){this.swiper.itemsPerView=this.itemsPerView}onControlsChange(){this.swiper.controls=this.controls}onSpaceChange(){this.swiper.gapSpace=this.space}onInterFaceChange(){this.swiper.gapSpace="product"===this.interface?"normal":this.space}connectedCallback(){this.swiper.connectedCallback(this),this.onControlsChange(),this.onItemsPerViewChange(),this.onStepsChange(),this.onSpaceChange(),this.onInterFaceChange(),this.onValueChange()}disconnectedCallback(){this.swiper.disconnectedCallback()}async blockVerticalScrolling(e){var r;!this.scrollY&&(null===(r=this.el)||void 0===r?void 0:r.contains(e.target))&&c(e)}mutationListener(){this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}swipeListener({left:e,right:r}){e?this.next():r&&this.previous()}breakpointListener(e){this.isMobile=e.mobile,this.swiper.notifyChange()}resizeListener(){this.swiper.notifyChange()}async configChanged(e){this.language=e.language}async previous(e=this.steps){this.swiper.previous(e)}async next(e=this.steps){this.swiper.next(e)}async getContainerId(){return this.swiper.containerId}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}swiperOnChange(e){this.value=e,this.balChange.emit(e)}render(){const r=n.block("carousel"),t=r.element("inner"),o=t.element("container");return e(a,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(""!==this.interface)),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class("tabs"===this.controls))},"tabs"===this.controls?e(j,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:e=>this.swiper.onControlChange(e.value)}):"",e("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),t.class()),t.modifier(`is-${this.aspectRatio}`).class()),t.modifier("inverted").class(this.inverted)),t.modifier("full-height").class(this.fullHeight)),ref:e=>this.swiper.innerEl=e},e("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:"tabs"===this.controls?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:e=>this.swiper.containerEl=e},e("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?e("div",{id:`${this.swiper.id}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:e=>this.swiper.borderEl=e}):"")),this.swiper.renderControls())}get el(){return o(this)}static get watchers(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}}};i([p({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null),i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null),i([l(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null),C.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';const O=class{constructor(e){r(this,e),this.balNavigate=t(this,"balNavigate"),this.balFocus=t(this,"balFocus"),this.balBlur=t(this,"balBlur"),this.imageInheritAttributes={},this.isOnLoadEventDone=!1,this.containerId="",this.svgContent="",this.label="",this.svg="",this.htmlRole="listitem",this.elementType="button",this.name=void 0,this.value=void 0,this.target="_self",this.generateSvgContent=()=>{void 0!==this.svg&&this.svg.length>0&&(this.svgContent=v(this.svg))},this.onClick=e=>{void 0!==this.href&&this.balNavigate.emit(e)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()}}svgChanged(){this.generateSvgContent()}connectedCallback(){this.generateSvgContent()}componentDidLoad(){y((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=k(this.el,["alt"]),this.getContainerId()}async setFocus(){await x(),this.buttonEl&&this.buttonEl.focus()}async getContainerId(){const e=this.el.closest("bal-carousel");this.containerId=await e.getContainerId()}render(){const r=n.block("carousel").element("item"),t=!!this.color&&!!this.label,o=this.el.closest("bal-carousel"),i=o&&"tabs"===o.controls?"tabpanel":"listitem",s=`${this.containerId}-${d(this.label)}`;if(!t)return e(a,{id:s,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",e("slot",null));const l=r.element("button"),c=l.element("image"),b=l.element("label"),{elementType:u,download:p,href:h,rel:m,target:g,name:_,value:w}=this,f=void 0===this.href?"button":"a",v="button"===f?{type:u,name:_,value:w}:{download:p,href:h,rel:m,target:g};return e(a,{id:s,role:i,"aria-label":this.label,class:Object.assign({},r.class())},e(f,Object.assign({},v,{class:Object.assign(Object.assign({},l.class()),l.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:e=>this.buttonEl=e}),this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({class:Object.assign({},c.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&void 0!==this.svgContent?e("div",{class:Object.assign({},c.class()),innerHTML:this.svgContent}):"",void 0!==this.label?e("span",{class:Object.assign({},b.class())},this.label):"",e("slot",null)))}get el(){return o(this)}static get watchers(){return{svg:["svgChanged"]}}};export{C as bal_carousel,O as bal_carousel_item}
|
|
1
|
+
import{h as e,r,c as t,H as a,g as o}from"./p-BdVwMG9u.js";import{_ as i,a as s}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{L as l}from"./p-Ere8qsaI.js";import{s as c}from"./p-CpDHeXfo.js";import{a as b}from"./p-DBsOHTWj.js";import{t as d,S as u}from"./p-B_C7V4Sa.js";import{L as p}from"./p-Dvgek0Sb.js";import{L as h}from"./p-ZalPEZLa.js";import{L as m}from"./p-IZFfLjcz.js";import{b as g}from"./p-DmVt6SeJ.js";import{d as _}from"./p-CBkFUwrD.js";import{L as w}from"./p-Dp4edqFK.js";import{L as f}from"./p-B-L34nz8.js";import{s as v}from"./p-DUNB4kTY.js";import{i as k}from"./p-C4sZQbkT.js";import{l as y,a as x}from"./p-Ba5qjFjW.js";import"./p-BERg8BNc.js";import"./p-C20cwFWy.js";import"./p-B1u-Mq75.js";import"./p-CeIZ5hSt.js";import"./p-MBsgW7uz.js";import"./p-C9EQ_6RZ.js";import"./p-D7M-7v58.js";import"./p-D7ovid3w.js";const j=({value:r,items:t,containerId:a,onControlChange:o})=>{const i=n.block("carousel").element("controls");return e("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",{role:"tabs"},t.map((t=>e("button",{class:{button:!0,"is-fullwidth":!0,"is-primary":r===t.value,"is-light":r!==t.value},role:"tab","aria-selected":b(r===t.value),"aria-controls":a+"-"+d(t.label),key:t.value,onClick:()=>o(t)},t.label))))))},C=class{constructor(e){r(this,e),this.balChange=t(this,"balChange"),this.swiper=new u,this.swiperIsLastSlideVisible=!1,this.hasAnimated=!1,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.space="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1,this.mutationObserverActive=!0}onValueChange(){this.swiper.index=this.value}onStepsChange(){this.swiper.steps=this.steps}onItemsPerViewChange(){this.swiper.itemsPerView=this.itemsPerView}onControlsChange(){this.swiper.controls=this.controls}onSpaceChange(){this.swiper.gapSpace=this.space}onInterFaceChange(){this.swiper.gapSpace="product"===this.interface?"normal":this.space}connectedCallback(){this.swiper.connectedCallback(this),this.onControlsChange(),this.onItemsPerViewChange(),this.onStepsChange(),this.onSpaceChange(),this.onInterFaceChange(),this.onValueChange()}disconnectedCallback(){this.swiper.disconnectedCallback()}async blockVerticalScrolling(e){var r;!this.scrollY&&(null===(r=this.el)||void 0===r?void 0:r.contains(e.target))&&c(e)}mutationListener(){this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}swipeListener({left:e,right:r}){e?this.next():r&&this.previous()}breakpointListener(e){this.isMobile=e.mobile,this.swiper.notifyChange()}resizeListener(){this.swiper.notifyChange()}async configChanged(e){this.language=e.language}async previous(e=this.steps){this.swiper.previous(e)}async next(e=this.steps){this.swiper.next(e)}async getContainerId(){return this.swiper.containerId}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}swiperOnChange(e){this.value=e,this.balChange.emit(e)}render(){const r=n.block("carousel"),t=r.element("inner"),o=t.element("container");return e(a,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(""!==this.interface)),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class("tabs"===this.controls))},"tabs"===this.controls?e(j,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:e=>this.swiper.onControlChange(e.value)}):"",e("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),t.class()),t.modifier(`is-${this.aspectRatio}`).class()),t.modifier("inverted").class(this.inverted)),t.modifier("full-height").class(this.fullHeight)),ref:e=>this.swiper.innerEl=e},e("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:"tabs"===this.controls?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:e=>this.swiper.containerEl=e},e("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?e("div",{id:`${this.swiper.id}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:e=>this.swiper.borderEl=e}):"")),this.swiper.renderControls())}get el(){return o(this)}static get watchers(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}}};i([p({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null),i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null),i([l(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null),C.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';const O=class{constructor(e){r(this,e),this.balNavigate=t(this,"balNavigate"),this.balFocus=t(this,"balFocus"),this.balBlur=t(this,"balBlur"),this.imageInheritAttributes={},this.isOnLoadEventDone=!1,this.containerId="",this.svgContent="",this.label="",this.svg="",this.htmlRole="listitem",this.elementType="button",this.name=void 0,this.value=void 0,this.target="_self",this.generateSvgContent=()=>{void 0!==this.svg&&this.svg.length>0&&(this.svgContent=v(this.svg))},this.onClick=e=>{void 0!==this.href&&this.balNavigate.emit(e)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()}}svgChanged(){this.generateSvgContent()}connectedCallback(){this.generateSvgContent()}componentDidLoad(){y((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=k(this.el,["alt"]),this.getContainerId()}async setFocus(){await x(),this.buttonEl&&this.buttonEl.focus()}async getContainerId(){const e=this.el.closest("bal-carousel");this.containerId=await e.getContainerId()}render(){const r=n.block("carousel").element("item"),t=!!this.color&&!!this.label,o=this.el.closest("bal-carousel"),i=o&&"tabs"===o.controls?"tabpanel":"listitem",s=`${this.containerId}-${d(this.label)}`;if(!t)return e(a,{id:s,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",e("slot",null));const l=r.element("button"),c=l.element("image"),b=l.element("label"),{elementType:u,download:p,href:h,rel:m,target:g,name:_,value:w}=this,f=void 0===this.href?"button":"a",v="button"===f?{type:u,name:_,value:w}:{download:p,href:h,rel:m,target:g};return e(a,{id:s,role:i,"aria-label":this.label,class:Object.assign({},r.class())},e(f,Object.assign({},v,{class:Object.assign(Object.assign({},l.class()),l.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:e=>this.buttonEl=e}),this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({class:Object.assign({},c.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&void 0!==this.svgContent?e("div",{class:Object.assign({},c.class()),innerHTML:this.svgContent}):"",void 0!==this.label?e("span",{class:Object.assign({},b.class())},this.label):"",e("slot",null)))}get el(){return o(this)}static get watchers(){return{svg:["svgChanged"]}}};export{C as bal_carousel,O as bal_carousel_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,c as a,H as i,g as s}from"./p-BdVwMG9u.js";import{_ as n,a as l}from"./p-dfXERft2.js";import{B as r}from"./p-ByiN-QjD.js";import{a as o,q as d}from"./p-Ba5qjFjW.js";import{L as h}from"./p-D7ovid3w.js";import{p as c}from"./p-Cj6DXhmQ.js";import{i as b}from"./p-xbSOW78W.js";import{B as u,i as m,d as g}from"./p-hcWLO6Gg.js";import{d as f}from"./p-C_0MGoKB.js";import{L as _}from"./p-B-L34nz8.js";import{L as p}from"./p-ZalPEZLa.js";import{a as y}from"./p-DBsOHTWj.js";import{i as v}from"./p-C4sZQbkT.js";import{d as k}from"./p-FCLKfv6B.js";import{l as w,c as x,d as C}from"./p-CpDHeXfo.js";import{N as j}from"./p-xVPGsAdF.js";import{I as D}from"./p-DuObDTix.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-CeIZ5hSt.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";function O(t,e,a){return`${a}-${c(`${e}`,2,"0")}-${c(`${t}`,2,"0")}`}function V(t,e,a,i,s){const n=[],l=function(t,e){if(!(e<1||t<0))return new Date(t,e,0).getDate()}(t,e),r=function(t,e){if(!(e<1||e>12||t<0))return new Date(t,e-1,1)}(t,e);if(void 0!==l&&r){const r=function(){const t=new Date;return`${t.getFullYear()}-${c(`${t.getMonth()+1}`,2,"0")}-${c(`${t.getDate()}`,2,"0")}`}(),o=u.fromISO(a),d=u.fromISO(i),h=t=>!b(s)&&!s(t);for(let a=1;a<=l;a++){const i=O(a,e,t);n.push({day:a,month:e,year:t,isoDate:i,fullDate:u.fromISO(i).toFormat(),today:r===i,disabled:o.isAfter(i)||d.isBefore(i)||h(i)})}}return n}function B(t,e){if(e<1||t<0)return 1;const a=new Date(t,e-1,1).getDay();return 0===a?7:a}function M(t){return["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)?t:"de"}function P(t,e,a,i,s){const n=M(t),l=u.infoMonths({format:"long",locale:n}),r=u.fromISO(a),o=new Date,d=o.getFullYear(),h=o.getMonth()+1;let c=0;if(i&&void 0!==e){const t=u.fromISO(i);t.isValid&&(c=e>t.year?0:t.month||c)}let b=12;if(s&&void 0!==e){const t=u.fromISO(s);t.isValid&&(b=e<t.year?12:t.month||b)}return l.map(((t,a)=>{const i=a+1;return{label:t,value:i,today:i===h&&e===d,selected:i===r.month&&e===r.year,disabled:i<c||i>b}}))}const F=({isVisible:e,ref:a,grid:i,weekdays:s,selectedDate:n,firstDayOfWeek:l,onSelectDay:o})=>{const d=r.block("date-calendar").element("body").element("grid");return t("div",{role:"grid",class:Object.assign(Object.assign({},d.class()),d.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:t=>a(t)},t("div",{role:"row",class:Object.assign({},d.element("head").class())},s.map((e=>t("span",{key:e.textContent,role:"columnheader","aria-label":e.ariaLabel,title:e.ariaLabel},e.textContent)))),t("div",{role:"row",class:Object.assign({},d.element("body").class()),style:{"--bal-date-first-week-day":`${l}`}},i.map((e=>t("bal-date-calendar-cell",Object.assign({key:e.isoDate},e,{selected:e.isoDate===n,onBalSelectDay:({detail:t})=>o(t)}))))))},z=({name:e,isVisible:a,girdHeight:i,list:s,onSelect:n,ref:l})=>{const o=r.block("date-calendar").element("body").element("list");return t("ul",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(e).class()),o.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:i-2-8-8+"px"},ref:t=>l?l(t):void 0},s.map((a=>t("li",{key:a.value,id:`${e}-${a.value}`},t("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("item").class()),o.element("item").modifier("today").class(a.today)),o.element("item").modifier("selected").class(a.selected)),o.element("item").modifier("disabled").class(a.disabled)),disabled:a.disabled,tabIndex:-1,onClick:()=>{a.disabled||n(a)}},a.label)))))},L=({language:e,onClickSelectMonthAndYear:a,monthFullNames:i,month:s,year:n,isCalendarVisible:l,isListVisible:o,onClickPreviousMonth:d,onClickNextMonth:h})=>{const c=r.block("date-calendar").element("nav"),b=m[e].nextMonth,u=m[e].previousMonth,g=m[e].selectMonth;return t("div",{class:Object.assign({},c.class())},t("div",{class:Object.assign({},c.modifier("start").class())},t("button",{title:g,"aria-label":g,tabIndex:-1,"data-testid":"change-year-month",onClick:a},t("span",null,i[s-1]," ",n),t("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:l}))),t("div",{class:Object.assign({},c.modifier("end").class()),style:{display:o?"none":"flex"}},t("button",{title:u,"aria-label":u,onClick:d,tabIndex:-1,"data-testid":"previous-month"},t("bal-icon",{name:"caret-left",color:"primary",size:"small"})),t("button",{title:b,"aria-label":b,onClick:h,tabIndex:-1,"data-testid":"next-month"},t("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))},$=class{constructor(t){e(this,t),this.balChange=a(this,"balChange"),this.oldMin="",this.oldMax="",this.selectedDate="",this.monthFullNames=[],this.weekdays=[],this.months=[],this.years=[],this.calendarGrid=[],this.firstDayOfWeek=0,this.month=0,this.year=0,this.language=f.language,this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1,this.allowedDates=void 0,this.onSelectDay=t=>{this.valueChanged(t,this.selectedDate),this.balChange.emit(this.selectedDate)},this.onClickNextMonth=()=>{let t=this.year,e=this.month+1;e>12&&(e=1,t+=1),this.generateGridByMonthAndYear(e,t)},this.onClickPreviousMonth=()=>{let t=this.year,e=this.month-1;e<1&&(e=12,t-=1),this.generateGridByMonthAndYear(e,t)},this.onClickSelectMonthAndYear=async()=>{if(this.updateSelections(),!0===this.isCalendarVisible){if(this.isCalendarVisible=!1,this.isYearListVisible=!0,this.isMonthListVisible=!1,await o(),this.yearListEl){const t=this.yearListEl.querySelector(`#year-${this.year}`);this.yearListEl.scrollTop=t?t.offsetTop-76:0}}else this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1},this.onClickYear=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!0,this.generateGridByMonthAndYear(this.month,t),this.months=P(this.language,t,this.selectedDate,this.min,this.max)},this.onClickMonth=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!1,this.isCalendarVisible=!0,this.generateGridByMonthAndYear(t,this.year)}}createLogger(t){this.log=t}valueChanged(t,e){if(t!==e){const e=u.fromISO(t);e.isValid?(this.generateGridByDate(e),this.selectedDate=e.toISODate()):(this.generateGridByDefaultDate(),this.selectedDate=""),this.updateSelections()}}rangePropChanged(){this.updateSelections(),this.generateGrid()}yearRangePropChanged(){this.updateSelections()}connectedCallback(){this.generateGridByDefaultDate(),this.valueChanged(this.value,void 0)}async configChanged(t){this.language=t.language,this.monthFullNames=u.infoMonths({format:"long",locale:this.language}),this.weekdays=function(t){const e=M(t),a=u.infoWeekdays({format:"short",locale:e}),i=u.infoWeekdays({format:"long",locale:e});return a.map(((t,e)=>({ariaLabel:i[e],textContent:t})))}(this.language),this.updateSelections()}swipeListener({left:t,right:e}){t?this.onClickNextMonth():e&&this.onClickPreviousMonth()}get minYear(){if(void 0===this.minYearProp){const t=(new Date).getFullYear()-100;return this.min&&u.fromISO(this.min).year||t}return this.minYearProp}get maxYear(){if(void 0===this.maxYearProp){const t=(new Date).getFullYear()+50;return this.max&&u.fromISO(this.max).year||t}return this.maxYearProp}updateSelections(){this.years=function(t,e,a){const i=[],s=(new Date).getFullYear();for(let n=e;n<=a;n++)i.push({value:n,label:`${n}`,disabled:!1,today:s===n,selected:t===n});return i}(this.year,this.minYear,this.maxYear),this.months=P(this.language,this.year,this.selectedDate,this.min,this.max)}generateGrid(){const t=u.fromISO(this.value);t.isValid?this.generateGridByDate(t):this.generateGridByDefaultDate()}generateGridByDate(t){void 0!==t.year&&void 0!==t.month&&this.generateGridByMonthAndYear(t.month,t.year)}generateGridByDefaultDate(){const t=u.fromISO(this.defaultDate);if(t.isValid)this.generateGridByDate(t);else{const t=new Date;this.month=t.getMonth()+1,this.year=t.getFullYear(),this.calendarGrid=V(this.year,this.month,this.min,this.max,this.allowedDates),this.firstDayOfWeek=B(this.year,this.month)}}generateGridByMonthAndYear(t,e){this.month===t&&this.year===e&&this.oldMin===this.min&&this.oldMax===this.max||(this.calendarGrid=V(e,t,this.min,this.max,this.allowedDates),this.firstDayOfWeek=B(e,t)),this.month=t,this.year=e,this.oldMin=this.min,this.oldMax=this.max}render(){var e;const a=(null===(e=this.gridEl)||void 0===e?void 0:e.clientHeight)||0,s=r.block("date-calendar"),n=s.element("body"),l=s.element("foot");return t(i,{key:"34efddf3c88e5470dcefd22c5cab262873d07de8",class:Object.assign({},s.class())},t(L,{key:"9c8942a95ff9f1c8fdc8b1e153a29632145d1c2b",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),t("div",{key:"6a2cb7bba9c0568c1dc31d8b1c811b90c5845dce",class:Object.assign({},n.class())},t(F,{key:"a687e1e1f80bc8ea21bdc7ad4709537829005843",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:t=>this.gridEl=t,onSelectDay:t=>this.onSelectDay(t)}),t(z,{key:"cba1e282fb92f5edfa04e97eefcf9b38b57b8428",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:t=>this.yearListEl=t,onSelect:t=>this.onClickYear(t.value)}),t(z,{key:"ae7cb47aaffec3d3a91d1aab96f1fbdde34b7e6f",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:t=>this.onClickMonth(t.value)})),t("div",{key:"6e455964845a4e57abc793cb78916ed51fa0bdb3",class:Object.assign({},l.class())},t("slot",{key:"277a09ef4cb10f6f051c84b1ba9f9ae79f0d3479"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}}};n([h("bal-date-calendar"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null),n([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],$.prototype,"configChanged",null),n([p({mobileOnly:!0}),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],$.prototype,"swipeListener",null),$.style=':host{--bal-date-first-week-day:0;--bal-date-calendar-button-background:transparent;--bal-date-calendar-button-background-hover:var(--bal-color-light-blue-1);--bal-date-calendar-button-background-active:var(--bal-color-light-blue-2);--bal-date-calendar-button-color:var(--bal-color-text-primary);--bal-date-calendar-button-today-color:var(--bal-color-light-blue-3);--bal-date-calendar-button-today-color-hover:var(--bal-color-text-primary);--bal-date-calendar-button-today-color-active:var(--bal-color-text-primary);--bal-date-calendar-button-selected-background:var(--bal-color-primary);--bal-date-calendar-button-selected-color:var(--bal-color-text-white)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__nav button--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar-cell--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';class I{constructor(t){this._options=t,this._position=0,this._positionEnd=0,this._isRangeSelection=!1,t.component&&t.component.nativeInput&&(this._position=t.component.nativeInput.selectionStart||0,this._positionEnd=t.component.nativeInput.selectionEnd||0,this._isRangeSelection=this._position!==this._positionEnd)}get isRangeSelection(){return this._isRangeSelection}get value(){return this._options.isBackspace&&this._position>0?this._position-1:this._position}set value(t){this._position=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t}toStart(){this.value=0}toEnd(){const t=this.getTarget();t&&(this.value=t.value.length)}next(t=1){const e=this._position+t;return e<=this._options.mask.maxLength&&(this._position=e),this._position}previous(t=1){const e=this._position-t;return this._position=e>=0?e:0,this._position}submit(){const t=this.getTarget();t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position&&(t.selectionStart=this._position,t.selectionEnd=this._position)}getTarget(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}}class S{constructor(t){this._options=t,this._value="",this._options.component&&this._options.component.nativeInput&&(this._value=this._options.component.nativeInput.value),this.position=new I(this._options),this.component=this._options.component}get target(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}get value(){return this._value}set value(t){this._value=t}get focused(){return this._options.component.focused}isValueEmpty(){return""===this.value||null==this.value}preventDefault(){this._options.event.preventDefault&&this._options.event.preventDefault()}stopPropagation(){this.preventDefault(),this._options.event.stopPropagation&&this._options.event.stopPropagation()}async submit(t="input",e){this.target&&(this.target.value=this.value,"blur"!==t&&"tab"!==t&&this.position.submit(),this._options.component&&("input"!==t&&"tab"!==t||this._options.component.balInput.emit(this.value),"change"!==t&&"blur"!==t||void 0===e||w(this._options.component.value,e)&&(this._options.component.value=e,this._options.component.balChange.emit(e))))}}class K extends S{get clipboardData(){var t;return null===(t=this._options.event.clipboardData)||void 0===t?void 0:t.getData("text")}}class A extends S{}class T extends S{get key(){return this._options.event.key}get isCtrlOrCommandKey(){return this._options.event.metaKey||this._options.event.ctrlKey}get isBackspaceKey(){return"Backspace"===this._options.event.key}get isTabKey(){return"Tab"===this._options.event.key}get isWhiteSpaceKey(){return" "===this._options.event.key}get isDeleteKey(){return"Delete"===this._options.event.key||"Del"===this._options.event.key}get isNumberKey(){return T.NUMBER_KEYS.includes(this._options.event.key)}get isNavigationKey(){return T.NAVIGATION_KEYS.includes(this._options.event.key)}get isSelectAllCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"a"===this.key}get isCopyCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"c"===this.key}get isPasteCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"v"===this.key}getCharAt(t=this.position.value){return this.value.charAt(t)}getCharAtBackspacePosition(){return this.getCharAt(this.position.value-1)}setChar(t=this._options.event.key,e=this.position.value){this.value=this.value.substring(0,e)+t+this.value.substring(e+1)}}T.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"],T.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];class W extends S{get locale(){return this._options.event.locale}}class H extends S{}class N extends S{get newValue(){return this._options.event.newValue}get oldValue(){return this._options.event.oldValue}get didValueChange(){return this.newValue!==this.oldValue}}class R{constructor(t){this._isSeparator=!1,this._allowedKeys=[],this._locale="de-CH",this._from=t.from||0,this._to=t.to||0,this._isSeparator=void 0!==t.isSeparator&&t.isSeparator,this._mask=t.mask||"_",this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys,this._format=t.format}format(t){return this._format?this._format(t.replace(this.mask,""),this._locale,this.mask):t}get isSeparator(){return this._isSeparator}get to(){return this._to}get from(){return this._from}get mask(){return"function"==typeof this._mask?this._mask(this._locale):this._mask}get allowedKeys(){return this._allowedKeys}onI18nChange(t){this._locale=t}getValueOfTheBlock(t){return t.slice(this._from,this._to)}isTouched(t){return!this.getValueOfTheBlock(t).split("").every((t=>t===this.mask))}verifyAllowedKeyHits(t){return!(!this.isSeparator||t!==this.mask)||this.allowedKeys.indexOf(t)>=0}}class E{constructor(t=[]){this._list=t}get lastPosition(){return this._list[this._list.length-1].to}get list(){return this._list}set list(t){this._list=t}clone(){return new E([...this._list])}findByIndex(t,e=this.list){return e.find((e=>e.from<=t&&t<e.to))}getPlaceholderMask(){const t=[];return this.list.forEach((e=>{const a=e.to-e.from;for(let i=0;i<a;i++)t.push(e.mask)})),t.join("")}getRawValueWithoutMaskByContext(t){return this.getRawValueWithoutMask(t.value)}getRawValueWithoutMask(t){if(t){let e=[];const a=t.split("");for(let t=0;t<a.length;t++){const i=a[t],s=this.findByIndex(t);e.push(s&&!s.isSeparator?i.replace(s.mask,""):i)}return e=e.filter((t=>t)),this.list.filter((t=>t.isSeparator)).length===e.length?"":e.join("")}return""}formatBlocks(t,e){let a=`${t}`;for(let t=0;t<this.list.length;t++){const i=this.list[t];if(e!==t&&!i.isSeparator&&i.isTouched(a)){const t=i.getValueOfTheBlock(a),e=i.format(t);a=a.substring(0,i.from)+e+a.substring(i.to)}}return a}getBlockIndexFromPosition(t){const e=this.list.reduce(((t,e)=>t+e.to-e.from),0);if(t===e)return this.list.length-1;const a=this.list.findIndex((e=>e.from<=t&&t<e.to));return a<0?void 0:Math.min(e,a)}verifyCallOfNextSeparator(t,e){if(this.list.length-1>e){const a=this.list[e+1];if(a.isSeparator&&a.mask===t)return!0}return!1}}class G{constructor(t=[]){this.inputMode="text",this.locale="de-CH",this.blocks=new E(t)}onLocaleChange(t,e,a){if(t.target){const e=t.value.split("");for(let t=0;t<e.length;t++){const i=e[t],s=this.blocks.findByIndex(t),n=a.findByIndex(t);s&&n&&(s.isSeparator||i===n.mask)&&(e[t]=s.mask)}t.value=e.join("")}}onFocus(t){}onBlur(t){}onChange(t){t.submit("change",this.onParseValue(t.value))}onNavigationDown(t,e,a){}onSelectAll(t,e,a){}onPaste(t,e,a){t.value=t.clipboardData||"",t.position.toEnd()}onBlockChange(t,e,a){t.setChar(),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onBackspaceDown(t,e,a){if(t.position.previous(),!e.isSeparator){t.setChar(e.mask);const i=this.blocks.list[a-1];t.position.value===e.from&&i&&i.isSeparator&&t.position.previous()}}onDeleteDown(t,e,a){t.setChar(e.mask),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onValueChanged(t){const e=this.onFormatValue(t.newValue),a=t.focused&&""===e?this.blocks.getPlaceholderMask():e;t.value=a,t.position.toEnd()}onParseValue(t,e={allowInvalidValue:!1}){return t?t.trim():t||""}onFormatValue(t){return t?t.trim():t||""}toParsedValue(t){return this.onParseValue(t)}toFormattedValue(t){return this.onFormatValue(t)}fireI18nChange(t){const e=this.blocks.clone(),a=`${t.locale}`;this.locale=t.locale,this.blocks.list.forEach((e=>e.onI18nChange(t.locale))),this.onLocaleChange(t,a,e)}fireValueChanged(t){t.didValueChange&&this.onValueChanged(t)}firePaste(t){const e=this.blocks.getBlockIndexFromPosition(t.position.value);void 0!==e&&(this.onPaste(t,this.blocks.list[e],e),this.onChange(t))}fireClick(t){this.blocks.getPlaceholderMask()===t.value&&t.position.toStart()}fireFocus(t){t.target&&t.isValueEmpty()&&this.resetInputValueWithMask(t),this.onFocus(t)}fireBlur(t){t.target&&(this.isValueEmptyMask(t)?this.emptyInputValue(t):(this.onBlur(t),t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))))}fireKeyDown(t){const e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value,a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand)return t.preventDefault(),void t.stopPropagation();if(void 0===a||t.position.isRangeSelection)t.isTabKey||t.preventDefault(),t.isBackspaceKey||t.isDeleteKey?this.resetInputValueWithMask(t):this.blocks.list[0].verifyAllowedKeyHits(t.key)&&this.onBlockChange(t,this.blocks.list[0],0);else{const e=this.blocks.list[a];if(t.isNavigationKey)this.onNavigationDown(t,e,a);else if(t.isSelectAllCommand)this.onSelectAll(t,e,a);else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey)t.preventDefault(),this.onBackspaceDown(t,e,a);else if(t.isDeleteKey)t.preventDefault(),this.onDeleteDown(t,e,a);else if(t.isWhiteSpaceKey){if(t.preventDefault(),"."===t.value[t.position.value]){t.stopPropagation();const e=t.value;t.value=e.substring(0,t.position.value)+"_"+e.substring(t.position.value+1)}}else if(e.verifyAllowedKeyHits(t.key))t.preventDefault(),this.onBlockChange(t,e,a);else if(this.blocks.verifyCallOfNextSeparator(t.key,a)&&(t.preventDefault(),t.position.value>this.blocks.list[a].from)){const i=this.blocks.list[a+1],s=t.value,n=e.getValueOfTheBlock(s),l=e.format(n);t.value=s.substring(0,e.from)+l+s.substring(e.to),t.position.value=i.to}const i=this.blocks.getBlockIndexFromPosition(t.position.value);if(i&&!t.isBackspaceKey){const e=this.blocks.formatBlocks(t.value,i),a=t.position.value;t.value=e,t.position.value=a}}}resetInputValueWithMask(t){t.value=this.blocks.getPlaceholderMask(),t.position.toStart()}isValueEmptyMask(t){return this.blocks.getPlaceholderMask()===t.value}emptyInputValue(t){t.value="",t.submit("blur",t.value)}}class Y extends G{constructor(){super([new R({from:0,to:2,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.dayMask[t.split("-")[0]]||this.dayMask.de}),new R({from:2,to:3,mask:t=>g(t),isSeparator:!0}),new R({from:3,to:5,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.monthMask[t.split("-")[0]]||this.monthMask.de}),new R({from:5,to:6,mask:t=>g(t),isSeparator:!0}),new R({from:6,to:10,allowedKeys:[...j],mask:t=>this.yearMask[t.split("-")[0]]||this.yearMask.de})]),this.maxLength=10,this.minLength=10,this.inputMode="decimal",this.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"},this.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"},this.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"}}onParseValue(t,e={allowInvalidValue:!1}){if(t){const a=u.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid)return a.toISODate();if(e&&e.allowInvalidValue)return D}return""}onFormatValue(t){if(t){const e=u.fromISO(t);if(e.isValid)return e.toFormat()}return""}onPaste(t,e,a){const i=u.fromAnyFormat(t.clipboardData||"");i.isValid&&(t.value=i.toFormat(),t.position.toEnd())}onBlur(t){const e=this.blocks.getRawValueWithoutMaskByContext(t),a=u.fromAnyFormat(e);if(a.isValid){const e=a.toFormat();e!==t.value&&(t.value=e)}else t.component.allowInvalidValue&&e!==t.value&&(t.value=e)}}class q{constructor(t){this.mask=t}get attributes(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:!1}}bindComponent(t){this.component=t}bindComponentDidLoad(){this.component&&this.component.nativeInput&&(this.component.nativeInput.value=this.component.value||""),this.bindValueChanged(this.component.value,void 0)}bindConfigChanged(t){const{component:e,mask:a}=this,i=new W({component:e,mask:a,event:{locale:`${t.language}-${t.region}`}});this.mask.fireI18nChange(i),i.submit()}bindValueChanged(t,e){const{component:a,mask:i}=this,s=new N({component:a,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(s),s.submit("blur")}bindKeyDown(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new T({event:t,component:e,mask:a});this.mask.fireKeyDown(i),i.submit("Tab"===t.key?"tab":"input"),e.balKeyPress.emit(t)}}bindFocus(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!0;const i=new A({event:t,component:e,mask:a});this.mask.fireFocus(i),i.submit(),e.balFocus.emit(t)}}bindBlur(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!1;const i=new A({event:t,component:e,mask:a});this.mask.fireBlur(i),i.submit("blur"),e.balBlur.emit(t)}}bindPaste(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new K({event:t,component:e,mask:a});this.mask.firePaste(i),i.submit()}}bindFormReset(t){const e=t.target;e&&(e===this.component.el||e.contains(this.component.el))&&(this.component.value=this.component.initialValue,this.component.inputValue=this.component.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.component.nativeInput&&(this.component.nativeInput.value=this.mask.toFormattedValue(this.component.value||""))})))}bindClick(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new H({event:t,component:e,mask:a});this.mask.fireClick(i),i.submit()}}bindHostClick(t){this.isComponentAccessible||(t.preventDefault(),t.stopPropagation())}bindGlobalClick(t){this.isComponentAccessible||t.target&&t.target===this.component.el&&(t.preventDefault(),t.stopPropagation())}get isComponentAccessible(){return!this.component.disabled&&!this.component.readonly}}const Z=class{constructor(t){e(this,t),this.balKeyPress=a(this,"balKeyPress"),this.balChange=a(this,"balChange"),this.balInput=a(this,"balInput"),this.balBlur=a(this,"balBlur"),this.balFocus=a(this,"balFocus"),this.inputId="bal-i-date-"+J++,this.inheritedAttributes={},this.maskAdapter=new q(new Y),this.focused=!1,this.isGrouped=!1,this.ariaForm=k,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.autocomplete="off",this.hasIconRight=!1,this.value=void 0,this.inputValue=this.value,this.initialValue=this.value||"",this.autoInvalidOff=!1,this.allowInvalidValue=!1}createLogger(t){this.log=t}valueChanged(t,e){this.maskAdapter.bindValueChanged(t,e)}connectedCallback(){this.maskAdapter.bindComponent(this),this.isGrouped=d("bal-input-group",this.el)}componentDidLoad(){this.maskAdapter.bindComponentDidLoad()}componentWillRender(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title","data-hj-allow"])}async configChanged(t){this.maskAdapter.bindConfigChanged(t)}resetHandler(t){this.maskAdapter.bindFormReset(t)}listenOnClick(t){this.maskAdapter.bindGlobalClick(t)}async setFocus(){x(this)}async setBlur(){C(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}render(){const e=r.block("input-date"),a=e.element("native");return t(i,{key:"3c71adc69c5270029c588885037338aee6dfc85f",onClick:t=>this.maskAdapter.bindHostClick(t),class:Object.assign({},e.class())},t("input",Object.assign({key:"56c3f39f98b9dadb6b18f8bfea4c172e7bc0e607",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-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":y(this.disabled),required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:t=>this.maskAdapter.bindKeyDown(t),onClick:t=>this.maskAdapter.bindClick(t),onFocus:t=>this.maskAdapter.bindFocus(t),onBlur:t=>this.maskAdapter.bindBlur(t),onPaste:t=>this.maskAdapter.bindPaste(t)})),t("input",{key:"dae67450389be6169c8257a0b1eaf877fb81e66b",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};n([h("bal-input-date"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],Z.prototype,"createLogger",null),n([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],Z.prototype,"configChanged",null);let J=0;Z.style=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__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}";export{$ as bal_date_calendar,Z as bal_input_date}
|
|
1
|
+
import{h as t,r as e,c as a,H as i,g as s}from"./p-BdVwMG9u.js";import{_ as n,a as l}from"./p-dfXERft2.js";import{B as r}from"./p-ByiN-QjD.js";import{a as o,q as d}from"./p-Ba5qjFjW.js";import{L as h}from"./p-D7ovid3w.js";import{p as c}from"./p-Cj6DXhmQ.js";import{i as b}from"./p-xbSOW78W.js";import{B as u,i as m,d as g}from"./p-hcWLO6Gg.js";import{d as f}from"./p-CBkFUwrD.js";import{L as p}from"./p-B-L34nz8.js";import{L as _}from"./p-ZalPEZLa.js";import{a as y}from"./p-DBsOHTWj.js";import{i as v}from"./p-C4sZQbkT.js";import{d as k}from"./p-FCLKfv6B.js";import{l as w,c as x,d as C}from"./p-CpDHeXfo.js";import{N as j}from"./p-xVPGsAdF.js";import{I as D}from"./p-DuObDTix.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-CeIZ5hSt.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";function O(t,e,a){return`${a}-${c(`${e}`,2,"0")}-${c(`${t}`,2,"0")}`}function V(t,e,a,i,s){const n=[],l=function(t,e){if(!(e<1||t<0))return new Date(t,e,0).getDate()}(t,e),r=function(t,e){if(!(e<1||e>12||t<0))return new Date(t,e-1,1)}(t,e);if(void 0!==l&&r){const r=function(){const t=new Date;return`${t.getFullYear()}-${c(`${t.getMonth()+1}`,2,"0")}-${c(`${t.getDate()}`,2,"0")}`}(),o=u.fromISO(a),d=u.fromISO(i),h=t=>!b(s)&&!s(t);for(let a=1;a<=l;a++){const i=O(a,e,t);n.push({day:a,month:e,year:t,isoDate:i,fullDate:u.fromISO(i).toFormat(),today:r===i,disabled:o.isAfter(i)||d.isBefore(i)||h(i)})}}return n}function B(t,e){if(e<1||t<0)return 1;const a=new Date(t,e-1,1).getDay();return 0===a?7:a}function M(t){return["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)?t:"de"}function P(t,e,a,i,s){const n=M(t),l=u.infoMonths({format:"long",locale:n}),r=u.fromISO(a),o=new Date,d=o.getFullYear(),h=o.getMonth()+1;let c=0;if(i&&void 0!==e){const t=u.fromISO(i);t.isValid&&(c=e>t.year?0:t.month||c)}let b=12;if(s&&void 0!==e){const t=u.fromISO(s);t.isValid&&(b=e<t.year?12:t.month||b)}return l.map(((t,a)=>{const i=a+1;return{label:t,value:i,today:i===h&&e===d,selected:i===r.month&&e===r.year,disabled:i<c||i>b}}))}const F=({isVisible:e,ref:a,grid:i,weekdays:s,selectedDate:n,firstDayOfWeek:l,onSelectDay:o})=>{const d=r.block("date-calendar").element("body").element("grid");return t("div",{role:"grid",class:Object.assign(Object.assign({},d.class()),d.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:t=>a(t)},t("div",{role:"row",class:Object.assign({},d.element("head").class())},s.map((e=>t("span",{key:e.textContent,role:"columnheader","aria-label":e.ariaLabel,title:e.ariaLabel},e.textContent)))),t("div",{role:"row",class:Object.assign({},d.element("body").class()),style:{"--bal-date-first-week-day":`${l}`}},i.map((e=>t("bal-date-calendar-cell",Object.assign({key:e.isoDate},e,{selected:e.isoDate===n,onBalSelectDay:({detail:t})=>o(t)}))))))},z=({name:e,isVisible:a,girdHeight:i,list:s,onSelect:n,ref:l})=>{const o=r.block("date-calendar").element("body").element("list");return t("ul",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(e).class()),o.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:i-2-8-8+"px"},ref:t=>l?l(t):void 0},s.map((a=>t("li",{key:a.value,id:`${e}-${a.value}`},t("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("item").class()),o.element("item").modifier("today").class(a.today)),o.element("item").modifier("selected").class(a.selected)),o.element("item").modifier("disabled").class(a.disabled)),disabled:a.disabled,tabIndex:-1,onClick:()=>{a.disabled||n(a)}},a.label)))))},L=({language:e,onClickSelectMonthAndYear:a,monthFullNames:i,month:s,year:n,isCalendarVisible:l,isListVisible:o,onClickPreviousMonth:d,onClickNextMonth:h})=>{const c=r.block("date-calendar").element("nav"),b=m[e].nextMonth,u=m[e].previousMonth,g=m[e].selectMonth;return t("div",{class:Object.assign({},c.class())},t("div",{class:Object.assign({},c.modifier("start").class())},t("button",{title:g,"aria-label":g,tabIndex:-1,"data-testid":"change-year-month",onClick:a},t("span",null,i[s-1]," ",n),t("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:l}))),t("div",{class:Object.assign({},c.modifier("end").class()),style:{display:o?"none":"flex"}},t("button",{title:u,"aria-label":u,onClick:d,tabIndex:-1,"data-testid":"previous-month"},t("bal-icon",{name:"caret-left",color:"primary",size:"small"})),t("button",{title:b,"aria-label":b,onClick:h,tabIndex:-1,"data-testid":"next-month"},t("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))},$=class{constructor(t){e(this,t),this.balChange=a(this,"balChange"),this.oldMin="",this.oldMax="",this.selectedDate="",this.monthFullNames=[],this.weekdays=[],this.months=[],this.years=[],this.calendarGrid=[],this.firstDayOfWeek=0,this.month=0,this.year=0,this.language=f.language,this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1,this.allowedDates=void 0,this.onSelectDay=t=>{this.valueChanged(t,this.selectedDate),this.balChange.emit(this.selectedDate)},this.onClickNextMonth=()=>{let t=this.year,e=this.month+1;e>12&&(e=1,t+=1),this.generateGridByMonthAndYear(e,t)},this.onClickPreviousMonth=()=>{let t=this.year,e=this.month-1;e<1&&(e=12,t-=1),this.generateGridByMonthAndYear(e,t)},this.onClickSelectMonthAndYear=async()=>{if(this.updateSelections(),!0===this.isCalendarVisible){if(this.isCalendarVisible=!1,this.isYearListVisible=!0,this.isMonthListVisible=!1,await o(),this.yearListEl){const t=this.yearListEl.querySelector(`#year-${this.year}`);this.yearListEl.scrollTop=t?t.offsetTop-76:0}}else this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1},this.onClickYear=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!0,this.generateGridByMonthAndYear(this.month,t),this.months=P(this.language,t,this.selectedDate,this.min,this.max)},this.onClickMonth=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!1,this.isCalendarVisible=!0,this.generateGridByMonthAndYear(t,this.year)}}createLogger(t){this.log=t}valueChanged(t,e){if(t!==e){const e=u.fromISO(t);e.isValid?(this.generateGridByDate(e),this.selectedDate=e.toISODate()):(this.generateGridByDefaultDate(),this.selectedDate=""),this.updateSelections()}}rangePropChanged(){this.updateSelections(),this.generateGrid()}yearRangePropChanged(){this.updateSelections()}connectedCallback(){this.generateGridByDefaultDate(),this.valueChanged(this.value,void 0)}async configChanged(t){this.language=t.language,this.monthFullNames=u.infoMonths({format:"long",locale:this.language}),this.weekdays=function(t){const e=M(t),a=u.infoWeekdays({format:"short",locale:e}),i=u.infoWeekdays({format:"long",locale:e});return a.map(((t,e)=>({ariaLabel:i[e],textContent:t})))}(this.language),this.updateSelections()}swipeListener({left:t,right:e}){t?this.onClickNextMonth():e&&this.onClickPreviousMonth()}get minYear(){if(void 0===this.minYearProp){const t=(new Date).getFullYear()-100;return this.min&&u.fromISO(this.min).year||t}return this.minYearProp}get maxYear(){if(void 0===this.maxYearProp){const t=(new Date).getFullYear()+50;return this.max&&u.fromISO(this.max).year||t}return this.maxYearProp}updateSelections(){this.years=function(t,e,a){const i=[],s=(new Date).getFullYear();for(let n=e;n<=a;n++)i.push({value:n,label:`${n}`,disabled:!1,today:s===n,selected:t===n});return i}(this.year,this.minYear,this.maxYear),this.months=P(this.language,this.year,this.selectedDate,this.min,this.max)}generateGrid(){const t=u.fromISO(this.value);t.isValid?this.generateGridByDate(t):this.generateGridByDefaultDate()}generateGridByDate(t){void 0!==t.year&&void 0!==t.month&&this.generateGridByMonthAndYear(t.month,t.year)}generateGridByDefaultDate(){const t=u.fromISO(this.defaultDate);if(t.isValid)this.generateGridByDate(t);else{const t=new Date;this.month=t.getMonth()+1,this.year=t.getFullYear(),this.calendarGrid=V(this.year,this.month,this.min,this.max,this.allowedDates),this.firstDayOfWeek=B(this.year,this.month)}}generateGridByMonthAndYear(t,e){this.month===t&&this.year===e&&this.oldMin===this.min&&this.oldMax===this.max||(this.calendarGrid=V(e,t,this.min,this.max,this.allowedDates),this.firstDayOfWeek=B(e,t)),this.month=t,this.year=e,this.oldMin=this.min,this.oldMax=this.max}render(){var e;const a=(null===(e=this.gridEl)||void 0===e?void 0:e.clientHeight)||0,s=r.block("date-calendar"),n=s.element("body"),l=s.element("foot");return t(i,{key:"34efddf3c88e5470dcefd22c5cab262873d07de8",class:Object.assign({},s.class())},t(L,{key:"9c8942a95ff9f1c8fdc8b1e153a29632145d1c2b",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),t("div",{key:"6a2cb7bba9c0568c1dc31d8b1c811b90c5845dce",class:Object.assign({},n.class())},t(F,{key:"a687e1e1f80bc8ea21bdc7ad4709537829005843",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:t=>this.gridEl=t,onSelectDay:t=>this.onSelectDay(t)}),t(z,{key:"cba1e282fb92f5edfa04e97eefcf9b38b57b8428",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:t=>this.yearListEl=t,onSelect:t=>this.onClickYear(t.value)}),t(z,{key:"ae7cb47aaffec3d3a91d1aab96f1fbdde34b7e6f",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:t=>this.onClickMonth(t.value)})),t("div",{key:"6e455964845a4e57abc793cb78916ed51fa0bdb3",class:Object.assign({},l.class())},t("slot",{key:"277a09ef4cb10f6f051c84b1ba9f9ae79f0d3479"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}}};n([h("bal-date-calendar"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null),n([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],$.prototype,"configChanged",null),n([_({mobileOnly:!0}),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],$.prototype,"swipeListener",null),$.style=':host{--bal-date-first-week-day:0;--bal-date-calendar-button-background:transparent;--bal-date-calendar-button-background-hover:var(--bal-color-light-blue-1);--bal-date-calendar-button-background-active:var(--bal-color-light-blue-2);--bal-date-calendar-button-color:var(--bal-color-text-primary);--bal-date-calendar-button-today-color:var(--bal-color-light-blue-3);--bal-date-calendar-button-today-color-hover:var(--bal-color-text-primary);--bal-date-calendar-button-today-color-active:var(--bal-color-text-primary);--bal-date-calendar-button-selected-background:var(--bal-color-primary);--bal-date-calendar-button-selected-color:var(--bal-color-text-white)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__nav button--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar-cell--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';class I{constructor(t){this._options=t,this._position=0,this._positionEnd=0,this._isRangeSelection=!1,t.component&&t.component.nativeInput&&(this._position=t.component.nativeInput.selectionStart||0,this._positionEnd=t.component.nativeInput.selectionEnd||0,this._isRangeSelection=this._position!==this._positionEnd)}get isRangeSelection(){return this._isRangeSelection}get value(){return this._options.isBackspace&&this._position>0?this._position-1:this._position}set value(t){this._position=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t}toStart(){this.value=0}toEnd(){const t=this.getTarget();t&&(this.value=t.value.length)}next(t=1){const e=this._position+t;return e<=this._options.mask.maxLength&&(this._position=e),this._position}previous(t=1){const e=this._position-t;return this._position=e>=0?e:0,this._position}submit(){const t=this.getTarget();t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position&&(t.selectionStart=this._position,t.selectionEnd=this._position)}getTarget(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}}class S{constructor(t){this._options=t,this._value="",this._options.component&&this._options.component.nativeInput&&(this._value=this._options.component.nativeInput.value),this.position=new I(this._options),this.component=this._options.component}get target(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}get value(){return this._value}set value(t){this._value=t}get focused(){return this._options.component.focused}isValueEmpty(){return""===this.value||null==this.value}preventDefault(){this._options.event.preventDefault&&this._options.event.preventDefault()}stopPropagation(){this.preventDefault(),this._options.event.stopPropagation&&this._options.event.stopPropagation()}async submit(t="input",e){this.target&&(this.target.value=this.value,"blur"!==t&&"tab"!==t&&this.position.submit(),this._options.component&&("input"!==t&&"tab"!==t||this._options.component.balInput.emit(this.value),"change"!==t&&"blur"!==t||void 0===e||w(this._options.component.value,e)&&(this._options.component.value=e,this._options.component.balChange.emit(e))))}}class A extends S{get clipboardData(){var t;return null===(t=this._options.event.clipboardData)||void 0===t?void 0:t.getData("text")}}class K extends S{}class T extends S{get key(){return this._options.event.key}get isCtrlOrCommandKey(){return this._options.event.metaKey||this._options.event.ctrlKey}get isBackspaceKey(){return"Backspace"===this._options.event.key}get isTabKey(){return"Tab"===this._options.event.key}get isWhiteSpaceKey(){return" "===this._options.event.key}get isDeleteKey(){return"Delete"===this._options.event.key||"Del"===this._options.event.key}get isNumberKey(){return T.NUMBER_KEYS.includes(this._options.event.key)}get isNavigationKey(){return T.NAVIGATION_KEYS.includes(this._options.event.key)}get isSelectAllCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"a"===this.key}get isCopyCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"c"===this.key}get isPasteCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"v"===this.key}getCharAt(t=this.position.value){return this.value.charAt(t)}getCharAtBackspacePosition(){return this.getCharAt(this.position.value-1)}setChar(t=this._options.event.key,e=this.position.value){this.value=this.value.substring(0,e)+t+this.value.substring(e+1)}}T.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"],T.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];class W extends S{get locale(){return this._options.event.locale}}class H extends S{}class N extends S{get newValue(){return this._options.event.newValue}get oldValue(){return this._options.event.oldValue}get didValueChange(){return this.newValue!==this.oldValue}}class R{constructor(t){this._isSeparator=!1,this._allowedKeys=[],this._locale="de-CH",this._from=t.from||0,this._to=t.to||0,this._isSeparator=void 0!==t.isSeparator&&t.isSeparator,this._mask=t.mask||"_",this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys,this._format=t.format}format(t){return this._format?this._format(t.replace(this.mask,""),this._locale,this.mask):t}get isSeparator(){return this._isSeparator}get to(){return this._to}get from(){return this._from}get mask(){return"function"==typeof this._mask?this._mask(this._locale):this._mask}get allowedKeys(){return this._allowedKeys}onI18nChange(t){this._locale=t}getValueOfTheBlock(t){return t.slice(this._from,this._to)}isTouched(t){return!this.getValueOfTheBlock(t).split("").every((t=>t===this.mask))}verifyAllowedKeyHits(t){return!(!this.isSeparator||t!==this.mask)||this.allowedKeys.indexOf(t)>=0}}class E{constructor(t=[]){this._list=t}get lastPosition(){return this._list[this._list.length-1].to}get list(){return this._list}set list(t){this._list=t}clone(){return new E([...this._list])}findByIndex(t,e=this.list){return e.find((e=>e.from<=t&&t<e.to))}getPlaceholderMask(){const t=[];return this.list.forEach((e=>{const a=e.to-e.from;for(let i=0;i<a;i++)t.push(e.mask)})),t.join("")}getRawValueWithoutMaskByContext(t){return this.getRawValueWithoutMask(t.value)}getRawValueWithoutMask(t){if(t){let e=[];const a=t.split("");for(let t=0;t<a.length;t++){const i=a[t],s=this.findByIndex(t);e.push(s&&!s.isSeparator?i.replace(s.mask,""):i)}return e=e.filter((t=>t)),this.list.filter((t=>t.isSeparator)).length===e.length?"":e.join("")}return""}formatBlocks(t,e){let a=`${t}`;for(let t=0;t<this.list.length;t++){const i=this.list[t];if(e!==t&&!i.isSeparator&&i.isTouched(a)){const t=i.getValueOfTheBlock(a),e=i.format(t);a=a.substring(0,i.from)+e+a.substring(i.to)}}return a}getBlockIndexFromPosition(t){const e=this.list.reduce(((t,e)=>t+e.to-e.from),0);if(t===e)return this.list.length-1;const a=this.list.findIndex((e=>e.from<=t&&t<e.to));return a<0?void 0:Math.min(e,a)}verifyCallOfNextSeparator(t,e){if(this.list.length-1>e){const a=this.list[e+1];if(a.isSeparator&&a.mask===t)return!0}return!1}}class G{constructor(t=[]){this.inputMode="text",this.locale="de-CH",this.blocks=new E(t)}onLocaleChange(t,e,a){if(t.target){const e=t.value.split("");for(let t=0;t<e.length;t++){const i=e[t],s=this.blocks.findByIndex(t),n=a.findByIndex(t);s&&n&&(s.isSeparator||i===n.mask)&&(e[t]=s.mask)}t.value=e.join("")}}onFocus(t){}onBlur(t){}onChange(t){t.submit("change",this.onParseValue(t.value))}onNavigationDown(t,e,a){}onSelectAll(t,e,a){}onPaste(t,e,a){t.value=t.clipboardData||"",t.position.toEnd()}onBlockChange(t,e,a){t.setChar(),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onBackspaceDown(t,e,a){if(t.position.previous(),!e.isSeparator){t.setChar(e.mask);const i=this.blocks.list[a-1];t.position.value===e.from&&i&&i.isSeparator&&t.position.previous()}}onDeleteDown(t,e,a){t.setChar(e.mask),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onValueChanged(t){const e=this.onFormatValue(t.newValue),a=t.focused&&""===e?this.blocks.getPlaceholderMask():e;t.value=a,t.position.toEnd()}onParseValue(t,e={allowInvalidValue:!1}){return t?t.trim():t||""}onFormatValue(t){return t?t.trim():t||""}toParsedValue(t){return this.onParseValue(t)}toFormattedValue(t){return this.onFormatValue(t)}fireI18nChange(t){const e=this.blocks.clone(),a=`${t.locale}`;this.locale=t.locale,this.blocks.list.forEach((e=>e.onI18nChange(t.locale))),this.onLocaleChange(t,a,e)}fireValueChanged(t){t.didValueChange&&this.onValueChanged(t)}firePaste(t){const e=this.blocks.getBlockIndexFromPosition(t.position.value);void 0!==e&&(this.onPaste(t,this.blocks.list[e],e),this.onChange(t))}fireClick(t){this.blocks.getPlaceholderMask()===t.value&&t.position.toStart()}fireFocus(t){t.target&&t.isValueEmpty()&&this.resetInputValueWithMask(t),this.onFocus(t)}fireBlur(t){t.target&&(this.isValueEmptyMask(t)?this.emptyInputValue(t):(this.onBlur(t),t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))))}fireKeyDown(t){const e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value,a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand)return t.preventDefault(),void t.stopPropagation();if(void 0===a||t.position.isRangeSelection)t.isTabKey||t.preventDefault(),t.isBackspaceKey||t.isDeleteKey?this.resetInputValueWithMask(t):this.blocks.list[0].verifyAllowedKeyHits(t.key)&&this.onBlockChange(t,this.blocks.list[0],0);else{const e=this.blocks.list[a];if(t.isNavigationKey)this.onNavigationDown(t,e,a);else if(t.isSelectAllCommand)this.onSelectAll(t,e,a);else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey)t.preventDefault(),this.onBackspaceDown(t,e,a);else if(t.isDeleteKey)t.preventDefault(),this.onDeleteDown(t,e,a);else if(t.isWhiteSpaceKey){if(t.preventDefault(),"."===t.value[t.position.value]){t.stopPropagation();const e=t.value;t.value=e.substring(0,t.position.value)+"_"+e.substring(t.position.value+1)}}else if(e.verifyAllowedKeyHits(t.key))t.preventDefault(),this.onBlockChange(t,e,a);else if(this.blocks.verifyCallOfNextSeparator(t.key,a)&&(t.preventDefault(),t.position.value>this.blocks.list[a].from)){const i=this.blocks.list[a+1],s=t.value,n=e.getValueOfTheBlock(s),l=e.format(n);t.value=s.substring(0,e.from)+l+s.substring(e.to),t.position.value=i.to}const i=this.blocks.getBlockIndexFromPosition(t.position.value);if(i&&!t.isBackspaceKey){const e=this.blocks.formatBlocks(t.value,i),a=t.position.value;t.value=e,t.position.value=a}}}resetInputValueWithMask(t){t.value=this.blocks.getPlaceholderMask(),t.position.toStart()}isValueEmptyMask(t){return this.blocks.getPlaceholderMask()===t.value}emptyInputValue(t){t.value="",t.submit("blur",t.value)}}class Y extends G{constructor(){super([new R({from:0,to:2,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.dayMask[t.split("-")[0]]||this.dayMask.de}),new R({from:2,to:3,mask:t=>g(t),isSeparator:!0}),new R({from:3,to:5,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.monthMask[t.split("-")[0]]||this.monthMask.de}),new R({from:5,to:6,mask:t=>g(t),isSeparator:!0}),new R({from:6,to:10,allowedKeys:[...j],mask:t=>this.yearMask[t.split("-")[0]]||this.yearMask.de})]),this.maxLength=10,this.minLength=10,this.inputMode="decimal",this.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"},this.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"},this.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"}}onParseValue(t,e={allowInvalidValue:!1}){if(t){const a=u.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid)return a.toISODate();if(e&&e.allowInvalidValue)return D}return""}onFormatValue(t){if(t){const e=u.fromISO(t);if(e.isValid)return e.toFormat()}return""}onPaste(t,e,a){const i=u.fromAnyFormat(t.clipboardData||"");i.isValid&&(t.value=i.toFormat(),t.position.toEnd())}onBlur(t){const e=this.blocks.getRawValueWithoutMaskByContext(t),a=u.fromAnyFormat(e);if(a.isValid){const e=a.toFormat();e!==t.value&&(t.value=e)}else t.component.allowInvalidValue&&e!==t.value&&(t.value=e)}}class q{constructor(t){this.mask=t}get attributes(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:!1}}bindComponent(t){this.component=t}bindComponentDidLoad(){this.component&&this.component.nativeInput&&(this.component.nativeInput.value=this.component.value||""),this.bindValueChanged(this.component.value,void 0)}bindConfigChanged(t){const{component:e,mask:a}=this,i=new W({component:e,mask:a,event:{locale:`${t.language}-${t.region}`}});this.mask.fireI18nChange(i),i.submit()}bindValueChanged(t,e){const{component:a,mask:i}=this,s=new N({component:a,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(s),s.submit("blur")}bindKeyDown(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new T({event:t,component:e,mask:a});this.mask.fireKeyDown(i),i.submit("Tab"===t.key?"tab":"input"),e.balKeyPress.emit(t)}}bindFocus(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!0;const i=new K({event:t,component:e,mask:a});this.mask.fireFocus(i),i.submit(),e.balFocus.emit(t)}}bindBlur(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!1;const i=new K({event:t,component:e,mask:a});this.mask.fireBlur(i),i.submit("blur"),e.balBlur.emit(t)}}bindPaste(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new A({event:t,component:e,mask:a});this.mask.firePaste(i),i.submit()}}bindFormReset(t){const e=t.target;e&&(e===this.component.el||e.contains(this.component.el))&&(this.component.value=this.component.initialValue,this.component.inputValue=this.component.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.component.nativeInput&&(this.component.nativeInput.value=this.mask.toFormattedValue(this.component.value||""))})))}bindClick(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new H({event:t,component:e,mask:a});this.mask.fireClick(i),i.submit()}}bindHostClick(t){this.isComponentAccessible||(t.preventDefault(),t.stopPropagation())}bindGlobalClick(t){this.isComponentAccessible||t.target&&t.target===this.component.el&&(t.preventDefault(),t.stopPropagation())}get isComponentAccessible(){return!this.component.disabled&&!this.component.readonly}}const Z=class{constructor(t){e(this,t),this.balKeyPress=a(this,"balKeyPress"),this.balChange=a(this,"balChange"),this.balInput=a(this,"balInput"),this.balBlur=a(this,"balBlur"),this.balFocus=a(this,"balFocus"),this.inputId="bal-i-date-"+J++,this.inheritedAttributes={},this.maskAdapter=new q(new Y),this.focused=!1,this.isGrouped=!1,this.ariaForm=k,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.autocomplete="off",this.hasIconRight=!1,this.value=void 0,this.inputValue=this.value,this.initialValue=this.value||"",this.autoInvalidOff=!1,this.allowInvalidValue=!1}createLogger(t){this.log=t}valueChanged(t,e){this.maskAdapter.bindValueChanged(t,e)}connectedCallback(){this.maskAdapter.bindComponent(this),this.isGrouped=d("bal-input-group",this.el)}componentDidLoad(){this.maskAdapter.bindComponentDidLoad()}componentWillRender(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title","data-hj-allow"])}async configChanged(t){this.maskAdapter.bindConfigChanged(t)}resetHandler(t){this.maskAdapter.bindFormReset(t)}listenOnClick(t){this.maskAdapter.bindGlobalClick(t)}async setFocus(){x(this)}async setBlur(){C(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}render(){const e=r.block("input-date"),a=e.element("native");return t(i,{key:"3c71adc69c5270029c588885037338aee6dfc85f",onClick:t=>this.maskAdapter.bindHostClick(t),class:Object.assign({},e.class())},t("input",Object.assign({key:"56c3f39f98b9dadb6b18f8bfea4c172e7bc0e607",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-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":y(this.disabled),required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:t=>this.maskAdapter.bindKeyDown(t),onClick:t=>this.maskAdapter.bindClick(t),onFocus:t=>this.maskAdapter.bindFocus(t),onBlur:t=>this.maskAdapter.bindBlur(t),onPaste:t=>this.maskAdapter.bindPaste(t)})),t("input",{key:"dae67450389be6169c8257a0b1eaf877fb81e66b",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};n([h("bal-input-date"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],Z.prototype,"createLogger",null),n([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],Z.prototype,"configChanged",null);let J=0;Z.style=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__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}";export{$ as bal_date_calendar,Z as bal_input_date}
|
package/dist/baloise-design-system/{p-f8b560b22f.system.entry.js → p-eb98a3713f.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{i(s.next(e))}catch(e){o(e)}}function l(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(n,l)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=l(0),n["throw"]=l(1),n["return"]=l(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(e){return function(t){return i([e,t])}}function i(l){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(s=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;r=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(l[0]===6&&a.label<o[1]){a.label=o[1];o=l;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(l);break}if(o[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];r=0}finally{s=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BPUKeAhO.system.js","./p-BbAtjg9Y.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-CTl0uAFp.system.js","./p-DAsF8QfB.system.js","./p-DV-2u4Pm.system.js","./p-BRJ7ljGZ.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DdX8FaaK.system.js","./p-DDPYMMGG.system.js","./p-LFV9NiI-.system.js"],(function(e){"use strict";var t,a,s,r,o,n,l,i,b,c,p,_,d,u,v,f;return{setters:[function(e){t=e.h;a=e.r;s=e.c;r=e.H;o=e.g},function(e){n=e._;l=e.a},function(e){i=e.a},function(e){b=e.B},function(e){c=e.s},function(e){p=e.n},function(e){_=e.L},function(e){d=e.n},function(e){u=e.b},function(e){v=e.L},function(e){f=e.L},null,null,null,null,null,null,null,null],execute:function(){var m=function(e){var a=e.item,s=e.isMobile;var r=b.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=b.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,n=e.onSelectTab;var l=b.block("steps").element("nav").element("item");if(a.invisible){return}if(a.href){return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href,rel:a.rel,target:a.target,onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))}return t("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))};var y='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var k=e("bal_steps",function(){function e(e){var t=this;a(this,e);this.balChange=s(this,"balChange");this.stepsId="bal-steps-".concat(x++);this.store=[];this.isMobile=u.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!i(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){c(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=p(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.swiperOnChange=function(e){};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=b.block("steps");var s=a.element("nav");var o=true;var n=-1;var l=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){o=false}if(!e.invisible){n=n+1}return Object.assign(Object.assign({},e),{passed:o,index:n})}));return t(r,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},l.filter((function(e){return!e.invisible})).map((function(a){return t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab})}))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());n([_("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null);n([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],k.prototype,"mutationListener",null);n([f(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"breakpointListener",null);var x=0;k.style=y}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{i(s.next(e))}catch(e){o(e)}}function l(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(n,l)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=l(0),n["throw"]=l(1),n["return"]=l(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(e){return function(t){return i([e,t])}}function i(l){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(s=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;r=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(l[0]===6&&a.label<o[1]){a.label=o[1];o=l;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(l);break}if(o[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];r=0}finally{s=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BPUKeAhO.system.js","./p-BbAtjg9Y.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-CTl0uAFp.system.js","./p-CE3V5D8z.system.js","./p-DV-2u4Pm.system.js","./p-BIBFYhYa.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DdX8FaaK.system.js","./p-DDPYMMGG.system.js","./p-dEE6wNs_.system.js"],(function(e){"use strict";var t,a,s,r,o,n,l,i,b,c,p,_,d,u,v,f;return{setters:[function(e){t=e.h;a=e.r;s=e.c;r=e.H;o=e.g},function(e){n=e._;l=e.a},function(e){i=e.a},function(e){b=e.B},function(e){c=e.s},function(e){p=e.n},function(e){_=e.L},function(e){d=e.n},function(e){u=e.b},function(e){v=e.L},function(e){f=e.L},null,null,null,null,null,null,null,null],execute:function(){var m=function(e){var a=e.item,s=e.isMobile;var r=b.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=b.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,n=e.onSelectTab;var l=b.block("steps").element("nav").element("item");if(a.invisible){return}if(a.href){return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href,rel:a.rel,target:a.target,onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))}return t("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))};var y='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var k=e("bal_steps",function(){function e(e){var t=this;a(this,e);this.balChange=s(this,"balChange");this.stepsId="bal-steps-".concat(x++);this.store=[];this.isMobile=u.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!i(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){c(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=p(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.swiperOnChange=function(e){};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=b.block("steps");var s=a.element("nav");var o=true;var n=-1;var l=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){o=false}if(!e.invisible){n=n+1}return Object.assign(Object.assign({},e),{passed:o,index:n})}));return t(r,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},l.filter((function(e){return!e.invisible})).map((function(a){return t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab})}))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());n([_("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null);n([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],k.prototype,"mutationListener",null);n([f(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"breakpointListener",null);var x=0;k.style=y}}}));
|