@ptsecurity/mosaic 11.5.0 → 12.2.0

package/bundles/ptsecurity-mosaic-form-field.umd.js

@@ -1,24 +1,50 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@ptsecurity/mosaic/icon'), require('@ptsecurity/cdk/keycodes'), require('@ptsecurity/mosaic/core'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/form-field', ['exports', '@angular/common', '@angular/core', '@ptsecurity/mosaic/icon', '@ptsecurity/cdk/keycodes', '@ptsecurity/mosaic/core', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic['form-field'] = {}), global.ng.common, global.ng.core, global.ptsecurity.mosaic.icon, global.mc.cdk.keycodes, global.ptsecurity.mosaic.core, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, common, core, icon, keycodes, core$1, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@ptsecurity/mosaic/icon'), require('@ptsecurity/mosaic/core'), require('@ptsecurity/cdk/keycodes'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/form-field', ['exports', '@angular/common', '@angular/core', '@ptsecurity/mosaic/icon', '@ptsecurity/mosaic/core', '@ptsecurity/cdk/keycodes', 'rxjs', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic["form-field"] = {}), global.ng.common, global.ng.core, global.ptsecurity.mosaic.icon, global.ptsecurity.mosaic.core, global.mc.cdk.keycodes, global.rxjs, global.rxjs.operators));
+})(this, (function (exports, i1$1, i0, i1, core, keycodes, rxjs, operators) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     var McCleaner = /** @class */ (function () {
         function McCleaner() {
+            this.themePalette = core.ThemePalette;
         }
         return McCleaner;
     }());
-    McCleaner.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mc-cleaner',
-                    exportAs: 'mcCleaner',
-                    template: "<i class=\"mc-icon_light\" mc-icon=\"mc-close-circle_16\" [color]=\"'primary'\"></i>",
-                    host: {
-                        class: 'mc-cleaner'
-                    }
-                },] }
-    ];
+    /** @nocollapse */ McCleaner.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McCleaner, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McCleaner.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McCleaner, selector: "mc-cleaner", host: { classAttribute: "mc-cleaner" }, exportAs: ["mcCleaner"], ngImport: i0__namespace, template: "<i class=\"mc-icon_light\" mc-icon=\"mc-close-circle_16\" [color]=\"themePalette.Primary\"></i>", isInline: true, components: [{ type: i1__namespace.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i1__namespace.McIconCSSStyler, selector: "[mc-icon]" }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McCleaner, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-cleaner',
+                        exportAs: 'mcCleaner',
+                        template: "<i class=\"mc-icon_light\" mc-icon=\"mc-close-circle_16\" [color]=\"themePalette.Primary\"></i>",
+                        host: {
+                            class: 'mc-cleaner'
+                        }
+                    }]
+            }] });
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -360,34 +386,39 @@
         }
         return McHint;
     }());
-    McHint.decorators = [
-        { type: core.Directive, args: [{
-                    selector: 'mc-hint',
-                    host: {
-                        class: 'mc-hint',
-                        '[attr.id]': 'id'
-                    }
-                },] }
-    ];
-    McHint.propDecorators = {
-        id: [{ type: core.Input }]
-    };
+    /** @nocollapse */ McHint.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHint, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McHint.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McHint, selector: "mc-hint", inputs: { id: "id" }, host: { properties: { "attr.id": "id" }, classAttribute: "mc-hint" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHint, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'mc-hint',
+                        host: {
+                            class: 'mc-hint',
+                            '[attr.id]': 'id'
+                        }
+                    }]
+            }], propDecorators: { id: [{
+                    type: i0.Input
+                }] } });
 
     var McPrefix = /** @class */ (function () {
         function McPrefix() {
         }
         return McPrefix;
     }());
