@heartlandone/vega 2.80.0 → 2.82.0

package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js

@@ -51,7 +51,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
           : // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
             this.selectedLabel.multiple(this.value, this.selectedItem);
         return (h("span", { class: "vega-input-select-selected" },
-          h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: selectedLabelStr }, selectedLabelStr)));
+          h("vega-text", { overflow: "ellipsis", tooltip: this.getSelectedLabelTooltipProps(), key: selectedLabelStr }, selectedLabelStr)));
       }
       else {
         return (h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
@@ -68,7 +68,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         (typeof this.selectedLabel != 'function' && selectedLabelStr)) {
         if (typeof this.selectedLabel == 'function') {
           return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
-            h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: 
+            h("vega-text", { overflow: "ellipsis", tooltip: this.getSelectedLabelTooltipProps(), key: 
               // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
               selectedSourceItemItem.displayName }, 
             // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
@@ -76,7 +76,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         }
         else {
           return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
-            h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: selectedLabelStr }, selectedLabelStr)));
+            h("vega-text", { overflow: "ellipsis", tooltip: this.getSelectedLabelTooltipProps(), key: selectedLabelStr }, selectedLabelStr)));
         }
       }
       else {
@@ -84,7 +84,14 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
       }
     };
     this.getVegaDropdownProperties = () => {
-      return Object.assign({ searchable: true, caseSensitive: false }, this.vegaDropdownProps);
+      const dropdownProperties = Object.assign({ searchable: true, caseSensitive: false }, this.vegaDropdownProps);
+      if (this.dropdownItemTooltipProps && Object.keys(this.dropdownItemTooltipProps).length > 0) {
+        dropdownProperties.itemTooltipProps = this.dropdownItemTooltipProps;
+      }
+      return dropdownProperties;
+    };
+    this.getSelectedLabelTooltipProps = () => {
+      return Object.assign({ placement: 'bottom' }, this.selectedLabelTooltipProps);
     };
   }
   watchVegaDropdownProps() {
@@ -184,6 +191,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "selectedItem", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectDropdownRenderer.prototype, "selectedLabelTooltipProps", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectDropdownRenderer.prototype, "dropdownItemTooltipProps", void 0);
 __decorate([
   MapToComponentMethod('watchVegaDropdownProps')
 ], VegaInputSelectDropdownRenderer.prototype, "watchVegaDropdownProps", null);

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -187,6 +187,22 @@ export class VegaInputSelect {
      * @vegaVersion 1.3.0
      */
     this.vegaDropdownProps = {};
+    /**
+     * Provides tooltip configuration for the selected label text.
+     *
+     * Use this to control tooltip placement, width, and other display properties.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.selectedLabelTooltipProps = {};
+    /**
+     * Provides tooltip configuration for dropdown items.
+     *
+     * Use this to control tooltip placement and width for long item labels.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.dropdownItemTooltipProps = {};
     /**
      * Defines the size of the input select field.
      *
@@ -209,6 +225,12 @@ export class VegaInputSelect {
   watchVegaDropdownProps() {
     methodPlaceholder();
   }
+  watchSelectedLabelTooltipProps() {
+    methodPlaceholder();
+  }
+  watchDropdownItemTooltipProps() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     methodPlaceholder();
   }
@@ -599,6 +621,54 @@ export class VegaInputSelect {
       },
       "defaultValue": "{}"
     },
+    "selectedLabelTooltipProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaInputSelectTooltipProps",
+        "resolved": "{ minWidth?: ResponsiveType<SizeType>; maxWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; }",
+        "references": {
+          "VegaInputSelectTooltipProps": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.82.0"
+          }],
+        "text": "Provides tooltip configuration for the selected label text.\n\nUse this to control tooltip placement, width, and other display properties."
+      },
+      "defaultValue": "{}"
+    },
+    "dropdownItemTooltipProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaInputSelectDropdownTooltipProps",
+        "resolved": "{ minWidth?: ResponsiveType<SizeType>; maxWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; }",
+        "references": {
+          "VegaInputSelectDropdownTooltipProps": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.82.0"
+          }],
+        "text": "Provides tooltip configuration for dropdown items.\n\nUse this to control tooltip placement and width for long item labels."
+      },
+      "defaultValue": "{}"
+    },
     "size": {
       "type": "string",
       "mutable": false,
@@ -966,6 +1036,12 @@ export class VegaInputSelect {
     }, {
       "propName": "vegaDropdownProps",
       "methodName": "watchVegaDropdownProps"
+    }, {
+      "propName": "selectedLabelTooltipProps",
+      "methodName": "watchSelectedLabelTooltipProps"
+    }, {
+      "propName": "dropdownItemTooltipProps",
+      "methodName": "watchDropdownItemTooltipProps"
     }]; }
 }
 __decorate([

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js

@@ -216,7 +216,6 @@ export class VegaModalOpenStateController extends VegaSlimmer {
     this.backdropController.setBackdrop();
     this.zIndexController.setModalZIndex();
     this.removeBackdropWhileNoModalShow();
-    this.layoutController.setModalWidth();
     this.emitEvent();
     this.setModalVisibility();
     this.ariaDialogToggle(this.openState.isOpen);
@@ -318,9 +317,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "openEventEmitter", void 0);
-__decorate([
-  MapToComponentField()
-], VegaModalOpenStateController.prototype, "layoutController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "backdropController", void 0);

package/dist/collection/components/vega-modal/slimmers/renderers/vega-modal-renderer.js

@@ -8,7 +8,8 @@ import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { Fragment, h, Host } from '@stencil/core';
 import { generateUUID } from '../../../../utils/misc';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibility';
-import { formatAndValidResponsiveToken } from '../../../../utils/design-token';
+import { DefaultModalSize } from '../../../../constants/ui';
+import { isResponsiveSizeType } from '../../../../types/type-guard';
 /**
  * Modal renderer
  */
@@ -31,44 +32,41 @@ export class VegaModalRenderer extends VegaSlimmer {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
-      h("div", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, tabIndex: -1 }, this.renderContainer())));
+      h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: isResponsiveSizeType(this.size) ? this.size : DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
   }
   renderContainer() {
-    const padding = formatAndValidResponsiveToken(this.padding, 'padding');
     return (h("div", { class: "modal-container", ref: (node) => (this.modalContainer = node) },
-      this.renderHeader(padding),
-      this.renderContent(padding),
-      this.renderFooter(padding)));
+      this.renderHeader(),
+      this.renderContent(),
+      this.renderFooter()));
   }
