@festo-ui/angular 3.1.0 → 3.2.0

package/esm2015/lib/forms/text-editor/text-editor.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-editor.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/text-editor/text-editor.component.ts","../../../../../../../libs/angular/src/lib/forms/text-editor/text-editor.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  Input,\n  AfterViewInit,\n  SecurityContext,\n  ElementRef,\n  Renderer2,\n  EventEmitter,\n  Output,\n  forwardRef,\n  OnChanges,\n  ViewChild,\n  SimpleChanges,\n  OnInit\n} from '@angular/core';\nimport QuillType from 'quill';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { ValueAccessorBaseDirective } from '../value-accessor-base';\n\nexport interface TextEditorConfiguration {\n  toolbar?: {\n    bold?: boolean;\n    italic?: boolean;\n    underline?: boolean;\n    alignCenter?: boolean;\n    alignRight?: boolean;\n    bulletList?: boolean;\n    orderedList?: boolean;\n    image?: boolean;\n    link?: boolean;\n  };\n}\n\n@Component({\n  selector: 'fng-text-editor',\n  templateUrl: './text-editor.component.html',\n  styleUrls: ['./text-editor.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TextEditorComponent),\n      multi: true\n    }\n  ]\n})\nexport class TextEditorComponent extends ValueAccessorBaseDirective<string> implements OnInit, AfterViewInit, OnChanges {\n  id: string;\n  quillEditor!: QuillType;\n  editorElem!: HTMLElement;\n  defaultConfig: TextEditorConfiguration = {\n    toolbar: {\n      bold: true,\n      italic: true,\n      underline: true,\n      alignCenter: true,\n      alignRight: true,\n      bulletList: true,\n      orderedList: true,\n      image: true,\n      link: true\n    }\n  };\n\n  @ViewChild('btnBold') btnBold: ElementRef;\n  @ViewChild('btnItalic') btnItalic: ElementRef;\n  @ViewChild('btnUnderline') btnUnderline: ElementRef;\n  @ViewChild('btnAlignCenter') btnAlignCenter: ElementRef;\n  @ViewChild('btnAlignRight') btnAlignRight: ElementRef;\n  @ViewChild('btnLink') btnLink: ElementRef;\n  @ViewChild('btnUl') btnUl: ElementRef;\n  @ViewChild('btnOl') btnOl: ElementRef;\n  @ViewChild('btnImage') btnImage: ElementRef;\n\n  @Output() fngChange = new EventEmitter<any>();\n  @Output() change = new EventEmitter<any>();\n\n  @Input() config: TextEditorConfiguration = this.defaultConfig;\n  @Input() modules: any;\n  @Input() label: string;\n  @Input() readOnly: boolean;\n  @Input() maxLength: number;\n  @Input() error: string;\n  @Input() hint: string;\n  @Input()\n  set value(value: string) {\n    if (this.innerValue !== value) {\n      this.innerValue = value;\n      this.changed.forEach(f => {\n        this.fngChange.emit(this.innerValue);\n        this.change.emit(this.innerValue);\n        return f(value);\n      });\n    }\n  }\n\n  get value() {\n    return this.innerValue;\n  }\n\n  // needed to access editor content\n  valueGetter = (editorElement: HTMLElement): string | any => {\n    let html: string | null = editorElement.querySelector('.ql-editor').innerHTML;\n    if (html === '<p><br></p>' || html === '<div><br></div>') {\n      html = null;\n    }\n    return html;\n  };\n\n  // needed to access editor content\n  valueSetter = (quillEditor: QuillType, value: any): any => {\n    value = this.domSanitizer.sanitize(SecurityContext.HTML, value);\n    value = this.handleWhitespace(value);\n    return quillEditor.clipboard.convert(value);\n  };\n\n  constructor(public elementRef: ElementRef, private renderer: Renderer2, private domSanitizer: DomSanitizer) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.id = (Math.random() * Date.now()).toString().replace('.', '-');\n  }\n\n  ngAfterViewInit(): void {\n    this.editorElem = this.elementRef.nativeElement.querySelector(`#editor-${this.id}`);\n\n    this.quillEditor = new QuillType(this.editorElem, {\n      modules: { toolbar: `#editor-toolbar-${this.id}`, ...this.modules },\n      theme: 'snow',\n      scrollingContainer: `#editor-container-${this.id}`\n    });\n    this.setEditorLabel();\n    this.addWhitespaceMatcher();\n    this.addImageMatcher();\n\n    if (this.innerValue) {\n      const content = this.valueSetter(this.quillEditor, this.innerValue);\n      this.quillEditor.setContents(content, 'silent');\n      this.quillEditor.getModule('history').clear();\n    }\n\n    this.handle();\n\n    this.quillEditor.on('text-change', () => {\n      this.value = this.valueGetter(this.editorElem);\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes?.config?.currentValue != null) {\n      this.config = { toolbar: { ...this.defaultConfig.toolbar, ...changes.config.currentValue?.toolbar } };\n    }\n\n    if (!this.quillEditor) {\n      return;\n    }\n\n    this.handle();\n  }\n\n  writeValue(value: string) {\n    if (value === null || value === '') {\n      return;\n    }\n\n    this.innerValue = value;\n\n    if (!this.quillEditor) {\n      return;\n    }\n\n    const content = this.valueSetter(this.quillEditor, value);\n    this.quillEditor.setContents(content);\n  }\n\n  setDisabledState(isDisabled: boolean = this.disabled): void {\n    this.disabled = isDisabled;\n    if (this.quillEditor) {\n      if (isDisabled) {\n        this.quillEditor.disable();\n        this.renderer.setAttribute(this.elementRef.nativeElement, 'disabled', 'disabled');\n      } else {\n        if (!this.readOnly) {\n          this.quillEditor.enable();\n        }\n        this.renderer.removeAttribute(this.elementRef.nativeElement, 'disabled');\n      }\n    }\n  }\n\n  setReadOnlyState() {\n    this.quillEditor.enable(!this.readOnly);\n  }\n\n  delegate(event: any, action: string) {\n    let btn: HTMLElement = null;\n    switch (action) {\n      case 'bold':\n        btn = this.btnBold.nativeElement;\n        btn.click();\n        break;\n      case 'italic':\n        btn = this.btnItalic.nativeElement;\n        btn.click();\n        break;\n      case 'underline':\n        btn = this.btnUnderline.nativeElement;\n        btn.click();\n        break;\n      case 'align-center':\n        btn = this.btnAlignCenter.nativeElement;\n        btn.click();\n        break;\n      case 'align-right':\n        btn = this.btnAlignRight.nativeElement;\n        btn.click();\n        break;\n      case 'link':\n        btn = this.btnLink.nativeElement;\n        btn.click();\n        break;\n      case 'ul':\n        btn = this.btnUl.nativeElement;\n        btn.click();\n        break;\n      case 'ol':\n        btn = this.btnOl.nativeElement;\n        btn.click();\n        break;\n      case 'image':\n        btn = this.btnImage.nativeElement;\n        btn.click();\n        break;\n      default:\n        break;\n    }\n  }\n\n  currentLength(): number {\n    return this.value?.length;\n  }\n\n  hideDivider(name: string) {\n    const linkOrImage = this.config.toolbar.image || this.config.toolbar.link;\n    const lists = this.config.toolbar.bulletList || this.config.toolbar.orderedList;\n    const typos = this.config.toolbar.bold || this.config.toolbar.italic || this.config.toolbar.underline;\n    const textAlign = this.config.toolbar.alignCenter || this.config.toolbar.alignRight;\n    switch (name) {\n      case 'typo':\n        return !typos || (!textAlign && !linkOrImage && !lists);\n      case 'text-align':\n        return !textAlign || (!linkOrImage && !lists);\n      case 'lists':\n        return !lists || !linkOrImage;\n      case 'image':\n        return !this.config.toolbar.image || !this.config.toolbar.link;\n      default:\n        break;\n    }\n  }\n\n  private setEditorLabel() {\n    const editorDiv = this.elementRef.nativeElement.querySelector('.ql-editor');\n    this.renderer.setAttribute(editorDiv, 'role', 'textbox');\n    this.renderer.setAttribute(editorDiv, 'aria-labelledby', `editor-label-${this.id}`);\n    this.renderer.setAttribute(editorDiv, 'aria-multiline', 'true');\n  }\n\n  private handle() {\n    this.setReadOnlyState();\n    this.setDisabledState();\n  }\n\n  private addWhitespaceMatcher() {\n    // set up a matcher that replaces placeholder ###tab### with \\t in delta again\n    this.quillEditor.clipboard.addMatcher('p', (_node, delta) => {\n      let str = JSON.stringify(delta);\n      str = str.replace(/###tab###/g, '\\\\t');\n      delta = JSON.parse(str);\n      return delta;\n    });\n  }\n\n  private addImageMatcher() {\n    // set up a matcher that does allow/disallow to paste images corresponding to config settings\n    this.quillEditor.clipboard.addMatcher('img', (_node, delta) => {\n      // allowed, passthru delta\n      if (this.config.toolbar.image === true) {\n        return delta;\n      }\n\n      // not allowed, remove image by setting up a new delta\n      const Delta = QuillType.import('quill-delta');\n      return new Delta().insert('');\n    });\n  }\n\n  private handleWhitespace(value: string): string {\n    // set a placeholder for tab entity to avoid that quill removes it\n    return value.replace(/&#9;/gi, '###tab###');\n  }\n}\n","<label class=\"fwe-input-text\" [class.fwe-disabled]=\"disabled\">\n  <div class=\"fng-editor-toolbar\" [id]=\"'editor-toolbar-' + id\">\n    <span class=\"ql-formats fwe-d-none\">\n      <select class=\"ql-size\" aria-hidden=\"true\">\n        <option value=\"small\"></option>\n        <option selected></option>\n        <option value=\"large\"></option>\n        <option value=\"huge\"></option>\n      </select>\n    </span>\n    <span class=\"ql-formats fng-editor-toolbar-buttons-container fwe-mr-3\">\n      <ng-container *ngIf=\"config?.toolbar?.bold\">\n        <button type=\"button\" #btnBold class=\"ql-bold fwe-d-none action-bold\" aria-hidden=\"true\"></button>\n        <button\n          type=\"button\"\n          class=\"fwe-btn fng-button\"\n          [class.fwe-mr-3]=\"config?.toolbar?.underline || config?.toolbar?.italic\"\n          (click)=\"delegate($event, 'bold')\"\n          [disabled]=\"disabled\"\n        >\n          <div class=\"fng-button-text fng-text-bold\">B</div>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"config?.toolbar?.italic\">\n        <button type=\"button\" #btnItalic class=\"ql-italic fwe-d-none action-italic\" aria-hidden=\"true\"></button>\n        <button\n          type=\"button\"\n          class=\"fwe-btn fng-button\"\n          [class.fwe-mr-3]=\"config?.toolbar?.underline\"\n          (click)=\"delegate($event, 'italic')\"\n          [disabled]=\"disabled\"\n        >\n          <div class=\"fng-button-text fng-text-italic\">I</div>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"config?.toolbar?.underline\">\n        <button type=\"button\" #btnUnderline class=\"ql-underline fwe-d-none action-underline\" aria-hidden=\"true\"></button>\n        <button type=\"button\" class=\"fwe-btn fng-button\" (click)=\"delegate($event, 'underline')\" [disabled]=\"disabled\">\n          <div class=\"fng-button-text fng-text-underline\">U</div>\n        </button>\n      </ng-container>\n\n      <div *ngIf=\"!hideDivider('typo')\" class=\"fng-divider-y fwe-mx-4\"></div>\n\n      <ng-container *ngIf=\"config?.toolbar?.alignCenter\">\n        <button\n          type=\"button\"\n          #btnAlignCenter\n          class=\"ql-align fwe-d-none action-align-center\"\n          aria-hidden=\"true\"\n          value=\"center\"\n        ></button>\n        <button\n          type=\"button\"\n          class=\"fwe-btn fng-btn-toolbar-list fng-button\"\n          [class.fwe-mr-3]=\"config?.toolbar?.alignRight\"\n          (click)=\"delegate($event, 'align-center')\"\n          [disabled]=\"disabled\"\n        >\n          <i class=\"fwe-icon fwe-icon-toolbar-list fng-icon-text-align-center fwe-pr-0\" [class.fng-gray]=\"disabled\"></i>\n        </button>\n      </ng-container>\n\n      <ng-container *ngIf=\"config?.toolbar?.alignRight\">\n        <button type=\"button\" #btnAlignRight class=\"ql-align fwe-d-none action-align-right\" aria-hidden=\"true\" value=\"right\"></button>\n        <button\n          type=\"button\"\n          class=\"fwe-btn fng-btn-toolbar-list fng-button\"\n          (click)=\"delegate($event, 'align-right')\"\n          [disabled]=\"disabled\"\n        >\n          <i class=\"fwe-icon fwe-icon-toolbar-list fng-icon-text-align-right fwe-pr-0\" [class.fng-gray]=\"disabled\"></i>\n        </button>\n      </ng-container>\n\n      <div *ngIf=\"!hideDivider('text-align')\" class=\"fng-divider-y fwe-mx-4\"></div>\n\n      <ng-container *ngIf=\"config?.toolbar?.bulletList\">\n        <button type=\"button\" #btnUl class=\"ql-list fwe-d-none action-ul\" aria-hidden=\"true\" value=\"bullet\"></button>\n        <button\n          type=\"button\"\n          class=\"fwe-btn fng-btn-toolbar-list fng-button\"\n          [class.fwe-mr-3]=\"config?.toolbar?.orderedList\"\n          (click)=\"delegate($event, 'ul')\"\n          [disabled]=\"disabled\"\n        >\n          <i class=\"fwe-icon fwe-icon-toolbar-list fwe-icon-list-list-view fwe-pr-0\"></i>\n        </button>\n      </ng-container>\n      <ng-container *ngIf=\"config?.toolbar?.orderedList\">\n        <button type=\"button\" #btnOl class=\"ql-list fwe-d-none action-ol\" aria-hidden=\"true\" value=\"ordered\"></button>\n        <button type=\"button\" class=\"fwe-btn fng-btn-toolbar-list fng-button\" (click)=\"delegate($event, 'ol')\" [disabled]=\"disabled\">\n          <i class=\"fwe-icon fwe-icon-toolbar-list fwe-icon-enumeration fwe-pr-0\"></i>\n        </button>\n      </ng-container>\n\n      <div *ngIf=\"!hideDivider('lists')\" class=\"fng-divider-y fwe-mx-4\"></div>\n\n      <ng-container *ngIf=\"config?.toolbar?.image\">\n        <button type=\"button\" class=\"fwe-btn fng-btn-toolbar-list fng-button\" (click)=\"delegate($event, 'image')\" [disabled]=\"disabled\">\n          <i class=\"fwe-icon fwe-icon-toolbar-list fwe-icon-image-image fwe-pr-0\"></i>\n        </button>\n        <button type=\"button\" #btnImage class=\"ql-image fwe-d-none\" aria-hidden=\"true\"></button>\n      </ng-container>\n\n      <div *ngIf=\"!hideDivider('image')\" class=\"fng-divider-y fwe-mx-4\"></div>\n\n      <ng-container *ngIf=\"config?.toolbar?.link\">\n        <button type=\"button\" class=\"fwe-btn fng-btn-toolbar-list fng-button\" (click)=\"delegate($event, 'link')\" [disabled]=\"disabled\">\n          <i class=\"fwe-icon fwe-icon-toolbar-list fwe-icon-file-link fwe-pr-0\"></i>\n        </button>\n        <button type=\"button\" #btnLink class=\"ql-link fwe-d-none\" aria-hidden=\"true\"></button>\n      </ng-container>\n    </span>\n  </div>\n  <div class=\"fng-editor-container\" [id]=\"'editor-container-' + id\">\n    <div class=\"fng-editor\" [id]=\"'editor-' + id\"></div>\n  </div>\n  <span class=\"fwe-input-text-label\" [id]=\"'editor-label-' + id\">{{ label }}</span>\n  <span *ngIf=\"hint\" class=\"fng-text-editor-info\">{{ hint }}</span>\n  <span *ngIf=\"error\" class=\"fng-text-editor-invalid\">{{ error }}</span>\n  <span *ngIf=\"maxLength > 0 && value != null\" class=\"fwe-input-text-count\">{{ currentLength() }} / {{ maxLength }}</span>\n</label>\n"]}

package/esm2015/lib/forms/text-input/text-input.component.js

@@ -1,189 +0,0 @@
-import { Component, Input, forwardRef, ViewChild, ElementRef, ViewEncapsulation } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-/**
- * A custom form element for text inputs.
- */
-export class TextInputComponent {
-    constructor() {
-        this.innerType = 'text';
-        this.innerReadonly = false;
-        this.innerDisabled = false;
-        this.innerRequired = false;
-    }
-    /**
-     * A string specifying the type of control to render.
-     */
-    get type() {
-        return this.innerType;
-    }
-    set type(value) {
-        const supported = ['text', 'number', 'password', 'date', 'time', 'datetime-local'];
-        if (value != null && supported.indexOf(value) !== -1) {
-            this.innerType = value;
-        }
-        else {
-            this.innerType = 'text';
-        }
-    }
-    get readonly() {
-        return this.innerReadonly;
-    }
-    set readonly(value) {
-        this.innerReadonly = coerceBooleanProperty(value);
-    }
-    /**
-     * When true the control's disabled attribute is set
-     * and it gets addeed the .disabled css class.
-     */
-    get disabled() {
-        return this.innerDisabled;
-    }
-    set disabled(value) {
-        this.innerDisabled = coerceBooleanProperty(value);
-        if (this.focused) {
-            this.focused = false;
-        }
-    }
-    /**
-     * The getter for value.
-     */
-    get value() {
-        return this.innerValue;
-    }
-    /**
-     * The setter for value.
-     */
-    set value(value) {
-        if (value != null) {
-            value = '' + value;
-        }
-        this.innerValue = value;
-        this.focused = !!value;
-        if (this.onChange != null) {
-            this.onChange(value);
-        }
-        if (this.onTouched != null) {
-            this.onTouched();
-        }
-    }
-    get required() {
-        return this.innerRequired;
-    }
-    set required(value) {
-        this.innerRequired = coerceBooleanProperty(value);
-    }
-    /**
-     * Called on component initialisation.
-     */
-    ngOnInit() {
-        this.onBlur();
-    }
-    /**
-     * Writes the value.
-     * @param value The value.
-     */
-    writeValue(value) {
-        if (value != null) {
-            value = '' + value;
-        }
-        this.innerValue = value;
-        this.focused = !!value;
-    }
-    /**
-     * Registers a function to onChange.
-     * @param fn The registered function.
-     */
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    /**
-     * Registers a function to onTouched.
-     * @param fn The registered function.
-     */
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /**
-     * Called when the text input is in focus.
-     */
-    onFocus() {
-        this.focused = true;
-    }
-    onInput(event) {
-        this.value = event.target.value;
-    }
-    /**
-     * Called when the text input blurs.
-     */
-    onBlur() {
-        if (this.focused) {
-            this.focused = false;
-        }
-    }
-    /**
-     * Sets the disabled state.
-     * @param isDisabled When true the control is disabled
-     */
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-}
-TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: TextInputComponent, selector: "fng-text-input", inputs: { label: "label", type: "type", readonly: "readonly", step: "step", min: "min", max: "max", tabindex: "tabindex", placeholder: "placeholder", name: "name", disabled: "disabled", value: "value", required: "required", error: "error", hint: "hint" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TextInputComponent),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<label class=\"fwe-input-text\" [class.fwe-no-pointer-events]=\"readonly === true\">\n  <input\n    #inputElement\n    [disabled]=\"disabled\"\n    [required]=\"required === true || null\"\n    [attr.readonly]=\"readonly === true || null\"\n    [attr.placeholder]=\"placeholder || null\"\n    [attr.type]=\"type\"\n    [attr.step]=\"step\"\n    [attr.min]=\"min\"\n    [attr.max]=\"max\"\n    [attr.name]=\"name || null\"\n    [attr.tabindex]=\"tabindex\"\n    [class.fng-has-value]=\"value != null && value !== ''\"\n    autocomplete=\"off\"\n    [value]=\"value\"\n    (focus)=\"onFocus()\"\n    (input)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n  />\n  <span class=\"fwe-input-text-label\">{{ label }}</span>\n  <span *ngIf=\"hint; else projectedHint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n  <span *ngIf=\"error; else projectedError\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n\n  <ng-template #projectedHint>\n    <span class=\"fwe-input-text-info fng-projected\"><ng-content select=\".fng-hint\"></ng-content></span>\n  </ng-template>\n\n  <ng-template #projectedError>\n    <span class=\"fwe-input-text-invalid fng-projected\"><ng-content select=\".fng-error\"></ng-content></span>\n  </ng-template>\n</label>\n", styles: ["fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]{border-bottom:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:focus{border-bottom:1px solid var(--fwe-red)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled{border-bottom:1px solid var(--fwe-control-disabled)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-invalid{display:block!important}fng-text-input.ng-valid label.fwe-input-text input[type=text]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=password]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=date]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=time]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=datetime-local]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=number]:hover:not(:disabled){border-bottom:1px solid var(--fwe-hero)!important}fng-text-input label.fwe-input-text.fwe-no-pointer-events{pointer-events:none!important}.fwe-input-text-invalid.fng-projected:empty{display:none}.fwe-input-text-info.fng-projected:empty{display:none}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: TextInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-text-input',
-                    templateUrl: './text-input.component.html',
-                    styleUrls: ['./text-input.component.scss'],
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TextInputComponent),
-                            multi: true
-                        }
-                    ],
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['inputElement']
-            }] } });
-//# sourceMappingURL=text-input.component.js.map

