@baloise/ds-core 16.1.0-nightly.20240516 → 16.2.0

package/dist/types/components/bal-date/bal-date.d.ts

@@ -42,7 +42,7 @@ export declare class Date implements ComponentInterface, Loggable, BalAriaFormLi
      */
     readonly: boolean;
     /**
-     * If `true` there will be on trigger icon visible
+     * If `true` there will be no trigger icon visible, so no UX indicator for a picker
      */
     freeSolo: boolean;
     /**
@@ -96,6 +96,10 @@ export declare class Date implements ComponentInterface, Loggable, BalAriaFormLi
      * Callback to determine which date in the datepicker should be selectable.
      */
     allowedDates: BalProps.BalDateCallback | undefined;
+    /**
+     * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+     */
+    allowInvalidValue: boolean;
     /**
      * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
      */

package/dist/types/components/bal-footer/bal-footer.d.ts

@@ -2,6 +2,7 @@ import { FooterLink, SocialMediaLink } from '@baloise/web-app-utils';
 import { BalConfigObserver, BalConfigState, BalLanguage, BalRegion } from '../../utils/config';
 import { Loggable, LogInstance } from '../../utils/log';
 export declare class Footer implements BalConfigObserver, Loggable {
+    private selectEl;
     links: FooterLink[];
     socialMediaLinks: SocialMediaLink[];
     language: BalLanguage;

package/dist/types/components/bal-input/bal-input-date/bal-input-date.d.ts

@@ -83,6 +83,10 @@ export declare class InputDate implements ComponentInterface, Loggable, BalConfi
      * If `true`, in Angular reactive forms the control will not be set invalid
      */
     autoInvalidOff: boolean;
+    /**
+     * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+     */
+    allowInvalidValue: boolean;
     /**
      * Emitted when a keyboard key has pressed.
      */

package/dist/types/components/bal-select/bal-select.d.ts

@@ -50,7 +50,7 @@ export declare class Select implements ComponentInterface, Loggable, BalAriaForm
      */
     balTabindex: number;
     /**
-     * If `true` there will be on trigger icon visible
+     * If `true` there will be no trigger icon visible, so no UX indicator for a popup
      */
     freeSolo: boolean;
     /**

package/dist/types/components.d.ts

@@ -692,6 +692,10 @@ export namespace Components {
         "multiline": boolean;
     }
     interface BalDate {
+        /**
+          * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+         */
+        "allowInvalidValue": boolean;
         /**
           * Callback to determine which date in the datepicker should be selectable.
          */
@@ -722,7 +726,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * If `true` there will be on trigger icon visible
+          * If `true` there will be no trigger icon visible, so no UX indicator for a picker
          */
         "freeSolo": boolean;
         /**
@@ -953,20 +957,6 @@ export namespace Components {
          */
         "space": BalProps.BalDividerSpace;
     }