-  renderHeader(padding) {
-    return (h("div", { class: {
+  renderHeader() {
+    return (h("vega-box", { class: {
         'vega-modal-header': true,
         'vega-modal-header-with-title': this.hasModalTitle(),
+        'vega-modal-header-with-slot': this.useModalSlotTitle(),
         'vega-modal-header-with-icon': this.showCloseButton,
         'vega-modal-header-with-content-scroll': this.isContentScrollable(),
-        [padding]: true,
-      }, id: this.titleId },
+      }, padding: this.padding, id: this.titleId },
       this.renderTitle(),
       this.showCloseButton && this.renderCloseBtn()));
   }
-  renderContent(padding) {
-    return (h("div", { class: {
+  renderContent() {
+    return (h("vega-box", { class: {
         'vega-modal-content': true,
         'vega-modal-content-with-scroll': this.isContentScrollable(),
-        [padding]: true,
-      }, ref: (e) => (this.modalContent = e) },
+      }, padding: this.padding, maxHeight: this.contentMaxHeight, ref: (e) => (this.modalContent = e) },
       h(Fragment, null,
         h("slot", null),
         h("slot", { name: "content" }),
         h("slot", { name: "modal-content" }))));
   }
-  renderFooter(padding) {
-    return (h("div", { class: {
+  renderFooter() {
+    return (h("vega-box", { class: {
         'vega-modal-footer': true,
         'vega-modal-footer-with-slot': this.hasModalFooter(),
         'vega-modal-footer-with-content-scroll': this.isContentScrollable(),
-        [padding]: true,
-      }, ref: (e) => (this.modalFooter = e) },
+      }, padding: this.padding, ref: (e) => (this.modalFooter = e) },
       h(Fragment, null,
         h("slot", { name: "footer" }),
         h("slot", { name: "modal-footer" }))));
@@ -90,9 +88,12 @@ export class VegaModalRenderer extends VegaSlimmer {
     return Boolean(this.contentMaxHeight);
   }
   hasModalTitle() {
-    return (Boolean(this.modalTitle) ||
-      this.host.querySelector(`[slot='modal-title']`) !== null ||
-      this.host.querySelector(`[slot='title']`) !== null);
+    return Boolean(this.modalTitle) || this.useModalSlotTitle();
+  }
+  useModalSlotTitle() {
+    return (!this.modalTitle &&
+      (this.host.querySelector(`[slot='modal-title']`) !== null ||
+        this.host.querySelector(`[slot='title']`) !== null));
   }
 }
 __decorate([
@@ -110,6 +111,15 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "padding", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "margin", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "size", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "height", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "showCloseButton", void 0);