@globalpayments/vega 2.23.0 → 2.24.0

package/dist/esm/vega-progress-tracker.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { F as VegaCurrentStepUpdate, i as VegaPageUpdate } from './vega-event-id-783f8cfb.js';
+import { F as VegaCurrentStepUpdate, i as VegaPageUpdate } from './vega-event-id-6ac7ca51.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger } from './number-e2519d1c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './change-manager-6a7eb88c.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './object-261e7344.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [
@@ -40,7 +40,7 @@ const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaProgressTrackerCss = ":host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block;padding-bottom:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__title{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 320px) and (max-width: 767px){:host .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host .vega-progress-step .vega-progress-step__icon{line-height:16px}:host .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host .vega-progress-step .vega-progress-step__icon span{display:none}:host .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host .vega-progress-step .vega-progress-step__divider.left{display:block}:host .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.right{display:block}:host .vega-progress-step .vega-progress-step__title{display:none}:host .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}@media screen and (min-width: 320px) and (max-width: 767px){:host(.horizontal){padding-top:0px}}:host vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{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 vega-carousel .subTitle{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 vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}@media (min-width: 768px){:host .vega-progress-tracker__box{display:none}}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}";
+const vegaProgressTrackerCss = ":host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block;padding-bottom:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__title{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 320px) and (max-width: 767px){:host .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host .vega-progress-step .vega-progress-step__icon{line-height:16px}:host .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host .vega-progress-step .vega-progress-step__icon span{display:none}:host .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host .vega-progress-step .vega-progress-step__divider.left{display:block}:host .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.right{display:block}:host .vega-progress-step .vega-progress-step__title{display:none}:host .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}@media screen and (min-width: 320px) and (max-width: 767px){:host(.horizontal){padding-top:0px}}:host vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{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 vega-carousel .subTitle{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 vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}@media (min-width: 768px){:host .vega-progress-tracker__box{display:none}}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}";
 
 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;

package/dist/esm/vega-radio_2.entry.js

@@ -7,19 +7,19 @@ import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-ob
 import { f as findParent } from './ui-153f4ae7.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-783f8cfb.js';
-import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-c0904e43.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-6ac7ca51.js';
+import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-809b4ec8.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7b9d3b2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
 import './page-resize-observer-slimmer-8caeb03b.js';

package/dist/esm/vega-segment-control.entry.js

@@ -2,13 +2,13 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { e as VegaChange } from './vega-event-id-783f8cfb.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { e as VegaChange } from './vega-event-id-6ac7ca51.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 

package/dist/esm/vega-selection-chip_2.entry.js

@@ -4,20 +4,21 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { S as SubStateObserverSlimmer, c as createSubStateNotifySlimmer } from './sub-state-observer-slimmer-d7c55ad1.js';
+import { S as SubStateObserverSlimmer, c as createSubStateNotifySlimmer } from './sub-state-observer-slimmer-106273ec.js';
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-c0904e43.js';
+import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-809b4ec8.js';
 import { f as findParent } from './ui-153f4ae7.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
-import { e as VegaChange } from './vega-event-id-783f8cfb.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { e as VegaChange } from './vega-event-id-6ac7ca51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { a as TagNameAndAttributeMutationFilter } from './mutation-observer-filters-9086b5cc.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
+import { i as isArrayEqual } from './array-506b88b9.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import './type-guard-4bc3fbf5.js';
 import './ui-df46cc20.js';
@@ -26,8 +27,7 @@ import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a131803b.js';
-import './array-506b88b9.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -598,9 +598,14 @@ class VegaSelectionChipGroupItemsController extends VegaSlimmer {
    * Sets the value of an element based on the checked items in a selection chip array.
    */
   setValueFromCheckboxItems() {
-    this.valueController.setValue(this.selectionChipArray
+    const currentValue = this.selectionChipArray
       .filter((chip) => chip.checked)
-      .map((chip) => chip.value));
+      .map((chip) => chip.value);
+    // Should skip update the value while same items with different order are in the two value arrays.
+    // ticket: https://gethired.atlassian.net/browse/VD-4534
+    if (!isArrayEqual(this.value, currentValue, true)) {
+      this.valueController.setValue(currentValue);
+    }
   }
   /**
    * Sets the value of a radio item based on the checked status of the items.

package/dist/esm/vega-selection-tile_2.entry.js

@@ -3,20 +3,20 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { e as VegaChange } from './vega-event-id-783f8cfb.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { e as VegaChange } from './vega-event-id-6ac7ca51.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SELECTION_TILE_VALUE_CHANGE, C as CHECKBOX_VALUE_CHANGE, R as RADIO_VALUE_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
-import { S as SubStateObserverSlimmer, c as createSubStateNotifySlimmer } from './sub-state-observer-slimmer-d7c55ad1.js';
-import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-c0904e43.js';
+import { S as SubStateObserverSlimmer, c as createSubStateNotifySlimmer } from './sub-state-observer-slimmer-106273ec.js';
+import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-809b4ec8.js';
 import { f as findParent } from './ui-153f4ae7.js';
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7b9d3b2.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';

package/dist/esm/vega-signature-capture.entry.js

@@ -4,13 +4,13 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { a as VegaClick, e as VegaChange } from './vega-event-id-783f8cfb.js';
+import { a as VegaClick, e as VegaChange } from './vega-event-id-6ac7ca51.js';
 import { f as formatAndValidResponsiveToken } from './design-token-abcaac42.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as deepEqual } from './object-261e7344.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
@@ -26,10 +26,10 @@ import './responsive-format-facade-2fcb7c02.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './state-background-color-formatter-0f86292d.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './string-be824360.js';
 import './ui-153f4ae7.js';
-import './vega-internal-event-id-c0904e43.js';
+import './vega-internal-event-id-809b4ec8.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';

package/dist/esm/{vega-skeleton-loader-controller-7c490d69.js → vega-skeleton-loader-controller-b9a8df78.js}

@@ -1,12 +1,12 @@
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './index-0863eec6.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-a131803b.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-c16aea68.js';
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {
@@ -72,11 +72,15 @@ class VegaLoaderController {
    */
   load(options = {}) {
     const containerSelector = options.containerSelector || 'body';
+    const containerElement = document.querySelector(containerSelector);
+    if (!containerElement) {
+      LogUtility.error('Container is not found by selector: ', containerSelector);
+      return null;
+    }
     const loadingIndicator = this.createLoadingIndicator(options.indicatorOptions);
     const loader = this.createLoader(containerSelector);
     loader.append(loadingIndicator);
-    this.appendLoader(loader, containerSelector);
-    return loader.id;
+    return this.appendLoader(loader, containerElement);
   }
   /**
    * Close the loader by id
@@ -84,7 +88,7 @@ class VegaLoaderController {
    * @param {string} id - The id of the loader.
    */
   close(id) {
-    const loader = document.getElementById(id);
+    const loader = this.findLoader(id);
     if (loader) {
       if (loader.dataset.container) {
         const container = document.querySelector(loader.dataset.container);
@@ -95,6 +99,24 @@ class VegaLoaderController {
       loader.remove();
     }
   }
+  /**
+   * Find loader by id, if the id include '>>>' it will find inside shadowRoot
+   *
+   * @param {string} id - The id of the loader.
+   * @returns {string} The loader found by id.
+   */
+  findLoader(id) {
+    var _a, _b;
+    let loader;
+    if (id.includes('>>>')) {
+      const [containerSelector, loaderSelector] = id.split('>>>');
+      loader = (_b = (_a = document.querySelector(containerSelector)) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(loaderSelector);
+    }
+    else {
+      loader = document.getElementById(id);
+    }
+    return loader;
+  }
   /**
    * Create a loader for loading indicator
    *
@@ -125,14 +147,19 @@ class VegaLoaderController {
    * Append the loader to the container
    *
    * @param {HTMLElement} loader A loader with loading indicator
-   * @param {string} containerSelector The container which you want to append the loader to
+   * @param {string} containerElement The container which you want to append the loader to
+   * @returns {string} The uuid of the loader.
    */
-  appendLoader(loader, containerSelector) {
-    const containerElement = document.querySelector(containerSelector);
-    if (containerElement) {
-      containerElement.dataset['vegaLoaderOriginPosition'] = containerElement.style.position;
-      containerElement.style.position = 'relative';
+  appendLoader(loader, containerElement) {
+    containerElement.dataset['vegaLoaderOriginPosition'] = containerElement.style.position;
+    containerElement.style.position = 'relative';
+    if (containerElement.shadowRoot) {
+      containerElement.shadowRoot.append(loader);
+      return `${loader.dataset['container']}>>>${loader.id}`;
+    }
+    else {
       containerElement.append(loader);
+      return loader.id;
     }
   }
 }

package/dist/esm/vega-stepper.entry.js

@@ -4,25 +4,25 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as convertToNumber, n as normalizeNumberByRanger } from './number-e2519d1c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, u as VegaBlur, a as VegaClick } from './vega-event-id-783f8cfb.js';
+import { e as VegaChange, u as VegaBlur, a as VegaClick } from './vega-event-id-6ac7ca51.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
 import { a as arrayToClassString } from './ui-153f4ae7.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-c0904e43.js';
+import './vega-internal-event-id-809b4ec8.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';

package/dist/esm/vega-tab-group_2.entry.js

@@ -7,15 +7,15 @@ import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8
 import { d as debounce } from './timer-9321173b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { D as DomNodeSubjectObserverFactory, O as Observer } from './dom-node-subject-observer-factory-926991a9.js';
-import { b as VegaDropdownClick, a as VegaClick } from './vega-event-id-783f8cfb.js';
+import { b as VegaDropdownClick, a as VegaClick } from './vega-event-id-6ac7ca51.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-2e153754.js';
 import { f as findParent } from './ui-153f4ae7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';

package/dist/esm/vega-table_8.entry.js

@@ -5,11 +5,11 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { g as getValueByPath } from './object-261e7344.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { l as TABLE_EXPAND_ROW, m as TABLE_ROW_SELECTION, n as TABLE_ROW_SELECTION_ALL, o as TABLE_ROW_CLICK } from './static-subject-title-2e153754.js';
-import { O as Observer, d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { d as domNodeSubjectFactory, O as Observer, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
 import { f as findParent, a as arrayToClassString } from './ui-153f4ae7.js';
 import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.js';
-import { i as VegaInternalTableRowSelect, j as VegaInternalTableRowSelectAll } from './vega-internal-event-id-c0904e43.js';
-import { a as VegaClick, e as VegaChange, C as VegaPageSizeChange, G as VegaSelectChange, H as VegaSelectAllChange, I as VegaRowClick, J as VegaRowSelect, K as VegaRowSelectAll, V as VegaExpand } from './vega-event-id-783f8cfb.js';
+import { i as VegaInternalTableRowExpand, j as VegaInternalTableRowSelect, k as VegaInternalTableRowSelectAll } from './vega-internal-event-id-809b4ec8.js';
+import { a as VegaClick, e as VegaChange, C as VegaPageSizeChange, V as VegaExpand, G as VegaSelectChange, H as VegaSelectAllChange, I as VegaRowClick, J as VegaRowExpand, K as VegaRowSelect, L as VegaRowSelectAll } from './vega-event-id-6ac7ca51.js';
 import { P as isNonNullable, r as isBreakpointsTokenType } from './type-guard-4bc3fbf5.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
@@ -18,9 +18,9 @@ import { g as getCurrentBreakpoint, B as Breakpoints } from './breakpoints-e59ed
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d7c55ad1.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
 import { I as ImmutableMap } from './immutable-map-f545ed1a.js';
 import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
@@ -34,7 +34,7 @@ import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './array-506b88b9.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c16aea68.js';
 import './vega-env-manager-8f8dc473.js';
 import './index-0863eec6.js';
 import './icon-manager-754cda3f.js';
@@ -395,6 +395,7 @@ class VegaTableExpandRowController extends VegaSlimmer {
       this.mutationObserver.disconnect();
     }
     ChangeManager.unregister(TABLE_EXPAND_ROW, this.expandObserver);
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
   }
   /**
    * Component lifecycle - componentDidLoad
@@ -421,6 +422,12 @@ class VegaTableExpandRowController extends VegaSlimmer {
       }
     });
     ChangeManager.register(TABLE_EXPAND_ROW, this.expandObserver);
+    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
+      return this.rowExpandEventEmitter.emit({
+        record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
+        expanded: expanded,
+      });
+    });
   }
   /**
    * The function checks if the input is an acceptable row observer.
@@ -443,6 +450,9 @@ __decorate$C([
 __decorate$C([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandable", void 0);
+__decorate$C([
+  MapToComponentField()
+], VegaTableExpandRowController.prototype, "rowExpandEventEmitter", void 0);
 __decorate$C([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "vegaTableDataSourceController", void 0);
@@ -2199,7 +2209,7 @@ class VegaTableRenderModeController extends VegaSlimmer {
      * @returns {boolean} return true if the mode is template, otherwise false
      */
     this.checkIsTemplateRenderMode = (tableRef) => {
-      return (Array.from(tableRef.children).filter((el) => { var _a; return !((_a = el.getAttribute('slot')) === null || _a === void 0 ? void 0 : _a.startsWith('vega-table-expand-row-')); }).length > 0);
+      return Array.from(tableRef.children).some((el) => el.tagName.startsWith('VEGA-TABLE-'));
     };
   }
   /**
@@ -2292,6 +2302,8 @@ const VegaTable = class {
     this.change = createEvent(this, "change", 7);
     this.vegaRowClick = createEvent(this, "vegaRowClick", 7);
     this.rowClick = createEvent(this, "rowClick", 7);
+    this.vegaRowExpand = createEvent(this, "vegaRowExpand", 7);
+    this.rowExpand = createEvent(this, "rowExpand", 7);
     this.vegaSelectChange = createEvent(this, "vegaSelectChange", 7);
     this.selectChange = createEvent(this, "selectChange", 7);
     this.vegaSelectAllChange = createEvent(this, "vegaSelectAllChange", 7);
@@ -2327,11 +2339,12 @@ const VegaTable = class {
     this.paddingXNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'paddingX', 'watchPaddingX');
     this.rowClickableNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowClickable', 'watchRowClickable');
     this.scrollConfigNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'scrollConfig', 'watchScrollConfig');
-    this.paginationEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaPageSizeChange], () => this.host);
+    this.eventsPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaPageSizeChange, VegaExpand], () => this.host);
     this.changeEventEmitter = createEventEmitSlimmer(VegaTable, VegaChange);
     this.selectChangeEventEmitter = createEventEmitSlimmer(VegaTable, VegaSelectChange);
     this.selectAllChangeEventEmitter = createEventEmitSlimmer(VegaTable, VegaSelectAllChange);
     this.rowClickEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowClick);
+    this.rowExpandEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowExpand);
     this.rowDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowDivider', 'watchRowDivider');
     this.columnDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'columnDivider', 'watchColumnDivider');
     this.densityNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'density', 'watchDensity');
@@ -2740,7 +2753,7 @@ __decorate$n([
 ], VegaTable.prototype, "scrollConfigNotifySlimmer", void 0);
 __decorate$n([
   InjectVegaSlimmer()
-], VegaTable.prototype, "paginationEventPrevent", void 0);
+], VegaTable.prototype, "eventsPrevent", void 0);
 __decorate$n([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "changeEventEmitter", void 0);
@@ -2753,6 +2766,9 @@ __decorate$n([
 __decorate$n([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickEventEmitter", void 0);
+__decorate$n([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowExpandEventEmitter", void 0);
 __decorate$n([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);
@@ -3877,7 +3893,7 @@ class VegaTableRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
         host: this.host,
         rowKey: this.rowKey,
         checked: !this.checked,
@@ -3897,6 +3913,12 @@ class VegaTableRowRenderer extends VegaSlimmer {
       }
     };
   }
+  connectedCallback() {
+    this.setParentTableRef();
+  }
+  getParentTableRef() {
+    return this.parentTableRef;
+  }
   render() {
     var _a, _b;
     return (h(Fragment, null,
@@ -3919,6 +3941,9 @@ class VegaTableRowRenderer extends VegaSlimmer {
   renderExpandRowSpace(rowKey) {
     return (this.expandable && (h("tr", { key: `vega-table-expand-row-space-${rowKey}`, class: "expand-row-space" })));
   }
+  setParentTableRef() {
+    this.parentTableRef = findParent(this.host, 'vega-table');
+  }
 }
 (() => {
   VegaInternalIconManager.register({ 'chevron-down': chevronDown });
@@ -3965,6 +3990,9 @@ __decorate$5([
 __decorate$5([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "expandEventEmitter", void 0);
+__decorate$5([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowRenderer.prototype, "connectedCallback", null);
 
 var __decorate$4 = (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;
@@ -4076,12 +4104,19 @@ class VegaTableRowExpandController extends VegaSlimmer {
    * The handler for expand icon click event.
    */
   handleExpandIconClick() {
-    this.expanded = !this.expanded;
-    ChangeManager.notify(TABLE_EXPAND_ROW, {
+    const rowExpandEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
       host: this.host,
       rowKey: this.rowKey,
-      expanded: this.expanded,
+      expanded: !this.expanded,
     });
+    if (!rowExpandEvent.defaultPrevented) {
+      this.expanded = !this.expanded;
+      ChangeManager.notify(TABLE_EXPAND_ROW, {
+        host: this.host,
+        rowKey: this.rowKey,
+        expanded: this.expanded,
+      });
+    }
   }
   /**
    * Initialize the row expand observer.
@@ -4107,6 +4142,9 @@ __decorate$3([
 __decorate$3([
   MapToComponentField({ writable: true })
 ], VegaTableRowExpandController.prototype, "expanded", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "vegaTableRowRenderer", void 0);
 __decorate$3([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowExpandController.prototype, "connectedCallback", null);
@@ -4140,7 +4178,7 @@ class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
       host: this.host,
       rowKey: this.rowKey,
       checked: !this.checked,
@@ -4192,6 +4230,9 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaTableRowClickController.prototype, "clickEventEmitter", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "vegaTableRowRenderer", void 0);
 __decorate$2([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowClickController.prototype, "connectedCallback", null);