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

package/components/bal-checkbox2.js

@@ -4,7 +4,7 @@ import { s as stopEventBubbling, i as inputSetFocus, a as inputSetBlur } from '.
 import { i as isDescendant } from './helpers.js';
 import { i as inheritAttributes } from './attributes.js';
 import { B as BEM } from './bem.js';
-import { i as isSpaceKey } from './index.esm.js';
+import { a as isSpaceKey } from './index.esm.js';
 import { L as Logger } from './log.js';
 import { F as FOCUS_KEYS } from './focus-visible.js';
 import { d as defaultBalAriaForm } from './form.js';
@@ -45,6 +45,9 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
             if (element.href) {
                 return;
             }
+            if (this.wasFocused) {
+                this.focused = true;
+            }
             if (element.nodeName !== 'INPUT' && !this.disabled && !this.readonly) {
                 this.toggleChecked();
                 (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.focus();
@@ -62,6 +65,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
             this.balFocus.emit(ev);
             if (this.keyboardMode) {
                 this.focused = true;
+                this.wasFocused = true;
             }
         };
         this.onBlur = (ev) => {
@@ -72,11 +76,17 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
             this.focused = false;
         };
         this.onPointerDown = () => (this.keyboardMode = false);
-        this.onKeydown = (ev) => (this.keyboardMode = FOCUS_KEYS.includes(ev.key));
+        this.onKeydown = (ev) => {
+            if (!isSpaceKey(ev)) {
+                this.wasFocused = false;
+            }
+            this.keyboardMode = FOCUS_KEYS.includes(ev.key);
+        };
         this.hasLabel = true;
         this.focused = false;
         this.buttonTabindex = undefined;
         this.ariaForm = defaultBalAriaForm;
+        this.wasFocused = false;
         this.name = this.inputId;
         this.label = '';
         this.invisible = false;
@@ -291,6 +301,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
         "focused": [32],
         "buttonTabindex": [32],
         "ariaForm": [32],
+        "wasFocused": [32],
         "setFocus": [64],
         "setBlur": [64],
         "getInputElement": [64],

package/components/bal-close2.js

@@ -1,6 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { i as inheritAttributes } from './attributes.js';
 import { B as BEM } from './bem.js';
 import { i as i18nBalClose } from './bal-close.i18n.js';
 import { d as defineCustomElement$1 } from './bal-icon2.js';
@@ -14,15 +13,11 @@ const Close = /*@__PURE__*/ proxyCustomElement(class Close extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.inheritedAttributes = {};
         this.language = defaultConfig.language;
         this.region = defaultConfig.region;
         this.size = '';
         this.inverted = false;
     }
-    componentWillRender() {
-        this.inheritedAttributes = inheritAttributes(this.el, ['tabindex']);
-    }
     /**
      * @internal define config for the component
      */
@@ -35,7 +30,7 @@ const Close = /*@__PURE__*/ proxyCustomElement(class Close extends HTMLElement {
         const buttonEl = blockEl.element('button');
         const iconEl = buttonEl.element('icon');
         const label = i18nBalClose[this.language].close;
-        return (h(Host, { class: Object.assign({}, blockEl.class()) }, 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), 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 (h(Host, { class: Object.assign({}, blockEl.class()) }, 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" }, 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 this; }
     static get style() { return BalCloseStyle0; }

package/components/bal-content.js

@@ -1,72 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { B as BEM } from './bem.js';
-import { L as Logger } from './log.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-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 = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.layout = 'vertical';
-        this.align = 'start';
-        this.space = 'xx-small';
-        this.direction = '';
-        this.alignment = '';
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render() {
-        const block = 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 (h(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)) }, h("slot", null)));
-    }
-    static get style() { return BalContentStyle0; }
-}, [4, "bal-content", {
-        "layout": [1],
-        "align": [1],
-        "space": [1],
-        "direction": [1],
-        "alignment": [1]
-    }]);
-__decorate([
-    Logger('bal-content'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], Content.prototype, "createLogger", null);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["bal-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "bal-content":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Content);
-            }
-            break;
-    } });
-}
+import { C as Content, d as defineCustomElement$1 } from './bal-content2.js';
 
 const BalContent = Content;
 const defineCustomElement = defineCustomElement$1;

package/{dist/esm/bal-content.entry.js → components/bal-content2.js}

@@ -1,15 +1,15 @@
-import { r as registerInstance, h, H as Host } from './index-b6003bc7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import './browser-a8073d92.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { _ as __decorate, a as __metadata } from './tslib.es6.js';
+import { B as BEM } from './bem.js';
+import { L as Logger } from './log.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-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 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) {
-        registerInstance(this, hostRef);
+const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
         this.layout = 'vertical';
         this.align = 'start';
         this.space = 'xx-small';
@@ -40,13 +40,32 @@ const Content = class {
         }
         return (h(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)) }, h("slot", null)));
     }
-};
+    static get style() { return BalContentStyle0; }
+}, [4, "bal-content", {
+        "layout": [1],
+        "align": [1],
+        "space": [1],
+        "direction": [1],
+        "alignment": [1]
+    }]);
 __decorate([
     Logger('bal-content'),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], Content.prototype, "createLogger", null);
-Content.style = BalContentStyle0;
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bal-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bal-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Content);
+            }
+            break;
+    } });
+}
 
-export { Content as bal_content };
+export { Content as C, defineCustomElement as d };

package/components/bal-date.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { i as isSpaceKey } from './index.esm.js';
+import { a as isSpaceKey } from './index.esm.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm.js';
 import { i as i18nBalDate } from './bal-date.i18n.js';
 import { B as BEM } from './bem.js';

package/components/bal-datepicker.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { k as rIC, m as debounceEvent } from './helpers.js';
 import { i as inheritAttributes } from './attributes.js';
-import { r as requiredArgs, t as toDate, b as toInteger, g as getDefaultOptions, p as parse, f as formatDateString, c as isValidIsoString, e as format, i as isSpaceKey, h as isEnterKey, d as dateSeparator, j as getYear, n as now, k as getMonth, m as getDate } from './index.esm.js';
+import { r as requiredArgs, t as toDate, c as toInteger, g as getDefaultOptions, p as parse, f as formatDateString, e as isValidIsoString, h as format, a as isSpaceKey, i as isEnterKey, d as dateSeparator, j as getYear, n as now, k as getMonth, m as getDate } from './index.esm.js';
 import { l as lodash_isnil } from './index2.js';
 import { N as NUMBER_KEYS, A as ACTION_KEYS, i as isCtrlOrCommandKey } from './keys.constant.js';
 import { i as i18nBalDatepicker } from './bal-datepicker.i18n.js';

package/components/bal-doc-app.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BalDocApp extends Components.BalDocApp, HTMLElement {}
+export const BalDocApp: {
+    prototype: BalDocApp;
+    new (): BalDocApp;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;