@flexem/fc-gui 3.0.0-alpha.183 → 3.0.0-alpha.185

package/bundles/@flexem/fc-gui.umd.js

@@ -32535,7 +32535,7 @@ const DefaultLocalization = {
     canNotBeNegative: 'Can not be negative',
     valueOutOfRange: 'Numerical value is out of range',
     timeout: 'timeout',
-    confirmOperationPrompt: 'Are you sure you want to perform this operation?',
+    confirmOperationPrompt: 'Confirm action?',
     confirm: 'Yes',
     cancel: 'Cancel',
     characterInputRequired: 'Character input can\'t be empty',
@@ -32705,8 +32705,8 @@ let ConfirmOperationModalComponent = class ConfirmOperationModalComponent {
 ConfirmOperationModalComponent = __decorate([
     Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
         selector: 'confirmOperationModal',
-        template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center;margin-top:20px;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ",
-        styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; } .confirm-btn-group { padding: 0; margin-bottom: 28px; margin-right: 50px; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer } "]
+        template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag class=\"confirm-modal\"> <div class=\"modal-body\"> <div style=\"text-align:center;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ",
+        styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; margin-top: 10px; } .confirm-modal .confirm-btn-group { padding: 0 !important; margin-bottom: 28px; justify-content: center; margin-right: 0; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 44px; height: 44px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 0; width: 100px; margin: 0 5px 0; cursor: pointer } "]
     }),
     __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization_localization_service__WEBPACK_IMPORTED_MODULE_2__[/* LOCALIZATION */ "b"]))
 ], ConfirmOperationModalComponent);
@@ -32753,7 +32753,7 @@ AlertModalComponent = __decorate([
     Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
         selector: 'alertModal',
         template: "<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ",
-        styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: point; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } "]
+        styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; margin-top: 10px; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 44px; height: 44px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 0; width: 100px; margin: 0 5px 0; cursor: pointer; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .form-group { padding: 0 !important; justify-content: center; margin-bottom: 28px; } "]
     }),
     __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization_localization_service__WEBPACK_IMPORTED_MODULE_1__[/* LOCALIZATION */ "b"]))
 ], AlertModalComponent);
@@ -36157,7 +36157,7 @@ class character_display_element_CharacterDisplayElement extends readable_element
             }
             if (!this.isEnable) {
                 const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
-                const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+                const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
                 const onClosedSub = modalRef.content.onClosed.subscribe(() => {
                     modalRef.hide();
                     onClosedSub.unsubscribe();
@@ -36166,7 +36166,7 @@ class character_display_element_CharacterDisplayElement extends readable_element
             }
             if (this.model.useSecurity) {
                 const modalRef = this.modalService.show(confirm_operation_modal_component["a" /* ConfirmOperationModalComponent */], {
-                    backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+                    backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false
                 });
                 const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                     modalRef.hide();
@@ -38547,7 +38547,7 @@ class numerical_display_element_NumericalDisplayElement extends readable_element
             }
             if (!this.isEnable) {
                 const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
-                const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+                const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
                 const onClosedSub = modalRef.content.onClosed.subscribe(() => {
                     modalRef.hide();
                     onClosedSub.unsubscribe();
@@ -38556,7 +38556,7 @@ class numerical_display_element_NumericalDisplayElement extends readable_element
             }
             if (this.model.useSecurity) {
                 const modalRef = this.modalService.show(confirm_operation_modal_component["a" /* ConfirmOperationModalComponent */], {
-                    backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+                    backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false
                 });
                 const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                     modalRef.hide();
@@ -40520,7 +40520,7 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
                 }
                 if (!this.isEnable) {
                     const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
-                    const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+                    const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
                     const onClosedSub = modalRef.content.onClosed.subscribe(() => {
                         modalRef.hide();
                         onClosedSub.unsubscribe();
@@ -40530,7 +40530,7 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
                 if (this.switchOperator.canExecute()) {
                     if (!this.isBitRestoration || !this.isVerifiedForRestoration) {
                         if (this.model.useSecurity) {
-                            const modalRef = this.modalService.show(confirm_operation_modal_component["a" /* ConfirmOperationModalComponent */], { backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+                            const modalRef = this.modalService.show(confirm_operation_modal_component["a" /* ConfirmOperationModalComponent */], { backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
                             const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                                 modalRef.hide();
                                 onClosedSub.unsubscribe();
@@ -41214,7 +41214,7 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
             on_event.preventDefault();
             if (!this.isEnable) {
                 const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
-                const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+                const modalRef = this.modalService.show(alert_modal_component["a" /* AlertModalComponent */], { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
                 const onClosedSub = modalRef.content.onClosed.subscribe(() => {
                     modalRef.hide();
                     onClosedSub.unsubscribe();
@@ -41230,7 +41230,7 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
             }
             if (this.model.useSecurity) {
                 const modalRef = this.modalService.show(confirm_operation_modal_component["a" /* ConfirmOperationModalComponent */], {
-                    backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+                    backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false
                 });
                 const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                     modalRef.hide();