[{"__symbolic":"module","version":3,"metadata":{"DynamicTextAreaDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"textarea[dynamic-height]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"InputContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-input-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":[".adm-input__description { color: #8b97a2; font-size: 12px; margin-top: 7px; } .adm-input__label { font-size: 13px; margin-bottom: 9px; font-weight: 600; color: #333; display: block; } .adm-input__label.is-required:after { content: \"*\"; color: #DB2828; display: inline-block; margin-left: 3px; vertical-align: top; margin-top: -2px; } .adm-input__addon { border: 1px solid #cfd3d7; border-right: none; background: #fafafa; margin: 0; border-radius: 3px 0 0 3px; color: #8b97a2; flex-basis: 34px; text-align: center; line-height: 1; display: flex; align-items: center; justify-content: center; } .adm-input__addon .material-icons { font-size: inherit; } .adm-input__container { display: block; } .adm-input__container input[adm], .adm-input__container adm-single-select, .adm-input__container adm-select[single], .adm-input__container textarea[adm], .adm-input__container adm-multi-select, .adm-input__container adm-multi-select .select2-container .select2-selection, .adm-input__container adm-date-range-picker, .adm-input__container adm-date-range-picker button[adm] { flex: 1; } .adm-input__container adm-date-range-picker { position: static; } .adm-input__container input[adm], .adm-input__container textarea[adm], .adm-input__container button[adm] { border: 0; margin: 0; padding: 0; outline: none !important; border-radius: 0; background: transparent; -webkit-appearance: none; white-space: normal; user-select: none; text-decoration: none; color: inherit; font-family: inherit; font-size: inherit; border: 1px solid #cfd3d7; border-radius: 3px; padding: 8px 16px; font-size: 14px; color: #333; background: #fff; position: relative; text-align: left; width: 100%; box-sizing: border-box; } .adm-input__container input.adm-typeahead.is__open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .adm-input__container.is-invalid > .wrap > input[adm], .adm-input__container.is-invalid > .wrap > textarea[adm], .adm-input__container.is-invalid > .wrap > .adm-input__addon, .adm-input__container.is-invalid > .wrap > adm-single-select, .adm-input__container.is-invalid > .wrap > adm-select[single], .adm-input__container.is-invalid > .wrap > .zelect__input__addon, .adm-input__container.is-invalid > .wrap > adm-multi-select .select2-container .select2-selection, .adm-input__container.is-invalid > .wrap > adm-date-range-picker button[adm] { border-color: #DB2828; } .adm-input__container .wrap { position: relative; } .adm-input__container.with-addon .wrap { display: flex; flex-direction: row; justify-content: space-around; align-content: stretch; } .adm-input__container.with-addon .wrap input[adm], .adm-input__container.with-addon .wrap adm-single-select, .adm-input__container.with-addon .wrap adm-select[single], .adm-input__container.with-addon .wrap textarea[adm], .adm-input__container.with-addon .wrap adm-multi-select .select2-container .select2-selection, .adm-input__container.with-addon .wrap button[adm] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adm-input__container.with-addon .wrap .adm-multi-select__dropdown { left: -1px; } .adm-input__container.is-disabled .wrap { pointer-events: none; opacity: .7; user-select: none; } .adm-input__container.is-disabled .wrap:after { content: ''; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000; position: absolute; border-radius: 3px; opacity: .1; cursor: none; } "],"host":{"[class.adm-input__container]":"true","[class.is-invalid]":"invalid","[class.with-addon]":"!!addonIcon","[class.is-disabled]":"disabled","$quoted$":["[class.adm-input__container]","[class.is-invalid]","[class.with-addon]","[class.is-disabled]"]},"template":"\n        <label class=\"adm-input__label\" [ngClass]=\"{'is-required':required && label != '&nbsp;'}\" *ngIf=\"!!label\">{{label}}</label>\n        <div class=\"wrap\">\n            <div *ngIf=\"!!addonIcon\" class=\"adm-input__addon\">\n                <i class=\"material-icons\">{{addonIcon}}</i>\n            </div>\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"control && invalid\">\n            <adm-validator-messages [field]=\"control\"></adm-validator-messages>\n        </div>\n        <div class=\"adm-input__description\" *ngIf=\"description\" [innerHtml]=\"description\"></div>\n    "}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addonIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"DynamicTextAreaDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"textarea[dynamic-height]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"InputContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-input-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":[".adm-input__description { color: #8b97a2; font-size: 12px; margin-top: 7px; } .adm-input__label { font-size: 13px; margin-bottom: 9px; font-weight: 600; color: #333; display: block; } .adm-input__label.is-required:after { content: \"*\"; color: #DB2828; display: inline-block; margin-left: 3px; vertical-align: top; margin-top: -2px; } .adm-input__addon { border: 1px solid #cfd3d7; border-right: none; background: #fafafa; margin: 0; border-radius: 3px 0 0 3px; color: #8b97a2; flex-basis: 34px; text-align: center; line-height: 1; display: flex; align-items: center; justify-content: center; } .adm-input__addon .material-icons { font-size: inherit; } .adm-input__container { display: block; } .adm-input__container input[adm], .adm-input__container adm-single-select, .adm-input__container adm-select[single], .adm-input__container textarea[adm], .adm-input__container adm-multi-select, .adm-input__container adm-multi-select .select2-container .select2-selection, .adm-input__container adm-date-range-picker, .adm-input__container adm-date-range-picker button[adm] { flex: 1; } .adm-input__container adm-date-range-picker { position: static; } .adm-input__container input[adm], .adm-input__container textarea[adm], .adm-input__container button[adm] { border: 0; margin: 0; padding: 0; outline: none !important; border-radius: 0; background: transparent; -webkit-appearance: none; white-space: normal; user-select: none; text-decoration: none; color: inherit; font-family: inherit; font-size: inherit; border: 1px solid #cfd3d7; border-radius: 3px; padding: 8px 16px; font-size: 14px; color: #333; background: #fff; position: relative; text-align: left; width: 100%; box-sizing: border-box; } .adm-input__container input.adm-typeahead.is__open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .adm-input__container.is-invalid > .wrap > input[adm], .adm-input__container.is-invalid > .wrap > textarea[adm], .adm-input__container.is-invalid > .wrap > .adm-input__addon, .adm-input__container.is-invalid > .wrap > adm-single-select, .adm-input__container.is-invalid > .wrap > adm-select[single], .adm-input__container.is-invalid > .wrap > .zelect__input__addon, .adm-input__container.is-invalid > .wrap > adm-multi-select .select2-container .select2-selection, .adm-input__container.is-invalid > .wrap > adm-date-range-picker button[adm] { border-color: #DB2828; } .adm-input__container .wrap { position: relative; } .adm-input__container.with-addon .wrap { display: flex; flex-direction: row; justify-content: space-around; align-content: stretch; } .adm-input__container.with-addon .wrap input[adm], .adm-input__container.with-addon .wrap adm-single-select, .adm-input__container.with-addon .wrap adm-select[single], .adm-input__container.with-addon .wrap textarea[adm], .adm-input__container.with-addon .wrap adm-multi-select .select2-container .select2-selection, .adm-input__container.with-addon .wrap button[adm] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adm-input__container.with-addon .wrap .adm-multi-select__dropdown { left: -1px; } .adm-input__container.is-disabled .wrap { pointer-events: none; opacity: .7; user-select: none; } .adm-input__container.is-disabled .wrap:after { content: ''; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000; position: absolute; border-radius: 3px; opacity: .1; cursor: none; } "],"host":{"[class.adm-input__container]":"true","[class.is-invalid]":"invalid","[class.with-addon]":"!!addonIcon","[class.is-disabled]":"disabled"},"template":"\n        <label class=\"adm-input__label\" [ngClass]=\"{'is-required':required && label != '&nbsp;'}\" *ngIf=\"!!label\">{{label}}</label>\n        <div class=\"wrap\">\n            <div *ngIf=\"!!addonIcon\" class=\"adm-input__addon\">\n                <i class=\"material-icons\">{{addonIcon}}</i>\n            </div>\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"control && invalid\">\n            <adm-validator-messages [field]=\"control\"></adm-validator-messages>\n        </div>\n        <div class=\"adm-input__description\" *ngIf=\"description\" [innerHtml]=\"description\"></div>\n    "}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addonIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]