@energycap/components 0.29.0 → 0.29.1

package/bundles/energycap-components.umd.js

@@ -5092,12 +5092,19 @@
         function ConfirmDialogContext() {
             /** Id to distinguish between confirm component contexts emitted by the dialog service */
             this.id = '';
-            /** Optional required flag for the textbox, will set
-             *  a validator on the input if true
+            /**
+             * Optional required flag for the textbox, will set
+             * a validator on the input if true
              */
             this.textboxRequired = false;
             /** Sets the textbox's uppercase parameter */
             this.textboxUppercase = false;
+            /**
+             * Optional textbox height (in rows).
+             * Only applies to multi-line type.
+             * Default 3.
+             */
+            this.textareaRows = 3;
             /** Optional save button label */
             this.saveLabel = 'Save'; // LOCO
             /** Optional save button type */
@@ -5110,9 +5117,10 @@
             this.alternateSaveLabel = undefined;
             /** Optional alternate save button type */
             this.alternateSaveButtonType = undefined;
-            /** Used to know which save button was selected in case the calling component
-            *  is utilizing the alternate save button
-            */
+            /**
+             * Used to know which save button was selected in case the calling component
+             * is utilizing the alternate save button
+             */
             this.saveSource = 'primary';
             /** The message to be displayed while inlineConfirmAction is pending. */
             this.inlineConfirmPendingMessage = '';
@@ -5160,8 +5168,9 @@
         ConfirmComponent.prototype.onCancel = function () {
             this.onDialogCancel.emit();
         };
-        /** Adds the textbox form control to our form group if its configured to be visible
-         *  Will also add the required validator if requested
+        /**
+         * Adds the textbox form control to our form group if its configured to be visible
+         * Will also add the required validator if requested
          */
         ConfirmComponent.prototype.addFormControls = function () {
             if (this.context.textboxType) {
@@ -5203,7 +5212,7 @@
     ConfirmComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'ec-confirm',
-                    template: "<section ecOverlay\r\n         [status]=\"status?.status\"\r\n         [message]=\"status?.message\"\r\n         [action]=\"status?.action\"\r\n         [noDataTemplate]=\"inlineConfirmResult\"\r\n         overlayClassList=\"p-0\"\r\n         class=\"bg-body flex-grow d-flex\">\r\n  <form [formGroup]=\"formGroup\" class=\"flex-grow flex-column confirm-content text-body-1\">\r\n    <section class=\"flex-grow\">\r\n      <h2 class=\"font-weight-bold mb-3\" *ngIf=\"context?.title\">{{context?.title}}</h2>\r\n      <ec-banner *ngIf=\"error\" [text]=\"error | translate\" bannerStyle=\"normal\" class=\"mb-3\"></ec-banner>\r\n      <div *ngIf=\"context?.message\" [innerHtml]=\"context?.message | translate\" class=\"mb-3\"></div>\r\n      <ec-textbox id=\"confirmTextbox\"\r\n                  *ngIf=\"context?.textboxType\"\r\n                  [autofocus]=\"true\"\r\n                  [formModel]=\"formGroup.get('textbox')\"\r\n                  [label]=\"context?.textboxLabel\"\r\n                  [type]=\"context?.textboxType\"\r\n                  [upperCase]=\"context?.textboxUppercase\">\r\n      </ec-textbox>\r\n    </section>\r\n    <footer class=\"mt-auto flex-shrink d-flex py-2 flex-row-reverse\">\r\n      <ec-button id=\"saveConfirmButton\"\r\n                  class=\"ml-2\"\r\n                  [type]=\"context?.saveButtonType ? context?.saveButtonType : 'primary'\"\r\n                  [label]=\"context?.saveLabel ? context?.saveLabel : 'Save'\"\r\n                  [autofocus]=\"!context?.textboxType\"\r\n                  [isSubmit]=\"context?.saveOnEnter\"\r\n                  (clicked)=\"onSave('primary')\">\r\n      </ec-button>\r\n      <ec-button id=\"alternateSaveConfirmButton\"\r\n                  *ngIf=\"context?.alternateSaveLabel\"\r\n                  class=\"ml-2\"\r\n                  [type]=\"context?.alternateSaveButtonType ? context?.alternateSaveButtonType : 'primary'\"\r\n                  [label]=\"context?.alternateSaveLabel\"\r\n                  (clicked)=\"onSave('alternate')\">\r\n      </ec-button>\r\n      <ec-button id=\"cancelConfirmButton\"\r\n                  class=\"ml-auto\"\r\n                  type=\"secondary\"\r\n                  [label]=\"context?.cancelLabel ? context?.cancelLabel : 'Cancel'\"\r\n                  (clicked)=\"onCancel()\">\r\n      </ec-button>\r\n    </footer>\r\n  </form>\r\n</section>\r\n\r\n<ng-template #inlineConfirmResult>\r\n  <section class=\"flex-grow align-self-stretch confirm-content text-body-1\">\r\n    <div class=\"d-flex\">\r\n      <i class=\"ec-icon {{status?.action?.icon}} {{status?.action?.classlist}} inline-confirm-result-icon\"></i>\r\n      <div [innerHTML]=\"status?.message | translate\"></div>\r\n    </div>\r\n    <div class=\"d-flex pt-2 mt-auto\">\r\n      <ec-button id=\"inlineConfirmClose\"\r\n                 label=\"Close\"\r\n                 type=\"secondary\"\r\n                 class=\"ml-auto\"\r\n                 (clicked)=\"status?.action?.onClick!()\"\r\n                 [autofocus]=\"true\">\r\n      </ec-button>\r\n    </div>\r\n  </section>\r\n</ng-template>",
+                    template: "<section ecOverlay\r\n         [status]=\"status?.status\"\r\n         [message]=\"status?.message\"\r\n         [action]=\"status?.action\"\r\n         [noDataTemplate]=\"inlineConfirmResult\"\r\n         overlayClassList=\"p-0\"\r\n         class=\"bg-body flex-grow d-flex\">\r\n  <form [formGroup]=\"formGroup\" class=\"flex-grow flex-column confirm-content text-body-1\">\r\n    <section class=\"flex-grow\">\r\n      <h2 class=\"font-weight-bold mb-3\" *ngIf=\"context?.title\">{{context?.title}}</h2>\r\n      <ec-banner *ngIf=\"error\" [text]=\"error | translate\" bannerStyle=\"normal\" class=\"mb-3\"></ec-banner>\r\n      <div *ngIf=\"context?.message\" [innerHtml]=\"context?.message | translate\" class=\"mb-3\"></div>\r\n      <ec-textbox id=\"confirmTextbox\"\r\n                  *ngIf=\"context?.textboxType\"\r\n                  [autofocus]=\"true\"\r\n                  [formModel]=\"formGroup.get('textbox')\"\r\n                  [required]=\"context?.textboxRequired\"\r\n                  [label]=\"context?.textboxLabel\"\r\n                  [type]=\"context?.textboxType\"\r\n                  [rows]=\"context?.textareaRows\"\r\n                  [placeholder]=\"context?.textboxPlaceholder\"\r\n                  [upperCase]=\"context?.textboxUppercase\">\r\n      </ec-textbox>\r\n    </section>\r\n    <footer class=\"mt-auto flex-shrink d-flex py-2 flex-row-reverse\">\r\n      <ec-button id=\"saveConfirmButton\"\r\n                  class=\"ml-2\"\r\n                  [type]=\"context?.saveButtonType ? context?.saveButtonType : 'primary'\"\r\n                  [label]=\"context?.saveLabel ? context?.saveLabel : 'Save'\"\r\n                  [autofocus]=\"!context?.textboxType\"\r\n                  [isSubmit]=\"context?.saveOnEnter\"\r\n                  (clicked)=\"onSave('primary')\">\r\n      </ec-button>\r\n      <ec-button id=\"alternateSaveConfirmButton\"\r\n                  *ngIf=\"context?.alternateSaveLabel\"\r\n                  class=\"ml-2\"\r\n                  [type]=\"context?.alternateSaveButtonType ? context?.alternateSaveButtonType : 'primary'\"\r\n                  [label]=\"context?.alternateSaveLabel\"\r\n                  (clicked)=\"onSave('alternate')\">\r\n      </ec-button>\r\n      <ec-button id=\"cancelConfirmButton\"\r\n                  class=\"ml-auto\"\r\n                  type=\"secondary\"\r\n                  [label]=\"context?.cancelLabel ? context?.cancelLabel : 'Cancel'\"\r\n                  (clicked)=\"onCancel()\">\r\n      </ec-button>\r\n    </footer>\r\n  </form>\r\n</section>\r\n\r\n<ng-template #inlineConfirmResult>\r\n  <section class=\"flex-grow align-self-stretch confirm-content text-body-1\">\r\n    <div class=\"d-flex\">\r\n      <i class=\"ec-icon {{status?.action?.icon}} {{status?.action?.classlist}} inline-confirm-result-icon\"></i>\r\n      <div [innerHTML]=\"status?.message | translate\"></div>\r\n    </div>\r\n    <div class=\"d-flex pt-2 mt-auto\">\r\n      <ec-button id=\"inlineConfirmClose\"\r\n                 label=\"Close\"\r\n                 type=\"secondary\"\r\n                 class=\"ml-auto\"\r\n                 (clicked)=\"status?.action?.onClick!()\"\r\n                 [autofocus]=\"true\">\r\n      </ec-button>\r\n    </div>\r\n  </section>\r\n</ng-template>",
                     styles: [":host{display:flex;width:100%}.confirm-content{display:flex;flex-direction:column;padding:1.5rem}.inline-confirm-result-icon{margin:.0625rem .25rem .0625rem 0}"]
                 },] }
     ];