pruebatlp20v17-design-system 0.0.15 → 0.0.16
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/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/data-table/data-table.component.mjs +2 -2
- package/esm2022/lib/expandable-tile/expandable-tile.component.mjs +4 -4
- package/esm2022/lib/global-styles.component.mjs +2 -2
- package/esm2022/lib/loading/loading.component.mjs +2 -2
- package/esm2022/lib/notification/notification.component.mjs +2 -2
- package/esm2022/lib/notification/toast.component.mjs +2 -2
- package/esm2022/lib/overflow-menu/overflow-menu.component.mjs +2 -2
- package/esm2022/lib/pagination/pagination.component.mjs +2 -2
- package/esm2022/lib/progress-indicator/progress-indicator.component.mjs +2 -2
- package/esm2022/lib/search/search.component.mjs +2 -2
- package/esm2022/lib/side-panel/side-panel.component.mjs +3 -3
- package/fesm2022/pruebatlp20v17-design-system.mjs +25 -25
- package/fesm2022/pruebatlp20v17-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -5,11 +5,11 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
export class LoadingComponent extends IbmLoading {
|
|
6
6
|
size = "normal";
|
|
7
7
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoadingComponent, selector: "tlp-loading", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div\r\n [ngClass]=\"{\r\n 'cds--loading--small': size === 'sm',\r\n 'cds--loading--stop': !isActive && !overlay,\r\n 'cds--loading-overlay--stop': !isActive && overlay\r\n }\"\r\n class=\"cds--loading\"\r\n>\r\n <svg class=\"cds--loading__svg\" viewBox=\"0 0 100 100\">\r\n <title>{{ title }}</title>\r\n <circle class=\"cds--loading__stroke\" cx=\"50%\" cy=\"50%\" r=\"44\" />\r\n </svg>\r\n</div>\r\n", styles: ["::ng-deep .
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoadingComponent, selector: "tlp-loading", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div\r\n [ngClass]=\"{\r\n 'cds--loading--small': size === 'sm',\r\n 'cds--loading--stop': !isActive && !overlay,\r\n 'cds--loading-overlay--stop': !isActive && overlay\r\n }\"\r\n class=\"cds--loading\"\r\n>\r\n <svg class=\"cds--loading__svg\" viewBox=\"0 0 100 100\">\r\n <title>{{ title }}</title>\r\n <circle class=\"cds--loading__stroke\" cx=\"50%\" cy=\"50%\" r=\"44\" />\r\n </svg>\r\n</div>\r\n", styles: ["::ng-deep .cds--loading__stroke{stroke:#003c69}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: "tlp-loading", template: "<div\r\n [ngClass]=\"{\r\n 'cds--loading--small': size === 'sm',\r\n 'cds--loading--stop': !isActive && !overlay,\r\n 'cds--loading-overlay--stop': !isActive && overlay\r\n }\"\r\n class=\"cds--loading\"\r\n>\r\n <svg class=\"cds--loading__svg\" viewBox=\"0 0 100 100\">\r\n <title>{{ title }}</title>\r\n <circle class=\"cds--loading__stroke\" cx=\"50%\" cy=\"50%\" r=\"44\" />\r\n </svg>\r\n</div>\r\n", styles: ["::ng-deep .
|
|
12
|
+
args: [{ selector: "tlp-loading", template: "<div\r\n [ngClass]=\"{\r\n 'cds--loading--small': size === 'sm',\r\n 'cds--loading--stop': !isActive && !overlay,\r\n 'cds--loading-overlay--stop': !isActive && overlay\r\n }\"\r\n class=\"cds--loading\"\r\n>\r\n <svg class=\"cds--loading__svg\" viewBox=\"0 0 100 100\">\r\n <title>{{ title }}</title>\r\n <circle class=\"cds--loading__stroke\" cx=\"50%\" cy=\"50%\" r=\"44\" />\r\n </svg>\r\n</div>\r\n", styles: ["::ng-deep .cds--loading__stroke{stroke:#003c69}\n"] }]
|
|
13
13
|
}], propDecorators: { size: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}] } });
|
|
@@ -9,11 +9,11 @@ export class NotificationComponent extends IbmNotification {
|
|
|
9
9
|
message = "";
|
|
10
10
|
type = "info";
|
|
11
11
|
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: "14.0.0", version: "17.3.12", type: NotificationComponent, selector: "tlp-notification", inputs: { title: "title", message: "message", type: "type" }, usesInheritance: true, ngImport: i0, template: "<div class=\"cds--inline-notification__details\">\r\n <svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\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 .
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationComponent, selector: "tlp-notification", inputs: { title: "title", message: "message", type: "type" }, usesInheritance: true, ngImport: i0, template: "<div class=\"cds--inline-notification__details\">\r\n <svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\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;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222}::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--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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NotificationTitle, selector: "[cdsNotificationTitle], [ibmNotificationTitle]" }, { kind: "directive", type: i2.NotificationSubtitle, selector: "[cdsNotificationSubtitle], [ibmNotificationSubtitle]" }, { kind: "directive", type: i3.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
15
15
|
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 *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\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 .
|
|
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 *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\r\n <svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--inline-notification__icon\"\r\n ></svg>\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;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222}::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--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
17
|
}], propDecorators: { title: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], message: [{
|
|
@@ -10,11 +10,11 @@ export class ToastComponent extends IbmToast {
|
|
|
10
10
|
caption = "";
|
|
11
11
|
type = "info";
|
|
12
12
|
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: "14.0.0", version: "17.3.12", type: ToastComponent, selector: "tlp-toast", inputs: { title: "title", subtitle: "subtitle", caption: "caption", type: "type" }, usesInheritance: true, ngImport: i0, template: "<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\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 .
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToastComponent, selector: "tlp-toast", inputs: { title: "title", subtitle: "subtitle", caption: "caption", type: "type" }, usesInheritance: true, ngImport: i0, template: "<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\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;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222}::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--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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToastTitle, selector: "[cdsToastTitle], [ibmToastTitle]" }, { kind: "directive", type: i2.ToastSubtitle, selector: "[cdsToastSubtitle], [ibmToastSubtitle]" }, { kind: "directive", type: i2.ToastCaption, selector: "[cdsToastCaption], [ibmToastCaption]" }, { kind: "directive", type: i3.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: "tlp-toast", template: "<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\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 .
|
|
17
|
+
args: [{ selector: "tlp-toast", template: "<svg\r\n tlpIcon=\"error--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'error'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"warning--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'warning'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\r\n<svg\r\n tlpIcon=\"checkmark--filled\"\r\n size=\"20\"\r\n *ngIf=\"notificationObj.type === 'success'\"\r\n class=\"cds--toast-notification__icon\"\r\n></svg>\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;color:#222}::ng-deep .cds--inline-notification p{padding-right:4px}::ng-deep .notification-overlay{position:fixed;top:0;right:1%;z-index:500}::ng-deep .cds--toast-notification{color:#222}::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--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
18
|
}], propDecorators: { title: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], subtitle: [{
|
|
@@ -6,11 +6,11 @@ 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 .
|
|
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,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:none}::ng-deep .cds--overflow-menu-options__option-content{width:100%;display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ 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 .
|
|
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,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:none}::ng-deep .cds--overflow-menu-options__option-content{width:100%;display:flex;align-items:center;justify-content:space-between}\n"] }]
|
|
14
14
|
}], propDecorators: { flip: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], customTrigger: [{
|
|
@@ -34,11 +34,11 @@ export class PaginationComponent {
|
|
|
34
34
|
this.selectPage.emit(page);
|
|
35
35
|
}
|
|
36
36
|
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 .
|
|
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
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
40
40
|
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 .
|
|
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
42
|
}], propDecorators: { model: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}], disabled: [{
|
|
@@ -16,11 +16,11 @@ export class ProgressIndicatorComponent {
|
|
|
16
16
|
disabled: "cds--progress-step--incomplete cds--progress-step--disabled",
|
|
17
17
|
};
|
|
18
18
|
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: "14.0.0", version: "17.3.12", type: ProgressIndicatorComponent, 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 <li\r\n class=\"cds--progress-step {{ stepStateToCssClass[step.state] }}\"\r\n *ngFor=\"let step of steps; let i = index\"\r\n >\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 <svg\r\n *ngIf=\"step.state === 'complete'\"\r\n ibmIcon=\"checkmark--outline\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'incomplete' || step.state === 'disabled'\"\r\n ibmIcon=\"circle-dash\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'error'\"\r\n ibmIcon=\"warning\"\r\n size=\"16\"\r\n class=\"cds--progress__warning\"\r\n ></svg>\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"step.tooltip\"\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 <div\r\n class=\"cds--progress-text\"\r\n *ngIf=\"!step.tooltip || step.optionalText\"\r\n >\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"!step.tooltip\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n <p *ngIf=\"step.optionalText\" class=\"cds--progress-optional\">\r\n {{ step.optionalText }}\r\n </p>\r\n </div>\r\n <span class=\"cds--progress-line\"></span>\r\n </button>\r\n </li>\r\n</ul>\r\n", styles: [":host ::ng-deep{--cds-interactive-04: #008bf5;--cds-support-01: #ff2121}:host ::ng-deep .
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressIndicatorComponent, 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 <li\r\n class=\"cds--progress-step {{ stepStateToCssClass[step.state] }}\"\r\n *ngFor=\"let step of steps; let i = index\"\r\n >\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 <svg\r\n *ngIf=\"step.state === 'complete'\"\r\n ibmIcon=\"checkmark--outline\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'incomplete' || step.state === 'disabled'\"\r\n ibmIcon=\"circle-dash\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'error'\"\r\n ibmIcon=\"warning\"\r\n size=\"16\"\r\n class=\"cds--progress__warning\"\r\n ></svg>\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"step.tooltip\"\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 <div\r\n class=\"cds--progress-text\"\r\n *ngIf=\"!step.tooltip || step.optionalText\"\r\n >\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"!step.tooltip\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n <p *ngIf=\"step.optionalText\" class=\"cds--progress-optional\">\r\n {{ step.optionalText }}\r\n </p>\r\n </div>\r\n <span class=\"cds--progress-line\"></span>\r\n </button>\r\n </li>\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: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
|
|
22
22
|
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 <li\r\n class=\"cds--progress-step {{ stepStateToCssClass[step.state] }}\"\r\n *ngFor=\"let step of steps; let i = index\"\r\n >\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 <svg\r\n *ngIf=\"step.state === 'complete'\"\r\n ibmIcon=\"checkmark--outline\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'incomplete' || step.state === 'disabled'\"\r\n ibmIcon=\"circle-dash\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'error'\"\r\n ibmIcon=\"warning\"\r\n size=\"16\"\r\n class=\"cds--progress__warning\"\r\n ></svg>\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"step.tooltip\"\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 <div\r\n class=\"cds--progress-text\"\r\n *ngIf=\"!step.tooltip || step.optionalText\"\r\n >\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"!step.tooltip\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n <p *ngIf=\"step.optionalText\" class=\"cds--progress-optional\">\r\n {{ step.optionalText }}\r\n </p>\r\n </div>\r\n <span class=\"cds--progress-line\"></span>\r\n </button>\r\n </li>\r\n</ul>\r\n", styles: [":host ::ng-deep{--cds-interactive-04: #008bf5;--cds-support-01: #ff2121}:host ::ng-deep .
|
|
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 <li\r\n class=\"cds--progress-step {{ stepStateToCssClass[step.state] }}\"\r\n *ngFor=\"let step of steps; let i = index\"\r\n >\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 <svg\r\n *ngIf=\"step.state === 'complete'\"\r\n ibmIcon=\"checkmark--outline\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'incomplete' || step.state === 'disabled'\"\r\n ibmIcon=\"circle-dash\"\r\n size=\"16\"\r\n ></svg>\r\n <svg\r\n *ngIf=\"step.state === 'error'\"\r\n ibmIcon=\"warning\"\r\n size=\"16\"\r\n class=\"cds--progress__warning\"\r\n ></svg>\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"step.tooltip\"\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 <div\r\n class=\"cds--progress-text\"\r\n *ngIf=\"!step.tooltip || step.optionalText\"\r\n >\r\n <p\r\n class=\"cds--progress-label\"\r\n *ngIf=\"!step.tooltip\"\r\n (click)=\"stepSelected.emit({ step: step, index: i })\"\r\n >\r\n {{ step.text }}\r\n </p>\r\n <p *ngIf=\"step.optionalText\" class=\"cds--progress-optional\">\r\n {{ step.optionalText }}\r\n </p>\r\n </div>\r\n <span class=\"cds--progress-line\"></span>\r\n </button>\r\n </li>\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
24
|
}], propDecorators: { stepSelected: [{
|
|
25
25
|
type: Output
|
|
26
26
|
}], steps: [{
|
|
@@ -13,7 +13,7 @@ export class SearchComponent extends IbmSearch {
|
|
|
13
13
|
multi: true,
|
|
14
14
|
useExisting: SearchComponent,
|
|
15
15
|
},
|
|
16
|
-
], usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"cds--search\"\r\n [ngClass]=\"{\r\n 'cds--search--sm': size === 'sm',\r\n 'cds--search--lg': size === 'md' || size === 'lg',\r\n 'cds--search--expandable': expandable && !tableSearch,\r\n 'cds--search--expanded': expandable && !tableSearch && active\r\n }\"\r\n role=\"search\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n tabindex=\"0\"\r\n (click)=\"openSearch()\"\r\n>\r\n <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n <input\r\n #input\r\n class=\"cds--search-input\"\r\n [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n [id]=\"id\"\r\n [value]=\"value\"\r\n [autocomplete]=\"autocomplete\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n (input)=\"onSearch($any($event.target).value)\"\r\n (keyup.enter)=\"onEnter()\"\r\n />\r\n <svg\r\n tlpIcon=\"search\"\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-magnifier-icon\"\r\n size=\"16\"\r\n ></svg>\r\n\r\n <button\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-close\"\r\n [ngClass]=\"{\r\n 'cds--search-close--hidden': !value || value.length === 0\r\n }\"\r\n [title]=\"clearButtonTitle\"\r\n (click)=\"clearSearch()\"\r\n >\r\n <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n</div>\r\n", styles: ["::ng-deep .
|
|
16
|
+
], usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"cds--search\"\r\n [ngClass]=\"{\r\n 'cds--search--sm': size === 'sm',\r\n 'cds--search--lg': size === 'md' || size === 'lg',\r\n 'cds--search--expandable': expandable && !tableSearch,\r\n 'cds--search--expanded': expandable && !tableSearch && active\r\n }\"\r\n role=\"search\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n tabindex=\"0\"\r\n (click)=\"openSearch()\"\r\n>\r\n <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n <input\r\n #input\r\n class=\"cds--search-input\"\r\n [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n [id]=\"id\"\r\n [value]=\"value\"\r\n [autocomplete]=\"autocomplete\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n (input)=\"onSearch($any($event.target).value)\"\r\n (keyup.enter)=\"onEnter()\"\r\n />\r\n <svg\r\n tlpIcon=\"search\"\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-magnifier-icon\"\r\n size=\"16\"\r\n ></svg>\r\n\r\n <button\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-close\"\r\n [ngClass]=\"{\r\n 'cds--search-close--hidden': !value || value.length === 0\r\n }\"\r\n [title]=\"clearButtonTitle\"\r\n (click)=\"clearSearch()\"\r\n >\r\n <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n</div>\r\n", styles: ["::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}::ng-deep .cds--search-input:focus{border-color:#287eff}::ng-deep .cds--search-input:disabled{border:1px solid #afafaf}::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}::ng-deep .cds--search-close:before{display:none}::ng-deep .cds--search-close:hover{background-color:unset;border:none}::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
@@ -23,7 +23,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
23
23
|
multi: true,
|
|
24
24
|
useExisting: SearchComponent,
|
|
25
25
|
},
|
|
26
|
-
], template: "<div\r\n class=\"cds--search\"\r\n [ngClass]=\"{\r\n 'cds--search--sm': size === 'sm',\r\n 'cds--search--lg': size === 'md' || size === 'lg',\r\n 'cds--search--expandable': expandable && !tableSearch,\r\n 'cds--search--expanded': expandable && !tableSearch && active\r\n }\"\r\n role=\"search\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n tabindex=\"0\"\r\n (click)=\"openSearch()\"\r\n>\r\n <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n <input\r\n #input\r\n class=\"cds--search-input\"\r\n [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n [id]=\"id\"\r\n [value]=\"value\"\r\n [autocomplete]=\"autocomplete\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n (input)=\"onSearch($any($event.target).value)\"\r\n (keyup.enter)=\"onEnter()\"\r\n />\r\n <svg\r\n tlpIcon=\"search\"\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-magnifier-icon\"\r\n size=\"16\"\r\n ></svg>\r\n\r\n <button\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-close\"\r\n [ngClass]=\"{\r\n 'cds--search-close--hidden': !value || value.length === 0\r\n }\"\r\n [title]=\"clearButtonTitle\"\r\n (click)=\"clearSearch()\"\r\n >\r\n <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n</div>\r\n", styles: ["::ng-deep .
|
|
26
|
+
], template: "<div\r\n class=\"cds--search\"\r\n [ngClass]=\"{\r\n 'cds--search--sm': size === 'sm',\r\n 'cds--search--lg': size === 'md' || size === 'lg',\r\n 'cds--search--expandable': expandable && !tableSearch,\r\n 'cds--search--expanded': expandable && !tableSearch && active\r\n }\"\r\n role=\"search\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n tabindex=\"0\"\r\n (click)=\"openSearch()\"\r\n>\r\n <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n <input\r\n #input\r\n class=\"cds--search-input\"\r\n [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n [id]=\"id\"\r\n [value]=\"value\"\r\n [autocomplete]=\"autocomplete\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n (input)=\"onSearch($any($event.target).value)\"\r\n (keyup.enter)=\"onEnter()\"\r\n />\r\n <svg\r\n tlpIcon=\"search\"\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-magnifier-icon\"\r\n size=\"16\"\r\n ></svg>\r\n\r\n <button\r\n *ngIf=\"tableSearch || !toolbar\"\r\n class=\"cds--search-close\"\r\n [ngClass]=\"{\r\n 'cds--search-close--hidden': !value || value.length === 0\r\n }\"\r\n [title]=\"clearButtonTitle\"\r\n (click)=\"clearSearch()\"\r\n >\r\n <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n</div>\r\n", styles: ["::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}::ng-deep .cds--search-input:focus{border-color:#287eff}::ng-deep .cds--search-input:disabled{border:1px solid #afafaf}::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}::ng-deep .cds--search-close:before{display:none}::ng-deep .cds--search-close:hover{background-color:unset;border:none}::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"] }]
|
|
27
27
|
}], propDecorators: { size: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
|
@@ -9,7 +9,7 @@ export class SidePanelComponent {
|
|
|
9
9
|
side = "right";
|
|
10
10
|
width = "300px";
|
|
11
11
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidePanelComponent, selector: "tlp-side-panel", inputs: { fixed: "fixed", expanded: "expanded", side: "side", width: "width" }, ngImport: i0, template: "<div\r\n [@inOutAnimationRight]\r\n *ngIf=\"side === 'right' && expanded && !fixed\"\r\n class=\"wrapper\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div\r\n [@inOutAnimationLeft]\r\n *ngIf=\"side === 'left' && expanded && !fixed\"\r\n class=\"wrapper wrapper--left\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div class=\"fixed\" *ngIf=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: ["::ng-deep .
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidePanelComponent, selector: "tlp-side-panel", inputs: { fixed: "fixed", expanded: "expanded", side: "side", width: "width" }, ngImport: i0, template: "<div\r\n [@inOutAnimationRight]\r\n *ngIf=\"side === 'right' && expanded && !fixed\"\r\n class=\"wrapper\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div\r\n [@inOutAnimationLeft]\r\n *ngIf=\"side === 'left' && expanded && !fixed\"\r\n class=\"wrapper wrapper--left\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div class=\"fixed\" *ngIf=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: ["::ng-deep .cds--panel--overlay{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}::ng-deep .cds--panel--expanded{box-shadow:-4px 0 4px #00000040}.wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}.wrapper ibm-panel{pointer-events:auto}.wrapper.wrapper--left ::ng-deep .cds--panel--overlay{left:0}.wrapper.wrapper--left ::ng-deep .cds--panel--expanded{box-shadow:4px 0 4px #00000040}.fixed{width:var(--width, 300px);height:100%;margin-right:1rem;padding:0 1rem;border-right:1px solid #cfcfcf;background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Panel, selector: "cds-panel, ibm-panel", inputs: ["expanded", "ariaLabel"] }], animations: [
|
|
13
13
|
trigger("inOutAnimationRight", [
|
|
14
14
|
transition(":enter", [
|
|
15
15
|
style({ transform: "translateX(100%)" }),
|
|
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
55
55
|
animate("0.2s ease-in", style({ transform: "translateX(-100%)" })),
|
|
56
56
|
]),
|
|
57
57
|
]),
|
|
58
|
-
], template: "<div\r\n [@inOutAnimationRight]\r\n *ngIf=\"side === 'right' && expanded && !fixed\"\r\n class=\"wrapper\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div\r\n [@inOutAnimationLeft]\r\n *ngIf=\"side === 'left' && expanded && !fixed\"\r\n class=\"wrapper wrapper--left\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div class=\"fixed\" *ngIf=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: ["::ng-deep .
|
|
58
|
+
], template: "<div\r\n [@inOutAnimationRight]\r\n *ngIf=\"side === 'right' && expanded && !fixed\"\r\n class=\"wrapper\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div\r\n [@inOutAnimationLeft]\r\n *ngIf=\"side === 'left' && expanded && !fixed\"\r\n class=\"wrapper wrapper--left\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div class=\"fixed\" *ngIf=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: ["::ng-deep .cds--panel--overlay{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}::ng-deep .cds--panel--expanded{box-shadow:-4px 0 4px #00000040}.wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}.wrapper ibm-panel{pointer-events:auto}.wrapper.wrapper--left ::ng-deep .cds--panel--overlay{left:0}.wrapper.wrapper--left ::ng-deep .cds--panel--expanded{box-shadow:4px 0 4px #00000040}.fixed{width:var(--width, 300px);height:100%;margin-right:1rem;padding:0 1rem;border-right:1px solid #cfcfcf;background-color:#fff}\n"] }]
|
|
59
59
|
}], propDecorators: { fixed: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}], expanded: [{
|
|
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
65
65
|
}], width: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBNkJqRCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFDO0lBRWpDLEtBQUssR0FBRyxPQUFPLENBQUM7d0dBTGQsa0JBQWtCOzRGQUFsQixrQkFBa0Isc0lDOUIvQixnekJBMkJBLGkrQkRwQmM7WUFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7Z0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztpQkFDbEUsQ0FBQzthQUNILENBQUM7WUFDRixPQUFPLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO29CQUN6QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQztpQkFDbkUsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsa0JBQWtCO2tCQTNCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZDt3QkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7NEJBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7NkJBQ2pFLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0NBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQzs2QkFDbEUsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTs0QkFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUM7Z0NBQ3pDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzs2QkFDakUsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyaWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZS1wYW5lbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXCJpbk91dEFuaW1hdGlvblJpZ2h0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoXCIwLjJzIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLWluXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSksXHJcbiAgICAgIF0pLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKFwiaW5PdXRBbmltYXRpb25MZWZ0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSksXHJcbiAgICAgICAgYW5pbWF0ZShcIjAuMnMgZWFzZS1pblwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKC0xMDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2lkZTogXCJyaWdodFwiIHwgXCJsZWZ0XCIgPSBcInJpZ2h0XCI7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoID0gXCIzMDBweFwiO1xyXG59XHJcbiIsIjxkaXZcclxuICBbQGluT3V0QW5pbWF0aW9uUmlnaHRdXHJcbiAgKm5nSWY9XCJzaWRlID09PSAncmlnaHQnICYmIGV4cGFuZGVkICYmICFmaXhlZFwiXHJcbiAgY2xhc3M9XCJ3cmFwcGVyXCJcclxuICBbc3R5bGVdPVwieyAnLS13aWR0aCc6IHdpZHRoIH1cIlxyXG4+XHJcbiAgPGlibS1wYW5lbCBbZXhwYW5kZWRdPVwidHJ1ZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2libS1wYW5lbD5cclxuPC9kaXY+XHJcblxyXG48ZGl2XHJcbiAgW0Bpbk91dEFuaW1hdGlvbkxlZnRdXHJcbiAgKm5nSWY9XCJzaWRlID09PSAnbGVmdCcgJiYgZXhwYW5kZWQgJiYgIWZpeGVkXCJcclxuICBjbGFzcz1cIndyYXBwZXIgd3JhcHBlci0tbGVmdFwiXHJcbiAgW3N0eWxlXT1cInsgJy0td2lkdGgnOiB3aWR0aCB9XCJcclxuPlxyXG4gIDxpYm0tcGFuZWwgW2V4cGFuZGVkXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9pYm0tcGFuZWw+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImZpeGVkXCIgKm5nSWY9XCJmaXhlZFwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|