@alauda-fe/common/esm2022/metric-chart/metric-time-pick.mjs

Alauda frontend team common codes.

import { IconComponent, SelectModule } from '@alauda/ui';
import { NgForOf, NgIf } from '@angular/common';
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { EffectDirectiveModule } from '../effect-directive/module';
import { TranslateModule } from '../translate/translate.module';
import { SelectPrefixLabelDirective } from '../widget/select-prefix-label/directive';
import { PICKER_TIME_RANGES } from './helpers';
import * as i0 from "@angular/core";
import * as i1 from "../translate/translate.pipe";
import * as i2 from "@alauda/ui";
import * as i3 from "@angular/forms";
function MetricTimePickComponent_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "aui-icon", 5);
    i0.ɵɵelementContainerEnd();
} }
function MetricTimePickComponent_ng_template_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtext(0);
    i0.ɵɵpipe(1, "translate");
} if (rf & 2) {
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, "time_range"), ":");
} }
function MetricTimePickComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, MetricTimePickComponent_ng_template_0_ng_container_0_Template, 2, 0, "ng-container", 4)(1, MetricTimePickComponent_ng_template_0_ng_template_1_Template, 2, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
    const elseTemplate_r2 = i0.ɵɵreference(2);
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngIf", ctx_r2.icon)("ngIfElse", elseTemplate_r2);
} }
function MetricTimePickComponent_aui_option_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "aui-option", 6);
    i0.ɵɵpipe(1, "translate");
    i0.ɵɵtext(2);
    i0.ɵɵpipe(3, "translate");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r4 = ctx.$implicit;
    i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 3, item_r4.name))("value", item_r4);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, item_r4.name), " ");
} }
export class MetricTimePickComponent {
    constructor() {
        this.icon = true;
        this.time = PICKER_TIME_RANGES[1];
        this.timeRange = PICKER_TIME_RANGES;
        this.timeSelected = new EventEmitter();
    }
    changeTime() {
        this.timeSelected.emit(this.time);
    }
    static { this.ɵfac = function MetricTimePickComponent_Factory(t) { return new (t || MetricTimePickComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricTimePickComponent, selectors: [["acl-metric-time-pick"]], inputs: { icon: "icon", time: "time", timeRange: "timeRange" }, outputs: { timeSelected: "timeSelected" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 3, consts: [["iconWrapper", ""], ["elseTemplate", ""], [3, "ngModelChange", "aclPrefixLabel", "ngModel"], [3, "label", "value", 4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"], ["icon", "clock"], [3, "label", "value"]], template: function MetricTimePickComponent_Template(rf, ctx) { if (rf & 1) {
            const _r1 = i0.ɵɵgetCurrentView();
            i0.ɵɵtemplate(0, MetricTimePickComponent_ng_template_0_Template, 3, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
            i0.ɵɵelementStart(2, "aui-select", 2);
            i0.ɵɵtwoWayListener("ngModelChange", function MetricTimePickComponent_Template_aui_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.time, $event) || (ctx.time = $event); return i0.ɵɵresetView($event); });
            i0.ɵɵlistener("ngModelChange", function MetricTimePickComponent_Template_aui_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeTime()); });
            i0.ɵɵtemplate(3, MetricTimePickComponent_aui_option_3_Template, 4, 7, "aui-option", 3);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            const iconWrapper_r5 = i0.ɵɵreference(1);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("aclPrefixLabel", iconWrapper_r5);
            i0.ɵɵtwoWayProperty("ngModel", ctx.time);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngForOf", ctx.timeRange);
        } }, dependencies: [NgIf,
            IconComponent,
            TranslateModule, i1.TranslatePipe, SelectModule, i2.SelectComponent, i2.OptionComponent, EffectDirectiveModule,
            SelectPrefixLabelDirective,
            FormsModule, i3.NgControlStatus, i3.NgModel, NgForOf], styles: ["[_nghost-%COMP%] > aui-select[_ngcontent-%COMP%]{font-weight:400}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MetricTimePickComponent, [{
        type: Component,
        args: [{ selector: 'acl-metric-time-pick', template: `
    <ng-template #iconWrapper>
      <ng-container *ngIf="icon; else elseTemplate">
        <aui-icon icon="clock"></aui-icon>
      </ng-container>
      <ng-template #elseTemplate> {{ 'time_range' | translate }}:</ng-template>
    </ng-template>
    <aui-select
      [aclPrefixLabel]="iconWrapper"
      [(ngModel)]="time"
      (ngModelChange)="changeTime()"
    >
      <aui-option
        *ngFor="let item of timeRange"
        [label]="item.name | translate"
        [value]="item"
      >
        {{ item.name | translate }}
      </aui-option>
    </aui-select>
  `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                    NgIf,
                    IconComponent,
                    TranslateModule,
                    SelectModule,
                    EffectDirectiveModule,
                    SelectPrefixLabelDirective,
                    FormsModule,
                    NgForOf,
                ], styles: [":host>aui-select{font-weight:400}\n"] }]
    }], null, { icon: [{
            type: Input
        }], time: [{
            type: Input
        }], timeRange: [{
            type: Input
        }], timeSelected: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricTimePickComponent, { className: "MetricTimePickComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0cmljLXRpbWUtcGljay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9tZXRyaWMtY2hhcnQvbWV0cmljLXRpbWUtcGljay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFckYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sV0FBVyxDQUFDOzs7Ozs7SUFPekMsNkJBQThDO0lBQzVDLDhCQUFrQzs7OztJQUVSLFlBQStCOzs7SUFBL0IsbUVBQStCOzs7SUFBM0QsQUFIQSx3R0FBOEMsMEhBR25COzs7O0lBSEEsQUFBWixrQ0FBWSw2QkFBaUI7OztJQVU1QyxxQ0FJQzs7SUFDQyxZQUNGOztJQUFBLGlCQUFhOzs7SUFIWCxBQURBLDBEQUErQixrQkFDakI7SUFFZCxlQUNGO0lBREUsbUVBQ0Y7O0FBaUJOLE1BQU0sT0FBTyx1QkFBdUI7SUFyQ3BDO1FBc0NXLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWixTQUFJLEdBQUcsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFN0IsY0FBUyxHQUF1QixrQkFBa0IsQ0FBQztRQUVsRCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO0tBSy9EO0lBSEMsVUFBVTtRQUNSLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO3dGQVhVLHVCQUF1QjtvRUFBdkIsdUJBQXVCOztZQWxDaEMseUhBQTBCO1lBTTFCLHFDQUlDO1lBRkMscVBBQWtCO1lBQ2xCLDhKQUFpQixnQkFBWSxLQUFDO1lBRTlCLHNGQUlDO1lBR0gsaUJBQWE7OztZQVhYLGVBQThCO1lBQTlCLCtDQUE4QjtZQUM5Qix3Q0FBa0I7WUFJQyxjQUFZO1lBQVosdUNBQVk7NEJBWWpDLElBQUk7WUFDSixhQUFhO1lBQ2IsZUFBZSxvQkFDZixZQUFZLDBDQUNaLHFCQUFxQjtZQUNyQiwwQkFBMEI7WUFDMUIsV0FBVyxrQ0FDWCxPQUFPOztpRkFHRSx1QkFBdUI7Y0FyQ25DLFNBQVM7MkJBQ0Usc0JBQXNCLFlBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7b0JBQ1AsSUFBSTtvQkFDSixhQUFhO29CQUNiLGVBQWU7b0JBQ2YsWUFBWTtvQkFDWixxQkFBcUI7b0JBQ3JCLDBCQUEwQjtvQkFDMUIsV0FBVztvQkFDWCxPQUFPO2lCQUNSO2dCQUdRLElBQUk7a0JBQVosS0FBSztZQUVHLElBQUk7a0JBQVosS0FBSztZQUVHLFNBQVM7a0JBQWpCLEtBQUs7WUFFSSxZQUFZO2tCQUFyQixNQUFNOztrRkFQSSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29uQ29tcG9uZW50LCBTZWxlY3RNb2R1bGUgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IE5nRm9yT2YsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBFZmZlY3REaXJlY3RpdmVNb2R1bGUgfSBmcm9tICcuLi9lZmZlY3QtZGlyZWN0aXZlL21vZHVsZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICcuLi90cmFuc2xhdGUvdHJhbnNsYXRlLm1vZHVsZSc7XG5pbXBvcnQgeyBTZWxlY3RQcmVmaXhMYWJlbERpcmVjdGl2ZSB9IGZyb20gJy4uL3dpZGdldC9zZWxlY3QtcHJlZml4LWxhYmVsL2RpcmVjdGl2ZSc7XG5cbmltcG9ydCB7IFBJQ0tFUl9USU1FX1JBTkdFUyB9IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyBQaWNrZXJUaW1lUmFuZ2VzIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1tZXRyaWMtdGltZS1waWNrJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctdGVtcGxhdGUgI2ljb25XcmFwcGVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb247IGVsc2UgZWxzZVRlbXBsYXRlXCI+XG4gICAgICAgIDxhdWktaWNvbiBpY29uPVwiY2xvY2tcIj48L2F1aS1pY29uPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI2Vsc2VUZW1wbGF0ZT4ge3sgJ3RpbWVfcmFuZ2UnIHwgdHJhbnNsYXRlIH19OjwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8YXVpLXNlbGVjdFxuICAgICAgW2FjbFByZWZpeExhYmVsXT1cImljb25XcmFwcGVyXCJcbiAgICAgIFsobmdNb2RlbCldPVwidGltZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VUaW1lKClcIlxuICAgID5cbiAgICAgIDxhdWktb3B0aW9uXG4gICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIHRpbWVSYW5nZVwiXG4gICAgICAgIFtsYWJlbF09XCJpdGVtLm5hbWUgfCB0cmFuc2xhdGVcIlxuICAgICAgICBbdmFsdWVdPVwiaXRlbVwiXG4gICAgICA+XG4gICAgICAgIHt7IGl0ZW0ubmFtZSB8IHRyYW5zbGF0ZSB9fVxuICAgICAgPC9hdWktb3B0aW9uPlxuICAgIDwvYXVpLXNlbGVjdD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWV0cmljLXRpbWUtcGljay5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBJY29uQ29tcG9uZW50LFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBTZWxlY3RNb2R1bGUsXG4gICAgRWZmZWN0RGlyZWN0aXZlTW9kdWxlLFxuICAgIFNlbGVjdFByZWZpeExhYmVsRGlyZWN0aXZlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE5nRm9yT2YsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1ldHJpY1RpbWVQaWNrQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbiA9IHRydWU7XG5cbiAgQElucHV0KCkgdGltZSA9IFBJQ0tFUl9USU1FX1JBTkdFU1sxXTtcblxuICBASW5wdXQoKSB0aW1lUmFuZ2U6IFBpY2tlclRpbWVSYW5nZXNbXSA9IFBJQ0tFUl9USU1FX1JBTkdFUztcblxuICBAT3V0cHV0KCkgdGltZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxQaWNrZXJUaW1lUmFuZ2VzPigpO1xuXG4gIGNoYW5nZVRpbWUoKSB7XG4gICAgdGhpcy50aW1lU2VsZWN0ZWQuZW1pdCh0aGlzLnRpbWUpO1xuICB9XG59XG4iXX0=