@baloise/ds-core 19.3.0 → 19.4.0

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

@@ -1,32 +1,76 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const formInput = require('./form-input-e9974433.js');
-const helpers = require('./helpers-debb881a.js');
-const attributes = require('./attributes-11acd153.js');
-const bem = require('./bem-81bc6a2d.js');
-const form = require('./form-17c98ac2.js');
-const aria = require('./aria-7672033f.js');
-require('./browser-1d542d0f.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-COfbtsc7.js');
+var formInput = require('./form-input-BUGd2Bkz.js');
+var attributes = require('./attributes-Cp0kpySW.js');
+var bem = require('./bem-p0PWVN8n.js');
+var form = require('./form-BSlIiqcR.js');
+var aria = require('./aria-BzkqcV7W.js');
 
 const balTextareaCss = ".bal-textarea{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";
-const BalTextareaStyle0 = balTextareaCss;
 
 const Textarea = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.balChange = index.createEvent(this, "balChange", 7);
-        this.balInput = index.createEvent(this, "balInput", 7);
-        this.balBlur = index.createEvent(this, "balBlur", 7);
-        this.balKeyPress = index.createEvent(this, "balKeyPress", 7);
-        this.balFocus = index.createEvent(this, "balFocus", 7);
+        this.balChange = index.createEvent(this, "balChange");
+        this.balInput = index.createEvent(this, "balInput");
+        this.balBlur = index.createEvent(this, "balBlur");
+        this.balKeyPress = index.createEvent(this, "balKeyPress");
+        this.balFocus = index.createEvent(this, "balFocus");
         this.inputId = `bal-textarea-${TextareaIds++}`;
         this.inheritedAttributes = {};
         this.inputValue = this.value;
         this.initialValue = this.value || '';
+        this.focused = false;
+        this.ariaForm = form.defaultBalAriaForm;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true` the component gets a invalid style.
+         */
+        this.invalid = false;
+        /**
+         * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
+         */
+        this.autocapitalize = 'none';
+        /**
+         * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        this.autocomplete = 'off';
+        /**
+         * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+         */
+        this.autofocus = false;
+        /**
+         * 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`.
+         */
+        this.debounce = 0;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        this.disabled = false;
+        /**
+         * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        this.readonly = false;
+        /**
+         * If `true`, the user must fill in a value before submitting a form.
+         */
+        this.required = false;
+        /**
+         * If `true` the input gets a clickable cursor style
+         */
+        this.clickable = false;
+        /**
+         * The value of the textarea.
+         */
+        this.value = '';
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         this.onInput = (ev) => {
             const input = formInput.getInputTarget(ev);
             if (input) {
@@ -45,30 +89,9 @@ const Textarea = class {
         };
         this.onClick = (ev) => formInput.inputHandleClick(this, ev);
         this.handleClick = (ev) => formInput.inputHandleHostClick(this, ev);
-        this.focused = false;
-        this.ariaForm = form.defaultBalAriaForm;
-        this.name = this.inputId;
-        this.invalid = false;
-        this.autocapitalize = 'none';
-        this.autocomplete = 'off';
-        this.autofocus = false;
-        this.debounce = 0;
-        this.placeholder = undefined;
-        this.maxLength = undefined;
-        this.minLength = undefined;
-        this.disabled = false;
-        this.readonly = false;
-        this.cols = undefined;
-        this.rows = undefined;
-        this.wrap = undefined;
-        this.required = false;
-        this.clickable = false;
-        this.inputmode = undefined;
-        this.value = '';
-        this.autoInvalidOff = false;
     }
     debounceChanged() {
-        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
+        this.balChange = index.debounceEvent(this.balChange, this.debounce);
     }
     listenOnClick(ev) {
         formInput.inputListenOnClick(this, ev);
@@ -131,6 +154,6 @@ const Textarea = class {
     }; }
 };
 let TextareaIds = 0;
-Textarea.style = BalTextareaStyle0;
+Textarea.style = balTextareaCss;
 
 exports.bal_textarea = Textarea;

