kwikid-agent-dashboard
Version:
KwikID's EKYC Agent Map View Module.
65 lines • 14.6 kB
JavaScript
import { __awaiter, __decorate } from "tslib";
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
import { ALWAYS_FALSE_HANDLER } from "@taiga-ui/cdk";
import { logMethod } from "kwikid-toolkit";
import * as i0 from "@angular/core";
import * as i1 from "@taiga-ui/kit";
import * as i2 from "kwikui";
import * as i3 from "@taiga-ui/core";
import * as i4 from "@angular/common";
import * as i5 from "@taiga-ui/cdk";
import * as i6 from "@taiga-ui/core/directives/dropdown";
export class PrimaryActionsComponent {
constructor() {
this.primaryActionsConfig = [];
this.onClickPrimaryAction = new EventEmitter();
}
ngOnInit() {
return __awaiter(this, void 0, void 0, function* () { });
}
ngOnChanges(changes) {
const verifyChange = (key) => {
return changes.hasOwnProperty(key) && !changes[key].firstChange;
};
for (const change of Object.entries(changes)) {
const key = change[0];
const value = change[1].currentValue;
}
if (verifyChange("primaryActionsConfig")) {
this.primaryActionsConfig = changes.primaryActionsConfig.currentValue;
this.primaryActionsConfig.map(ALWAYS_FALSE_HANDLER);
}
}
handleOnInitPrimaryActionsConfig() {
this.primaryActionsConfig = this.primaryActionsConfig;
this.primaryActionsConfig.map(ALWAYS_FALSE_HANDLER);
}
handleOnClickPrimaryAction(event) {
this.onClickPrimaryAction.emit(event);
}
trackByFn(index, item) {
return index; // or unique identifier if available
}
}
/** @nocollapse */ PrimaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PrimaryActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ PrimaryActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PrimaryActionsComponent, selector: "primary-actions", inputs: { primaryActionsConfig: "primaryActionsConfig" }, outputs: { onClickPrimaryAction: "onClickPrimaryAction" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"primary-actions-container\">\n <tui-items-with-more\n tuiGroup\n [itemsLimit]=\"1\"\n >\n <ng-container *ngFor=\"let item of primaryActionsConfig; let index = index\">\n <kwikui-button\n *tuiItem\n [label]=\"item.label\"\n appearance=\"primary\"\n shape=\"rounded\"\n size=\"m\"\n styles=\"width: max-content; margin-right: 1rem; box-shadow: #32325d40 0 13px 27px -5px, #0000004d 0 8px 16px -8px;\"\n [icon]=\"item.props.iconLeft || ''\"\n [iconRight]=\"item.props.iconRight || ''\"\n (onClick)=\"handleOnClickPrimaryAction(item)\"\n ></kwikui-button>\n </ng-container>\n <ng-template\n let-lastIndex\n tuiMore\n >\n <tui-hosted-dropdown\n tuiDropdownAlign=\"right\"\n class=\"item\"\n [content]=\"dropdown\"\n >\n <kwikui-button\n appearance=\"primary\"\n shape=\"rounded\"\n size=\"m\"\n icon=\"tuiIconMoreVertical\"\n styles=\"\n box-shadow: #32325d40 0 13px 27px -5px, #0000004d 0 8px 16px -8px;\n \"\n ></kwikui-button>\n <ng-template #dropdown>\n <tui-data-list size=\"l\">\n <ng-container\n *ngFor=\"let item of primaryActionsConfig; let index = index\"\n >\n <kwikui-button\n *ngIf=\"index > lastIndex\"\n tuiOption\n [label]=\"item.label\"\n appearance=\"primary\"\n shape=\"rounded\"\n size=\"m\"\n styles=\"width: calc(100% - 1rem); margin: 0.5rem;\"\n [icon]=\"item.props.iconLeft || ''\"\n [iconRight]=\"item.props.iconRight || ''\"\n (onClick)=\"handleOnClickPrimaryAction(item)\"\n ></kwikui-button>\n </ng-container>\n </tui-data-list>\n </ng-template>\n </tui-hosted-dropdown>\n </ng-template>\n </tui-items-with-more>\n</div>\n", styles: ["::-webkit-scrollbar{width:8px!important}::-webkit-scrollbar-track{border-radius:8px!important}::-webkit-scrollbar-thumb{background:lightgray!important;border-radius:8px!important}::-webkit-scrollbar-thumb:hover{background:gray!important}#primary-actions-container{width:-moz-fit-content;width:fit-content;margin-left:auto}@media only screen and (max-width: 600px){#primary-actions-container{display:flex;flex-direction:row;flex-wrap:nowrap;grid-gap:1.5rem;gap:1.5rem;align-items:flex-start;justify-content:flex-start}}::ng-deep .t-empty{display:none!important}\n"], components: [{ type: i1.TuiItemsWithMoreComponent, selector: "tui-items-with-more" }, { type: i2.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i3.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "sided", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { type: i3.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }], directives: [{ type: i1.TuiItemsWithMoreDirective, selector: "tui-items-with-more", inputs: ["itemsLimit", "required"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.TuiItemDirective, selector: "[tuiItem]" }, { type: i1.TuiMoreDirective, selector: "[tuiMore]" }, { type: i6.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
__decorate([
logMethod
], PrimaryActionsComponent.prototype, "handleOnInitPrimaryActionsConfig", null);
__decorate([
logMethod
], PrimaryActionsComponent.prototype, "handleOnClickPrimaryAction", null);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PrimaryActionsComponent, decorators: [{
type: Component,
args: [{
selector: "primary-actions",
templateUrl: "./primary-actions.component.html",
styleUrls: ["./primary-actions.component.scss"],
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: function () { return []; }, propDecorators: { primaryActionsConfig: [{
type: Input
}], onClickPrimaryAction: [{
type: Output
}], handleOnInitPrimaryActionsConfig: [], handleOnClickPrimaryAction: [] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWFyeS1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2t3aWtpZC1hZ2VudC1kYXNoYm9hcmQvc3JjL2xpYi92Mi9jb21wb25lbnRzL3ByaW1hcnktYWN0aW9ucy9wcmltYXJ5LWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva3dpa2lkLWFnZW50LWRhc2hib2FyZC9zcmMvbGliL3YyL2NvbXBvbmVudHMvcHJpbWFyeS1hY3Rpb25zL3ByaW1hcnktYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFRM0MsTUFBTSxPQUFPLHVCQUF1QjtJQU9sQztRQUxBLHlCQUFvQixHQUFRLEVBQUUsQ0FBQztRQUcvQix5QkFBb0IsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVuRCxDQUFDO0lBRVYsUUFBUTs4REFBSSxDQUFDO0tBQUE7SUFFbkIsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sWUFBWSxHQUFHLENBQUMsR0FBVyxFQUFFLEVBQUU7WUFDbkMsT0FBTyxPQUFPLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFdBQVcsQ0FBQztRQUNsRSxDQUFDLENBQUM7UUFFRixLQUFLLE1BQU0sTUFBTSxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDNUMsTUFBTSxHQUFHLEdBQVcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzlCLE1BQU0sS0FBSyxHQUFRLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFFRCxJQUFJLFlBQVksQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxPQUFPLENBQUMsb0JBQW9CLENBQUMsWUFBWSxDQUFDO1lBQ3RFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztTQUNyRDtJQUNILENBQUM7SUFHRCxnQ0FBZ0M7UUFDOUIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztRQUN0RCxJQUFJLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUdELDBCQUEwQixDQUFDLEtBQUs7UUFDOUIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWEsRUFBRSxJQUFTO1FBQ2hDLE9BQU8sS0FBSyxDQUFDLENBQUMsb0NBQW9DO0lBQ3BELENBQUM7O3dJQXhDVSx1QkFBdUI7NEhBQXZCLHVCQUF1QixpTUNuQnBDLGkvREE0REE7QURiRTtJQURDLFNBQVM7K0VBSVQ7QUFHRDtJQURDLFNBQVM7eUVBR1Q7NEZBcENVLHVCQUF1QjtrQkFObkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsa0NBQWtDO29CQUMvQyxTQUFTLEVBQUUsQ0FBQyxrQ0FBa0MsQ0FBQztvQkFDL0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzBFQUdDLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFJTixvQkFBb0I7c0JBRG5CLE1BQU07Z0JBd0JQLGdDQUFnQyxNQU1oQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBTFdBWVNfRkFMU0VfSEFORExFUiB9IGZyb20gXCJAdGFpZ2EtdWkvY2RrXCI7XG5pbXBvcnQgeyBsb2dNZXRob2QgfSBmcm9tIFwia3dpa2lkLXRvb2xraXRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInByaW1hcnktYWN0aW9uc1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3ByaW1hcnktYWN0aW9ucy5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vcHJpbWFyeS1hY3Rpb25zLmNvbXBvbmVudC5zY3NzXCJdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQcmltYXJ5QWN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KClcbiAgcHJpbWFyeUFjdGlvbnNDb25maWc6IGFueSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrUHJpbWFyeUFjdGlvbjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgYXN5bmMgbmdPbkluaXQoKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBjb25zdCB2ZXJpZnlDaGFuZ2UgPSAoa2V5OiBzdHJpbmcpID0+IHtcbiAgICAgIHJldHVybiBjaGFuZ2VzLmhhc093blByb3BlcnR5KGtleSkgJiYgIWNoYW5nZXNba2V5XS5maXJzdENoYW5nZTtcbiAgICB9O1xuXG4gICAgZm9yIChjb25zdCBjaGFuZ2Ugb2YgT2JqZWN0LmVudHJpZXMoY2hhbmdlcykpIHtcbiAgICAgIGNvbnN0IGtleTogc3RyaW5nID0gY2hhbmdlWzBdO1xuICAgICAgY29uc3QgdmFsdWU6IGFueSA9IGNoYW5nZVsxXS5jdXJyZW50VmFsdWU7XG4gICAgfVxuXG4gICAgaWYgKHZlcmlmeUNoYW5nZShcInByaW1hcnlBY3Rpb25zQ29uZmlnXCIpKSB7XG4gICAgICB0aGlzLnByaW1hcnlBY3Rpb25zQ29uZmlnID0gY2hhbmdlcy5wcmltYXJ5QWN0aW9uc0NvbmZpZy5jdXJyZW50VmFsdWU7XG4gICAgICB0aGlzLnByaW1hcnlBY3Rpb25zQ29uZmlnLm1hcChBTFdBWVNfRkFMU0VfSEFORExFUik7XG4gICAgfVxuICB9XG5cbiAgQGxvZ01ldGhvZFxuICBoYW5kbGVPbkluaXRQcmltYXJ5QWN0aW9uc0NvbmZpZygpOiB2b2lkIHtcbiAgICB0aGlzLnByaW1hcnlBY3Rpb25zQ29uZmlnID0gdGhpcy5wcmltYXJ5QWN0aW9uc0NvbmZpZztcbiAgICB0aGlzLnByaW1hcnlBY3Rpb25zQ29uZmlnLm1hcChBTFdBWVNfRkFMU0VfSEFORExFUik7XG4gIH1cblxuICBAbG9nTWV0aG9kXG4gIGhhbmRsZU9uQ2xpY2tQcmltYXJ5QWN0aW9uKGV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5vbkNsaWNrUHJpbWFyeUFjdGlvbi5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHRyYWNrQnlGbihpbmRleDogbnVtYmVyLCBpdGVtOiBhbnkpIHtcbiAgICByZXR1cm4gaW5kZXg7IC8vIG9yIHVuaXF1ZSBpZGVudGlmaWVyIGlmIGF2YWlsYWJsZVxuICB9XG59XG4iLCI8ZGl2IGlkPVwicHJpbWFyeS1hY3Rpb25zLWNvbnRhaW5lclwiPlxuICA8dHVpLWl0ZW1zLXdpdGgtbW9yZVxuICAgIHR1aUdyb3VwXG4gICAgW2l0ZW1zTGltaXRdPVwiMVwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIHByaW1hcnlBY3Rpb25zQ29uZmlnOyBsZXQgaW5kZXggPSBpbmRleFwiPlxuICAgICAgPGt3aWt1aS1idXR0b25cbiAgICAgICAgKnR1aUl0ZW1cbiAgICAgICAgW2xhYmVsXT1cIml0ZW0ubGFiZWxcIlxuICAgICAgICBhcHBlYXJhbmNlPVwicHJpbWFyeVwiXG4gICAgICAgIHNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgc3R5bGVzPVwid2lkdGg6IG1heC1jb250ZW50OyBtYXJnaW4tcmlnaHQ6IDFyZW07IGJveC1zaGFkb3c6ICMzMjMyNWQ0MCAwIDEzcHggMjdweCAtNXB4LCAjMDAwMDAwNGQgMCA4cHggMTZweCAtOHB4O1wiXG4gICAgICAgIFtpY29uXT1cIml0ZW0ucHJvcHMuaWNvbkxlZnQgfHwgJydcIlxuICAgICAgICBbaWNvblJpZ2h0XT1cIml0ZW0ucHJvcHMuaWNvblJpZ2h0IHx8ICcnXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlT25DbGlja1ByaW1hcnlBY3Rpb24oaXRlbSlcIlxuICAgICAgPjwva3dpa3VpLWJ1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGVcbiAgICAgIGxldC1sYXN0SW5kZXhcbiAgICAgIHR1aU1vcmVcbiAgICA+XG4gICAgICA8dHVpLWhvc3RlZC1kcm9wZG93blxuICAgICAgICB0dWlEcm9wZG93bkFsaWduPVwicmlnaHRcIlxuICAgICAgICBjbGFzcz1cIml0ZW1cIlxuICAgICAgICBbY29udGVudF09XCJkcm9wZG93blwiXG4gICAgICA+XG4gICAgICAgIDxrd2lrdWktYnV0dG9uXG4gICAgICAgICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgICAgICAgIHNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgIGljb249XCJ0dWlJY29uTW9yZVZlcnRpY2FsXCJcbiAgICAgICAgICBzdHlsZXM9XCJcbiAgICAgICAgICAgIGJveC1zaGFkb3c6ICMzMjMyNWQ0MCAwIDEzcHggMjdweCAtNXB4LCAjMDAwMDAwNGQgMCA4cHggMTZweCAtOHB4O1xuICAgICAgICAgIFwiXG4gICAgICAgID48L2t3aWt1aS1idXR0b24+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjZHJvcGRvd24+XG4gICAgICAgICAgPHR1aS1kYXRhLWxpc3Qgc2l6ZT1cImxcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgcHJpbWFyeUFjdGlvbnNDb25maWc7IGxldCBpbmRleCA9IGluZGV4XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGt3aWt1aS1idXR0b25cbiAgICAgICAgICAgICAgICAqbmdJZj1cImluZGV4ID4gbGFzdEluZGV4XCJcbiAgICAgICAgICAgICAgICB0dWlPcHRpb25cbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwiaXRlbS5sYWJlbFwiXG4gICAgICAgICAgICAgICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIHNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgICAgICAgIHN0eWxlcz1cIndpZHRoOiBjYWxjKDEwMCUgLSAxcmVtKTsgbWFyZ2luOiAwLjVyZW07XCJcbiAgICAgICAgICAgICAgICBbaWNvbl09XCJpdGVtLnByb3BzLmljb25MZWZ0IHx8ICcnXCJcbiAgICAgICAgICAgICAgICBbaWNvblJpZ2h0XT1cIml0ZW0ucHJvcHMuaWNvblJpZ2h0IHx8ICcnXCJcbiAgICAgICAgICAgICAgICAob25DbGljayk9XCJoYW5kbGVPbkNsaWNrUHJpbWFyeUFjdGlvbihpdGVtKVwiXG4gICAgICAgICAgICAgID48L2t3aWt1aS1idXR0b24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L3R1aS1kYXRhLWxpc3Q+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L3R1aS1ob3N0ZWQtZHJvcGRvd24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC90dWktaXRlbXMtd2l0aC1tb3JlPlxuPC9kaXY+XG4iXX0=