-    interface BalDocApp {
-        /**
-          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
-         */
-        "animated": boolean;
-        "language"?: string;
-        "logComponents": string;
-        "logCustom": boolean;
-        "logEvents": boolean;
-        "logLifecycle": boolean;
-        "logRender": boolean;
-        "region"?: string;
-        "stickyFooter": boolean;
-    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -1535,6 +1525,10 @@ export namespace Components {
         "value"?: string;
     }
     interface BalInputDate {
+        /**
+          * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+         */
+        "allowInvalidValue": boolean;
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
          */
@@ -2723,7 +2717,7 @@ export namespace Components {
          */
         "filter": BalProps.BalSelectFilter;
         /**
-          * If `true` there will be on trigger icon visible
+          * If `true` there will be no trigger icon visible, so no UX indicator for a popup
          */
         "freeSolo": boolean;
         /**
@@ -3987,12 +3981,6 @@ declare global {
         prototype: HTMLBalDividerElement;
         new (): HTMLBalDividerElement;
     };
-    interface HTMLBalDocAppElement extends Components.BalDocApp, HTMLStencilElement {
-    }
-    var HTMLBalDocAppElement: {
-        prototype: HTMLBalDocAppElement;
-        new (): HTMLBalDocAppElement;
-    };
     interface HTMLBalDropdownElementEventMap {
         "balChange": BalEvents.BalDropdownChangeDetail;
         "balFocus": BalEvents.BalDropdownFocusDetail;
@@ -4943,7 +4931,6 @@ declare global {
         "bal-date-calendar-cell": HTMLBalDateCalendarCellElement;
         "bal-datepicker": HTMLBalDatepickerElement;
         "bal-divider": HTMLBalDividerElement;
-        "bal-doc-app": HTMLBalDocAppElement;
         "bal-dropdown": HTMLBalDropdownElement;
         "bal-field": HTMLBalFieldElement;
         "bal-field-control": HTMLBalFieldControlElement;
@@ -5719,6 +5706,10 @@ declare namespace LocalJSX {
         "onBalFocus"?: (event: BalDataValueCustomEvent<BalEvents.BalDataValueFocusDetail>) => void;
     }
     interface BalDate {
+        /**
+          * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+         */
+        "allowInvalidValue"?: boolean;
         /**
           * Callback to determine which date in the datepicker should be selectable.
          */
@@ -5744,7 +5735,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * If `true` there will be on trigger icon visible
+          * If `true` there will be no trigger icon visible, so no UX indicator for a picker
          */
         "freeSolo"?: boolean;
         /**
@@ -5987,20 +5978,6 @@ declare namespace LocalJSX {
          */
         "space"?: BalProps.BalDividerSpace;
     }
-    interface BalDocApp {
-        /**
-          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
-         */
-        "animated"?: boolean;
-        "language"?: string;
-        "logComponents"?: string;
-        "logCustom"?: boolean;
-        "logEvents"?: boolean;
-        "logLifecycle"?: boolean;
-        "logRender"?: boolean;
-        "region"?: string;
-        "stickyFooter"?: boolean;
-    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -6553,6 +6530,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface BalInputDate {
+        /**
+          * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+         */
+        "allowInvalidValue"?: boolean;
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
          */
@@ -7705,7 +7686,7 @@ declare namespace LocalJSX {
          */
         "filter"?: BalProps.BalSelectFilter;
         /**
-          * If `true` there will be on trigger icon visible
+          * If `true` there will be no trigger icon visible, so no UX indicator for a popup
          */
         "freeSolo"?: boolean;
         /**
@@ -8497,7 +8478,6 @@ declare namespace LocalJSX {
         "bal-date-calendar-cell": BalDateCalendarCell;
         "bal-datepicker": BalDatepicker;
         "bal-divider": BalDivider;
-        "bal-doc-app": BalDocApp;
         "bal-dropdown": BalDropdown;
         "bal-field": BalField;
         "bal-field-control": BalFieldControl;
@@ -8619,7 +8599,6 @@ declare module "@stencil/core" {
             "bal-date-calendar-cell": LocalJSX.BalDateCalendarCell & JSXBase.HTMLAttributes<HTMLBalDateCalendarCellElement>;
             "bal-datepicker": LocalJSX.BalDatepicker & JSXBase.HTMLAttributes<HTMLBalDatepickerElement>;
             "bal-divider": LocalJSX.BalDivider & JSXBase.HTMLAttributes<HTMLBalDividerElement>;
-            "bal-doc-app": LocalJSX.BalDocApp & JSXBase.HTMLAttributes<HTMLBalDocAppElement>;
             "bal-dropdown": LocalJSX.BalDropdown & JSXBase.HTMLAttributes<HTMLBalDropdownElement>;
             "bal-field": LocalJSX.BalField & JSXBase.HTMLAttributes<HTMLBalFieldElement>;
             "bal-field-control": LocalJSX.BalFieldControl & JSXBase.HTMLAttributes<HTMLBalFieldControlElement>;

package/dist/types/index.d.ts

@@ -45,6 +45,7 @@ export { balBreakpoints, balBreakpointSubject, BalBreakpointObserver, BalBreakpo
 export { BalOrientationObserver, BalOrientationInfo, balOrientationSubject, BalOrientationSubject, } from './utils/orientation';
 export { BalSwipeObserver, BalSwipeInfo, BalSwipeSubject } from './utils/swipe';
 export { BalDate } from './utils/date';
+export { INVALID_VALUE } from './utils/mask/mask-util';
 /**
  * Controllers
  */

package/dist/types/utils/mask/__test__/mask-component.mock.d.ts

@@ -1,6 +1,7 @@
 import { MaskComponent } from '../component';
 export declare class MaskComponentMock implements MaskComponent {
     value: string | undefined;
+    allowInvalidValue: boolean;
     inputValue: string | undefined;
     initialValue: string;
     focused: boolean;

package/dist/types/utils/mask/component/mask-component-interfaces.d.ts

@@ -26,6 +26,7 @@ export interface MaskComponentAdapterType {
 }
 export interface MaskComponent {
     value: string | undefined;
+    allowInvalidValue: boolean;
     inputValue: string | undefined;
     initialValue: string;
     focused: boolean;

package/dist/types/utils/mask/context/mask-context.d.ts

@@ -1,9 +1,11 @@
+import { MaskComponent } from '../component';
 import { MaskContextEvent, MaskContextOptions } from './mask-context-interfaces';
 import { MaskPosition } from './mask-position';
 export declare abstract class MaskContext<T = MaskContextEvent> {
     protected _options: MaskContextOptions<T>;
     private _value;
     position: MaskPosition;
+    component: MaskComponent;
     constructor(_options: MaskContextOptions<T>);
     get target(): HTMLInputElement | undefined;
     get value(): string;

package/dist/types/utils/mask/mask-util.d.ts

@@ -0,0 +1 @@
+export declare const INVALID_VALUE = "INVALID_VALUE";

package/dist/types/utils/mask/mask.d.ts

@@ -23,7 +23,9 @@ export declare abstract class AbstractMask implements Mask {
     onBackspaceDown(context: MaskKeyboardContext, block: MaskBlock, index: number): void;
     onDeleteDown(context: MaskKeyboardContext, block: MaskBlock, index: number): void;
     onValueChanged(context: MaskValueChangedContext): void;
-    onParseValue(inputValue?: string): string;
+    onParseValue(inputValue?: string, options?: {
+        allowInvalidValue: boolean;
+    }): string;
     onFormatValue(rawValue?: string): string;
     /**
      * UTILS

package/dist/types/utils/mask/types/mask-date.d.ts

@@ -9,7 +9,9 @@ export declare class DateMask extends AbstractMask {
     private monthMask;
     private yearMask;
     constructor();
-    onParseValue(inputValue?: string): string;
+    onParseValue(inputValue?: string, options?: {
+        allowInvalidValue: boolean;
+    }): string;
     onFormatValue(isoDate?: string): string;
     onPaste(context: MaskClipboardContext, _block: MaskBlock, _index: number): void;
     onBlur(context: MaskFocusContext): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "16.1.0-nightly.20240516",
+  "version": "16.2.0",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -28,8 +28,8 @@
     "bubu": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "16.1.0-nightly.20240516",
-    "@baloise/ds-icons": "16.1.0-nightly.20240516",
+    "@baloise/ds-styles": "16.2.0",
+    "@baloise/ds-icons": "16.2.0",
     "@baloise/web-app-utils": "3.11.2",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -54,10 +54,10 @@
     "@baloise/output-target-react": "0.0.0",
     "@baloise/output-target-vue": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-css": "16.1.0-nightly.20240516",
-    "@baloise/ds-maps": "16.1.0-nightly.20240516",
-    "@baloise/ds-brand-icons": "16.1.0-nightly.20240516",
-    "@baloise/ds-favicons": "16.1.0-nightly.20240516"
+    "@baloise/ds-css": "16.2.0",
+    "@baloise/ds-maps": "16.2.0",
+    "@baloise/ds-brand-icons": "16.2.0",
+    "@baloise/ds-favicons": "16.2.0"
   },
   "sideEffects": false
 }

package/components/bal-app2.js

@@ -1,87 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { b as balBrowser } from './browser.js';
-import { b as balDevice } from './device.js';
-import { h as debounce, k as rIC } from './helpers.js';
-import { L as Logger } from './log.js';
-import { s as startFocusVisible } from './focus-visible.js';
-import { b as updateBalAnimated } from './config.utils.js';
-
-const balAppCss = ":root{--bal-app-height:100%}.bal-app{position:relative;display:block}";
-const BalAppStyle0 = balAppCss;
-
-const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.debouncedNotify = debounce(() => this.notifyResize(), 100);
-        this.notifyResize = async () => {
-            if (balBrowser.hasDocument && balBrowser.hasWindow) {
-                const doc = document.documentElement;
-                doc.style.setProperty('--bal-app-height', `${window.innerHeight}px`);
-            }
-        };
-        this.animated = true;
-        this.ready = false;
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    connectedCallback() {
-        updateBalAnimated(this.animated);
-        if (balBrowser.hasWindow) {
-            window.addEventListener('resize', this.debouncedNotify);
-            this.debouncedNotify();
-        }
-    }
-    componentDidLoad() {
-        rIC(async () => {
-            this.ready = true;
-            startFocusVisible();
-        });
-    }
-    disconnectedCallback() {
-        if (balBrowser.hasWindow) {
-            window.removeEventListener('resize', this.debouncedNotify);
-        }
-    }
-    async setFocus(elements) {
-        if (this.focusVisible) {
-            this.focusVisible.setFocus(elements);
-        }
-    }
-    render() {
-        return (h(Host, { class: {
-                'bal-app': true,
-                'bal-app--safari': balBrowser.isSafari,
-                'bal-app--touch': balDevice.hasTouchScreen,
-            } }, h("slot", null)));
-    }
-    get el() { return this; }
-    static get style() { return BalAppStyle0; }
-}, [4, "bal-app", {
-        "animated": [516],
-        "ready": [1540],
-        "setFocus": [64]
-    }]);
-__decorate([
-    Logger('bal-app'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], App.prototype, "createLogger", null);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["bal-app"];
-    components.forEach(tagName => { switch (tagName) {
-        case "bal-app":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, App);
-            }
-            break;
-    } });
-}
-
-export { App as A, defineCustomElement as d };

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

@@ -1,11 +0,0 @@
-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;