@baloise/ds-core 19.9.2 → 19.9.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-accordion.js +33 -11
- 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-778faed2c9.entry.js → p-01fdb2af3e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-550f1b809a.entry.js → p-03852c362f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-35a5ef54a0.system.entry.js → p-05221bf226.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-0g14KuPx.system.js +1 -0
- package/dist/baloise-design-system/{p-3111be34fe.entry.js → p-14219e3845.entry.js} +1 -1
- package/dist/baloise-design-system/{p-98b209c6fb.entry.js → p-14475f12e8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1f5ead4b22.entry.js → p-1e26da72e8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3f3fd4d0fb.entry.js → p-239938cbc2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ce1ac691fc.entry.js → p-370f98a376.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ca021528cf.entry.js → p-3bc249e38e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9e1dd8fae9.system.entry.js → p-3d9555be79.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4d7d8d1fd3.entry.js → p-41a0556d46.entry.js} +1 -1
- package/dist/baloise-design-system/p-68c75901a4.system.entry.js +1 -0
- package/dist/baloise-design-system/p-7563a0a66d.entry.js +1 -0
- package/dist/baloise-design-system/{p-c638ff8e96.system.entry.js → p-7eec8c7a78.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a19115481e.entry.js → p-818b880ec5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1d1f8316d7.system.entry.js → p-83c6c17ed8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8f0624929d.system.entry.js → p-890c3ea355.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0858ef65f2.system.entry.js → p-8bdcf69b1f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4fd089ea55.entry.js → p-8ea84ad7c7.entry.js} +1 -1
- package/dist/baloise-design-system/p-BFRjY4w3.js +1 -1
- package/dist/baloise-design-system/p-BRAmUyPx.system.js +1 -1
- package/dist/baloise-design-system/p-Bk7UdnZ5.system.js +1 -1
- package/dist/baloise-design-system/{p-BLNTV2y9.js → p-CFZjZt-s.js} +1 -1
- package/dist/baloise-design-system/{p-D4HExdbi.system.js → p-CHTPLy3W.system.js} +1 -1
- package/dist/baloise-design-system/{p-lqmCqCXD.system.js → p-COFcDrAS.system.js} +1 -1
- package/dist/baloise-design-system/{p-BT9kotrD.system.js → p-DUpGQx_U.system.js} +1 -1
- package/dist/baloise-design-system/{p-cnNPy_UF.js → p-DlPc3plk.js} +1 -1
- package/dist/baloise-design-system/{p-OSNEECer.js → p-TGlXe_VY.js} +1 -1
- package/dist/baloise-design-system/{p-402da722fc.system.entry.js → p-a5f3b37e21.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d8f0f0e341.system.entry.js → p-b585853436.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-414a850825.system.entry.js → p-c47294e251.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5e3d004ff0.entry.js → p-cef33e1117.entry.js} +1 -1
- package/dist/baloise-design-system/{p-591debd7c3.entry.js → p-dd48a60d74.entry.js} +1 -1
- package/dist/baloise-design-system/{p-874298b6f3.system.entry.js → p-dd5caee1bb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-396bf929bc.system.entry.js → p-ea38ac08ce.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-33a49c1b2b.system.entry.js → p-ed56778833.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-62d22238a8.system.entry.js → p-ee61799a11.system.entry.js} +1 -1
- package/dist/cjs/bal-accordion_4.cjs.entry.js +33 -11
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-field_5.cjs.entry.js +3 -3
- 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-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/{breakpoints.decorator-BLbtZQPE.js → breakpoints.decorator-DVSgAJPa.js} +1 -1
- package/dist/cjs/{breakpoints.subject-Dm5PhV8R.js → breakpoints.subject-PPg53GM5.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-BzrcZo6Y.js +1 -1
- package/dist/cjs/{tokens.esm-DizoRyJW.js → tokens.esm-B1kdQjzR.js} +1 -1
- package/dist/cjs/{window-resize.decorator-0M6RxXln.js → window-resize.decorator-DHvgxiqB.js} +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion.js +33 -11
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-accordion_4.entry.js +33 -11
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-field_5.entry.js +3 -3
- 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-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/{breakpoints.decorator-D8tyvKfl.js → breakpoints.decorator-CJwbnRPE.js} +1 -1
- package/dist/esm/{breakpoints.subject-C7sMRxmL.js → breakpoints.subject-CKmK7JA0.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-W3od-FM9.js +1 -1
- package/dist/esm/{tokens.esm-CggbMUrI.js → tokens.esm-DTyLTqMF.js} +1 -1
- package/dist/esm/{window-resize.decorator-CzU20wtn.js → window-resize.decorator-xoiS5CvH.js} +1 -1
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.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-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-D8tyvKfl.js → breakpoints.decorator-CJwbnRPE.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-C7sMRxmL.js → breakpoints.subject-CKmK7JA0.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-W3od-FM9.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-CzU20wtn.js → window-resize.decorator-xoiS5CvH.js} +1 -1
- package/dist/types/components/bal-accordion/bal-accordion.d.ts +3 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-aec5e73a82.system.entry.js +0 -1
- package/dist/baloise-design-system/p-aqkRpbjU.system.js +0 -1
- package/dist/baloise-design-system/p-ce2de36f43.entry.js +0 -1
- /package/dist/baloise-design-system/{p-DYEfn6Be.system.js → p-1D6CbirM.system.js} +0 -0
- /package/dist/baloise-design-system/{p-CggbMUrI.js → p-DTyLTqMF.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-CggbMUrI.js → tokens.esm-DTyLTqMF.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__extends,__generator}from"tslib";import{a as setPlatformHelpers}from"./index-BdVwMG9u.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{f as waitForComponent}from"./helpers-BNj87EbG.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";var BALOISE_ANIMATION_KEY="baloise-animated";var Config=function(){function t(){this._componentObservers=[];this._observers=[];this._config=defaultConfig}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"brand",{get:function(){return this._config.brand},set:function(t){if(t!==this._config.brand){this._config.brand=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var e=this._observers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var e=this._observers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(e,1)};t.prototype.attachComponent=function(t){var e=this._componentObservers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var e=this._componentObservers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(e,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var e=0,a=this._componentObservers;e<a.length;e++){var i=a[e];i.configChanged(this._config)}if(t){for(var n=0,r=this._observers;n<r.length;n++){var i=r[n];i.configChanged(this._config)}}};return t}();var config=new Config;var configFromLocalStorage=function(t){try{var e=JSON.parse(t.localStorage.getItem(BALOISE_ANIMATION_KEY));if(e!==null){return{animated:e}}return{}}catch(t){return{}}};var setupConfig=function(t,e){if(t===void 0){t={}}if(e===void 0){e={}}if(Object.keys(e).length===0&&balBrowser.hasWindow){e=window}e.BaloiseDesignSystem=e.BaloiseDesignSystem||{};config.reset(Object.assign(Object.assign(Object.assign({},configFromLocalStorage(e)),t),{icons:Object.assign({},t.icons)}));e.BaloiseDesignSystem.config=config};var BalNoticeController=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var e=this;if(balBrowser.hasDocument){this.setupContainer(t);var a=this.findClone(t);if(a===undefined){var i=document.createElement(this.options.tag);Object.assign(i,t);i.addEventListener("balClose",(function(t){e.removeFromQueue(t.detail)}));this.preQueue.push(i);this.updateQueue();return i}return a}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:e=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!e)return[3,2];a=[];for(i=0;i<e.length;i++){n=e[i];if(n.close){a.push(n.close())}}return[4,Promise.all(a)];case 1:r.sent();r.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var e=0;e<this.queue.length;e++){var a=this.queue[e];if(a.message===t.message&&a.color===t.color){return a}}return undefined};t.prototype.setupContainer=function(t){if(balBrowser.hasDocument){var e="".concat(this.options.tag,"-container");this.container=document.getElementById(e);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.setAttribute("animated",t.animated?"true":"false");if(t.container!==undefined){this.container.setAttribute("container",t.container===true?"":t.container)}this.container.id=e}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a;return __generator(this,(function(i){switch(i.label){case 0:if(!(this.queue.length<this.queueLimit))return[3,2];e=this.preQueue.shift();if(!(e&&this.container))return[3,2];return[4,waitForComponent(this.container)];case 1:i.sent();a=this.container.querySelector(".bal-notices__inner");if(a){this.queue.push(e);a.insertAdjacentElement("beforeend",e)}i.label=2;case 2:if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}return[2]}}))}))};t.prototype.removeFromQueue=function(t){var e=this;this.queue=this.queue.filter((function(e){return e.id!==t}));setTimeout((function(){return e.updateQueue()}),0)};return t}();var BalSnackbarController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-snackbar"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balSnackbarController=new BalSnackbarController;var BalToastController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-toast"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balToastController=new BalToastController;var tags=["bal-accordion","bal-accordion-details","bal-accordion-summary","bal-accordion-trigger","bal-app","bal-badge","bal-button","bal-button-group","bal-card","bal-card-actions","bal-card-button","bal-card-content","bal-card-subtitle","bal-card-title","bal-carousel","bal-carousel-item","bal-check","bal-checkbox","bal-checkbox-group","bal-close","bal-content","bal-data","bal-data-item","bal-data-label","bal-data-value","bal-date","bal-date-calendar","bal-date-calendar-cell","bal-divider","bal-dropdown","bal-field","bal-field-control","bal-field-hint","bal-field-label","bal-field-message","bal-file-upload","bal-footer","bal-form","bal-form-col","bal-form-grid","bal-heading","bal-hint","bal-hint-text","bal-hint-title","bal-icon","bal-input","bal-input-date","bal-input-group","bal-input-slider","bal-input-stepper","bal-label","bal-list","bal-list-item","bal-list-item-accordion-body","bal-list-item-accordion-head","bal-list-item-content","bal-list-item-icon","bal-list-item-subtitle","bal-list-item-title","bal-logo","bal-modal","bal-modal-body","bal-modal-header","bal-nav","bal-nav-link","bal-nav-link-grid","bal-nav-link-grid-col","bal-nav-link-group","bal-nav-menu-bar","bal-nav-menu-flyout","bal-nav-meta-bar","bal-navbar","bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-end","bal-navbar-menu-start","bal-notices","bal-notification","bal-number-input","bal-option","bal-option-list","bal-pagination","bal-popover","bal-popover-content","bal-popup","bal-progress-bar","bal-radio","bal-radio-group","bal-radio-icon","bal-segment","bal-segment-item","bal-select","bal-select-option","bal-shape","bal-sheet","bal-snackbar","bal-spinner","bal-stack","bal-stage","bal-stage-back-link","bal-stage-body","bal-stage-foot","bal-stage-head","bal-stage-image","bal-step-item","bal-steps","bal-switch","bal-tab-item","bal-table","bal-tabs","bal-tag","bal-tag-group","bal-text","bal-textarea","bal-time-input","bal-toast","bal-tooltip"];var VERSION="19.9.2";var initializeBaloiseDesignSystem=function(t,e,a){if(t===void 0){t={}}if(e===void 0){e=undefined}if(a===void 0){a={}}if(Object.keys(a).length===0&&balBrowser.hasWindow){a=window}a.BaloiseDesignSystem=a.BaloiseDesignSystem||{};if(e){setPlatformHelpers(e)}setupConfig(Object.assign(Object.assign({},t),e),a);a.BaloiseDesignSystem.toastController=balToastController;a.BaloiseDesignSystem.snackbarController=balSnackbarController;a.BaloiseDesignSystem.initialize=function(){return setupConfig(a.BaloiseDesignSystem.config,a)};a.BaloiseDesignSystem.version=VERSION;if(t._generateHydrateForCustomElementsOutput){generateHydrateForCustomElementsOutput(tags)}};var generateHydrateForCustomElementsOutput=function(t){if(t===void 0){t=[]}var e="slot-fb{display:contents}slot-fb[hidden]{display:none}";var a="{visibility:hidden}.hydrated{visibility:inherit}";var i=typeof window!=="undefined"?window:{};if(!i.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}var n=i.document.head;var r=n.querySelector("meta[charset]");var o=i.document.createElement("style");if(t.length>0){o.textContent+=e;o.textContent+=t.sort()+a;if(o.innerHTML.length){o.setAttribute("data-styles","");n.insertBefore(o,r?r.nextSibling:n.firstChild)}}};export{BalSnackbarController as B,BalToastController as a,balSnackbarController as b,balToastController as c,initializeBaloiseDesignSystem as i,setupConfig as s};
|
|
1
|
+
import{__awaiter,__extends,__generator}from"tslib";import{a as setPlatformHelpers}from"./index-BdVwMG9u.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{f as waitForComponent}from"./helpers-BNj87EbG.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";var BALOISE_ANIMATION_KEY="baloise-animated";var Config=function(){function t(){this._componentObservers=[];this._observers=[];this._config=defaultConfig}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"brand",{get:function(){return this._config.brand},set:function(t){if(t!==this._config.brand){this._config.brand=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var e=this._observers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var e=this._observers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(e,1)};t.prototype.attachComponent=function(t){var e=this._componentObservers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var e=this._componentObservers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(e,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var e=0,a=this._componentObservers;e<a.length;e++){var i=a[e];i.configChanged(this._config)}if(t){for(var n=0,r=this._observers;n<r.length;n++){var i=r[n];i.configChanged(this._config)}}};return t}();var config=new Config;var configFromLocalStorage=function(t){try{var e=JSON.parse(t.localStorage.getItem(BALOISE_ANIMATION_KEY));if(e!==null){return{animated:e}}return{}}catch(t){return{}}};var setupConfig=function(t,e){if(t===void 0){t={}}if(e===void 0){e={}}if(Object.keys(e).length===0&&balBrowser.hasWindow){e=window}e.BaloiseDesignSystem=e.BaloiseDesignSystem||{};config.reset(Object.assign(Object.assign(Object.assign({},configFromLocalStorage(e)),t),{icons:Object.assign({},t.icons)}));e.BaloiseDesignSystem.config=config};var BalNoticeController=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var e=this;if(balBrowser.hasDocument){this.setupContainer(t);var a=this.findClone(t);if(a===undefined){var i=document.createElement(this.options.tag);Object.assign(i,t);i.addEventListener("balClose",(function(t){e.removeFromQueue(t.detail)}));this.preQueue.push(i);this.updateQueue();return i}return a}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:e=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!e)return[3,2];a=[];for(i=0;i<e.length;i++){n=e[i];if(n.close){a.push(n.close())}}return[4,Promise.all(a)];case 1:r.sent();r.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var e=0;e<this.queue.length;e++){var a=this.queue[e];if(a.message===t.message&&a.color===t.color){return a}}return undefined};t.prototype.setupContainer=function(t){if(balBrowser.hasDocument){var e="".concat(this.options.tag,"-container");this.container=document.getElementById(e);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.setAttribute("animated",t.animated?"true":"false");if(t.container!==undefined){this.container.setAttribute("container",t.container===true?"":t.container)}this.container.id=e}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a;return __generator(this,(function(i){switch(i.label){case 0:if(!(this.queue.length<this.queueLimit))return[3,2];e=this.preQueue.shift();if(!(e&&this.container))return[3,2];return[4,waitForComponent(this.container)];case 1:i.sent();a=this.container.querySelector(".bal-notices__inner");if(a){this.queue.push(e);a.insertAdjacentElement("beforeend",e)}i.label=2;case 2:if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}return[2]}}))}))};t.prototype.removeFromQueue=function(t){var e=this;this.queue=this.queue.filter((function(e){return e.id!==t}));setTimeout((function(){return e.updateQueue()}),0)};return t}();var BalSnackbarController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-snackbar"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balSnackbarController=new BalSnackbarController;var BalToastController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-toast"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balToastController=new BalToastController;var tags=["bal-accordion","bal-accordion-details","bal-accordion-summary","bal-accordion-trigger","bal-app","bal-badge","bal-button","bal-button-group","bal-card","bal-card-actions","bal-card-button","bal-card-content","bal-card-subtitle","bal-card-title","bal-carousel","bal-carousel-item","bal-check","bal-checkbox","bal-checkbox-group","bal-close","bal-content","bal-data","bal-data-item","bal-data-label","bal-data-value","bal-date","bal-date-calendar","bal-date-calendar-cell","bal-divider","bal-dropdown","bal-field","bal-field-control","bal-field-hint","bal-field-label","bal-field-message","bal-file-upload","bal-footer","bal-form","bal-form-col","bal-form-grid","bal-heading","bal-hint","bal-hint-text","bal-hint-title","bal-icon","bal-input","bal-input-date","bal-input-group","bal-input-slider","bal-input-stepper","bal-label","bal-list","bal-list-item","bal-list-item-accordion-body","bal-list-item-accordion-head","bal-list-item-content","bal-list-item-icon","bal-list-item-subtitle","bal-list-item-title","bal-logo","bal-modal","bal-modal-body","bal-modal-header","bal-nav","bal-nav-link","bal-nav-link-grid","bal-nav-link-grid-col","bal-nav-link-group","bal-nav-menu-bar","bal-nav-menu-flyout","bal-nav-meta-bar","bal-navbar","bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-end","bal-navbar-menu-start","bal-notices","bal-notification","bal-number-input","bal-option","bal-option-list","bal-pagination","bal-popover","bal-popover-content","bal-popup","bal-progress-bar","bal-radio","bal-radio-group","bal-radio-icon","bal-segment","bal-segment-item","bal-select","bal-select-option","bal-shape","bal-sheet","bal-snackbar","bal-spinner","bal-stack","bal-stage","bal-stage-back-link","bal-stage-body","bal-stage-foot","bal-stage-head","bal-stage-image","bal-step-item","bal-steps","bal-switch","bal-tab-item","bal-table","bal-tabs","bal-tag","bal-tag-group","bal-text","bal-textarea","bal-time-input","bal-toast","bal-tooltip"];var VERSION="19.9.3";var initializeBaloiseDesignSystem=function(t,e,a){if(t===void 0){t={}}if(e===void 0){e=undefined}if(a===void 0){a={}}if(Object.keys(a).length===0&&balBrowser.hasWindow){a=window}a.BaloiseDesignSystem=a.BaloiseDesignSystem||{};if(e){setPlatformHelpers(e)}setupConfig(Object.assign(Object.assign({},t),e),a);a.BaloiseDesignSystem.toastController=balToastController;a.BaloiseDesignSystem.snackbarController=balSnackbarController;a.BaloiseDesignSystem.initialize=function(){return setupConfig(a.BaloiseDesignSystem.config,a)};a.BaloiseDesignSystem.version=VERSION;if(t._generateHydrateForCustomElementsOutput){generateHydrateForCustomElementsOutput(tags)}};var generateHydrateForCustomElementsOutput=function(t){if(t===void 0){t=[]}var e="slot-fb{display:contents}slot-fb[hidden]{display:none}";var a="{visibility:hidden}.hydrated{visibility:inherit}";var i=typeof window!=="undefined"?window:{};if(!i.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}var n=i.document.head;var r=n.querySelector("meta[charset]");var o=i.document.createElement("style");if(t.length>0){o.textContent+=e;o.textContent+=t.sort()+a;if(o.innerHTML.length){o.setAttribute("data-styles","");n.insertBefore(o,r?r.nextSibling:n.firstChild)}}};export{BalSnackbarController as B,BalToastController as a,balSnackbarController as b,balToastController as c,initializeBaloiseDesignSystem as i,setupConfig as s};
|
package/dist/esm-es5/{window-resize.decorator-CzU20wtn.js → window-resize.decorator-xoiS5CvH.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-
|
|
1
|
+
import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-CKmK7JA0.js";import{a as SingleSubject}from"./listener-CClDIhvK.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";var BalWindowResizeSubject=function(i){__extends(t,i);function t(){var t=i.call(this,(function(i,t){i.windowResizeListener()}))||this;t.listener=new BalWindowResizeListener;return t}t.prototype.attach=function(t){var e=this;i.prototype.attach.call(this,t);if(balBrowser.hasWindow){this.listener.connect(window);this.listener.add((function(){return i.prototype.notify.call(e)}))}};t.prototype.detach=function(){i.prototype.detach.call(this);this.listener.disconnect()};return t}(SingleSubject);new BalWindowResizeSubject;function ListenToWindowResize(){return function(i,t,e){var n=i.connectedCallback,s=i.disconnectedCallback;i.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new BalWindowResizeSubject;this._balWindowResizeSubject.attach(this)}return n&&n.call(this)};i.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return s&&s.call(this)}}}export{ListenToWindowResize as L};
|
|
@@ -8,6 +8,8 @@ export declare class Accordion implements ComponentInterface, BalConfigObserver,
|
|
|
8
8
|
private contentEl;
|
|
9
9
|
private contentElWrapper;
|
|
10
10
|
private currentRaf;
|
|
11
|
+
private currentRafInner;
|
|
12
|
+
private animationGeneration;
|
|
11
13
|
el: HTMLStencilElement;
|
|
12
14
|
state: AccordionState;
|
|
13
15
|
animated: boolean;
|
|
@@ -114,6 +116,7 @@ export declare class Accordion implements ComponentInterface, BalConfigObserver,
|
|
|
114
116
|
private updateDetailsElement;
|
|
115
117
|
private updateTriggerElement;
|
|
116
118
|
private updateSummaryElement;
|
|
119
|
+
private cancelAnimation;
|
|
117
120
|
private expand;
|
|
118
121
|
private collapse;
|
|
119
122
|
private shouldAnimate;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baloise/ds-core",
|
|
3
|
-
"version": "19.9.
|
|
3
|
+
"version": "19.9.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": "19.9.
|
|
32
|
-
"@baloise/ds-icons": "19.9.
|
|
31
|
+
"@baloise/ds-styles": "19.9.3",
|
|
32
|
+
"@baloise/ds-icons": "19.9.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",
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@baloise/output-target-angular": "0.0.0",
|
|
55
55
|
"@baloise/output-target-web": "0.0.0",
|
|
56
|
-
"@baloise/ds-maps": "19.9.
|
|
57
|
-
"@baloise/ds-brand-icons": "19.9.
|
|
58
|
-
"@baloise/ds-favicons": "19.9.
|
|
56
|
+
"@baloise/ds-maps": "19.9.3",
|
|
57
|
+
"@baloise/ds-brand-icons": "19.9.3",
|
|
58
|
+
"@baloise/ds-favicons": "19.9.3",
|
|
59
59
|
"compression": "~1.8.1",
|
|
60
60
|
"express": "~4.22.1",
|
|
61
61
|
"serve-index": "~1.9.1"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function a(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):a(t.value).then(o,s)}c((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(i){return c([t,i])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(n=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;a=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=i.call(t,e)}catch(t){s=[6,t];a=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BpMXwP_q.system.js","./p-CLDmOIBx.system.js","./p-DtlqgdI2.system.js","./p-DKjTFqnu.system.js","./p-ncoiCFQ1.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,e,n,a,r,o,s,c,l,d,u,h,b,f,m,v,g,p,_;return{setters:[function(t){i=t.r;e=t.c;n=t.h;a=t.H;r=t.g},function(t){o=t._;s=t.a},function(t){c=t.B},function(t){l=t.m;d=t.t;u=t.n;h=t.f},function(t){b=t.L},function(t){f=t.L},function(t){m=t.s},function(t){v=t.a;g=t.i},function(t){p=t.a},function(t){_=t.d},null,null],execute:function(){var w=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var x=t("bal_accordion",function(){function t(t){var n=this;i(this,t);this.balChange=e(this,"balChange");this.balWillAnimate=e(this,"balWillAnimate");this.balDidAnimate=e(this,"balDidAnimate");this.componentId="bal-accordion-".concat(y++);this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=2;this.updateState=function(t){if(t===void 0){t=false}if(n.active){n.expand(t)}else{n.collapse(t)}};this.setState=function(t){n.state=t;if(n.version===2){n.updateTriggerElement();n.updateDetailsElement();n.updateSummaryElement()}};this.updateDetailsElement=function(){var t=n.detailsElement;if(t){t.state=n.state;t.active=n.active;t.animated=n.animated}};this.updateTriggerElement=function(){var t=n.triggerElement;if(t){t.state=n.state;t.active=n.active}};this.updateSummaryElement=function(){var t=n.summaryElement;if(t){t.state=n.state;t.active=n.active}};this.expand=function(t){if(t===void 0){t=false}n.active=true;var i=n.detailsElement;var e=n.detailsWrapperElement;if(t||i===null||e===null){n.setState(4);return n.active}if(n.state===4){return n.active}if(n.currentRaf!==undefined){cancelAnimationFrame(n.currentRaf)}if(n.shouldAnimate()){l((function(){n.setState(8);n.balWillAnimate.emit(n.active);n.currentRaf=l((function(){return __awaiter(n,void 0,void 0,(function(){var t,n;return __generator(this,(function(a){switch(a.label){case 0:t=e.offsetHeight;n=d(i,300);i.style.setProperty("max-height","".concat(t,"px"));return[4,n];case 1:a.sent();this.setState(4);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{n.balWillAnimate.emit(n.active);n.setState(4);n.balDidAnimate.emit(n.active)}return n.active};this.collapse=function(t){if(t===void 0){t=false}n.active=false;var i=n.detailsElement;if(t||i===null){n.setState(1);return n.active}if(n.state===1){return n.active}if(n.currentRaf!==undefined){cancelAnimationFrame(n.currentRaf)}if(n.shouldAnimate()){n.currentRaf=l((function(){return __awaiter(n,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){t=i.offsetHeight;i.style.setProperty("max-height","".concat(t,"px"));l((function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=d(i,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:e.sent();this.setState(1);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{n.balDidAnimate.emit(n.active);n.setState(1);n.balDidAnimate.emit(n.active)}return n.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return n.animated};this.onTriggerClickV1=function(){n.humanToggle()}}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,h(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=c.block("accordion");return n(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var e=this.active?this.closeIcon:this.openIcon;var r=c.block("accordion");var o=this.state===4||this.state===8;var s=o?"button expanded":"button";var l=o?"content expanded":"content";return n(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("card-v1").class(this.card)),r.modifier("active").class(this.active)),r.modifier("expanding").class(this.state===8)),r.modifier("expanded").class(this.state===4)),r.modifier("collapsing").class(this.state===2)),r.modifier("collapsed").class(this.state===1)),r.modifier("animated").class(this.animated))},n("div",{class:Object.assign({},r.element("wrapper").class())},n("div",{class:Object.assign(Object.assign({},r.element("trigger").class()),r.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},n("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:s,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:e,onClick:this.onTriggerClickV1},i)),n("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:l,class:Object.assign(Object.assign(Object.assign({},r.element("content").class()),r.element("content").modifier("card").class(this.card)),r.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},n("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},r.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},n("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());o([b("bal-accordion"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);var y=0;x.style=w;var j=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var O=t("bal_accordion_details",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-details-".concat(k++);this.state=1;this.active=false;this.animated=true;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("accordion").element("details");var i=t.element("container");var e=i.element("wrapper");var r=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var o=this.state===4||this.state===8;var s=o?"content expanded":"content";return n(a,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:r,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},n("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:"".concat(r,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:s,class:Object.assign({},e.class()),"data-testid":"bal-accordion-details"},n("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-details"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],O.prototype,"createLogger",null);var k=0;O.style=j;var F="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var C=t("bal_accordion_summary",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-summary-".concat(A++);this.trigger=false;this.active=false;this.state=1;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.onKeyDown=function(t){var i;if(v(t)||g(t)){m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var e=this.state===4||this.state===8;var r=e?"button expanded":"button";var o={};if(this.trigger){o={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:r,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return n(a,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},o,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-summary"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],C.prototype,"createLogger",null);var A=0;C.style=F;var M={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}};var z="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";var E=t("bal_accordion_trigger",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-trigger-".concat(D++);this.language=_.language;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.block=c.block("accordion").element("trigger")}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};Object.defineProperty(t.prototype,"realVariant",{get:function(){if(this.button){return"button"}return this.variant},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var e=this.active?this.closeLabel:this.openLabel;var r=false;var o=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){r=this.active;o=this.openIcon||"caret-down"}var s=this.state===4||this.state===8;var c=s?"button expanded":"button";var l=this.parentAccordionSummaryElement;var d={tabindex:-1};if(l&&!l.trigger){d={tabindex:0}}var u=function(i){switch(i.variant){case"button":return t.renderButton(i);case"text":return t.renderText(i);default:return t.renderIcon(i)}};return n(a,{id:i,class:Object.assign({},this.block.class())},n(u,{variant:this.realVariant,id:i,label:e,icon:o,turn:r,expanded:s,buttonPart:c,triggerAttributes:d}))};t.prototype.renderButton=function(t){var i=t.id,e=t.buttonPart,a=t.icon,r=t.turn,o=t.label;return n("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:e,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:r,color:this.color,size:this.size,title:this.active?M[this.language].close:M[this.language].open,"aria-label":this.active?M[this.language].close:M[this.language].open,"aria-expanded":p(this.active),onClick:this.onClick},o)};t.prototype.renderIcon=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,r=t.icon,o=t.id;return n("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":e.tabindex===0}),id:"".concat(o,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":p(this.active),part:i,"data-testid":"bal-accordion-trigger",title:this.active?M[this.language].close:M[this.language].open,"aria-label":this.active?M[this.language].close:M[this.language].open,onClick:this.onClick},e),n("bal-icon",{turn:a,name:r}))};t.prototype.renderText=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,r=t.icon,o=t.id;var s=this.openLabel||M[this.language].open;var c=this.closeLabel||M[this.language].close;return n("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":e.tabindex===0}),id:"".concat(o,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":p(this.active),part:i,"data-testid":"bal-accordion-trigger",onClick:this.onClick},e),this.active?c:s)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-trigger"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],E.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],E.prototype,"configChanged",null);var D=0;E.style=z}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-BT9kotrD.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.a}],execute:function(){t("L",r);function r(){return function(t,r,u){var e=t.connectedCallback,i=t.disconnectedCallback;t.connectedCallback=function(){n.attach(this);return e&&e.call(this)};t.disconnectedCallback=function(){n.detach(this);return i&&i.call(this)}}}}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as a,H as e,g as n}from"./p-BdVwMG9u.js";import{_ as s,a as r}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{m as c,t as d,n as l,f as h}from"./p-Ba5qjFjW.js";import{L as b}from"./p-D7ovid3w.js";import{L as m}from"./p-B-L34nz8.js";import{s as p}from"./p-CpDHeXfo.js";import{a as u,i as g}from"./p-BERg8BNc.js";import{a as v}from"./p-DBsOHTWj.js";import{d as f}from"./p-CBkFUwrD.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const x=class{constructor(a){t(this,a),this.balChange=i(this,"balChange"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.componentId="bal-accordion-"+_++,this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=2,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?c((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=c((async()=>{const t=a.offsetHeight,e=d(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=c((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),c((async()=>{const t=d(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()}}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=l(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await h(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=o.block("accordion");return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,n=o.block("accordion"),s=4===this.state||8===this.state,r=s?"button expanded":"button",c=s?"content expanded":"content";return a(e,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("card-v1").class(this.card)),n.modifier("active").class(this.active)),n.modifier("expanding").class(8===this.state)),n.modifier("expanded").class(4===this.state)),n.modifier("collapsing").class(2===this.state)),n.modifier("collapsed").class(1===this.state)),n.modifier("animated").class(this.animated))},a("div",{class:Object.assign({},n.element("wrapper").class())},a("div",{class:Object.assign(Object.assign({},n.element("trigger").class()),n.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},a("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:r,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),a("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:c,class:Object.assign(Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("card").class(this.card)),n.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},a("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},n.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},a("slot",null)))))}get el(){return n(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};s([b("bal-accordion"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],x.prototype,"createLogger",null),s([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],x.prototype,"configChanged",null);let _=0;x.style=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";const y=class{constructor(i){t(this,i),this.componentId="bal-accordion-details-"+w++,this.state=1,this.active=!1,this.animated=!0,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id}}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=o.block("accordion").element("details"),i=t.element("container").element("wrapper"),n=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,s=4===this.state||8===this.state?"content expanded":"content";return a(e,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:n,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},a("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:`${n}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:s,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},a("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))}get el(){return n(this)}};s([b("bal-accordion-details"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],y.prototype,"createLogger",null);let w=0;y.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(i){t(this,i),this.componentId="bal-accordion-summary-"+k++,this.trigger=!1,this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(u(t)||g(t))&&(p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())}}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=o.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),a(e,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return n(this)}};s([b("bal-accordion-summary"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],j.prototype,"createLogger",null);let k=0;j.style="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";const O={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}},$=class{constructor(i){t(this,i),this.componentId="bal-accordion-trigger-"+C++,this.language=f.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.block=o.block("accordion").element("trigger")}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get realVariant(){return this.button?"button":this.variant}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,i=this.active?this.closeLabel:this.openLabel;let n=!1,s=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(n=this.active,s=this.openIcon||"caret-down");const r=4===this.state||8===this.state,o=r?"button expanded":"button",c=this.parentAccordionSummaryElement;let d={tabindex:-1};return c&&!c.trigger&&(d={tabindex:0}),a(e,{id:t,class:Object.assign({},this.block.class())},a((t=>{switch(t.variant){case"button":return this.renderButton(t);case"text":return this.renderText(t);default:return this.renderIcon(t)}}),{variant:this.realVariant,id:t,label:i,icon:s,turn:n,expanded:r,buttonPart:o,triggerAttributes:d}))}renderButton({id:t,buttonPart:i,icon:e,turn:n,label:s}){return a("bal-button",{id:`${t}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:i,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:e,iconTurn:n,color:this.color,size:this.size,title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,"aria-expanded":v(this.active),onClick:this.onClick},s)}renderIcon({buttonPart:t,triggerAttributes:i,turn:e,icon:n,id:s}){return a("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":0===i.tabindex}),id:`${s}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:t,"data-testid":"bal-accordion-trigger",title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,onClick:this.onClick},i),a("bal-icon",{turn:e,name:n}))}renderText({buttonPart:t,triggerAttributes:i,id:e}){const n=this.openLabel||O[this.language].open,s=this.closeLabel||O[this.language].close;return a("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":0===i.tabindex}),id:`${e}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":v(this.active),part:t,"data-testid":"bal-accordion-trigger",onClick:this.onClick},i),this.active?s:n)}get el(){return n(this)}};s([b("bal-accordion-trigger"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],$.prototype,"createLogger",null),s([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],$.prototype,"configChanged",null);let C=0;$.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";export{x as bal_accordion,y as bal_accordion_details,j as bal_accordion_summary,$ as bal_accordion_trigger}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|