@softheon/armature 10.44.1 → 10.45.1

package/bundles/softheon-armature.umd.js

@@ -2519,6 +2519,106 @@
         blockPaste: [{ type: i0.HostListener, args: ['paste', ['$event'],] }]
     };
 
+    var InputTrimDirective = /** @class */ (function () {
+        /**
+         * Constructs the directive
+         * @param renderer The renderer
+         * @param ElementRef The elementRef
+         * @param compositionMode The composition mode
+         */
+        function InputTrimDirective(renderer, elementRef, compositionMode) {
+            this.onChange = function (_) { };
+            this.onTouched = function () { };
+            this._sourceRenderer = renderer;
+            this._sourceElementRef = elementRef;
+        }
+        Object.defineProperty(InputTrimDirective.prototype, "_type", {
+            get: function () {
+                return this._sourceElementRef.nativeElement.type || "text";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * Updates the value on the blur event.
+         */
+        InputTrimDirective.prototype.onBlur = function (event, value) {
+            this.updateValue(event, value.trim());
+            this.onTouched();
+        };
+        /**
+         * Updates the value on the input event.
+         */
+        InputTrimDirective.prototype.onInput = function (event, value) {
+            this.updateValue(event, value);
+        };
+        InputTrimDirective.prototype.registerOnChange = function (fn) { this.onChange = fn; };
+        InputTrimDirective.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
+        /**
+         * Writes a new value to the element based on the type of input element.
+         * @param value new value
+         */
+        InputTrimDirective.prototype.writeValue = function (value) {
+            this._value = value === "" ? "" : value || null;
+            this._sourceRenderer.setProperty(this._sourceElementRef.nativeElement, "value", this._value);
+            if (this._type !== "text") {
+                this._sourceRenderer.setAttribute(this._sourceElementRef.nativeElement, "value", this._value);
+            }
+        };
+        /**
+         * Sets state disabled.
+         * @param isDisabled boolean value for state
+         */
+        InputTrimDirective.prototype.setDisabledState = function (isDisabled) {
+            this._sourceRenderer.setProperty(this._sourceElementRef.nativeElement, 'disabled', isDisabled);
+        };
+        /**
+         * Writes the cursor position
+         * @param cursorPosition the cursor current position
+         * @param hasTypedSymbol
+         */
+        InputTrimDirective.prototype.setCursorPointer = function (cursorPosition, hasTypedSymbol) {
+            if (hasTypedSymbol && ["text", "search", "url", "tel", "password"].indexOf(this._type) >= 0) {
+                this._sourceElementRef.nativeElement.setSelectionRange(cursorPosition, cursorPosition);
+            }
+        };
+        /**
+         * Trims an input value, and sets it to the model and element.
+         * @param value input value
+         * @param event input event
+         */
+        InputTrimDirective.prototype.updateValue = function (event, value) {
+            if (this._value == value) {
+                value = this.trim !== "" && event !== this.trim ? value : value.trim();
+            }
+            var previous = this._value;
+            var cursorPosition = this._sourceElementRef.nativeElement.selectionStart;
+            this.writeValue(value);
+            if ((this._value || previous) && this._value.trim() !== previous) {
+                this.onChange(this._value);
+            }
+            var hasTypedSymbol = value && previous && value !== previous;
+            this.setCursorPointer(cursorPosition, hasTypedSymbol);
+        };
+        return InputTrimDirective;
+    }());
+    InputTrimDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: "input[trim], textarea[trim]",
+                    providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: InputTrimDirective, multi: true }]
+                },] }
+    ];
+    InputTrimDirective.ctorParameters = function () { return [
+        { type: i0.Renderer2, decorators: [{ type: i0.Inject, args: [i0.Renderer2,] }] },
+        { type: i0.ElementRef, decorators: [{ type: i0.Inject, args: [i0.ElementRef,] }] },
+        { type: Boolean, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [forms.COMPOSITION_BUFFER_MODE,] }] }
+    ]; };
+    InputTrimDirective.propDecorators = {
+        trim: [{ type: i0.Input }],
+        onBlur: [{ type: i0.HostListener, args: ["blur", ["$event.type", "$event.target.value"],] }],
+        onInput: [{ type: i0.HostListener, args: ["input", ["$event.type", "$event.target.value"],] }]
+    };
+
     /**
      * The letters only directive
      */
@@ -2863,7 +2963,8 @@
     var directives = [
         NumbersOnlyDirective,
         LettersOnlyDirective,
-        AlphaNumericDirective
+        AlphaNumericDirective,
+        InputTrimDirective
     ];
     var pipes = [
         PhoneFormatPipe
@@ -4739,6 +4840,9 @@
             // Set default layout aligns
             this.layoutAlign.label = (_c = this.layoutAlign.label) !== null && _c !== void 0 ? _c : 'start center';
             this.layoutAlign.toggle = (_d = this.layoutAlign.toggle) !== null && _d !== void 0 ? _d : 'start center';
+            if (!this.ariaLabel) {
+                this.ariaLabel = this.labelText;
+            }
             this.setIsRequired();
             // Subscribe to form control's validation
             this.subscription.add((_g = (_f = (_e = this.control) === null || _e === void 0 ? void 0 : _e.control) === null || _f === void 0 ? void 0 : _f.valueChanges) === null || _g === void 0 ? void 0 : _g.subscribe(function () {
@@ -7028,6 +7132,7 @@
     exports.HeaderAuthSettings = HeaderAuthSettings;
     exports.HybridSamlOAuthConfig = HybridSamlOAuthConfig;
     exports.HybridSamlOauthService = HybridSamlOauthService;
+    exports.InputTrimDirective = InputTrimDirective;
     exports.LettersOnlyDirective = LettersOnlyDirective;
     exports.MobileHeaderMenuComponent = MobileHeaderMenuComponent;
     exports.ModalData = ModalData;