@cuby-ui/core 0.0.454 → 0.0.455
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/widgets/ui/assignee-roles-tabs/assignee-roles-tabs.component.mjs +4 -4
- package/esm2022/widgets/ui/modal-divided-section/modal-divided-section.component.mjs +7 -4
- package/esm2022/widgets/ui/modal-instructions-tab/modal-instructions-tab.component.mjs +2 -2
- package/esm2022/widgets/ui/select-modal/index.mjs +1 -1
- package/fesm2022/cuby-ui-core.mjs +9 -6
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, input, output, viewChild } from '@angular/core';
|
|
2
|
-
import { CuiButtonModule, CuiTabDirective, CuiTabsComponent } from '../../../components';
|
|
2
|
+
import { CuiButtonModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, provideCuiTabs } from '../../../components';
|
|
3
3
|
import { TranslocoDirective } from '@jsverse/transloco';
|
|
4
4
|
import { NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -39,10 +39,10 @@ export class AssigneeRolesTabsComponent {
|
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AssigneeRolesTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AssigneeRolesTabsComponent, isStandalone: true, selector: "cui-assignee-roles-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: true, transformFunction: null }, buttonSlot: { classPropertyName: "buttonSlot", publicName: "buttonSlot", isSignal: true, isRequired: true, transformFunction: null }, contentSlot: { classPropertyName: "contentSlot", publicName: "contentSlot", isSignal: true, isRequired: true, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndexChange: "selectedIndexChange" }, viewQueries: [{ propertyName: "buttons", first: true, predicate: ["buttons"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: CuiTabsComponent, selector: "cui-tabs", inputs: ["headerSlot", "selectedIndex"] }, { kind: "directive", type: CuiTabDirective, selector: "cui-tab, [cuiTab]", inputs: ["buttonSlot", "contentSlot", "data"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: i1.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AssigneeRolesTabsComponent, isStandalone: true, selector: "cui-assignee-roles-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: true, transformFunction: null }, buttonSlot: { classPropertyName: "buttonSlot", publicName: "buttonSlot", isSignal: true, isRequired: true, transformFunction: null }, contentSlot: { classPropertyName: "contentSlot", publicName: "contentSlot", isSignal: true, isRequired: true, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndexChange: "selectedIndexChange" }, providers: [provideCuiTabs(CuiTabsServiceImpl)], viewQueries: [{ propertyName: "buttons", first: true, predicate: ["buttons"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: CuiTabsComponent, selector: "cui-tabs", inputs: ["headerSlot", "selectedIndex"] }, { kind: "directive", type: CuiTabDirective, selector: "cui-tab, [cuiTab]", inputs: ["buttonSlot", "contentSlot", "data"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: i1.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AssigneeRolesTabsComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 'cui-assignee-roles-tabs', standalone: true, imports: [CuiTabsComponent, CuiTabDirective, TranslocoDirective, CuiButtonModule, NgTemplateOutlet], template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
46
|
+
args: [{ selector: 'cui-assignee-roles-tabs', standalone: true, imports: [CuiTabsComponent, CuiTabDirective, TranslocoDirective, CuiButtonModule, NgTemplateOutlet], providers: [provideCuiTabs(CuiTabsServiceImpl)], template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
47
47
|
}] });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzaWduZWUtcm9sZXMtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvYXNzaWduZWUtcm9sZXMtdGFicy9hc3NpZ25lZS1yb2xlcy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9hc3NpZ25lZS1yb2xlcy10YWJzL2Fzc2lnbmVlLXJvbGVzLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQ0gsZUFBZSxFQUNmLGVBQWUsRUFDZixnQkFBZ0IsRUFDaEIsa0JBQWtCLEVBQ2xCLGNBQWMsRUFDakIsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVW5ELE1BQU0sT0FBTywwQkFBMEI7SUFSdkM7UUFTdUIsa0JBQWEsR0FBRyxHQUFHLENBQUM7UUFFcEIsWUFBTyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQTZCLFNBQVMsQ0FBQyxDQUFDO1FBRXZFLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFhLENBQUM7UUFDbkMsYUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXdCLENBQUM7UUFDbEQsZUFBVSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXdCLENBQUM7UUFDcEQsZ0JBQVcsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUF3QixDQUFDO1FBQ3JELGtCQUFhLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3pCLHdCQUFtQixHQUFHLE1BQU0sRUFBVSxDQUFDO0tBK0IxRDtJQTdCYSxRQUFRLENBQUMsS0FBYSxFQUFFLEdBQVk7UUFDMUMsSUFBSSxHQUFHLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUSxJQUFJLElBQUksSUFBSyxHQUFjLEVBQUUsQ0FBQztZQUM1RCxPQUFRLEdBQXVCLENBQUMsRUFBRSxDQUFDO1FBQ3ZDLENBQUM7UUFFRCxPQUFPLE9BQU8sS0FBSyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVTLFdBQVcsQ0FBQyxLQUFhO1FBQy9CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVTLFlBQVk7UUFDbEIsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztRQUVwRCxjQUFjLENBQUMsUUFBUSxDQUFDO1lBQ3BCLElBQUksRUFBRSxjQUFjLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxhQUFhO1lBQ3BELFFBQVEsRUFBRSxRQUFRO1NBQ3JCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFUyxhQUFhO1FBQ25CLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7UUFFcEQsY0FBYyxDQUFDLFFBQVEsQ0FBQztZQUNwQixJQUFJLEVBQUUsY0FBYyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYTtZQUNwRCxRQUFRLEVBQUUsUUFBUTtTQUNyQixDQUFDLENBQUM7SUFDUCxDQUFDOytHQXhDUSwwQkFBMEI7bUdBQTFCLDBCQUEwQiw4eEJBRnhCLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLENBQUMsOElDakJuRCx3OUZBbUZBLGk4QkRyRWMsZ0JBQWdCLDhGQUFFLGVBQWUsNkdBQUUsa0JBQWtCLCtMQUFFLGVBQWUsb09BQUUsZ0JBQWdCOzs0RkFLekYsMEJBQTBCO2tCQVJ0QyxTQUFTOytCQUNJLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxlQUFlLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixDQUFDLGFBR3hGLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGlucHV0LCBvdXRwdXQsIFRlbXBsYXRlUmVmLCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ3VpQnV0dG9uTW9kdWxlLFxuICAgIEN1aVRhYkRpcmVjdGl2ZSxcbiAgICBDdWlUYWJzQ29tcG9uZW50LFxuICAgIEN1aVRhYnNTZXJ2aWNlSW1wbCxcbiAgICBwcm92aWRlQ3VpVGFic1xufSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzJztcbmltcG9ydCB7IFRyYW5zbG9jb0RpcmVjdGl2ZSB9IGZyb20gJ0Bqc3ZlcnNlL3RyYW5zbG9jbyc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktYXNzaWduZWUtcm9sZXMtdGFicycsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ3VpVGFic0NvbXBvbmVudCwgQ3VpVGFiRGlyZWN0aXZlLCBUcmFuc2xvY29EaXJlY3RpdmUsIEN1aUJ1dHRvbk1vZHVsZSwgTmdUZW1wbGF0ZU91dGxldF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Fzc2lnbmVlLXJvbGVzLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9hc3NpZ25lZS1yb2xlcy10YWJzLmNvbXBvbmVudC5zY3NzJyxcbiAgICBwcm92aWRlcnM6IFtwcm92aWRlQ3VpVGFicyhDdWlUYWJzU2VydmljZUltcGwpXVxufSlcbmV4cG9ydCBjbGFzcyBBc3NpZ25lZVJvbGVzVGFic0NvbXBvbmVudCB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IFNDUk9MTF9MRU5HVEggPSAyMDA7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgYnV0dG9ucyA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4oJ2J1dHRvbnMnKTtcblxuICAgIHB1YmxpYyByZWFkb25seSB0YWJzID0gaW5wdXQucmVxdWlyZWQ8dW5rbm93bltdPigpO1xuICAgIHB1YmxpYyByZWFkb25seSBpdGVtU2xvdCA9IGlucHV0LnJlcXVpcmVkPFRlbXBsYXRlUmVmPHVua25vd24+PigpO1xuICAgIHB1YmxpYyByZWFkb25seSBidXR0b25TbG90ID0gaW5wdXQucmVxdWlyZWQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IGNvbnRlbnRTbG90ID0gaW5wdXQucmVxdWlyZWQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IHNlbGVjdGVkSW5kZXggPSBpbnB1dCgwKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ZWRJbmRleENoYW5nZSA9IG91dHB1dDxudW1iZXI+KCk7XG5cbiAgICBwcm90ZWN0ZWQgdHJhY2tUYWIoaW5kZXg6IG51bWJlciwgdGFiOiB1bmtub3duKTogdW5rbm93biB7XG4gICAgICAgIGlmICh0YWIgJiYgdHlwZW9mIHRhYiA9PT0gJ29iamVjdCcgJiYgJ2lkJyBpbiAodGFiIGFzIG9iamVjdCkpIHtcbiAgICAgICAgICAgIHJldHVybiAodGFiIGFzIHsgaWQ6IHVua25vd24gfSkuaWQ7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYHRhYl8ke2luZGV4fWA7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG9uU2VsZWN0VGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvblNjcm9sbExlZnQoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJ1dHRvbnNFbGVtZW50ID0gdGhpcy5idXR0b25zKCkubmF0aXZlRWxlbWVudDtcblxuICAgICAgICBidXR0b25zRWxlbWVudC5zY3JvbGxUbyh7XG4gICAgICAgICAgICBsZWZ0OiBidXR0b25zRWxlbWVudC5zY3JvbGxMZWZ0IC0gdGhpcy5TQ1JPTExfTEVOR1RILFxuICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvblNjcm9sbFJpZ2h0KCk6IHZvaWQge1xuICAgICAgICBjb25zdCBidXR0b25zRWxlbWVudCA9IHRoaXMuYnV0dG9ucygpLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICAgICAgYnV0dG9uc0VsZW1lbnQuc2Nyb2xsVG8oe1xuICAgICAgICAgICAgbGVmdDogYnV0dG9uc0VsZW1lbnQuc2Nyb2xsTGVmdCArIHRoaXMuU0NST0xMX0xFTkdUSCxcbiAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJ1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICp0cmFuc2xvY289XCJsZXQgdFwiPlxuICAgIDxjdWktdGFic1xuICAgICAgICBjbGFzcz1cInRhYnNcIlxuICAgICAgICBbc2VsZWN0ZWRJbmRleF09XCJzZWxlY3RlZEluZGV4KClcIlxuICAgICAgICBbaGVhZGVyU2xvdF09XCJoZWFkZXJTbG90XCJcbiAgICA+XG4gICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICAgI2hlYWRlclNsb3RcbiAgICAgICAgICAgIGxldC1idXR0b25zXG4gICAgICAgID5cbiAgICAgICAgICAgIDxoZWFkZXIgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICNidXR0b25zXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnV0dG9uc1wiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJ1dHRvbnNcIiAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgICAgICAgICAgICAgICAgIEBpZiAodGFicygpLmxlbmd0aCA+IDQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdWlCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJ4eHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJjdWlJY29uQ2hldnJvbkxlZnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblNjcm9sbExlZnQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VpQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZT1cImdob3N0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPVwieHhzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiY3VpSWNvbkNoZXZyb25SaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uU2Nyb2xsUmlnaHQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJ1dHRvblNsb3QoKVwiIC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2hlYWRlcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICBAZm9yICh0YWIgb2YgdGFicygpOyB0cmFjayB0cmFja1RhYigkaW5kZXgsIHRhYik7IGxldCBpID0gJGluZGV4KSB7XG4gICAgICAgICAgICA8Y3VpLXRhYlxuICAgICAgICAgICAgICAgIFtkYXRhXT1cInRhYlwiXG4gICAgICAgICAgICAgICAgW2J1dHRvblNsb3RdPVwiY3VpQnV0dG9uU2xvdFwiXG4gICAgICAgICAgICAgICAgW2NvbnRlbnRTbG90XT1cImN1aUNvbnRlbnRTbG90XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRhYlwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICAgICAgICAgICNjdWlCdXR0b25TbG90XG4gICAgICAgICAgICAgICAgICAgIGxldC1pc0FjdGl2ZT1cImlzQWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgbGV0LWVsZW1lbnRcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5idXR0b25fYWN0aXZlXT1cImlzQWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblNlbGVjdFRhYihpKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwib25TZWxlY3RUYWIoaSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVNsb3QoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBlbGVtZW50IH1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgICAgI2N1aUNvbnRlbnRTbG90XG4gICAgICAgICAgICAgICAgICAgIGxldC1lbGVtZW50XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbnRlbnRTbG90KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogZWxlbWVudCB9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2N1aS10YWI+XG4gICAgICAgIH1cbiAgICA8L2N1aS10YWJzPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -36,10 +36,13 @@ export class ModalDividedSectionComponent {
|
|
|
36
36
|
this.selectedStorageObject.set(sectionStorageObject);
|
|
37
37
|
}
|
|
38
38
|
initSelectedStorageObject() {
|
|
39
|
-
|
|
39
|
+
if (!this.storageObjects().length) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
this.selectedStorageObject.set(this.storageObjects()?.[0]);
|
|
40
43
|
}
|
|
41
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalDividedSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalDividedSectionComponent, isStandalone: true, selector: "cui-modal-divided-section", inputs: { storageElementTypeName: { classPropertyName: "storageElementTypeName", publicName: "storageElementTypeName", isSignal: true, isRequired: true, transformFunction: null }, storageObjects: { classPropertyName: "storageObjects", publicName: "storageObjects", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalDividedSectionComponent, isStandalone: true, selector: "cui-modal-divided-section", inputs: { storageElementTypeName: { classPropertyName: "storageElementTypeName", publicName: "storageElementTypeName", isSignal: true, isRequired: true, transformFunction: null }, storageObjects: { classPropertyName: "storageObjects", publicName: "storageObjects", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n @if (storageObjects(); as storageObjects) {\n @if (storageObjects.length) {\n <div class=\"block block_left\">\n <ul class=\"list\">\n @for (storageObject of storageObjects; track storageObject.id) {\n @if (storageObject.storageElement; as storageElement) {\n <li>\n <button\n type=\"button\"\n [title]=\"storageElement.title\"\n cuiCardWrapper\n [isSelected]=\"selectedStorageObject()?.id === storageObject.id\"\n (click)=\"onSelect(storageObject)\"\n >\n <div class=\"button__content\">\n @switch (storageElementTypeName()) {\n @case ('CRITERIA') {\n <cui-letter-box\n letter=\"c\"\n backgroundColor=\"var(--cui-violet-400)\"\n />\n }\n @case ('INSTRUCTION') {\n <cui-svg\n icon=\"cuiIconFileText\"\n color=\"var(--cui-base-500)\"\n />\n }\n }\n <span class=\"button__text\">{{ storageElement.title }}</span>\n </div>\n </button>\n </li>\n }\n }\n </ul>\n </div>\n <div class=\"block block_right\">\n @if (selectedStorageObject()?.storageElement; as selectedStorageElement) {\n <header class=\"header\">{{ selectedStorageElement.title }}</header>\n <cui-utility-info-readonly\n [framerId]=\"selectedFramerId()!\"\n [environmentUrlForResources]=\"environmentUrlForResources()\"\n [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n class=\"utility-info\"\n />\n }\n </div>\n } @else {\n <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n }\n }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }, { kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "component", type: CuiCardWrapperComponent, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: ["withBorder", "isSelected"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: UtilityInfoReadonlyComponent, selector: "cui-utility-info-readonly", inputs: ["environmentUrlForResources", "environmentUrlForInstruction", "framerId", "element"] }] }); }
|
|
43
46
|
}
|
|
44
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalDividedSectionComponent, decorators: [{
|
|
45
48
|
type: Component,
|
|
@@ -50,6 +53,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
50
53
|
CuiCardWrapperComponent,
|
|
51
54
|
TranslocoDirective,
|
|
52
55
|
UtilityInfoReadonlyComponent
|
|
53
|
-
], template: "<ng-container *transloco=\"let t\">\n
|
|
56
|
+
], template: "<ng-container *transloco=\"let t\">\n @if (storageObjects(); as storageObjects) {\n @if (storageObjects.length) {\n <div class=\"block block_left\">\n <ul class=\"list\">\n @for (storageObject of storageObjects; track storageObject.id) {\n @if (storageObject.storageElement; as storageElement) {\n <li>\n <button\n type=\"button\"\n [title]=\"storageElement.title\"\n cuiCardWrapper\n [isSelected]=\"selectedStorageObject()?.id === storageObject.id\"\n (click)=\"onSelect(storageObject)\"\n >\n <div class=\"button__content\">\n @switch (storageElementTypeName()) {\n @case ('CRITERIA') {\n <cui-letter-box\n letter=\"c\"\n backgroundColor=\"var(--cui-violet-400)\"\n />\n }\n @case ('INSTRUCTION') {\n <cui-svg\n icon=\"cuiIconFileText\"\n color=\"var(--cui-base-500)\"\n />\n }\n }\n <span class=\"button__text\">{{ storageElement.title }}</span>\n </div>\n </button>\n </li>\n }\n }\n </ul>\n </div>\n <div class=\"block block_right\">\n @if (selectedStorageObject()?.storageElement; as selectedStorageElement) {\n <header class=\"header\">{{ selectedStorageElement.title }}</header>\n <cui-utility-info-readonly\n [framerId]=\"selectedFramerId()!\"\n [environmentUrlForResources]=\"environmentUrlForResources()\"\n [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n class=\"utility-info\"\n />\n }\n </div>\n } @else {\n <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n }\n }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"] }]
|
|
54
57
|
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9tb2RhbC1kaXZpZGVkLXNlY3Rpb24vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9tb2RhbC1kaXZpZGVkLXNlY3Rpb24vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTM0UsT0FBTyxFQUNILHVCQUF1QixFQUN2QixzQkFBc0IsRUFDdEIscUJBQXFCLEVBQ3JCLFlBQVksRUFDZixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFnQnhFLE1BQU0sT0FBTyw0QkFBNEI7SUFkekM7UUFldUIsc0JBQWlCLEdBQW9CO1lBQ3BELFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsV0FBVyxFQUFFLGNBQWM7U0FDOUIsQ0FBQztRQUNpQixrQkFBYSxHQUFnQjtZQUM1QyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFFLEtBQW1CLENBQUMsaUJBQWlCO1lBQzNELFdBQVcsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUUsS0FBcUIsQ0FBQyxtQkFBbUI7U0FDckUsQ0FBQztRQUVpQiwwQkFBcUIsR0FBRyxNQUFNLENBQW9DLElBQUksQ0FBQyxDQUFDO1FBQ3hFLHFCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDaEQsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUUzRCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztnQkFDekIsT0FBTztZQUNYLENBQUM7WUFFRCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNuRyxDQUFDLENBQUMsQ0FBQztRQUVnQix1QkFBa0IsR0FBRyxRQUFRLENBQzVDLEdBQUcsRUFBRSxDQUFDLE1BQU0sSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLGNBQWMsQ0FDbEYsQ0FBQztRQUVjLDJCQUFzQixHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWlDLENBQUM7UUFDekUsbUJBQWMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUEwQixDQUFDO1FBQzFELCtCQUEwQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzdDLGlDQUE0QixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQy9DLFlBQU8sR0FBRyxLQUFLLEVBQWlCLENBQUM7S0FhcEQ7SUFYVSxRQUFRO1FBQ1gsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVTLFFBQVEsQ0FBQyxvQkFBMEM7UUFDekQsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFTyx5QkFBeUI7UUFDN0IsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDOytHQXpDUSw0QkFBNEI7bUdBQTVCLDRCQUE0QiwrNEJDaEN6Qywra0dBd0RBLG9oQkRsQ1EsWUFBWSx3S0FDWixzQkFBc0IsNEdBQ3RCLHFCQUFxQixtSEFDckIsdUJBQXVCLHFIQUN2QixrQkFBa0IsZ01BQ2xCLDRCQUE0Qjs7NEZBS3ZCLDRCQUE0QjtrQkFkeEMsU0FBUzsrQkFDSSwyQkFBMkIsY0FDekIsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osc0JBQXNCO3dCQUN0QixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsa0JBQWtCO3dCQUNsQiw0QkFBNEI7cUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIE9uSW5pdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDcml0ZXJpb24sIEN1aUFwaUNvbnRleHQsIEluc3RydWN0aW9uIH0gZnJvbSAnQGN1YnktdWkvYXBpJztcbmltcG9ydCB7IEN1aU51bGxhYmxlIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcbmltcG9ydCB7XG4gICAgRW1wdHlTdGF0ZVRpdGxlLFxuICAgIEdldEZyYW1lcklkLFxuICAgIFNlY3Rpb25TdG9yYWdlRWxlbWVudFR5cGVOYW1lLFxuICAgIFNlY3Rpb25TdG9yYWdlT2JqZWN0XG59IGZyb20gJy4vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHtcbiAgICBDdWlDYXJkV3JhcHBlckNvbXBvbmVudCxcbiAgICBDdWlFbXB0eVN0YXRlQ29tcG9uZW50LFxuICAgIEN1aUxldHRlckJveENvbXBvbmVudCxcbiAgICBDdWlTdmdNb2R1bGVcbn0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUcmFuc2xvY29EaXJlY3RpdmUgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xuaW1wb3J0IHsgVXRpbGl0eUluZm9SZWFkb25seUNvbXBvbmVudCB9IGZyb20gJy4uL3V0aWxpdHktaW5mby1yZWFkb25seSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY3VpLW1vZGFsLWRpdmlkZWQtc2VjdGlvbicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIEN1aVN2Z01vZHVsZSxcbiAgICAgICAgQ3VpRW1wdHlTdGF0ZUNvbXBvbmVudCxcbiAgICAgICAgQ3VpTGV0dGVyQm94Q29tcG9uZW50LFxuICAgICAgICBDdWlDYXJkV3JhcHBlckNvbXBvbmVudCxcbiAgICAgICAgVHJhbnNsb2NvRGlyZWN0aXZlLFxuICAgICAgICBVdGlsaXR5SW5mb1JlYWRvbmx5Q29tcG9uZW50XG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBNb2RhbERpdmlkZWRTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgRU1QVFlfU1RBVEVfVElUTEU6IEVtcHR5U3RhdGVUaXRsZSA9IHtcbiAgICAgICAgQ1JJVEVSSUE6ICdBQ0NFUFRBTkNFX0NSSVRFUklBJyxcbiAgICAgICAgSU5TVFJVQ1RJT046ICdJTlNUUlVDVElPTlMnXG4gICAgfTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgR0VUX0ZSQU1FUl9JRDogR2V0RnJhbWVySWQgPSB7XG4gICAgICAgIENSSVRFUklBOiAodmFsdWUpID0+ICh2YWx1ZSBhcyBDcml0ZXJpb24pLmZyYW1lckNyaXRlcmlvbklkLFxuICAgICAgICBJTlNUUlVDVElPTjogKHZhbHVlKSA9PiAodmFsdWUgYXMgSW5zdHJ1Y3Rpb24pLmZyYW1lckluc3RydWN0aW9uSWRcbiAgICB9O1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlbGVjdGVkU3RvcmFnZU9iamVjdCA9IHNpZ25hbDxDdWlOdWxsYWJsZTxTZWN0aW9uU3RvcmFnZU9iamVjdD4+KG51bGwpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBzZWxlY3RlZEZyYW1lcklkID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCBzZWxlY3RlZFN0b3JhZ2VPYmplY3QgPSB0aGlzLnNlbGVjdGVkU3RvcmFnZU9iamVjdCgpO1xuXG4gICAgICAgIGlmICghc2VsZWN0ZWRTdG9yYWdlT2JqZWN0KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy5HRVRfRlJBTUVSX0lEW3RoaXMuc3RvcmFnZUVsZW1lbnRUeXBlTmFtZSgpXShzZWxlY3RlZFN0b3JhZ2VPYmplY3Quc3RvcmFnZUVsZW1lbnQpO1xuICAgIH0pO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGVtcHR5U3RhdGVTdWJ0aXRsZSA9IGNvbXB1dGVkKFxuICAgICAgICAoKSA9PiBgTk9fJHt0aGlzLkVNUFRZX1NUQVRFX1RJVExFW3RoaXMuc3RvcmFnZUVsZW1lbnRUeXBlTmFtZSgpXX1fVE9fVklFV19ZRVRgXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBzdG9yYWdlRWxlbWVudFR5cGVOYW1lID0gaW5wdXQucmVxdWlyZWQ8U2VjdGlvblN0b3JhZ2VFbGVtZW50VHlwZU5hbWU+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IHN0b3JhZ2VPYmplY3RzID0gaW5wdXQucmVxdWlyZWQ8U2VjdGlvblN0b3JhZ2VPYmplY3RbXT4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgZW52aXJvbm1lbnRVcmxGb3JSZXNvdXJjZXMgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IGVudmlyb25tZW50VXJsRm9ySW5zdHJ1Y3Rpb24gPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IGNvbnRleHQgPSBpbnB1dDxDdWlBcGlDb250ZXh0PigpO1xuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXRTZWxlY3RlZFN0b3JhZ2VPYmplY3QoKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25TZWxlY3Qoc2VjdGlvblN0b3JhZ2VPYmplY3Q6IFNlY3Rpb25TdG9yYWdlT2JqZWN0KTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRTdG9yYWdlT2JqZWN0LnNldChzZWN0aW9uU3RvcmFnZU9iamVjdCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0U2VsZWN0ZWRTdG9yYWdlT2JqZWN0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlbGVjdGVkU3RvcmFnZU9iamVjdC5zZXQodGhpcy5zdG9yYWdlT2JqZWN0cygpWzBdKTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICp0cmFuc2xvY289XCJsZXQgdFwiPlxuICAgIEBpZiAoc2VsZWN0ZWRTdG9yYWdlT2JqZWN0KCk7IGFzIHNlbGVjdGVkU3RvcmFnZU9iamVjdCkge1xuICAgICAgICBAaWYgKHN0b3JhZ2VPYmplY3RzKCk7IGFzIHN0b3JhZ2VPYmplY3RzKSB7XG4gICAgICAgICAgICBAaWYgKHN0b3JhZ2VPYmplY3RzLmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJibG9jayBibG9ja19sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImxpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKHN0b3JhZ2VPYmplY3Qgb2Ygc3RvcmFnZU9iamVjdHM7IHRyYWNrIHN0b3JhZ2VPYmplY3QuaWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKHN0b3JhZ2VPYmplY3Quc3RvcmFnZUVsZW1lbnQ7IGFzIHN0b3JhZ2VFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwic3RvcmFnZUVsZW1lbnQudGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1aUNhcmRXcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2lzU2VsZWN0ZWRdPVwic2VsZWN0ZWRTdG9yYWdlT2JqZWN0Py5pZCA9PT0gc3RvcmFnZU9iamVjdC5pZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0KHN0b3JhZ2VPYmplY3QpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uX19jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBzd2l0Y2ggKHN0b3JhZ2VFbGVtZW50VHlwZU5hbWUoKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGNhc2UgKCdDUklURVJJQScpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y3VpLWxldHRlci1ib3hcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0dGVyPVwiY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj1cInZhcigtLWN1aS12aW9sZXQtNDAwKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgnSU5TVFJVQ1RJT04nKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGN1aS1zdmdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImN1aUljb25GaWxlVGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwidmFyKC0tY3VpLWJhc2UtNTAwKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJ1dHRvbl9fdGV4dFwiPnt7IHN0b3JhZ2VFbGVtZW50LnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJibG9jayBibG9ja19yaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICBAaWYgKHNlbGVjdGVkU3RvcmFnZU9iamVjdD8uc3RvcmFnZUVsZW1lbnQ7IGFzIHNlbGVjdGVkU3RvcmFnZUVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoZWFkZXIgY2xhc3M9XCJoZWFkZXJcIj57eyBzZWxlY3RlZFN0b3JhZ2VFbGVtZW50LnRpdGxlIH19PC9oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Y3VpLXV0aWxpdHktaW5mby1yZWFkb25seVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmcmFtZXJJZF09XCJzZWxlY3RlZEZyYW1lcklkKCkhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW52aXJvbm1lbnRVcmxGb3JSZXNvdXJjZXNdPVwiZW52aXJvbm1lbnRVcmxGb3JSZXNvdXJjZXMoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Vudmlyb25tZW50VXJsRm9ySW5zdHJ1Y3Rpb25dPVwiZW52aXJvbm1lbnRVcmxGb3JJbnN0cnVjdGlvbigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInV0aWxpdHktaW5mb1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICA8Y3VpLWVtcHR5LXN0YXRlIFtzdWJ0aXRsZV09XCJ0KGVtcHR5U3RhdGVTdWJ0aXRsZSgpKVwiIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9tb2RhbC1kaXZpZGVkLXNlY3Rpb24vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9tb2RhbC1kaXZpZGVkLXNlY3Rpb24vbW9kYWwtZGl2aWRlZC1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTM0UsT0FBTyxFQUNILHVCQUF1QixFQUN2QixzQkFBc0IsRUFDdEIscUJBQXFCLEVBQ3JCLFlBQVksRUFDZixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFnQnhFLE1BQU0sT0FBTyw0QkFBNEI7SUFkekM7UUFldUIsc0JBQWlCLEdBQW9CO1lBQ3BELFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsV0FBVyxFQUFFLGNBQWM7U0FDOUIsQ0FBQztRQUNpQixrQkFBYSxHQUFnQjtZQUM1QyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFFLEtBQW1CLENBQUMsaUJBQWlCO1lBQzNELFdBQVcsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUUsS0FBcUIsQ0FBQyxtQkFBbUI7U0FDckUsQ0FBQztRQUVpQiwwQkFBcUIsR0FBRyxNQUFNLENBQW9DLElBQUksQ0FBQyxDQUFDO1FBQ3hFLHFCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDaEQsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUUzRCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztnQkFDekIsT0FBTztZQUNYLENBQUM7WUFFRCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNuRyxDQUFDLENBQUMsQ0FBQztRQUVnQix1QkFBa0IsR0FBRyxRQUFRLENBQzVDLEdBQUcsRUFBRSxDQUFDLE1BQU0sSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLGNBQWMsQ0FDbEYsQ0FBQztRQUVjLDJCQUFzQixHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWlDLENBQUM7UUFDekUsbUJBQWMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUEwQixDQUFDO1FBQzFELCtCQUEwQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzdDLGlDQUE0QixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQy9DLFlBQU8sR0FBRyxLQUFLLEVBQWlCLENBQUM7S0FpQnBEO0lBZlUsUUFBUTtRQUNYLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFUyxRQUFRLENBQUMsb0JBQTBDO1FBQ3pELElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRU8seUJBQXlCO1FBQzdCLElBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsTUFBTSxFQUFDLENBQUM7WUFDOUIsT0FBTTtRQUNWLENBQUM7UUFFRCxJQUFJLENBQUMscUJBQXFCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0QsQ0FBQzsrR0E3Q1EsNEJBQTRCO21HQUE1Qiw0QkFBNEIsKzRCQ2hDekMsNmdHQXNEQSxvaEJEaENRLFlBQVksd0tBQ1osc0JBQXNCLDRHQUN0QixxQkFBcUIsbUhBQ3JCLHVCQUF1QixxSEFDdkIsa0JBQWtCLGdNQUNsQiw0QkFBNEI7OzRGQUt2Qiw0QkFBNEI7a0JBZHhDLFNBQVM7K0JBQ0ksMkJBQTJCLGNBQ3pCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLHNCQUFzQjt3QkFDdEIscUJBQXFCO3dCQUNyQix1QkFBdUI7d0JBQ3ZCLGtCQUFrQjt3QkFDbEIsNEJBQTRCO3FCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBPbkluaXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3JpdGVyaW9uLCBDdWlBcGlDb250ZXh0LCBJbnN0cnVjdGlvbiB9IGZyb20gJ0BjdWJ5LXVpL2FwaSc7XG5pbXBvcnQgeyBDdWlOdWxsYWJsZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5pbXBvcnQge1xuICAgIEVtcHR5U3RhdGVUaXRsZSxcbiAgICBHZXRGcmFtZXJJZCxcbiAgICBTZWN0aW9uU3RvcmFnZUVsZW1lbnRUeXBlTmFtZSxcbiAgICBTZWN0aW9uU3RvcmFnZU9iamVjdFxufSBmcm9tICcuL21vZGFsLWRpdmlkZWQtc2VjdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7XG4gICAgQ3VpQ2FyZFdyYXBwZXJDb21wb25lbnQsXG4gICAgQ3VpRW1wdHlTdGF0ZUNvbXBvbmVudCxcbiAgICBDdWlMZXR0ZXJCb3hDb21wb25lbnQsXG4gICAgQ3VpU3ZnTW9kdWxlXG59IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgVHJhbnNsb2NvRGlyZWN0aXZlIH0gZnJvbSAnQGpzdmVyc2UvdHJhbnNsb2NvJztcbmltcG9ydCB7IFV0aWxpdHlJbmZvUmVhZG9ubHlDb21wb25lbnQgfSBmcm9tICcuLi91dGlsaXR5LWluZm8tcmVhZG9ubHknO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2N1aS1tb2RhbC1kaXZpZGVkLXNlY3Rpb24nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDdWlTdmdNb2R1bGUsXG4gICAgICAgIEN1aUVtcHR5U3RhdGVDb21wb25lbnQsXG4gICAgICAgIEN1aUxldHRlckJveENvbXBvbmVudCxcbiAgICAgICAgQ3VpQ2FyZFdyYXBwZXJDb21wb25lbnQsXG4gICAgICAgIFRyYW5zbG9jb0RpcmVjdGl2ZSxcbiAgICAgICAgVXRpbGl0eUluZm9SZWFkb25seUNvbXBvbmVudFxuICAgIF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWRpdmlkZWQtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL21vZGFsLWRpdmlkZWQtc2VjdGlvbi5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxEaXZpZGVkU2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IEVNUFRZX1NUQVRFX1RJVExFOiBFbXB0eVN0YXRlVGl0bGUgPSB7XG4gICAgICAgIENSSVRFUklBOiAnQUNDRVBUQU5DRV9DUklURVJJQScsXG4gICAgICAgIElOU1RSVUNUSU9OOiAnSU5TVFJVQ1RJT05TJ1xuICAgIH07XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IEdFVF9GUkFNRVJfSUQ6IEdldEZyYW1lcklkID0ge1xuICAgICAgICBDUklURVJJQTogKHZhbHVlKSA9PiAodmFsdWUgYXMgQ3JpdGVyaW9uKS5mcmFtZXJDcml0ZXJpb25JZCxcbiAgICAgICAgSU5TVFJVQ1RJT046ICh2YWx1ZSkgPT4gKHZhbHVlIGFzIEluc3RydWN0aW9uKS5mcmFtZXJJbnN0cnVjdGlvbklkXG4gICAgfTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzZWxlY3RlZFN0b3JhZ2VPYmplY3QgPSBzaWduYWw8Q3VpTnVsbGFibGU8U2VjdGlvblN0b3JhZ2VPYmplY3Q+PihudWxsKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgc2VsZWN0ZWRGcmFtZXJJZCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWRTdG9yYWdlT2JqZWN0ID0gdGhpcy5zZWxlY3RlZFN0b3JhZ2VPYmplY3QoKTtcblxuICAgICAgICBpZiAoIXNlbGVjdGVkU3RvcmFnZU9iamVjdCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHRoaXMuR0VUX0ZSQU1FUl9JRFt0aGlzLnN0b3JhZ2VFbGVtZW50VHlwZU5hbWUoKV0oc2VsZWN0ZWRTdG9yYWdlT2JqZWN0LnN0b3JhZ2VFbGVtZW50KTtcbiAgICB9KTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBlbXB0eVN0YXRlU3VidGl0bGUgPSBjb21wdXRlZChcbiAgICAgICAgKCkgPT4gYE5PXyR7dGhpcy5FTVBUWV9TVEFURV9USVRMRVt0aGlzLnN0b3JhZ2VFbGVtZW50VHlwZU5hbWUoKV19X1RPX1ZJRVdfWUVUYFxuICAgICk7XG5cbiAgICBwdWJsaWMgcmVhZG9ubHkgc3RvcmFnZUVsZW1lbnRUeXBlTmFtZSA9IGlucHV0LnJlcXVpcmVkPFNlY3Rpb25TdG9yYWdlRWxlbWVudFR5cGVOYW1lPigpO1xuICAgIHB1YmxpYyByZWFkb25seSBzdG9yYWdlT2JqZWN0cyA9IGlucHV0LnJlcXVpcmVkPFNlY3Rpb25TdG9yYWdlT2JqZWN0W10+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IGVudmlyb25tZW50VXJsRm9yUmVzb3VyY2VzID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIHB1YmxpYyByZWFkb25seSBlbnZpcm9ubWVudFVybEZvckluc3RydWN0aW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIHB1YmxpYyByZWFkb25seSBjb250ZXh0ID0gaW5wdXQ8Q3VpQXBpQ29udGV4dD4oKTtcblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pbml0U2VsZWN0ZWRTdG9yYWdlT2JqZWN0KCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG9uU2VsZWN0KHNlY3Rpb25TdG9yYWdlT2JqZWN0OiBTZWN0aW9uU3RvcmFnZU9iamVjdCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlbGVjdGVkU3RvcmFnZU9iamVjdC5zZXQoc2VjdGlvblN0b3JhZ2VPYmplY3QpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdFNlbGVjdGVkU3RvcmFnZU9iamVjdCgpOiB2b2lkIHtcbiAgICAgICAgaWYoIXRoaXMuc3RvcmFnZU9iamVjdHMoKS5sZW5ndGgpe1xuICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnNlbGVjdGVkU3RvcmFnZU9iamVjdC5zZXQodGhpcy5zdG9yYWdlT2JqZWN0cygpPy5bMF0pO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKnRyYW5zbG9jbz1cImxldCB0XCI+XG4gICAgICAgIEBpZiAoc3RvcmFnZU9iamVjdHMoKTsgYXMgc3RvcmFnZU9iamVjdHMpIHtcbiAgICAgICAgICAgIEBpZiAoc3RvcmFnZU9iamVjdHMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJsb2NrIGJsb2NrX2xlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwibGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAoc3RvcmFnZU9iamVjdCBvZiBzdG9yYWdlT2JqZWN0czsgdHJhY2sgc3RvcmFnZU9iamVjdC5pZCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoc3RvcmFnZU9iamVjdC5zdG9yYWdlRWxlbWVudDsgYXMgc3RvcmFnZUVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJzdG9yYWdlRWxlbWVudC50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VpQ2FyZFdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXNTZWxlY3RlZF09XCJzZWxlY3RlZFN0b3JhZ2VPYmplY3QoKT8uaWQgPT09IHN0b3JhZ2VPYmplY3QuaWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblNlbGVjdChzdG9yYWdlT2JqZWN0KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbl9fY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAc3dpdGNoIChzdG9yYWdlRWxlbWVudFR5cGVOYW1lKCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgnQ1JJVEVSSUEnKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGN1aS1sZXR0ZXItYm94XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxldHRlcj1cImNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJ2YXIoLS1jdWktdmlvbGV0LTQwMClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAY2FzZSAoJ0lOU1RSVUNUSU9OJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjdWktc3ZnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJjdWlJY29uRmlsZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInZhcigtLWN1aS1iYXNlLTUwMClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJidXR0b25fX3RleHRcIj57eyBzdG9yYWdlRWxlbWVudC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgYmxvY2tfcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgQGlmIChzZWxlY3RlZFN0b3JhZ2VPYmplY3QoKT8uc3RvcmFnZUVsZW1lbnQ7IGFzIHNlbGVjdGVkU3RvcmFnZUVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoZWFkZXIgY2xhc3M9XCJoZWFkZXJcIj57eyBzZWxlY3RlZFN0b3JhZ2VFbGVtZW50LnRpdGxlIH19PC9oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Y3VpLXV0aWxpdHktaW5mby1yZWFkb25seVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmcmFtZXJJZF09XCJzZWxlY3RlZEZyYW1lcklkKCkhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW52aXJvbm1lbnRVcmxGb3JSZXNvdXJjZXNdPVwiZW52aXJvbm1lbnRVcmxGb3JSZXNvdXJjZXMoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Vudmlyb25tZW50VXJsRm9ySW5zdHJ1Y3Rpb25dPVwiZW52aXJvbm1lbnRVcmxGb3JJbnN0cnVjdGlvbigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInV0aWxpdHktaW5mb1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICA8Y3VpLWVtcHR5LXN0YXRlIFtzdWJ0aXRsZV09XCJ0KGVtcHR5U3RhdGVTdWJ0aXRsZSgpKVwiIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -8,7 +8,7 @@ export class ModalInstructionsTabComponent {
|
|
|
8
8
|
this.utilityId = input.required();
|
|
9
9
|
this.environmentUrlForInstruction = input.required();
|
|
10
10
|
this.context = input.required();
|
|
11
|
-
this.storageObjectInstructions = signal(
|
|
11
|
+
this.storageObjectInstructions = signal([]);
|
|
12
12
|
}
|
|
13
13
|
ngOnInit() {
|
|
14
14
|
this.initInstructions();
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ imports: [ModalDividedSectionComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "@if (storageObjectInstructions(); as storageObjectInstructions) {\n <cui-modal-divided-section\n storageElementTypeName=\"INSTRUCTION\"\n [context]=\"context()\"\n [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n [storageObjects]=\"storageObjectInstructions\"\n />\n}\n", styles: [":host{display:flex;height:100%}\n"] }]
|
|
30
30
|
}] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaW5zdHJ1Y3Rpb25zLXRhYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvbW9kYWwtaW5zdHJ1Y3Rpb25zLXRhYi9tb2RhbC1pbnN0cnVjdGlvbnMtdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9tb2RhbC1pbnN0cnVjdGlvbnMtdGFiL21vZGFsLWluc3RydWN0aW9ucy10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBR0gsaUJBQWlCLEVBR3BCLE1BQU0sY0FBYyxDQUFDO0FBRXRCLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQVN4RSxNQUFNLE9BQU8sNkJBQTZCO0lBUDFDO1FBUXFCLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRS9DLGNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDckMsaUNBQTRCLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3hELFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFpQixDQUFDO1FBQ3ZDLDhCQUF5QixHQUFHLE1BQU0sQ0FBMEMsRUFBRSxDQUFDLENBQUM7S0FxQnRHO0lBbkJVLFFBQVE7UUFDWCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU8sZ0JBQWdCO1FBQ3BCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDbkUsTUFBTSxnQ0FBZ0MsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksQ0FDNUQsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsYUFBYSwyREFBc0MsQ0FDNUMsQ0FBQztZQUVuRCxJQUFJLENBQUMseUJBQXlCLENBQUMsR0FBRyxDQUM5QixnQ0FBZ0M7Z0JBQzVCLENBQUMsQ0FBQyxnQ0FBZ0MsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxQyxDQUFDLHFCQUFxQixFQUFFLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxXQUFXLENBQy9EO2dCQUNILENBQUMsQ0FBQyxFQUFFLENBQ1gsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzsrR0ExQlEsNkJBQTZCO21HQUE3Qiw2QkFBNkIsZ2hCQ25CMUMsb1VBUUEsMkZES2MsNEJBQTRCOzs0RkFNN0IsNkJBQTZCO2tCQVB6QyxTQUFTOzhCQUNHLENBQUMsNEJBQTRCLENBQUMsbUJBR3RCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIGlucHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ3VpQXBpQ29udGV4dCxcbiAgICBTdG9yYWdlT2JqZWN0SW5zdHJ1Y3Rpb24sXG4gICAgVXRpbGl0eUFwaVNlcnZpY2UsXG4gICAgVXRpbGl0eUNvbXBvbmVudFR5cGUsXG4gICAgVXRpbGl0eUNvbXBvbmVudFdpdGhJbnN0cnVjdGlvbnNcbn0gZnJvbSAnQGN1YnktdWkvYXBpJztcbmltcG9ydCB0eXBlIHsgQ3VpTnVsbGFibGUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuaW1wb3J0IHsgTW9kYWxEaXZpZGVkU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL21vZGFsLWRpdmlkZWQtc2VjdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIGltcG9ydHM6IFtNb2RhbERpdmlkZWRTZWN0aW9uQ29tcG9uZW50XSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtaW5zdHJ1Y3Rpb25zLXRhYi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL21vZGFsLWluc3RydWN0aW9ucy10YWIuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxJbnN0cnVjdGlvbnNUYWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdXRpbGl0eUFwaVNlcnZpY2UgPSBpbmplY3QoVXRpbGl0eUFwaVNlcnZpY2UpO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IHV0aWxpdHlJZCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgZW52aXJvbm1lbnRVcmxGb3JJbnN0cnVjdGlvbiA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgY29udGV4dCA9IGlucHV0LnJlcXVpcmVkPEN1aUFwaUNvbnRleHQ+KCk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JhZ2VPYmplY3RJbnN0cnVjdGlvbnMgPSBzaWduYWw8Q3VpTnVsbGFibGU8U3RvcmFnZU9iamVjdEluc3RydWN0aW9uW10+PihbXSk7XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5pdEluc3RydWN0aW9ucygpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdEluc3RydWN0aW9ucygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy51dGlsaXR5QXBpU2VydmljZS5nZXRCeUlkKHRoaXMudXRpbGl0eUlkKCkpLnN1YnNjcmliZSgodXRpbGl0eSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdXRpbGl0eUNvbXBvbmVudFdpdGhJbnN0cnVjdGlvbnMgPSB1dGlsaXR5LmNvbXBvbmVudHMuZmluZChcbiAgICAgICAgICAgICAgICAodXRpbGl0eUNvbXBvbmVudCkgPT4gdXRpbGl0eUNvbXBvbmVudC5jb21wb25lbnRUeXBlID09PSBVdGlsaXR5Q29tcG9uZW50VHlwZS5JbnN0cnVjdGlvbnNcbiAgICAgICAgICAgICkgYXMgQ3VpTnVsbGFibGU8VXRpbGl0eUNvbXBvbmVudFdpdGhJbnN0cnVjdGlvbnM+O1xuXG4gICAgICAgICAgICB0aGlzLnN0b3JhZ2VPYmplY3RJbnN0cnVjdGlvbnMuc2V0KFxuICAgICAgICAgICAgICAgIHV0aWxpdHlDb21wb25lbnRXaXRoSW5zdHJ1Y3Rpb25zXG4gICAgICAgICAgICAgICAgICAgID8gdXRpbGl0eUNvbXBvbmVudFdpdGhJbnN0cnVjdGlvbnMuc3RydWN0dXJlLm1hcChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgKGxpc3RPYmplY3RJbnN0cnVjdGlvbikgPT4gbGlzdE9iamVjdEluc3RydWN0aW9uLmluc3RydWN0aW9uXG4gICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICA6IFtdXG4gICAgICAgICAgICApO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCJAaWYgKHN0b3JhZ2VPYmplY3RJbnN0cnVjdGlvbnMoKTsgYXMgc3RvcmFnZU9iamVjdEluc3RydWN0aW9ucykge1xuICAgIDxjdWktbW9kYWwtZGl2aWRlZC1zZWN0aW9uXG4gICAgICAgIHN0b3JhZ2VFbGVtZW50VHlwZU5hbWU9XCJJTlNUUlVDVElPTlwiXG4gICAgICAgIFtjb250ZXh0XT1cImNvbnRleHQoKVwiXG4gICAgICAgIFtlbnZpcm9ubWVudFVybEZvckluc3RydWN0aW9uXT1cImVudmlyb25tZW50VXJsRm9ySW5zdHJ1Y3Rpb24oKVwiXG4gICAgICAgIFtzdG9yYWdlT2JqZWN0c109XCJzdG9yYWdlT2JqZWN0SW5zdHJ1Y3Rpb25zXCJcbiAgICAvPlxufVxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from './components';
|
|
2
2
|
export { CuiSelectModalComponent } from './select-modal.component';
|
|
3
3
|
export { CuiSelectModalService } from './select-modal.service';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvc2VsZWN0LW1vZGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzJztcbmV4cG9ydCB7IEN1aVNlbGVjdE1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QtbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCB7IEN1aVNlbGVjdE1vZGFsU2VydmljZSB9IGZyb20gJy4vc2VsZWN0LW1vZGFsLnNlcnZpY2UnO1xuZXhwb3J0IHR5cGUge1xuICAgIEN1aVNlbGVjdE1vZGFsRGlhbG9nRGF0YSxcbiAgICBDdWlTZWxlY3RNb2RhbENvbXBvbmVudERhdGEsXG4gICAgQ3VpU2VsZWN0TW9kYWxFbGVtZW50XG59IGZyb20gJy4vc2VsZWN0LW1vZGFsLmludGVyZmFjZXMnO1xuIl19
|
|
@@ -10593,11 +10593,11 @@ class AssigneeRolesTabsComponent {
|
|
|
10593
10593
|
});
|
|
10594
10594
|
}
|
|
10595
10595
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AssigneeRolesTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10596
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AssigneeRolesTabsComponent, isStandalone: true, selector: "cui-assignee-roles-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: true, transformFunction: null }, buttonSlot: { classPropertyName: "buttonSlot", publicName: "buttonSlot", isSignal: true, isRequired: true, transformFunction: null }, contentSlot: { classPropertyName: "contentSlot", publicName: "contentSlot", isSignal: true, isRequired: true, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndexChange: "selectedIndexChange" }, viewQueries: [{ propertyName: "buttons", first: true, predicate: ["buttons"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: CuiTabsComponent, selector: "cui-tabs", inputs: ["headerSlot", "selectedIndex"] }, { kind: "directive", type: CuiTabDirective, selector: "cui-tab, [cuiTab]", inputs: ["buttonSlot", "contentSlot", "data"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
10596
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AssigneeRolesTabsComponent, isStandalone: true, selector: "cui-assignee-roles-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, itemSlot: { classPropertyName: "itemSlot", publicName: "itemSlot", isSignal: true, isRequired: true, transformFunction: null }, buttonSlot: { classPropertyName: "buttonSlot", publicName: "buttonSlot", isSignal: true, isRequired: true, transformFunction: null }, contentSlot: { classPropertyName: "contentSlot", publicName: "contentSlot", isSignal: true, isRequired: true, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndexChange: "selectedIndexChange" }, providers: [provideCuiTabs(CuiTabsServiceImpl)], viewQueries: [{ propertyName: "buttons", first: true, predicate: ["buttons"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: CuiTabsComponent, selector: "cui-tabs", inputs: ["headerSlot", "selectedIndex"] }, { kind: "directive", type: CuiTabDirective, selector: "cui-tab, [cuiTab]", inputs: ["buttonSlot", "contentSlot", "data"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
10597
10597
|
}
|
|
10598
10598
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AssigneeRolesTabsComponent, decorators: [{
|
|
10599
10599
|
type: Component,
|
|
10600
|
-
args: [{ selector: 'cui-assignee-roles-tabs', standalone: true, imports: [CuiTabsComponent, CuiTabDirective, TranslocoDirective, CuiButtonModule, NgTemplateOutlet], template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
10600
|
+
args: [{ selector: 'cui-assignee-roles-tabs', standalone: true, imports: [CuiTabsComponent, CuiTabDirective, TranslocoDirective, CuiButtonModule, NgTemplateOutlet], providers: [provideCuiTabs(CuiTabsServiceImpl)], template: "<ng-container *transloco=\"let t\">\n <cui-tabs\n class=\"tabs\"\n [selectedIndex]=\"selectedIndex()\"\n [headerSlot]=\"headerSlot\"\n >\n <ng-template\n #headerSlot\n let-buttons\n >\n <header class=\"header\">\n <div\n #buttons\n class=\"buttons\"\n >\n <ng-container [ngTemplateOutlet]=\"buttons\" />\n </div>\n <div class=\"actions\">\n @if (tabs().length > 4) {\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronLeft\"\n (click)=\"onScrollLeft()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconChevronRight\"\n (click)=\"onScrollRight()\"\n ></button>\n }\n\n <ng-container [ngTemplateOutlet]=\"buttonSlot()\" />\n </div>\n </header>\n </ng-template>\n\n @for (tab of tabs(); track trackTab($index, tab); let i = $index) {\n <cui-tab\n [data]=\"tab\"\n [buttonSlot]=\"cuiButtonSlot\"\n [contentSlot]=\"cuiContentSlot\"\n class=\"tab\"\n >\n <ng-template\n #cuiButtonSlot\n let-isActive=\"isActive\"\n let-element\n >\n <div\n class=\"button\"\n [class.button_active]=\"isActive\"\n (click)=\"onSelectTab(i)\"\n (keyup.enter)=\"onSelectTab(i)\"\n role=\"button\"\n tabindex=\"0\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n <ng-template\n #cuiContentSlot\n let-element\n >\n <div class=\"content\">\n <ng-container\n [ngTemplateOutlet]=\"contentSlot()\"\n [ngTemplateOutletContext]=\"{ $implicit: element }\"\n />\n </div>\n </ng-template>\n </cui-tab>\n }\n </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%}.tabs{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--cui-base-200)}.header{display:flex;gap:4px;align-items:center;padding-top:8px;padding-right:12px;padding-left:12px;border-radius:8px 8px 0 0;border-bottom:.5px solid var(--cui-base-200);background-color:var(--cui-base-10)}.buttons{display:flex;align-items:center;justify-content:space-evenly;flex:1;margin-bottom:-1px;overflow:scroll hidden;scrollbar-width:none}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.content{padding:12px;animation:fade-in .15s ease-in}.button{display:flex;align-items:center;justify-content:space-between;padding:8px;flex:1 0 180px}.button_active{position:relative;border-radius:8px 8px 0 0;border:.5px solid var(--cui-base-200);border-bottom-width:0;background-color:var(--cui-base-0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
10601
10601
|
}] });
|
|
10602
10602
|
|
|
10603
10603
|
class UtilityInfoReadonlyComponent {
|
|
@@ -10720,10 +10720,13 @@ class ModalDividedSectionComponent {
|
|
|
10720
10720
|
this.selectedStorageObject.set(sectionStorageObject);
|
|
10721
10721
|
}
|
|
10722
10722
|
initSelectedStorageObject() {
|
|
10723
|
-
|
|
10723
|
+
if (!this.storageObjects().length) {
|
|
10724
|
+
return;
|
|
10725
|
+
}
|
|
10726
|
+
this.selectedStorageObject.set(this.storageObjects()?.[0]);
|
|
10724
10727
|
}
|
|
10725
10728
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalDividedSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalDividedSectionComponent, isStandalone: true, selector: "cui-modal-divided-section", inputs: { storageElementTypeName: { classPropertyName: "storageElementTypeName", publicName: "storageElementTypeName", isSignal: true, isRequired: true, transformFunction: null }, storageObjects: { classPropertyName: "storageObjects", publicName: "storageObjects", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n
|
|
10729
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalDividedSectionComponent, isStandalone: true, selector: "cui-modal-divided-section", inputs: { storageElementTypeName: { classPropertyName: "storageElementTypeName", publicName: "storageElementTypeName", isSignal: true, isRequired: true, transformFunction: null }, storageObjects: { classPropertyName: "storageObjects", publicName: "storageObjects", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n @if (storageObjects(); as storageObjects) {\n @if (storageObjects.length) {\n <div class=\"block block_left\">\n <ul class=\"list\">\n @for (storageObject of storageObjects; track storageObject.id) {\n @if (storageObject.storageElement; as storageElement) {\n <li>\n <button\n type=\"button\"\n [title]=\"storageElement.title\"\n cuiCardWrapper\n [isSelected]=\"selectedStorageObject()?.id === storageObject.id\"\n (click)=\"onSelect(storageObject)\"\n >\n <div class=\"button__content\">\n @switch (storageElementTypeName()) {\n @case ('CRITERIA') {\n <cui-letter-box\n letter=\"c\"\n backgroundColor=\"var(--cui-violet-400)\"\n />\n }\n @case ('INSTRUCTION') {\n <cui-svg\n icon=\"cuiIconFileText\"\n color=\"var(--cui-base-500)\"\n />\n }\n }\n <span class=\"button__text\">{{ storageElement.title }}</span>\n </div>\n </button>\n </li>\n }\n }\n </ul>\n </div>\n <div class=\"block block_right\">\n @if (selectedStorageObject()?.storageElement; as selectedStorageElement) {\n <header class=\"header\">{{ selectedStorageElement.title }}</header>\n <cui-utility-info-readonly\n [framerId]=\"selectedFramerId()!\"\n [environmentUrlForResources]=\"environmentUrlForResources()\"\n [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n class=\"utility-info\"\n />\n }\n </div>\n } @else {\n <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n }\n }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }, { kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "component", type: CuiCardWrapperComponent, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: ["withBorder", "isSelected"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: UtilityInfoReadonlyComponent, selector: "cui-utility-info-readonly", inputs: ["environmentUrlForResources", "environmentUrlForInstruction", "framerId", "element"] }] }); }
|
|
10727
10730
|
}
|
|
10728
10731
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalDividedSectionComponent, decorators: [{
|
|
10729
10732
|
type: Component,
|
|
@@ -10734,7 +10737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
10734
10737
|
CuiCardWrapperComponent,
|
|
10735
10738
|
TranslocoDirective,
|
|
10736
10739
|
UtilityInfoReadonlyComponent
|
|
10737
|
-
], template: "<ng-container *transloco=\"let t\">\n
|
|
10740
|
+
], template: "<ng-container *transloco=\"let t\">\n @if (storageObjects(); as storageObjects) {\n @if (storageObjects.length) {\n <div class=\"block block_left\">\n <ul class=\"list\">\n @for (storageObject of storageObjects; track storageObject.id) {\n @if (storageObject.storageElement; as storageElement) {\n <li>\n <button\n type=\"button\"\n [title]=\"storageElement.title\"\n cuiCardWrapper\n [isSelected]=\"selectedStorageObject()?.id === storageObject.id\"\n (click)=\"onSelect(storageObject)\"\n >\n <div class=\"button__content\">\n @switch (storageElementTypeName()) {\n @case ('CRITERIA') {\n <cui-letter-box\n letter=\"c\"\n backgroundColor=\"var(--cui-violet-400)\"\n />\n }\n @case ('INSTRUCTION') {\n <cui-svg\n icon=\"cuiIconFileText\"\n color=\"var(--cui-base-500)\"\n />\n }\n }\n <span class=\"button__text\">{{ storageElement.title }}</span>\n </div>\n </button>\n </li>\n }\n }\n </ul>\n </div>\n <div class=\"block block_right\">\n @if (selectedStorageObject()?.storageElement; as selectedStorageElement) {\n <header class=\"header\">{{ selectedStorageElement.title }}</header>\n <cui-utility-info-readonly\n [framerId]=\"selectedFramerId()!\"\n [environmentUrlForResources]=\"environmentUrlForResources()\"\n [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n class=\"utility-info\"\n />\n }\n </div>\n } @else {\n <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n }\n }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"] }]
|
|
10738
10741
|
}] });
|
|
10739
10742
|
|
|
10740
10743
|
class ModalHeaderInsertedButtonsComponent {
|
|
@@ -11584,7 +11587,7 @@ class ModalInstructionsTabComponent {
|
|
|
11584
11587
|
this.utilityId = input.required();
|
|
11585
11588
|
this.environmentUrlForInstruction = input.required();
|
|
11586
11589
|
this.context = input.required();
|
|
11587
|
-
this.storageObjectInstructions = signal(
|
|
11590
|
+
this.storageObjectInstructions = signal([]);
|
|
11588
11591
|
}
|
|
11589
11592
|
ngOnInit() {
|
|
11590
11593
|
this.initInstructions();
|