-    McPrefix.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[mcPrefix]'
-                },] }
-    ];
+    /** @nocollapse */ McPrefix.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPrefix, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McPrefix.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McPrefix, selector: "[mcPrefix]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPrefix, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[mcPrefix]'
+                    }]
+            }] });
 
     var McStepper = /** @class */ (function () {
         function McStepper() {
-            this.stepUp = new core.EventEmitter();
-            this.stepDown = new core.EventEmitter();
+            this.stepUp = new i0.EventEmitter();
+            this.stepDown = new i0.EventEmitter();
         }
         McStepper.prototype.connectTo = function (numberInput) {
             if (!numberInput) {
@@ -410,27 +441,33 @@
         };
         return McStepper;
     }());
-    McStepper.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mc-stepper',
-                    template: "\n        <i class=\"mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16\"\n           (mousedown)=\"onStepUp($event)\">\n        </i>\n        <i class=\"mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16\"\n           (mousedown)=\"onStepDown($event)\">\n        </i>\n    "
-                },] }
-    ];
-    McStepper.propDecorators = {
-        stepUp: [{ type: core.Output }],
-        stepDown: [{ type: core.Output }]
-    };
+    /** @nocollapse */ McStepper.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McStepper, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McStepper.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McStepper, selector: "mc-stepper", outputs: { stepUp: "stepUp", stepDown: "stepDown" }, ngImport: i0__namespace, template: "\n        <i class=\"mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16\"\n           (mousedown)=\"onStepUp($event)\">\n        </i>\n        <i class=\"mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16\"\n           (mousedown)=\"onStepDown($event)\">\n        </i>\n    ", isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McStepper, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-stepper',
+                        template: "\n        <i class=\"mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16\"\n           (mousedown)=\"onStepUp($event)\">\n        </i>\n        <i class=\"mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16\"\n           (mousedown)=\"onStepDown($event)\">\n        </i>\n    "
+                    }]
+            }], propDecorators: { stepUp: [{
+                    type: i0.Output
+                }], stepDown: [{
+                    type: i0.Output
+                }] } });
 
     var McSuffix = /** @class */ (function () {
         function McSuffix() {
         }
         return McSuffix;
     }());
-    McSuffix.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[mcSuffix]'
-                },] }
-    ];
+    /** @nocollapse */ McSuffix.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSuffix, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSuffix.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSuffix, selector: "[mcSuffix]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSuffix, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[mcSuffix]'
+                    }]
+            }] });
 
     var nextUniqueId = 0;
     var McFormFieldBase = /** @class */ (function () {
@@ -441,7 +478,7 @@
         return McFormFieldBase;
     }());
     // tslint:disable-next-line:naming-convention
-    var McFormFieldMixinBase = core$1.mixinColor(McFormFieldBase);
+    var McFormFieldMixinBase = core.mixinColor(McFormFieldBase);
     var McFormField = /** @class */ (function (_super) {
         __extends(McFormField, _super);
         // tslint:disable-next-line:naming-convention
@@ -602,92 +639,130 @@
         };
         return McFormField;
     }(McFormFieldMixinBase));
