oasys-lib 1.40.0 → 1.41.0
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/esm2020/lib/components/alert/alert.component.mjs +3 -3
- package/esm2020/lib/components/alert/alert.module.mjs +10 -6
- package/fesm2015/oasys-lib.mjs +70 -67
- package/fesm2015/oasys-lib.mjs.map +1 -1
- package/fesm2020/oasys-lib.mjs +70 -67
- package/fesm2020/oasys-lib.mjs.map +1 -1
- package/lib/components/alert/alert.module.d.ts +2 -1
- package/lib/components/alert/alert.module.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -35,10 +35,10 @@ export class OasysAlertComponent {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
OasysAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, deps: [{ token: i1.BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"
|
|
38
|
+
OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack [stack_wrap]=\"isVertical\" stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i4.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "component", type: i5.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i6.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
|
-
args: [{ selector: 'ui-alert', template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"
|
|
41
|
+
args: [{ selector: 'ui-alert', template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack [stack_wrap]=\"isVertical\" stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}\n"] }]
|
|
42
42
|
}], ctorParameters: function () { return [{ type: i1.BreakpointService }]; }, propDecorators: { direction: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}], tone: [{
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
54
54
|
type: ContentChild,
|
|
55
55
|
args: [OasysAlertConfirmDirective]
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxVQUFVLEdBRVgsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQW1COUIsWUFBbUIsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFqQmhELGNBQVMsR0FBMEMsU0FBUyxDQUFDO1FBRzdELFNBQUksR0FBZ0IsU0FBUyxDQUFDO1FBRzlCLFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUd0RCxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFRSixDQUFDO0lBRTNELElBQUksVUFBVTtRQUNaLFFBQVEsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN0QixLQUFLLFVBQVU7Z0JBQ2IsT0FBTyxJQUFJLENBQUM7WUFDZCxLQUFLLFlBQVk7Z0JBQ2YsT0FBTyxLQUFLLENBQUM7WUFDZjtnQkFDRSxPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7U0FDekU7SUFDSCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2dIQXRDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwrTEFhaEIseUJBQXlCLGdGQUd6QiwwQkFBMEIsZ0RDckMxQywwdkRBNkNBOzJGRHhCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsVUFBVTt3R0FNYixTQUFTO3NCQURmLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLE1BQU07c0JBRFosTUFBTTtnQkFJQSxPQUFPO3NCQURiLE1BQU07Z0JBSUEsWUFBWTtzQkFEbEIsWUFBWTt1QkFBQyx5QkFBeUI7Z0JBSWhDLGFBQWE7c0JBRG5CLFlBQVk7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBCcmVha3BvaW50LFxuICBCcmVha3BvaW50U2VydmljZSxcbn0gZnJvbSAnLi4vLi4vc2VydmljZXMvYnJlYWtwb2ludC5zZXJ2aWNlJztcbmltcG9ydCB7IE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUgfSBmcm9tICcuL2FsZXJ0LWNhbmNlbC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgT2FzeXNBbGVydENvbmZpcm1EaXJlY3RpdmUgfSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0uZGlyZWN0aXZlJztcblxuZXhwb3J0IHR5cGUgVUlBbGVydFRvbmUgPSAncG9zaXRpdmUnIHwgJ25ldXRyYWwnIHwgJ25lZ2F0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0FsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIGRpcmVjdGlvbjogJ2R5bmFtaWMnIHwgJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdkeW5hbWljJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgdG9uZTogVUlBbGVydFRvbmUgPSAnbmV1dHJhbCc7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBjYW5jZWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGNvbmZpcm06IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAQ29udGVudENoaWxkKE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUpXG4gIHB1YmxpYyBjYW5jZWxCdXR0b246IE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChPYXN5c0FsZXJ0Q29uZmlybURpcmVjdGl2ZSlcbiAgcHVibGljIGNvbmZpcm1CdXR0b246IE9hc3lzQWxlcnRDb25maXJtRGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBicmVha3BvaW50U2VydmljZTogQnJlYWtwb2ludFNlcnZpY2UpIHt9XG5cbiAgZ2V0IGlzVmVydGljYWwoKTogYm9vbGVhbiB7XG4gICAgc3dpdGNoICh0aGlzLmRpcmVjdGlvbikge1xuICAgICAgY2FzZSAndmVydGljYWwnOlxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIGNhc2UgJ2hvcml6b250YWwnOlxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gdGhpcy5icmVha3BvaW50U2VydmljZS5jdXJyZW50U2l6ZS52YWx1ZSA9PT0gQnJlYWtwb2ludC5NT0JJTEU7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGNhbmNlbGxlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgY29uZmlybWVkKCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlybS5lbWl0KCk7XG4gIH1cbn1cbiIsIjx1aS1ib3ggY2xhc3M9XCJ1aS1hbGVydFwiIGJveF9zcGFjZT1cIm5lYXJcIiBib3hfYWxpZ25feD1cImNlbnRlclwiIFtuZ0NsYXNzXT1cInRvbmVcIj5cbiAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19nYXA9XCJuZWFyXCI+XG4gICAgPGRpdiBjbGFzcz1cImJhZGdlXCIgW25nQ2xhc3NdPVwidG9uZVwiIFtuZ1N3aXRjaF09XCJ0b25lXCI+XG4gICAgICA8dWktaWNvbiAqbmdTd2l0Y2hDYXNlPVwiJ25lZ2F0aXZlJ1wiIGljb25fbmFtZT1cImVycm9yXCI+PC91aS1pY29uPlxuICAgICAgPHVpLWljb24gKm5nU3dpdGNoQ2FzZT1cIidwb3NpdGl2ZSdcIiBpY29uX25hbWU9XCJ0aWNrXCI+PC91aS1pY29uPlxuICAgICAgPHVpLWljb24gKm5nU3dpdGNoRGVmYXVsdCBpY29uX25hbWU9XCJpbmZvXCI+PC91aS1pY29uPlxuICAgIDwvZGl2PlxuXG4gICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cIm5lYXJcIiBbc3RhY2tfZGlyZWN0aW9uXT1cImlzVmVydGljYWwgPyAneScgOiAneCdcIj5cbiAgICAgIDx1aS1zdGFjayBjbGFzcz1cImNvbnRlbnRcIiBzdGFja19kaXJlY3Rpb249XCJ5XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWJvZHktLWVtcGhhc2lzXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidWktYWxlcnQtdGl0bGVcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInVpLWFsZXJ0LWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC91aS1zdGFjaz5cblxuICAgICAgPHVpLWJveFxuICAgICAgICBib3hfc3BhY2U9XCJub25lXCJcbiAgICAgICAgYm94X2JhY2tncm91bmQ9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgIFtib3hfZmlsbF9tb2RlXT1cImlzVmVydGljYWwgPyAnZmlsbCcgOiAnZml0J1wiXG4gICAgICA+XG4gICAgICAgIDx1aS1zdGFjayBbc3RhY2tfd3JhcF09XCJpc1ZlcnRpY2FsXCIgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2dhcD1cIm5lYXJcIiBzdGFja19kaXN0cmlidXRlPVwiZW5kXCI+XG4gICAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJjYW5jZWxCdXR0b24gJiYgY2FuY2VsQnV0dG9uLnRleHRcIlxuICAgICAgICAgICAgYnV0dG9uX3R5cGU9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICBbYnV0dG9uX3RleHRfbm93cmFwXT1cIiFpc1ZlcnRpY2FsXCJcbiAgICAgICAgICAgIChjbGlja2VkKT1cImNhbmNlbGxlZCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ1aS1hbGVydC1jYW5jZWxcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC91aS1idXR0b24+XG4gICAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJjb25maXJtQnV0dG9uICYmIGNvbmZpcm1CdXR0b24udGV4dFwiXG4gICAgICAgICAgICBidXR0b25fdHlwZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBbYnV0dG9uX3RleHRfbm93cmFwXT1cIiFpc1ZlcnRpY2FsXCJcbiAgICAgICAgICAgIChjbGlja2VkKT1cImNvbmZpcm1lZCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ1aS1hbGVydC1jb25maXJtXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvdWktYnV0dG9uPlxuICAgICAgICA8L3VpLXN0YWNrPlxuICAgICAgPC91aS1ib3g+XG4gICAgPC91aS1zdGFjaz5cbiAgPC91aS1zdGFjaz5cbjwvdWktYm94PlxuIl19
|
|
@@ -9,6 +9,7 @@ import { OasysAlertContentDirective } from './alert-content.directive';
|
|
|
9
9
|
import { OasysAlertTitleDirective } from './alert-title.directive';
|
|
10
10
|
import { OasysAlertComponent } from './alert.component';
|
|
11
11
|
import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
12
|
+
import { OasysButtonGroupModule } from '../button-group/button-group.module';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
export class OasysAlertModule {
|
|
14
15
|
}
|
|
@@ -21,7 +22,8 @@ OasysAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
21
22
|
OasysLayoutModule,
|
|
22
23
|
OasysButtonModule,
|
|
23
24
|
OasysIconModule,
|
|
24
|
-
OasysDirectivesModule
|
|
25
|
+
OasysDirectivesModule,
|
|
26
|
+
OasysButtonGroupModule], exports: [OasysAlertCancelDirective,
|
|
25
27
|
OasysAlertConfirmDirective,
|
|
26
28
|
OasysAlertContentDirective,
|
|
27
29
|
OasysAlertTitleDirective,
|
|
@@ -30,7 +32,8 @@ OasysAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
30
32
|
OasysLayoutModule,
|
|
31
33
|
OasysButtonModule,
|
|
32
34
|
OasysIconModule,
|
|
33
|
-
OasysDirectivesModule
|
|
35
|
+
OasysDirectivesModule,
|
|
36
|
+
OasysButtonGroupModule] });
|
|
34
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
35
38
|
type: NgModule,
|
|
36
39
|
args: [{
|
|
@@ -39,22 +42,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
39
42
|
OasysAlertConfirmDirective,
|
|
40
43
|
OasysAlertContentDirective,
|
|
41
44
|
OasysAlertTitleDirective,
|
|
42
|
-
OasysAlertComponent
|
|
45
|
+
OasysAlertComponent
|
|
43
46
|
],
|
|
44
47
|
imports: [
|
|
45
48
|
CommonModule,
|
|
46
49
|
OasysLayoutModule,
|
|
47
50
|
OasysButtonModule,
|
|
48
51
|
OasysIconModule,
|
|
49
|
-
OasysDirectivesModule
|
|
52
|
+
OasysDirectivesModule,
|
|
53
|
+
OasysButtonGroupModule
|
|
50
54
|
],
|
|
51
55
|
exports: [
|
|
52
56
|
OasysAlertCancelDirective,
|
|
53
57
|
OasysAlertConfirmDirective,
|
|
54
58
|
OasysAlertContentDirective,
|
|
55
59
|
OasysAlertTitleDirective,
|
|
56
|
-
OasysAlertComponent
|
|
60
|
+
OasysAlertComponent
|
|
57
61
|
],
|
|
58
62
|
}]
|
|
59
63
|
}] });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM5QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUEwQjdFLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkF0QnpCLHlCQUF5QjtRQUN6QiwwQkFBMEI7UUFDMUIsMEJBQTBCO1FBQzFCLHdCQUF3QjtRQUN4QixtQkFBbUIsYUFHbkIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixzQkFBc0IsYUFHdEIseUJBQXlCO1FBQ3pCLDBCQUEwQjtRQUMxQiwwQkFBMEI7UUFDMUIsd0JBQXdCO1FBQ3hCLG1CQUFtQjs4R0FHVixnQkFBZ0IsWUFmekIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixzQkFBc0I7MkZBVWIsZ0JBQWdCO2tCQXhCNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1oseUJBQXlCO3dCQUN6QiwwQkFBMEI7d0JBQzFCLDBCQUEwQjt3QkFDMUIsd0JBQXdCO3dCQUN4QixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AseUJBQXlCO3dCQUN6QiwwQkFBMEI7d0JBQzFCLDBCQUEwQjt3QkFDMUIsd0JBQXdCO3dCQUN4QixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYXN5c0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IE9hc3lzSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgT2FzeXNMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi9sYXlvdXQnO1xuaW1wb3J0IHsgT2FzeXNBbGVydENhbmNlbERpcmVjdGl2ZSB9IGZyb20gJy4vYWxlcnQtY2FuY2VsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBPYXN5c0FsZXJ0Q29uZmlybURpcmVjdGl2ZSB9IGZyb20gJy4vYWxlcnQtY29uZmlybS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgT2FzeXNBbGVydENvbnRlbnREaXJlY3RpdmUgfSBmcm9tICcuL2FsZXJ0LWNvbnRlbnQuZGlyZWN0aXZlJztcbmltcG9ydCB7IE9hc3lzQWxlcnRUaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vYWxlcnQtdGl0bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IE9hc3lzQWxlcnRDb21wb25lbnQgfSBmcm9tICcuL2FsZXJ0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPYXN5c0RpcmVjdGl2ZXNNb2R1bGUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2RpcmVjdGl2ZXMubW9kdWxlJztcbmltcG9ydCB7IE9hc3lzQnV0dG9uR3JvdXBNb2R1bGUgfSBmcm9tICcuLi9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydENvbmZpcm1EaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydENvbnRlbnREaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydFRpdGxlRGlyZWN0aXZlLFxuICAgIE9hc3lzQWxlcnRDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBPYXN5c0xheW91dE1vZHVsZSxcbiAgICBPYXN5c0J1dHRvbk1vZHVsZSxcbiAgICBPYXN5c0ljb25Nb2R1bGUsXG4gICAgT2FzeXNEaXJlY3RpdmVzTW9kdWxlLFxuICAgIE9hc3lzQnV0dG9uR3JvdXBNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydENvbmZpcm1EaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydENvbnRlbnREaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydFRpdGxlRGlyZWN0aXZlLFxuICAgIE9hc3lzQWxlcnRDb21wb25lbnRcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNBbGVydE1vZHVsZSB7fVxuIl19
|
package/fesm2015/oasys-lib.mjs
CHANGED
|
@@ -524,10 +524,10 @@ class OasysAlertComponent {
|
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
526
|
OasysAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
527
|
-
OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"
|
|
527
|
+
OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack [stack_wrap]=\"isVertical\" stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
|
|
528
528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
529
529
|
type: Component,
|
|
530
|
-
args: [{ selector: 'ui-alert', template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"
|
|
530
|
+
args: [{ selector: 'ui-alert', template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack [stack_wrap]=\"isVertical\" stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}\n"] }]
|
|
531
531
|
}], ctorParameters: function () { return [{ type: BreakpointService }]; }, propDecorators: { direction: [{
|
|
532
532
|
type: Input
|
|
533
533
|
}], tone: [{
|
|
@@ -791,6 +791,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
791
791
|
}]
|
|
792
792
|
}] });
|
|
793
793
|
|
|
794
|
+
class OasysButtonGroupComponent {
|
|
795
|
+
constructor(breakpointService) {
|
|
796
|
+
this.breakpointService = breakpointService;
|
|
797
|
+
this.button_group_align = 'start';
|
|
798
|
+
this.button_group_collapse_below = 'tablet';
|
|
799
|
+
// Used for only 'ghost' buttons (button_type="tertiary")
|
|
800
|
+
// applies a negative X margin so that the text of a button aligns with
|
|
801
|
+
// other content. Do not use unless all buttons are of type Tertiary.
|
|
802
|
+
this.button_group_ghost_align = 'none';
|
|
803
|
+
}
|
|
804
|
+
get class() {
|
|
805
|
+
return `
|
|
806
|
+
ui-button-group-ghost-${this.button_group_ghost_align}
|
|
807
|
+
`;
|
|
808
|
+
}
|
|
809
|
+
ngOnInit() {
|
|
810
|
+
}
|
|
811
|
+
get shouldCollapse() {
|
|
812
|
+
switch (this.button_group_collapse_below) {
|
|
813
|
+
case 'tablet':
|
|
814
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
|
|
815
|
+
case 'laptop':
|
|
816
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET;
|
|
817
|
+
case 'desktop':
|
|
818
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET || this.breakpointService.currentSize.value === Breakpoint.LAPTOP;
|
|
819
|
+
default:
|
|
820
|
+
return false;
|
|
821
|
+
}
|
|
822
|
+
}
|
|
823
|
+
}
|
|
824
|
+
OasysButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
825
|
+
OasysButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysButtonGroupComponent, selector: "ui-button-group", inputs: { button_group_align: "button_group_align", button_group_collapse_below: "button_group_collapse_below", button_group_ghost_align: "button_group_ghost_align" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupComponent, decorators: [{
|
|
827
|
+
type: Component,
|
|
828
|
+
args: [{ selector: 'ui-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"] }]
|
|
829
|
+
}], ctorParameters: function () { return [{ type: BreakpointService }]; }, propDecorators: { button_group_align: [{
|
|
830
|
+
type: Input
|
|
831
|
+
}], button_group_collapse_below: [{
|
|
832
|
+
type: Input
|
|
833
|
+
}], button_group_ghost_align: [{
|
|
834
|
+
type: Input
|
|
835
|
+
}], class: [{
|
|
836
|
+
type: HostBinding,
|
|
837
|
+
args: ['class']
|
|
838
|
+
}] } });
|
|
839
|
+
|
|
840
|
+
class OasysButtonGroupModule {
|
|
841
|
+
}
|
|
842
|
+
OasysButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
843
|
+
OasysButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, declarations: [OasysButtonGroupComponent], imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule], exports: [OasysButtonGroupComponent] });
|
|
844
|
+
OasysButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule] });
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, decorators: [{
|
|
846
|
+
type: NgModule,
|
|
847
|
+
args: [{
|
|
848
|
+
declarations: [OasysButtonGroupComponent],
|
|
849
|
+
imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule],
|
|
850
|
+
exports: [OasysButtonGroupComponent],
|
|
851
|
+
}]
|
|
852
|
+
}] });
|
|
853
|
+
|
|
794
854
|
class OasysAlertModule {
|
|
795
855
|
}
|
|
796
856
|
OasysAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -802,7 +862,8 @@ OasysAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
802
862
|
OasysLayoutModule,
|
|
803
863
|
OasysButtonModule,
|
|
804
864
|
OasysIconModule,
|
|
805
|
-
OasysDirectivesModule
|
|
865
|
+
OasysDirectivesModule,
|
|
866
|
+
OasysButtonGroupModule], exports: [OasysAlertCancelDirective,
|
|
806
867
|
OasysAlertConfirmDirective,
|
|
807
868
|
OasysAlertContentDirective,
|
|
808
869
|
OasysAlertTitleDirective,
|
|
@@ -811,7 +872,8 @@ OasysAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
811
872
|
OasysLayoutModule,
|
|
812
873
|
OasysButtonModule,
|
|
813
874
|
OasysIconModule,
|
|
814
|
-
OasysDirectivesModule
|
|
875
|
+
OasysDirectivesModule,
|
|
876
|
+
OasysButtonGroupModule] });
|
|
815
877
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
816
878
|
type: NgModule,
|
|
817
879
|
args: [{
|
|
@@ -820,21 +882,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
820
882
|
OasysAlertConfirmDirective,
|
|
821
883
|
OasysAlertContentDirective,
|
|
822
884
|
OasysAlertTitleDirective,
|
|
823
|
-
OasysAlertComponent
|
|
885
|
+
OasysAlertComponent
|
|
824
886
|
],
|
|
825
887
|
imports: [
|
|
826
888
|
CommonModule,
|
|
827
889
|
OasysLayoutModule,
|
|
828
890
|
OasysButtonModule,
|
|
829
891
|
OasysIconModule,
|
|
830
|
-
OasysDirectivesModule
|
|
892
|
+
OasysDirectivesModule,
|
|
893
|
+
OasysButtonGroupModule
|
|
831
894
|
],
|
|
832
895
|
exports: [
|
|
833
896
|
OasysAlertCancelDirective,
|
|
834
897
|
OasysAlertConfirmDirective,
|
|
835
898
|
OasysAlertContentDirective,
|
|
836
899
|
OasysAlertTitleDirective,
|
|
837
|
-
OasysAlertComponent
|
|
900
|
+
OasysAlertComponent
|
|
838
901
|
],
|
|
839
902
|
}]
|
|
840
903
|
}] });
|
|
@@ -874,66 +937,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
874
937
|
}]
|
|
875
938
|
}] });
|
|
876
939
|
|
|
877
|
-
class OasysButtonGroupComponent {
|
|
878
|
-
constructor(breakpointService) {
|
|
879
|
-
this.breakpointService = breakpointService;
|
|
880
|
-
this.button_group_align = 'start';
|
|
881
|
-
this.button_group_collapse_below = 'tablet';
|
|
882
|
-
// Used for only 'ghost' buttons (button_type="tertiary")
|
|
883
|
-
// applies a negative X margin so that the text of a button aligns with
|
|
884
|
-
// other content. Do not use unless all buttons are of type Tertiary.
|
|
885
|
-
this.button_group_ghost_align = 'none';
|
|
886
|
-
}
|
|
887
|
-
get class() {
|
|
888
|
-
return `
|
|
889
|
-
ui-button-group-ghost-${this.button_group_ghost_align}
|
|
890
|
-
`;
|
|
891
|
-
}
|
|
892
|
-
ngOnInit() {
|
|
893
|
-
}
|
|
894
|
-
get shouldCollapse() {
|
|
895
|
-
switch (this.button_group_collapse_below) {
|
|
896
|
-
case 'tablet':
|
|
897
|
-
return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
|
|
898
|
-
case 'laptop':
|
|
899
|
-
return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET;
|
|
900
|
-
case 'desktop':
|
|
901
|
-
return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET || this.breakpointService.currentSize.value === Breakpoint.LAPTOP;
|
|
902
|
-
default:
|
|
903
|
-
return false;
|
|
904
|
-
}
|
|
905
|
-
}
|
|
906
|
-
}
|
|
907
|
-
OasysButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
908
|
-
OasysButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysButtonGroupComponent, selector: "ui-button-group", inputs: { button_group_align: "button_group_align", button_group_collapse_below: "button_group_collapse_below", button_group_ghost_align: "button_group_ghost_align" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
909
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupComponent, decorators: [{
|
|
910
|
-
type: Component,
|
|
911
|
-
args: [{ selector: 'ui-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"] }]
|
|
912
|
-
}], ctorParameters: function () { return [{ type: BreakpointService }]; }, propDecorators: { button_group_align: [{
|
|
913
|
-
type: Input
|
|
914
|
-
}], button_group_collapse_below: [{
|
|
915
|
-
type: Input
|
|
916
|
-
}], button_group_ghost_align: [{
|
|
917
|
-
type: Input
|
|
918
|
-
}], class: [{
|
|
919
|
-
type: HostBinding,
|
|
920
|
-
args: ['class']
|
|
921
|
-
}] } });
|
|
922
|
-
|
|
923
|
-
class OasysButtonGroupModule {
|
|
924
|
-
}
|
|
925
|
-
OasysButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
926
|
-
OasysButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, declarations: [OasysButtonGroupComponent], imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule], exports: [OasysButtonGroupComponent] });
|
|
927
|
-
OasysButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule] });
|
|
928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonGroupModule, decorators: [{
|
|
929
|
-
type: NgModule,
|
|
930
|
-
args: [{
|
|
931
|
-
declarations: [OasysButtonGroupComponent],
|
|
932
|
-
imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule],
|
|
933
|
-
exports: [OasysButtonGroupComponent],
|
|
934
|
-
}]
|
|
935
|
-
}] });
|
|
936
|
-
|
|
937
940
|
class ImageService {
|
|
938
941
|
constructor(env) {
|
|
939
942
|
var _a;
|