ngx-opalbytes-components 1.25.0 → 1.25.1
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/README.md
CHANGED
|
@@ -606,6 +606,7 @@ Um painel lateral (drawer) para formulários e fluxos que precisam de mais espa
|
|
|
606
606
|
| `displaySaveButton` | `boolean` | `true` | Exibe o botão de salvar (disponível para classes derivadas). |
|
|
607
607
|
| `displayCancelButton` | `boolean` | `true` | Exibe o botão de cancelar (disponível para classes derivadas). |
|
|
608
608
|
| `shouldCloseWhenCancel` | `boolean` | `true` | Define se o cancelamento deve fechar o widget (disponível para classes derivadas). |
|
|
609
|
+
| `widgetDirection` | `'left' \| 'right' \| 'top' \| 'bottom'` | `'right'` | Direção de entrada/saída do widget. `left`/`right` abrem como drawer lateral; `top`/`bottom` abrem como sheet. |
|
|
609
610
|
| `typeCancel` | `'cancel' \| 'back'` | `'cancel'` | Tipo do botão de cancelamento (disponível para classes derivadas). |
|
|
610
611
|
| `saveDisabled` | `boolean` | `false` | Desabilita a ação de salvar (disponível para classes derivadas). |
|
|
611
612
|
| `saveIcon` | `string` | `'arrow-right'` | Ícone do botão de salvar (disponível para classes derivadas). |
|
|
@@ -3531,6 +3531,7 @@ class CaoBaseWidgetComponent {
|
|
|
3531
3531
|
displaySaveButton = input(true, ...(ngDevMode ? [{ debugName: "displaySaveButton" }] : []));
|
|
3532
3532
|
displayCancelButton = input(true, ...(ngDevMode ? [{ debugName: "displayCancelButton" }] : []));
|
|
3533
3533
|
shouldCloseWhenCancel = input(true, ...(ngDevMode ? [{ debugName: "shouldCloseWhenCancel" }] : []));
|
|
3534
|
+
widgetDirection = input("right", ...(ngDevMode ? [{ debugName: "widgetDirection" }] : []));
|
|
3534
3535
|
typeCancel = input("cancel", ...(ngDevMode ? [{ debugName: "typeCancel" }] : []));
|
|
3535
3536
|
saveDisabled = input(false, ...(ngDevMode ? [{ debugName: "saveDisabled" }] : []));
|
|
3536
3537
|
saveIcon = input("arrow-right", ...(ngDevMode ? [{ debugName: "saveIcon" }] : []));
|
|
@@ -3608,12 +3609,12 @@ class CaoBaseWidgetComponent {
|
|
|
3608
3609
|
this.closeRequest.emit();
|
|
3609
3610
|
}
|
|
3610
3611
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CaoBaseWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3611
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: CaoBaseWidgetComponent, isStandalone: true, selector: "cao-base-widget", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, widgetIcon: { classPropertyName: "widgetIcon", publicName: "widgetIcon", isSignal: true, isRequired: false, transformFunction: null }, cancelTextButton: { classPropertyName: "cancelTextButton", publicName: "cancelTextButton", isSignal: true, isRequired: false, transformFunction: null }, saveTextButton: { classPropertyName: "saveTextButton", publicName: "saveTextButton", isSignal: true, isRequired: false, transformFunction: null }, displayActionButton: { classPropertyName: "displayActionButton", publicName: "displayActionButton", isSignal: true, isRequired: false, transformFunction: null }, displaySaveButton: { classPropertyName: "displaySaveButton", publicName: "displaySaveButton", isSignal: true, isRequired: false, transformFunction: null }, displayCancelButton: { classPropertyName: "displayCancelButton", publicName: "displayCancelButton", isSignal: true, isRequired: false, transformFunction: null }, shouldCloseWhenCancel: { classPropertyName: "shouldCloseWhenCancel", publicName: "shouldCloseWhenCancel", isSignal: true, isRequired: false, transformFunction: null }, typeCancel: { classPropertyName: "typeCancel", publicName: "typeCancel", isSignal: true, isRequired: false, transformFunction: null }, saveDisabled: { classPropertyName: "saveDisabled", publicName: "saveDisabled", isSignal: true, isRequired: false, transformFunction: null }, saveIcon: { classPropertyName: "saveIcon", publicName: "saveIcon", isSignal: true, isRequired: false, transformFunction: null }, saveIconPosition: { classPropertyName: "saveIconPosition", publicName: "saveIconPosition", isSignal: true, isRequired: false, transformFunction: null }, closeOnClickOutside: { classPropertyName: "closeOnClickOutside", publicName: "closeOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, confirmOnClose: { classPropertyName: "confirmOnClose", publicName: "confirmOnClose", isSignal: true, isRequired: false, transformFunction: null }, widgetData: { classPropertyName: "widgetData", publicName: "widgetData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { save: "save", deleted: "deleted", cancelEvent: "cancelEvent", closeRequest: "closeRequest" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" } }, ngImport: i0, template: "<div\n class=\"widget-backdrop\"\n role=\"presentation\"\n tabindex=\"-1\"\n [class.widget-backdrop--closing]=\"closing()\"\n (mousedown)=\"onBackdropMouseDown($event)\"\n (mouseup)=\"onBackdropMouseUp($event)\"\n (animationend)=\"onAnimationEnd($event)\">\n <div\n class=\"widget-panel\"\n [class.widget-panel--closing]=\"closing()\"\n (mousedown)=\"$event.stopPropagation()\"\n (mouseup)=\"$event.stopPropagation()\">\n <div class=\"widget-body\">\n <div class=\"widget-header\">\n <div class=\"widget-title\">\n <h1>{{ title() }}</h1>\n <h2>{{ subtitle() }}</h2>\n </div>\n <ng-content select=\"widget-title\" />\n </div>\n <div class=\"widget-scroll\">\n <ng-content />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--widget-animation-duration: .25s;display:block}.widget-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background-color:#0006;animation:widget-fade-in var(--widget-animation-duration) ease-out}.widget-backdrop--closing{pointer-events:none;animation:widget-fade-out var(--widget-animation-duration) ease-out forwards}.widget-panel{position:relative;box-sizing:border-box;height:100%;width:90vh;max-width:520px;padding:20px;border-radius:.5rem 0 0 .5rem;background-color:var(--color-white, var(--white, #ffffff));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:widget-slide-in-right var(--widget-animation-duration) ease-out}.widget-panel--closing{animation:widget-slide-out-right var(--widget-animation-duration) ease-out forwards}.widget-body{display:flex;flex-direction:column;justify-content:space-between;height:100%}.widget-header{display:flex;justify-content:space-between;align-items:start;flex-shrink:0}.widget-title{display:flex;flex-direction:column}.widget-scroll{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin}@keyframes widget-fade-in{0%{opacity:0}to{opacity:1}}@keyframes widget-fade-out{0%{opacity:1}to{opacity:0}}@keyframes widget-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes widget-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}\n"] });
|
|
3612
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: CaoBaseWidgetComponent, isStandalone: true, selector: "cao-base-widget", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, widgetIcon: { classPropertyName: "widgetIcon", publicName: "widgetIcon", isSignal: true, isRequired: false, transformFunction: null }, cancelTextButton: { classPropertyName: "cancelTextButton", publicName: "cancelTextButton", isSignal: true, isRequired: false, transformFunction: null }, saveTextButton: { classPropertyName: "saveTextButton", publicName: "saveTextButton", isSignal: true, isRequired: false, transformFunction: null }, displayActionButton: { classPropertyName: "displayActionButton", publicName: "displayActionButton", isSignal: true, isRequired: false, transformFunction: null }, displaySaveButton: { classPropertyName: "displaySaveButton", publicName: "displaySaveButton", isSignal: true, isRequired: false, transformFunction: null }, displayCancelButton: { classPropertyName: "displayCancelButton", publicName: "displayCancelButton", isSignal: true, isRequired: false, transformFunction: null }, shouldCloseWhenCancel: { classPropertyName: "shouldCloseWhenCancel", publicName: "shouldCloseWhenCancel", isSignal: true, isRequired: false, transformFunction: null }, widgetDirection: { classPropertyName: "widgetDirection", publicName: "widgetDirection", isSignal: true, isRequired: false, transformFunction: null }, typeCancel: { classPropertyName: "typeCancel", publicName: "typeCancel", isSignal: true, isRequired: false, transformFunction: null }, saveDisabled: { classPropertyName: "saveDisabled", publicName: "saveDisabled", isSignal: true, isRequired: false, transformFunction: null }, saveIcon: { classPropertyName: "saveIcon", publicName: "saveIcon", isSignal: true, isRequired: false, transformFunction: null }, saveIconPosition: { classPropertyName: "saveIconPosition", publicName: "saveIconPosition", isSignal: true, isRequired: false, transformFunction: null }, closeOnClickOutside: { classPropertyName: "closeOnClickOutside", publicName: "closeOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, confirmOnClose: { classPropertyName: "confirmOnClose", publicName: "confirmOnClose", isSignal: true, isRequired: false, transformFunction: null }, widgetData: { classPropertyName: "widgetData", publicName: "widgetData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { save: "save", deleted: "deleted", cancelEvent: "cancelEvent", closeRequest: "closeRequest" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" } }, ngImport: i0, template: "<div\n class=\"widget-backdrop\"\n role=\"presentation\"\n tabindex=\"-1\"\n [ngClass]=\"widgetDirection()\"\n [class.widget-backdrop--closing]=\"closing()\"\n (mousedown)=\"onBackdropMouseDown($event)\"\n (mouseup)=\"onBackdropMouseUp($event)\"\n (animationend)=\"onAnimationEnd($event)\">\n <div\n class=\"widget-panel\"\n [class.widget-panel--closing]=\"closing()\"\n (mousedown)=\"$event.stopPropagation()\"\n (mouseup)=\"$event.stopPropagation()\">\n <div class=\"widget-body\">\n <div class=\"widget-header\">\n <div class=\"widget-title\">\n <h1>{{ title() }}</h1>\n <h2>{{ subtitle() }}</h2>\n </div>\n <ng-content select=\"widget-title\" />\n </div>\n <div class=\"widget-scroll\">\n <ng-content />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--widget-animation-duration: .25s;display:block}.widget-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background-color:#0006;animation:widget-fade-in var(--widget-animation-duration) ease-out}.widget-backdrop.right{justify-content:flex-end}.widget-backdrop.left{justify-content:flex-start}.widget-backdrop.top{align-items:flex-start}.widget-backdrop.bottom{align-items:flex-end}.widget-backdrop--closing{pointer-events:none;animation:widget-fade-out var(--widget-animation-duration) ease-out forwards}.widget-panel{position:relative;box-sizing:border-box;height:100%;width:90vh;max-width:520px;padding:20px;border-radius:.5rem 0 0 .5rem;background-color:var(--color-white, var(--white, #ffffff));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.widget-backdrop.left .widget-panel{border-radius:0 .5rem .5rem 0}.widget-backdrop.top .widget-panel,.widget-backdrop.bottom .widget-panel{width:100%;max-width:none;height:90vh}.widget-backdrop.top .widget-panel{border-radius:0 0 .5rem .5rem}.widget-backdrop.bottom .widget-panel{border-radius:.5rem .5rem 0 0}.widget-backdrop.right .widget-panel{animation:widget-slide-in-right var(--widget-animation-duration) ease-out}.widget-backdrop.left .widget-panel{animation:widget-slide-in-left var(--widget-animation-duration) ease-out}.widget-backdrop.top .widget-panel{animation:widget-slide-in-top var(--widget-animation-duration) ease-out}.widget-backdrop.bottom .widget-panel{animation:widget-slide-in-bottom var(--widget-animation-duration) ease-out}.widget-backdrop.right .widget-panel--closing{animation:widget-slide-out-right var(--widget-animation-duration) ease-out forwards}.widget-backdrop.left .widget-panel--closing{animation:widget-slide-out-left var(--widget-animation-duration) ease-out forwards}.widget-backdrop.top .widget-panel--closing{animation:widget-slide-out-top var(--widget-animation-duration) ease-out forwards}.widget-backdrop.bottom .widget-panel--closing{animation:widget-slide-out-bottom var(--widget-animation-duration) ease-out forwards}.widget-body{display:flex;flex-direction:column;justify-content:space-between;height:100%}.widget-header{display:flex;justify-content:space-between;align-items:start;flex-shrink:0}.widget-title{display:flex;flex-direction:column}.widget-scroll{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin}@keyframes widget-fade-in{0%{opacity:0}to{opacity:1}}@keyframes widget-fade-out{0%{opacity:1}to{opacity:0}}@keyframes widget-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes widget-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes widget-slide-in-top{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes widget-slide-in-bottom{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes widget-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes widget-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes widget-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes widget-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(-100%)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3612
3613
|
}
|
|
3613
3614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CaoBaseWidgetComponent, decorators: [{
|
|
3614
3615
|
type: Component,
|
|
3615
|
-
args: [{ selector: "cao-base-widget", imports: [], template: "<div\n class=\"widget-backdrop\"\n role=\"presentation\"\n tabindex=\"-1\"\n [class.widget-backdrop--closing]=\"closing()\"\n (mousedown)=\"onBackdropMouseDown($event)\"\n (mouseup)=\"onBackdropMouseUp($event)\"\n (animationend)=\"onAnimationEnd($event)\">\n <div\n class=\"widget-panel\"\n [class.widget-panel--closing]=\"closing()\"\n (mousedown)=\"$event.stopPropagation()\"\n (mouseup)=\"$event.stopPropagation()\">\n <div class=\"widget-body\">\n <div class=\"widget-header\">\n <div class=\"widget-title\">\n <h1>{{ title() }}</h1>\n <h2>{{ subtitle() }}</h2>\n </div>\n <ng-content select=\"widget-title\" />\n </div>\n <div class=\"widget-scroll\">\n <ng-content />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--widget-animation-duration: .25s;display:block}.widget-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background-color:#0006;animation:widget-fade-in var(--widget-animation-duration) ease-out}.widget-backdrop--closing{pointer-events:none;animation:widget-fade-out var(--widget-animation-duration) ease-out forwards}.widget-panel{position:relative;box-sizing:border-box;height:100%;width:90vh;max-width:520px;padding:20px;border-radius:.5rem 0 0 .5rem;background-color:var(--color-white, var(--white, #ffffff));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:widget-slide-in-right var(--widget-animation-duration) ease-out}.widget-panel--closing{animation:widget-slide-out-right var(--widget-animation-duration) ease-out forwards}.widget-body{display:flex;flex-direction:column;justify-content:space-between;height:100%}.widget-header{display:flex;justify-content:space-between;align-items:start;flex-shrink:0}.widget-title{display:flex;flex-direction:column}.widget-scroll{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin}@keyframes widget-fade-in{0%{opacity:0}to{opacity:1}}@keyframes widget-fade-out{0%{opacity:1}to{opacity:0}}@keyframes widget-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes widget-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}\n"] }]
|
|
3616
|
-
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], widgetIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetIcon", required: false }] }], cancelTextButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelTextButton", required: false }] }], saveTextButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveTextButton", required: false }] }], displayActionButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayActionButton", required: false }] }], displaySaveButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySaveButton", required: false }] }], displayCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayCancelButton", required: false }] }], shouldCloseWhenCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldCloseWhenCancel", required: false }] }], typeCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeCancel", required: false }] }], saveDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveDisabled", required: false }] }], saveIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveIcon", required: false }] }], saveIconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveIconPosition", required: false }] }], closeOnClickOutside: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnClickOutside", required: false }] }], confirmOnClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmOnClose", required: false }] }], widgetData: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetData", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], cancelEvent: [{ type: i0.Output, args: ["cancelEvent"] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }], onEscapeKey: [{
|
|
3616
|
+
args: [{ selector: "cao-base-widget", imports: [CommonModule], template: "<div\n class=\"widget-backdrop\"\n role=\"presentation\"\n tabindex=\"-1\"\n [ngClass]=\"widgetDirection()\"\n [class.widget-backdrop--closing]=\"closing()\"\n (mousedown)=\"onBackdropMouseDown($event)\"\n (mouseup)=\"onBackdropMouseUp($event)\"\n (animationend)=\"onAnimationEnd($event)\">\n <div\n class=\"widget-panel\"\n [class.widget-panel--closing]=\"closing()\"\n (mousedown)=\"$event.stopPropagation()\"\n (mouseup)=\"$event.stopPropagation()\">\n <div class=\"widget-body\">\n <div class=\"widget-header\">\n <div class=\"widget-title\">\n <h1>{{ title() }}</h1>\n <h2>{{ subtitle() }}</h2>\n </div>\n <ng-content select=\"widget-title\" />\n </div>\n <div class=\"widget-scroll\">\n <ng-content />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--widget-animation-duration: .25s;display:block}.widget-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background-color:#0006;animation:widget-fade-in var(--widget-animation-duration) ease-out}.widget-backdrop.right{justify-content:flex-end}.widget-backdrop.left{justify-content:flex-start}.widget-backdrop.top{align-items:flex-start}.widget-backdrop.bottom{align-items:flex-end}.widget-backdrop--closing{pointer-events:none;animation:widget-fade-out var(--widget-animation-duration) ease-out forwards}.widget-panel{position:relative;box-sizing:border-box;height:100%;width:90vh;max-width:520px;padding:20px;border-radius:.5rem 0 0 .5rem;background-color:var(--color-white, var(--white, #ffffff));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.widget-backdrop.left .widget-panel{border-radius:0 .5rem .5rem 0}.widget-backdrop.top .widget-panel,.widget-backdrop.bottom .widget-panel{width:100%;max-width:none;height:90vh}.widget-backdrop.top .widget-panel{border-radius:0 0 .5rem .5rem}.widget-backdrop.bottom .widget-panel{border-radius:.5rem .5rem 0 0}.widget-backdrop.right .widget-panel{animation:widget-slide-in-right var(--widget-animation-duration) ease-out}.widget-backdrop.left .widget-panel{animation:widget-slide-in-left var(--widget-animation-duration) ease-out}.widget-backdrop.top .widget-panel{animation:widget-slide-in-top var(--widget-animation-duration) ease-out}.widget-backdrop.bottom .widget-panel{animation:widget-slide-in-bottom var(--widget-animation-duration) ease-out}.widget-backdrop.right .widget-panel--closing{animation:widget-slide-out-right var(--widget-animation-duration) ease-out forwards}.widget-backdrop.left .widget-panel--closing{animation:widget-slide-out-left var(--widget-animation-duration) ease-out forwards}.widget-backdrop.top .widget-panel--closing{animation:widget-slide-out-top var(--widget-animation-duration) ease-out forwards}.widget-backdrop.bottom .widget-panel--closing{animation:widget-slide-out-bottom var(--widget-animation-duration) ease-out forwards}.widget-body{display:flex;flex-direction:column;justify-content:space-between;height:100%}.widget-header{display:flex;justify-content:space-between;align-items:start;flex-shrink:0}.widget-title{display:flex;flex-direction:column}.widget-scroll{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin}@keyframes widget-fade-in{0%{opacity:0}to{opacity:1}}@keyframes widget-fade-out{0%{opacity:1}to{opacity:0}}@keyframes widget-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes widget-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes widget-slide-in-top{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes widget-slide-in-bottom{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes widget-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes widget-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes widget-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes widget-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(-100%)}}\n"] }]
|
|
3617
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], widgetIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetIcon", required: false }] }], cancelTextButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelTextButton", required: false }] }], saveTextButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveTextButton", required: false }] }], displayActionButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayActionButton", required: false }] }], displaySaveButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySaveButton", required: false }] }], displayCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayCancelButton", required: false }] }], shouldCloseWhenCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldCloseWhenCancel", required: false }] }], widgetDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetDirection", required: false }] }], typeCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeCancel", required: false }] }], saveDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveDisabled", required: false }] }], saveIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveIcon", required: false }] }], saveIconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveIconPosition", required: false }] }], closeOnClickOutside: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnClickOutside", required: false }] }], confirmOnClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmOnClose", required: false }] }], widgetData: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetData", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], cancelEvent: [{ type: i0.Output, args: ["cancelEvent"] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }], onEscapeKey: [{
|
|
3617
3618
|
type: HostListener,
|
|
3618
3619
|
args: ['document:keydown.escape']
|
|
3619
3620
|
}] } });
|