-    McFormField.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mc-form-field',
-                    exportAs: 'mcFormField',
-                    template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\n\n    <div class=\"mc-form-field__prefix\" *ngIf=\"hasPrefix\">\n        <ng-content select=\"[mcPrefix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__infix\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__suffix\" *ngIf=\"hasSuffix\">\n        <ng-content select=\"[mcSuffix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__cleaner\"\n         *ngIf=\"canShowCleaner && !hasSuffix\"\n         (click)=\"clearValue($event)\">\n        <ng-content select=\"mc-cleaner\"></ng-content>\n    </div>\n\n    <ng-content *ngIf=\"canShowStepper\" select=\"mc-stepper\"></ng-content>\n</div>\n\n<div class=\"mc-form-field__hint\">\n    <ng-content select=\"mc-hint\"></ng-content>\n</div>\n",
-                    host: {
-                        class: 'mc-form-field',
-                        '[class.mc-form-field_invalid]': 'control.errorState',
-                        '[class.mc-form-field_has-prefix]': 'hasPrefix',
-                        '[class.mc-form-field_has-suffix]': 'hasSuffix',
-                        '[class.mc-form-field_has-cleaner]': 'canShowCleaner',
-                        '[class.mc-form-field_has-stepper]': 'canShowStepper',
-                        '[class.mc-disabled]': 'control.disabled',
-                        '[class.mc-focused]': 'control.focused',
-                        '[class.ng-untouched]': 'shouldForward("untouched")',
-                        '[class.ng-touched]': 'shouldForward("touched")',
-                        '[class.ng-pristine]': 'shouldForward("pristine")',
-                        '[class.ng-dirty]': 'shouldForward("dirty")',
-                        '[class.ng-valid]': 'shouldForward("valid")',
-                        '[class.ng-invalid]': 'shouldForward("invalid")',
-                        '[class.ng-pending]': 'shouldForward("pending")',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(mouseenter)': 'onHoverChanged(true)',
-                        '(mouseleave)': 'onHoverChanged(false)'
-                    },
-                    inputs: ['color'],
-                    encapsulation: core.ViewEncapsulation.None,
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".mc-form-field{position:relative;display:inline-block;width:100%;border-radius:var(--mc-form-field-size-border-radius,3px)}.mc-form-field:hover{z-index:1}.mc-form-field.mc-focused{z-index:2}.mc-hint{display:block}.mc-form-field__hint>.mc-hint{margin-top:var(--mc-form-field-hint-size-margin-top,4px)}.mc-form-field__container{position:relative;border:var(--mc-form-field-size-border-width,1px) solid transparent;border-radius:var(--mc-form-field-size-border-radius,3px)}.mc-form-field_without-borders .mc-form-field__container{border-color:transparent}.mc-form-field__prefix,.mc-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-form-field__prefix{left:0}.mc-form-field__suffix{right:0}.mc-form-field_has-cleaner .mc-input,.mc-form-field_has-stepper .mc-input,.mc-form-field_has-suffix .mc-input{padding-right:var(--mc-form-field-size-button-width,32px)}.mc-form-field_has-prefix .mc-input{padding-left:var(--mc-form-field-size-button-width,32px)}.mc-cleaner{display:flex;width:var(--mc-form-field-size-button-width,32px);height:100%;cursor:pointer}.mc-cleaner .mc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mc-form-field__cleaner .mc-cleaner,mc-stepper{position:absolute;top:0;bottom:0;right:0}mc-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--mc-form-field-size-button-width,32px)}mc-stepper .mc-stepper-step-down,mc-stepper .mc-stepper-step-up{cursor:pointer;width:var(--mc-form-field-size-button-width,32px);text-align:center}mc-stepper .mc-stepper-step-up{transform:scaleY(-1)}", ".mc-input{background:transparent;padding:0;margin:0;border:none;outline:none;box-sizing:border-box;padding:var(--mc-input-size-padding,5px 16px);width:var(--mc-input-size-width,100%);min-height:var(--mc-input-size-min-height,30px)}.mc-input::-ms-clear,.mc-input::-ms-reveal{display:none;width:0;height:0}.mc-input::-webkit-search-cancel-button,.mc-input::-webkit-search-decoration,.mc-input::-webkit-search-results-button,.mc-input::-webkit-search-results-decoration{display:none}.mc-input{display:inline-block}input.mc-input[type=number]{-moz-appearance:textfield}input.mc-input[type=number]::-webkit-inner-spin-button,input.mc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.mc-input:invalid{box-shadow:unset}", ".mc-timepicker{padding-right:calc(var(--mc-timepicker-size-padding-right, 16px) - var(--mc-form-field-size-border-width, 1px))}.mc-form-field-type-timepicker{width:auto}", ".mc-form-field-type-datepicker{width:auto}.mc-datepicker{width:var(--mc-datepicker-input-size-width,130px)}", ".mc-textarea{background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--mc-textarea-size-padding,5px 16px);display:inline-block;-webkit-appearance:none;vertical-align:bottom}.mc-textarea:not(.mc-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.mc-textarea.mc-textarea-resizable{resize:vertical;min-height:var(--mc-textarea-size-min-height,50px)}.mc-textarea:invalid{box-shadow:unset}"]
-                },] }
-    ];
-    /** @nocollapse */
-    McFormField.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    McFormField.propDecorators = {
-        control: [{ type: core.ContentChild, args: [McFormFieldControl, { static: false },] }],
-        stepper: [{ type: core.ContentChild, args: [McStepper, { static: false },] }],
-        cleaner: [{ type: core.ContentChild, args: [McCleaner, { static: false },] }],
-        hint: [{ type: core.ContentChildren, args: [McHint,] }],
-        suffix: [{ type: core.ContentChildren, args: [McSuffix,] }],
-        prefix: [{ type: core.ContentChildren, args: [McPrefix,] }],
-        connectionContainerRef: [{ type: core.ViewChild, args: ['connectionContainer', { static: true },] }]
-    };
+    /** @nocollapse */ McFormField.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormField, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McFormField.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McFormField, selector: "mc-form-field", inputs: { color: "color" }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "onHoverChanged(true)", "mouseleave": "onHoverChanged(false)" }, properties: { "class.mc-form-field_invalid": "control.errorState", "class.mc-form-field_has-prefix": "hasPrefix", "class.mc-form-field_has-suffix": "hasSuffix", "class.mc-form-field_has-cleaner": "canShowCleaner", "class.mc-form-field_has-stepper": "canShowStepper", "class.mc-disabled": "control.disabled", "class.mc-focused": "control.focused", "class.ng-untouched": "shouldForward(\"untouched\")", "class.ng-touched": "shouldForward(\"touched\")", "class.ng-pristine": "shouldForward(\"pristine\")", "class.ng-dirty": "shouldForward(\"dirty\")", "class.ng-valid": "shouldForward(\"valid\")", "class.ng-invalid": "shouldForward(\"invalid\")", "class.ng-pending": "shouldForward(\"pending\")" }, classAttribute: "mc-form-field" }, queries: [{ propertyName: "control", first: true, predicate: McFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: McStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: McCleaner, descendants: true }, { propertyName: "hint", predicate: McHint }, { propertyName: "suffix", predicate: McSuffix }, { propertyName: "prefix", predicate: McPrefix }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["mcFormField"], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\n\n    <div class=\"mc-form-field__prefix\" *ngIf=\"hasPrefix\">\n        <ng-content select=\"[mcPrefix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__infix\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__suffix\" *ngIf=\"hasSuffix\">\n        <ng-content select=\"[mcSuffix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__cleaner\"\n         *ngIf=\"canShowCleaner && !hasSuffix\"\n         (click)=\"clearValue($event)\">\n        <ng-content select=\"mc-cleaner\"></ng-content>\n    </div>\n\n    <ng-content *ngIf=\"canShowStepper\" select=\"mc-stepper\"></ng-content>\n</div>\n\n<div class=\"mc-form-field__hint\">\n    <ng-content select=\"mc-hint\"></ng-content>\n</div>\n", styles: [".mc-form-field{position:relative;display:inline-block;width:100%;border-radius:3px;border-radius:var(--mc-form-field-size-border-radius, 3px)}.mc-form-field:hover{z-index:1}.mc-form-field.mc-focused{z-index:2}.mc-hint{display:block}.mc-form-field__hint>.mc-hint{margin-top:4px;margin-top:var(--mc-form-field-hint-size-margin-top, 4px)}.mc-form-field__container{position:relative;border-width:1px;border-width:var(--mc-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:3px;border-radius:var(--mc-form-field-size-border-radius, 3px)}.mc-form-field_without-borders .mc-form-field__container{border-color:transparent}.mc-form-field__prefix,.mc-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-form-field__prefix{left:0}.mc-form-field__suffix{right:0}.mc-form-field_has-suffix .mc-input,.mc-form-field_has-cleaner .mc-input,.mc-form-field_has-stepper .mc-input{padding-right:32px;padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-form-field_has-prefix .mc-input{padding-left:32px;padding-left:var(--mc-form-field-size-button-width, 32px)}.mc-cleaner{display:flex;width:32px;width:var(--mc-form-field-size-button-width, 32px);height:100%;cursor:pointer}.mc-cleaner .mc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mc-form-field__cleaner .mc-cleaner{position:absolute;top:0;bottom:0;right:0}mc-stepper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;bottom:0;right:0;width:32px;width:var(--mc-form-field-size-button-width, 32px)}mc-stepper .mc-stepper-step-up,mc-stepper .mc-stepper-step-down{cursor:pointer;width:32px;width:var(--mc-form-field-size-button-width, 32px);text-align:center}mc-stepper .mc-stepper-step-up{transform:scaleY(-1)}\n", ".mc-input{background:transparent;margin:0;border:none;outline:none;box-sizing:border-box;padding:5px 16px;padding:var(--mc-input-size-padding, 5px 16px);width:100%;width:var(--mc-input-size-width, 100%);min-height:30px;min-height:var(--mc-input-size-min-height, 30px)}.mc-input::-ms-clear{display:none;width:0;height:0}.mc-input::-ms-reveal{display:none;width:0;height:0}.mc-input::-webkit-search-decoration,.mc-input::-webkit-search-cancel-button,.mc-input::-webkit-search-results-button,.mc-input::-webkit-search-results-decoration{display:none}.mc-input{display:inline-block}input.mc-input[type=number]{-moz-appearance:textfield}input.mc-input[type=number]::-webkit-inner-spin-button,input.mc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.mc-input:invalid{box-shadow:unset}\n", ".mc-timepicker{padding-right:calc(16px - 1px);padding-right:calc(var(--mc-timepicker-size-padding-right, 16px) - var(--mc-form-field-size-border-width, 1px))}.mc-form-field-type-timepicker{width:auto}\n", ".mc-form-field-type-datepicker{width:auto}.mc-datepicker{width:130px;width:var(--mc-datepicker-input-size-width, 130px)}\n", ".mc-textarea{background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:5px 16px;padding:var(--mc-textarea-size-padding, 5px 16px)}.mc-textarea{display:inline-block;-webkit-appearance:none;vertical-align:bottom}.mc-textarea:not(.mc-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.mc-textarea.mc-textarea-resizable{resize:vertical;min-height:50px;min-height:var(--mc-textarea-size-min-height, 50px)}.mc-textarea:invalid{box-shadow:unset}\n"], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormField, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-form-field',
+                        exportAs: 'mcFormField',
+                        templateUrl: 'form-field.html',
+                        // McInput is a directive and can't have styles, so we need to include its styles here.
+                        // The McInput styles are fairly minimal so it shouldn't be a big deal for people who
+                        // aren't using McInput.
+                        styleUrls: [
+                            'form-field.scss',
+                            '../input/input.scss',
+                            '../timepicker/timepicker.scss',
+                            '../datepicker/datepicker-input.scss',
+                            '../textarea/textarea.scss'
+                        ],
+                        host: {
+                            class: 'mc-form-field',
+                            '[class.mc-form-field_invalid]': 'control.errorState',
+                            '[class.mc-form-field_has-prefix]': 'hasPrefix',
+                            '[class.mc-form-field_has-suffix]': 'hasSuffix',
+                            '[class.mc-form-field_has-cleaner]': 'canShowCleaner',
+                            '[class.mc-form-field_has-stepper]': 'canShowStepper',
+                            '[class.mc-disabled]': 'control.disabled',
+                            '[class.mc-focused]': 'control.focused',
+                            '[class.ng-untouched]': 'shouldForward("untouched")',
+                            '[class.ng-touched]': 'shouldForward("touched")',
+                            '[class.ng-pristine]': 'shouldForward("pristine")',
+                            '[class.ng-dirty]': 'shouldForward("dirty")',
+                            '[class.ng-valid]': 'shouldForward("valid")',
+                            '[class.ng-invalid]': 'shouldForward("invalid")',
+                            '[class.ng-pending]': 'shouldForward("pending")',
+                            '(keydown)': 'onKeyDown($event)',
+                            '(mouseenter)': 'onHoverChanged(true)',
+                            '(mouseleave)': 'onHoverChanged(false)'
+                        },
+                        inputs: ['color'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { control: [{
+                    type: i0.ContentChild,
+                    args: [McFormFieldControl, { static: false }]
+                }], stepper: [{
+                    type: i0.ContentChild,
+                    args: [McStepper, { static: false }]
+                }], cleaner: [{
+                    type: i0.ContentChild,
+                    args: [McCleaner, { static: false }]
+                }], hint: [{
+                    type: i0.ContentChildren,
+                    args: [McHint]
+                }], suffix: [{
+                    type: i0.ContentChildren,
+                    args: [McSuffix]
+                }], prefix: [{
+                    type: i0.ContentChildren,
+                    args: [McPrefix]
+                }], connectionContainerRef: [{
+                    type: i0.ViewChild,
+                    args: ['connectionContainer', { static: true }]
+                }] } });
     var McFormFieldWithoutBorders = /** @class */ (function () {
         function McFormFieldWithoutBorders() {
         }
         return McFormFieldWithoutBorders;
     }());
