@baloise/ds-core 16.3.0 → 16.4.0-nightly.20240917

package/dist/cjs/bal-close.cjs.entry.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const attributes = require('./attributes-9f366716.js');
 const bem = require('./bem-81bc6a2d.js');
 const balClose_i18n = require('./bal-close.i18n-56dddd35.js');
 const config_default = require('./config.default-5bdd6e3d.js');
@@ -20,15 +19,11 @@ const BalCloseStyle0 = balCloseCss;
 const Close = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.inheritedAttributes = {};
         this.language = config_default.defaultConfig.language;
         this.region = config_default.defaultConfig.region;
         this.size = '';
         this.inverted = false;
     }
-    componentWillRender() {
-        this.inheritedAttributes = attributes.inheritAttributes(this.el, ['tabindex']);
-    }
     /**
      * @internal define config for the component
      */
@@ -41,7 +36,7 @@ const Close = class {
         const buttonEl = blockEl.element('button');
         const iconEl = buttonEl.element('icon');
         const label = balClose_i18n.i18nBalClose[this.language].close;
-        return (index.h(index.Host, { class: Object.assign({}, blockEl.class()) }, index.h("button", Object.assign({ type: "button", "aria-label": label, title: label, tabindex: -1, class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, this.inheritedAttributes), index.h("bal-icon", { name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
+        return (index.h(index.Host, { class: Object.assign({}, blockEl.class()) }, index.h("button", { type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, index.h("bal-icon", { name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{bal-label.cjs.entry.js → bal-content_2.cjs.entry.js}

@@ -14,17 +14,62 @@ require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 
+const balContentCss = ".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";
+const BalContentStyle0 = balContentCss;
+
+const Content = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.layout = 'vertical';
+        this.align = 'start';
+        this.space = 'xx-small';
+        this.direction = '';
+        this.alignment = '';
+    }
+    createLogger(log) {
+        this.log = log;
+    }
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render() {
+        const block = bem.BEM.block('content');
+        const direction = !!this.direction;
+        const layout = !!this.layout;
+        const alignment = !!this.alignment;
+        const align = !!this.align;
+        const space = !!this.space;
+        let layoutValue = this.layout;
+        if (direction) {
+            layoutValue = this.direction === 'row' ? 'horizontal' : 'vertical';
+        }
+        let alignValue = this.align.split(' ').join('-');
+        if (alignment) {
+            alignValue = this.alignment.split(' ').join('-');
+        }
+        return (index.h(index.Host, { class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)) }, index.h("slot", null)));
+    }
+};
+tslib_es6.__decorate([
+    log.Logger('bal-content'),
+    tslib_es6.__metadata("design:type", Function),
+    tslib_es6.__metadata("design:paramtypes", [Function]),
+    tslib_es6.__metadata("design:returntype", void 0)
+], Content.prototype, "createLogger", null);
+Content.style = BalContentStyle0;
+
 const balLabelCss = ".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";
 const BalLabelStyle0 = balLabelCss;
 
 const Label = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.inputId = `bal-lbl-${labelIds++}`;
         this.language = config_default.defaultConfig.language;
         this.region = config_default.defaultConfig.region;
         this.ariaForm = form.defaultBalAriaForm;
         this.htmlFor = undefined;
+        this.htmlId = `bal-lbl-${labelIds++}`;
         this.required = true;
         this.noWrap = false;
         this.multiline = false;
@@ -77,7 +122,7 @@ const Label = class {
         const xLarge = this.size === 'x-large';
         const xxLarge = this.size === 'xx-large';
         const xxxLarge = this.size === 'xxx-large';
-        const id = this.ariaForm.labelId || this.inputId;
+        const id = this.ariaForm.labelId || this.htmlId;
         const htmlFor = this.htmlFor || this.ariaForm.controlId;
         return (index.h(index.Host, { class: Object.assign({}, block.class()) }, index.h("label", { id: id, htmlFor: htmlFor, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('multiline').class(this.multiline)), block.element('native').modifier('no-wrap').class(this.noWrap)), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('danger').class(danger)), block.element('native').modifier('success').class(success)), block.element('native').modifier('regular').class(regular)), block.element('native').modifier('small').class(small)), block.element('native').modifier('large').class(large)), block.element('native').modifier('x-large').class(xLarge)), block.element('native').modifier('xx-large').class(xxLarge)), block.element('native').modifier('xxx-large').class(xxxLarge)), block.element('native').modifier('hovered').class(this.hovered)), block.element('native').modifier('pressed').class(this.pressed)) }, index.h("slot", null), suffix)));
     }
@@ -98,4 +143,5 @@ tslib_es6.__decorate([
 let labelIds = 0;
 Label.style = BalLabelStyle0;
 
+exports.bal_content = Content;
 exports.bal_label = Label;

package/dist/cjs/bal-date-calendar_2.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const index_esm = require('./index.esm-4587dbf0.js');
+const index_esm = require('./index.esm-54a3d84e.js');
 const index = require('./index-e6a233be.js');
-const date = require('./date-3e33b208.js');
+const date = require('./date-20be7524.js');
 const log = require('./log-33398c2a.js');
 const helpers = require('./helpers-2a8c8333.js');
 const bem = require('./bem-81bc6a2d.js');

package/dist/cjs/bal-date.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const index_esm = require('./index.esm-4587dbf0.js');
+const index_esm = require('./index.esm-54a3d84e.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-5dbdcff9.js');
-const date = require('./date-3e33b208.js');
+const date = require('./date-20be7524.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const attributes = require('./attributes-9f366716.js');

package/dist/cjs/bal-datepicker.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const helpers = require('./helpers-2a8c8333.js');
 const attributes = require('./attributes-9f366716.js');
-const index_esm = require('./index.esm-4587dbf0.js');
+const index_esm = require('./index.esm-54a3d84e.js');
 const index$1 = require('./index-e6a233be.js');
 const keys_constant = require('./keys.constant-b53da545.js');
 const balDatepicker_i18n = require('./bal-datepicker.i18n-8c3dd510.js');
@@ -16,16 +16,16 @@ const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const form = require('./form-2279fb2f.js');
 const config_default = require('./config.default-5bdd6e3d.js');
-const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
+const breakpoints_subject = require('./breakpoints.subject-ae73ae55.js');
 const config_utils = require('./config.utils-e4cd49d6.js');
-const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
+const breakpoints_decorator = require('./breakpoints.decorator-77a3b464.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-dc93a5d7.js');
+require('./tokens.esm-15025c39.js');
 
 /**
  * @name addDays