@baloise/ds-core 17.2.2 → 17.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bal-carousel-item.js +5 -5
- package/components/bal-carousel.js +2 -10
- package/components/bal-stage-image.js +4 -4
- package/components/index.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-5071d817.system.js → p-00ae3132.system.js} +1 -1
- package/dist/baloise-design-system/p-0e323fe0.system.js +1 -1
- package/dist/baloise-design-system/{p-3928dcab54.entry.js → p-18ce5177f9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3921f381.system.js → p-272b503d.system.js} +1 -1
- package/dist/baloise-design-system/{p-fbb3f0576d.system.entry.js → p-356aa83c1a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7d1e18d645.system.entry.js → p-378298ca40.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-aa26b71b.system.js → p-3e7da614.system.js} +1 -1
- package/dist/baloise-design-system/{p-b0cdf73dcc.system.entry.js → p-41dc0f2a79.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e393d63f5a.system.entry.js → p-43a1210363.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3a93f5710e.system.entry.js → p-498c20ac2a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9bba4874f6.entry.js → p-4ab7dd0d1e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-379b877373.entry.js → p-5032cc512d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d12639bf.js → p-5bcd9a5b.js} +1 -1
- package/dist/baloise-design-system/{p-99a5ad67c2.entry.js → p-5e1cab7609.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1b281c808f.entry.js → p-62b1464a63.entry.js} +1 -1
- package/dist/baloise-design-system/p-70f7b546.system.js +1 -1
- package/dist/baloise-design-system/{p-26ee09df4f.entry.js → p-757f93ffe9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-552a2c2dbe.entry.js → p-783d9ffa8a.entry.js} +1 -1
- package/dist/baloise-design-system/p-8c564c0a3c.entry.js +1 -0
- package/dist/baloise-design-system/p-8e3818cabc.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-589e41e466.entry.js → p-91d1c6f64b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-71a30669ba.system.entry.js → p-99d46d1583.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8805022d10.entry.js → p-ac5bae9bc0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-251565c4.js → p-aece54af.js} +1 -1
- package/dist/baloise-design-system/{p-04ecae6997.system.entry.js → p-b590137a20.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3ab7fdddee.entry.js → p-bd6fd5de36.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bcf4265372.system.entry.js → p-bdb87be782.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-08b52f4a0b.system.entry.js → p-c24eef72ab.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c42db517.js +1 -0
- package/dist/baloise-design-system/{p-83ccf6e2e2.system.entry.js → p-d34610d0b3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-48bb3dae67.system.entry.js → p-d777c285e4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-29b008f003.entry.js → p-d9be99b1f3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-35115c32f2.system.entry.js → p-db14671c52.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e53217f8.js +1 -1
- package/dist/baloise-design-system/{p-fea450f617.entry.js → p-e8e685e210.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d42f0351.system.js → p-edb1324d.system.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +13 -19
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-stage_6.cjs.entry.js +3 -3
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +1 -1
- package/dist/cjs/{breakpoints.decorator-fb08c6d2.js → breakpoints.decorator-ea5d7550.js} +1 -1
- package/dist/cjs/{breakpoints.subject-0db232c6.js → breakpoints.subject-235affbc.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-367b85e5.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tokens.esm-5afdc559.js → tokens.esm-50d692f1.js} +1 -1
- package/dist/cjs/{window-resize.decorator-46199538.js → window-resize.decorator-af016113.js} +1 -1
- package/dist/collection/components/bal-carousel/bal-carousel-item/bal-carousel-item.js +5 -5
- package/dist/collection/components/bal-carousel/bal-carousel.css +1 -1
- package/dist/collection/components/bal-carousel/bal-carousel.js +1 -9
- package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +4 -4
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +13 -19
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +4 -4
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-stage_6.entry.js +3 -3
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +1 -1
- package/dist/esm/{breakpoints.decorator-ba81f8bc.js → breakpoints.decorator-761b6833.js} +1 -1
- package/dist/esm/{breakpoints.subject-fe3d9635.js → breakpoints.subject-55ab8bb6.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-22c1bebc.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tokens.esm-7af7e766.js → tokens.esm-8a7ec399.js} +1 -1
- package/dist/esm/{window-resize.decorator-e4edf10d.js → window-resize.decorator-1dd80b10.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-761b6833.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-fe3d9635.js → breakpoints.subject-55ab8bb6.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-22c1bebc.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-e4edf10d.js → window-resize.decorator-1dd80b10.js} +1 -1
- package/dist/types/components/bal-carousel/bal-carousel-item/bal-carousel-item.d.ts +1 -1
- package/dist/types/components/bal-carousel/bal-carousel.d.ts +0 -2
- package/dist/types/components/bal-stage/bal-stage-image/bal-stage-image.d.ts +1 -1
- package/package.json +7 -7
- package/dist/baloise-design-system/p-2ee0b73b2a.system.entry.js +0 -1
- package/dist/baloise-design-system/p-699a918f.js +0 -1
- package/dist/baloise-design-system/p-bfde7642ba.entry.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-ba81f8bc.js +0 -1
- /package/dist/baloise-design-system/{p-c69b8ae2.js → p-210346c9.js} +0 -0
- /package/dist/baloise-design-system/{p-376e5378.system.js → p-b0fcd760.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-7af7e766.js → tokens.esm-8a7ec399.js} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baloise/ds-core",
|
|
3
|
-
"version": "17.2.
|
|
3
|
+
"version": "17.2.3",
|
|
4
4
|
"description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"test:ui": "vitest --ui"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@baloise/ds-styles": "17.2.
|
|
32
|
-
"@baloise/ds-icons": "17.2.
|
|
31
|
+
"@baloise/ds-styles": "17.2.3",
|
|
32
|
+
"@baloise/ds-icons": "17.2.3",
|
|
33
33
|
"@baloise/web-app-utils": "3.15.0",
|
|
34
34
|
"@floating-ui/dom": "~1.6.3",
|
|
35
35
|
"@popperjs/core": "~2.11.4",
|
|
@@ -54,10 +54,10 @@
|
|
|
54
54
|
"@baloise/output-target-react": "0.0.0",
|
|
55
55
|
"@baloise/output-target-vue": "0.0.0",
|
|
56
56
|
"@baloise/output-target-web": "0.0.0",
|
|
57
|
-
"@baloise/ds-css": "17.2.
|
|
58
|
-
"@baloise/ds-maps": "17.2.
|
|
59
|
-
"@baloise/ds-brand-icons": "17.2.
|
|
60
|
-
"@baloise/ds-favicons": "17.2.
|
|
57
|
+
"@baloise/ds-css": "17.2.3",
|
|
58
|
+
"@baloise/ds-maps": "17.2.3",
|
|
59
|
+
"@baloise/ds-brand-icons": "17.2.3",
|
|
60
|
+
"@baloise/ds-favicons": "17.2.3"
|
|
61
61
|
},
|
|
62
62
|
"sideEffects": false
|
|
63
63
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,r,a){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function i(e){try{l(a.next(e))}catch(e){n(e)}}function s(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?r(e.value):o(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,o,n,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(s[0]===6&&r.label<n[1]){r.label=n[1];n=s;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(s);break}if(n[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];o=0}finally{a=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-a2090a9d.system.js","./p-db0895e2.system.js","./p-187f98a1.system.js","./p-345ec2f4.system.js","./p-4a80e2c1.system.js","./p-5071d817.system.js","./p-97f3a682.system.js","./p-56cf1ab1.system.js","./p-f2c398a3.system.js","./p-aa26b71b.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-4e642b63.system.js","./p-eecefb0a.system.js","./p-2e830170.system.js","./p-ec9a7cf5.system.js","./p-376e5378.system.js","./p-23bdd8dc.system.js"],(function(e){"use strict";var t,r,a,o,n,i,s,l,c,u,b,d,h,p,f,m,g,_,v,w,k,y;return{setters:[function(e){t=e.h;r=e.r;a=e.c;o=e.H;n=e.g},function(e){i=e._;s=e.a},function(e){l=e.m;c=e.b},function(e){u=e.B},function(e){b=e.a},function(e){d=e.t;h=e.S},function(e){p=e.s},function(e){f=e.L},function(e){m=e.L},function(e){g=e.L},function(e){_=e.L},function(e){v=e.b},function(e){w=e.d},function(e){k=e.L},function(e){y=e.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var x=function(e){var r=e.value,a=e.items,o=e.containerId,n=e.onControlChange;var i=u.block("carousel");var s=i.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":b(r===e.value),"aria-controls":o+"-"+d(e.label),key:e.value,onClick:function(){return n(e)}},e.label)})))))};var j=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;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)}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;top:calc(50% - 24px);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 .bal-swiper__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var O=j;var z=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange",7);this.swiper=new h;this.swiperIsLastSlideVisible=false;this.mutationObserverActive=true;this.isLargestContentfulPaintDone=false;this.hasAnimated=false;this.isMobile=v.isMobile;this.language=w.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onInterFaceChange=function(){this.swiper.gapSize=this.interface==="product"?16:0};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onInterFaceChange();this.onItemsPerViewChange();this.onStepsChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.componentDidLoad=function(){var e=this;l((function(){e.isLargestContentfulPaintDone=true}))};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){p(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=u.block("carousel");var a=r.element("inner");var n=a.element("container");return t(o,{key:"5466ee14c351f73d1455cbf258797eda4bc87b03",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class(this.controls==="tabs"))},this.isLargestContentfulPaintDone&&this.controls==="tabs"?t(x,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"de7e102cdba0dfe74f09979413f7f059625eeac0",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"31266d0268cd3ff5414317ef027304d7b13bcdd8",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),n.class()),n.modifier("border").class(this.border)),n.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"a78dd80c90bd70442f4f152492acac041fb93ae3"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},n.element("border").class()),n.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.isLargestContentfulPaintDone?this.swiper.renderControls():"")};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());i([m({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],z.prototype,"mutationListener",null);i([g(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],z.prototype,"swipeListener",null);i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],z.prototype,"breakpointListener",null);i([_(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],z.prototype,"resizeListener",null);i([k(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],z.prototype,"configChanged",null);z.style=O;var C=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate",7);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()};this.isLargestContentfulPaintDone=false;this.containerId="";this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}e.prototype.componentDidLoad=function(){var e=this;l((function(){e.isLargestContentfulPaintDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=y(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,c()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=u.block("carousel");var a=r.element("item");var n=!!this.color&&!!this.label;var i=this.el.closest("bal-carousel");var s=i&&i.controls==="tabs"?"tabpanel":"listitem";var l="".concat(this.containerId,"-").concat(d(this.label));if(!n){return t(o,{id:l,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isLargestContentfulPaintDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var c=a.element("button");var b=c.element("image");var h=c.element("label");var p=this,f=p.elementType,m=p.download,g=p.href,_=p.rel,v=p.target,w=p.name,k=p.value;var y=this.href===undefined?"button":"a";var x=y==="button"?{type:f,name:w,value:k}:{download:m,href:g,rel:_,target:v};return t(o,{id:l,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(y,Object.assign({},x,{class:Object.assign(Object.assign({},c.class()),c.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isLargestContentfulPaintDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},b.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}())}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{k as t,l as s,r as i}from"./p-21f87590.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a,c,d as u,e as l}from"./p-c69b8ae2.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class p extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const f=t=>parseInt(t.slice(0,-2),10),b=f(l),g=f(o),m=f(a),w=f(c),j=f(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new p,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{p as B,x as a,L as b,W as c,y as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,r,c as t,H as a,g as o}from"./p-2ccbe55a.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{m as n,b as l}from"./p-21f87590.js";import{B as c}from"./p-ae86d0a0.js";import{a as b}from"./p-d9b38501.js";import{t as d,S as u}from"./p-68e05bd5.js";import{s as p}from"./p-81894fe8.js";import{L as h}from"./p-251565c4.js";import{L as m}from"./p-ff7903eb.js";import{L as g}from"./p-9db35d91.js";import{L as _}from"./p-67d61a81.js";import{b as f}from"./p-699a918f.js";import{d as w}from"./p-a19d1e1d.js";import{L as v}from"./p-69e7c8d6.js";import{i as k}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-dc98854c.js";import"./p-acf222fd.js";import"./p-cad154ad.js";import"./p-96216bd1.js";import"./p-c69b8ae2.js";import"./p-b77e3348.js";const x=({value:r,items:t,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return e("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",{role:"tabs"},t.map((t=>e("button",{class:{button:!0,"is-fullwidth":!0,"is-primary":r===t.value,"is-light":r!==t.value},role:"tab","aria-selected":b(r===t.value),"aria-controls":a+"-"+d(t.label),key:t.value,onClick:()=>o(t)},t.label))))))},y=class{constructor(e){r(this,e),this.balChange=t(this,"balChange",7),this.swiper=new u,this.swiperIsLastSlideVisible=!1,this.mutationObserverActive=!0,this.isLargestContentfulPaintDone=!1,this.hasAnimated=!1,this.isMobile=f.isMobile,this.language=w.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}onValueChange(){this.swiper.index=this.value}onStepsChange(){this.swiper.steps=this.steps}onItemsPerViewChange(){this.swiper.itemsPerView=this.itemsPerView}onControlsChange(){this.swiper.controls=this.controls}onInterFaceChange(){this.swiper.gapSize="product"===this.interface?16:0}connectedCallback(){this.swiper.connectedCallback(this),this.onControlsChange(),this.onInterFaceChange(),this.onItemsPerViewChange(),this.onStepsChange(),this.onValueChange()}disconnectedCallback(){this.swiper.disconnectedCallback()}componentDidLoad(){n((()=>{this.isLargestContentfulPaintDone=!0}))}async blockVerticalScrolling(e){var r;!this.scrollY&&(null===(r=this.el)||void 0===r?void 0:r.contains(e.target))&&p(e)}mutationListener(){this.swiper.notifyChange()}swipeListener({left:e,right:r}){e?this.next():r&&this.previous()}breakpointListener(e){this.isMobile=e.mobile,this.swiper.notifyChange()}resizeListener(){this.swiper.notifyChange()}async configChanged(e){this.language=e.language}async previous(e=this.steps){this.swiper.previous(e)}async next(e=this.steps){this.swiper.next(e)}async getContainerId(){return this.swiper.containerId}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}swiperOnChange(e){this.value=e,this.balChange.emit(e)}render(){const r=c.block("carousel"),t=r.element("inner"),o=t.element("container");return e(a,{key:"5466ee14c351f73d1455cbf258797eda4bc87b03",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(""!==this.interface)),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class("tabs"===this.controls))},this.isLargestContentfulPaintDone&&"tabs"===this.controls?e(x,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:e=>this.swiper.onControlChange(e.value)}):"",e("div",{key:"de7e102cdba0dfe74f09979413f7f059625eeac0",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),t.class()),t.modifier(`is-${this.aspectRatio}`).class()),t.modifier("inverted").class(this.inverted)),t.modifier("full-height").class(this.fullHeight)),ref:e=>this.swiper.innerEl=e},e("div",{key:"31266d0268cd3ff5414317ef027304d7b13bcdd8",id:this.swiper.containerId,role:"tabs"===this.controls?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:e=>this.swiper.containerEl=e},e("slot",{key:"a78dd80c90bd70442f4f152492acac041fb93ae3"}),this.border?e("div",{id:`${this.swiper.id}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:e=>this.swiper.borderEl=e}):"")),this.isLargestContentfulPaintDone?this.swiper.renderControls():"")}get el(){return o(this)}static get watchers(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],interface:["onInterFaceChange"]}}};i([m({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],y.prototype,"mutationListener",null),i([g(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],y.prototype,"swipeListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],y.prototype,"breakpointListener",null),i([_(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],y.prototype,"resizeListener",null),i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],y.prototype,"configChanged",null),y.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;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)}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;top:calc(50% - 24px);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 .bal-swiper__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';const j=class{constructor(e){r(this,e),this.balNavigate=t(this,"balNavigate",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=e=>{void 0!==this.href&&this.balNavigate.emit(e)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.isLargestContentfulPaintDone=!1,this.containerId="",this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name=void 0,this.value=void 0,this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentDidLoad(){n((()=>{this.isLargestContentfulPaintDone=!0}))}componentWillLoad(){this.imageInheritAttributes=k(this.el,["alt"]),this.getContainerId()}async setFocus(){await l(),this.buttonEl&&this.buttonEl.focus()}async getContainerId(){const e=this.el.closest("bal-carousel");this.containerId=await e.getContainerId()}render(){const r=c.block("carousel").element("item"),t=!!this.color&&!!this.label,o=this.el.closest("bal-carousel"),i=o&&"tabs"===o.controls?"tabpanel":"listitem",s=`${this.containerId}-${d(this.label)}`;if(!t)return e(a,{id:s,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isLargestContentfulPaintDone&&void 0!==this.src?e("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",e("slot",null));const n=r.element("button"),l=n.element("image"),b=n.element("label"),{elementType:u,download:p,href:h,rel:m,target:g,name:_,value:f}=this,w=void 0===this.href?"button":"a",v="button"===w?{type:u,name:_,value:f}:{download:p,href:h,rel:m,target:g};return e(a,{id:s,role:i,"aria-label":this.label,class:Object.assign({},r.class())},e(w,Object.assign({},v,{class:Object.assign(Object.assign({},n.class()),n.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:e=>this.buttonEl=e}),this.isLargestContentfulPaintDone&&void 0!==this.src?e("img",Object.assign({class:Object.assign({},l.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?e("span",{class:Object.assign({},b.class())},this.label):"",e("slot",null)))}get el(){return o(this)}};export{y as bal_carousel,j as bal_carousel_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as balBreakpointSubject}from"./breakpoints.subject-fe3d9635.js";function ListenToBreakpoints(){return function(t,n,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|