@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
70 lines • 10.5 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, LOCALE_ID, Output, ViewEncapsulation, } from '@angular/core';
import { DokuFormFieldModule } from '../../../form-field';
import { DokuTimePickerModule } from '../../../time-picker';
import * as i0 from "@angular/core";
import * as i1 from "../../../form-field/form-field.component";
import * as i2 from "../../../form-field/field-label.component";
import * as i3 from "../../../time-picker/time-picker.component";
export class DokuTimePickerCommon {
get value() {
return this._value;
}
set value(val) {
this._value = this.normalizeTime(val);
}
get minTime() {
return this._minTime;
}
set minTime(val) {
this._minTime = this.normalizeTime(val);
}
get maxTime() {
return this._maxTime;
}
set maxTime(val) {
this._maxTime = this.normalizeTime(val);
}
constructor(localeId) {
this.localeId = localeId;
this.disabled = false;
this._value = '';
this._minTime = '';
this._maxTime = '';
this.timeChange = new EventEmitter();
}
get textSelectTIme() {
if (this.labelSelectTime)
return this.labelSelectTime;
return this.localeId.toLowerCase().startsWith('en') ? 'Select Time' : 'Pilih Waktu';
}
normalizeTime(time) {
if (time instanceof Date)
return time.toISOString();
if (typeof time === 'string')
return time;
return '';
}
}
DokuTimePickerCommon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuTimePickerCommon, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
DokuTimePickerCommon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DokuTimePickerCommon, isStandalone: true, selector: "doku-time-picker-common", inputs: { disabled: "disabled", value: "value", minTime: "minTime", maxTime: "maxTime", labelSelectTime: "labelSelectTime" }, outputs: { timeChange: "timeChange" }, exportAs: ["dokuTimePickerCommon"], ngImport: i0, template: "<div class=\"d-date-time-picker-footer\">\n <doku-form-field>\n <doku-field-label>{{ textSelectTIme }}</doku-field-label>\n <doku-time-picker\n [disabled]=\"disabled\"\n [value]=\"value\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n (timeChange)=\"value = $event; timeChange.emit($event)\"\n ></doku-time-picker>\n </doku-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DokuFormFieldModule }, { kind: "component", type: i1.DokuFormField, selector: "doku-form-field", inputs: ["showSuccessBehavior", "isErrorState", "isSuccessState"], exportAs: ["dokuFormField"] }, { kind: "component", type: i2.DokuFieldLabel, selector: "doku-field-label", inputs: ["for"], exportAs: ["dokuFieldLabel"] }, { kind: "ngmodule", type: DokuTimePickerModule }, { kind: "component", type: i3.DokuTimePicker, selector: "doku-time-picker", inputs: ["disabled", "showSeconds", "value", "min", "max"], outputs: ["timeChange"], exportAs: ["dokuTimePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuTimePickerCommon, decorators: [{
type: Component,
args: [{ selector: 'doku-time-picker-common', exportAs: 'dokuTimePickerCommon', standalone: true, imports: [CommonModule, DokuFormFieldModule, DokuTimePickerModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-date-time-picker-footer\">\n <doku-form-field>\n <doku-field-label>{{ textSelectTIme }}</doku-field-label>\n <doku-time-picker\n [disabled]=\"disabled\"\n [value]=\"value\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n (timeChange)=\"value = $event; timeChange.emit($event)\"\n ></doku-time-picker>\n </doku-form-field>\n</div>\n" }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [LOCALE_ID]
}] }]; }, propDecorators: { disabled: [{
type: Input
}], value: [{
type: Input
}], minTime: [{
type: Input
}], maxTime: [{
type: Input
}], labelSelectTime: [{
type: Input
}], timeChange: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9rdS1mcmFnbWVudC9zcmMvbGliL2RhdGUtdGltZS1waWNrZXIvY29tbW9uL3RpbWUtcGlja2VyL3RpbWUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9kYXRlLXRpbWUtcGlja2VyL2NvbW1vbi90aW1lLXBpY2tlci90aW1lLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBVzVELE1BQU0sT0FBTyxvQkFBb0I7SUFHL0IsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxHQUF5QjtRQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUdELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsR0FBeUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFHRCxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLEdBQXlCO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBT0QsWUFBdUMsUUFBZ0I7UUFBaEIsYUFBUSxHQUFSLFFBQVEsQ0FBUTtRQWpDOUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQVNsQixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBU1osYUFBUSxHQUFHLEVBQUUsQ0FBQztRQVNkLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFJWixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVRLENBQUM7SUFFM0QsSUFBYyxjQUFjO1FBQzFCLElBQUksSUFBSSxDQUFDLGVBQWU7WUFBRSxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDdEQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7SUFDdEYsQ0FBQztJQUVPLGFBQWEsQ0FBQyxJQUEyQjtRQUMvQyxJQUFJLElBQUksWUFBWSxJQUFJO1lBQUUsT0FBTyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFDMUMsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDOztpSEE3Q1Usb0JBQW9CLGtCQWtDWCxTQUFTO3FHQWxDbEIsb0JBQW9CLDRSQ3ZCakMsMFhBWUEsMkNETVksWUFBWSw4QkFBRSxtQkFBbUIsdVVBQUUsb0JBQW9COzJGQUt0RCxvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UseUJBQXlCLFlBQ3pCLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsb0JBQW9CLENBQUMsaUJBRW5ELGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OzBCQW9DbEMsTUFBTTsyQkFBQyxTQUFTOzRDQWpDcEIsUUFBUTtzQkFBaEIsS0FBSztnQkFHRixLQUFLO3NCQURSLEtBQUs7Z0JBVUYsT0FBTztzQkFEVixLQUFLO2dCQVVGLE9BQU87c0JBRFYsS0FBSztnQkFTRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBMT0NBTEVfSUQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9rdUZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgRG9rdVRpbWVQaWNrZXJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi90aW1lLXBpY2tlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rva3UtdGltZS1waWNrZXItY29tbW9uJyxcbiAgZXhwb3J0QXM6ICdkb2t1VGltZVBpY2tlckNvbW1vbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERva3VGb3JtRmllbGRNb2R1bGUsIERva3VUaW1lUGlja2VyTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbWUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERva3VUaW1lUGlja2VyQ29tbW9uIHtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBnZXQgdmFsdWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gIH1cbiAgc2V0IHZhbHVlKHZhbDogc3RyaW5nIHwgRGF0ZSB8IG51bGwpIHtcbiAgICB0aGlzLl92YWx1ZSA9IHRoaXMubm9ybWFsaXplVGltZSh2YWwpO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlID0gJyc7XG5cbiAgQElucHV0KClcbiAgZ2V0IG1pblRpbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fbWluVGltZTtcbiAgfVxuICBzZXQgbWluVGltZSh2YWw6IHN0cmluZyB8IERhdGUgfCBudWxsKSB7XG4gICAgdGhpcy5fbWluVGltZSA9IHRoaXMubm9ybWFsaXplVGltZSh2YWwpO1xuICB9XG4gIHByaXZhdGUgX21pblRpbWUgPSAnJztcblxuICBASW5wdXQoKVxuICBnZXQgbWF4VGltZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9tYXhUaW1lO1xuICB9XG4gIHNldCBtYXhUaW1lKHZhbDogc3RyaW5nIHwgRGF0ZSB8IG51bGwpIHtcbiAgICB0aGlzLl9tYXhUaW1lID0gdGhpcy5ub3JtYWxpemVUaW1lKHZhbCk7XG4gIH1cbiAgcHJpdmF0ZSBfbWF4VGltZSA9ICcnO1xuXG4gIEBJbnB1dCgpIGxhYmVsU2VsZWN0VGltZT86IHN0cmluZztcblxuICBAT3V0cHV0KCkgdGltZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoTE9DQUxFX0lEKSBwcml2YXRlIGxvY2FsZUlkOiBzdHJpbmcpIHt9XG5cbiAgcHJvdGVjdGVkIGdldCB0ZXh0U2VsZWN0VEltZSgpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmxhYmVsU2VsZWN0VGltZSkgcmV0dXJuIHRoaXMubGFiZWxTZWxlY3RUaW1lO1xuICAgIHJldHVybiB0aGlzLmxvY2FsZUlkLnRvTG93ZXJDYXNlKCkuc3RhcnRzV2l0aCgnZW4nKSA/ICdTZWxlY3QgVGltZScgOiAnUGlsaWggV2FrdHUnO1xuICB9XG5cbiAgcHJpdmF0ZSBub3JtYWxpemVUaW1lKHRpbWU/OiBEYXRlIHwgc3RyaW5nIHwgbnVsbCk6IHN0cmluZyB7XG4gICAgaWYgKHRpbWUgaW5zdGFuY2VvZiBEYXRlKSByZXR1cm4gdGltZS50b0lTT1N0cmluZygpO1xuICAgIGlmICh0eXBlb2YgdGltZSA9PT0gJ3N0cmluZycpIHJldHVybiB0aW1lO1xuICAgIHJldHVybiAnJztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImQtZGF0ZS10aW1lLXBpY2tlci1mb290ZXJcIj5cbiAgPGRva3UtZm9ybS1maWVsZD5cbiAgICA8ZG9rdS1maWVsZC1sYWJlbD57eyB0ZXh0U2VsZWN0VEltZSB9fTwvZG9rdS1maWVsZC1sYWJlbD5cbiAgICA8ZG9rdS10aW1lLXBpY2tlclxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICBbbWluXT1cIm1pblRpbWVcIlxuICAgICAgW21heF09XCJtYXhUaW1lXCJcbiAgICAgICh0aW1lQ2hhbmdlKT1cInZhbHVlID0gJGV2ZW50OyB0aW1lQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvZG9rdS10aW1lLXBpY2tlcj5cbiAgPC9kb2t1LWZvcm0tZmllbGQ+XG48L2Rpdj5cbiJdfQ==