@baloise/ds-core 19.8.1 → 19.8.2-nightly.20251024
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/animation.decorator.js +1 -1
- package/components/bal-app.js +1 -98
- package/components/bal-app2.js +100 -0
- package/components/bal-button2.js +1 -1
- package/components/bal-carousel-item.js +1 -1
- package/components/bal-checkbox-group.js +1 -1
- package/components/bal-date.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-dropdown.js +1 -1
- package/components/bal-footer.js +1 -1
- package/components/bal-input-stepper.js +1 -1
- package/components/bal-list-item-accordion-body2.js +1 -1
- package/components/bal-list-item2.js +1 -1
- package/components/bal-logo2.js +1 -1
- package/components/bal-nav.js +18 -3
- package/components/bal-popup2.js +1 -1
- package/components/bal-radio-group.js +1 -1
- package/components/bal-segment-item.js +1 -1
- package/components/bal-select2.js +1 -1
- package/components/bal-spinner2.js +1 -1
- package/components/bal-stage-image.js +1 -1
- package/components/bal-tabs2.js +1 -1
- package/components/bal-tag2.js +1 -1
- package/components/bal-toast.controller.js +1 -1
- package/components/breakpoints.subject.js +1 -1
- package/components/element-states.decorator.js +1 -1
- package/components/floating-ui.js +1 -1
- package/components/focus.decorator.js +1 -1
- package/components/helpers.js +1 -1
- package/components/index.js +5 -318
- package/components/initialize.js +318 -0
- package/components/mutation.decorator.js +1 -1
- package/components/overlays.js +1 -1
- package/components/resize.decorator.js +1 -1
- package/components/swipe.subject.js +1 -1
- package/components/swiper.util.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/components/visibility.decorator.js +1 -1
- package/components/window-resize.listener.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-bcd83d427a.entry.js → p-010b6b2495.entry.js} +1 -1
- package/dist/baloise-design-system/{p-63f29c8ce7.system.entry.js → p-011ab0827f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1638d00f2d.system.entry.js → p-02e53a0bab.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1744fb223c.entry.js → p-0503b82eb8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b8e45544f8.system.entry.js → p-0c4cd74297.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4173b195f5.entry.js → p-0cb88b4931.entry.js} +1 -1
- package/dist/baloise-design-system/{p-aa6b291c05.entry.js → p-0fca3fcc73.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bdeea100d1.system.entry.js → p-0fd7caa1c1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1a48f63b91.entry.js → p-12b03fb8ae.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9a7614a6da.system.entry.js → p-1b17919ea5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c90ec8cdb3.entry.js → p-1b25b70020.entry.js} +1 -1
- package/dist/baloise-design-system/p-1cb2fcf7be.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-b06c400104.entry.js → p-1e2913fae7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ce3e28b217.entry.js → p-1e9bca6fa8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5233b94b59.system.entry.js → p-1ea60cbccc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e61b2c3ea9.entry.js → p-1eaaad87aa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-446235d66d.entry.js → p-25cc04e80e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09dea19d2d.entry.js → p-27148bbd52.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6f8769f0fd.entry.js → p-2882b75b4e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-be6dadb482.system.entry.js → p-2886eb87c3.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-29504f905c.entry.js +1 -0
- package/dist/baloise-design-system/{p-9f46f38337.system.entry.js → p-295396cafc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-113691a62f.entry.js → p-295b43cf43.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0fad8a1e31.entry.js → p-2b25a02ba3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ad13e4b26b.system.entry.js → p-2efdc7ebfc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3eb7056b78.entry.js → p-2f0cd1ecf9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4cbacb2728.entry.js → p-324503910f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5b7e9f6bcd.system.entry.js → p-3354e42729.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9ccc9420aa.system.entry.js → p-3b1cfe0b64.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fc05075fc7.entry.js → p-4076c39eef.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cfbff4d0c5.system.entry.js → p-423684d97f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-97dca06bad.system.entry.js → p-48c5b8ec84.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-29be3c5644.system.entry.js → p-4a17bf5e81.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-4a5R2tSj.js +1 -0
- package/dist/baloise-design-system/{p-fb932a0e2d.system.entry.js → p-4a84a71d62.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-83b74d79ee.entry.js → p-4b2a8de513.entry.js} +1 -1
- package/dist/baloise-design-system/p-4b7b610259.entry.js +1 -0
- package/dist/baloise-design-system/{p-880d0279db.system.entry.js → p-4ca51e0ef5.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-4e9584ed2f.entry.js +1 -0
- package/dist/baloise-design-system/{p-4592890c87.system.entry.js → p-4ef3ad250a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-85f99546f7.system.entry.js → p-554c6e6a8a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ea6194816f.system.entry.js → p-5663be25a4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0fe98f59a4.system.entry.js → p-57eccdd4fa.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-48180ac5f9.system.entry.js → p-5d193fcdf1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6a2d541345.entry.js → p-5f927e21ff.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f2f3785849.entry.js → p-64d505f3d8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6c724b0bf7.entry.js → p-679d29867d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-46aaffaa70.entry.js → p-684a2c1cbb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-B97IGjGv.js → p-6TfxqNBh.js} +1 -1
- package/dist/baloise-design-system/{p-9faad04082.entry.js → p-6a1ea3987d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-78d48f3d1a.entry.js → p-6b60c7bfc1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1d3f76cacc.system.entry.js → p-6dac1f2102.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-85453d4b0a.system.entry.js → p-6ed88b9112.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ab4f18d946.system.entry.js → p-71bd13ea68.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-63d9b0dc71.system.entry.js → p-7643f45643.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-429b6209eb.entry.js → p-785c163222.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2d88aa248e.system.entry.js → p-797ade5f01.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5437056c7e.system.entry.js → p-79fc7f868f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-DeoFxI9e.system.js → p-7TMYKUrR.system.js} +1 -1
- package/dist/baloise-design-system/{p-fa6414dc04.entry.js → p-7a8f0ddbf1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6845434665.system.entry.js → p-7c74d0e5c9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09bcea6590.entry.js → p-7e253c83af.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5579956bdd.entry.js → p-7ea20a5c93.entry.js} +1 -1
- package/dist/baloise-design-system/p-7f0a519653.entry.js +1 -0
- package/dist/baloise-design-system/{p-c89d33981c.system.entry.js → p-840482975a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4861d5c268.system.entry.js → p-8476cebcc8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0907fd261f.entry.js → p-89f7aac322.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4fde0820a2.entry.js → p-8bf0d2364b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1edf81b274.entry.js → p-920efc7d4f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dc17e3d1b7.system.entry.js → p-937de194f9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e5e10f7330.entry.js → p-946ae63e67.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c7b4bbf341.system.entry.js → p-966ecf9019.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-C8rDagP9.system.js → p-9XNbyOSr.system.js} +1 -1
- package/dist/baloise-design-system/{p-f5da815d40.system.entry.js → p-9a1f9f87ba.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fe41123fad.entry.js → p-9ea07f4475.entry.js} +1 -1
- package/dist/baloise-design-system/{p-irA_rSP3.system.js → p-B12PRy0J.system.js} +1 -1
- package/dist/baloise-design-system/{p-m9_QZ3Uf.system.js → p-B6zedjBY.system.js} +1 -1
- package/dist/baloise-design-system/p-BCHYC7Bj.js +1 -0
- package/dist/baloise-design-system/{p-C89aCsha.system.js → p-BEHWqQ30.system.js} +1 -1
- package/dist/baloise-design-system/{p-lN4h2Pow.js → p-BS9Cm6Li.js} +1 -1
- package/dist/baloise-design-system/{p-BUT7svFW.js → p-BT0jvhwB.js} +1 -1
- package/dist/baloise-design-system/p-Bv2RqPLv.system.js +1 -0
- package/dist/baloise-design-system/{p-CzMY8q3l.js → p-BvWFqTUG.js} +1 -1
- package/dist/baloise-design-system/{p-Clusr4_J.system.js → p-C82kWF34.system.js} +1 -1
- package/dist/baloise-design-system/{p-C-0U-EV8.js → p-C9a9g_Zm.js} +1 -1
- package/dist/baloise-design-system/{p-BCLQO-UH.system.js → p-CD5gDqBn.system.js} +1 -1
- package/dist/baloise-design-system/{p-BdMT8-qh.system.js → p-CGwhTU7i.system.js} +1 -1
- package/dist/baloise-design-system/{p-cH5PDB1i.js → p-CS7huZb4.js} +1 -1
- package/dist/baloise-design-system/{p-B1Sh_O8b.js → p-CZ7ge51M.js} +1 -1
- package/dist/baloise-design-system/p-CZqZRJHG.system.js +2 -0
- package/dist/baloise-design-system/{p-CeQR6IVh.system.js → p-C_ypyLU4.system.js} +1 -1
- package/dist/baloise-design-system/{p-DkkPrFJ4.js → p-Cf_k64KF.js} +1 -1
- package/dist/baloise-design-system/{p-D4O83t4p.system.js → p-Cmksqj4t.system.js} +1 -1
- package/dist/baloise-design-system/p-CsYw_EuK.js +1 -0
- package/dist/baloise-design-system/{p-BYjxFsKZ.js → p-CvC9Gho9.js} +1 -1
- package/dist/baloise-design-system/{p-Dv-qApwY.system.js → p-CvogP0Go.system.js} +1 -1
- package/dist/baloise-design-system/{p-DYGnSrkp.system.js → p-D3nkvH-9.system.js} +1 -1
- package/dist/baloise-design-system/{p-B5KM7rHn.js → p-D6ivErmx.js} +1 -1
- package/dist/baloise-design-system/{p-BDsO8HVR.system.js → p-DBqZ4THW.system.js} +1 -1
- package/dist/baloise-design-system/{p-Zfrf1YrK.js → p-DCgTymE2.js} +1 -1
- package/dist/baloise-design-system/{p-D4gL5qCn.system.js → p-DI4t7K8M.system.js} +1 -1
- package/dist/baloise-design-system/{p-t17chohV.system.js → p-DJcEiZ7s.system.js} +1 -1
- package/dist/baloise-design-system/{p-YxrA2V8G.system.js → p-DMMEKWRq.system.js} +1 -1
- package/dist/baloise-design-system/{p-CdRteRAi.system.js → p-DSMWpGHp.system.js} +1 -1
- package/dist/baloise-design-system/{p-9kAhgg3Z.js → p-DZGc612N.js} +1 -1
- package/dist/baloise-design-system/{p-C9gtg7pC.js → p-D_QTsfLe.js} +1 -1
- package/dist/baloise-design-system/p-Db4HWGqe.js +1 -0
- package/dist/baloise-design-system/{p-Csghe1wj.system.js → p-DdazpGie.system.js} +1 -1
- package/dist/baloise-design-system/p-DgO8M3Ex.system.js +1 -0
- package/dist/baloise-design-system/p-DoMopbMR.js +1 -0
- package/dist/baloise-design-system/{p-DMPBkH8m.js → p-DpfpxAuN.js} +1 -1
- package/dist/baloise-design-system/{p-DA9xpxCC.system.js → p-Im5Uw5Uj.system.js} +1 -1
- package/dist/baloise-design-system/{p-CpCwptFO.js → p-JWilOp6f.js} +1 -1
- package/dist/baloise-design-system/{p-C9hJ2TuZ.system.js → p-JndZEZsF.system.js} +1 -1
- package/dist/baloise-design-system/{p-CmT779RG.system.js → p-MS0zAYf0.system.js} +1 -1
- package/dist/baloise-design-system/{p-BgWhYta3.js → p-PmQf2Yvi.js} +2 -2
- package/dist/baloise-design-system/{p-CPvYKxnJ.system.js → p-W1sg_Y8k.system.js} +1 -1
- package/dist/baloise-design-system/{p-34251be01a.entry.js → p-a5c6bdfbf2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ffdfc86824.system.entry.js → p-ad32646aac.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b6348cd01c.system.entry.js → p-ae6abe3efe.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6b7cef6b56.system.entry.js → p-af5af9b414.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6bb94607cc.entry.js → p-b20ae66ef8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-37022683b7.entry.js → p-b27205d508.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ef2aa99689.entry.js → p-b39032a34a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e2ff5ec460.entry.js → p-b3f6defbb1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-76f24c46ea.entry.js → p-b451e9fdb7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-46048d30b3.system.entry.js → p-b7d5aa0f03.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-b8885cd7d6.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-6c89fe7777.system.entry.js → p-b8da25ec98.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-966e81fde2.entry.js → p-ba639c0124.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f931d7af5f.system.entry.js → p-bac88067be.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-54252e93ae.system.entry.js → p-bbbc06eecb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7255ac5e19.system.entry.js → p-bbee2d7ad4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dcd16c9edf.system.entry.js → p-bc91fd8133.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-bddb98053f.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-77ed6cef4e.entry.js → p-beb9fc5ed3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1a1b714236.entry.js → p-c09a59876d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6d016ad721.entry.js → p-c0a18d78ed.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1516c91d4e.entry.js → p-c0e6b65b1d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4ab1baaeb2.system.entry.js → p-c226536fa8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-845bb5b65f.entry.js → p-c5110bbd12.entry.js} +1 -1
- package/dist/baloise-design-system/p-c544ef4921.entry.js +1 -0
- package/dist/baloise-design-system/{p-8395c0a19a.system.entry.js → p-c6a27fcdf4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-32ed11b23d.entry.js → p-ca5936b499.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a24b0f04ac.entry.js → p-d91f5120fe.entry.js} +1 -1
- package/dist/baloise-design-system/{p-99be7132f1.system.entry.js → p-da1bdf94c7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-eb318eae31.system.entry.js → p-da62d77c95.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-33e4fc1641.entry.js → p-daf9f867b1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a49cbc975f.entry.js → p-dd4c9529d5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b69dfb2589.system.entry.js → p-dd94a5461b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-98d8c0b274.system.entry.js → p-de2080bfd0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bb3c1187e2.entry.js → p-dedd577dbc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d1816d3426.system.entry.js → p-df80bc69f9.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e9def294d4.entry.js +1 -0
- package/dist/baloise-design-system/{p-af0438175b.system.entry.js → p-ea50667556.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2ad2cd8a77.system.entry.js → p-ec546cbfcb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-faf0583f17.entry.js → p-ec7ed3feb3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1d177e7449.entry.js → p-ed8e99b381.entry.js} +1 -1
- package/dist/baloise-design-system/{p-380c5803d9.entry.js → p-ed9bc55fcf.entry.js} +1 -1
- package/dist/baloise-design-system/{p-af25440706.system.entry.js → p-ef22b7d79f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c88b2139c4.system.entry.js → p-efd6eb1738.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-57303f4cf0.entry.js → p-f089aa33fa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-98fedb26af.system.entry.js → p-f51a7c0f2f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-60249e3303.system.entry.js → p-f88b86d94c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09348ab262.system.entry.js → p-fbdc1728f5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6af4878ee1.system.entry.js → p-fc77c572ed.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-DblLSfCr.js → p-fwyE1zA4.js} +1 -1
- package/dist/baloise-design-system/{p-BuwrUtcI.js → p-j8Tu6TLN.js} +1 -1
- package/dist/cjs/{animation.decorator-DvBKgd0w.js → animation.decorator-MtaR3OPW.js} +2 -2
- package/dist/cjs/bal-accordion_4.cjs.entry.js +3 -3
- package/dist/cjs/bal-app.cjs.entry.js +2 -2
- package/dist/cjs/bal-badge.cjs.entry.js +1 -1
- package/dist/cjs/bal-button_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-card_6.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +15 -15
- package/dist/cjs/bal-check.cjs.entry.js +1 -1
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-close.cjs.entry.js +2 -2
- package/dist/cjs/bal-content.cjs.entry.js +1 -1
- package/dist/cjs/bal-data_4.cjs.entry.js +2 -2
- package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +2 -2
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +8 -8
- package/dist/cjs/bal-date.cjs.entry.js +5 -5
- package/dist/cjs/bal-divider.cjs.entry.js +1 -1
- package/dist/cjs/bal-doc-app.cjs.entry.js +224 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/bal-field_5.cjs.entry.js +9 -9
- package/dist/cjs/bal-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/bal-footer.cjs.entry.js +2 -2
- package/dist/cjs/bal-form-col_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-form.cjs.entry.js +1 -1
- package/dist/cjs/bal-heading_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_5.cjs.entry.js +8 -8
- package/dist/cjs/bal-icon.cjs.entry.js +2 -2
- package/dist/cjs/bal-input-group.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-slider.cjs.entry.js +2 -2
- package/dist/cjs/bal-input-stepper.cjs.entry.js +4 -4
- package/dist/cjs/bal-input.cjs.entry.js +2 -2
- package/dist/cjs/bal-label.cjs.entry.js +2 -2
- package/dist/cjs/bal-list_8.cjs.entry.js +10 -10
- package/dist/cjs/bal-logo.cjs.entry.js +7 -7
- package/dist/cjs/bal-modal_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +29 -14
- package/dist/cjs/bal-navbar_5.cjs.entry.js +8 -8
- package/dist/cjs/bal-notices_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-notification.cjs.entry.js +1 -1
- package/dist/cjs/bal-number-input.cjs.entry.js +4 -4
- package/dist/cjs/bal-option_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
- package/dist/cjs/bal-popup.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +8 -8
- package/dist/cjs/bal-radio-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-radio_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-segment_2.cjs.entry.js +12 -12
- package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-shape.cjs.entry.js +2 -2
- package/dist/cjs/bal-sheet.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +2 -2
- package/dist/cjs/bal-stack.cjs.entry.js +1 -1
- package/dist/cjs/bal-stage_6.cjs.entry.js +1 -1
- package/dist/cjs/bal-step-item.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +8 -8
- package/dist/cjs/bal-switch.cjs.entry.js +1 -1
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +16 -16
- package/dist/cjs/bal-table.cjs.entry.js +1 -1
- package/dist/cjs/bal-tag_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-textarea.cjs.entry.js +2 -2
- package/dist/cjs/bal-time-input.cjs.entry.js +3 -3
- package/dist/cjs/bal-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +2 -2
- package/dist/cjs/{breakpoints.decorator-CQyM5NAJ.js → breakpoints.decorator-cEsGwm9B.js} +1 -1
- package/dist/cjs/{breakpoints.subject-C9TQkRfu.js → breakpoints.subject--aWkQF2R.js} +4 -4
- package/dist/cjs/{config.decorator-D_YTqpYj.js → config.decorator-BHeu_GTu.js} +1 -1
- package/dist/cjs/{date-CA-bG6cD.js → date-DSleGQM2.js} +1 -1
- package/dist/cjs/{device-CrnZOym8.js → device-ARVkgrm6.js} +1 -1
- package/dist/cjs/{element-states.decorator-0udYH_TL.js → element-states.decorator-BQWmCwCp.js} +2 -2
- package/dist/cjs/{floating-ui-T_yqQ0TC.js → floating-ui-C2wNep6L.js} +1 -1
- package/dist/cjs/{focus.decorator-Bu4qsoNG.js → focus.decorator-ByRdA2N4.js} +2 -2
- package/dist/cjs/{form-input-DBZuEpuy.js → form-input-DQ0cJ5PO.js} +1 -1
- package/dist/cjs/{index-TwNDE7ev.js → index-DQjemDtV.js} +4 -3
- package/dist/cjs/index.cjs.js +10 -10
- package/dist/cjs/{listener-h1eTpBYL.js → listener-BUV5GkH6.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{mutation.decorator-C3JICFwA.js → mutation.decorator-CsgZkurG.js} +2 -2
- package/dist/cjs/{number-B6kudt4D.js → number-CVOBKqqD.js} +1 -1
- package/dist/cjs/{overlays-CkF6MI3c.js → overlays-Un24Q8y6.js} +1 -1
- package/dist/cjs/{resize.decorator-Cxv0R8v_.js → resize.decorator-BBkjTNGw.js} +2 -2
- package/dist/cjs/{scroll-DU1EZHWg.js → scroll-Qi1tegUc.js} +1 -1
- package/dist/cjs/{swipe.decorator-B69SZ4Jn.js → swipe.decorator-OjfocfQU.js} +1 -1
- package/dist/cjs/{swipe.subject-BbLTKDyB.js → swipe.subject-CvP6SvPu.js} +3 -3
- package/dist/cjs/{swiper.util-B4hvYgKv.js → swiper.util-CG_aJd75.js} +2 -2
- package/dist/cjs/{tokens.esm-BldEtOLV.js → tokens.esm-_c3BOf3K.js} +1 -1
- package/dist/cjs/{visibility.decorator-CC35M6Un.js → visibility.decorator-yvoKhuiP.js} +2 -2
- package/dist/cjs/{window-resize.decorator-Br61amxZ.js → window-resize.decorator-CBPpjhmy.js} +1 -1
- package/dist/cjs/{window-resize.subject-BUj29HRO.js → window-resize.subject-CJkIup1G.js} +3 -3
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-nav/models/bal-nav-meta-button.js +17 -2
- package/dist/collection/components/bal-tag/bal-tag.css +1 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +248 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/{animation.decorator-CNK3bJ6X.js → animation.decorator-Bt4dMMHD.js} +2 -2
- package/dist/esm/bal-accordion_4.entry.js +3 -3
- package/dist/esm/bal-app.entry.js +2 -2
- package/dist/esm/bal-badge.entry.js +1 -1
- package/dist/esm/bal-button_2.entry.js +1 -1
- package/dist/esm/bal-card_6.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +15 -15
- package/dist/esm/bal-check.entry.js +1 -1
- package/dist/esm/bal-checkbox_2.entry.js +6 -6
- package/dist/esm/bal-close.entry.js +2 -2
- package/dist/esm/bal-content.entry.js +1 -1
- package/dist/esm/bal-data_4.entry.js +2 -2
- package/dist/esm/bal-date-calendar-cell.entry.js +2 -2
- package/dist/esm/bal-date-calendar_2.entry.js +8 -8
- package/dist/esm/bal-date.entry.js +5 -5
- package/dist/esm/bal-divider.entry.js +1 -1
- package/dist/esm/bal-doc-app.entry.js +222 -0
- package/dist/esm/bal-dropdown.entry.js +4 -4
- package/dist/esm/bal-field_5.entry.js +9 -9
- package/dist/esm/bal-file-upload.entry.js +2 -2
- package/dist/esm/bal-footer.entry.js +2 -2
- package/dist/esm/bal-form-col_2.entry.js +1 -1
- package/dist/esm/bal-form.entry.js +1 -1
- package/dist/esm/bal-heading_2.entry.js +1 -1
- package/dist/esm/bal-hint_5.entry.js +8 -8
- package/dist/esm/bal-icon.entry.js +2 -2
- package/dist/esm/bal-input-group.entry.js +1 -1
- package/dist/esm/bal-input-slider.entry.js +2 -2
- package/dist/esm/bal-input-stepper.entry.js +4 -4
- package/dist/esm/bal-input.entry.js +2 -2
- package/dist/esm/bal-label.entry.js +2 -2
- package/dist/esm/bal-list_8.entry.js +10 -10
- package/dist/esm/bal-logo.entry.js +7 -7
- package/dist/esm/bal-modal_3.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +29 -14
- package/dist/esm/bal-navbar_5.entry.js +8 -8
- package/dist/esm/bal-notices_3.entry.js +1 -1
- package/dist/esm/bal-notification.entry.js +1 -1
- package/dist/esm/bal-number-input.entry.js +4 -4
- package/dist/esm/bal-option_2.entry.js +4 -4
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +8 -8
- package/dist/esm/bal-radio-icon.entry.js +1 -1
- package/dist/esm/bal-radio_2.entry.js +6 -6
- package/dist/esm/bal-segment_2.entry.js +12 -12
- package/dist/esm/bal-select_2.entry.js +2 -2
- package/dist/esm/bal-shape.entry.js +2 -2
- package/dist/esm/bal-sheet.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +2 -2
- package/dist/esm/bal-stack.entry.js +1 -1
- package/dist/esm/bal-stage_6.entry.js +1 -1
- package/dist/esm/bal-step-item.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +8 -8
- package/dist/esm/bal-switch.entry.js +1 -1
- package/dist/esm/bal-tab-item_2.entry.js +16 -16
- package/dist/esm/bal-table.entry.js +1 -1
- package/dist/esm/bal-tag_2.entry.js +2 -2
- package/dist/esm/bal-textarea.entry.js +2 -2
- package/dist/esm/bal-time-input.entry.js +3 -3
- package/dist/esm/bal-tooltip.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +3 -3
- package/dist/esm/{breakpoints.decorator-DPFzYtUR.js → breakpoints.decorator-B6YKPaMB.js} +1 -1
- package/dist/esm/{breakpoints.subject-B4lpOFRU.js → breakpoints.subject-BuC27PoW.js} +4 -4
- package/dist/esm/{config.decorator-FwS7csea.js → config.decorator-C0n4XdmV.js} +1 -1
- package/dist/esm/{date-wScrQINJ.js → date-qx-YcxiP.js} +1 -1
- package/dist/esm/{device-CWdcsnSc.js → device-k6pZqG5b.js} +1 -1
- package/dist/esm/{element-states.decorator-BPErBZif.js → element-states.decorator-sRmB7nsL.js} +2 -2
- package/dist/esm/{floating-ui-CNYJCYYO.js → floating-ui-B4kY7Rfl.js} +1 -1
- package/dist/esm/{focus.decorator-BBUVspZX.js → focus.decorator-CRNdJg1-.js} +2 -2
- package/dist/esm/{form-input-Dv0N9pEu.js → form-input-BnvpIVmf.js} +1 -1
- package/dist/esm/{index-BgWhYta3.js → index-PmQf2Yvi.js} +4 -4
- package/dist/esm/index.js +13 -13
- package/dist/esm/{listener-BCxt7kj7.js → listener-DAmzgERU.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{mutation.decorator-DVnSOGDK.js → mutation.decorator-C8P2edvd.js} +2 -2
- package/dist/esm/{number-oUZz7C1l.js → number-D9b5C_nF.js} +1 -1
- package/dist/esm/{overlays-B9nzshwp.js → overlays-DW51jzX6.js} +1 -1
- package/dist/esm/{resize.decorator-xO0LVkHO.js → resize.decorator-Cu--lDUx.js} +2 -2
- package/dist/esm/{scroll-Dhp_eUkh.js → scroll-D7PR_3Xu.js} +1 -1
- package/dist/esm/{swipe.decorator-Bk0DXvq0.js → swipe.decorator-Du0N6KZV.js} +1 -1
- package/dist/esm/{swipe.subject-CCKruupP.js → swipe.subject-TydwoI2g.js} +3 -3
- package/dist/esm/{swiper.util-vb9wIkyd.js → swiper.util-B0QPuELf.js} +2 -2
- package/dist/esm/{tokens.esm-BuOIriY2.js → tokens.esm-BpYhDxYv.js} +1 -1
- package/dist/esm/{visibility.decorator-C5quU420.js → visibility.decorator-Cdl9SYMA.js} +2 -2
- package/dist/esm/{window-resize.decorator-kT7q2s-o.js → window-resize.decorator-DMmHn8oK.js} +1 -1
- package/dist/esm/{window-resize.subject-CP9YONGI.js → window-resize.subject-f4QJYmTC.js} +3 -3
- package/dist/esm-es5/{animation.decorator-CNK3bJ6X.js → animation.decorator-Bt4dMMHD.js} +1 -1
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-badge.entry.js +1 -1
- package/dist/esm-es5/bal-button_2.entry.js +1 -1
- package/dist/esm-es5/bal-card_6.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-check.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-content.entry.js +1 -1
- package/dist/esm-es5/bal-data_4.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar-cell.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-divider.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
- package/dist/esm-es5/bal-form.entry.js +1 -1
- package/dist/esm-es5/bal-heading_2.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-group.entry.js +1 -1
- package/dist/esm-es5/bal-input-slider.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-input.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.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-notices_3.entry.js +1 -1
- package/dist/esm-es5/bal-notification.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio-icon.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-sheet.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-stack.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-step-item.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-switch.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-table.entry.js +1 -1
- package/dist/esm-es5/bal-tag_2.entry.js +1 -1
- package/dist/esm-es5/bal-textarea.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/bal-tooltip.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-B6YKPaMB.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-B4lpOFRU.js → breakpoints.subject-BuC27PoW.js} +1 -1
- package/dist/esm-es5/{config.decorator-FwS7csea.js → config.decorator-C0n4XdmV.js} +1 -1
- package/dist/esm-es5/{date-wScrQINJ.js → date-qx-YcxiP.js} +1 -1
- package/dist/esm-es5/{device-CWdcsnSc.js → device-k6pZqG5b.js} +1 -1
- package/dist/esm-es5/element-states.decorator-sRmB7nsL.js +1 -0
- package/dist/esm-es5/floating-ui-B4kY7Rfl.js +1 -0
- package/dist/esm-es5/{focus.decorator-BBUVspZX.js → focus.decorator-CRNdJg1-.js} +1 -1
- package/dist/esm-es5/{form-input-Dv0N9pEu.js → form-input-BnvpIVmf.js} +1 -1
- package/dist/esm-es5/{index-BgWhYta3.js → index-PmQf2Yvi.js} +2 -2
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{listener-BCxt7kj7.js → listener-DAmzgERU.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mutation.decorator-C8P2edvd.js +1 -0
- package/dist/esm-es5/{number-oUZz7C1l.js → number-D9b5C_nF.js} +1 -1
- package/dist/esm-es5/{overlays-B9nzshwp.js → overlays-DW51jzX6.js} +1 -1
- package/dist/esm-es5/resize.decorator-Cu--lDUx.js +1 -0
- package/dist/esm-es5/{scroll-Dhp_eUkh.js → scroll-D7PR_3Xu.js} +1 -1
- package/dist/esm-es5/{swipe.decorator-Bk0DXvq0.js → swipe.decorator-Du0N6KZV.js} +1 -1
- package/dist/esm-es5/{swipe.subject-CCKruupP.js → swipe.subject-TydwoI2g.js} +1 -1
- package/dist/esm-es5/{swiper.util-vb9wIkyd.js → swiper.util-B0QPuELf.js} +1 -1
- package/dist/esm-es5/visibility.decorator-Cdl9SYMA.js +1 -0
- package/dist/esm-es5/{window-resize.decorator-kT7q2s-o.js → window-resize.decorator-DMmHn8oK.js} +1 -1
- package/dist/esm-es5/window-resize.subject-f4QJYmTC.js +1 -0
- package/dist/types/components/bal-nav/models/bal-nav-meta-button.d.ts +1 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +75 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-3d9e2e7f78.entry.js +0 -1
- package/dist/baloise-design-system/p-6JPfxkH9.system.js +0 -2
- package/dist/baloise-design-system/p-7b01f90676.entry.js +0 -1
- package/dist/baloise-design-system/p-885b4ff00d.system.entry.js +0 -1
- package/dist/baloise-design-system/p-9ed893d2f1.entry.js +0 -1
- package/dist/baloise-design-system/p-BL1JHkgM.system.js +0 -1
- package/dist/baloise-design-system/p-BiQW-kmH.js +0 -1
- package/dist/baloise-design-system/p-CvJZJ5PO.system.js +0 -1
- package/dist/baloise-design-system/p-CzSV5e8r.js +0 -1
- package/dist/baloise-design-system/p-DXVk9Ina.js +0 -1
- package/dist/baloise-design-system/p-DrYtyUx4.js +0 -1
- package/dist/baloise-design-system/p-b799463233.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b7df7d7313.entry.js +0 -1
- package/dist/baloise-design-system/p-c0ec248967.entry.js +0 -1
- package/dist/baloise-design-system/p-vMVVyc3d.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-DPFzYtUR.js +0 -1
- package/dist/esm-es5/element-states.decorator-BPErBZif.js +0 -1
- package/dist/esm-es5/floating-ui-CNYJCYYO.js +0 -1
- package/dist/esm-es5/mutation.decorator-DVnSOGDK.js +0 -1
- package/dist/esm-es5/resize.decorator-xO0LVkHO.js +0 -1
- package/dist/esm-es5/visibility.decorator-C5quU420.js +0 -1
- package/dist/esm-es5/window-resize.subject-CP9YONGI.js +0 -1
- /package/dist/baloise-design-system/{p-Btbv5cUj.system.js → p-B02rdZzp.system.js} +0 -0
- /package/dist/baloise-design-system/{p-BuOIriY2.js → p-BpYhDxYv.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-BuOIriY2.js → tokens.esm-BpYhDxYv.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{L as e,H as t,P as i,Q as a,V as s,M as n,N as r,O as o,R as l,S as b}from"./p-BgWhYta3.js";import{_ as m,a as c}from"./p-dfXERft2.js";import{L as d}from"./p-BUT7svFW.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-C-0U-EV8.js";import{L as g}from"./p-B1Sh_O8b.js";import{L as u}from"./p-C9gtg7pC.js";import{F as p}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as f}from"./p-CzSV5e8r.js";import{d as k,b as x,a as _,e as y,i as w,f as j,g as O,h as z}from"./p-D1VPLQ5z.js";import{L as C}from"./p-BYjxFsKZ.js";import"./p-vMVVyc3d.js";import{L}from"./p-B5KM7rHn.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-Zfrf1YrK.js";import"./p-cH5PDB1i.js";import"./p-BuOIriY2.js";const V=class{constructor(e){t(this,e),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.balChange=i(this,"balChange"),this.balSelect=i(this,"balSelect"),this.balVertical=i(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=v,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e),this.setCheckedClasses()}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=p.includes(e.key);let t,i=!1;if(k(e)||x(e)?(f(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):_(e)||y(e)?(f(e),t=this.getSegmentItem("previous")):w(e)||j(e)?(f(e),t=this.getSegmentItem("next")):O(e)?(f(e),t=this.getSegmentItem("first")):z(e)&&(f(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){a((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const i=this.getIndicator(e),a=this.getIndicator(t);if(null===i||null===a)return;const n=i.getBoundingClientRect(),r=a.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),s((()=>{a.classList.remove("bal-segment-item__indicator--animated"),a.style.setProperty("transform",o),a.getBoundingClientRect(),a.classList.add("bal-segment-item__indicator--animated"),a.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:a,expanded:s,isMobile:o,disabled:l}=this,b=h.block("segment");return n(r,{key:"5ee36ef41fd3e9f9467955506f660e48e6b479d9",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(a)),b.modifier("disabled").class(l)),b.modifier("expanded").class((s||o)&&!t)),onClick:this.onClick},n("slot",{key:"75d585d050944a7764c809d55924671083187692",onSlotchange:this.onSlottedItemsChange}))}get el(){return o(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};m([e("bal-segment"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],V.prototype,"createLogger",null),m([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],V.prototype,"focusInListener",null),m([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],V.prototype,"focusOutListener",null),m([d(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],V.prototype,"animationListener",null),m([L(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],V.prototype,"visibilityListener",null),m([g(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],V.prototype,"breakpointListener",null),m([C(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],V.prototype,"windowResizeListener",null),V.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let B=0;const E=class{constructor(e){t(this,e),this.segmentEl=null,this.inheritedAttributes={},this.internalId=B++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=v,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(l(e,"balSelect",this.updateState),l(e,"balVertical",this.updateVertical)),a((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(b(e,"balSelect",this.updateState),b(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:a,isFocusable:s,isFirst:o,hasEmptyValue:l}=this,b=h.block("segment-item"),m=b.element("button"),c=b.element("indicator"),d=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,u=this.isVertical,p=l&&o||s&&!g,v=p&&this.ariaForm.controlId||this.inputId;let f={};return p&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),n(r,{key:"a6a61e3339b5d03770243c20346f9bafdb6bedc5",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(u)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(d)),b.modifier("last").class(this.isLast&&!e))},n("button",Object.assign({key:"a78d765adcac3e0375ca53b53f3d241634021517",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(d)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(u)),type:"button",tabIndex:p?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),n("bal-icon",{key:"f029351aea2b372df532599247be187233ee6b15",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),n("bal-stack",{key:"ec9ffa5e9d2862037fc7317739d9db00f80c5e44",space:"x-small",layout:"horizontal"},n("bal-content",{key:"f0701161053b8ef8a6936bb2eca44a42861d6291",space:"none"},n("bal-label",{key:"e41da682352e552d391121e4982e76548a58e4e3",htmlId:`bal-si-${this.internalId}-label`},a),n("span",{key:"7622ef0e5a57ade0ff6083ff1cf90d0052cefce8",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",n("slot",{key:"00b60da405e8851d2eb74ad0bc84fb30cfdf65e0",onSlotchange:this.onSlottedItemsChange}))))),n("div",{key:"d352c73452902b703e9b5bb3e2586e79bde451de",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(e)),c.modifier("vertical").class(u))}))}get el(){return o(this)}static get watchers(){return{value:["valueChanged"]}}};E.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{V as bal_segment,E as bal_segment_item}
|
|
1
|
+
import{L as e,H as t,P as i,Q as a,V as s,M as n,N as r,O as o,R as l,S as b}from"./p-PmQf2Yvi.js";import{_ as m,a as c}from"./p-dfXERft2.js";import{L as d}from"./p-BT0jvhwB.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-C9a9g_Zm.js";import{L as g}from"./p-CZ7ge51M.js";import{L as u}from"./p-D_QTsfLe.js";import{F as p}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as f}from"./p-DoMopbMR.js";import{d as k,b as x,a as _,e as y,i as w,f as j,g as O,h as z}from"./p-D1VPLQ5z.js";import{L as C}from"./p-CvC9Gho9.js";import"./p-4a5R2tSj.js";import{L}from"./p-D6ivErmx.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-DCgTymE2.js";import"./p-CS7huZb4.js";import"./p-BpYhDxYv.js";const D=class{constructor(e){t(this,e),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.balChange=i(this,"balChange"),this.balSelect=i(this,"balSelect"),this.balVertical=i(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=v,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e),this.setCheckedClasses()}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=p.includes(e.key);let t,i=!1;if(k(e)||x(e)?(f(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):_(e)||y(e)?(f(e),t=this.getSegmentItem("previous")):w(e)||j(e)?(f(e),t=this.getSegmentItem("next")):O(e)?(f(e),t=this.getSegmentItem("first")):z(e)&&(f(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){a((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const i=this.getIndicator(e),a=this.getIndicator(t);if(null===i||null===a)return;const n=i.getBoundingClientRect(),r=a.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),s((()=>{a.classList.remove("bal-segment-item__indicator--animated"),a.style.setProperty("transform",o),a.getBoundingClientRect(),a.classList.add("bal-segment-item__indicator--animated"),a.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:a,expanded:s,isMobile:o,disabled:l}=this,b=h.block("segment");return n(r,{key:"5ee36ef41fd3e9f9467955506f660e48e6b479d9",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(a)),b.modifier("disabled").class(l)),b.modifier("expanded").class((s||o)&&!t)),onClick:this.onClick},n("slot",{key:"75d585d050944a7764c809d55924671083187692",onSlotchange:this.onSlottedItemsChange}))}get el(){return o(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};m([e("bal-segment"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],D.prototype,"createLogger",null),m([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],D.prototype,"focusInListener",null),m([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],D.prototype,"focusOutListener",null),m([d(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],D.prototype,"animationListener",null),m([L(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],D.prototype,"visibilityListener",null),m([g(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],D.prototype,"breakpointListener",null),m([C(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],D.prototype,"windowResizeListener",null),D.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let E=0;const S=class{constructor(e){t(this,e),this.segmentEl=null,this.inheritedAttributes={},this.internalId=E++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=v,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(l(e,"balSelect",this.updateState),l(e,"balVertical",this.updateVertical)),a((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(b(e,"balSelect",this.updateState),b(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:a,isFocusable:s,isFirst:o,hasEmptyValue:l}=this,b=h.block("segment-item"),m=b.element("button"),c=b.element("indicator"),d=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,u=this.isVertical,p=l&&o||s&&!g,v=p&&this.ariaForm.controlId||this.inputId;let f={};return p&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),n(r,{key:"a6a61e3339b5d03770243c20346f9bafdb6bedc5",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(u)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(d)),b.modifier("last").class(this.isLast&&!e))},n("button",Object.assign({key:"a78d765adcac3e0375ca53b53f3d241634021517",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(d)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(u)),type:"button",tabIndex:p?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),n("bal-icon",{key:"f029351aea2b372df532599247be187233ee6b15",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),n("bal-stack",{key:"ec9ffa5e9d2862037fc7317739d9db00f80c5e44",space:"x-small",layout:"horizontal"},n("bal-content",{key:"f0701161053b8ef8a6936bb2eca44a42861d6291",space:"none"},n("bal-label",{key:"e41da682352e552d391121e4982e76548a58e4e3",htmlId:`bal-si-${this.internalId}-label`},a),n("span",{key:"7622ef0e5a57ade0ff6083ff1cf90d0052cefce8",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",n("slot",{key:"00b60da405e8851d2eb74ad0bc84fb30cfdf65e0",onSlotchange:this.onSlottedItemsChange}))))),n("div",{key:"d352c73452902b703e9b5bb3e2586e79bde451de",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(e)),c.modifier("vertical").class(u))}))}get el(){return o(this)}static get watchers(){return{value:["valueChanged"]}}};S.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{D as bal_segment,S as bal_segment_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-CZqZRJHG.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-DKjTFqnu.system.js"],(function(a){"use strict";var l,r,t,e,b,o,i,g;return{setters:[function(a){l=a.H;r=a.P;t=a.M;e=a.N;b=a.O},function(a){o=a.i},function(a){i=a.B},function(a){g=a.a}],execute:function(){var n=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-large);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var s=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick");this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=o(this.el,["aria-label","title"]);this.inheritedAttributesClose=o(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=i.block("tag");var r=l.element("label");var b="is-".concat(this.size);var o=this.size!==undefined;var n=this.color!=="";var s="is-".concat(this.color).concat(this.light?"-light":"");var c="is-disabled";var d=this.disabled;var u="is-".concat(this.position);var v=this.position!==undefined;return t(e,Object.assign({key:"19610b319eef385b35d471cbb7c8dbbec82d948d","aria-disabled":g(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(o)),l.modifier(s).class(n)),l.modifier(c).class(d)),l.modifier(u).class(v)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),t("span",{key:"fd3ca48806a3e38c7147d4be4a12eccb585838c3",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(o)),r.modifier(s).class(n)),r.modifier(c).class(d)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},t("slot",{key:"52520c8b812402d98138bbce22ba2f6dd017cdd3"})),t("bal-close",Object.assign({key:"50b84027169d67402416c9d5c759f75439acf3b3",class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());s.style=n;var c=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return t(e,{key:"131973a110ac1b917a7010d3870c48558020a618",class:"bal-tag-group"},t("slot",{key:"3595db4a1dbe182c0890054da5ad8c33ea4a818b"}))};return a}())}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as a,M as r,N as l}from"./p-BgWhYta3.js";import{i as d}from"./p-jv0tWyso.js";import{B as b}from"./p-ByiN-QjD.js";import"./p-BFTU3MAI.js";const t=class{constructor(r){a(this,r),this.border=!1,this.flat=!1,this.square=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.space="",this.color="white"}get colorTypeClass(){return d(this.color)?"":`is-${this.inverted?"blue":this.color}`}render(){return r(l,{key:"c96cc43fa0044fd8ac34cd617a90ed88ec7073c5",class:{"bal-card":!0,[`bal-card--${this.colorTypeClass}`]:!d(this.color),[`bal-card--is-${this.space}`]:""!==this.space,"bal-card--has-border":this.border,"bal-card--is-flat":this.flat,"bal-card--is-clickable":this.clickable,"bal-card--is-selected":this.selected,"bal-card--is-square":this.square,"bal-card--has-fullheight":this.fullheight}},r("slot",{key:"50ade35417dafda765c509bd8f97157d7932a0b4"}))}};t.style=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-subtitle--bold{font-weight:var(--bal-font-weight-bold)}.bal-card-subtitle--inverted{color:var(--bal-color-white)}.bal-card-subtitle--color-primary{color:var(--bal-color-text-primary)}.bal-card-subtitle--color-info{color:var(--bal-color-text-info)}.bal-card-subtitle--color-success{color:var(--bal-color-text-success)}.bal-card-subtitle--color-warning{color:var(--bal-color-text-warning)}.bal-card-subtitle--color-danger{color:var(--bal-color-text-danger)}.bal-card-subtitle--color-default{color:var(--bal-color-text-default)}.bal-card-subtitle--color-blue{color:var(--bal-color-text-blue)}.bal-card-subtitle--color-white{color:var(--bal-color-text-white)}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";const c=class{constructor(r){a(this,r),this.position=""}render(){return r(l,{key:"a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1",class:"bal-card-actions"},r("bal-button-group",{key:"15606e2e6831e3d3e7977b948bd9b14582c71d5d",class:"m-none",position:this.position},r("slot",{key:"384f7646c468defca583a7ef7cbe2edf93ea74fa"})))}},e=class{constructor(r){a(this,r),this.icon="",this.elementType="button",this.disabled=!1,this.target="_self",this.iconRight="",this.loading=!1}render(){return r(l,{key:"3088f94353d94bf69767bcae3e714d5e3b3928d6",class:"bal-card-button"},r("bal-button",{key:"8684146c87ae36da730bd7934d6a16e0ec00fda5",color:"info",expanded:!0,"bottom-rounded":!0,icon:this.icon,rel:this.rel,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},r("slot",{key:"e325e51c8d30285fc03b6991f8d42d957721a8e1"})))}},i=class{constructor(r){a(this,r)}render(){return r(l,{key:"63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76",class:"bal-card-content"},r("slot",{key:"851ba08103e95a1c0536523a449d1f317543092c"}))}},o=class{constructor(r){a(this,r),this.inverted=!1,this.bold=!1,this.color=""}render(){const a=b.block("card-subtitle");return r(l,{key:"8cdde0f96f513fa303e73fb6934ea31b8e081b70",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("bold").class(this.bold)),a.modifier(`color-${this.color}`).class(!this.inverted)),a.modifier("inverted").class(this.inverted))},r("span",{key:"0706b14cbe256d54016e492de7be29adef5badb5"},r("slot",{key:"22e5a11111f7b663e15e1ab1ebba3f3cafbecd01"})))}},n=class{constructor(r){a(this,r),this.inverted=!1}render(){return r(l,{key:"480825eb5bb7479126da292aaa53a4fa74a8cd95",class:"bal-card-title"},r("bal-heading",{key:"c193388a8ade59840457b375b4a8715bef3e2328",level:"h3",space:"none",inverted:this.inverted},r("slot",{key:"8c01ab5b70d5aabef47a5693b827fa8e23192c92"})))}};export{t as bal_card,c as bal_card_actions,e as bal_card_button,i as bal_card_content,o as bal_card_subtitle,n as bal_card_title}
|
|
1
|
+
import{H as a,M as r,N as l}from"./p-PmQf2Yvi.js";import{i as d}from"./p-jv0tWyso.js";import{B as b}from"./p-ByiN-QjD.js";import"./p-BFTU3MAI.js";const t=class{constructor(r){a(this,r),this.border=!1,this.flat=!1,this.square=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.space="",this.color="white"}get colorTypeClass(){return d(this.color)?"":`is-${this.inverted?"blue":this.color}`}render(){return r(l,{key:"c96cc43fa0044fd8ac34cd617a90ed88ec7073c5",class:{"bal-card":!0,[`bal-card--${this.colorTypeClass}`]:!d(this.color),[`bal-card--is-${this.space}`]:""!==this.space,"bal-card--has-border":this.border,"bal-card--is-flat":this.flat,"bal-card--is-clickable":this.clickable,"bal-card--is-selected":this.selected,"bal-card--is-square":this.square,"bal-card--has-fullheight":this.fullheight}},r("slot",{key:"50ade35417dafda765c509bd8f97157d7932a0b4"}))}};t.style=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-subtitle--bold{font-weight:var(--bal-font-weight-bold)}.bal-card-subtitle--inverted{color:var(--bal-color-white)}.bal-card-subtitle--color-primary{color:var(--bal-color-text-primary)}.bal-card-subtitle--color-info{color:var(--bal-color-text-info)}.bal-card-subtitle--color-success{color:var(--bal-color-text-success)}.bal-card-subtitle--color-warning{color:var(--bal-color-text-warning)}.bal-card-subtitle--color-danger{color:var(--bal-color-text-danger)}.bal-card-subtitle--color-default{color:var(--bal-color-text-default)}.bal-card-subtitle--color-blue{color:var(--bal-color-text-blue)}.bal-card-subtitle--color-white{color:var(--bal-color-text-white)}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";const c=class{constructor(r){a(this,r),this.position=""}render(){return r(l,{key:"a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1",class:"bal-card-actions"},r("bal-button-group",{key:"15606e2e6831e3d3e7977b948bd9b14582c71d5d",class:"m-none",position:this.position},r("slot",{key:"384f7646c468defca583a7ef7cbe2edf93ea74fa"})))}},e=class{constructor(r){a(this,r),this.icon="",this.elementType="button",this.disabled=!1,this.target="_self",this.iconRight="",this.loading=!1}render(){return r(l,{key:"3088f94353d94bf69767bcae3e714d5e3b3928d6",class:"bal-card-button"},r("bal-button",{key:"8684146c87ae36da730bd7934d6a16e0ec00fda5",color:"info",expanded:!0,"bottom-rounded":!0,icon:this.icon,rel:this.rel,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},r("slot",{key:"e325e51c8d30285fc03b6991f8d42d957721a8e1"})))}},i=class{constructor(r){a(this,r)}render(){return r(l,{key:"63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76",class:"bal-card-content"},r("slot",{key:"851ba08103e95a1c0536523a449d1f317543092c"}))}},o=class{constructor(r){a(this,r),this.inverted=!1,this.bold=!1,this.color=""}render(){const a=b.block("card-subtitle");return r(l,{key:"8cdde0f96f513fa303e73fb6934ea31b8e081b70",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("bold").class(this.bold)),a.modifier(`color-${this.color}`).class(!this.inverted)),a.modifier("inverted").class(this.inverted))},r("span",{key:"0706b14cbe256d54016e492de7be29adef5badb5"},r("slot",{key:"22e5a11111f7b663e15e1ab1ebba3f3cafbecd01"})))}},n=class{constructor(r){a(this,r),this.inverted=!1}render(){return r(l,{key:"480825eb5bb7479126da292aaa53a4fa74a8cd95",class:"bal-card-title"},r("bal-heading",{key:"c193388a8ade59840457b375b4a8715bef3e2328",level:"h3",space:"none",inverted:this.inverted},r("slot",{key:"8c01ab5b70d5aabef47a5693b827fa8e23192c92"})))}};export{t as bal_card,c as bal_card_actions,e as bal_card_button,i as bal_card_content,o as bal_card_subtitle,n as bal_card_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as a,M as t,N as e,P as s,O as l}from"./p-BgWhYta3.js";import{B as i}from"./p-ByiN-QjD.js";const r=class{constructor(t){a(this,t),this.animated=!0,this.interface="toast",this.container=void 0}render(){const a=i.block("notices"),s=a.element("inner"),l="toast"===this.interface&&void 0!==this.container;return t(e,{key:"294ba92d2e137fa0c5406ec60d56d0eed1e4fcf7",class:Object.assign(Object.assign(Object.assign({"bal-app":!0},a.class()),a.modifier("container").class(l)),a.modifier("animated").class(this.animated))},t("div",{key:"53decc541abb88d35bd6b27afb9af46bffc9b2b9",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(this.interface).class()),{container:l,[`is-${this.container}`]:l&&""!==this.container})},t("slot",{key:"e1c9750c08902b3aec0fb0d87722f7bdf3f2bab4"})))}};r.style=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";const o=class{constructor(t){a(this,t),this.balClose=s(this,"balClose"),this.balAction=s(this,"balAction"),this.snackbarId="bal-snackbar-"+n++,this.color="",this.duration=0,this.subject="",this.message="",this.icon="",this.action="",this.closeHandler=()=>{},this.actionHandler=()=>{},this.target="_self",this.onActionHandler=()=>{this.balAction.emit(this.snackbarId),this.actionHandler()}}async componentWillLoad(){this.duration>0&&await this.closeIn(this.duration)}async closeIn(a){this.timer=setTimeout((()=>this.close()),a)}async close(){clearTimeout(this.timer),this.balClose.emit(this.snackbarId),this.element.remove(),this.closeHandler()}render(){const a=i.block("snackbar"),s=a.element("details"),l=a.element("button-wrapper"),r=this.snackbarId+"-subject",o={};void 0!==this.message&&""!==this.message&&(o.innerHTML=this.message);const n=null!=this.icon&&""!==this.icon,c=n?this.icon:{info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"}[this.color||"info"];return t(e,{key:"df929ed6cee25a1532d38271e670af91c0e863e0",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},a.class()),a.modifier(`color-${this.color}`).class(!!this.color)),"aria-labelledby":r},t("div",{key:"adec486c4921a5811db09ec333f97f1a910df834",class:Object.assign({},s.class())},t("div",{key:"051a50017e348539aa62cfe754d46a7783251ec2","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},s.element("icon").class()),s.element("icon").modifier("masked").class(!n)),s.element("icon").modifier(`color-${this.color}`).class(!n))},n?t("bal-icon",{name:c,color:"primary",size:"medium"}):""),t("div",{key:"98a4577513a0bb2d01ae6a09aff30ed727e06edb",class:Object.assign({},s.element("content").class())},t("h2",{key:"accaabaf17294cd3e87a14009282fae9f593b388",id:r},this.subject),t("span",Object.assign({key:"c412b25f693f3bb3c09b89c6f49cc490a58cbc25"},o),t("slot",{key:"bcbe998117686a604798040450a0e6e01029d9ad"}),t("span",{key:"4941bb6cadaa3f1c893622130b2dc602ca34d0b8",class:"hidden"}))),t("div",{key:"86248cf3065ce74ddb4896a850472f661faf0de7",class:Object.assign({},s.element("close").class())},t("bal-close",{key:"b04e7d7a75fb2a1f8eadbec4dc1f1ae7e218dd8c",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:()=>this.close()}))),this.action?t("div",{class:Object.assign({},l.class())},t("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:()=>this.onActionHandler(),"data-testid":"bal-snackbar-action"},this.action)):"")}get element(){return l(this)}};let n=0;o.style=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';const c=class{constructor(t){a(this,t),this.balClose=s(this,"balClose"),this.toastId="bal-toast-"+b++,this.color="",this.duration=0,this.closable=!0,this.message="",this.closeHandler=()=>{}}async componentWillLoad(){this.duration>0&&await this.closeIn(this.duration)}async closeIn(a){this.timer=setTimeout((()=>this.close()),a)}async close(){this.element.remove(),clearTimeout(this.timer),this.balClose.emit(this.toastId),this.closeHandler()}render(){const a=i.block("toast"),s=a.element("inner"),l=a.element("label"),r=a.element("close");return t(e,{key:"b49790e0483e251c17dd060c979af6ca8a7678b7",id:this.toastId,class:Object.assign({},a.class())},t("div",{key:"a131933ba9f0622de515e25b36114a94246c34ae",role:"status",class:Object.assign(Object.assign({},s.class()),s.modifier(`color-${this.color}`).class(!!this.color))},t("span",{key:"3a27b84ccc748f4d070eeef27499817fd6e5d2bf",class:Object.assign({},l.class()),"data-testid":"bal-toast-label",innerHTML:this.message},t("slot",{key:"2e6627eb3591a8e65507693e5871249c2c4b2ca6"})),!1!==this.closable?t("bal-close",{class:Object.assign({},r.class()),onClick:()=>this.close(),inverted:!1,"data-testid":"bal-toast-close"}):""))}get element(){return l(this)}};let b=0;c.style=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';export{r as bal_notices,o as bal_snackbar,c as bal_toast}
|
|
1
|
+
import{H as a,M as t,N as e,P as s,O as l}from"./p-PmQf2Yvi.js";import{B as i}from"./p-ByiN-QjD.js";const r=class{constructor(t){a(this,t),this.animated=!0,this.interface="toast",this.container=void 0}render(){const a=i.block("notices"),s=a.element("inner"),l="toast"===this.interface&&void 0!==this.container;return t(e,{key:"294ba92d2e137fa0c5406ec60d56d0eed1e4fcf7",class:Object.assign(Object.assign(Object.assign({"bal-app":!0},a.class()),a.modifier("container").class(l)),a.modifier("animated").class(this.animated))},t("div",{key:"53decc541abb88d35bd6b27afb9af46bffc9b2b9",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(this.interface).class()),{container:l,[`is-${this.container}`]:l&&""!==this.container})},t("slot",{key:"e1c9750c08902b3aec0fb0d87722f7bdf3f2bab4"})))}};r.style=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";const o=class{constructor(t){a(this,t),this.balClose=s(this,"balClose"),this.balAction=s(this,"balAction"),this.snackbarId="bal-snackbar-"+n++,this.color="",this.duration=0,this.subject="",this.message="",this.icon="",this.action="",this.closeHandler=()=>{},this.actionHandler=()=>{},this.target="_self",this.onActionHandler=()=>{this.balAction.emit(this.snackbarId),this.actionHandler()}}async componentWillLoad(){this.duration>0&&await this.closeIn(this.duration)}async closeIn(a){this.timer=setTimeout((()=>this.close()),a)}async close(){clearTimeout(this.timer),this.balClose.emit(this.snackbarId),this.element.remove(),this.closeHandler()}render(){const a=i.block("snackbar"),s=a.element("details"),l=a.element("button-wrapper"),r=this.snackbarId+"-subject",o={};void 0!==this.message&&""!==this.message&&(o.innerHTML=this.message);const n=null!=this.icon&&""!==this.icon,c=n?this.icon:{info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"}[this.color||"info"];return t(e,{key:"df929ed6cee25a1532d38271e670af91c0e863e0",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},a.class()),a.modifier(`color-${this.color}`).class(!!this.color)),"aria-labelledby":r},t("div",{key:"adec486c4921a5811db09ec333f97f1a910df834",class:Object.assign({},s.class())},t("div",{key:"051a50017e348539aa62cfe754d46a7783251ec2","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},s.element("icon").class()),s.element("icon").modifier("masked").class(!n)),s.element("icon").modifier(`color-${this.color}`).class(!n))},n?t("bal-icon",{name:c,color:"primary",size:"medium"}):""),t("div",{key:"98a4577513a0bb2d01ae6a09aff30ed727e06edb",class:Object.assign({},s.element("content").class())},t("h2",{key:"accaabaf17294cd3e87a14009282fae9f593b388",id:r},this.subject),t("span",Object.assign({key:"c412b25f693f3bb3c09b89c6f49cc490a58cbc25"},o),t("slot",{key:"bcbe998117686a604798040450a0e6e01029d9ad"}),t("span",{key:"4941bb6cadaa3f1c893622130b2dc602ca34d0b8",class:"hidden"}))),t("div",{key:"86248cf3065ce74ddb4896a850472f661faf0de7",class:Object.assign({},s.element("close").class())},t("bal-close",{key:"b04e7d7a75fb2a1f8eadbec4dc1f1ae7e218dd8c",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:()=>this.close()}))),this.action?t("div",{class:Object.assign({},l.class())},t("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:()=>this.onActionHandler(),"data-testid":"bal-snackbar-action"},this.action)):"")}get element(){return l(this)}};let n=0;o.style=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';const c=class{constructor(t){a(this,t),this.balClose=s(this,"balClose"),this.toastId="bal-toast-"+b++,this.color="",this.duration=0,this.closable=!0,this.message="",this.closeHandler=()=>{}}async componentWillLoad(){this.duration>0&&await this.closeIn(this.duration)}async closeIn(a){this.timer=setTimeout((()=>this.close()),a)}async close(){this.element.remove(),clearTimeout(this.timer),this.balClose.emit(this.toastId),this.closeHandler()}render(){const a=i.block("toast"),s=a.element("inner"),l=a.element("label"),r=a.element("close");return t(e,{key:"b49790e0483e251c17dd060c979af6ca8a7678b7",id:this.toastId,class:Object.assign({},a.class())},t("div",{key:"a131933ba9f0622de515e25b36114a94246c34ae",role:"status",class:Object.assign(Object.assign({},s.class()),s.modifier(`color-${this.color}`).class(!!this.color))},t("span",{key:"3a27b84ccc748f4d070eeef27499817fd6e5d2bf",class:Object.assign({},l.class()),"data-testid":"bal-toast-label",innerHTML:this.message},t("slot",{key:"2e6627eb3591a8e65507693e5871249c2c4b2ca6"})),!1!==this.closable?t("bal-close",{class:Object.assign({},r.class()),onClick:()=>this.close(),inverted:!1,"data-testid":"bal-toast-close"}):""))}get element(){return l(this)}};let b=0;c.style=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';export{r as bal_notices,o as bal_snackbar,c as bal_toast}
|
package/dist/baloise-design-system/{p-5233b94b59.system.entry.js → p-1ea60cbccc.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-CZqZRJHG.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var r,c,a,o;return{setters:[function(e){r=e.H;c=e.M;a=e.N},function(e){o=e.B}],execute:function(){var d=":root{--bal-check-size:1.5rem;--bal-check-border-width:2px;--bal-check-border-radius:var(--bal-radius-normal);--bal-check-color-inverted:var(--bal-color-white);--bal-check-border-color:var(--bal-color-primary);--bal-check-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-checked:var(--bal-color-primary);--bal-check-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-background:transparent;--bal-check-background-hovered:var(--bal-color-grey-2);--bal-check-background-pressed:var(--bal-color-grey-2);--bal-check-background-checked:var(--bal-color-primary);--bal-check-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-invalid:var(--bal-color-border-danger);--bal-check-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-check-border-color-invalid-checked:var(--bal-color-border-danger);--bal-check-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-invalid:transparent;--bal-check-background-invalid-hovered:var(--bal-color-danger-1);--bal-check-background-invalid-pressed:var(--bal-color-danger-1);--bal-check-background-invalid-checked:var(--bal-color-border-danger);--bal-check-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-disabled:var(--bal-color-grey-2);--bal-check-border-color-disabled:var(--bal-color-border-grey-dark);--bal-check-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-check-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-check{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-check-size);max-width:var(--bal-check-size);height:var(--bal-check-size);max-height:var(--bal-check-size);border-radius:var(--bal-check-border-radius);overflow:hidden;border:var(--bal-check-border-width) solid var(--bal-check-border-color);background-color:var(--bal-check-background)}@media (hover: hover)and (pointer: fine){.bal-check--hovered,.bal-check:hover{background:var(--bal-check-background-hovered);border-color:var(--bal-check-border-color-hovered)}}.bal-check--pressed,.bal-check:active{background:var(--bal-check-background-pressed);border-color:var(--bal-check-border-color-pressed)}.bal-check bal-icon{opacity:0}.bal-check--checked{background-color:var(--bal-check-background-checked);border-color:var(--bal-check-border-color-checked)}.bal-check--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-check--checked.bal-check--hovered,.bal-check--checked:hover{background:var(--bal-check-background-checked-hovered);border-color:var(--bal-check-border-color-checked-hovered)}}.bal-check--checked.bal-check--pressed,.bal-check--checked:active{background:var(--bal-check-background-checked-pressed);border-color:var(--bal-check-border-color-checked-pressed)}.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--invalid{border-color:var(--bal-check-border-color-invalid);background-color:var(--bal-check-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--hovered,.bal-check--invalid:hover{background-color:var(--bal-check-background-invalid-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--pressed,.bal-check--invalid:active{background-color:var(--bal-check-background-invalid-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked{border-color:var(--bal-check-border-color-invalid);background:var(--bal-check-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--checked.bal-check--hovered,.bal-check--invalid.bal-check--checked:hover{background-color:var(--bal-check-background-invalid-checked-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--checked.bal-check--pressed,.bal-check--invalid.bal-check--checked:active{background-color:var(--bal-check-background-invalid-checked-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--disabled{cursor:default !important;background:var(--bal-check-background-disabled) !important;border-color:var(--bal-check-border-color-disabled) !important}.bal-check--disabled.bal-check--checked{background-color:var(--bal-check-background-checked-disabled) !important;border-color:var(--bal-check-border-color-checked-disabled) !important}.bal-check--disabled.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted) !important}";var l=e("bal_check",function(){function e(e){r(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=o.block("check");var r=!!this.checked;var d=!!this.disabled;var l=!!this.invalid;var b=!!this.inverted;return c(a,{key:"c995184b2f4adb6f6de85e17c13ea45f992c88aa",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(r)),e.modifier("disabled").class(d)),e.modifier("invalid").class(l)),e.modifier("inverted").class(b)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},c("bal-icon",{key:"c93f453451f95b8ac79b25a0e9e71b6baa4e1ac9",name:"check",color:"white",colorHovered:"white",colorPressed:"white",size:"small","aria-hidden":"true",hovered:this.hovered,pressed:this.pressed}))};return e}());l.style=d}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as t,P as a,M as e,N as i,O as s,a as n,L as l,f as r,Q as o,r as b,W as _,I as d,T as c,X as h,K as v,t as m,x as p}from"./p-BgWhYta3.js";import{a as u,i as g}from"./p-C4sZQbkT.js";import{_ as f,a as w}from"./p-dfXERft2.js";import{L as x}from"./p-BUT7svFW.js";import{a as y}from"./p-BAaDJIzy.js";import{B as j}from"./p-ByiN-QjD.js";import{b as O}from"./p-C-0U-EV8.js";import{L as k}from"./p-B1Sh_O8b.js";import{L}from"./p-DrYtyUx4.js";import{s as z}from"./p-CzSV5e8r.js";import{L as C}from"./p-9kAhgg3Z.js";import"./p-vMVVyc3d.js";import{L as A}from"./p-DMPBkH8m.js";import{t as $,S as B,g as T,a as I}from"./p-BuwrUtcI.js";import{L as S}from"./p-DXVk9Ina.js";import{L as D}from"./p-B5KM7rHn.js";import{n as V}from"./p-BmVI6cLw.js";import{a as E}from"./p-DBsOHTWj.js";import"./p-Zfrf1YrK.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-cH5PDB1i.js";import"./p-BuOIriY2.js";import"./p-D1VPLQ5z.js";import"./p-lN4h2Pow.js";const P=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate"),this.balKeyDown=a(this,"balKeyDown"),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+F++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.a11yControls=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=u(this.el)}async setTabId(t){this.tabsId=t}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return e(i,{key:"4cca3771f21f5049d68fcb2da92a2a49972670c3",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},e("slot",{key:"e8521265c345ce4dfbc5e6e1f332d11004c7588b"}))}get el(){return s(this)}};let F=0;const M=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=j.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},e("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:o,turn:i&&!0===s&&t.active}),l?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,inverted:a,hasBubble:i,isExpanded:s,isVertical:n,context:l})=>{const r=j.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&e("span",{class:r.element("sub-label").class()},t.subLabel),i?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:c,clickable:h,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var f;const w=j.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,y=void 0!==t.icon,O=y&&x&&"horizontal"!==v&&!r||n&&y&&x&&!l&&!r,k=r&&x||r&&n&&y&&x&&!l,L=!y&&x&&!r||x&&!n&&"horizontal"===v&&!r||x&&l&&!r,z=void 0===t.href||""===t.href,C=z?"button":"a",A=z?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":E(t.active),"aria-disabled":E(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(A.tabindex=t.active?"0":"-1");const B=()=>e(C,Object.assign({id:`${a}-button-${$(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(h)),w.modifier("accordion").class(r)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(c)),w.modifier("first").class(i)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(l)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":z?t.active?"true":"false":void 0},A,{onClick:a=>p(a,t),onKeyDown:a=>{var e;null===(e=t.keyDown)||void 0===e||e.emit(a)}}),t.icon||t.svg?e(M,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",e(W,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:L,inverted:_,context:m}),r&&!t.href?e(M,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:k,inverted:_}):"");return b?e("li",null,B()):B()},H=({swiper:t,items:a,tabsId:i,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:_,isLinkList:d,border:c,accordion:h,isAccordionOpen:v,inverted:m,clickable:p,animated:u,spaceless:g,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:O,onSelectTab:k,dimInactiveElements:L})=>{const z=j.block("tabs").element("nav"),C=z.element("inner"),A=z.element("container"),$=z.element("line"),B=z.element("border"),T=a.filter((t=>!t.invisible)),I=n&&!r,S=a.some((t=>t.subLabel&&t.subLabel.length>0)),D=({item:t,index:a})=>e(N,{item:t,isLinkList:d,tabsId:i,isFirst:0===a,isLast:a===T.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:g,inverted:m,accordion:h,isAccordionOpen:v,context:O,isExpanded:f,clickable:p&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:S,dimInactiveElements:L}),V=d?"nav":"div",E=d?"ul":"div";return e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(I)),z.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},e(V,{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(I)),ref:a=>{a&&(t.innerEl=a)},"aria-label":d?o:void 0},e(E,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),A.class()),A.modifier("vertical").class(s)),A.modifier("expanded").class(f&&!s)),role:d?void 0:"tablist","aria-label":d?void 0:o,ref:a=>{a&&(t.containerEl=a)}},T.map(((t,a)=>e(D,{item:t,index:a}))),e("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("active").class(b)),$.modifier("inverted").class(m)),$.modifier("animated").class(u)),$.modifier("vertical").class(s)),$.modifier("hidden").class(_))}),c?e("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("inverted").class(m)),B.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},U=({items:t,value:a,onSelectTab:i})=>{const s=j.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&n.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},K=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tabsId="bal-tabs-"+R++,this.inheritAttributes={},this.swiper=new B,this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=O.isMobile,this.isTablet=O.isTablet,this.language=r.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1,this.handleAsTabList=!1,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(V)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{y(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest(".bal-tabs__nav__item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),o((async()=>{await b(this.el,!0),this.currentRaf=o((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=T(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=_(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=I(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=d((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&z(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))}}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=h("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(h("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),v((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=g(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),e=t;a&&m(a,this.el)&&(this.isNavbarOpen=e)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let e=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(e=e.reverse());const i=e.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,e)=>t<a||e>=t?t:e:(t,e)=>t>a||e<=t?t:e,n=i.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await p(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${$(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=j.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=4===this.accordionState||8===this.accordionState?"content expanded":"content",c=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),h=!this.isTabList,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return e(i,{key:"cbce10198c6f32e4323ffabf9f2e95ed7c5671de",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":v,"data-label":m},b?e(U,{value:this.value,items:_,onSelectTab:this.onSelectTab}):e(H,{swiper:this.swiper,items:_,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:c,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),e("div",{key:"51096cdb6f56a75951792e036384e9891dba5f36",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},e("div",{key:"bb0e4faeb94da487c315507fb6b05391147cd1da",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},e("slot",{key:"fbb8d282dc68ea5889436792efa76e174be9cc9d"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};f([l("bal-tabs"),w("design:type",Function),w("design:paramtypes",[Function]),w("design:returntype",void 0)],K.prototype,"createLogger",null),f([C({tags:["bal-tabs","bal-tab-item"]}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],K.prototype,"mutationListener",null),f([D(),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],K.prototype,"visibilityListener",null),f([k(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],K.prototype,"breakpointListener",null),f([A(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],K.prototype,"resizeListener",null),f([S(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],K.prototype,"swipeListener",null),f([x(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],K.prototype,"animationListener",null),f([L(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",Promise)],K.prototype,"configChanged",null);let R=0;K.style='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-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-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}.bal-tabs__nav__container{position:relative}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;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-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--active{color:var(--bal-tabs-tab-label-text-color-active)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-active:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.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-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';export{P as bal_tab_item,K as bal_tabs}
|
|
1
|
+
import{H as t,P as a,M as e,N as i,O as s,a as n,L as l,f as r,Q as o,r as b,W as _,I as d,T as c,X as h,K as v,t as m,x as p}from"./p-PmQf2Yvi.js";import{a as u,i as g}from"./p-C4sZQbkT.js";import{_ as f,a as w}from"./p-dfXERft2.js";import{L as x}from"./p-BT0jvhwB.js";import{a as y}from"./p-BAaDJIzy.js";import{B as j}from"./p-ByiN-QjD.js";import{b as O}from"./p-C9a9g_Zm.js";import{L as k}from"./p-CZ7ge51M.js";import{L}from"./p-Db4HWGqe.js";import{s as C}from"./p-DoMopbMR.js";import{L as z}from"./p-DZGc612N.js";import"./p-4a5R2tSj.js";import{L as A}from"./p-DpfpxAuN.js";import{t as $,S as T,g as B,a as D}from"./p-j8Tu6TLN.js";import{L as S}from"./p-BCHYC7Bj.js";import{L as E}from"./p-D6ivErmx.js";import{n as I}from"./p-BmVI6cLw.js";import{a as F}from"./p-DBsOHTWj.js";import"./p-DCgTymE2.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-CS7huZb4.js";import"./p-BpYhDxYv.js";import"./p-D1VPLQ5z.js";import"./p-BS9Cm6Li.js";const M=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate"),this.balKeyDown=a(this,"balKeyDown"),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+P++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.a11yControls=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=u(this.el)}async setTabId(t){this.tabsId=t}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return e(i,{key:"4cca3771f21f5049d68fcb2da92a2a49972670c3",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},e("slot",{key:"e8521265c345ce4dfbc5e6e1f332d11004c7588b"}))}get el(){return s(this)}};let P=0;const V=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=j.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},e("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:o,turn:i&&!0===s&&t.active}),l?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:i,isExpanded:s,isVertical:n,context:l})=>{const r=j.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&e("span",{class:r.element("sub-label").class()},t.subLabel),i?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:c,clickable:h,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var f;const w=j.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,y=void 0!==t.icon,O=y&&x&&"horizontal"!==v&&!r||n&&y&&x&&!l&&!r,k=r&&x||r&&n&&y&&x&&!l,L=!y&&x&&!r||x&&!n&&"horizontal"===v&&!r||x&&l&&!r,C=void 0===t.href||""===t.href,z=C?"button":"a",A=C?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":F(t.active),"aria-disabled":F(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(A.tabindex=t.active?"0":"-1");const T=()=>e(z,Object.assign({id:`${a}-button-${$(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(h)),w.modifier("accordion").class(r)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(c)),w.modifier("first").class(i)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(l)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":C?t.active?"true":"false":void 0},A,{onClick:a=>p(a,t),onKeyDown:a=>{var e;null===(e=t.keyDown)||void 0===e||e.emit(a)}}),t.icon||t.svg?e(V,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",e(N,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:L,inverted:_,context:m}),r&&!t.href?e(V,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:k,inverted:_}):"");return b?e("li",null,T()):T()},H=({swiper:t,items:a,tabsId:i,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:_,isLinkList:d,border:c,accordion:h,isAccordionOpen:v,inverted:m,clickable:p,animated:u,spaceless:g,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:O,onSelectTab:k,dimInactiveElements:L})=>{const C=j.block("tabs").element("nav"),z=C.element("inner"),A=C.element("container"),$=C.element("line"),T=C.element("border"),B=a.filter((t=>!t.invisible)),D=n&&!r,S=a.some((t=>t.subLabel&&t.subLabel.length>0)),E=({item:t,index:a})=>e(W,{item:t,isLinkList:d,tabsId:i,isFirst:0===a,isLast:a===B.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:g,inverted:m,accordion:h,isAccordionOpen:v,context:O,isExpanded:f,clickable:p&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:S,dimInactiveElements:L}),I=d?"nav":"div",F=d?"ul":"div";return e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},C.class()),C.modifier("vertical").class(s)),C.modifier("full-height").class(D)),C.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},e(I,{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),z.class()),z.modifier("full-height").class(D)),ref:a=>{a&&(t.innerEl=a)},"aria-label":d?o:void 0},e(F,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),A.class()),A.modifier("vertical").class(s)),A.modifier("expanded").class(f&&!s)),role:d?void 0:"tablist","aria-label":d?void 0:o,ref:a=>{a&&(t.containerEl=a)}},B.map(((t,a)=>e(E,{item:t,index:a}))),e("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("active").class(b)),$.modifier("inverted").class(m)),$.modifier("animated").class(u)),$.modifier("vertical").class(s)),$.modifier("hidden").class(_))}),c?e("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},T.class()),T.modifier("inverted").class(m)),T.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},R=({items:t,value:a,onSelectTab:i})=>{const s=j.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&n.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},G=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tabsId="bal-tabs-"+Q++,this.inheritAttributes={},this.swiper=new T,this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=O.isMobile,this.isTablet=O.isTablet,this.language=r.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1,this.handleAsTabList=!1,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(I)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{y(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest(".bal-tabs__nav__item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),o((async()=>{await b(this.el,!0),this.currentRaf=o((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=B(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=_(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=D(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=d((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&C(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))}}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=h("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(h("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),v((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=g(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),e=t;a&&m(a,this.el)&&(this.isNavbarOpen=e)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let e=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(e=e.reverse());const i=e.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,e)=>t<a||e>=t?t:e:(t,e)=>t>a||e<=t?t:e,n=i.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await p(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${$(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=j.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=4===this.accordionState||8===this.accordionState?"content expanded":"content",c=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),h=!this.isTabList,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return e(i,{key:"cbce10198c6f32e4323ffabf9f2e95ed7c5671de",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":v,"data-label":m},b?e(R,{value:this.value,items:_,onSelectTab:this.onSelectTab}):e(H,{swiper:this.swiper,items:_,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:c,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),e("div",{key:"51096cdb6f56a75951792e036384e9891dba5f36",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},e("div",{key:"bb0e4faeb94da487c315507fb6b05391147cd1da",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},e("slot",{key:"fbb8d282dc68ea5889436792efa76e174be9cc9d"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};f([l("bal-tabs"),w("design:type",Function),w("design:paramtypes",[Function]),w("design:returntype",void 0)],G.prototype,"createLogger",null),f([z({tags:["bal-tabs","bal-tab-item"]}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],G.prototype,"mutationListener",null),f([E(),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],G.prototype,"visibilityListener",null),f([k(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],G.prototype,"breakpointListener",null),f([A(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],G.prototype,"resizeListener",null),f([S(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],G.prototype,"swipeListener",null),f([x(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],G.prototype,"animationListener",null),f([L(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",Promise)],G.prototype,"configChanged",null);let Q=0;G.style='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-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-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}.bal-tabs__nav__container{position:relative}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;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-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--active{color:var(--bal-tabs-tab-label-text-color-active)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-active:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.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-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';export{M as bal_tab_item,G as bal_tabs}
|