@heartlandone/vega 2.0.0-temp-test-0.2 → 2.0.0

package/dist/cjs/vega-page-notification_2.cjs.entry.js

@@ -0,0 +1,155 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1299d729.js');
+const accessibility = require('./accessibility-bfa227f6.js');
+const component = require('./component-b50f0483.js');
+const ui = require('./ui-23cd9abb.js');
+require('./global-slimmer-registry-58eee093.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+require('./log-5d8066e0.js');
+
+const vegaPageNotificationCss = ":host{display:inline-block;padding:24px;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;padding:16px;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}";
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const typeIconMap = {
+  success: 'checkmark-circle',
+  warning: 'warning-triangle-filled',
+  error: 'help-filled',
+  info: 'info-circle-filled',
+};
+const VegaPageNotification = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
+    /**
+     * Specifies the title text for the page notification.
+     *
+     * It provides users with a concise and informative message
+     *    that communicates the purpose or nature of the notification.
+     */
+    this.notificationTitle = '';
+    /**
+     * Specifies the content text for the page notification.
+     *
+     * It provides a detailed message or information that
+     *    further explains the purpose or context of
+     *    the notification.
+     */
+    this.message = '';
+    /**
+     * Specifies the type of page notification,
+     *    indicating the visual style or category of
+     *    the notification.
+     */
+    this.type = 'info';
+    /**
+     * Specifies the duration, in milliseconds, before the
+     *    page notification automatically closes.
+     *
+     * If the duration is set to `0`, the notification will not
+     *    close automatically.
+     */
+    this.duration = 5000;
+    /**
+     * Specifies whether to display the close button for
+     *    the page notification.
+     */
+    this.showCloseButton = true;
+    /**
+     * Specifies the configuration array for the action buttons of
+     *    the page notification.
+     *
+     * The action buttons provide interactive options for users to
+     *    perform specific actions or operations related to
+     *    the notification.
+     */
+    this.actionButtons = [];
+    this.renderPrefixIcon = () => {
+      return (index.h("div", { class: "vega-page-notification-prefix" }, index.h("vega-icon", { icon: typeIconMap[this.type], size: this.isMobileDevice ? 'size-16' : 'size-24' })));
+    };
+    this.renderContent = () => {
+      return (index.h("div", { class: "vega-page-notification-content" }, this.notificationTitle && (index.h("div", { class: "vega-page-notification-title" }, this.notificationTitle)), index.h("div", { class: "vega-page-notification-message" }, this.message)));
+    };
+    this.autoCloseAfterDuration = () => {
+      if (this.duration > 0) {
+        setTimeout(() => {
+          void this.close();
+        }, this.duration);
+      }
+    };
+  }
+  componentDidLoad() {
+    this.autoCloseAfterDuration();
+  }
+  /**
+   * Invoke this method to close the page notification.
+   */
+  async close() {
+    this.host.classList.add('vega-page-notification-fade-out');
+    setTimeout(() => {
+      this.host.remove();
+    }, 300);
+  }
+  render() {
+    const classNames = ui.arrayToClassString([this.type, this.isMobileDevice && 'mobile'].filter(Boolean));
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: classNames }, index.h("vega-flex", { gap: "size-16" }, this.renderPrefixIcon(), this.renderContent(), this.renderCloseButtons()), this.renderActionButtons()), this.host);
+  }
+  renderCloseButtons() {
+    if (!this.showCloseButton)
+      return;
+    return (index.h("div", { "aria-label": "Close Button", class: "vega-page-notification-close-btn",
+      /* eslint-disable-next-line react/jsx-no-bind */
+      onClick: () => this.close(), role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, index.h("vega-icon", { icon: "close", size: this.isMobileDevice ? 'size-12' : 'size-16' })));
+  }
+  renderActionButtons() {
+    if (!this.actionButtons || this.actionButtons.length === 0)
+      return;
+    return (index.h("div", { class: "vega-page-notification-actions-container" }, this.actionButtons.map((actionButton) => (index.h("vega-button", { size: this.isMobileDevice ? 'small' : 'default', label: actionButton.label, variant: "secondary", onVegaClick: actionButton.onVegaClick })))));
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate$1([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaPageNotification.prototype, "globalSlimmers", void 0);
+VegaPageNotification.style = vegaPageNotificationCss;
+
+const vegaPageNotificationListCss = ":host{position:fixed;display:flex;flex-direction:column;align-items:flex-end}:host(.vega-page-notification-list-topRight){top:24px;right:24px}:host(.vega-page-notification-list-bottom){align-items:center;padding-left:16px;padding-right:16px;left:0px;right:0px;bottom:0px}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaPageNotificationList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+};
+__decorate([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaPageNotificationList.prototype, "globalSlimmers", void 0);
+VegaPageNotificationList.style = vegaPageNotificationListCss;
+
+exports.vega_page_notification = VegaPageNotification;
+exports.vega_page_notification_list = VegaPageNotificationList;

package/dist/cjs/vega-pagination.cjs.entry.js

@@ -2,12 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4c1d8251.js');
-const component = require('./component-a411c045.js');
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
 const number = require('./number-7e7d9981.js');
-const ui = require('./ui-97068bc7.js');
-require('./featureFlagController-3b23a9cb.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+const ui = require('./ui-23cd9abb.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
 require('./log-5d8066e0.js');
+require('./vega-slimmer-af488dc3.js');
+require('./dynamic-slimmer-c718b7d9.js');
+require('./changeManager-1dd5ac2a.js');
 
 const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, }) => {
   const rangeFrom = total > 0 ? pageSize * (current - 1) + 1 : 0;
@@ -17,45 +24,49 @@ const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, }) => {
 
 const VegaPaginationGoTo = ({ onChange, pageCount, }) => {
   let inputRef;
-  const handleChange = (e) => {
-    e.stopPropagation();
-    if (!inputRef.value) {
-      return;
+  const handleChange = () => {
+    if (inputRef.value) {
+      const goToPage = number.normalizeNumberByRanger(number.convertToNumber(inputRef.value, 1), 1, pageCount);
+      onChange(goToPage);
+      inputRef.value = '';
     }
-    const goToPage = number.normalizeNumberByRanger(number.convertToNumber(inputRef.value, 1), 1, pageCount);
-    onChange(goToPage);
-    inputRef.value = '';
   };
   const stopChangePropagation = (e) => {
     e.stopPropagation();
   };
-  return (index.h("vega-flex", { alignItem: "center", justifyContent: "center", gap: "size-8" },
+  return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     index.h("vega-field-label", { label: "Go To" }),
     index.h("vega-form", { 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onVegaFormSubmit: handleChange },
-      index.h("vega-input", { "data-vega-form": "paginationGoTo", ref: (ref) => (inputRef = ref), type: "number", size: "small", showClearIcon: false, style: { width: '60px' }, 
-        /* eslint-disable-next-line react/jsx-no-bind */
-        onVegaBlur: handleChange, 
-        /* eslint-disable-next-line react/jsx-no-bind */
-        onVegaChange: stopChangePropagation, maskConfig: {
+      ref: (ref) => {
+        eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaFormSubmit, handleChange);
+      } },
+      index.h("vega-input", { "data-vega-form": "paginationGoTo", type: "number", size: "small", showClearIcon: false, style: { width: '60px' }, maskConfig: {
           type: 'number',
           options: {
             allowNegative: false,
             precision: 0,
           },
+        }, 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        onVegaChange: stopChangePropagation, 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        onChange: stopChangePropagation, 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        ref: (ref) => {
+          inputRef = ref;
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaBlur, handleChange);
         } }))));
 };
 
 const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, }) => {
   const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
-  const handleChange = (event) => {
-    event.stopPropagation();
+  const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
-    const pageSize = Number(event.detail);
+    const pageSize = Number(input.detail);
     onChange(pageSize);
   };
-  return (index.h("vega-flex", { alignItem: "center", justifyContent: "center", gap: "size-8" },
+  return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     index.h("vega-field-label", { label: "Show" }),
     index.h("div", null,
       index.h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
@@ -63,7 +74,9 @@ const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onC
           displayName: option.toString(),
         })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: { matchTargetWidth: false, searchable: false }, 
         /* eslint-disable-next-line react/jsx-no-bind */
-        onVegaChange: handleChange }))));
+        ref: (ref) => {
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaChange, handleChange);
+        } }))));
 };
 
 /**
@@ -144,7 +157,11 @@ const VegaPaginationPageSelector = ({ total, current, onChange, pageCount, }) =>
   };
   const pagerButton = (icon, isDisabled, handleClick) => {
     return (index.h("li", { class: ui.arrayToClassString(['vega-pagination-button', isDisabled && 'disabled']) },
-      index.h("vega-button-circle", { variant: "icon-only", icon: icon, iconColor: "text-link", size: "small", disabled: isDisabled, onVegaClick: handleClick })));
+      index.h("vega-button-circle", { variant: "icon-only", icon: icon, iconColor: "text-link", size: "small", disabled: isDisabled, 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        ref: (ref) => {
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaClick, handleClick);
+        } })));
   };
   const handlePrev = () => {
     onChange(current - 1);
@@ -161,11 +178,30 @@ const VegaPaginationPageSelector = ({ total, current, onChange, pageCount, }) =>
     renderNextButton()));
 };
 
+const vegaPaginationCss = ":host{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:normal}.vega-pagination{display:flex;padding:0px;margin:0px}.vega-pagination .vega-pagination-item{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:2px solid transparent;outline-offset:2px;width:100%;height:100%;cursor:pointer;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item.pager-ellipsis{cursor:default}.vega-pagination .vega-pagination-item:not(.pager-ellipsis):not(:active):hover{text-decoration:underline;text-underline-offset:2px}.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.vega-pagination .vega-pagination-item button:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));border-radius:9999px}.vega-pagination .vega-pagination-button{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const VegaPagination = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
     this.vegaPageSizeChange = index.createEvent(this, "vegaPageSizeChange", 7);
+    this.pageSizeChange = index.createEvent(this, "pageSizeChange", 7);
+    this.globalSlimmers = {};
+    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaFormSubmit], () => this.host);
+    this.childValueChangePrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaChange], () => this.host, true);
+    this.vegaChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPagination, internalVegaEventManager.VegaChange);
+    this.vegaPageSizeChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPagination, internalVegaEventManager.VegaPageSizeChange);
     this.vegaPaginationItemTypes = [
       'currentPageLabel',
       'pageSizeSelector',
@@ -204,7 +240,7 @@ const VegaPagination = class {
      */
     this.pageSizeSelectorOptions = [10, 20, 50, 100];
     this.renderPaginationItemsWrapper = (extensionArr) => {
-      return (index.h("vega-flex", { gap: "size-24", alignItem: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {
+      return (index.h("vega-flex", { gap: "size-24", alignItems: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {
         return index.h("div", { key: item }, this.renderPaginationItem(item));
       })));
     };
@@ -225,7 +261,7 @@ const VegaPagination = class {
     };
     this.onPageSizeSelectorChange = (pageSize) => {
       this.pageSize = pageSize;
-      this.vegaPageSizeChange.emit(this.pageSize);
+      this.vegaPageSizeChangeEventEmitter.emit(this.pageSize);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -274,7 +310,7 @@ const VegaPagination = class {
   }
   watchCurrent() {
     this.currentValueGuard();
-    this.vegaChange.emit(this.current);
+    this.vegaChangeEventEmitter.emit(this.current);
   }
   watchPageSize() {
     this.pageCount = this.calculatePages();
@@ -297,5 +333,21 @@ const VegaPagination = class {
     "pageSize": ["watchPageSize"]
   }; }
 };
+__decorate([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaPagination.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPagination.prototype, "childEventPrevent", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPagination.prototype, "childValueChangePrevent", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPagination.prototype, "vegaChangeEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPagination.prototype, "vegaPageSizeChangeEventEmitter", void 0);
+VegaPagination.style = vegaPaginationCss;
 
 exports.vega_pagination = VegaPagination;

package/dist/cjs/vega-pie-chart.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4c1d8251.js');
-const legendInputProcessor = require('./legendInputProcessor-c96488db.js');
-const component = require('./component-a411c045.js');
-require('./array-e1e5ed1d.js');
+const index = require('./index-1299d729.js');
+const legendInputProcessor = require('./legendInputProcessor-88c81168.js');
+const component = require('./component-b50f0483.js');
+require('./global-slimmer-registry-58eee093.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+require('./array-5f977aa2.js');
 require('./number-7e7d9981.js');
-require('./typography-358013af.js');
-require('./featureFlagController-3b23a9cb.js');
+require('./typography-3d2ba97d.js');
 require('./log-5d8066e0.js');
 
 function descending(a, b) {
@@ -350,6 +351,18 @@ class PieChart extends legendInputProcessor.BaseChart {
   }
 }
 
+const vegaPieChartCss = ".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};
   for (var p in s)
@@ -365,6 +378,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 const VegaPieChart = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
   }
   watchOptionsHandel(options) {
     this.updateChart(options);
@@ -415,5 +429,9 @@ const VegaPieChart = class {
     "options": ["watchOptionsHandel"]
   }; }
 };
+__decorate([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaPieChart.prototype, "globalSlimmers", void 0);
+VegaPieChart.style = vegaPieChartCss;
 
 exports.vega_pie_chart = VegaPieChart;