package/esm2015/lib/forms/text-input/text-input.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-input.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/text-input/text-input.component.ts","../../../../../../../libs/angular/src/lib/forms/text-input/text-input.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, Input, forwardRef, ViewChild, ElementRef, ViewEncapsulation } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * A custom form element for text inputs.\n */\n@Component({\n  selector: 'fng-text-input',\n  templateUrl: './text-input.component.html',\n  styleUrls: ['./text-input.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TextInputComponent),\n      multi: true\n    }\n  ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class TextInputComponent implements OnInit, ControlValueAccessor {\n  /**\n   * The text input label.\n   */\n  @Input() label: string;\n\n  /**\n   * A string specifying the type of control to render.\n   */\n  @Input()\n  get type(): string {\n    return this.innerType;\n  }\n  set type(value: string) {\n    const supported = ['text', 'number', 'password', 'date', 'time', 'datetime-local'];\n    if (value != null && supported.indexOf(value) !== -1) {\n      this.innerType = value;\n    } else {\n      this.innerType = 'text';\n    }\n  }\n  protected innerType = 'text';\n\n  @Input()\n  get readonly(): boolean {\n    return this.innerReadonly;\n  }\n  set readonly(value: boolean) {\n    this.innerReadonly = coerceBooleanProperty(value);\n  }\n  private innerReadonly = false;\n\n  @Input() step: number;\n  @Input() min: number;\n  @Input() max: number;\n  @Input() tabindex: number;\n  @Input() placeholder: string;\n  @Input() name: string;\n\n  /**\n   * When true the control's disabled attribute is set\n   * and it gets addeed the .disabled css class.\n   */\n  @Input()\n  get disabled(): boolean {\n    return this.innerDisabled;\n  }\n  set disabled(value: boolean) {\n    this.innerDisabled = coerceBooleanProperty(value);\n\n    if (this.focused) {\n      this.focused = false;\n    }\n  }\n  protected innerDisabled = false;\n\n  /**\n   * The inner value.\n   */\n  innerValue: string;\n\n  /**\n   * The getter for value.\n   */\n  get value(): string {\n    return this.innerValue;\n  }\n\n  /**\n   * The setter for value.\n   */\n  @Input()\n  set value(value: string) {\n    if (value != null) {\n      value = '' + value;\n    }\n    this.innerValue = value;\n    this.focused = !!value;\n    if (this.onChange != null) {\n      this.onChange(value);\n    }\n    if (this.onTouched != null) {\n      this.onTouched();\n    }\n  }\n\n  @Input()\n  get required(): boolean {\n    return this.innerRequired;\n  }\n  set required(value: boolean) {\n    this.innerRequired = coerceBooleanProperty(value);\n  }\n  protected innerRequired = false;\n\n  /**\n   * Error description when invalid.\n   */\n  @Input() error: string;\n\n  /**\n   * Hint description when valid.\n   */\n  @Input() hint: string;\n\n  @ViewChild('inputElement') inputElement: ElementRef;\n\n  /**\n   * When true the text input has focus.\n   */\n  focused: boolean;\n\n  /**\n   * Triggered on change.\n   */\n  onChange: (value: string) => void;\n\n  /**\n   * Triggered on touch.\n   */\n  onTouched: () => void;\n\n  /**\n   * Called on component initialisation.\n   */\n  ngOnInit(): void {\n    this.onBlur();\n  }\n\n  /**\n   * Writes the value.\n   * @param value The value.\n   */\n  writeValue(value: string): void {\n    if (value != null) {\n      value = '' + value;\n    }\n    this.innerValue = value;\n    this.focused = !!value;\n  }\n\n  /**\n   * Registers a function to onChange.\n   * @param fn The registered function.\n   */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /**\n   * Registers a function to onTouched.\n   * @param fn The registered function.\n   */\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /**\n   * Called when the text input is in focus.\n   */\n  onFocus() {\n    this.focused = true;\n  }\n\n  onInput(event: any) {\n    this.value = event.target.value;\n  }\n\n  /**\n   * Called when the text input blurs.\n   */\n  onBlur() {\n    if (this.focused) {\n      this.focused = false;\n    }\n  }\n\n  /**\n   * Sets the disabled state.\n   * @param isDisabled When true the control is disabled\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n}\n","<label class=\"fwe-input-text\" [class.fwe-no-pointer-events]=\"readonly === true\">\n  <input\n    #inputElement\n    [disabled]=\"disabled\"\n    [required]=\"required === true || null\"\n    [attr.readonly]=\"readonly === true || null\"\n    [attr.placeholder]=\"placeholder || null\"\n    [attr.type]=\"type\"\n    [attr.step]=\"step\"\n    [attr.min]=\"min\"\n    [attr.max]=\"max\"\n    [attr.name]=\"name || null\"\n    [attr.tabindex]=\"tabindex\"\n    [class.fng-has-value]=\"value != null && value !== ''\"\n    autocomplete=\"off\"\n    [value]=\"value\"\n    (focus)=\"onFocus()\"\n    (input)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n  />\n  <span class=\"fwe-input-text-label\">{{ label }}</span>\n  <span *ngIf=\"hint; else projectedHint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n  <span *ngIf=\"error; else projectedError\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n\n  <ng-template #projectedHint>\n    <span class=\"fwe-input-text-info fng-projected\"><ng-content select=\".fng-hint\"></ng-content></span>\n  </ng-template>\n\n  <ng-template #projectedError>\n    <span class=\"fwe-input-text-invalid fng-projected\"><ng-content select=\".fng-error\"></ng-content></span>\n  </ng-template>\n</label>\n"]}

package/esm2015/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.js

@@ -1,103 +0,0 @@
-import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class TimePickerDropdownComponent {
-    constructor() {
-        this.showSeconds = false;
-        this.timeFormat = '24';
-        this.dateChange = new EventEmitter();
-    }
-    hide(event) {
-        if (event.key === 'Escape' || event.key === 'Enter') {
-            this.onDateChange(true, event.key === 'Escape');
-        }
-    }
-    ngAfterViewInit() {
-        if (this.hoursInput != null && this.hoursInput.nativeElement != null) {
-            this.hoursInput.nativeElement.focus();
-        }
-    }
-    onHourUp() {
-        var _a;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setHours(this.date.getHours() + 1);
-        this.onDateChange(false, false);
-    }
-    onHourDown() {
-        var _a;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setHours(this.date.getHours() - 1);
-        this.onDateChange(false, false);
-    }
-    onMinuteUp() {
-        var _a;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setMinutes(this.date.getMinutes() + 1);
-        this.onDateChange(false, false);
-    }
-    onMinuteDown() {
-        var _a;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setMinutes(this.date.getMinutes() - 1);
-        this.onDateChange(false, false);
-    }
-    onSecondUp() {
-        var _a;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setSeconds(this.date.getSeconds() + 1);
-        this.onDateChange(false, false);
-    }
-    onSecondDown() {
-        var _a;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setSeconds(this.date.getSeconds() - 1);
-        this.onDateChange(false, false);
-    }
-    onHourChange(event) {
-        var _a;
-        const max = +event.target.max;
-        const min = +event.target.min;
-        const hour = +event.target.value;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setHours(hour > max ? max : hour < min ? min : hour);
-    }
-    onMinuteChange(event) {
-        var _a;
-        const max = +event.target.max;
-        const min = +event.target.min;
-        const minute = +event.target.value;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setMinutes(minute > max ? max : minute < min ? min : minute);
-    }
-    onSecondChange(event) {
-        var _a;
-        const max = +event.target.max;
-        const min = +event.target.min;
-        const seconds = +event.target.value;
-        (_a = this.date) === null || _a === void 0 ? void 0 : _a.setSeconds(seconds > max ? max : seconds < min ? min : seconds);
-    }
-    onDateChange(close, reset) {
-        if (this.date != null) {
-            this.date = new Date(this.date);
-            this.dateChange.emit({ date: !reset ? new Date(this.date) : null, close });
-        }
-    }
-}
-TimePickerDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: TimePickerDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TimePickerDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: TimePickerDropdownComponent, selector: "fng-time-picker-dropdown", inputs: { date: "date", showSeconds: "showSeconds", timeFormat: "timeFormat" }, outputs: { dateChange: "dateChange" }, host: { listeners: { "document:keydown": "hide($event)" } }, viewQueries: [{ propertyName: "hoursInput", first: true, predicate: ["hoursInput"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-timepicker\" [class.fwe-timepicker-am-pm]=\"timeFormat === '12'\">\n  <div class=\"fwe-timepicker-spinners\">\n    <div class=\"fwe-timepicker-spinners-hours\">\n      <button type=\"button\" aria-label=\"hour up\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onHourUp()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-expand\"></i>\n      </button>\n      <input #hoursInput\n        aria-label=\"hours value\"\n        class=\"fwe-timepicker-hide-spinners\"\n        type=\"number\"\n        min=\"0\"\n        tabindex=\"1\"\n        step=\"1\"\n        [value]=\"date | date: (timeFormat === '12' ? 'hh' : 'HH')\"\n        [attr.max]=\"timeFormat === '12' ? 12 : 23\"\n        (input)=\"onHourChange($event)\"\n      />\n      <button type=\"button\" aria-label=\"hour down\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onHourDown()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-collapse\"></i>\n      </button>\n    </div>\n    <div class=\"fwe-timepicker-spinners-minutes\">\n      <button type=\"button\" aria-label=\"minute up\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onMinuteUp()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-expand\"></i>\n      </button>\n      <input\n        aria-label=\"minutes value\"\n        class=\"fwe-timepicker-hide-spinners\"\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        step=\"1\"\n        tabindex=\"2\"\n        [value]=\"date | date:'mm'\"\n        (input)=\"onMinuteChange($event)\"\n      />\n      <button type=\"button\" aria-label=\"minute down\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onMinuteDown()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-collapse\"></i>\n      </button>\n    </div>\n    <div *ngIf=\"showSeconds\" class=\"fwe-timepicker-spinners-seconds\">\n      <button type=\"button\" aria-label=\"seconds up\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onSecondUp()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-expand\"></i>\n      </button>\n      <input\n        aria-label=\"seconds value\"\n        class=\"fwe-timepicker-hide-spinners\"\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        step=\"1\"\n        tabindex=\"3\"\n        [value]=\"date | date:'ss'\"\n        (input)=\"onSecondChange($event)\"\n      />\n      <button type=\"button\" aria-label=\"seconds down\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onSecondDown()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-collapse\"></i>\n      </button>\n    </div>\n  </div>\n  <span *ngIf=\"timeFormat === '12'\" class=\"fwe-badge fwe-badge-control\">\n    {{ date | date:'a' }}\n  </span>\n</div>\n", styles: [".border-hero{border-color:var(--fwe-hero)!important}.fwe-timepicker{width:100%;max-width:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "date": i1.DatePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: TimePickerDropdownComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-time-picker-dropdown',
-                    templateUrl: './time-picker-dropdown.component.html',
-                    styleUrls: ['./time-picker-dropdown.component.scss'],
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { date: [{
-                type: Input
-            }], showSeconds: [{
-                type: Input
-            }], timeFormat: [{
-                type: Input
-            }], dateChange: [{
-                type: Output
-            }], hoursInput: [{
-                type: ViewChild,
-                args: ['hoursInput']
-            }], hide: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
-//# sourceMappingURL=time-picker-dropdown.component.js.map

package/esm2015/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-picker-dropdown.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.ts","../../../../../../../../libs/angular/src/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,iBAAiB,EAClB,MAAM,eAAe,CAAC;;;AAQvB,MAAM,OAAO,2BAA2B;IANxC;QAQW,gBAAW,GAAG,KAAK,CAAC;QACpB,eAAU,GAAgB,IAAI,CAAC;QAC9B,eAAU,GAAG,IAAI,YAAY,EAAkC,CAAC;KA0E3E;IArEC,IAAI,CAAC,KAAoB;QACvB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACnD,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC;SACjD;IACH,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,IAAI,EAAE;YACnE,IAAI,CAAC,UAAU,CAAC,aAA6B,CAAC,KAAK,EAAE,CAAC;SACxD;IACH,CAAC;IAED,QAAQ;;QACN,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,UAAU;;QACR,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,UAAU;;QACR,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,YAAY;;QACV,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,UAAU;;QACR,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,YAAY;;QACV,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,YAAY,CAAC,KAAoB;;QAC/B,MAAM,GAAG,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,GAAG,CAAC;QACpD,MAAM,GAAG,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,GAAG,CAAC;QACpD,MAAM,IAAI,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACvD,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,cAAc,CAAC,KAAoB;;QACjC,MAAM,GAAG,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,GAAG,CAAC;QACpD,MAAM,GAAG,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,GAAG,CAAC;QACpD,MAAM,MAAM,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACzD,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1E,CAAC;IAED,cAAc,CAAC,KAAoB;;QACjC,MAAM,GAAG,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,GAAG,CAAC;QACpD,MAAM,GAAG,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,GAAG,CAAC;QACpD,MAAM,OAAO,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC1D,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC;IAED,YAAY,CAAC,KAAc,EAAE,KAAc;QACzC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;YACrB,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;SAC5E;IACH,CAAC;;wHA7EU,2BAA2B;4GAA3B,2BAA2B,8VClBxC,2tFAgEA;2FD9Ca,2BAA2B;kBANvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,WAAW,EAAE,uCAAuC;oBACpD,SAAS,EAAE,CAAC,uCAAuC,CAAC;oBACpD,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAEU,IAAI;sBAAZ,KAAK;gBACG,WAAW;sBAAnB,KAAK;gBACG,UAAU;sBAAlB,KAAK;gBACI,UAAU;sBAAnB,MAAM;gBAEkB,UAAU;sBAAlC,SAAS;uBAAC,YAAY;gBAGvB,IAAI;sBADH,YAAY;uBAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\n\n@Component({\n  selector: 'fng-time-picker-dropdown',\n  templateUrl: './time-picker-dropdown.component.html',\n  styleUrls: ['./time-picker-dropdown.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class TimePickerDropdownComponent implements AfterViewInit {\n  @Input() date: Date;\n  @Input() showSeconds = false;\n  @Input() timeFormat: '12' | '24' = '24';\n  @Output() dateChange = new EventEmitter<{ date: Date; close: boolean }>();\n\n  @ViewChild('hoursInput') hoursInput: ElementRef;\n\n  @HostListener('document:keydown', ['$event'])\n  hide(event: KeyboardEvent) {\n    if (event.key === 'Escape' || event.key === 'Enter') {\n      this.onDateChange(true, event.key === 'Escape');\n    }\n  }\n\n  ngAfterViewInit() {\n    if (this.hoursInput != null && this.hoursInput.nativeElement != null) {\n      (this.hoursInput.nativeElement as HTMLElement).focus();\n    }\n  }\n\n  onHourUp() {\n    this.date?.setHours(this.date.getHours() + 1);\n    this.onDateChange(false, false);\n  }\n\n  onHourDown() {\n    this.date?.setHours(this.date.getHours() - 1);\n    this.onDateChange(false, false);\n  }\n\n  onMinuteUp() {\n    this.date?.setMinutes(this.date.getMinutes() + 1);\n    this.onDateChange(false, false);\n  }\n\n  onMinuteDown() {\n    this.date?.setMinutes(this.date.getMinutes() - 1);\n    this.onDateChange(false, false);\n  }\n\n  onSecondUp() {\n    this.date?.setSeconds(this.date.getSeconds() + 1);\n    this.onDateChange(false, false);\n  }\n\n  onSecondDown() {\n    this.date?.setSeconds(this.date.getSeconds() - 1);\n    this.onDateChange(false, false);\n  }\n\n  onHourChange(event: KeyboardEvent) {\n    const max = +(event.target as HTMLInputElement).max;\n    const min = +(event.target as HTMLInputElement).min;\n    const hour = +(event.target as HTMLInputElement).value;\n    this.date?.setHours(hour > max ? max : hour < min ? min : hour);\n  }\n\n  onMinuteChange(event: KeyboardEvent) {\n    const max = +(event.target as HTMLInputElement).max;\n    const min = +(event.target as HTMLInputElement).min;\n    const minute = +(event.target as HTMLInputElement).value;\n    this.date?.setMinutes(minute > max ? max : minute < min ? min : minute);\n  }\n\n  onSecondChange(event: KeyboardEvent) {\n    const max = +(event.target as HTMLInputElement).max;\n    const min = +(event.target as HTMLInputElement).min;\n    const seconds = +(event.target as HTMLInputElement).value;\n    this.date?.setSeconds(seconds > max ? max : seconds < min ? min : seconds);\n  }\n\n  onDateChange(close: boolean, reset: boolean) {\n    if (this.date != null) {\n      this.date = new Date(this.date);\n      this.dateChange.emit({ date: !reset ? new Date(this.date) : null, close });\n    }\n  }\n}\n","<div class=\"fwe-timepicker\" [class.fwe-timepicker-am-pm]=\"timeFormat === '12'\">\n  <div class=\"fwe-timepicker-spinners\">\n    <div class=\"fwe-timepicker-spinners-hours\">\n      <button type=\"button\" aria-label=\"hour up\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onHourUp()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-expand\"></i>\n      </button>\n      <input #hoursInput\n        aria-label=\"hours value\"\n        class=\"fwe-timepicker-hide-spinners\"\n        type=\"number\"\n        min=\"0\"\n        tabindex=\"1\"\n        step=\"1\"\n        [value]=\"date | date: (timeFormat === '12' ? 'hh' : 'HH')\"\n        [attr.max]=\"timeFormat === '12' ? 12 : 23\"\n        (input)=\"onHourChange($event)\"\n      />\n      <button type=\"button\" aria-label=\"hour down\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onHourDown()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-collapse\"></i>\n      </button>\n    </div>\n    <div class=\"fwe-timepicker-spinners-minutes\">\n      <button type=\"button\" aria-label=\"minute up\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onMinuteUp()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-expand\"></i>\n      </button>\n      <input\n        aria-label=\"minutes value\"\n        class=\"fwe-timepicker-hide-spinners\"\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        step=\"1\"\n        tabindex=\"2\"\n        [value]=\"date | date:'mm'\"\n        (input)=\"onMinuteChange($event)\"\n      />\n      <button type=\"button\" aria-label=\"minute down\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onMinuteDown()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-collapse\"></i>\n      </button>\n    </div>\n    <div *ngIf=\"showSeconds\" class=\"fwe-timepicker-spinners-seconds\">\n      <button type=\"button\" aria-label=\"seconds up\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onSecondUp()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-expand\"></i>\n      </button>\n      <input\n        aria-label=\"seconds value\"\n        class=\"fwe-timepicker-hide-spinners\"\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        step=\"1\"\n        tabindex=\"3\"\n        [value]=\"date | date:'ss'\"\n        (input)=\"onSecondChange($event)\"\n      />\n      <button type=\"button\" aria-label=\"seconds down\" class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onSecondDown()\">\n        <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-arrows-collapse\"></i>\n      </button>\n    </div>\n  </div>\n  <span *ngIf=\"timeFormat === '12'\" class=\"fwe-badge fwe-badge-control\">\n    {{ date | date:'a' }}\n  </span>\n</div>\n"]}

package/esm2015/lib/forms/time-picker/time-picker.component.js

@@ -1,194 +0,0 @@
-import { Overlay } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { Component, ElementRef, forwardRef, HostBinding, HostListener, Input, ViewChild, ViewEncapsulation } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { TimePickerDropdownComponent } from './time-picker-dropdown/time-picker-dropdown.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
-import * as i2 from "@angular/common";
-export class TimePickerComponent {
-    constructor(overlay) {
-        this.overlay = overlay;
-        this.innerRequired = false;
-        this.display = 'block';
-        this.innerDisabled = false;
-        this.complete = new Subject();
-    }
-    get value() {
-        return this.innerValue;
-    }
-    set value(date) {
-        if (!this.disabled) {
-            this.innerValue = date;
-            if (this.onChange != null) {
-                this.onChange(date);
-            }
-            if (this.onTouched != null) {
-                this.onTouched();
-            }
-        }
-    }
-    get disabled() {
-        return this.innerDisabled;
-    }
-    set disabled(value) {
-        this.innerDisabled = coerceBooleanProperty(value);
-    }
-    get required() {
-        return this.innerRequired;
-    }
-    set required(value) {
-        this.innerRequired = coerceBooleanProperty(value);
-    }
-    get timeFormat() {
-        let timeFormat = 'H:mm';
-        if (this.options != null) {
-            if (this.options.showSeconds) {
-                timeFormat += ':ss';
-            }
-            if (this.options.timeFormat === '12') {
-                timeFormat = timeFormat.toLowerCase() + ' a';
-            }
-        }
-        return timeFormat;
-    }
-    hide(event) {
-        if (event.key === 'Escape') {
-            this.dispose();
-        }
-    }
-    writeValue(date) {
-        this.innerValue = date;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    toggle(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!this.disabled) {
-            if (this.timePickerRef == null && this.connector != null && this.connector.nativeElement != null) {
-                const labelWidth = this.connector.nativeElement.clientWidth;
-                this.timePickerRef = this.overlay.create({
-                    width: `${labelWidth}px`,
-                    panelClass: 'fng-first-child-fullwidth',
-                    hasBackdrop: true,
-                    backdropClass: 'fng-date-picker-backdrop',
-                    scrollStrategy: this.overlay.scrollStrategies.block(),
-                    positionStrategy: this.overlay
-                        .position()
-                        .flexibleConnectedTo(this.connector.nativeElement)
-                        .withPositions([
-                        {
-                            originX: 'center',
-                            originY: 'bottom',
-                            overlayX: 'center',
-                            overlayY: 'top',
-                            offsetY: -12
-                        },
-                        {
-                            originX: 'center',
-                            originY: 'top',
-                            overlayX: 'center',
-                            overlayY: 'bottom',
-                            offsetY: 4
-                        }
-                    ])
-                        .withFlexibleDimensions(false)
-                        .withPush(false)
-                });
-                const timePickerPortal = new ComponentPortal(TimePickerDropdownComponent);
-                this.timePicker = this.timePickerRef.attach(timePickerPortal);
-                this.timePicker.instance.timeFormat = this.options != null && this.options.timeFormat != null ? this.options.timeFormat : '24';
-                this.timePicker.instance.showSeconds = this.options != null && this.options.showSeconds != null ? this.options.showSeconds : false;
-                this.timePicker.instance.date = new Date(this.value);
-                this.timePicker.instance.dateChange.pipe(takeUntil(this.complete)).subscribe(ev => {
-                    if (ev.date != null) {
-                        this.value = ev.date;
-                    }
-                    if (ev.close) {
-                        this.dispose();
-                    }
-                });
-                this.timePickerRef
-                    .backdropClick()
-                    .pipe(takeUntil(this.complete))
-                    .subscribe(() => this.dispose());
-            }
-            else {
-                this.dispose();
-            }
-        }
-    }
-    dispose() {
-        if (this.timePickerRef != null) {
-            this.timePickerRef.detach();
-            this.timePickerRef.dispose();
-            this.timePickerRef = null;
-        }
-        if (this.complete != null) {
-            this.complete.next();
-            this.complete.complete();
-        }
-    }
-}
-TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: TimePickerComponent, selector: "fng-time-picker", inputs: { value: "value", disabled: "disabled", required: "required", hint: "hint", error: "error", options: "options", width: "width" }, host: { listeners: { "document:keydown": "hide($event)" }, properties: { "style.width": "this.width", "style.display": "this.display" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TimePickerComponent),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "connector", first: true, predicate: ["connector"], descendants: true, static: true }], ngImport: i0, template: "<label #connector class=\"fng-time-picker fwe-input-text fwe-input-text-icon\" (click)=\"toggle($event)\">\n  <i class=\"fwe-icon fwe-icon-time-time\" [class.fwe-color-hero]=\"timePickerRef != null\" [class.fwe-color-control-disabled]=\"disabled\"></i>\n  <input\n    aria-label=\"picked time\"\n    type=\"text\"\n    readonly\n    [required]=\"required === true || null\"\n    [class.fwe-border-hero]=\"timePickerRef != null\"\n    [value]=\"value | date: timeFormat\"\n    [disabled]=\"disabled\"\n  />\n  <span class=\"fwe-input-text-label\"><ng-content></ng-content></span>\n  <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n  <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n</label>\n", styles: [".fng-first-child-fullwidth fng-time-picker-dropdown{width:100%}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "date": i2.DatePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: TimePickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-time-picker',
-                    templateUrl: './time-picker.component.html',
-                    styleUrls: ['./time-picker.component.scss'],
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TimePickerComponent),
-                            multi: true
-                        }
-                    ],
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i1.Overlay }]; }, propDecorators: { value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.width']
-            }], display: [{
-                type: HostBinding,
-                args: ['style.display']
-            }], connector: [{
-                type: ViewChild,
-                args: ['connector', { static: true }]
-            }], hide: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
-//# sourceMappingURL=time-picker.component.js.map

package/esm2015/lib/forms/time-picker/time-picker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-picker.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/time-picker/time-picker.component.ts","../../../../../../../libs/angular/src/lib/forms/time-picker/time-picker.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Component, ComponentRef, ElementRef, forwardRef, HostBinding, HostListener, Input, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { TimePickerDropdownComponent } from './time-picker-dropdown/time-picker-dropdown.component';\n\nexport interface TimePickerOptions {\n  timeFormat?: '12' | '24';\n  showSeconds?: boolean;\n}\n\n@Component({\n  selector: 'fng-time-picker',\n  templateUrl: './time-picker.component.html',\n  styleUrls: ['./time-picker.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TimePickerComponent),\n      multi: true\n    }\n  ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class TimePickerComponent implements ControlValueAccessor {\n  get value(): Date {\n    return this.innerValue;\n  }\n  @Input()\n  set value(date: Date) {\n    if (!this.disabled) {\n      this.innerValue = date;\n      if (this.onChange != null) {\n        this.onChange(date);\n      }\n      if (this.onTouched != null) {\n        this.onTouched();\n      }\n    }\n  }\n\n  @Input()\n  get disabled(): boolean {\n    return this.innerDisabled;\n  }\n  set disabled(value: boolean) {\n    this.innerDisabled = coerceBooleanProperty(value);\n  }\n\n  @Input()\n  get required(): boolean {\n    return this.innerRequired;\n  }\n  set required(value: boolean) {\n    this.innerRequired = coerceBooleanProperty(value);\n  }\n  protected innerRequired = false;\n\n  @Input() hint: string;\n  @Input() error: string;\n  @Input() options: TimePickerOptions;\n\n  @Input()\n  @HostBinding('style.width') width: string;\n  @HostBinding('style.display') display: string = 'block';\n\n  @ViewChild('connector', { static: true }) connector: ElementRef;\n\n  get timeFormat(): string {\n    let timeFormat = 'H:mm';\n    if (this.options != null) {\n      if (this.options.showSeconds) {\n        timeFormat += ':ss';\n      }\n      if (this.options.timeFormat === '12') {\n        timeFormat = timeFormat.toLowerCase() + ' a';\n      }\n    }\n    return timeFormat;\n  }\n\n  timePickerRef: OverlayRef;\n\n  protected innerValue: Date;\n  protected innerDisabled = false;\n\n  private complete = new Subject();\n  private timePicker: ComponentRef<TimePickerDropdownComponent>;\n\n  constructor(private overlay: Overlay) {}\n\n  onTouched: () => void;\n  onChange: (date: Date) => void;\n\n  @HostListener('document:keydown', ['$event'])\n  hide(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      this.dispose();\n    }\n  }\n\n  writeValue(date: Date): void {\n    this.innerValue = date;\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  toggle(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!this.disabled) {\n      if (this.timePickerRef == null && this.connector != null && this.connector.nativeElement != null) {\n        const labelWidth = (this.connector.nativeElement as HTMLElement).clientWidth;\n        this.timePickerRef = this.overlay.create({\n          width: `${labelWidth}px`,\n          panelClass: 'fng-first-child-fullwidth',\n          hasBackdrop: true,\n          backdropClass: 'fng-date-picker-backdrop',\n          scrollStrategy: this.overlay.scrollStrategies.block(),\n          positionStrategy: this.overlay\n            .position()\n            .flexibleConnectedTo(this.connector.nativeElement)\n            .withPositions([\n              {\n                originX: 'center',\n                originY: 'bottom',\n                overlayX: 'center',\n                overlayY: 'top',\n                offsetY: -12\n              },\n              {\n                originX: 'center',\n                originY: 'top',\n                overlayX: 'center',\n                overlayY: 'bottom',\n                offsetY: 4\n              }\n            ])\n            .withFlexibleDimensions(false)\n            .withPush(false)\n        });\n        const timePickerPortal = new ComponentPortal(TimePickerDropdownComponent);\n        this.timePicker = this.timePickerRef.attach(timePickerPortal);\n        this.timePicker.instance.timeFormat = this.options != null && this.options.timeFormat != null ? this.options.timeFormat : '24';\n        this.timePicker.instance.showSeconds = this.options != null && this.options.showSeconds != null ? this.options.showSeconds : false;\n        this.timePicker.instance.date = new Date(this.value);\n        this.timePicker.instance.dateChange.pipe(takeUntil(this.complete)).subscribe(ev => {\n          if (ev.date != null) {\n            this.value = ev.date;\n          }\n          if (ev.close) {\n            this.dispose();\n          }\n        });\n        this.timePickerRef\n          .backdropClick()\n          .pipe(takeUntil(this.complete))\n          .subscribe(() => this.dispose());\n      } else {\n        this.dispose();\n      }\n    }\n  }\n\n  private dispose() {\n    if (this.timePickerRef != null) {\n      this.timePickerRef.detach();\n      this.timePickerRef.dispose();\n      this.timePickerRef = null;\n    }\n    if (this.complete != null) {\n      this.complete.next();\n      this.complete.complete();\n    }\n  }\n}\n","<label #connector class=\"fng-time-picker fwe-input-text fwe-input-text-icon\" (click)=\"toggle($event)\">\n  <i class=\"fwe-icon fwe-icon-time-time\" [class.fwe-color-hero]=\"timePickerRef != null\" [class.fwe-color-control-disabled]=\"disabled\"></i>\n  <input\n    aria-label=\"picked time\"\n    type=\"text\"\n    readonly\n    [required]=\"required === true || null\"\n    [class.fwe-border-hero]=\"timePickerRef != null\"\n    [value]=\"value | date: timeFormat\"\n    [disabled]=\"disabled\"\n  />\n  <span class=\"fwe-input-text-label\"><ng-content></ng-content></span>\n  <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n  <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n</label>\n"]}