pruebatlp20v17-design-system 0.0.16 → 0.0.17
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 +3 -3
- package/esm2022/lib/bottom-panel/bottom-panel.component.mjs +3 -4
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/datepicker/datepicker.component.mjs +2 -2
- package/esm2022/lib/design-system.module.mjs +4 -5
- package/esm2022/lib/expandable-tile/expandable-tile.component.mjs +10 -8
- package/esm2022/lib/global-styles.component.mjs +2 -2
- package/esm2022/lib/input/input.component.mjs +4 -4
- package/esm2022/lib/modal/modal.component.mjs +2 -2
- package/esm2022/lib/notification/notification.component.mjs +5 -6
- package/esm2022/lib/notification/toast.component.mjs +5 -6
- package/esm2022/lib/overflow-menu/overflow-menu.component.mjs +2 -2
- package/esm2022/lib/progress-indicator/progress-indicator.component.mjs +3 -3
- package/esm2022/lib/search/search.component.mjs +4 -4
- package/esm2022/lib/side-panel/side-panel.component.mjs +3 -3
- package/esm2022/lib/sidenav/sidenav-item.component.mjs +3 -3
- package/esm2022/lib/sidenav/sidenav.component.mjs +21 -5
- package/esm2022/lib/subheader/subheader.component.mjs +2 -2
- package/esm2022/lib/tabs/tab.component.mjs +7 -5
- package/esm2022/lib/tabs/tabs.component.mjs +4 -5
- package/esm2022/lib/tag/tag.component.mjs +4 -5
- package/esm2022/lib/tag-filter/tag-filter.component.mjs +2 -2
- package/esm2022/lib/textarea/textarea.component.mjs +4 -4
- package/fesm2022/pruebatlp20v17-design-system.mjs +95 -76
- package/fesm2022/pruebatlp20v17-design-system.mjs.map +1 -1
- package/lib/design-system.module.d.ts +27 -28
- package/lib/sidenav/sidenav.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -55,13 +55,13 @@ export class InputComponent {
|
|
|
55
55
|
this.disabled = isDisabled;
|
|
56
56
|
}
|
|
57
57
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
58
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputComponent, selector: "tlp-input", inputs: { label: "label", helperText: "helperText", placeholder: "placeholder", disabled: "disabled", invalidText: "invalidText", invalid: "invalid", size: "size", type: "type", max: "max", min: "min", step: "step" }, providers: [
|
|
59
59
|
{
|
|
60
60
|
provide: NG_VALUE_ACCESSOR,
|
|
61
61
|
multi: true,
|
|
62
62
|
useExisting: InputComponent,
|
|
63
63
|
},
|
|
64
|
-
], ngImport: i0, template: "<!-- NOTE: keep in sync with below template for type=number -->\r\n
|
|
64
|
+
], ngImport: i0, template: "<!-- NOTE: keep in sync with below template for type=number -->\r\n@if (type !== 'number') {\r\n<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <input\r\n ibmText\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [size]=\"size\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"handleModelChange($event)\"\r\n (blur)=\"handleTouch($event)\"\r\n />\r\n</ibm-label>\r\n}\r\n\r\n<!--\r\n Separate element with static type=number is needed for ngModel to model as number\r\n https://github.com/angular/angular/issues/13243\r\n\r\n NOTE: do not refactor by making the conditional only for the input,\r\n it will break stuff because Angular \u00AF\\_(\u30C4)_/\u00AF\r\n-->\r\n@if (type === 'number') {\r\n<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <input\r\n ibmText\r\n type=\"number\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [size]=\"size\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"handleModelChange($event)\"\r\n [max]=\"max\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n (blur)=\"handleTouch($event)\"\r\n />\r\n</ibm-label>\r\n}\r\n", styles: [":host ::ng-deep .cds--text-input{border:1px solid #003c69;border-radius:4px;padding:0 .5rem;font-size:var(--cds-body-short-01-font-size, .875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, .16px);background-color:var(--cds-field-01, #f4f4f4);color:var(--cds-text-01, #161616);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}:host ::ng-deep .cds--text-input:disabled{border:1px solid #afafaf;outline:2px solid transparent;outline-offset:-2px;border-bottom:1px solid transparent;background-color:#f4f4f4;color:var(--cds-text-disabled, #c6c6c6);cursor:not-allowed;-webkit-text-fill-color:var(--cds-disabled-02, #c6c6c6)}:host ::ng-deep .cds--text-input:focus{border-color:#287eff}:host ::ng-deep .cds--text-input:disabled{border:1px solid #afafaf}:host ::ng-deep .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus){outline:none;border:1px solid #d52b1e}:host ::ng-deep .cds--text-area__invalid-icon{top:50%}:host ::ng-deep .disabled{--cds-text-02: #afafaf}:host ::ng-deep .empty_label>.cds--label{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }] });
|
|
65
65
|
}
|
|
66
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputComponent, decorators: [{
|
|
67
67
|
type: Component,
|
|
@@ -71,7 +71,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
71
71
|
multi: true,
|
|
72
72
|
useExisting: InputComponent,
|
|
73
73
|
},
|
|
74
|
-
], template: "<!-- NOTE: keep in sync with below template for type=number -->\r\n
|
|
74
|
+
], template: "<!-- NOTE: keep in sync with below template for type=number -->\r\n@if (type !== 'number') {\r\n<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <input\r\n ibmText\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [size]=\"size\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"handleModelChange($event)\"\r\n (blur)=\"handleTouch($event)\"\r\n />\r\n</ibm-label>\r\n}\r\n\r\n<!--\r\n Separate element with static type=number is needed for ngModel to model as number\r\n https://github.com/angular/angular/issues/13243\r\n\r\n NOTE: do not refactor by making the conditional only for the input,\r\n it will break stuff because Angular \u00AF\\_(\u30C4)_/\u00AF\r\n-->\r\n@if (type === 'number') {\r\n<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <input\r\n ibmText\r\n type=\"number\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [size]=\"size\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"handleModelChange($event)\"\r\n [max]=\"max\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n (blur)=\"handleTouch($event)\"\r\n />\r\n</ibm-label>\r\n}\r\n", styles: [":host ::ng-deep .cds--text-input{border:1px solid #003c69;border-radius:4px;padding:0 .5rem;font-size:var(--cds-body-short-01-font-size, .875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, .16px);background-color:var(--cds-field-01, #f4f4f4);color:var(--cds-text-01, #161616);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}:host ::ng-deep .cds--text-input:disabled{border:1px solid #afafaf;outline:2px solid transparent;outline-offset:-2px;border-bottom:1px solid transparent;background-color:#f4f4f4;color:var(--cds-text-disabled, #c6c6c6);cursor:not-allowed;-webkit-text-fill-color:var(--cds-disabled-02, #c6c6c6)}:host ::ng-deep .cds--text-input:focus{border-color:#287eff}:host ::ng-deep .cds--text-input:disabled{border:1px solid #afafaf}:host ::ng-deep .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus){outline:none;border:1px solid #d52b1e}:host ::ng-deep .cds--text-area__invalid-icon{top:50%}:host ::ng-deep .disabled{--cds-text-02: #afafaf}:host ::ng-deep .empty_label>.cds--label{margin-bottom:0}\n"] }]
|
|
75
75
|
}], propDecorators: { label: [{
|
|
76
76
|
type: Input
|
|
77
77
|
}], helperText: [{
|
|
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
95
95
|
}], step: [{
|
|
96
96
|
type: Input
|
|
97
97
|
}] } });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9pbnB1dC9pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBaUJ6RSxNQUFNLE9BQU8sY0FBYztJQUNoQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUNoQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLElBQUksR0FBdUIsSUFBSSxDQUFDO0lBQ3pDOztPQUVHO0lBQ00sSUFBSSxHQUNYLE1BQU0sQ0FBQyxDQUFDLCtFQUErRTtJQUN6Rjs7T0FFRztJQUNNLEdBQUcsR0FBa0IsSUFBSSxDQUFDO0lBQ25DOztPQUVHO0lBQ00sR0FBRyxHQUFrQixJQUFJLENBQUM7SUFDbkM7O09BRUc7SUFDTSxJQUFJLEdBQWtCLElBQUksQ0FBQztJQUVwQyxLQUFLLEdBQVUsRUFBRSxDQUFDO0lBQ2xCLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFbEIsaUJBQWlCLENBQXVDO0lBQ3hELGdCQUFnQixDQUF1QztJQUV2RCxpQkFBaUIsQ0FBQyxRQUFlO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO0lBRUQsVUFBVSxDQUFDLFFBQWU7UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7SUFDeEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO3dHQTFEVSxjQUFjOzRGQUFkLGNBQWMsOFBBUmQ7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsY0FBYzthQUM1QjtTQUNGLDBCQ2hCSCw2K0NBc0RBOzs0RkRwQ2EsY0FBYztrQkFaMUIsU0FBUzsrQkFDRSxXQUFXLGFBR1Y7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxnQkFBZ0I7eUJBQzVCO3FCQUNGOzhCQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSztnQkFJRyxHQUFHO3NCQUFYLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxudHlwZSBWYWx1ZSA9IHN0cmluZyB8IG51bWJlciB8IG51bGw7XHJcbmV4cG9ydCB0eXBlIElucHV0VmFsdWUgPSBWYWx1ZTsgLy8gZm9yIHB1YmxpYy1hcGksIG11c3QgaGF2ZSBjb21wb25lbnQgcHJlZml4XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtaW5wdXRcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2lucHV0LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2lucHV0LmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBJbnB1dENvbXBvbmVudCxcclxuICAgIH0sXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gXCJcIjtcclxuICBASW5wdXQoKSBoZWxwZXJUZXh0ID0gXCJcIjtcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9IFwiXCI7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpbnZhbGlkVGV4dCA9IFwiXCI7XHJcbiAgQElucHV0KCkgaW52YWxpZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNpemU6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiA9IFwibWRcIjtcclxuICAvKipcclxuICAgKiBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVE1ML0VsZW1lbnQvaW5wdXQjaW5wdXRfdHlwZXNcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlOiBcInRleHRcIiB8IFwicGFzc3dvcmRcIiB8IFwiZW1haWxcIiB8IFwibnVtYmVyXCIgfCBcInRlbFwiIHwgXCJ1cmxcIiA9XHJcbiAgICBcInRleHRcIjsgLy8gaWYgY2hhbmdlZCwgY2hlY2sgaWYgYW55IG9mIHRoZSBiZWxvdyB0eXBlLXNwZWNpZmljIElucHV0cyBhcmUgbm93IHN1cHBvcnRlZFxyXG4gIC8qKlxyXG4gICAqIE9ubHkgc3VwcG9ydGVkIHdpdGggYFt0eXBlXT1cIm51bWJlclwiYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIG1heDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XHJcbiAgLyoqXHJcbiAgICogT25seSBzdXBwb3J0ZWQgd2l0aCBgW3R5cGVdPVwibnVtYmVyXCJgXHJcbiAgICovXHJcbiAgQElucHV0KCkgbWluOiBudW1iZXIgfCBudWxsID0gbnVsbDtcclxuICAvKipcclxuICAgKiBPbmx5IHN1cHBvcnRlZCB3aXRoIGBbdHlwZV09XCJudW1iZXJcImBcclxuICAgKi9cclxuICBASW5wdXQoKSBzdGVwOiBudW1iZXIgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgdmFsdWU6IFZhbHVlID0gXCJcIjtcclxuICBpc1RvdWNoZWQgPSBmYWxzZTtcclxuXHJcbiAgX29uQ2hhbmdlQ2FsbGJhY2s6ICgodmFsdWU6IFZhbHVlKSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcclxuICBfb25Ub3VjaENhbGxiYWNrOiAoKGV2ZW50OiBFdmVudCkgPT4gdm9pZCkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIGhhbmRsZU1vZGVsQ2hhbmdlKG5ld1ZhbHVlOiBWYWx1ZSkge1xyXG4gICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5fb25DaGFuZ2VDYWxsYmFjaz8uKG5ld1ZhbHVlKTtcclxuICB9XHJcblxyXG4gIGhhbmRsZVRvdWNoKGV2ZW50OiBFdmVudCkge1xyXG4gICAgaWYgKCF0aGlzLmlzVG91Y2hlZCkge1xyXG4gICAgICB0aGlzLmlzVG91Y2hlZCA9IHRydWU7XHJcbiAgICAgIHRoaXMuX29uVG91Y2hDYWxsYmFjaz8uKGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUobmV3VmFsdWU6IFZhbHVlKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gbmV3VmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uQ2hhbmdlQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uVG91Y2hDYWxsYmFjayA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcbn1cclxuIiwiPCEtLSBOT1RFOiBrZWVwIGluIHN5bmMgd2l0aCBiZWxvdyB0ZW1wbGF0ZSBmb3IgdHlwZT1udW1iZXIgLS0+XHJcbkBpZiAodHlwZSAhPT0gJ251bWJlcicpIHtcclxuPGlibS1sYWJlbFxyXG4gIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IGRpc2FibGVkLCBlbXB0eV9sYWJlbDogIWxhYmVsIH1cIlxyXG4gIFtoZWxwZXJUZXh0XT1cImhlbHBlclRleHRcIlxyXG4gIFtpbnZhbGlkXT1cImludmFsaWRcIlxyXG4gIFtpbnZhbGlkVGV4dF09XCJpbnZhbGlkVGV4dFwiXHJcbj5cclxuICB7eyBsYWJlbCB9fVxyXG4gIDxpbnB1dFxyXG4gICAgaWJtVGV4dFxyXG4gICAgW3R5cGVdPVwidHlwZVwiXHJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxyXG4gICAgW3NpemVdPVwic2l6ZVwiXHJcbiAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJoYW5kbGVNb2RlbENoYW5nZSgkZXZlbnQpXCJcclxuICAgIChibHVyKT1cImhhbmRsZVRvdWNoKCRldmVudClcIlxyXG4gIC8+XHJcbjwvaWJtLWxhYmVsPlxyXG59XHJcblxyXG48IS0tXHJcbiAgU2VwYXJhdGUgZWxlbWVudCB3aXRoIHN0YXRpYyB0eXBlPW51bWJlciBpcyBuZWVkZWQgZm9yIG5nTW9kZWwgdG8gbW9kZWwgYXMgbnVtYmVyXHJcbiAgaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvYW5ndWxhci9pc3N1ZXMvMTMyNDNcclxuXHJcbiAgTk9URTogZG8gbm90IHJlZmFjdG9yIGJ5IG1ha2luZyB0aGUgY29uZGl0aW9uYWwgb25seSBmb3IgdGhlIGlucHV0LFxyXG4gIGl0IHdpbGwgYnJlYWsgc3R1ZmYgYmVjYXVzZSBBbmd1bGFyIMKvXFxfKOODhClfL8KvXHJcbi0tPlxyXG5AaWYgKHR5cGUgPT09ICdudW1iZXInKSB7XHJcbjxpYm0tbGFiZWxcclxuICBbbmdDbGFzc109XCJ7IGRpc2FibGVkOiBkaXNhYmxlZCwgZW1wdHlfbGFiZWw6ICFsYWJlbCB9XCJcclxuICBbaGVscGVyVGV4dF09XCJoZWxwZXJUZXh0XCJcclxuICBbaW52YWxpZF09XCJpbnZhbGlkXCJcclxuICBbaW52YWxpZFRleHRdPVwiaW52YWxpZFRleHRcIlxyXG4+XHJcbiAge3sgbGFiZWwgfX1cclxuICA8aW5wdXRcclxuICAgIGlibVRleHRcclxuICAgIHR5cGU9XCJudW1iZXJcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcclxuICAgIFtzaXplXT1cInNpemVcIlxyXG4gICAgW25nTW9kZWxdPVwidmFsdWVcIlxyXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwiaGFuZGxlTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICBbbWF4XT1cIm1heFwiXHJcbiAgICBbbWluXT1cIm1pblwiXHJcbiAgICBbc3RlcF09XCJzdGVwXCJcclxuICAgIChibHVyKT1cImhhbmRsZVRvdWNoKCRldmVudClcIlxyXG4gIC8+XHJcbjwvaWJtLWxhYmVsPlxyXG59XHJcbiJdfQ==
|
|
@@ -8,11 +8,11 @@ export class ModalComponent {
|
|
|
8
8
|
size = "sm";
|
|
9
9
|
hasScrollingContent = null;
|
|
10
10
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalComponent, selector: "tlp-modal", inputs: { open: "open", size: "size", hasScrollingContent: "hasScrollingContent" }, outputs: { overlaySelected: "overlaySelected", close: "close" }, ngImport: i0, template: "<ibm-modal\r\n [open]=\"open\"\r\n (close)=\"close.emit()\"\r\n (overlaySelected)=\"overlaySelected.emit()\"\r\n [size]=\"size\"\r\n [hasScrollingContent]=\"hasScrollingContent\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-modal>\r\n", styles: [":host ::ng-deep .cds--modal-container{border-radius:4px;box-shadow:4px 4px 4px #00000040;background-color:#f1f1f1;border:none}:host ::ng-deep .cds--modal-content{font-size:var(--cds-body-long-01-font-size, .875rem);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, .16px);position:relative;padding-top:var(--cds-spacing-03, .5rem);padding-right:var(--cds-spacing-05, 1rem);padding-left:var(--cds-spacing-05, 1rem);margin-bottom:var(--cds-spacing-09, 3rem);color:var(--cds-text-01, #161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}:host ::ng-deep .cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,transparent,var(--cds-ui-01, #f4f4f4))}:host ::ng-deep .cds--modal-footer{height:4rem;padding:0 1rem 1rem;display:grid;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;gap:0px 16px}:host ::ng-deep .cds--modal-footer .cds--btn{height:3rem;padding-bottom:1rem;width:100%}:host ::ng-deep .cds--modal-footer tlp-button:only-child{grid-column:2}\n"], dependencies: [{ kind: "component", type: i1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }] });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalComponent, selector: "tlp-modal", inputs: { open: "open", size: "size", hasScrollingContent: "hasScrollingContent" }, outputs: { overlaySelected: "overlaySelected", close: "close" }, ngImport: i0, template: "<ibm-modal\r\n [open]=\"open\"\r\n (close)=\"close.emit()\"\r\n (overlaySelected)=\"overlaySelected.emit()\"\r\n [size]=\"size\"\r\n [hasScrollingContent]=\"hasScrollingContent\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-modal>\r\n", styles: [":host ::ng-deep .cds--modal-container{border-radius:4px;box-shadow:4px 4px 4px #00000040;background-color:#f1f1f1;border:none}:host ::ng-deep .cds--modal-content{font-size:var(--cds-body-long-01-font-size, .875rem);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, .16px);position:relative;padding-top:var(--cds-spacing-03, .5rem);padding-right:var(--cds-spacing-05, 1rem);padding-left:var(--cds-spacing-05, 1rem);margin-bottom:var(--cds-spacing-09, 3rem);color:var(--cds-text-01, #161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto;padding-bottom:0;margin-bottom:3rem}:host ::ng-deep .cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,transparent,var(--cds-ui-01, #f4f4f4))}:host ::ng-deep .cds--modal-footer{height:4rem;padding:0 1rem 1rem;display:grid;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;gap:0px 16px}:host ::ng-deep .cds--modal-footer .cds--btn{height:3rem;padding-bottom:1rem;width:100%}:host ::ng-deep .cds--modal-footer tlp-button:only-child{grid-column:2}\n"], dependencies: [{ kind: "component", type: i1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }] });
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: "tlp-modal", template: "<ibm-modal\r\n [open]=\"open\"\r\n (close)=\"close.emit()\"\r\n (overlaySelected)=\"overlaySelected.emit()\"\r\n [size]=\"size\"\r\n [hasScrollingContent]=\"hasScrollingContent\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-modal>\r\n", styles: [":host ::ng-deep .cds--modal-container{border-radius:4px;box-shadow:4px 4px 4px #00000040;background-color:#f1f1f1;border:none}:host ::ng-deep .cds--modal-content{font-size:var(--cds-body-long-01-font-size, .875rem);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, .16px);position:relative;padding-top:var(--cds-spacing-03, .5rem);padding-right:var(--cds-spacing-05, 1rem);padding-left:var(--cds-spacing-05, 1rem);margin-bottom:var(--cds-spacing-09, 3rem);color:var(--cds-text-01, #161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}:host ::ng-deep .cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,transparent,var(--cds-ui-01, #f4f4f4))}:host ::ng-deep .cds--modal-footer{height:4rem;padding:0 1rem 1rem;display:grid;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;gap:0px 16px}:host ::ng-deep .cds--modal-footer .cds--btn{height:3rem;padding-bottom:1rem;width:100%}:host ::ng-deep .cds--modal-footer tlp-button:only-child{grid-column:2}\n"] }]
|
|
15
|
+
args: [{ selector: "tlp-modal", template: "<ibm-modal\r\n [open]=\"open\"\r\n (close)=\"close.emit()\"\r\n (overlaySelected)=\"overlaySelected.emit()\"\r\n [size]=\"size\"\r\n [hasScrollingContent]=\"hasScrollingContent\"\r\n>\r\n <ng-content></ng-content>\r\n</ibm-modal>\r\n", styles: [":host ::ng-deep .cds--modal-container{border-radius:4px;box-shadow:4px 4px 4px #00000040;background-color:#f1f1f1;border:none}:host ::ng-deep .cds--modal-content{font-size:var(--cds-body-long-01-font-size, .875rem);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, .16px);position:relative;padding-top:var(--cds-spacing-03, .5rem);padding-right:var(--cds-spacing-05, 1rem);padding-left:var(--cds-spacing-05, 1rem);margin-bottom:var(--cds-spacing-09, 3rem);color:var(--cds-text-01, #161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto;padding-bottom:0;margin-bottom:3rem}:host ::ng-deep .cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,transparent,var(--cds-ui-01, #f4f4f4))}:host ::ng-deep .cds--modal-footer{height:4rem;padding:0 1rem 1rem;display:grid;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;gap:0px 16px}:host ::ng-deep .cds--modal-footer .cds--btn{height:3rem;padding-bottom:1rem;width:100%}:host ::ng-deep .cds--modal-footer tlp-button:only-child{grid-column:2}\n"] }]
|
|
16
16
|
}], propDecorators: { open: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], overlaySelected: [{
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
2
|
import { Notification as IbmNotification } from "carbon-components-angular/notification";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "../icons/icon.directive";
|
|
4
|
+
import * as i1 from "carbon-components-angular/notification";
|
|
5
|
+
import * as i2 from "../icons/icon.directive";
|
|
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, 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: "directive", type: i1.NotificationTitle, selector: "[cdsNotificationTitle], [ibmNotificationTitle]" }, { kind: "directive", type: i1.NotificationSubtitle, selector: "[cdsNotificationSubtitle], [ibmNotificationSubtitle]" }, { kind: "directive", type: i2.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", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLElBQUksZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7QUFPekYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGVBQWU7SUFDL0MsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixPQUFPLEdBQVcsRUFBRSxDQUFDO0lBQ3JCLElBQUksR0FBNkMsTUFBTSxDQUFDO3dHQUh0RCxxQkFBcUI7NEZBQXJCLHFCQUFxQiw2SUNSbEMsdW1DQXVDQTs7NEZEL0JhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBS25CLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IE5vdGlmaWNhdGlvbiBhcyBJYm1Ob3RpZmljYXRpb24gfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci9ub3RpZmljYXRpb25cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC1ub3RpZmljYXRpb25cIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQgZXh0ZW5kcyBJYm1Ob3RpZmljYXRpb24ge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgdHlwZTogXCJpbmZvXCIgfCBcIndhcm5pbmdcIiB8IFwiZXJyb3JcIiB8IFwic3VjY2Vzc1wiID0gXCJpbmZvXCI7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNkcy0taW5saW5lLW5vdGlmaWNhdGlvbl9fZGV0YWlsc1wiPlxyXG4gIEBpZiAobm90aWZpY2F0aW9uT2JqLnR5cGUgPT09ICdlcnJvcicpIHtcclxuICA8c3ZnXHJcbiAgICB0bHBJY29uPVwiZXJyb3ItLWZpbGxlZFwiXHJcbiAgICBzaXplPVwiMjBcIlxyXG4gICAgY2xhc3M9XCJjZHMtLWlubGluZS1ub3RpZmljYXRpb25fX2ljb25cIlxyXG4gID48L3N2Zz5cclxuICB9IEBpZiAobm90aWZpY2F0aW9uT2JqLnR5cGUgPT09ICd3YXJuaW5nJykge1xyXG4gIDxzdmdcclxuICAgIHRscEljb249XCJ3YXJuaW5nLS1maWxsZWRcIlxyXG4gICAgc2l6ZT1cIjIwXCJcclxuICAgIGNsYXNzPVwiY2RzLS1pbmxpbmUtbm90aWZpY2F0aW9uX19pY29uXCJcclxuICA+PC9zdmc+XHJcbiAgfSBAaWYgKG5vdGlmaWNhdGlvbk9iai50eXBlID09PSAnc3VjY2VzcycpIHtcclxuICA8c3ZnXHJcbiAgICB0bHBJY29uPVwiY2hlY2ttYXJrLS1maWxsZWRcIlxyXG4gICAgc2l6ZT1cIjIwXCJcclxuICAgIGNsYXNzPVwiY2RzLS1pbmxpbmUtbm90aWZpY2F0aW9uX19pY29uXCJcclxuICA+PC9zdmc+XHJcbiAgfVxyXG4gIDxkaXYgY2xhc3M9XCJjZHMtLWlubGluZS1ub3RpZmljYXRpb25fX3RleHQtd3JhcHBlclwiPlxyXG4gICAgPHAgaWJtTm90aWZpY2F0aW9uVGl0bGUgW2lubmVySFRNTF09XCJub3RpZmljYXRpb25PYmoudGl0bGVcIj48L3A+XHJcbiAgICA8ZGl2IGlibU5vdGlmaWNhdGlvblN1YnRpdGxlPlxyXG4gICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cIm5vdGlmaWNhdGlvbk9iai5tZXNzYWdlXCI+PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG48YnV0dG9uXHJcbiAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXHJcbiAgdGl0bGU9XCJDZXJyYXJcIlxyXG4gIGNsYXNzPVwiY2RzLS1pbmxpbmUtbm90aWZpY2F0aW9uX19jbG9zZS1idXR0b25cIlxyXG4gIHR5cGU9XCJidXR0b25cIlxyXG4+XHJcbiAgPHN2Z1xyXG4gICAgdGxwSWNvbj1cImNsb3NlXCJcclxuICAgIHNpemU9XCIxNlwiXHJcbiAgICBjbGFzcz1cImNkcy0taW5saW5lLW5vdGlmaWNhdGlvbl9fY2xvc2UtaWNvblwiXHJcbiAgPjwvc3ZnPlxyXG48L2J1dHRvbj5cclxuIl19
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
2
|
import { Toast as IbmToast } from "carbon-components-angular/notification";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "../icons/icon.directive";
|
|
4
|
+
import * as i1 from "carbon-components-angular/notification";
|
|
5
|
+
import * as i2 from "../icons/icon.directive";
|
|
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, 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: "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: i2.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", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL25vdGlmaWNhdGlvbi90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvbm90aWZpY2F0aW9uL3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxLQUFLLElBQUksUUFBUSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7QUFPM0UsTUFBTSxPQUFPLGNBQWUsU0FBUSxRQUFRO0lBQ2pDLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsUUFBUSxHQUFXLEVBQUUsQ0FBQztJQUN0QixPQUFPLEdBQVcsRUFBRSxDQUFDO0lBQ3JCLElBQUksR0FBNkMsTUFBTSxDQUFDO3dHQUp0RCxjQUFjOzRGQUFkLGNBQWMsNEpDUjNCLHFpQ0FzQ0E7OzRGRDlCYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFdBQVc7OEJBS1osS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBUb2FzdCBhcyBJYm1Ub2FzdCB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL25vdGlmaWNhdGlvblwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXRvYXN0XCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi90b2FzdC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb2FzdENvbXBvbmVudCBleHRlbmRzIElibVRvYXN0IHtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBjYXB0aW9uOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHR5cGU6IFwiaW5mb1wiIHwgXCJ3YXJuaW5nXCIgfCBcImVycm9yXCIgfCBcInN1Y2Nlc3NcIiA9IFwiaW5mb1wiO1xyXG59XHJcbiIsIkBpZiAobm90aWZpY2F0aW9uT2JqLnR5cGUgPT09ICdlcnJvcicpIHtcclxuPHN2Z1xyXG4gIHRscEljb249XCJlcnJvci0tZmlsbGVkXCJcclxuICBzaXplPVwiMjBcIlxyXG4gIGNsYXNzPVwiY2RzLS10b2FzdC1ub3RpZmljYXRpb25fX2ljb25cIlxyXG4+PC9zdmc+XHJcbn0gQGlmIChub3RpZmljYXRpb25PYmoudHlwZSA9PT0gJ3dhcm5pbmcnKSB7XHJcbjxzdmdcclxuICB0bHBJY29uPVwid2FybmluZy0tZmlsbGVkXCJcclxuICBzaXplPVwiMjBcIlxyXG4gIGNsYXNzPVwiY2RzLS10b2FzdC1ub3RpZmljYXRpb25fX2ljb25cIlxyXG4+PC9zdmc+XHJcbn0gQGlmIChub3RpZmljYXRpb25PYmoudHlwZSA9PT0gJ3N1Y2Nlc3MnKSB7XHJcbjxzdmdcclxuICB0bHBJY29uPVwiY2hlY2ttYXJrLS1maWxsZWRcIlxyXG4gIHNpemU9XCIyMFwiXHJcbiAgY2xhc3M9XCJjZHMtLXRvYXN0LW5vdGlmaWNhdGlvbl9faWNvblwiXHJcbj48L3N2Zz5cclxufVxyXG48ZGl2IGNsYXNzPVwiY2RzLS10b2FzdC1ub3RpZmljYXRpb25fX2RldGFpbHNcIj5cclxuICA8aDMgaWJtVG9hc3RUaXRsZSBbaW5uZXJIVE1MXT1cIm5vdGlmaWNhdGlvbk9iai50aXRsZVwiPjwvaDM+XHJcbiAgPGRpdiBpYm1Ub2FzdFN1YnRpdGxlPlxyXG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJub3RpZmljYXRpb25PYmouc3VidGl0bGVcIj48L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPHAgaWJtVG9hc3RDYXB0aW9uIFtpbm5lckhUTUxdPVwibm90aWZpY2F0aW9uT2JqLmNhcHRpb25cIj48L3A+XHJcbjwvZGl2PlxyXG48YnV0dG9uXHJcbiAgY2xhc3M9XCJjZHMtLXRvYXN0LW5vdGlmaWNhdGlvbl9fY2xvc2UtYnV0dG9uXCJcclxuICB0eXBlPVwiYnV0dG9uXCJcclxuICB0aXRsZT1cIkNlcnJhclwiXHJcbiAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXHJcbj5cclxuICA8c3ZnXHJcbiAgICB0bHBJY29uPVwiY2xvc2VcIlxyXG4gICAgc2l6ZT1cIjE2XCJcclxuICAgIGNsYXNzPVwiY2RzLS10b2FzdC1ub3RpZmljYXRpb25fX2Nsb3NlLWljb25cIlxyXG4gID48L3N2Zz5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -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 .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, 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: "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", 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: [{
|
|
@@ -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: "
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 @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: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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
|
|
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 @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
24
|
}], propDecorators: { stepSelected: [{
|
|
25
25
|
type: Output
|
|
26
26
|
}], steps: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
30
30
|
}], spacing: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFrQnZFLGtMQUFrTDtBQU1sTCxNQUFNLE9BQU8sMEJBQTBCO0lBQzNCLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBaUMsQ0FBQztJQUVsRSxLQUFLLEdBQWdCLEVBQUUsQ0FBQztJQUN4QixXQUFXLEdBQThCLFlBQVksQ0FBQztJQUN0RCxPQUFPLEdBQXdCLFNBQVMsQ0FBQztJQUVsRCxvREFBb0Q7SUFDcEQsbUJBQW1CLEdBQTBCO1FBQzNDLFFBQVEsRUFBRSw4QkFBOEI7UUFDeEMsVUFBVSxFQUFFLGdDQUFnQztRQUM1QyxLQUFLLEVBQUUsZ0NBQWdDO1FBQ3ZDLFFBQVEsRUFBRSw2REFBNkQ7S0FDeEUsQ0FBQzt3R0FiUywwQkFBMEI7NEZBQTFCLDBCQUEwQixxTEN4QnZDLDZ1REFvREE7OzRGRDVCYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCOzhCQUt4QixZQUFZO3NCQUFyQixNQUFNO2dCQUVFLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgRGlhbG9nQ29uZmlnIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvZGlhbG9nXCI7XHJcblxyXG50eXBlIFN0YXRlID0gXCJjb21wbGV0ZVwiIHwgXCJpbmNvbXBsZXRlXCIgfCBcImVycm9yXCIgfCBcImRpc2FibGVkXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFN0ZXAge1xyXG4gIC8qKlxyXG4gICAqIFRoZSBsYWJlbCBvZiB0aGUgYHN0ZXBgXHJcbiAgICovXHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIHN0YXRlOiBTdGF0ZTtcclxuICAvKipcclxuICAgKiBEZWZpbmVzIHRoZSB0b29sdGlwXHJcbiAgICovXHJcbiAgdG9vbHRpcD86IERpYWxvZ0NvbmZpZztcclxuICBvcHRpb25hbFRleHQ/OiBzdHJpbmc7XHJcbn1cclxuXHJcbi8vIEJhc2VkIG9uIGh0dHBzOi8vZ2l0aHViLmNvbS9jYXJib24tZGVzaWduLXN5c3RlbS9jYXJib24tY29tcG9uZW50cy1hbmd1bGFyL2Jsb2IvMTBlYjMzZjE3Mzc3MmM0NTk0NzRlZDI4YzliOTVjMjY0NmE1ZWNjMy9zcmMvcHJvZ3Jlc3MtaW5kaWNhdG9yL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQudHNcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXByb2dyZXNzLWluZGljYXRvclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2dyZXNzSW5kaWNhdG9yQ29tcG9uZW50IHtcclxuICBAT3V0cHV0KCkgc3RlcFNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx7IHN0ZXA6IFN0ZXA7IGluZGV4OiBudW1iZXIgfT4oKTtcclxuXHJcbiAgQElucHV0KCkgc3RlcHM6IEFycmF5PFN0ZXA+ID0gW107XHJcbiAgQElucHV0KCkgb3JpZW50YXRpb246IFwiaG9yaXpvbnRhbFwiIHwgXCJ2ZXJ0aWNhbFwiID0gXCJob3Jpem9udGFsXCI7XHJcbiAgQElucHV0KCkgc3BhY2luZzogXCJkZWZhdWx0XCIgfCBcImVxdWFsXCIgPSBcImRlZmF1bHRcIjtcclxuXHJcbiAgLy8gY2xhc3MgYWZmZWN0cyB0aGUgcHJvZ3Jlc3MgbGluZSBhbmQgZGlzYWJsZWQtbmVzc1xyXG4gIHN0ZXBTdGF0ZVRvQ3NzQ2xhc3M6IFJlY29yZDxTdGF0ZSwgc3RyaW5nPiA9IHtcclxuICAgIGNvbXBsZXRlOiBcImNkcy0tcHJvZ3Jlc3Mtc3RlcC0tY29tcGxldGVcIixcclxuICAgIGluY29tcGxldGU6IFwiY2RzLS1wcm9ncmVzcy1zdGVwLS1pbmNvbXBsZXRlXCIsXHJcbiAgICBlcnJvcjogXCJjZHMtLXByb2dyZXNzLXN0ZXAtLWluY29tcGxldGVcIixcclxuICAgIGRpc2FibGVkOiBcImNkcy0tcHJvZ3Jlc3Mtc3RlcC0taW5jb21wbGV0ZSBjZHMtLXByb2dyZXNzLXN0ZXAtLWRpc2FibGVkXCIsXHJcbiAgfTtcclxufVxyXG4iLCI8dWxcclxuICBkYXRhLXByb2dyZXNzXHJcbiAgZGF0YS1wcm9ncmVzcy1jdXJyZW50XHJcbiAgY2xhc3M9XCJjZHMtLXByb2dyZXNzXCJcclxuICBbbmdDbGFzc109XCJ7XHJcbiAgICAnY2RzLS1wcm9ncmVzcy0tdmVydGljYWwnOiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyxcclxuICAgICdjZHMtLXByb2dyZXNzLS1zcGFjZS1lcXVhbCc6XHJcbiAgICAgIHNwYWNpbmcgPT09ICdlcXVhbCcgJiYgb3JpZW50YXRpb24gIT09ICd2ZXJ0aWNhbCdcclxuICB9XCJcclxuPlxyXG4gIEBmb3IgKHN0ZXAgb2Ygc3RlcHM7IHRyYWNrIHN0ZXA7IGxldCBpID0gJGluZGV4KSB7XHJcbiAgPGxpIGNsYXNzPVwiY2RzLS1wcm9ncmVzcy1zdGVwIHt7IHN0ZXBTdGF0ZVRvQ3NzQ2xhc3Nbc3RlcC5zdGF0ZV0gfX1cIj5cclxuICAgIDxidXR0b25cclxuICAgICAgY2xhc3M9XCJjZHMtLXByb2dyZXNzLXN0ZXAtYnV0dG9uIGNkcy0tcHJvZ3Jlc3Mtc3RlcC1idXR0b24tLXVuY2xpY2thYmxlXCJcclxuICAgICAgcm9sZT1cImJ1dHRvblwiXHJcbiAgICAgIHRhYmluZGV4PVwiLTFcIlxyXG4gICAgPlxyXG4gICAgICBAaWYgKHN0ZXAuc3RhdGUgPT09ICdjb21wbGV0ZScpIHtcclxuICAgICAgPHN2ZyBpYm1JY29uPVwiY2hlY2ttYXJrLS1vdXRsaW5lXCIgc2l6ZT1cIjE2XCI+PC9zdmc+XHJcbiAgICAgIH0gQGlmIChzdGVwLnN0YXRlID09PSAnaW5jb21wbGV0ZScgfHwgc3RlcC5zdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xyXG4gICAgICA8c3ZnIGlibUljb249XCJjaXJjbGUtZGFzaFwiIHNpemU9XCIxNlwiPjwvc3ZnPlxyXG4gICAgICB9IEBpZiAoc3RlcC5zdGF0ZSA9PT0gJ2Vycm9yJykge1xyXG4gICAgICA8c3ZnIGlibUljb249XCJ3YXJuaW5nXCIgc2l6ZT1cIjE2XCIgY2xhc3M9XCJjZHMtLXByb2dyZXNzX193YXJuaW5nXCI+PC9zdmc+XHJcbiAgICAgIH0gQGlmIChzdGVwLnRvb2x0aXApIHtcclxuICAgICAgPHBcclxuICAgICAgICBjbGFzcz1cImNkcy0tcHJvZ3Jlc3MtbGFiZWxcIlxyXG4gICAgICAgIFt0aXRsZV09XCJzdGVwLnRvb2x0aXAuY29udGVudFwiXHJcbiAgICAgICAgKGNsaWNrKT1cInN0ZXBTZWxlY3RlZC5lbWl0KHsgc3RlcDogc3RlcCwgaW5kZXg6IGkgfSlcIlxyXG4gICAgICA+XHJcbiAgICAgICAge3sgc3RlcC50ZXh0IH19XHJcbiAgICAgIDwvcD5cclxuICAgICAgfSBAaWYgKCFzdGVwLnRvb2x0aXAgfHwgc3RlcC5vcHRpb25hbFRleHQpIHtcclxuICAgICAgPGRpdiBjbGFzcz1cImNkcy0tcHJvZ3Jlc3MtdGV4dFwiPlxyXG4gICAgICAgIEBpZiAoIXN0ZXAudG9vbHRpcCkge1xyXG4gICAgICAgIDxwXHJcbiAgICAgICAgICBjbGFzcz1cImNkcy0tcHJvZ3Jlc3MtbGFiZWxcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cInN0ZXBTZWxlY3RlZC5lbWl0KHsgc3RlcDogc3RlcCwgaW5kZXg6IGkgfSlcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7IHN0ZXAudGV4dCB9fVxyXG4gICAgICAgIDwvcD5cclxuICAgICAgICB9IEBpZiAoc3RlcC5vcHRpb25hbFRleHQpIHtcclxuICAgICAgICA8cCBjbGFzcz1cImNkcy0tcHJvZ3Jlc3Mtb3B0aW9uYWxcIj5cclxuICAgICAgICAgIHt7IHN0ZXAub3B0aW9uYWxUZXh0IH19XHJcbiAgICAgICAgPC9wPlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgICAgPHNwYW4gY2xhc3M9XCJjZHMtLXByb2dyZXNzLWxpbmVcIj48L3NwYW4+XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2xpPlxyXG4gIH1cclxuPC91bD5cclxuIl19
|
|
@@ -7,13 +7,13 @@ import * as i2 from "../icons/icon.directive";
|
|
|
7
7
|
export class SearchComponent extends IbmSearch {
|
|
8
8
|
size = "md";
|
|
9
9
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SearchComponent, selector: "tlp-search", inputs: { size: "size" }, providers: [
|
|
11
11
|
{
|
|
12
12
|
provide: NG_VALUE_ACCESSOR,
|
|
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--
|
|
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--md': size === 'md',\r\n 'cds--search--lg': 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 @if (tableSearch || !toolbar) {\r\n <svg tlpIcon=\"search\" class=\"cds--search-magnifier-icon\" size=\"16\"></svg>\r\n } @if (tableSearch || !toolbar) {\r\n <button\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 }\r\n</div>\r\n", styles: [":host ::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}:host ::ng-deep .cds--search-input:focus{border-color:#287eff}:host ::ng-deep .cds--search-input:disabled{border:1px solid #afafaf;background-color:#f4f4f4}:host ::ng-deep input{--placeHolder-color: #afafaf}:host ::ng-deep input::placeholder{color:var(--placeHolder-color)}:host ::ng-deep input:disabled::placeholder{color:var(--placeHolder-color);opacity:1}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}:host ::ng-deep .cds--search-close:before{display:none}:host ::ng-deep .cds--search-close:hover{background-color:unset;border:none}:host ::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: 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,8 +23,8 @@ 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--
|
|
26
|
+
], template: "<div\r\n class=\"cds--search\"\r\n [ngClass]=\"{\r\n 'cds--search--sm': size === 'sm',\r\n 'cds--search--md': size === 'md',\r\n 'cds--search--lg': 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 @if (tableSearch || !toolbar) {\r\n <svg tlpIcon=\"search\" class=\"cds--search-magnifier-icon\" size=\"16\"></svg>\r\n } @if (tableSearch || !toolbar) {\r\n <button\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 }\r\n</div>\r\n", styles: [":host ::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}:host ::ng-deep .cds--search-input:focus{border-color:#287eff}:host ::ng-deep .cds--search-input:disabled{border:1px solid #afafaf;background-color:#f4f4f4}:host ::ng-deep input{--placeHolder-color: #afafaf}:host ::ng-deep input::placeholder{color:var(--placeHolder-color)}:host ::ng-deep input:disabled::placeholder{color:var(--placeHolder-color);opacity:1}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}:host ::ng-deep .cds--search-close:before{display:none}:host ::ng-deep .cds--search-close:hover{background-color:unset;border:none}:host ::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"] }]
|
|
27
27
|
}], propDecorators: { size: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxNQUFNLElBQUksU0FBUyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7QUFjdkUsTUFBTSxPQUFPLGVBQWdCLFNBQVEsU0FBUztJQUNuQyxJQUFJLEdBQXVCLElBQUksQ0FBQzt3R0FEOUIsZUFBZTs0RkFBZixlQUFlLCtEQVJmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLGVBQWU7YUFDN0I7U0FDRixpRENkSCxvNkNBNkNBOzs0RkQ3QmEsZUFBZTtrQkFaM0IsU0FBUzsrQkFDRSxZQUFZLGFBR1g7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxpQkFBaUI7eUJBQzdCO3FCQUNGOzhCQUdRLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQgeyBTZWFyY2ggYXMgSWJtU2VhcmNoIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvc2VhcmNoXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2VhcmNoXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zZWFyY2guY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2VhcmNoLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBTZWFyY2hDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBJYm1TZWFyY2gge1xyXG4gIEBJbnB1dCgpIHNpemU6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiA9IFwibWRcIjtcclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJjZHMtLXNlYXJjaFwiXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nkcy0tc2VhcmNoLS1zbSc6IHNpemUgPT09ICdzbScsXHJcbiAgICAnY2RzLS1zZWFyY2gtLW1kJzogc2l6ZSA9PT0gJ21kJyxcclxuICAgICdjZHMtLXNlYXJjaC0tbGcnOiBzaXplID09PSAnbGcnLFxyXG4gICAgJ2Nkcy0tc2VhcmNoLS1leHBhbmRhYmxlJzogZXhwYW5kYWJsZSAmJiAhdGFibGVTZWFyY2gsXHJcbiAgICAnY2RzLS1zZWFyY2gtLWV4cGFuZGVkJzogZXhwYW5kYWJsZSAmJiAhdGFibGVTZWFyY2ggJiYgYWN0aXZlXHJcbiAgfVwiXHJcbiAgcm9sZT1cInNlYXJjaFwiXHJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxyXG4gIHRhYmluZGV4PVwiMFwiXHJcbiAgKGNsaWNrKT1cIm9wZW5TZWFyY2goKVwiXHJcbj5cclxuICA8bGFiZWwgY2xhc3M9XCJjZHMtLWxhYmVsXCIgW2Zvcl09XCJpZFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuXHJcbiAgPGlucHV0XHJcbiAgICAjaW5wdXRcclxuICAgIGNsYXNzPVwiY2RzLS1zZWFyY2gtaW5wdXRcIlxyXG4gICAgW3R5cGVdPVwidGFibGVTZWFyY2ggfHwgIXRvb2xiYXIgPyAndGV4dCcgOiAnc2VhcmNoJ1wiXHJcbiAgICBbaWRdPVwiaWRcIlxyXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgIFthdXRvY29tcGxldGVdPVwiYXV0b2NvbXBsZXRlXCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcclxuICAgIChpbnB1dCk9XCJvblNlYXJjaCgkYW55KCRldmVudC50YXJnZXQpLnZhbHVlKVwiXHJcbiAgICAoa2V5dXAuZW50ZXIpPVwib25FbnRlcigpXCJcclxuICAvPlxyXG4gIEBpZiAodGFibGVTZWFyY2ggfHwgIXRvb2xiYXIpIHtcclxuICA8c3ZnIHRscEljb249XCJzZWFyY2hcIiBjbGFzcz1cImNkcy0tc2VhcmNoLW1hZ25pZmllci1pY29uXCIgc2l6ZT1cIjE2XCI+PC9zdmc+XHJcbiAgfSBAaWYgKHRhYmxlU2VhcmNoIHx8ICF0b29sYmFyKSB7XHJcbiAgPGJ1dHRvblxyXG4gICAgY2xhc3M9XCJjZHMtLXNlYXJjaC1jbG9zZVwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICdjZHMtLXNlYXJjaC1jbG9zZS0taGlkZGVuJzogIXZhbHVlIHx8IHZhbHVlLmxlbmd0aCA9PT0gMFxyXG4gICAgfVwiXHJcbiAgICBbdGl0bGVdPVwiY2xlYXJCdXR0b25UaXRsZVwiXHJcbiAgICAoY2xpY2spPVwiY2xlYXJTZWFyY2goKVwiXHJcbiAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjZHMtLXZpc3VhbGx5LWhpZGRlblwiPnt7IGNsZWFyQnV0dG9uVGl0bGUgfX08L3NwYW4+XHJcbiAgICA8c3ZnIHRscEljb249XCJjbG9zZVwiIHNpemU9XCIxNlwiPjwvc3ZnPlxyXG4gIDwvYnV0dG9uPlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -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: "
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePanelComponent, selector: "tlp-side-panel", inputs: { fixed: "fixed", expanded: "expanded", side: "side", width: "width" }, ngImport: i0, template: "@if (side === 'right' && expanded && !fixed) {\r\n<div [@inOutAnimationRight] class=\"wrapper\" [style]=\"{ '--width': width }\">\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n} @if (side === 'left' && expanded && !fixed) {\r\n<div\r\n [@inOutAnimationLeft]\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} @if (fixed) {\r\n<div class=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n}\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: [":host ::ng-deep .cds--header-panel{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}:host ::ng-deep .cds--header-panel--expanded{box-shadow:-4px 0 4px #00000040}:host ::ng-deep .cds--panel--expanded{box-shadow:0 8px 16px #00000040;transform:translateZ(0)}:host ::ng-deep .wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}:host ::ng-deep .wrapper ibm-panel{pointer-events:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--overlay{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--header-panel{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--expanded{box-shadow:4px 0 4px #00000040}:host ::ng-deep .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.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: "
|
|
58
|
+
], template: "@if (side === 'right' && expanded && !fixed) {\r\n<div [@inOutAnimationRight] class=\"wrapper\" [style]=\"{ '--width': width }\">\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n} @if (side === 'left' && expanded && !fixed) {\r\n<div\r\n [@inOutAnimationLeft]\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} @if (fixed) {\r\n<div class=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n}\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: [":host ::ng-deep .cds--header-panel{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}:host ::ng-deep .cds--header-panel--expanded{box-shadow:-4px 0 4px #00000040}:host ::ng-deep .cds--panel--expanded{box-shadow:0 8px 16px #00000040;transform:translateZ(0)}:host ::ng-deep .wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}:host ::ng-deep .wrapper ibm-panel{pointer-events:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--overlay{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--header-panel{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--expanded{box-shadow:4px 0 4px #00000040}:host ::ng-deep .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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBNkJqRCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFDO0lBRWpDLEtBQUssR0FBRyxPQUFPLENBQUM7d0dBTGQsa0JBQWtCOzRGQUFsQixrQkFBa0Isc0lDOUIvQix1eEJBdUJBLCtuQ0RoQmM7WUFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7Z0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztpQkFDbEUsQ0FBQzthQUNILENBQUM7WUFDRixPQUFPLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO29CQUN6QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQztpQkFDbkUsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsa0JBQWtCO2tCQTNCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZDt3QkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7NEJBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7NkJBQ2pFLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0NBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQzs2QkFDbEUsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTs0QkFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUM7Z0NBQ3pDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzs2QkFDakUsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyaWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZS1wYW5lbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXCJpbk91dEFuaW1hdGlvblJpZ2h0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoXCIwLjJzIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLWluXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSksXHJcbiAgICAgIF0pLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKFwiaW5PdXRBbmltYXRpb25MZWZ0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSksXHJcbiAgICAgICAgYW5pbWF0ZShcIjAuMnMgZWFzZS1pblwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKC0xMDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2lkZTogXCJyaWdodFwiIHwgXCJsZWZ0XCIgPSBcInJpZ2h0XCI7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoID0gXCIzMDBweFwiO1xyXG59XHJcbiIsIkBpZiAoc2lkZSA9PT0gJ3JpZ2h0JyAmJiBleHBhbmRlZCAmJiAhZml4ZWQpIHtcclxuPGRpdiBbQGluT3V0QW5pbWF0aW9uUmlnaHRdIGNsYXNzPVwid3JhcHBlclwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxpYm0tcGFuZWwgW2V4cGFuZGVkXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9pYm0tcGFuZWw+XHJcbjwvZGl2PlxyXG59IEBpZiAoc2lkZSA9PT0gJ2xlZnQnICYmIGV4cGFuZGVkICYmICFmaXhlZCkge1xyXG48ZGl2XHJcbiAgW0Bpbk91dEFuaW1hdGlvbkxlZnRdXHJcbiAgY2xhc3M9XCJ3cmFwcGVyIHdyYXBwZXItLWxlZnRcIlxyXG4gIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiXHJcbj5cclxuICA8aWJtLXBhbmVsIFtleHBhbmRlZF09XCJ0cnVlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvaWJtLXBhbmVsPlxyXG48L2Rpdj5cclxufSBAaWYgKGZpeGVkKSB7XHJcbjxkaXYgY2xhc3M9XCJmaXhlZFwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG59XHJcblxyXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class SideNavItemComponent extends SideNavItem {
|
|
6
6
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideNavItemComponent, selector: "tlp-sidenav-item", usesInheritance: true, ngImport: i0, template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n [ngClass]=\"{\r\n 'cds--side-nav__item': !isSubMenu,\r\n 'cds--side-nav__menu-item': isSubMenu\r\n }\"\r\n [attr.role]=\"isSubMenu ? 'listitem' : null\"\r\n>\r\n <a\r\n class=\"cds--side-nav__link\"\r\n [href]=\"href\"\r\n [attr.role]=\"isSubMenu ? 'menuitem' : null\"\r\n [attr.aria-current]=\"active ? 'page' : null\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"navigate($event)\"\r\n >\r\n @if (!isSubMenu) {\r\n <div class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n }\r\n <span class=\"cds--side-nav__link-text\">\r\n <ng-content></ng-content>\r\n </span>\r\n </a>\r\n</li>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: "tlp-sidenav-item", template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n [ngClass]=\"{\r\n 'cds--side-nav__item': !isSubMenu,\r\n 'cds--side-nav__menu-item': isSubMenu\r\n }\"\r\n [attr.role]=\"isSubMenu ? 'listitem' : null\"\r\n>\r\n <a\r\n class=\"cds--side-nav__link\"\r\n [href]=\"href\"\r\n [attr.role]=\"isSubMenu ? 'menuitem' : null\"\r\n [attr.aria-current]=\"active ? 'page' : null\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"navigate($event)\"\r\n >\r\n
|
|
11
|
+
args: [{ selector: "tlp-sidenav-item", template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n [ngClass]=\"{\r\n 'cds--side-nav__item': !isSubMenu,\r\n 'cds--side-nav__menu-item': isSubMenu\r\n }\"\r\n [attr.role]=\"isSubMenu ? 'listitem' : null\"\r\n>\r\n <a\r\n class=\"cds--side-nav__link\"\r\n [href]=\"href\"\r\n [attr.role]=\"isSubMenu ? 'menuitem' : null\"\r\n [attr.aria-current]=\"active ? 'page' : null\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"navigate($event)\"\r\n >\r\n @if (!isSubMenu) {\r\n <div class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n }\r\n <span class=\"cds--side-nav__link-text\">\r\n <ng-content></ng-content>\r\n </span>\r\n </a>\r\n</li>\r\n" }]
|
|
12
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQU1qRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsV0FBVzt3R0FBeEMsb0JBQW9COzRGQUFwQixvQkFBb0IsK0VDUGpDLGd2QkF5QkE7OzRGRGxCYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU2lkZU5hdkl0ZW0gfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXYtaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZW5hdi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2SXRlbUNvbXBvbmVudCBleHRlbmRzIFNpZGVOYXZJdGVtIHt9XHJcbiIsIjwhLS0gLy9OT1NPTkFSIC0tPjwhLS0gZGlzcGxheTppbmxpbmUgLS0+PGxpXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX2l0ZW0nOiAhaXNTdWJNZW51LFxyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX21lbnUtaXRlbSc6IGlzU3ViTWVudVxyXG4gIH1cIlxyXG4gIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ2xpc3RpdGVtJyA6IG51bGxcIlxyXG4+XHJcbiAgPGFcclxuICAgIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGlua1wiXHJcbiAgICBbaHJlZl09XCJocmVmXCJcclxuICAgIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ21lbnVpdGVtJyA6IG51bGxcIlxyXG4gICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cImFjdGl2ZSA/ICdwYWdlJyA6IG51bGxcIlxyXG4gICAgW2F0dHIudGl0bGVdPVwidGl0bGUgPyB0aXRsZSA6IG51bGxcIlxyXG4gICAgKGNsaWNrKT1cIm5hdmlnYXRlKCRldmVudClcIlxyXG4gID5cclxuICAgIEBpZiAoIWlzU3ViTWVudSkge1xyXG4gICAgPGRpdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2ljb25cIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3ZnLCBbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGluay10ZXh0XCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvc3Bhbj5cclxuICA8L2E+XHJcbjwvbGk+XHJcbiJdfQ==
|