@baloise/ds-core 19.2.0 → 19.3.0-nightly.20250630

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

@@ -1,18 +1,24 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const bem = require('./bem-81bc6a2d.js');
+var index = require('./index-D4vG8k57.js');
+var bem = require('./bem-p0PWVN8n.js');
 
 const balInputGroupCss = ".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";
-const BalInputGroupStyle0 = balInputGroupCss;
 
 const InputGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * If `true` the component gets a invalid style.
+         */
         this.invalid = 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;
     }
     render() {
@@ -25,6 +31,6 @@ const InputGroup = class {
     }
     get el() { return index.getElement(this); }
 };
-InputGroup.style = BalInputGroupStyle0;
+InputGroup.style = balInputGroupCss;
 
 exports.bal_input_group = InputGroup;

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

@@ -1,32 +1,80 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const index$1 = require('./index-e6a233be.js');
-const helpers = require('./helpers-debb881a.js');
-const formInput = require('./form-input-e9974433.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-D4vG8k57.js');
+var index$1 = require('./index-BZ67Dcnb.js');
+var formInput = require('./form-input-B660-bjw.js');
+var bem = require('./bem-p0PWVN8n.js');
+var form = require('./form-BSlIiqcR.js');
+var aria = require('./aria-BzkqcV7W.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 const balInputSliderCss = ".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";
-const BalInputSliderStyle0 = balInputSliderCss;
 
 const InputSlider = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        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", 7);
+        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.balChange = index.createEvent(this, "balChange");
         this.inputId = `bal-input-slider-${inputSliderIds++}`;
         this.didInit = false;
         this.hasFocus = false;
         this.initialValue = '';
+        this.ariaForm = form.defaultBalAriaForm;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * The step size. 0 means no steps.
+         */
+        this.step = 0;
+        /**
+         * Min value of the model.
+         */
+        this.min = 0;
+        /**
+         * Max value of the model.
+         */
+        this.max = 100;
+        /**
+         * If `true` the component gets a invalid style.
+         */
+        this.invalid = false;
+        /**
+         * The tabindex of the control.
+         */
+        this.balTabindex = 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`, small ticks for the steps are shown.
+         */
+        this.hasTicks = 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 = '';
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         this.onInput = (ev) => {
             const input = ev.target;
             if (input) {
@@ -49,23 +97,9 @@ const InputSlider = class {
             this.balBlur.emit(ev);
             this.balChange.emit(this.value);
         };
-        this.ariaForm = form.defaultBalAriaForm;
-        this.name = this.inputId;
-        this.step = 0;
-        this.min = 0;
-        this.max = 100;
-        this.invalid = false;
-        this.balTabindex = 0;
-        this.disabled = false;
-        this.readonly = false;
-        this.required = false;
-        this.hasTicks = false;
-        this.debounce = 0;
-        this.value = '';
-        this.autoInvalidOff = false;
     }
     debounceChanged() {
-        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
+        this.balChange = index.debounceEvent(this.balChange, this.debounce);
     }
     listenOnClick(ev) {
         if ((this.disabled || this.readonly) && ev.target && ev.target === this.el) {
@@ -98,7 +132,7 @@ const InputSlider = class {
     }
     componentDidLoad() {
         this.didInit = true;
-        if (!index$1.lodash_isnil(this.value) && this.value !== '') {
+        if (!index$1.isNil(this.value) && this.value !== '') {
             this.valueChanged(this.value, undefined);
         }
     }
@@ -175,6 +209,6 @@ const InputSlider = class {
     }; }
 };
 let inputSliderIds = 0;
-InputSlider.style = BalInputSliderStyle0;
+InputSlider.style = balInputSliderCss;
 
 exports.bal_input_slider = InputSlider;