pruebatlp20v17-design-system 0.0.16 → 0.0.18
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/lib/algeciras-port-logo/algeciras-port-logo.component.mjs +4 -3
- package/esm2022/lib/bottom-panel/bottom-panel-content.directive.mjs +3 -2
- package/esm2022/lib/bottom-panel/bottom-panel-footer.component.mjs +6 -4
- package/esm2022/lib/bottom-panel/bottom-panel-header-heading.directive.mjs +3 -2
- package/esm2022/lib/bottom-panel/bottom-panel-header-label.directive.mjs +3 -2
- package/esm2022/lib/bottom-panel/bottom-panel-header.component.mjs +6 -4
- package/esm2022/lib/bottom-panel/bottom-panel.component.mjs +4 -5
- package/esm2022/lib/button/button.component.mjs +4 -3
- package/esm2022/lib/checkbox/checkbox.component.mjs +7 -5
- package/esm2022/lib/combobox/combobox.component.mjs +7 -5
- package/esm2022/lib/data-table/data-table-container.component.mjs +5 -3
- package/esm2022/lib/data-table/data-table-toolbar-content.component.mjs +5 -3
- package/esm2022/lib/data-table/data-table-toolbar.component.mjs +7 -4
- package/esm2022/lib/data-table/data-table.component.mjs +6 -4
- package/esm2022/lib/datepicker/datepicker.component.mjs +7 -5
- package/esm2022/lib/design-system.module.mjs +80 -32
- package/esm2022/lib/expandable-tile/expandable-tile.component.mjs +12 -9
- package/esm2022/lib/global-styles.component.mjs +3 -3
- package/esm2022/lib/header/hamburger.component.mjs +5 -3
- package/esm2022/lib/header/header-action.component.mjs +6 -4
- package/esm2022/lib/header/header-global.component.mjs +6 -4
- package/esm2022/lib/header/header.component.mjs +4 -4
- package/esm2022/lib/icons/icon.directive.mjs +3 -2
- package/esm2022/lib/input/input.component.mjs +8 -6
- package/esm2022/lib/link/link.directive.mjs +3 -2
- package/esm2022/lib/loading/loading.component.mjs +4 -3
- package/esm2022/lib/modal/modal-content.directive.mjs +3 -2
- package/esm2022/lib/modal/modal-footer.component.mjs +6 -3
- package/esm2022/lib/modal/modal-header-heading.directive.mjs +3 -2
- package/esm2022/lib/modal/modal-header-label.directive.mjs +3 -2
- package/esm2022/lib/modal/modal-header.component.mjs +6 -3
- package/esm2022/lib/modal/modal.component.mjs +4 -3
- package/esm2022/lib/modal/placeholder.component.mjs +5 -2
- package/esm2022/lib/notification/notification.component.mjs +6 -7
- package/esm2022/lib/notification/toast.component.mjs +6 -7
- package/esm2022/lib/overflow-menu/overflow-menu-option.component.mjs +4 -4
- package/esm2022/lib/overflow-menu/overflow-menu.component.mjs +4 -4
- package/esm2022/lib/pagination/pagination.component.mjs +5 -4
- package/esm2022/lib/progress-indicator/progress-indicator.component.mjs +7 -4
- package/esm2022/lib/radio/radio-group.component.mjs +7 -5
- package/esm2022/lib/radio/radio.component.mjs +7 -5
- package/esm2022/lib/search/search.component.mjs +7 -7
- package/esm2022/lib/select/select.component.mjs +7 -5
- package/esm2022/lib/side-panel/side-panel.component.mjs +6 -4
- package/esm2022/lib/sidenav/sidenav-item.component.mjs +5 -4
- package/esm2022/lib/sidenav/sidenav-menu.component.mjs +5 -5
- package/esm2022/lib/sidenav/sidenav.component.mjs +22 -6
- package/esm2022/lib/subheader/subheader.component.mjs +3 -3
- package/esm2022/lib/table/table.directive.mjs +3 -2
- package/esm2022/lib/tabs/tab.component.mjs +10 -5
- package/esm2022/lib/tabs/tabs.component.mjs +6 -6
- package/esm2022/lib/tag/tag.component.mjs +5 -5
- package/esm2022/lib/tag-filter/tag-filter.component.mjs +5 -5
- package/esm2022/lib/textarea/textarea.component.mjs +9 -7
- package/esm2022/lib/toggle/toggle.component.mjs +8 -6
- package/fesm2022/pruebatlp20v17-design-system.mjs +280 -181
- package/fesm2022/pruebatlp20v17-design-system.mjs.map +1 -1
- package/lib/algeciras-port-logo/algeciras-port-logo.component.d.ts +1 -1
- package/lib/bottom-panel/bottom-panel-content.directive.d.ts +1 -1
- package/lib/bottom-panel/bottom-panel-footer.component.d.ts +1 -1
- package/lib/bottom-panel/bottom-panel-header-heading.directive.d.ts +1 -1
- package/lib/bottom-panel/bottom-panel-header-label.directive.d.ts +1 -1
- package/lib/bottom-panel/bottom-panel-header.component.d.ts +1 -1
- package/lib/bottom-panel/bottom-panel.component.d.ts +1 -1
- package/lib/button/button.component.d.ts +1 -1
- package/lib/checkbox/checkbox.component.d.ts +1 -1
- package/lib/combobox/combobox.component.d.ts +1 -1
- package/lib/data-table/data-table-container.component.d.ts +1 -1
- package/lib/data-table/data-table-toolbar-content.component.d.ts +1 -1
- package/lib/data-table/data-table-toolbar.component.d.ts +1 -1
- package/lib/data-table/data-table.component.d.ts +1 -1
- package/lib/datepicker/datepicker.component.d.ts +1 -1
- package/lib/design-system.module.d.ts +81 -82
- package/lib/expandable-tile/expandable-tile.component.d.ts +1 -1
- package/lib/global-styles.component.d.ts +1 -1
- package/lib/header/hamburger.component.d.ts +1 -1
- package/lib/header/header-action.component.d.ts +1 -1
- package/lib/header/header-global.component.d.ts +1 -1
- package/lib/header/header.component.d.ts +1 -1
- package/lib/icons/icon.directive.d.ts +1 -1
- package/lib/input/input.component.d.ts +1 -1
- package/lib/link/link.directive.d.ts +1 -1
- package/lib/loading/loading.component.d.ts +1 -1
- package/lib/modal/modal-content.directive.d.ts +1 -1
- package/lib/modal/modal-footer.component.d.ts +1 -1
- package/lib/modal/modal-header-heading.directive.d.ts +1 -1
- package/lib/modal/modal-header-label.directive.d.ts +1 -1
- package/lib/modal/modal-header.component.d.ts +1 -1
- package/lib/modal/modal.component.d.ts +1 -1
- package/lib/modal/placeholder.component.d.ts +1 -1
- package/lib/notification/notification.component.d.ts +1 -1
- package/lib/notification/toast.component.d.ts +1 -1
- package/lib/overflow-menu/overflow-menu-option.component.d.ts +1 -1
- package/lib/overflow-menu/overflow-menu.component.d.ts +1 -1
- package/lib/pagination/pagination.component.d.ts +1 -1
- package/lib/progress-indicator/progress-indicator.component.d.ts +1 -1
- package/lib/radio/radio-group.component.d.ts +1 -1
- package/lib/radio/radio.component.d.ts +1 -1
- package/lib/search/search.component.d.ts +1 -1
- package/lib/select/select.component.d.ts +1 -1
- package/lib/side-panel/side-panel.component.d.ts +1 -1
- package/lib/sidenav/sidenav-item.component.d.ts +1 -1
- package/lib/sidenav/sidenav-menu.component.d.ts +1 -1
- package/lib/sidenav/sidenav.component.d.ts +3 -1
- package/lib/subheader/subheader.component.d.ts +1 -1
- package/lib/table/table.directive.d.ts +1 -1
- package/lib/tabs/tab.component.d.ts +1 -1
- package/lib/tabs/tabs.component.d.ts +1 -1
- package/lib/tag/tag.component.d.ts +1 -1
- package/lib/tag-filter/tag-filter.component.d.ts +1 -1
- package/lib/textarea/textarea.component.d.ts +1 -1
- package/lib/toggle/toggle.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
|
-
import { Notification as IbmNotification } from "carbon-components-angular/notification";
|
|
2
|
+
import { Notification as IbmNotification, NotificationModule, } from "carbon-components-angular/notification";
|
|
3
|
+
import { IconDirective } from "../icons/icon.directive";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "carbon-components-angular/notification";
|
|
6
|
-
import * as i3 from "../icons/icon.directive";
|
|
5
|
+
import * as i1 from "carbon-components-angular/notification";
|
|
7
6
|
export class NotificationComponent extends IbmNotification {
|
|
8
7
|
title = "";
|
|
9
8
|
message = "";
|
|
10
9
|
type = "info";
|
|
11
10
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationComponent, isStandalone: true, selector: "tlp-notification", inputs: { title: "title", message: "message", type: "type" }, usesInheritance: true, ngImport: i0, template: "<div class=\"cds--inline-notification__details\">\r\n @if (notificationObj.type === 'error') {\r\n <svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n } @if (notificationObj.type === 'warning') {\r\n <svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n } @if (notificationObj.type === 'success') {\r\n <svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n }\r\n <div class=\"cds--inline-notification__text-wrapper\">\r\n <p ibmNotificationTitle [innerHTML]=\"notificationObj.title\"></p>\r\n <div ibmNotificationSubtitle>\r\n <span [innerHTML]=\"notificationObj.message\"></span>\r\n </div>\r\n </div>\r\n</div>\r\n<button\r\n (click)=\"onClose()\"\r\n title=\"Cerrar\"\r\n class=\"cds--inline-notification__close-button\"\r\n type=\"button\"\r\n>\r\n <svg\r\n tlpIcon=\"close\"\r\n size=\"16\"\r\n class=\"cds--inline-notification__close-icon\"\r\n ></svg>\r\n</button>\r\n", styles: ["::ng-deep .cds--inline-notification{border-radius:4px;margin:1rem 0;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .cds--inline-notification__text-wrapper{align-items:center}::ng-deep .cds--inline-notification__title{margin:0}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222;border-radius:4px;margin:1rem 0;box-shadow:none}::ng-deep .cds--toast-notification__subtitle{color:#222}::ng-deep .cds--toast-notification__caption{color:#222}::ng-deep .cds--inline-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--inline-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--inline-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--inline-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--toast-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--toast-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--toast-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--toast-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--inline-notification__close-button:focus{outline:none}::ng-deep .cds--toast-notification__close-button:focus{outline:none}::ng-deep .cds--inline-notification__close-button .cds--inline-notification__close-icon{fill:#222}::ng-deep .cds--toast-notification__close-button .cds--toast-notification__close-icon{fill:#222}\n"], dependencies: [{ kind: "ngmodule", type: NotificationModule }, { kind: "directive", type: i1.NotificationTitle, selector: "[cdsNotificationTitle], [ibmNotificationTitle]" }, { kind: "directive", type: i1.NotificationSubtitle, selector: "[cdsNotificationSubtitle], [ibmNotificationSubtitle]" }, { kind: "directive", type: IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
13
12
|
}
|
|
14
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
15
14
|
type: Component,
|
|
16
|
-
args: [{ selector: "tlp-notification", template: "<div class=\"cds--inline-notification__details\">\r\n <svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n
|
|
15
|
+
args: [{ selector: "tlp-notification", standalone: true, imports: [NotificationModule, IconDirective], template: "<div class=\"cds--inline-notification__details\">\r\n @if (notificationObj.type === 'error') {\r\n <svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n } @if (notificationObj.type === 'warning') {\r\n <svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n } @if (notificationObj.type === 'success') {\r\n <svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n }\r\n <div class=\"cds--inline-notification__text-wrapper\">\r\n <p ibmNotificationTitle [innerHTML]=\"notificationObj.title\"></p>\r\n <div ibmNotificationSubtitle>\r\n <span [innerHTML]=\"notificationObj.message\"></span>\r\n </div>\r\n </div>\r\n</div>\r\n<button\r\n (click)=\"onClose()\"\r\n title=\"Cerrar\"\r\n class=\"cds--inline-notification__close-button\"\r\n type=\"button\"\r\n>\r\n <svg\r\n tlpIcon=\"close\"\r\n size=\"16\"\r\n class=\"cds--inline-notification__close-icon\"\r\n ></svg>\r\n</button>\r\n", styles: ["::ng-deep .cds--inline-notification{border-radius:4px;margin:1rem 0;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .cds--inline-notification__text-wrapper{align-items:center}::ng-deep .cds--inline-notification__title{margin:0}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222;border-radius:4px;margin:1rem 0;box-shadow:none}::ng-deep .cds--toast-notification__subtitle{color:#222}::ng-deep .cds--toast-notification__caption{color:#222}::ng-deep .cds--inline-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--inline-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--inline-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--inline-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--toast-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--toast-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--toast-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--toast-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--inline-notification__close-button:focus{outline:none}::ng-deep .cds--toast-notification__close-button:focus{outline:none}::ng-deep .cds--inline-notification__close-button .cds--inline-notification__close-icon{fill:#222}::ng-deep .cds--toast-notification__close-button .cds--toast-notification__close-icon{fill:#222}\n"] }]
|
|
17
16
|
}], propDecorators: { title: [{
|
|
18
17
|
type: Input
|
|
19
18
|
}], message: [{
|
|
@@ -21,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
21
20
|
}], type: [{
|
|
22
21
|
type: Input
|
|
23
22
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFDTCxZQUFZLElBQUksZUFBZSxFQUMvQixrQkFBa0IsR0FDbkIsTUFBTSx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQVN4RCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsZUFBZTtJQUMvQyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLE9BQU8sR0FBVyxFQUFFLENBQUM7SUFDckIsSUFBSSxHQUE2QyxNQUFNLENBQUM7d0dBSHRELHFCQUFxQjs0RkFBckIscUJBQXFCLGlLQ2RsQyx1bUNBdUNBLHVvREQzQlksa0JBQWtCLHNRQUFFLGFBQWE7OzRGQUVoQyxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBR2hCLElBQUksV0FDUCxDQUFDLGtCQUFrQixFQUFFLGFBQWEsQ0FBQzs4QkFHbkMsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBOb3RpZmljYXRpb24gYXMgSWJtTm90aWZpY2F0aW9uLFxyXG4gIE5vdGlmaWNhdGlvbk1vZHVsZSxcclxufSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci9ub3RpZmljYXRpb25cIjtcclxuaW1wb3J0IHsgSWNvbkRpcmVjdGl2ZSB9IGZyb20gXCIuLi9pY29ucy9pY29uLmRpcmVjdGl2ZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLW5vdGlmaWNhdGlvblwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOb3RpZmljYXRpb25Nb2R1bGUsIEljb25EaXJlY3RpdmVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uQ29tcG9uZW50IGV4dGVuZHMgSWJtTm90aWZpY2F0aW9uIHtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHR5cGU6IFwiaW5mb1wiIHwgXCJ3YXJuaW5nXCIgfCBcImVycm9yXCIgfCBcInN1Y2Nlc3NcIiA9IFwiaW5mb1wiO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjZHMtLWlubGluZS1ub3RpZmljYXRpb25fX2RldGFpbHNcIj5cclxuICBAaWYgKG5vdGlmaWNhdGlvbk9iai50eXBlID09PSAnZXJyb3InKSB7XHJcbiAgPHN2Z1xyXG4gICAgdGxwSWNvbj1cImVycm9yLS1maWxsZWRcIlxyXG4gICAgc2l6ZT1cIjIwXCJcclxuICAgIGNsYXNzPVwiY2RzLS1pbmxpbmUtbm90aWZpY2F0aW9uX19pY29uXCJcclxuICA+PC9zdmc+XHJcbiAgfSBAaWYgKG5vdGlmaWNhdGlvbk9iai50eXBlID09PSAnd2FybmluZycpIHtcclxuICA8c3ZnXHJcbiAgICB0bHBJY29uPVwid2FybmluZy0tZmlsbGVkXCJcclxuICAgIHNpemU9XCIyMFwiXHJcbiAgICBjbGFzcz1cImNkcy0taW5saW5lLW5vdGlmaWNhdGlvbl9faWNvblwiXHJcbiAgPjwvc3ZnPlxyXG4gIH0gQGlmIChub3RpZmljYXRpb25PYmoudHlwZSA9PT0gJ3N1Y2Nlc3MnKSB7XHJcbiAgPHN2Z1xyXG4gICAgdGxwSWNvbj1cImNoZWNrbWFyay0tZmlsbGVkXCJcclxuICAgIHNpemU9XCIyMFwiXHJcbiAgICBjbGFzcz1cImNkcy0taW5saW5lLW5vdGlmaWNhdGlvbl9faWNvblwiXHJcbiAgPjwvc3ZnPlxyXG4gIH1cclxuICA8ZGl2IGNsYXNzPVwiY2RzLS1pbmxpbmUtbm90aWZpY2F0aW9uX190ZXh0LXdyYXBwZXJcIj5cclxuICAgIDxwIGlibU5vdGlmaWNhdGlvblRpdGxlIFtpbm5lckhUTUxdPVwibm90aWZpY2F0aW9uT2JqLnRpdGxlXCI+PC9wPlxyXG4gICAgPGRpdiBpYm1Ob3RpZmljYXRpb25TdWJ0aXRsZT5cclxuICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJub3RpZmljYXRpb25PYmoubWVzc2FnZVwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPGJ1dHRvblxyXG4gIChjbGljayk9XCJvbkNsb3NlKClcIlxyXG4gIHRpdGxlPVwiQ2VycmFyXCJcclxuICBjbGFzcz1cImNkcy0taW5saW5lLW5vdGlmaWNhdGlvbl9fY2xvc2UtYnV0dG9uXCJcclxuICB0eXBlPVwiYnV0dG9uXCJcclxuPlxyXG4gIDxzdmdcclxuICAgIHRscEljb249XCJjbG9zZVwiXHJcbiAgICBzaXplPVwiMTZcIlxyXG4gICAgY2xhc3M9XCJjZHMtLWlubGluZS1ub3RpZmljYXRpb25fX2Nsb3NlLWljb25cIlxyXG4gID48L3N2Zz5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
|
-
import { Toast as IbmToast } from "carbon-components-angular/notification";
|
|
2
|
+
import { Toast as IbmToast, NotificationModule, } from "carbon-components-angular/notification";
|
|
3
|
+
import { IconDirective } from "../icons/icon.directive";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "carbon-components-angular/notification";
|
|
6
|
-
import * as i3 from "../icons/icon.directive";
|
|
5
|
+
import * as i1 from "carbon-components-angular/notification";
|
|
7
6
|
export class ToastComponent extends IbmToast {
|
|
8
7
|
title = "";
|
|
9
8
|
subtitle = "";
|
|
10
9
|
caption = "";
|
|
11
10
|
type = "info";
|
|
12
11
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToastComponent, isStandalone: true, selector: "tlp-toast", inputs: { title: "title", subtitle: "subtitle", caption: "caption", type: "type" }, usesInheritance: true, ngImport: i0, template: "@if (notificationObj.type === 'error') {\r\n<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n} @if (notificationObj.type === 'warning') {\r\n<svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n} @if (notificationObj.type === 'success') {\r\n<svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n}\r\n<div class=\"cds--toast-notification__details\">\r\n <h3 ibmToastTitle [innerHTML]=\"notificationObj.title\"></h3>\r\n <div ibmToastSubtitle>\r\n <span [innerHTML]=\"notificationObj.subtitle\"></span>\r\n </div>\r\n <p ibmToastCaption [innerHTML]=\"notificationObj.caption\"></p>\r\n</div>\r\n<button\r\n class=\"cds--toast-notification__close-button\"\r\n type=\"button\"\r\n title=\"Cerrar\"\r\n (click)=\"onClose()\"\r\n>\r\n <svg\r\n tlpIcon=\"close\"\r\n size=\"16\"\r\n class=\"cds--toast-notification__close-icon\"\r\n ></svg>\r\n</button>\r\n", styles: ["::ng-deep .cds--inline-notification{border-radius:4px;margin:1rem 0;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .cds--inline-notification__text-wrapper{align-items:center}::ng-deep .cds--inline-notification__title{margin:0}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222;border-radius:4px;margin:1rem 0;box-shadow:none}::ng-deep .cds--toast-notification__subtitle{color:#222}::ng-deep .cds--toast-notification__caption{color:#222}::ng-deep .cds--inline-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--inline-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--inline-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--inline-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--toast-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--toast-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--toast-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--toast-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--inline-notification__close-button:focus{outline:none}::ng-deep .cds--toast-notification__close-button:focus{outline:none}::ng-deep .cds--inline-notification__close-button .cds--inline-notification__close-icon{fill:#222}::ng-deep .cds--toast-notification__close-button .cds--toast-notification__close-icon{fill:#222}\n"], dependencies: [{ kind: "ngmodule", type: NotificationModule }, { kind: "directive", type: i1.ToastTitle, selector: "[cdsToastTitle], [ibmToastTitle]" }, { kind: "directive", type: i1.ToastSubtitle, selector: "[cdsToastSubtitle], [ibmToastSubtitle]" }, { kind: "directive", type: i1.ToastCaption, selector: "[cdsToastCaption], [ibmToastCaption]" }, { kind: "directive", type: IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
14
13
|
}
|
|
15
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastComponent, decorators: [{
|
|
16
15
|
type: Component,
|
|
17
|
-
args: [{ selector: "tlp-toast", template: "<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n
|
|
16
|
+
args: [{ selector: "tlp-toast", standalone: true, imports: [NotificationModule, IconDirective], template: "@if (notificationObj.type === 'error') {\r\n<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n} @if (notificationObj.type === 'warning') {\r\n<svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n} @if (notificationObj.type === 'success') {\r\n<svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n}\r\n<div class=\"cds--toast-notification__details\">\r\n <h3 ibmToastTitle [innerHTML]=\"notificationObj.title\"></h3>\r\n <div ibmToastSubtitle>\r\n <span [innerHTML]=\"notificationObj.subtitle\"></span>\r\n </div>\r\n <p ibmToastCaption [innerHTML]=\"notificationObj.caption\"></p>\r\n</div>\r\n<button\r\n class=\"cds--toast-notification__close-button\"\r\n type=\"button\"\r\n title=\"Cerrar\"\r\n (click)=\"onClose()\"\r\n>\r\n <svg\r\n tlpIcon=\"close\"\r\n size=\"16\"\r\n class=\"cds--toast-notification__close-icon\"\r\n ></svg>\r\n</button>\r\n", styles: ["::ng-deep .cds--inline-notification{border-radius:4px;margin:1rem 0;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .cds--inline-notification__text-wrapper{align-items:center}::ng-deep .cds--inline-notification__title{margin:0}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222;border-radius:4px;margin:1rem 0;box-shadow:none}::ng-deep .cds--toast-notification__subtitle{color:#222}::ng-deep .cds--toast-notification__caption{color:#222}::ng-deep .cds--inline-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--inline-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--inline-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--inline-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--toast-notification--error{background-color:#ffd9d6;border:1px solid #d52b1e}::ng-deep .cds--toast-notification--info{background-color:#faedd0;border:1px solid #ffc438}::ng-deep .cds--toast-notification--warning{background-color:#fcd7b2;border:1px solid #e17000}::ng-deep .cds--toast-notification--success{background-color:#d9ffd3;border:1px solid #43b233}::ng-deep .cds--inline-notification__close-button:focus{outline:none}::ng-deep .cds--toast-notification__close-button:focus{outline:none}::ng-deep .cds--inline-notification__close-button .cds--inline-notification__close-icon{fill:#222}::ng-deep .cds--toast-notification__close-button .cds--toast-notification__close-icon{fill:#222}\n"] }]
|
|
18
17
|
}], propDecorators: { title: [{
|
|
19
18
|
type: Input
|
|
20
19
|
}], subtitle: [{
|
|
@@ -24,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
24
23
|
}], type: [{
|
|
25
24
|
type: Input
|
|
26
25
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL25vdGlmaWNhdGlvbi90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvbm90aWZpY2F0aW9uL3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFDTCxLQUFLLElBQUksUUFBUSxFQUNqQixrQkFBa0IsR0FDbkIsTUFBTSx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQVN4RCxNQUFNLE9BQU8sY0FBZSxTQUFRLFFBQVE7SUFDakMsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixRQUFRLEdBQVcsRUFBRSxDQUFDO0lBQ3RCLE9BQU8sR0FBVyxFQUFFLENBQUM7SUFDckIsSUFBSSxHQUE2QyxNQUFNLENBQUM7d0dBSnRELGNBQWM7NEZBQWQsY0FBYyxnTENkM0IscWlDQXNDQSx1b0REMUJZLGtCQUFrQiw0VEFBRSxhQUFhOzs0RkFFaEMsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxXQUFXLGNBR1QsSUFBSSxXQUNQLENBQUMsa0JBQWtCLEVBQUUsYUFBYSxDQUFDOzhCQUduQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7XHJcbiAgVG9hc3QgYXMgSWJtVG9hc3QsXHJcbiAgTm90aWZpY2F0aW9uTW9kdWxlLFxyXG59IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL25vdGlmaWNhdGlvblwiO1xyXG5pbXBvcnQgeyBJY29uRGlyZWN0aXZlIH0gZnJvbSBcIi4uL2ljb25zL2ljb24uZGlyZWN0aXZlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtdG9hc3RcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3RvYXN0LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOb3RpZmljYXRpb25Nb2R1bGUsIEljb25EaXJlY3RpdmVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9hc3RDb21wb25lbnQgZXh0ZW5kcyBJYm1Ub2FzdCB7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgc3VidGl0bGU6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgY2FwdGlvbjogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSB0eXBlOiBcImluZm9cIiB8IFwid2FybmluZ1wiIHwgXCJlcnJvclwiIHwgXCJzdWNjZXNzXCIgPSBcImluZm9cIjtcclxufVxyXG4iLCJAaWYgKG5vdGlmaWNhdGlvbk9iai50eXBlID09PSAnZXJyb3InKSB7XHJcbjxzdmdcclxuICB0bHBJY29uPVwiZXJyb3ItLWZpbGxlZFwiXHJcbiAgc2l6ZT1cIjIwXCJcclxuICBjbGFzcz1cImNkcy0tdG9hc3Qtbm90aWZpY2F0aW9uX19pY29uXCJcclxuPjwvc3ZnPlxyXG59IEBpZiAobm90aWZpY2F0aW9uT2JqLnR5cGUgPT09ICd3YXJuaW5nJykge1xyXG48c3ZnXHJcbiAgdGxwSWNvbj1cIndhcm5pbmctLWZpbGxlZFwiXHJcbiAgc2l6ZT1cIjIwXCJcclxuICBjbGFzcz1cImNkcy0tdG9hc3Qtbm90aWZpY2F0aW9uX19pY29uXCJcclxuPjwvc3ZnPlxyXG59IEBpZiAobm90aWZpY2F0aW9uT2JqLnR5cGUgPT09ICdzdWNjZXNzJykge1xyXG48c3ZnXHJcbiAgdGxwSWNvbj1cImNoZWNrbWFyay0tZmlsbGVkXCJcclxuICBzaXplPVwiMjBcIlxyXG4gIGNsYXNzPVwiY2RzLS10b2FzdC1ub3RpZmljYXRpb25fX2ljb25cIlxyXG4+PC9zdmc+XHJcbn1cclxuPGRpdiBjbGFzcz1cImNkcy0tdG9hc3Qtbm90aWZpY2F0aW9uX19kZXRhaWxzXCI+XHJcbiAgPGgzIGlibVRvYXN0VGl0bGUgW2lubmVySFRNTF09XCJub3RpZmljYXRpb25PYmoudGl0bGVcIj48L2gzPlxyXG4gIDxkaXYgaWJtVG9hc3RTdWJ0aXRsZT5cclxuICAgIDxzcGFuIFtpbm5lckhUTUxdPVwibm90aWZpY2F0aW9uT2JqLnN1YnRpdGxlXCI+PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG4gIDxwIGlibVRvYXN0Q2FwdGlvbiBbaW5uZXJIVE1MXT1cIm5vdGlmaWNhdGlvbk9iai5jYXB0aW9uXCI+PC9wPlxyXG48L2Rpdj5cclxuPGJ1dHRvblxyXG4gIGNsYXNzPVwiY2RzLS10b2FzdC1ub3RpZmljYXRpb25fX2Nsb3NlLWJ1dHRvblwiXHJcbiAgdHlwZT1cImJ1dHRvblwiXHJcbiAgdGl0bGU9XCJDZXJyYXJcIlxyXG4gIChjbGljayk9XCJvbkNsb3NlKClcIlxyXG4+XHJcbiAgPHN2Z1xyXG4gICAgdGxwSWNvbj1cImNsb3NlXCJcclxuICAgIHNpemU9XCIxNlwiXHJcbiAgICBjbGFzcz1cImNkcy0tdG9hc3Qtbm90aWZpY2F0aW9uX19jbG9zZS1pY29uXCJcclxuICA+PC9zdmc+XHJcbjwvYnV0dG9uPlxyXG4iXX0=
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Component } from "@angular/core";
|
|
2
|
-
import { OverflowMenuOption as IbmOverflowMenuOption } from "carbon-components-angular/dialog";
|
|
2
|
+
import { OverflowMenuOption as IbmOverflowMenuOption, DialogModule, } from "carbon-components-angular/dialog";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "carbon-components-angular/dialog";
|
|
5
5
|
export class OverflowMenuOption extends IbmOverflowMenuOption {
|
|
6
6
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverflowMenuOption, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverflowMenuOption, selector: "tlp-overflow-menu-option", usesInheritance: true, ngImport: i0, template: "<ibm-overflow-menu-option>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu-option>\r\n", dependencies: [{ kind: "component", type: i1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }] });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverflowMenuOption, isStandalone: true, selector: "tlp-overflow-menu-option", usesInheritance: true, ngImport: i0, template: "<ibm-overflow-menu-option>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu-option>\r\n", dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }] });
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverflowMenuOption, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: "tlp-overflow-menu-option", template: "<ibm-overflow-menu-option>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu-option>\r\n" }]
|
|
11
|
+
args: [{ selector: "tlp-overflow-menu-option", standalone: true, imports: [DialogModule], template: "<ibm-overflow-menu-option>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu-option>\r\n" }]
|
|
12
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctbWVudS1vcHRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL292ZXJmbG93LW1lbnUvb3ZlcmZsb3ctbWVudS1vcHRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL292ZXJmbG93LW1lbnUvb3ZlcmZsb3ctbWVudS1vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQ0wsa0JBQWtCLElBQUkscUJBQXFCLEVBQzNDLFlBQVksR0FDYixNQUFNLGtDQUFrQyxDQUFDOzs7QUFRMUMsTUFBTSxPQUFPLGtCQUFtQixTQUFRLHFCQUFxQjt3R0FBaEQsa0JBQWtCOzRGQUFsQixrQkFBa0IsMkdDWi9CLDhGQUdBLDJDRE9ZLFlBQVk7OzRGQUVYLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSwwQkFBMEIsY0FFeEIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBPdmVyZmxvd01lbnVPcHRpb24gYXMgSWJtT3ZlcmZsb3dNZW51T3B0aW9uLFxyXG4gIERpYWxvZ01vZHVsZSxcclxufSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci9kaWFsb2dcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC1vdmVyZmxvdy1tZW51LW9wdGlvblwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vb3ZlcmZsb3ctbWVudS1vcHRpb24uY29tcG9uZW50Lmh0bWxcIixcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtEaWFsb2dNb2R1bGVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgT3ZlcmZsb3dNZW51T3B0aW9uIGV4dGVuZHMgSWJtT3ZlcmZsb3dNZW51T3B0aW9uIHt9XHJcbiIsIjxpYm0tb3ZlcmZsb3ctbWVudS1vcHRpb24+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2libS1vdmVyZmxvdy1tZW51LW9wdGlvbj5cclxuIl19
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
|
-
import { OverflowMenu as IbmOverflowMenu } from "carbon-components-angular/dialog";
|
|
2
|
+
import { OverflowMenu as IbmOverflowMenu, DialogModule, } from "carbon-components-angular/dialog";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "carbon-components-angular/dialog";
|
|
5
5
|
export class OverflowMenu extends IbmOverflowMenu {
|
|
6
6
|
flip = false;
|
|
7
7
|
customTrigger = null;
|
|
8
8
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverflowMenu, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverflowMenu, selector: "tlp-overflow-menu", inputs: { flip: "flip", customTrigger: "customTrigger" }, usesInheritance: true, ngImport: i0, template: "<ibm-overflow-menu\r\n [flip]=\"flip\"\r\n [triggerClass]=\"triggerClass\"\r\n [customTrigger]=\"customTrigger\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu>\r\n", styles: ["::ng-deep .cds--overflow-menu-options{border-radius:4px;overflow:hidden;width:unset;min-width:10rem}::ng-deep .cds--overflow-menu-options__option:hover{--cds-hover-ui: #003c691a}::ng-deep .cds--overflow-menu-options__btn{max-width:unset}::ng-deep .cds--overflow-menu-options:after{content:none}::ng-deep .cds--overflow-menu.cds--overflow-menu--open
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverflowMenu, isStandalone: true, selector: "tlp-overflow-menu", inputs: { flip: "flip", customTrigger: "customTrigger" }, usesInheritance: true, ngImport: i0, template: "<ibm-overflow-menu\r\n [flip]=\"flip\"\r\n [triggerClass]=\"triggerClass\"\r\n [customTrigger]=\"customTrigger\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu>\r\n", styles: ["::ng-deep .cds--overflow-menu-options{border-radius:4px;overflow:hidden;width:unset;min-width:10rem;inline-size:fit-content!important}::ng-deep .cds--overflow-menu-options__option:hover{--cds-hover-ui: #003c691a}::ng-deep .cds--overflow-menu-options__btn{max-width:unset}::ng-deep .cds--overflow-menu-options:after{content:none}::ng-deep .cds--overflow-menu.cds--overflow-menu--open,::ng-deep .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:none}::ng-deep .cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:space-between}::ng-deep .cds--overflow-menu-options__btn svg{margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }] });
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverflowMenu, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: "tlp-overflow-menu", template: "<ibm-overflow-menu\r\n [flip]=\"flip\"\r\n [triggerClass]=\"triggerClass\"\r\n [customTrigger]=\"customTrigger\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu>\r\n", styles: ["::ng-deep .cds--overflow-menu-options{border-radius:4px;overflow:hidden;width:unset;min-width:10rem}::ng-deep .cds--overflow-menu-options__option:hover{--cds-hover-ui: #003c691a}::ng-deep .cds--overflow-menu-options__btn{max-width:unset}::ng-deep .cds--overflow-menu-options:after{content:none}::ng-deep .cds--overflow-menu.cds--overflow-menu--open
|
|
13
|
+
args: [{ selector: "tlp-overflow-menu", standalone: true, imports: [DialogModule], template: "<ibm-overflow-menu\r\n [flip]=\"flip\"\r\n [triggerClass]=\"triggerClass\"\r\n [customTrigger]=\"customTrigger\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-overflow-menu>\r\n", styles: ["::ng-deep .cds--overflow-menu-options{border-radius:4px;overflow:hidden;width:unset;min-width:10rem;inline-size:fit-content!important}::ng-deep .cds--overflow-menu-options__option:hover{--cds-hover-ui: #003c691a}::ng-deep .cds--overflow-menu-options__btn{max-width:unset}::ng-deep .cds--overflow-menu-options:after{content:none}::ng-deep .cds--overflow-menu.cds--overflow-menu--open,::ng-deep .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:none}::ng-deep .cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:space-between}::ng-deep .cds--overflow-menu-options__btn svg{margin-left:10px}\n"] }]
|
|
14
14
|
}], propDecorators: { flip: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], customTrigger: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvb3ZlcmZsb3ctbWVudS9vdmVyZmxvdy1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9vdmVyZmxvdy1tZW51L292ZXJmbG93LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUNMLFlBQVksSUFBSSxlQUFlLEVBQy9CLFlBQVksR0FDYixNQUFNLGtDQUFrQyxDQUFDOzs7QUFTMUMsTUFBTSxPQUFPLFlBQWEsU0FBUSxlQUFlO0lBQ3RDLElBQUksR0FBRyxLQUFLLENBQUM7SUFDSixhQUFhLEdBQXFCLElBQUssQ0FBQzt3R0FGL0MsWUFBWTs0RkFBWixZQUFZLDhKQ2J6QixxTEFPQSx1eEJESVksWUFBWTs7NEZBRVgsWUFBWTtrQkFQeEIsU0FBUzsrQkFDRSxtQkFBbUIsY0FHakIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUdkLElBQUk7c0JBQVosS0FBSztnQkFDWSxhQUFhO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge1xyXG4gIE92ZXJmbG93TWVudSBhcyBJYm1PdmVyZmxvd01lbnUsXHJcbiAgRGlhbG9nTW9kdWxlLFxyXG59IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL2RpYWxvZ1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLW92ZXJmbG93LW1lbnVcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL292ZXJmbG93LW1lbnUuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vb3ZlcmZsb3ctbWVudS5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtEaWFsb2dNb2R1bGVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgT3ZlcmZsb3dNZW51IGV4dGVuZHMgSWJtT3ZlcmZsb3dNZW51IHtcclxuICBASW5wdXQoKSBmbGlwID0gZmFsc2U7XHJcbiAgQElucHV0KCkgb3ZlcnJpZGUgY3VzdG9tVHJpZ2dlcjogVGVtcGxhdGVSZWY8YW55PiA9IG51bGwhO1xyXG59XHJcbiIsIjxpYm0tb3ZlcmZsb3ctbWVudVxyXG4gIFtmbGlwXT1cImZsaXBcIlxyXG4gIFt0cmlnZ2VyQ2xhc3NdPVwidHJpZ2dlckNsYXNzXCJcclxuICBbY3VzdG9tVHJpZ2dlcl09XCJjdXN0b21UcmlnZ2VyXCJcclxuPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9pYm0tb3ZlcmZsb3ctbWVudT5cclxuIl19
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
+
import { PaginationModule } from "carbon-components-angular";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "carbon-components-angular
|
|
4
|
+
import * as i1 from "carbon-components-angular";
|
|
4
5
|
export class PaginationComponent {
|
|
5
6
|
model;
|
|
6
7
|
disabled = false;
|
|
@@ -34,11 +35,11 @@ export class PaginationComponent {
|
|
|
34
35
|
this.selectPage.emit(page);
|
|
35
36
|
}
|
|
36
37
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PaginationComponent, selector: "tlp-pagination", inputs: { model: "model", disabled: "disabled", pageInputDisabled: "pageInputDisabled", showPageInput: "showPageInput", itemsPerPageOptions: "itemsPerPageOptions", translations: "translations" }, outputs: { selectPage: "selectPage" }, ngImport: i0, template: "<ibm-pagination\r\n [model]=\"model!\"\r\n [disabled]=\"disabled\"\r\n [pageInputDisabled]=\"pageInputDisabled\"\r\n [showPageInput]=\"showPageInput\"\r\n [itemsPerPageOptions]=\"itemsPerPageOptions\"\r\n [translations]=\"$any(translations)\"\r\n (selectPage)=\"handleSelectPage($event)\"\r\n></ibm-pagination>\r\n", styles: ["::ng-deep .cds--pagination{--cds-hover-ui: var(--cds-layer-hover, #e1e8ed);min-height:3rem;width:100%;--cds-ui-01: var(--cds-layer, #f4f4f4)}::ng-deep .cds--pagination__button,::ng-deep .cds--btn--ghost.cds--pagination__button{width:3rem;min-height:3rem;border-left:none;border-radius:0}::ng-deep .cds--pagination .cds--select-input{min-height:3rem;background-color:unset}::ng-deep .cds--pagination .cds--select--inline .cds--select-input:focus:hover{background-color:var(--cds-hover-ui, #e1e8ed)}::ng-deep .cds--pagination__button:focus,::ng-deep .cds--btn--ghost:focus.cds--pagination__button{border-left:none;box-shadow:none;transition:none}::ng-deep .cds--pagination__button:active,::ng-deep .cds--btn--ghost:active.cds--pagination__button{background:var(--cds-layer-selected-hover, #ced9e4)}::ng-deep .cds--pagination .cds--select__page-number .cds--select-input{border-left:none}::ng-deep .cds--pagination .cds--select__item-count .cds--select-input{border-right:none}\n"], dependencies: [{ kind: "component", type: i1.Pagination, selector: "cds-pagination, ibm-pagination", inputs: ["skeleton", "model", "disabled", "pageInputDisabled", "showPageInput", "pagesUnknown", "pageSelectThreshold", "backwardDisabled", "forwardDisabled", "translations", "itemsPerPageOptions"], outputs: ["selectPage"] }] });
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "tlp-pagination", inputs: { model: "model", disabled: "disabled", pageInputDisabled: "pageInputDisabled", showPageInput: "showPageInput", itemsPerPageOptions: "itemsPerPageOptions", translations: "translations" }, outputs: { selectPage: "selectPage" }, ngImport: i0, template: "<ibm-pagination\r\n [model]=\"model!\"\r\n [disabled]=\"disabled\"\r\n [pageInputDisabled]=\"pageInputDisabled\"\r\n [showPageInput]=\"showPageInput\"\r\n [itemsPerPageOptions]=\"itemsPerPageOptions\"\r\n [translations]=\"$any(translations)\"\r\n (selectPage)=\"handleSelectPage($event)\"\r\n></ibm-pagination>\r\n", styles: ["::ng-deep .cds--pagination{--cds-hover-ui: var(--cds-layer-hover, #e1e8ed);min-height:3rem;width:100%;--cds-ui-01: var(--cds-layer, #f4f4f4)}::ng-deep .cds--pagination__button,::ng-deep .cds--btn--ghost.cds--pagination__button{width:3rem;min-height:3rem;border-left:none;border-radius:0}::ng-deep .cds--pagination .cds--select-input{min-height:3rem;background-color:unset}::ng-deep .cds--pagination .cds--select--inline .cds--select-input:focus:hover{background-color:var(--cds-hover-ui, #e1e8ed)}::ng-deep .cds--pagination__button:focus,::ng-deep .cds--btn--ghost:focus.cds--pagination__button{border-left:none;box-shadow:none;transition:none}::ng-deep .cds--pagination__button:active,::ng-deep .cds--btn--ghost:active.cds--pagination__button{background:var(--cds-layer-selected-hover, #ced9e4)}::ng-deep .cds--pagination .cds--select__page-number .cds--select-input{border-left:none}::ng-deep .cds--pagination .cds--select__item-count .cds--select-input{border-right:none}\n"], dependencies: [{ kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i1.Pagination, selector: "cds-pagination, ibm-pagination", inputs: ["skeleton", "model", "disabled", "pageInputDisabled", "showPageInput", "pagesUnknown", "pageSelectThreshold", "backwardDisabled", "forwardDisabled", "translations", "itemsPerPageOptions"], outputs: ["selectPage"] }] });
|
|
38
39
|
}
|
|
39
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
40
41
|
type: Component,
|
|
41
|
-
args: [{ selector: "tlp-pagination", template: "<ibm-pagination\r\n [model]=\"model!\"\r\n [disabled]=\"disabled\"\r\n [pageInputDisabled]=\"pageInputDisabled\"\r\n [showPageInput]=\"showPageInput\"\r\n [itemsPerPageOptions]=\"itemsPerPageOptions\"\r\n [translations]=\"$any(translations)\"\r\n (selectPage)=\"handleSelectPage($event)\"\r\n></ibm-pagination>\r\n", styles: ["::ng-deep .cds--pagination{--cds-hover-ui: var(--cds-layer-hover, #e1e8ed);min-height:3rem;width:100%;--cds-ui-01: var(--cds-layer, #f4f4f4)}::ng-deep .cds--pagination__button,::ng-deep .cds--btn--ghost.cds--pagination__button{width:3rem;min-height:3rem;border-left:none;border-radius:0}::ng-deep .cds--pagination .cds--select-input{min-height:3rem;background-color:unset}::ng-deep .cds--pagination .cds--select--inline .cds--select-input:focus:hover{background-color:var(--cds-hover-ui, #e1e8ed)}::ng-deep .cds--pagination__button:focus,::ng-deep .cds--btn--ghost:focus.cds--pagination__button{border-left:none;box-shadow:none;transition:none}::ng-deep .cds--pagination__button:active,::ng-deep .cds--btn--ghost:active.cds--pagination__button{background:var(--cds-layer-selected-hover, #ced9e4)}::ng-deep .cds--pagination .cds--select__page-number .cds--select-input{border-left:none}::ng-deep .cds--pagination .cds--select__item-count .cds--select-input{border-right:none}\n"] }]
|
|
42
|
+
args: [{ selector: "tlp-pagination", standalone: true, imports: [PaginationModule], template: "<ibm-pagination\r\n [model]=\"model!\"\r\n [disabled]=\"disabled\"\r\n [pageInputDisabled]=\"pageInputDisabled\"\r\n [showPageInput]=\"showPageInput\"\r\n [itemsPerPageOptions]=\"itemsPerPageOptions\"\r\n [translations]=\"$any(translations)\"\r\n (selectPage)=\"handleSelectPage($event)\"\r\n></ibm-pagination>\r\n", styles: ["::ng-deep .cds--pagination{--cds-hover-ui: var(--cds-layer-hover, #e1e8ed);min-height:3rem;width:100%;--cds-ui-01: var(--cds-layer, #f4f4f4)}::ng-deep .cds--pagination__button,::ng-deep .cds--btn--ghost.cds--pagination__button{width:3rem;min-height:3rem;border-left:none;border-radius:0}::ng-deep .cds--pagination .cds--select-input{min-height:3rem;background-color:unset}::ng-deep .cds--pagination .cds--select--inline .cds--select-input:focus:hover{background-color:var(--cds-hover-ui, #e1e8ed)}::ng-deep .cds--pagination__button:focus,::ng-deep .cds--btn--ghost:focus.cds--pagination__button{border-left:none;box-shadow:none;transition:none}::ng-deep .cds--pagination__button:active,::ng-deep .cds--btn--ghost:active.cds--pagination__button{background:var(--cds-layer-selected-hover, #ced9e4)}::ng-deep .cds--pagination .cds--select__page-number .cds--select-input{border-left:none}::ng-deep .cds--pagination .cds--select__item-count .cds--select-input{border-right:none}\n"] }]
|
|
42
43
|
}], propDecorators: { model: [{
|
|
43
44
|
type: Input
|
|
44
45
|
}], disabled: [{
|
|
@@ -54,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
54
55
|
}], selectPage: [{
|
|
55
56
|
type: Output
|
|
56
57
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBUzdELE1BQU0sT0FBTyxtQkFBbUI7SUFDckIsS0FBSyxDQUFtQjtJQUN4QixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUMxQixhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzlCOzs7O09BSUc7SUFDTSxtQkFBbUIsR0FBYSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM5RDs7Ozs7Ozs7Ozs7Ozs7O09BZUc7SUFDTSxZQUFZLENBQW1DO0lBQzlDLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRWxELGdCQUFnQixDQUFDLElBQVk7UUFDM0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQzt3R0FoQ1UsbUJBQW1COzRGQUFuQixtQkFBbUIscVRDWmhDLG1VQVNBLHlnQ0RDWSxnQkFBZ0I7OzRGQUVmLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsQ0FBQzs4QkFHbEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBTUcsbUJBQW1CO3NCQUEzQixLQUFLO2dCQWlCRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFBhZ2luYXRpb25Nb2RlbCB9IGZyb20gXCIuL3BhZ2luYXRpb24tbW9kZWwuY2xhc3NcIjtcclxuaW1wb3J0IHsgUGFnaW5hdGlvblRyYW5zbGF0aW9ucyB9IGZyb20gXCIuL3BhZ2luYXRpb24tdHJhbnNsYXRpb25zXCI7XHJcbmltcG9ydCB7IFBhZ2luYXRpb25Nb2R1bGUgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhclwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXBhZ2luYXRpb25cIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtQYWdpbmF0aW9uTW9kdWxlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIG1vZGVsPzogUGFnaW5hdGlvbk1vZGVsO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcGFnZUlucHV0RGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93UGFnZUlucHV0ID0gdHJ1ZTtcclxuICAvKipcclxuICAgKiBPcHRpb25zIGZvciBpdGVtcyBwZXIgcGFnZSBzZWxlY3RcclxuICAgKlxyXG4gICAqIEEgZGVmYXVsdCBhcnJheSBvZiBvcHRpb25zIHdpbGwgYmUgZGVmaW5lZDogWzEwLCAyMCwgMzAsIDQwLCA1MF1cclxuICAgKi9cclxuICBASW5wdXQoKSBpdGVtc1BlclBhZ2VPcHRpb25zOiBudW1iZXJbXSA9IFsxMCwgMjAsIDMwLCA0MCwgNTBdO1xyXG4gIC8qKlxyXG4gICAqIEV4cGVjdHMgYW4gb2JqZWN0IHRoYXQgY29udGFpbnMgc29tZSBvciBhbGwgb2Y6XHJcbiAgICogYGBgXHJcbiAgICoge1xyXG4gICAqXHRcdFwiSVRFTVNfUEVSX1BBR0VcIjogXCJJdGVtcyBwZXIgcGFnZTpcIixcclxuICAgKlx0XHRcIk9QRU5fTElTVF9PRl9PUFRJT05TXCI6IFwiT3BlbiBsaXN0IG9mIG9wdGlvbnNcIixcclxuICAgKlx0XHRcIkJBQ0tXQVJEXCI6IFwiQmFja3dhcmRcIixcclxuICAgKlx0XHRcIkZPUldBUkRcIjogXCJGb3J3YXJkXCIsXHJcbiAgICpcdFx0XCJUT1RBTF9JVEVNU19VTktOT1dOXCI6IFwie3tzdGFydH19LXt7ZW5kfX0gaXRlbXNcIixcclxuICAgKlx0XHRcIlRPVEFMX0lURU1TXCI6IFwie3tzdGFydH19LXt7ZW5kfX0gb2Yge3t0b3RhbH19IGl0ZW1zXCIsXHJcbiAgICpcdFx0XCJUT1RBTF9JVEVNXCI6IFwie3tzdGFydH19LXt7ZW5kfX0gb2Yge3t0b3RhbH19IGl0ZW1cIixcclxuICAgKlx0XHRcIk9GX0xBU1RfUEFHRVNcIjogXCJvZiB7e2xhc3R9fSBwYWdlc1wiLFxyXG4gICAqXHRcdFwiT0ZfTEFTVF9QQUdFXCI6IFwib2Yge3tsYXN0fX0gcGFnZVwiXHJcbiAgICogfVxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRyYW5zbGF0aW9ucz86IFBhcnRpYWw8UGFnaW5hdGlvblRyYW5zbGF0aW9ucz47XHJcbiAgQE91dHB1dCgpIHNlbGVjdFBhZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcclxuXHJcbiAgaGFuZGxlU2VsZWN0UGFnZShwYWdlOiBudW1iZXIpIHtcclxuICAgIHRoaXMuc2VsZWN0UGFnZS5lbWl0KHBhZ2UpO1xyXG4gIH1cclxufVxyXG4iLCI8aWJtLXBhZ2luYXRpb25cclxuICBbbW9kZWxdPVwibW9kZWwhXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIFtwYWdlSW5wdXREaXNhYmxlZF09XCJwYWdlSW5wdXREaXNhYmxlZFwiXHJcbiAgW3Nob3dQYWdlSW5wdXRdPVwic2hvd1BhZ2VJbnB1dFwiXHJcbiAgW2l0ZW1zUGVyUGFnZU9wdGlvbnNdPVwiaXRlbXNQZXJQYWdlT3B0aW9uc1wiXHJcbiAgW3RyYW5zbGF0aW9uc109XCIkYW55KHRyYW5zbGF0aW9ucylcIlxyXG4gIChzZWxlY3RQYWdlKT1cImhhbmRsZVNlbGVjdFBhZ2UoJGV2ZW50KVwiXHJcbj48L2libS1wYWdpbmF0aW9uPlxyXG4iXX0=
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
+
import { DialogModule } from "carbon-components-angular/dialog";
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
4
|
+
import { IconModule } from "carbon-components-angular";
|
|
2
5
|
import * as i0 from "@angular/core";
|
|
3
6
|
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "carbon-components-angular
|
|
7
|
+
import * as i2 from "carbon-components-angular";
|
|
5
8
|
// Based on https://github.com/carbon-design-system/carbon-components-angular/blob/10eb33f173772c459474ed28c9b95c2646a5ecc3/src/progress-indicator/progress-indicator.component.ts
|
|
6
9
|
export class ProgressIndicatorComponent {
|
|
7
10
|
stepSelected = new EventEmitter();
|
|
@@ -16,11 +19,11 @@ export class ProgressIndicatorComponent {
|
|
|
16
19
|
disabled: "cds--progress-step--incomplete cds--progress-step--disabled",
|
|
17
20
|
};
|
|
18
21
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ProgressIndicatorComponent, isStandalone: true, selector: "tlp-progress-indicator", inputs: { steps: "steps", orientation: "orientation", spacing: "spacing" }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: "<ul\r\n data-progress\r\n data-progress-current\r\n class=\"cds--progress\"\r\n [ngClass]=\"{\r\n 'cds--progress--vertical': orientation === 'vertical',\r\n 'cds--progress--space-equal':\r\n spacing === 'equal' && orientation !== 'vertical'\r\n }\"\r\n>\r\n @for (step of steps; track step; let i = $index) {\r\n <li class=\"cds--progress-step {{ stepStateToCssClass[step.state] }}\">\r\n <button\r\n class=\"cds--progress-step-button cds--progress-step-button--unclickable\"\r\n role=\"button\"\r\n tabindex=\"-1\"\r\n >\r\n @if (step.state === 'complete') {\r\n <svg ibmIcon=\"checkmark--outline\" size=\"16\"></svg>\r\n } @if (step.state === 'incomplete' || step.state === 'disabled') {\r\n <svg ibmIcon=\"circle-dash\" size=\"16\"></svg>\r\n } @if (step.state === 'error') {\r\n <svg ibmIcon=\"warning\" size=\"16\" class=\"cds--progress__warning\"></svg>\r\n } @if (step.tooltip) {\r\n <p\r\n class=\"cds--progress-label\"\r\n [title]=\"step.tooltip.content\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n } @if (!step.tooltip || step.optionalText) {\r\n <div class=\"cds--progress-text\">\r\n @if (!step.tooltip) {\r\n <p\r\n class=\"cds--progress-label\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n } @if (step.optionalText) {\r\n <p class=\"cds--progress-optional\">\r\n {{ step.optionalText }}\r\n </p>\r\n }\r\n </div>\r\n }\r\n <span class=\"cds--progress-line\"></span>\r\n </button>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host ::ng-deep{--cds-interactive-04: #008bf5;--cds-support-01: #ff2121}:host ::ng-deep .cds--progress-optional{position:static;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
20
23
|
}
|
|
21
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
|
|
22
25
|
type: Component,
|
|
23
|
-
args: [{ selector: "tlp-progress-indicator", template: "<ul\r\n data-progress\r\n data-progress-current\r\n class=\"cds--progress\"\r\n [ngClass]=\"{\r\n 'cds--progress--vertical': orientation === 'vertical',\r\n 'cds--progress--space-equal':\r\n spacing === 'equal' && orientation !== 'vertical'\r\n }\"\r\n>\r\n
|
|
26
|
+
args: [{ selector: "tlp-progress-indicator", standalone: true, imports: [CommonModule, DialogModule, IconModule], template: "<ul\r\n data-progress\r\n data-progress-current\r\n class=\"cds--progress\"\r\n [ngClass]=\"{\r\n 'cds--progress--vertical': orientation === 'vertical',\r\n 'cds--progress--space-equal':\r\n spacing === 'equal' && orientation !== 'vertical'\r\n }\"\r\n>\r\n @for (step of steps; track step; let i = $index) {\r\n <li class=\"cds--progress-step {{ stepStateToCssClass[step.state] }}\">\r\n <button\r\n class=\"cds--progress-step-button cds--progress-step-button--unclickable\"\r\n role=\"button\"\r\n tabindex=\"-1\"\r\n >\r\n @if (step.state === 'complete') {\r\n <svg ibmIcon=\"checkmark--outline\" size=\"16\"></svg>\r\n } @if (step.state === 'incomplete' || step.state === 'disabled') {\r\n <svg ibmIcon=\"circle-dash\" size=\"16\"></svg>\r\n } @if (step.state === 'error') {\r\n <svg ibmIcon=\"warning\" size=\"16\" class=\"cds--progress__warning\"></svg>\r\n } @if (step.tooltip) {\r\n <p\r\n class=\"cds--progress-label\"\r\n [title]=\"step.tooltip.content\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n } @if (!step.tooltip || step.optionalText) {\r\n <div class=\"cds--progress-text\">\r\n @if (!step.tooltip) {\r\n <p\r\n class=\"cds--progress-label\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n } @if (step.optionalText) {\r\n <p class=\"cds--progress-optional\">\r\n {{ step.optionalText }}\r\n </p>\r\n }\r\n </div>\r\n }\r\n <span class=\"cds--progress-line\"></span>\r\n </button>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host ::ng-deep{--cds-interactive-04: #008bf5;--cds-support-01: #ff2121}:host ::ng-deep .cds--progress-optional{position:static;margin:0}\n"] }]
|
|
24
27
|
}], propDecorators: { stepSelected: [{
|
|
25
28
|
type: Output
|
|
26
29
|
}], steps: [{
|
|
@@ -30,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
30
33
|
}], spacing: [{
|
|
31
34
|
type: Input
|
|
32
35
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFnQixZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7O0FBaUJ2RCxrTEFBa0w7QUFRbEwsTUFBTSxPQUFPLDBCQUEwQjtJQUMzQixZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWlDLENBQUM7SUFFbEUsS0FBSyxHQUFnQixFQUFFLENBQUM7SUFDeEIsV0FBVyxHQUE4QixZQUFZLENBQUM7SUFDdEQsT0FBTyxHQUF3QixTQUFTLENBQUM7SUFFbEQsb0RBQW9EO0lBQ3BELG1CQUFtQixHQUEwQjtRQUMzQyxRQUFRLEVBQUUsOEJBQThCO1FBQ3hDLFVBQVUsRUFBRSxnQ0FBZ0M7UUFDNUMsS0FBSyxFQUFFLGdDQUFnQztRQUN2QyxRQUFRLEVBQUUsNkRBQTZEO0tBQ3hFLENBQUM7d0dBYlMsMEJBQTBCOzRGQUExQiwwQkFBMEIseU1DNUJ2Qyw2dURBb0RBLG9NRDFCWSxZQUFZLDRIQUFFLFlBQVksOEJBQUUsVUFBVTs7NEZBRXJDLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx3QkFBd0IsY0FHdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxVQUFVLENBQUM7OEJBR3ZDLFlBQVk7c0JBQXJCLE1BQU07Z0JBRUUsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBEaWFsb2dDb25maWcsIERpYWxvZ01vZHVsZSB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL2RpYWxvZ1wiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhclwiO1xyXG5cclxudHlwZSBTdGF0ZSA9IFwiY29tcGxldGVcIiB8IFwiaW5jb21wbGV0ZVwiIHwgXCJlcnJvclwiIHwgXCJkaXNhYmxlZFwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTdGVwIHtcclxuICAvKipcclxuICAgKiBUaGUgbGFiZWwgb2YgdGhlIGBzdGVwYFxyXG4gICAqL1xyXG4gIHRleHQ6IHN0cmluZztcclxuICBzdGF0ZTogU3RhdGU7XHJcbiAgLyoqXHJcbiAgICogRGVmaW5lcyB0aGUgdG9vbHRpcFxyXG4gICAqL1xyXG4gIHRvb2x0aXA/OiBEaWFsb2dDb25maWc7XHJcbiAgb3B0aW9uYWxUZXh0Pzogc3RyaW5nO1xyXG59XHJcblxyXG4vLyBCYXNlZCBvbiBodHRwczovL2dpdGh1Yi5jb20vY2FyYm9uLWRlc2lnbi1zeXN0ZW0vY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci9ibG9iLzEwZWIzM2YxNzM3NzJjNDU5NDc0ZWQyOGM5Yjk1YzI2NDZhNWVjYzMvc3JjL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IuY29tcG9uZW50LnRzXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC1wcm9ncmVzcy1pbmRpY2F0b3JcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9wcm9ncmVzcy1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3NcIl0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBEaWFsb2dNb2R1bGUsIEljb25Nb2R1bGVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NJbmRpY2F0b3JDb21wb25lbnQge1xyXG4gIEBPdXRwdXQoKSBzdGVwU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgc3RlcDogU3RlcDsgaW5kZXg6IG51bWJlciB9PigpO1xyXG5cclxuICBASW5wdXQoKSBzdGVwczogQXJyYXk8U3RlcD4gPSBbXTtcclxuICBASW5wdXQoKSBvcmllbnRhdGlvbjogXCJob3Jpem9udGFsXCIgfCBcInZlcnRpY2FsXCIgPSBcImhvcml6b250YWxcIjtcclxuICBASW5wdXQoKSBzcGFjaW5nOiBcImRlZmF1bHRcIiB8IFwiZXF1YWxcIiA9IFwiZGVmYXVsdFwiO1xyXG5cclxuICAvLyBjbGFzcyBhZmZlY3RzIHRoZSBwcm9ncmVzcyBsaW5lIGFuZCBkaXNhYmxlZC1uZXNzXHJcbiAgc3RlcFN0YXRlVG9Dc3NDbGFzczogUmVjb3JkPFN0YXRlLCBzdHJpbmc+ID0ge1xyXG4gICAgY29tcGxldGU6IFwiY2RzLS1wcm9ncmVzcy1zdGVwLS1jb21wbGV0ZVwiLFxyXG4gICAgaW5jb21wbGV0ZTogXCJjZHMtLXByb2dyZXNzLXN0ZXAtLWluY29tcGxldGVcIixcclxuICAgIGVycm9yOiBcImNkcy0tcHJvZ3Jlc3Mtc3RlcC0taW5jb21wbGV0ZVwiLFxyXG4gICAgZGlzYWJsZWQ6IFwiY2RzLS1wcm9ncmVzcy1zdGVwLS1pbmNvbXBsZXRlIGNkcy0tcHJvZ3Jlc3Mtc3RlcC0tZGlzYWJsZWRcIixcclxuICB9O1xyXG59XHJcbiIsIjx1bFxyXG4gIGRhdGEtcHJvZ3Jlc3NcclxuICBkYXRhLXByb2dyZXNzLWN1cnJlbnRcclxuICBjbGFzcz1cImNkcy0tcHJvZ3Jlc3NcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdjZHMtLXByb2dyZXNzLS12ZXJ0aWNhbCc6IG9yaWVudGF0aW9uID09PSAndmVydGljYWwnLFxyXG4gICAgJ2Nkcy0tcHJvZ3Jlc3MtLXNwYWNlLWVxdWFsJzpcclxuICAgICAgc3BhY2luZyA9PT0gJ2VxdWFsJyAmJiBvcmllbnRhdGlvbiAhPT0gJ3ZlcnRpY2FsJ1xyXG4gIH1cIlxyXG4+XHJcbiAgQGZvciAoc3RlcCBvZiBzdGVwczsgdHJhY2sgc3RlcDsgbGV0IGkgPSAkaW5kZXgpIHtcclxuICA8bGkgY2xhc3M9XCJjZHMtLXByb2dyZXNzLXN0ZXAge3sgc3RlcFN0YXRlVG9Dc3NDbGFzc1tzdGVwLnN0YXRlXSB9fVwiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBjbGFzcz1cImNkcy0tcHJvZ3Jlc3Mtc3RlcC1idXR0b24gY2RzLS1wcm9ncmVzcy1zdGVwLWJ1dHRvbi0tdW5jbGlja2FibGVcIlxyXG4gICAgICByb2xlPVwiYnV0dG9uXCJcclxuICAgICAgdGFiaW5kZXg9XCItMVwiXHJcbiAgICA+XHJcbiAgICAgIEBpZiAoc3RlcC5zdGF0ZSA9PT0gJ2NvbXBsZXRlJykge1xyXG4gICAgICA8c3ZnIGlibUljb249XCJjaGVja21hcmstLW91dGxpbmVcIiBzaXplPVwiMTZcIj48L3N2Zz5cclxuICAgICAgfSBAaWYgKHN0ZXAuc3RhdGUgPT09ICdpbmNvbXBsZXRlJyB8fCBzdGVwLnN0YXRlID09PSAnZGlzYWJsZWQnKSB7XHJcbiAgICAgIDxzdmcgaWJtSWNvbj1cImNpcmNsZS1kYXNoXCIgc2l6ZT1cIjE2XCI+PC9zdmc+XHJcbiAgICAgIH0gQGlmIChzdGVwLnN0YXRlID09PSAnZXJyb3InKSB7XHJcbiAgICAgIDxzdmcgaWJtSWNvbj1cIndhcm5pbmdcIiBzaXplPVwiMTZcIiBjbGFzcz1cImNkcy0tcHJvZ3Jlc3NfX3dhcm5pbmdcIj48L3N2Zz5cclxuICAgICAgfSBAaWYgKHN0ZXAudG9vbHRpcCkge1xyXG4gICAgICA8cFxyXG4gICAgICAgIGNsYXNzPVwiY2RzLS1wcm9ncmVzcy1sYWJlbFwiXHJcbiAgICAgICAgW3RpdGxlXT1cInN0ZXAudG9vbHRpcC5jb250ZW50XCJcclxuICAgICAgICAoY2xpY2spPVwic3RlcFNlbGVjdGVkLmVtaXQoeyBzdGVwOiBzdGVwLCBpbmRleDogaSB9KVwiXHJcbiAgICAgID5cclxuICAgICAgICB7eyBzdGVwLnRleHQgfX1cclxuICAgICAgPC9wPlxyXG4gICAgICB9IEBpZiAoIXN0ZXAudG9vbHRpcCB8fCBzdGVwLm9wdGlvbmFsVGV4dCkge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwiY2RzLS1wcm9ncmVzcy10ZXh0XCI+XHJcbiAgICAgICAgQGlmICghc3RlcC50b29sdGlwKSB7XHJcbiAgICAgICAgPHBcclxuICAgICAgICAgIGNsYXNzPVwiY2RzLS1wcm9ncmVzcy1sYWJlbFwiXHJcbiAgICAgICAgICAoY2xpY2spPVwic3RlcFNlbGVjdGVkLmVtaXQoeyBzdGVwOiBzdGVwLCBpbmRleDogaSB9KVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAge3sgc3RlcC50ZXh0IH19XHJcbiAgICAgICAgPC9wPlxyXG4gICAgICAgIH0gQGlmIChzdGVwLm9wdGlvbmFsVGV4dCkge1xyXG4gICAgICAgIDxwIGNsYXNzPVwiY2RzLS1wcm9ncmVzcy1vcHRpb25hbFwiPlxyXG4gICAgICAgICAge3sgc3RlcC5vcHRpb25hbFRleHQgfX1cclxuICAgICAgICA8L3A+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG4gICAgICA8c3BhbiBjbGFzcz1cImNkcy0tcHJvZ3Jlc3MtbGluZVwiPjwvc3Bhbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvbGk+XHJcbiAgfVxyXG48L3VsPlxyXG4iXX0=
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Component, ContentChildren, forwardRef, Input, } from "@angular/core";
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from "@angular/forms";
|
|
2
|
+
import { NG_VALUE_ACCESSOR, FormsModule, } from "@angular/forms";
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
4
|
+
import { RadioModule } from "carbon-components-angular/radio";
|
|
3
5
|
import { RadioComponent } from "./radio.component";
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
import * as i1 from "carbon-components-angular/radio";
|
|
@@ -66,17 +68,17 @@ export class RadioGroupComponent {
|
|
|
66
68
|
this._onTouchCallback = fn;
|
|
67
69
|
}
|
|
68
70
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioGroupComponent, selector: "tlp-radio-group", inputs: { orientation: "orientation", name: "name" }, providers: [
|
|
71
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioGroupComponent, isStandalone: true, selector: "tlp-radio-group", inputs: { orientation: "orientation", name: "name" }, providers: [
|
|
70
72
|
{
|
|
71
73
|
provide: NG_VALUE_ACCESSOR,
|
|
72
74
|
useExisting: RadioGroupComponent,
|
|
73
75
|
multi: true,
|
|
74
76
|
},
|
|
75
|
-
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => RadioComponent) }], ngImport: i0, template: "<ibm-radio-group [orientation]=\"orientation\" [name]=\"name\" [value]=\"value\">\r\n <ng-content></ng-content>\r\n</ibm-radio-group>\r\n", dependencies: [{ kind: "component", type: i1.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }] });
|
|
77
|
+
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => RadioComponent) }], ngImport: i0, template: "<ibm-radio-group [orientation]=\"orientation\" [name]=\"name\" [value]=\"value\">\r\n <ng-content></ng-content>\r\n</ibm-radio-group>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i1.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }] });
|
|
76
78
|
}
|
|
77
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
78
80
|
type: Component,
|
|
79
|
-
args: [{ selector: "tlp-radio-group", providers: [
|
|
81
|
+
args: [{ selector: "tlp-radio-group", standalone: true, imports: [CommonModule, FormsModule, RadioModule, RadioComponent], providers: [
|
|
80
82
|
{
|
|
81
83
|
provide: NG_VALUE_ACCESSOR,
|
|
82
84
|
useExisting: RadioGroupComponent,
|
|
@@ -91,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
91
93
|
type: ContentChildren,
|
|
92
94
|
args: [forwardRef(() => RadioComponent)]
|
|
93
95
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL3JhZGlvL3JhZGlvLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9yYWRpby9yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsV0FBVyxHQUNaLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBZSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQWVuRCxNQUFNLE9BQU8sbUJBQW1CO0lBRzlCLE1BQU0sQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDO0lBQ2pCLEtBQUssR0FBRyxlQUFlLG1CQUFtQixDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUM7SUFDekUsS0FBSyxHQUFrQixFQUFFLENBQUM7SUFFakIsV0FBVyxHQUE4QixZQUFZLENBQUM7SUFDL0QsSUFDSSxJQUFJLENBQUMsSUFBWTtRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsaUJBQWlCLENBQXdDO0lBQ3pELGdCQUFnQixDQUEyQjtJQUczQyxNQUFNLENBQTZCO0lBRW5DLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFRCx3QkFBd0I7UUFDdEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM1QixLQUFLLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxLQUFrQixFQUFFLEVBQUU7Z0JBQ3RELElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztnQkFDekIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN0QyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxDQUFDO1lBQzVCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsNEJBQTRCO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDakIsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzVCLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksS0FBSyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQy9CLEtBQUssQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ3ZCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBdUI7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7UUFDdEIsSUFBSSxDQUFDLDRCQUE0QixFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7d0dBN0VVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLG9IQVJuQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxtQkFBbUI7Z0JBQ2hDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixxRUF1QmlDLGNBQWMsOEJDcERsRCw0SUFHQSwyQ0RtQlksWUFBWSw4QkFBRSxXQUFXLDhCQUFFLFdBQVc7OzRGQVNyQyxtQkFBbUI7a0JBYi9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBRWYsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsY0FBYyxDQUFDLGFBQ3REO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcscUJBQXFCOzRCQUNoQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFTUSxXQUFXO3NCQUFuQixLQUFLO2dCQUVGLElBQUk7c0JBRFAsS0FBSztnQkFjTixNQUFNO3NCQURMLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQWZ0ZXJDb250ZW50SW5pdCxcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBRdWVyeUxpc3QsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBDb250cm9sVmFsdWVBY2Nlc3NvcixcclxuICBOR19WQUxVRV9BQ0NFU1NPUixcclxuICBGb3Jtc01vZHVsZSxcclxufSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBSYWRpb0NoYW5nZSwgUmFkaW9Nb2R1bGUgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci9yYWRpb1wiO1xyXG5pbXBvcnQgeyBSYWRpb0NvbXBvbmVudCB9IGZyb20gXCIuL3JhZGlvLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXJhZGlvLWdyb3VwXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFJhZGlvTW9kdWxlLCBSYWRpb0NvbXBvbmVudF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogUmFkaW9Hcm91cENvbXBvbmVudCxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb0dyb3VwQ29tcG9uZW50XHJcbiAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBBZnRlckNvbnRlbnRJbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvclxyXG57XHJcbiAgc3RhdGljIHJhZGlvR3JvdXBDb3VudCA9IDA7XHJcbiAgcHJvdGVjdGVkIF9uYW1lID0gYHJhZGlvLWdyb3VwLSR7UmFkaW9Hcm91cENvbXBvbmVudC5yYWRpb0dyb3VwQ291bnQrK31gO1xyXG4gIHZhbHVlOiBzdHJpbmcgfCBudWxsID0gXCJcIjtcclxuXHJcbiAgQElucHV0KCkgb3JpZW50YXRpb246IFwiaG9yaXpvbnRhbFwiIHwgXCJ2ZXJ0aWNhbFwiID0gXCJob3Jpem9udGFsXCI7XHJcbiAgQElucHV0KClcclxuICBzZXQgbmFtZShuYW1lOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX25hbWUgPSBuYW1lO1xyXG4gICAgdGhpcy51cGRhdGVSYWRpb3MoKTtcclxuICB9XHJcblxyXG4gIGdldCBuYW1lKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX25hbWU7XHJcbiAgfVxyXG5cclxuICBfb25DaGFuZ2VDYWxsYmFjazogKCh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcclxuICBfb25Ub3VjaENhbGxiYWNrOiAoKCkgPT4gdm9pZCkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBSYWRpb0NvbXBvbmVudCkpXHJcbiAgcmFkaW9zITogUXVlcnlMaXN0PFJhZGlvQ29tcG9uZW50PjtcclxuXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgdGhpcy5yYWRpb3MuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLnVwZGF0ZVJhZGlvcygpO1xyXG4gICAgICB0aGlzLnVwZGF0ZVJhZGlvQ2hhbmdlSGFuZGxlcigpO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLnVwZGF0ZVJhZGlvQ2hhbmdlSGFuZGxlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgdGhpcy51cGRhdGVSYWRpb3MoKTtcclxuICB9XHJcblxyXG4gIHVwZGF0ZVJhZGlvcygpIHtcclxuICAgIGlmICh0aGlzLnJhZGlvcykge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLnJhZGlvcy5mb3JFYWNoKChyYWRpbykgPT4gKHJhZGlvLm5hbWUgPSB0aGlzLm5hbWUpKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB1cGRhdGVSYWRpb0NoYW5nZUhhbmRsZXIoKSB7XHJcbiAgICB0aGlzLnJhZGlvcy5mb3JFYWNoKChyYWRpbykgPT4ge1xyXG4gICAgICByYWRpby5yZWdpc3RlclJhZGlvQ2hhbmdlSGFuZGxlcigoZXZlbnQ6IFJhZGlvQ2hhbmdlKSA9PiB7XHJcbiAgICAgICAgdGhpcy52YWx1ZSA9IGV2ZW50LnZhbHVlO1xyXG4gICAgICAgIHRoaXMuX29uQ2hhbmdlQ2FsbGJhY2s/LihldmVudC52YWx1ZSk7XHJcbiAgICAgICAgdGhpcy5fb25Ub3VjaENhbGxiYWNrPy4oKTtcclxuICAgICAgfSk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHVwZGF0ZVNlbGVjdGVkUmFkaW9Gcm9tVmFsdWUoKSB7XHJcbiAgICBpZiAoIXRoaXMucmFkaW9zKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMucmFkaW9zLmZvckVhY2goKHJhZGlvKSA9PiB7XHJcbiAgICAgIHJhZGlvLmNoZWNrZWQgPSBmYWxzZTtcclxuICAgICAgaWYgKHJhZGlvLnZhbHVlID09PSB0aGlzLnZhbHVlKSB7XHJcbiAgICAgICAgcmFkaW8uY2hlY2tlZCA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZShuZXdWYWx1ZTogc3RyaW5nIHwgbnVsbCk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy51cGRhdGVTZWxlY3RlZFJhZGlvRnJvbVZhbHVlKCk7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uQ2hhbmdlQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uVG91Y2hDYWxsYmFjayA9IGZuO1xyXG4gIH1cclxufVxyXG4iLCI8aWJtLXJhZGlvLWdyb3VwIFtvcmllbnRhdGlvbl09XCJvcmllbnRhdGlvblwiIFtuYW1lXT1cIm5hbWVcIiBbdmFsdWVdPVwidmFsdWVcIj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvaWJtLXJhZGlvLWdyb3VwPlxyXG4iXX0=
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, HostBinding, Input, Output, } from "@angular/core";
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from "@angular/forms";
|
|
2
|
+
import { NG_VALUE_ACCESSOR, FormsModule } from "@angular/forms";
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
4
|
+
import { RadioModule } from "carbon-components-angular/radio";
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "carbon-components-angular/radio";
|
|
5
7
|
export class RadioComponent {
|
|
@@ -35,17 +37,17 @@ export class RadioComponent {
|
|
|
35
37
|
this.radioChangeHandler = fn;
|
|
36
38
|
}
|
|
37
39
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioComponent, selector: "tlp-radio", inputs: { id: "id", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby" }, outputs: { change: "change" }, host: { properties: { "class.cds--radio-button-wrapper": "this.hostClass" } }, providers: [
|
|
40
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioComponent, isStandalone: true, selector: "tlp-radio", inputs: { id: "id", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby" }, outputs: { change: "change" }, host: { properties: { "class.cds--radio-button-wrapper": "this.hostClass" } }, providers: [
|
|
39
41
|
{
|
|
40
42
|
provide: NG_VALUE_ACCESSOR,
|
|
41
43
|
useExisting: RadioComponent,
|
|
42
44
|
multi: true,
|
|
43
45
|
},
|
|
44
|
-
], ngImport: i0, template: "<ibm-radio\r\n [id]=\"id\"\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [ariaLabel]=\"ariaLabel\"\r\n [ariaLabelledby]=\"ariaLabelledby\"\r\n (change)=\"handleChange($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-radio>\r\n", dependencies: [{ kind: "component", type: i1.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }] });
|
|
46
|
+
], ngImport: i0, template: "<ibm-radio\r\n [id]=\"id\"\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [ariaLabel]=\"ariaLabel\"\r\n [ariaLabelledby]=\"ariaLabelledby\"\r\n (change)=\"handleChange($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-radio>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i1.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }] });
|
|
45
47
|
}
|
|
46
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioComponent, decorators: [{
|
|
47
49
|
type: Component,
|
|
48
|
-
args: [{ selector: "tlp-radio", providers: [
|
|
50
|
+
args: [{ selector: "tlp-radio", standalone: true, imports: [CommonModule, FormsModule, RadioModule], providers: [
|
|
49
51
|
{
|
|
50
52
|
provide: NG_VALUE_ACCESSOR,
|
|
51
53
|
useExisting: RadioComponent,
|
|
@@ -74,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
74
76
|
type: HostBinding,
|
|
75
77
|
args: ["class.cds--radio-button-wrapper"]
|
|
76
78
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBZSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBZTNFLE1BQU0sT0FBTyxjQUFjO0lBQ3pCLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQ1osVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUMxQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRVQsRUFBRSxHQUFHLFNBQVMsY0FBYyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUM7SUFDNUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNWLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLElBQWEsY0FBYyxDQUFDLEtBQWE7UUFDdkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUNTLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBRUgsU0FBUyxHQUFHLElBQUksQ0FBQztJQUVqRSxrQkFBa0IsR0FBRyxDQUFDLEtBQWtCLEVBQUUsRUFBRTtRQUMxQyxnREFBZ0Q7SUFDbEQsQ0FBQyxDQUFDO0lBRUYsSUFBSSxjQUFjO1FBQ2hCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3BCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN6QixDQUFDO1FBQ0QsT0FBTyxTQUFTLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWtCO1FBQzdCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsMEJBQTBCLENBQUMsRUFBZ0M7UUFDekQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztJQUMvQixDQUFDO3dHQXJDVSxjQUFjOzRGQUFkLGNBQWMsb1ZBUmQ7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsY0FBYztnQkFDM0IsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ3RCSCxxVUFhQSwyQ0RFWSxZQUFZLDhCQUFFLFdBQVcsOEJBQUUsV0FBVzs7NEZBU3JDLGNBQWM7a0JBYjFCLFNBQVM7K0JBQ0UsV0FBVyxjQUVULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsV0FBVyxDQUFDLGFBQ3RDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsZ0JBQWdCOzRCQUMzQixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFPUSxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ08sY0FBYztzQkFBMUIsS0FBSztnQkFHSSxNQUFNO3NCQUFmLE1BQU07Z0JBRXlDLFNBQVM7c0JBQXhELFdBQVc7dUJBQUMsaUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiwgRm9ybXNNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBSYWRpb0NoYW5nZSwgUmFkaW9Nb2R1bGUgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci9yYWRpb1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXJhZGlvXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9yYWRpby5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFJhZGlvTW9kdWxlXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBSYWRpb0NvbXBvbmVudCxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCB7XHJcbiAgc3RhdGljIHJhZGlvQ291bnQgPSAwO1xyXG4gIHByb3RlY3RlZCBsYWJlbGxlZGJ5ID0gXCJcIjtcclxuICBpc1RvdWNoZWQgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgaWQgPSBgcmFkaW8tJHtSYWRpb0NvbXBvbmVudC5yYWRpb0NvdW50Kyt9YDtcclxuICBASW5wdXQoKSBuYW1lID0gXCJcIjtcclxuICBASW5wdXQoKSB2YWx1ZSA9IFwiXCI7XHJcbiAgQElucHV0KCkgY2hlY2tlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBhcmlhTGFiZWwgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHNldCBhcmlhTGFiZWxsZWRieSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLmxhYmVsbGVkYnkgPSB2YWx1ZTtcclxuICB9XHJcbiAgQE91dHB1dCgpIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UmFkaW9DaGFuZ2U+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tcmFkaW8tYnV0dG9uLXdyYXBwZXJcIikgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHJcbiAgcmFkaW9DaGFuZ2VIYW5kbGVyID0gKGV2ZW50OiBSYWRpb0NoYW5nZSkgPT4ge1xyXG4gICAgLy8gRW1wdHkgbWV0aG9kIGluaGVyaXRlZCBmcm9tIENhcmJvbiBhZGFwdGF0aW9uXHJcbiAgfTtcclxuXHJcbiAgZ2V0IGFyaWFMYWJlbGxlZGJ5KCkge1xyXG4gICAgaWYgKHRoaXMubGFiZWxsZWRieSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5sYWJlbGxlZGJ5O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGBsYWJlbC0ke3RoaXMuaWR9YDtcclxuICB9XHJcblxyXG4gIGhhbmRsZUNoYW5nZShldmVudDogUmFkaW9DaGFuZ2UpIHtcclxuICAgIHRoaXMuY2hhbmdlLmVtaXQoZXZlbnQpO1xyXG4gICAgdGhpcy5yYWRpb0NoYW5nZUhhbmRsZXIoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJSYWRpb0NoYW5nZUhhbmRsZXIoZm46IChldmVudDogUmFkaW9DaGFuZ2UpID0+IHZvaWQpIHtcclxuICAgIHRoaXMucmFkaW9DaGFuZ2VIYW5kbGVyID0gZm47XHJcbiAgfVxyXG59XHJcbiIsIjxpYm0tcmFkaW9cclxuICBbaWRdPVwiaWRcIlxyXG4gIFtuYW1lXT1cIm5hbWVcIlxyXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXHJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gIFthcmlhTGFiZWxdPVwiYXJpYUxhYmVsXCJcclxuICBbYXJpYUxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnlcIlxyXG4gIChjaGFuZ2UpPVwiaGFuZGxlQ2hhbmdlKCRldmVudClcIlxyXG4+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2libS1yYWRpbz5cclxuIl19
|