package/dist/cjs/bal-time-input.cjs.entry.js

@@ -1,40 +1,69 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const tslib_es6 = require('./tslib.es6-a680968e.js');
-const index$1 = require('./index-e6a233be.js');
-const formInput = require('./form-input-e9974433.js');
-const helpers = require('./helpers-debb881a.js');
-const attributes = require('./attributes-11acd153.js');
-const keys_constant = require('./keys.constant-b53da545.js');
-const bem = require('./bem-81bc6a2d.js');
-const balTimeInput_i18n = require('./bal-time-input.i18n-b2bb9182.js');
-const form = require('./form-17c98ac2.js');
-const log = require('./log-33398c2a.js');
-const aria = require('./aria-7672033f.js');
-const config_default = require('./config.default-7e96eb95.js');
-const config_decorator = require('./config.decorator-de244188.js');
-require('./browser-1d542d0f.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-COfbtsc7.js');
+var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var index$1 = require('./index-BZ67Dcnb.js');
+var config_decorator = require('./config.decorator-CDkNZ1Fo.js');
+var formInput = require('./form-input-BUGd2Bkz.js');
+var attributes = require('./attributes-Cp0kpySW.js');
+var keys_constant = require('./keys.constant-LnwxHAZo.js');
+var bem = require('./bem-p0PWVN8n.js');
+var balTimeInput_i18n = require('./bal-time-input.i18n-Bfr3EMVD.js');
+var form = require('./form-BSlIiqcR.js');
+var aria = require('./aria-BzkqcV7W.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 const balTimeInputCss = ":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";
-const BalTimeInputStyle0 = balTimeInputCss;
 
 const TimeInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.balInput = index.createEvent(this, "balInput", 7);
-        this.balChange = index.createEvent(this, "balChange", 7);
-        this.balBlur = index.createEvent(this, "balBlur", 7);
-        this.balFocus = index.createEvent(this, "balFocus", 7);
-        this.balKeyPress = index.createEvent(this, "balKeyPress", 7);
-        this.balClick = index.createEvent(this, "balClick", 7);
+        this.balInput = index.createEvent(this, "balInput");
+        this.balChange = index.createEvent(this, "balChange");
+        this.balBlur = index.createEvent(this, "balBlur");
+        this.balFocus = index.createEvent(this, "balFocus");
+        this.balKeyPress = index.createEvent(this, "balKeyPress");
+        this.balClick = index.createEvent(this, "balClick");
         this.inputId = `bal-time-input-${timeInputIds++}`;
         this.inheritedAttributes = {};
         this.inputValue = this.value;
         this.initialValue = '';
+        this.focused = false;
+        this.language = index.defaultConfig.language;
+        this.region = index.defaultConfig.region;
+        this.ariaForm = form.defaultBalAriaForm;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true` the component gets a invalid style.
+         */
+        this.invalid = false;
+        /**
+         * If `true`, the user must fill in a value before submitting a form.
+         */
+        this.required = false;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        this.disabled = false;
+        /**
+         * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        this.readonly = false;
+        /**
+         * Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+         */
+        this.debounce = 0;
+        /**
+         * The value of the input.
+         */
+        this.value = undefined;
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         this.onInput = (ev) => {
             const input = formInput.getInputTarget(ev);
             if (input) {
@@ -54,30 +83,18 @@ const TimeInput = class {
             }
         };
         this.onKeydown = (ev) => {
-            if (!index$1.lodash_isnil(ev) && !keys_constant.isCtrlOrCommandKey(ev)) {
+            if (!index$1.isNil(ev) && !keys_constant.isCtrlOrCommandKey(ev)) {
                 if (!this.getAllowedKeys().includes(ev.key)) {
                     return formInput.stopEventBubbling(ev);
                 }
             }
         };
-        this.focused = false;
-        this.language = config_default.defaultConfig.language;
-        this.region = config_default.defaultConfig.region;
-        this.ariaForm = form.defaultBalAriaForm;
-        this.name = this.inputId;
-        this.invalid = false;
-        this.required = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.debounce = 0;
-        this.value = undefined;
-        this.autoInvalidOff = false;
     }
     createLogger(log) {
         this.log = log;
     }
     debounceChanged() {
-        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
+        this.balChange = index.debounceEvent(this.balChange, this.debounce);
     }
     listenOnClick(ev) {
         formInput.inputListenOnClick(this, ev);
@@ -157,7 +174,7 @@ const TimeInput = class {
     }; }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-time-input'),
+    index.Logger('bal-time-input'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -169,6 +186,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", Promise)
 ], TimeInput.prototype, "configChanged", null);
 let timeInputIds = 0;
-TimeInput.style = BalTimeInputStyle0;
+TimeInput.style = balTimeInputCss;
 
 exports.bal_time_input = TimeInput;

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

@@ -1,16 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const tslib_es6 = require('./tslib.es6-a680968e.js');
-const log = require('./log-33398c2a.js');
-const bem = require('./bem-81bc6a2d.js');
-const browser = require('./browser-1d542d0f.js');
-const device = require('./device-9f97a845.js');
-const floatingUi = require('./floating-ui-4a4a1aed.js');
-require('./helpers-debb881a.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-COfbtsc7.js');
+var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var bem = require('./bem-p0PWVN8n.js');
+var device = require('./device-CoI0V6AY.js');
+var floatingUi = require('./floating-ui-BEMfzblh.js');
 
 const showContainerElement = (containerEl) => {
     if (containerEl) {
@@ -51,20 +45,37 @@ const hideElement = (element) => {
 };
 
 const balTooltipCss = ":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";
-const BalTooltipStyle0 = balTooltipCss;
 
 const Tooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.balWillAnimate = index.createEvent(this, "balWillAnimate", 7);
-        this.balDidAnimate = index.createEvent(this, "balDidAnimate", 7);
+        this.balWillAnimate = index.createEvent(this, "balWillAnimate");
+        this.balDidAnimate = index.createEvent(this, "balDidAnimate");
         this.tooltipId = `bal-to-${tooltipIds++}`;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * Id of the reference element default is the trigger element.
+         */
         this.reference = '';
+        /**
+         * If set it turns a tooltip into a fullscreen or a drawer on touch devices
+         */
         this.placement = 'bottom';
+        /**
+         * Offset form trigger to tooltip.
+         */
         this.offset = 0;
+        /**
+         * @internal
+         */
         this.demo = false;
+        /**
+         * Internal active state
+         */
         this.presented = false;
-        this.contentWidth = undefined;
     }
     createLogger(log) {
         this.log = log;
@@ -120,7 +131,7 @@ const Tooltip = class {
     async present() {
         //
         // identify trigger element or the the closest trigger available
-        if (!this.trigger && browser.balBrowser.hasDocument) {
+        if (!this.trigger && index.balBrowser.hasDocument) {
             const firstTrigger = Array.from(document.querySelectorAll(`[id="${this.reference}"]`))[0];
             this.trigger = firstTrigger;
         }
@@ -181,7 +192,7 @@ const Tooltip = class {
         if (this.trigger && this.containerEl && this.arrowEl) {
             this.balWillAnimate.emit();
             let isInFrame = false;
-            if (browser.balBrowser.hasWindow) {
+            if (index.balBrowser.hasWindow) {
                 isInFrame = !!window.frameElement;
             }
             const lib = await floatingUi.balFloatingUi.load();
@@ -219,7 +230,7 @@ const Tooltip = class {
                         top: y != null && arrowPosition.y != null ? `${arrowPosition.y}px` : '',
                         right: '',
                         bottom: '',
-                        [staticSide]: `${-4}px`,
+                        [staticSide]: `${ -4}px`,
                     });
                 }
             });
@@ -253,12 +264,12 @@ const Tooltip = class {
     }; }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-tooltip'),
+    index.Logger('bal-tooltip'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], Tooltip.prototype, "createLogger", null);
 let tooltipIds = 0;
-Tooltip.style = BalTooltipStyle0;
+Tooltip.style = balTooltipCss;
 
 exports.bal_tooltip = Tooltip;