-    McFormFieldWithoutBorders.decorators = [
-        { type: core.Directive, args: [{
-                    selector: 'mc-form-field[mcFormFieldWithoutBorders]',
-                    exportAs: 'mcFormFieldWithoutBorders',
-                    host: { class: 'mc-form-field_without-borders' }
-                },] }
-    ];
+    /** @nocollapse */ McFormFieldWithoutBorders.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormFieldWithoutBorders, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McFormFieldWithoutBorders.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McFormFieldWithoutBorders, selector: "mc-form-field[mcFormFieldWithoutBorders]", host: { classAttribute: "mc-form-field_without-borders" }, exportAs: ["mcFormFieldWithoutBorders"], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormFieldWithoutBorders, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'mc-form-field[mcFormFieldWithoutBorders]',
+                        exportAs: 'mcFormFieldWithoutBorders',
+                        host: { class: 'mc-form-field_without-borders' }
+                    }]
+            }] });
 
     var McFormFieldModule = /** @class */ (function () {
         function McFormFieldModule() {
         }
         return McFormFieldModule;
     }());
-    McFormFieldModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        McFormField,
-                        McFormFieldWithoutBorders,
-                        McHint,
-                        McPrefix,
-                        McSuffix,
-                        McCleaner,
-                        McStepper
-                    ],
-                    imports: [common.CommonModule, icon.McIconModule],
-                    exports: [
-                        McFormField,
-                        McFormFieldWithoutBorders,
-                        McHint,
-                        McPrefix,
-                        McSuffix,
-                        McCleaner,
-                        McStepper
-                    ]
-                },] }
-    ];
+    /** @nocollapse */ McFormFieldModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormFieldModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McFormFieldModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormFieldModule, declarations: [McFormField,
+            McFormFieldWithoutBorders,
+            McHint,
+            McPrefix,
+            McSuffix,
+            McCleaner,
+            McStepper], imports: [i1$1.CommonModule, i1.McIconModule], exports: [McFormField,
+            McFormFieldWithoutBorders,
+            McHint,
+            McPrefix,
+            McSuffix,
+            McCleaner,
+            McStepper] });
+    /** @nocollapse */ McFormFieldModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormFieldModule, imports: [[i1$1.CommonModule, i1.McIconModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormFieldModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            McFormField,
+                            McFormFieldWithoutBorders,
+                            McHint,
+                            McPrefix,
+                            McSuffix,
+                            McCleaner,
+                            McStepper
+                        ],
+                        imports: [i1$1.CommonModule, i1.McIconModule],
+                        exports: [
+                            McFormField,
+                            McFormFieldWithoutBorders,
+                            McHint,
+                            McPrefix,
+                            McSuffix,
+                            McCleaner,
+                            McStepper
+                        ]
+                    }]
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
@@ -709,5 +784,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ptsecurity-mosaic-form-field.umd.js.map