@baloise/ds-core 17.1.0 → 17.2.0-nightly.20241212
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-accordion-details.js +1 -1
- package/components/bal-accordion.js +5 -2
- package/components/bal-app.js +1 -91
- package/components/bal-app2.js +95 -0
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-list2.js +1 -1
- package/components/index.js +5 -289
- package/components/initialize.js +303 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-4ff5f10802.system.entry.js → p-0a1aed043e.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-0fd1b4ed34.entry.js +1 -0
- package/dist/baloise-design-system/{p-faa07e101c.entry.js → p-103579404b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4de229fddc.system.entry.js → p-18e794b313.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a9f81bd538.system.entry.js → p-20af69163c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1ecf7315b9.entry.js → p-262303baf7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-95b538ca71.system.entry.js → p-2849567f12.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dc40f667ce.system.entry.js → p-29d07bd94e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0f995439fa.system.entry.js → p-3e52d1e440.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-79cd15b8.system.js → p-4057fac4.system.js} +1 -1
- package/dist/baloise-design-system/{p-fb82a1e7.js → p-4587dfc7.js} +1 -1
- package/dist/baloise-design-system/{p-743b475584.entry.js → p-4d3a934a99.entry.js} +1 -1
- package/dist/baloise-design-system/p-576c7123.system.js +1 -0
- package/dist/baloise-design-system/p-605cf17f30.entry.js +1 -0
- package/dist/baloise-design-system/{p-d2f9ed2b.system.js → p-65b542bd.system.js} +1 -1
- package/dist/baloise-design-system/{p-6f87a55001.entry.js → p-6e27b709e0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b666673380.entry.js → p-704cb5ac7e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a4adde8f06.entry.js → p-7053124ec1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4d9e77f3e2.entry.js → p-797766bf51.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5434009bc0.system.entry.js → p-80dd30b5bb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2a81e1e84d.system.entry.js → p-8b624bcfbf.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-92a6c4407c.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-2cc4cfdddd.system.entry.js → p-9c24a9676a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-de93a466cd.entry.js → p-9e78ee78d9.entry.js} +1 -1
- package/dist/baloise-design-system/p-9eb4e04e90.system.entry.js +1 -0
- package/dist/baloise-design-system/p-9ef02421.system.js +1 -0
- package/dist/baloise-design-system/p-a24e650e.js +1 -0
- package/dist/baloise-design-system/p-a29f60e9.js +1 -0
- package/dist/baloise-design-system/{p-4f6a69cd.system.js → p-a98f791b.system.js} +1 -1
- package/dist/baloise-design-system/{p-8d2e3bc3.system.js → p-b66805f0.system.js} +1 -1
- package/dist/baloise-design-system/{p-d3e9be6607.system.entry.js → p-bd336179ed.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c472c7cf16.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-4ef4b1be9d.system.entry.js → p-c6e6db85f7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e66e2555f7.entry.js → p-c86483c554.entry.js} +1 -1
- package/dist/baloise-design-system/p-ca0e100fe8.entry.js +1 -0
- package/dist/baloise-design-system/{p-dc70466385.entry.js → p-d1c09a759f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9575320fc7.entry.js → p-d91379732d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-461076e3ee.system.entry.js → p-e161ca674e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-50b2a9c6.js → p-e3167218.js} +1 -1
- package/dist/baloise-design-system/{p-bbdc9f6e.js → p-eb3eec09.js} +1 -1
- package/dist/baloise-design-system/p-fabf47dd.system.js +1 -0
- package/dist/baloise-design-system/{p-f23ce678.js → p-fba140e9.js} +1 -1
- package/dist/baloise-design-system/{p-852288a3.system.js → p-fe49c485.system.js} +1 -1
- package/dist/baloise-design-system/{p-43ab08c69d.entry.js → p-ff6714c403.entry.js} +1 -1
- package/dist/cjs/app-globals-d0a40f5b.js +7 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +6 -3
- package/dist/cjs/bal-app.cjs.entry.js +5 -3
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
- 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-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 +4 -3
- package/dist/cjs/{breakpoints.decorator-cc7b6527.js → breakpoints.decorator-4868fb77.js} +1 -1
- package/dist/cjs/{breakpoints.subject-cfe518b3.js → breakpoints.subject-e35826bf.js} +1 -1
- package/dist/cjs/global-9176b6c7.js +9 -0
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{initialize-e7570bc6.js → initialize-6421e1c1.js} +17 -2
- package/dist/cjs/loader.cjs.js +4 -3
- package/dist/cjs/{tokens.esm-c5484151.js → tokens.esm-8df0331a.js} +1 -1
- package/dist/cjs/{window-resize.decorator-137a02c4.js → window-resize.decorator-0b86089a.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-accordion/bal-accordion-details/bal-accordion-details.css +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion.css +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion.js +4 -1
- package/dist/collection/components/bal-app/bal-app.js +5 -3
- package/dist/collection/components/bal-list/bal-list.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 +229 -0
- package/dist/collection/utils/config/config.const.js +1 -0
- package/dist/collection/utils/config/config.js +15 -1
- package/dist/collection/utils/config/initialize.js +2 -2
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/app-globals-10882328.js +5 -0
- package/dist/esm/bal-accordion_4.entry.js +6 -3
- package/dist/esm/bal-app.entry.js +5 -3
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +4 -4
- 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-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +4 -3
- package/dist/esm/{breakpoints.decorator-2e4214b2.js → breakpoints.decorator-1311e7a1.js} +1 -1
- package/dist/esm/{breakpoints.subject-0499ff54.js → breakpoints.subject-1e41109d.js} +1 -1
- package/dist/esm/global-7dca4c85.js +7 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/{initialize-f93872c4.js → initialize-b9912138.js} +17 -2
- package/dist/esm/loader.js +4 -3
- package/dist/esm/{tokens.esm-e90e564a.js → tokens.esm-2bc2d6be.js} +1 -1
- package/dist/esm/{window-resize.decorator-be46c01c.js → window-resize.decorator-0f7b337b.js} +1 -1
- package/dist/esm-es5/app-globals-10882328.js +1 -0
- 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-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- 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-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-1311e7a1.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-0499ff54.js → breakpoints.subject-1e41109d.js} +1 -1
- package/dist/esm-es5/global-7dca4c85.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-b9912138.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-be46c01c.js → window-resize.decorator-0f7b337b.js} +1 -1
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +37 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/dist/types/utils/config/config.const.d.ts +1 -0
- package/dist/types/utils/config/config.d.ts +1 -0
- package/package.json +7 -7
- package/dist/baloise-design-system/p-0dc26bfe1f.entry.js +0 -1
- package/dist/baloise-design-system/p-4e4fe533.js +0 -1
- package/dist/baloise-design-system/p-73bd9055.system.js +0 -1
- package/dist/baloise-design-system/p-aa0bfdce7b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b57c473d.system.js +0 -1
- package/dist/baloise-design-system/p-cfd4370f6b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ff89ba221b.entry.js +0 -1
- package/dist/cjs/app-globals-f5a609c1.js +0 -11
- package/dist/esm/app-globals-4d0448ee.js +0 -9
- package/dist/esm-es5/app-globals-4d0448ee.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-2e4214b2.js +0 -1
- package/dist/esm-es5/initialize-f93872c4.js +0 -1
- /package/dist/baloise-design-system/{p-5d4c2ac9.js → p-03fdac87.js} +0 -0
- /package/dist/baloise-design-system/{p-7c9bf66f.system.js → p-c84115ce.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-e90e564a.js → tokens.esm-2bc2d6be.js} +0 -0
package/dist/baloise-design-system/{p-5434009bc0.system.entry.js → p-80dd30b5bb.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function l(e){try{i(s.next(e))}catch(e){o(e)}}function n(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(l,n)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,l;return l={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function n(e){return function(t){return i([e,t])}}function i(n){if(s)throw new TypeError("Generator is already executing.");while(l&&(l=0,n[0]&&(a=0)),a)try{if(s=1,r&&(o=n[0]&2?r["return"]:n[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,n[1])).done)return o;if(r=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;r=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){a.label=n[1];break}if(n[0]===6&&a.label<o[1]){a.label=o[1];o=n;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(n);break}if(o[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(e){n=[6,e];r=0}finally{s=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-4d807f18.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-1c41de53.system.js","./p-bf139fe5.system.js","./p-8a2bab70.system.js","./p-79cd15b8.system.js","./p-738ca720.system.js","./p-8d2e3bc3.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-6913b916.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-7c9bf66f.system.js"],(function(e){"use strict";var t,a,s,r,o,l,n,i,b,c,p,_,d,u,v,m;return{setters:[function(e){t=e.h;a=e.r;s=e.c;r=e.H;o=e.g},function(e){l=e._;n=e.a},function(e){i=e.o},function(e){b=e.B},function(e){c=e.L},function(e){p=e.a},function(e){_=e.s},function(e){d=e.n},function(e){u=e.b},function(e){v=e.L},function(e){m=e.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var f=function(e){var a=e.item,s=e.isMobile;var r=b.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=b.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,l=e.onSelectTab;var n=b.block("steps").element("nav").element("item");if(a.invisible){return}return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("color-".concat(s)).class()),n.modifier("done").class(a.done)),n.modifier("active").class(a.active)),n.modifier("failed").class(a.failed)),n.modifier("disabled").class(a.disabled)),n.modifier("clickable").class(o)),n.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href===""?"javascript:;":a.href,target:a.target,onClick:function(e){return l(e,a)}},t(f,{item:a,isMobile:r}),t(g,{item:a}))};var y='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var k=y;var w=e("bal_steps",function(){function e(e){var t=this;a(this,e);this.balChange=s(this,"balChange",7);this.stepsId="bal-steps-".concat(x++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!p(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){_(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=u.isMobile;this.store=[];this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=i(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=b.block("steps");var s=a.element("nav");var o=true;var l=-1;var n=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){o=false}if(!e.invisible){l=l+1}return Object.assign(Object.assign({},e),{passed:o,index:l})}));return t(r,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},t("bal-carousel",{class:Object.assign({},s.element("carousel").class()),htmlRole:"",onBalChange:_,controls:"small","items-per-view":"auto",steps:3},n.filter((function(e){return!e.invisible})).map((function(a){return t("bal-carousel-item",{key:a.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},s.element("carousel").element("item").class()),s.element("carousel").element("item").modifier("color-".concat(e.color)).class()),s.element("carousel").element("item").modifier("passed").class(a.passed))},t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab}))})))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());l([c("bal-steps"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],w.prototype,"createLogger",null);l([v({tags:["bal-steps","bal-step-item"]}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],w.prototype,"mutationListener",null);l([m(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],w.prototype,"breakpointListener",null);var x=0;w.style=k}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function l(e){try{i(s.next(e))}catch(e){o(e)}}function n(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(l,n)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,l;return l={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function n(e){return function(t){return i([e,t])}}function i(n){if(s)throw new TypeError("Generator is already executing.");while(l&&(l=0,n[0]&&(a=0)),a)try{if(s=1,r&&(o=n[0]&2?r["return"]:n[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,n[1])).done)return o;if(r=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;r=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){a.label=n[1];break}if(n[0]===6&&a.label<o[1]){a.label=o[1];o=n;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(n);break}if(o[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(e){n=[6,e];r=0}finally{s=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-4d807f18.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-1c41de53.system.js","./p-bf139fe5.system.js","./p-8a2bab70.system.js","./p-4057fac4.system.js","./p-738ca720.system.js","./p-b66805f0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-6913b916.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-c84115ce.system.js"],(function(e){"use strict";var t,a,s,r,o,l,n,i,b,c,p,_,d,u,v,m;return{setters:[function(e){t=e.h;a=e.r;s=e.c;r=e.H;o=e.g},function(e){l=e._;n=e.a},function(e){i=e.o},function(e){b=e.B},function(e){c=e.L},function(e){p=e.a},function(e){_=e.s},function(e){d=e.n},function(e){u=e.b},function(e){v=e.L},function(e){m=e.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var f=function(e){var a=e.item,s=e.isMobile;var r=b.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=b.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,l=e.onSelectTab;var n=b.block("steps").element("nav").element("item");if(a.invisible){return}return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("color-".concat(s)).class()),n.modifier("done").class(a.done)),n.modifier("active").class(a.active)),n.modifier("failed").class(a.failed)),n.modifier("disabled").class(a.disabled)),n.modifier("clickable").class(o)),n.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href===""?"javascript:;":a.href,target:a.target,onClick:function(e){return l(e,a)}},t(f,{item:a,isMobile:r}),t(g,{item:a}))};var y='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var k=y;var w=e("bal_steps",function(){function e(e){var t=this;a(this,e);this.balChange=s(this,"balChange",7);this.stepsId="bal-steps-".concat(x++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!p(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){_(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=u.isMobile;this.store=[];this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=i(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=b.block("steps");var s=a.element("nav");var o=true;var l=-1;var n=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){o=false}if(!e.invisible){l=l+1}return Object.assign(Object.assign({},e),{passed:o,index:l})}));return t(r,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},t("bal-carousel",{class:Object.assign({},s.element("carousel").class()),htmlRole:"",onBalChange:_,controls:"small","items-per-view":"auto",steps:3},n.filter((function(e){return!e.invisible})).map((function(a){return t("bal-carousel-item",{key:a.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},s.element("carousel").element("item").class()),s.element("carousel").element("item").modifier("color-".concat(e.color)).class()),s.element("carousel").element("item").modifier("passed").class(a.passed))},t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab}))})))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());l([c("bal-steps"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],w.prototype,"createLogger",null);l([v({tags:["bal-steps","bal-step-item"]}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],w.prototype,"mutationListener",null);l([m(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],w.prototype,"breakpointListener",null);var x=0;w.style=k}}}));
|
package/dist/baloise-design-system/{p-2a81e1e84d.system.entry.js → p-8b624bcfbf.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,a,i,n){function e(t){return t instanceof i?t:new i((function(a){a(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(t){r(t)}}function o(t){try{l(n["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):e(t.value).then(s,o)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(a){return l([t,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=a.call(t,i)}catch(t){o=[6,t];e=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-79cd15b8.system.js","./p-bb6304d0.system.js","./p-8d2e3bc3.system.js","./p-0177e3a0.system.js","./p-4d807f18.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-7c9bf66f.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var a,i,n,e,r,s,o,l,c,u,b,d;return{setters:[function(t){a=t.r;i=t.c;n=t.h;e=t.H;r=t.g},function(t){s=t._;o=t.a},function(t){l=t.B},function(t){c=t.b},function(t){u=t.d},function(t){b=t.L},function(t){d=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function p(t,a,i){var n=[];if(t>a||t<0){t=1}if(a<=0){a=10}if(i<=0){i=2}var e=5+i*2;if(a<=e){for(var r=1;r<=a;r++){n.push({type:"page",label:r.toString(),active:r===t})}}else{if(t<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}else if(t>=a-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=a-e+3;r<=a;r++){n.push({type:"page",label:r.toString(),active:r===t})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var s=Number(t);for(var r=s-i;r<=s+i;r++){n.push({type:"page",label:r.toString(),active:r===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}}return n}var f={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var g=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=g;var v=t("bal_pagination",function(){function t(t){a(this,t);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=u.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}t.prototype.valueChanged=function(t){this._value=t};t.prototype.topValueChanged=function(t){if(this.sticky){this.el.style.top="".concat(t,"px")}};t.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=t.language;return[2]}))}))};t.prototype.selectPage=function(t){this._value=t;this.balChangeEventEmitter.emit(this._value)};t.prototype.getItems=function(t){var a=this;if(t===void 0){t=2}var i=p(this._value,this.totalPages,t);return i.map((function(t){if(t.type==="page"){return a.renderPageElement(Number(t.label))}else{return a.renderEllipsisElement()}}))};t.prototype.renderEllipsisElement=function(){var t=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",{"aria-hidden":"true"},n("div",{class:Object.assign({},t.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};t.prototype.renderPageElement=function(t){var a=this;var i=this._value===t;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),"aria-label":t,onClick:function(){return a.selectPage(t)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return a.selectPage(t)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},t))};t.prototype.render=function(){var t=this;var a=this.getItems(1);var i=this.getItems(this.pageRange);var r=l.block("pagination");var s=r.element("nav");var o=s.element("pagination-previous");var c=s.element("pagination-next");var u=s.element("pagination-list");var b=this.interface==="small";var d=b?"link":"text";var p=b||this.size==="small"||this.isMobile?"small":"";var g=b;var h=f[this.language].left;var v=f[this.language].right;var _=this.interface===""||b&&this.totalPages<=5;var m=function(){return n("span",{key:"b9053c6e1ecf8a94ea93af48d554c508126fd21e",class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class())},n("span",{key:"e2c9788314a42180f53285add2a1488d67030630"},t._value)," / "+t.totalPages)};var y=function(){return n("ul",{key:"f165f8e63bdf180408344aa91b69032ce5ce320c",class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},i)};var x=function(){return n("ul",{key:"a9c58c583f943609606998eff081ac505fd82ff3",class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},a)};return n(e,{key:"09e36de547b42f23a30189e0e1ed4d28be5f1ba7",class:Object.assign(Object.assign({},r.class()),r.modifier("is-sticky").class(this.sticky))},n("nav",{key:"7f0c6770282939433a0315307a0c06be9440419c",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(this.interface)).class(this.interface!=="")),s.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{key:"0ea2d28d497cbe89a8858071a252e284790febd0",square:true,color:d,size:p,flat:g,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return t.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{key:"f509547f7dddfd18e01b828992403b3ce3ea47a1",name:"nav-go-left",size:"small"})),n("bal-button",{key:"2658807aa50c6b2c3f17427cdf4d8d684d4349f9",square:true,color:d,size:p,flat:g,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return t.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{key:"1cd086e9b73eea943723e05593a4edf83479c5f3",name:"nav-go-right",size:"small"})),_&&this.isMobile?n(x,null):"",_&&!this.isMobile?n(y,null):"",!_?n(m,null):""))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return t}());s([b(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);s([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,a,i,n){function e(t){return t instanceof i?t:new i((function(a){a(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(t){r(t)}}function o(t){try{l(n["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):e(t.value).then(s,o)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(a){return l([t,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=a.call(t,i)}catch(t){o=[6,t];e=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-4057fac4.system.js","./p-bb6304d0.system.js","./p-b66805f0.system.js","./p-0177e3a0.system.js","./p-4d807f18.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-c84115ce.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var a,i,n,e,r,s,o,l,c,u,b,d;return{setters:[function(t){a=t.r;i=t.c;n=t.h;e=t.H;r=t.g},function(t){s=t._;o=t.a},function(t){l=t.B},function(t){c=t.b},function(t){u=t.d},function(t){b=t.L},function(t){d=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function p(t,a,i){var n=[];if(t>a||t<0){t=1}if(a<=0){a=10}if(i<=0){i=2}var e=5+i*2;if(a<=e){for(var r=1;r<=a;r++){n.push({type:"page",label:r.toString(),active:r===t})}}else{if(t<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}else if(t>=a-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=a-e+3;r<=a;r++){n.push({type:"page",label:r.toString(),active:r===t})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var s=Number(t);for(var r=s-i;r<=s+i;r++){n.push({type:"page",label:r.toString(),active:r===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}}return n}var f={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var g=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=g;var v=t("bal_pagination",function(){function t(t){a(this,t);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=u.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}t.prototype.valueChanged=function(t){this._value=t};t.prototype.topValueChanged=function(t){if(this.sticky){this.el.style.top="".concat(t,"px")}};t.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=t.language;return[2]}))}))};t.prototype.selectPage=function(t){this._value=t;this.balChangeEventEmitter.emit(this._value)};t.prototype.getItems=function(t){var a=this;if(t===void 0){t=2}var i=p(this._value,this.totalPages,t);return i.map((function(t){if(t.type==="page"){return a.renderPageElement(Number(t.label))}else{return a.renderEllipsisElement()}}))};t.prototype.renderEllipsisElement=function(){var t=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",{"aria-hidden":"true"},n("div",{class:Object.assign({},t.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};t.prototype.renderPageElement=function(t){var a=this;var i=this._value===t;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),"aria-label":t,onClick:function(){return a.selectPage(t)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return a.selectPage(t)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},t))};t.prototype.render=function(){var t=this;var a=this.getItems(1);var i=this.getItems(this.pageRange);var r=l.block("pagination");var s=r.element("nav");var o=s.element("pagination-previous");var c=s.element("pagination-next");var u=s.element("pagination-list");var b=this.interface==="small";var d=b?"link":"text";var p=b||this.size==="small"||this.isMobile?"small":"";var g=b;var h=f[this.language].left;var v=f[this.language].right;var _=this.interface===""||b&&this.totalPages<=5;var m=function(){return n("span",{key:"b9053c6e1ecf8a94ea93af48d554c508126fd21e",class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class())},n("span",{key:"e2c9788314a42180f53285add2a1488d67030630"},t._value)," / "+t.totalPages)};var y=function(){return n("ul",{key:"f165f8e63bdf180408344aa91b69032ce5ce320c",class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},i)};var x=function(){return n("ul",{key:"a9c58c583f943609606998eff081ac505fd82ff3",class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},a)};return n(e,{key:"09e36de547b42f23a30189e0e1ed4d28be5f1ba7",class:Object.assign(Object.assign({},r.class()),r.modifier("is-sticky").class(this.sticky))},n("nav",{key:"7f0c6770282939433a0315307a0c06be9440419c",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(this.interface)).class(this.interface!=="")),s.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{key:"0ea2d28d497cbe89a8858071a252e284790febd0",square:true,color:d,size:p,flat:g,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return t.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{key:"f509547f7dddfd18e01b828992403b3ce3ea47a1",name:"nav-go-left",size:"small"})),n("bal-button",{key:"2658807aa50c6b2c3f17427cdf4d8d684d4349f9",square:true,color:d,size:p,flat:g,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return t.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{key:"1cd086e9b73eea943723e05593a4edf83479c5f3",name:"nav-go-right",size:"small"})),_&&this.isMobile?n(x,null):"",_&&!this.isMobile?n(y,null):"",!_?n(m,null):""))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return t}());s([b(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);s([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|