@pine-ds/core 1.1.0 → 1.3.0

package/hydrate/index.js

@@ -6816,7 +6816,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'pine-core';
-const BUILD = /* pine-core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* pine-core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 function queryNonceMetaTagContent(e) {
  var t, o, n;
@@ -7189,11 +7189,12 @@ const createElm = (e, t, o, n) => {
  let a, r, i, d = 0;
  if (!useNativeShadowDom && (checkSlotRelocate = !0, "slot" === l.$tag$ && (scopeId && n.classList.add(scopeId + "-s"), 
  l.$flags$ |= l.$children$ ? 2 : 1)), null !== l.$text$) a = l.$elm$ = doc.createTextNode(l.$text$); else if (1 & l.$flags$) a = l.$elm$ = slotReferenceDebugNode(l) ; else {
-  if (a = l.$elm$ = doc.createElement(2 & l.$flags$ ? "slot-fb" : l.$tag$), 
-  updateElement(null, l, isSvgMode), 
+  if (!isSvgMode && (isSvgMode = "svg" === l.$tag$), a = l.$elm$ = doc.createElementNS(isSvgMode ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml", 2 & l.$flags$ ? "slot-fb" : l.$tag$) , 
+  isSvgMode && "foreignObject" === l.$tag$ && (isSvgMode = !1), updateElement(null, l, isSvgMode), 
   null != scopeId && a["s-si"] !== scopeId && a.classList.add(a["s-si"] = scopeId), 
   l.$children$) for (d = 0; d < l.$children$.length; ++d) r = createElm(e, l, d, a), 
   r && a.appendChild(r);
+  ("svg" === l.$tag$ ? isSvgMode = !1 : "foreignObject" === a.tagName && (isSvgMode = !0));
  }
  return a["s-hn"] = hostTagName, 3 & l.$flags$ && (a["s-sr"] = !0, 
  a["s-cr"] = contentRef, a["s-sn"] = l.$name$ || "", a["s-rf"] = null === (s = l.$attrs$) || void 0 === s ? void 0 : s.ref, 
@@ -7229,7 +7230,8 @@ const createElm = (e, t, o, n) => {
 }, isSameVnode = (e, t, o = !1) => e.$tag$ === t.$tag$ && ("slot" === e.$tag$ ? e.$name$ === t.$name$ : !(!o) || e.$key$ === t.$key$), referenceNode = e => e && e["s-ol"] || e, parentReferenceNode = e => (e["s-ol"] ? e["s-ol"] : e).parentNode, patch = (e, t, o = !1) => {
  const n = t.$elm$ = e.$elm$, s = e.$children$, l = t.$children$, a = t.$tag$, r = t.$text$;
  let i;
- null !== r ? (i = n["s-cr"]) ? i.parentNode.textContent = r : e.$text$ !== r && (n.data = r) : (("slot" === a && !useNativeShadowDom ? BUILD.experimentalSlotFixes   : updateElement(e, t, isSvgMode)), null !== s && null !== l ? ((e, t, o, n, s = !1) => {
+ null !== r ? (i = n["s-cr"]) ? i.parentNode.textContent = r : e.$text$ !== r && (n.data = r) : ((isSvgMode = "svg" === a || "foreignObject" !== a && isSvgMode), 
+ ("slot" === a && !useNativeShadowDom ? BUILD.experimentalSlotFixes   : updateElement(e, t, isSvgMode)), null !== s && null !== l ? ((e, t, o, n, s = !1) => {
   let l, a, r = 0, i = 0, d = 0, c = 0, $ = t.length - 1, m = t[0], p = t[$], h = n.length - 1, f = n[0], u = n[h];
   for (;r <= $ && i <= h; ) if (null == m) m = t[++r]; else if (null == p) p = t[--$]; else if (null == f) f = n[++i]; else if (null == u) u = n[--h]; else if (isSameVnode(m, f, s)) patch(m, f, s), 
   m = t[++r], f = n[++i]; else if (isSameVnode(p, u, s)) patch(p, u, s), p = t[--$], 
@@ -7247,7 +7249,7 @@ const createElm = (e, t, o, n) => {
   r > $ ? addVnodes(e, null == n[h + 1] ? null : n[h + 1].$elm$, o, n, i, h) : i > h && removeVnodes(t, r, $);
  })(n, s, t, l, o) : null !== l ? (null !== e.$text$ && (n.textContent = ""), 
  addVnodes(n, null, t, l, 0, l.length - 1)) : null !== s && removeVnodes(s, 0, s.length - 1), 
- BUILD.svg   );
+ isSvgMode && "svg" === a && (isSvgMode = !1));
 }, updateFallbackSlotVisibility = e => {
  const t = e.childNodes;
  for (const e of t) if (1 === e.nodeType) {
@@ -7702,7 +7704,7 @@ const cmpModules = new Map, getModule = e => {
  e["s-p"] = [], e["s-rc"] = [], addHostEventListeners(e, o, t.$listeners$), hostRefs.set(e, o);
 }, styles = new Map;
 
-/* pds-icons v7.0.0, ES Modules */
+/* pds-icons v7.4.0, ES Modules */
 const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.862 4.862c.26-.26.682-.26.943 0L8 11.057l6.195-6.195a.667.667 0 1 1 .943.943L8.471 12.47a.667.667 0 0 1-.942 0L.862 5.805a.667.667 0 0 1 0-.943'/></svg>";
 const checkCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m4.473 5.807L7.14 11.14c-.26.26-.68.26-.94 0L3.533 8.473a.664.664 0 1 1 .94-.94l2.194 2.194 4.86-4.86c.26-.26.68-.26.94 0 .266.253.266.68.006.94'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
 const copy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g fill-rule='evenodd' clip-path='url(#a)'><path d='M10 5.333c0-.368.299-.666.667-.666h4c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H5.333a.667.667 0 0 1-.666-.666v-4a.667.667 0 1 1 1.333 0V14h8V6h-3.333A.667.667 0 0 1 10 5.333'/><path d='M.667 1.333c0-.368.298-.666.666-.666h9.334c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H1.333a.667.667 0 0 1-.666-.666zM2 2v8h8V2z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
@@ -7780,7 +7782,7 @@ class PdsAvatar {
         this.renderAvatar = () => {
             return (this.dropdown
                 ?
-                    hAsync("button", { class: "pds-avatar__button", type: "button" }, this.renderAssetWrapper())
+                    hAsync("button", { class: "pds-avatar__button", type: "button", "aria-label": "Avatar dropdown trigger" }, this.renderAssetWrapper())
                 :
                     this.renderAssetWrapper());
         };
@@ -7824,7 +7826,7 @@ class PdsAvatar {
         }
     }
     render() {
-        return (hAsync(Host, { key: '91f5ca20bb459d850bf58586c525a551821f17c7', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
+        return (hAsync(Host, { key: '8c43a9de8b7799b5aafff0c12c2e95e53bed2041', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
     }
     static get style() { return PdsAvatarStyle0; }
     static get cmpMeta() { return {
@@ -8059,13 +8061,14 @@ const isRequired = (target, component) => {
  */
 const PdsLabel = ({ classNames, htmlFor, text }) => (hAsync("label", { class: classNames, htmlFor: htmlFor }, text));
 
-const pdsCheckboxCss = "/*!@:host*/.sc-pds-checkbox-h{--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-color-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-500);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--box-shadow-focus-invalid:0 0 0 2px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-background-hover:var(--pine-color-grey-100);--color-border-disabled:var(--pine-color-charcoal-100);--color-border-icon:var(--pine-color-white);--color-checked:var(--pine-color-charcoal-500);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-300);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-charcoal-200);--sizing-input:var(--pine-font-size-100);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}/*!@:host(.is-invalid) input*/.is-invalid.sc-pds-checkbox-h input.sc-pds-checkbox{border-color:var(--color-invalid)}/*!@:host(.is-invalid) input:checked*/.is-invalid.sc-pds-checkbox-h input.sc-pds-checkbox:checked{background:var(--color-invalid)}/*!@:host(.is-invalid) input:focus-visible*/.is-invalid.sc-pds-checkbox-h input.sc-pds-checkbox:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-invalid);box-shadow:var(--box-shadow-focus-invalid);outline:none}/*!@:host(.is-invalid) label,\n:host(.is-invalid) .pds-checkbox__message--error*/.is-invalid.sc-pds-checkbox-h label.sc-pds-checkbox,.is-invalid.sc-pds-checkbox-h .pds-checkbox__message--error.sc-pds-checkbox{color:var(--color-invalid)}/*!@:host(.is-indeterminate) input:checked::after*/.is-indeterminate.sc-pds-checkbox-h input.sc-pds-checkbox:checked::after{border-bottom:0;-webkit-transform:rotate(87deg) translate3d(-114%, 25%, 0);transform:rotate(87deg) translate3d(-114%, 25%, 0)}/*!@input*/input.sc-pds-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-default);border-radius:var(--border-radius);height:var(--sizing-input);margin:0;position:relative;width:var(--sizing-input)}/*!@input:hover*/input.sc-pds-checkbox:hover{background:var(--color-background-hover);border:var(--border-color-interactive-hover)}/*!@input:checked*/input.sc-pds-checkbox:checked{background:var(--color-checked);border-color:var(--color-checked)}/*!@input:checked::after*/input.sc-pds-checkbox:checked::after{border:1px solid var(--color-border-icon);border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}/*!@input:disabled*/input.sc-pds-checkbox:disabled{background:var(--color-background-disabled);border-color:var(--color-disabled);cursor:not-allowed}/*!@input:disabled:checked*/input.sc-pds-checkbox:disabled:checked{background:var(--color-disabled);border-color:var(--color-disabled)}/*!@input:disabled:checked::after*/input.sc-pds-checkbox:disabled:checked::after{border-color:var(--color-border-disabled)}/*!@input:disabled + label*/input.sc-pds-checkbox:disabled+label.sc-pds-checkbox{color:var(--color-text-disabled);cursor:not-allowed}/*!@input:disabled ~ .pds-checkbox__message*/input.sc-pds-checkbox:disabled~.pds-checkbox__message.sc-pds-checkbox{color:var(--color-text-disabled)}/*!@input:focus-visible*/input.sc-pds-checkbox:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}/*!@label*/label.sc-pds-checkbox{-webkit-margin-start:10px;margin-inline-start:10px}/*!@.visually-hidden*/.visually-hidden.sc-pds-checkbox{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}/*!@.pds-checkbox__message*/.pds-checkbox__message.sc-pds-checkbox{color:var(--color-text-message);font-size:14px;-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}";
+const pdsCheckboxCss = "/*!@:host*/.sc-pds-checkbox-h{--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-color-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-500);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--box-shadow-focus-invalid:0 0 0 2px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-background-hover:var(--pine-color-grey-100);--color-border-disabled:var(--pine-color-charcoal-100);--color-border-icon:var(--pine-color-white);--color-checked:var(--pine-color-charcoal-500);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-300);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-charcoal-200);--sizing-input:var(--pine-font-size-100);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}/*!@:host(.is-invalid) input*/.is-invalid.sc-pds-checkbox-h input.sc-pds-checkbox{border-color:var(--color-invalid)}/*!@:host(.is-invalid) input:checked*/.is-invalid.sc-pds-checkbox-h input.sc-pds-checkbox:checked{background:var(--color-invalid)}/*!@:host(.is-invalid) input:focus-visible*/.is-invalid.sc-pds-checkbox-h input.sc-pds-checkbox:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-invalid);box-shadow:var(--box-shadow-focus-invalid);outline:none}/*!@:host(.is-invalid) label,\n:host(.is-invalid) .pds-checkbox__message--error*/.is-invalid.sc-pds-checkbox-h label.sc-pds-checkbox,.is-invalid.sc-pds-checkbox-h .pds-checkbox__message--error.sc-pds-checkbox{color:var(--color-invalid)}/*!@:host(.is-indeterminate) input*/.is-indeterminate.sc-pds-checkbox-h input.sc-pds-checkbox{background:var(--color-checked);border-color:var(--color-checked)}/*!@:host(.is-indeterminate) input::after*/.is-indeterminate.sc-pds-checkbox-h input.sc-pds-checkbox::after{border:1px solid var(--color-border-icon);border-bottom:0;border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(87deg) translate3d(-114%, 25%, 0);transform:rotate(87deg) translate3d(-114%, 25%, 0);width:4px}/*!@input*/input.sc-pds-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-default);border-radius:var(--border-radius);height:var(--sizing-input);margin:0;position:relative;width:var(--sizing-input)}/*!@input:hover*/input.sc-pds-checkbox:hover{background:var(--color-background-hover);border:var(--border-color-interactive-hover)}/*!@input:checked*/input.sc-pds-checkbox:checked{background:var(--color-checked);border-color:var(--color-checked)}/*!@input:checked::after*/input.sc-pds-checkbox:checked::after{border:1px solid var(--color-border-icon);border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}/*!@input:disabled*/input.sc-pds-checkbox:disabled{background:var(--color-background-disabled);border-color:var(--color-disabled);cursor:not-allowed}/*!@input:disabled:checked*/input.sc-pds-checkbox:disabled:checked{background:var(--color-disabled);border-color:var(--color-disabled)}/*!@input:disabled:checked::after*/input.sc-pds-checkbox:disabled:checked::after{border-color:var(--color-border-disabled)}/*!@input:disabled + label*/input.sc-pds-checkbox:disabled+label.sc-pds-checkbox{color:var(--color-text-disabled);cursor:not-allowed}/*!@input:disabled ~ .pds-checkbox__message*/input.sc-pds-checkbox:disabled~.pds-checkbox__message.sc-pds-checkbox{color:var(--color-text-disabled)}/*!@input:focus-visible*/input.sc-pds-checkbox:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}/*!@label*/label.sc-pds-checkbox{-webkit-margin-start:10px;margin-inline-start:10px}/*!@.visually-hidden*/.visually-hidden.sc-pds-checkbox{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}/*!@.pds-checkbox__message*/.pds-checkbox__message.sc-pds-checkbox{color:var(--color-text-message);font-size:14px;-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}";
 var PdsCheckboxStyle0 = pdsCheckboxCss;
 
 class PdsCheckbox {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.pdsCheckboxChange = createEvent(this, "pdsCheckboxChange", 7);
+        this.pdsCheckboxInput = createEvent(this, "pdsCheckboxInput", 7);
         this.handleCheckboxChange = (e) => {
             if (this.disabled) {
                 return;
@@ -8077,7 +8080,13 @@ class PdsCheckbox {
                 value: this.value
             });
         };
-        this.checked = undefined;
+        this.handleInput = () => {
+            this.pdsCheckboxInput.emit({
+                checked: this.checked,
+                value: this.value
+            });
+        };
+        this.checked = false;
         this.componentId = undefined;
         this.disabled = undefined;
         this.errorMessage = undefined;
@@ -8090,6 +8099,9 @@ class PdsCheckbox {
         this.required = undefined;
         this.value = undefined;
     }
+    updateIndeterminate() {
+        this.indeterminate = undefined;
+    }
     classNames() {
         const classNames = [];
         if (this.invalid) {
@@ -8104,10 +8116,13 @@ class PdsCheckbox {
         return classNames.join('  ');
     }
     render() {
-        return (hAsync(Host, { key: '6353e355fefe987180b1cb5b00af00e92c8f0c44', class: this.classNames() }, hAsync("input", { key: '16f720ba2c5cad01f8d29456e3ecbc8e4cbb1ce8', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "checkbox", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange }), hAsync(PdsLabel, { key: '8de98b79b9390c392a2bf41173ac97e4e2f4d5e2', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
-            hAsync("div", { key: '02f61d5598e4da36f3c87cbb23863d0a485e3542', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            hAsync("div", { key: '4628f5df5aeeda30f53c327abf62d1125d3eb441', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
+        return (hAsync(Host, { key: 'ad7d0dd8ce09b69abc0024541ff2b2d69a8db0b0', class: this.classNames() }, hAsync("input", { key: 'fbc513372055e685d3beb16fba9c404db3d0528a', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, id: this.componentId, indeterminate: this.indeterminate, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange, onInput: this.handleInput }), hAsync(PdsLabel, { key: '12444bd716bc8ae952a0bf38471d00e6d3a9fe3b', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
+            hAsync("div", { key: 'e85ffb338c44a3f924b75d1869c781db9a93350b', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
+            hAsync("div", { key: '8071425f43f89ff44ce8bdb608737b1f574e2440', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }
+    static get watchers() { return {
+        "checked": ["updateIndeterminate"]
+    }; }
     static get style() { return PdsCheckboxStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -8118,7 +8133,7 @@ class PdsCheckbox {
             "disabled": [4],
             "errorMessage": [1, "error-message"],
             "helperMessage": [1, "helper-message"],
-            "indeterminate": [4],
+            "indeterminate": [1028],
             "invalid": [4],
             "label": [1],
             "labelHidden": [4, "label-hidden"],
@@ -8330,7 +8345,7 @@ const inheritAttributes = (el, attributes = []) => {
     return attributeObject;
 };
 
-const pdsIconCss = "/*!@:host*/.sc-pds-icon-h{contain:strict;display:inline-block;fill:currentColor;height:1em;width:1em}/*!@:host .pdsicon*/.sc-pds-icon-h .pdsicon.sc-pds-icon{fill:currentColor}/*!@.pds-icon-fill-none*/.pds-icon-fill-none.sc-pds-icon{fill:none}/*!@.icon-inner,\n.pds-icon,\nsvg*/.icon-inner.sc-pds-icon,.pds-icon.sc-pds-icon,svg.sc-pds-icon{display:block;height:100%;width:100%}";
+const pdsIconCss = "/*!@:host*/.sc-pds-icon-h{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);height:var(--dimension-icon-height);width:var(--dimension-icon-width)}/*!@:host .pdsicon*/.sc-pds-icon-h .pdsicon.sc-pds-icon{fill:var(--color-icon-fill)}/*!@.pds-icon-fill-none*/.pds-icon-fill-none.sc-pds-icon{fill:none}/*!@.icon-inner,\n.pds-icon,\nsvg*/.icon-inner.sc-pds-icon,.pds-icon.sc-pds-icon,svg.sc-pds-icon{display:block;height:100%;width:100%}";
 var PdsIconStyle0 = pdsIconCss;
 
 class PdsIcon {
@@ -8365,8 +8380,17 @@ class PdsIcon {
             return this.size;
         }
     }
+    componentDidLoad() {
+        this.setCSSVariables();
+    }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);
+        this.setCSSVariables();
+    }
+    setCSSVariables() {
+        this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());
+        this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());
+        this.el.style.setProperty(`--color-icon-fill`, this.color);
     }
     connectedCallback() {
         this.waitUntilVisible(this.el, '50px', () => {
@@ -8380,6 +8404,9 @@ class PdsIcon {
             this.io = undefined;
         }
     }
+    updateStyles() {
+        this.setCSSVariables();
+    }
     loadIcon() {
         const label = getName(this.name, this.icon);
         if (label) {
@@ -8388,12 +8415,7 @@ class PdsIcon {
     }
     render() {
         const { ariaLabel, inheritedAttributes } = this;
-        const style = {
-            height: this.iconSize(),
-            width: this.iconSize(),
-            color: this.color,
-        };
-        return (hAsync(Host, Object.assign({ key: '450a12ddbe225916752aeb9323ff1a11d11bc4b3', "aria-label": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, role: "img", style: style, class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), (hAsync("div", { class: "icon-inner" }))));
+        return (hAsync(Host, Object.assign({ key: '5797e1b5c3b7bbd222047d0a95a92eff0f661f98', "aria-label": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, alt: "", role: "img", class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), (hAsync("div", { class: "icon-inner" }))));
     }
     /*****
      * Private Methods
@@ -8408,6 +8430,8 @@ class PdsIcon {
     static get assetsDirs() { return ["svg"]; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "size": ["updateStyles"],
+        "color": ["updateStyles"],
         "name": ["loadIcon"],
         "src": ["loadIcon"],
         "icon": ["loadIcon"]
@@ -8583,6 +8607,62 @@ class PdsLink {
     }; }
 }
 
+const pdsLoaderCss = "/*!@:host*/.sc-pds-loader-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}/*!@:host(.pds-loader--hidden),\n.pds-loader--hidden*/.pds-loader--hidden.sc-pds-loader-h,.pds-loader--hidden.sc-pds-loader{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}/*!@.pds-loader--spinner svg*/.pds-loader--spinner.sc-pds-loader svg.sc-pds-loader{--color-background-spinner:var(--pine-color-blue-300);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}/*!@.pds-loader__spinner-path*/.pds-loader__spinner-path.sc-pds-loader{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}/*!@.pds-loader--typing*/.pds-loader--typing.sc-pds-loader{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-round);--box-shadow-typing:var(--pine-box-shadow-sm);--color-background-typing-default:var(--pine-color-grey-200);--color-background-typing-dot-default:var(--pine-color-grey-500);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}/*!@.pds-loader--typing span*/.pds-loader--typing.sc-pds-loader span.sc-pds-loader{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}/*!@.pds-loader--typing span:nth-of-type(1)*/.pds-loader--typing.sc-pds-loader span.sc-pds-loader:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}/*!@.pds-loader--typing span:nth-of-type(2)*/.pds-loader--typing.sc-pds-loader span.sc-pds-loader:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}/*!@.pds-loader--typing span:nth-of-type(3)*/.pds-loader--typing.sc-pds-loader span.sc-pds-loader:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}/*!@.pds-loader__label*/.pds-loader__label.sc-pds-loader{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";
+var PdsLoaderStyle0 = pdsLoaderCss;
+
+/**
+ * @slot label - Default slot for Loader label text.
+ */
+class PdsLoader {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.style = () => {
+            if (this.size !== undefined) {
+                return {
+                    height: this.loaderSize(),
+                    width: this.loaderSize(),
+                };
+            }
+        };
+        this.isLoading = true;
+        this.showLabel = false;
+        this.size = 'md';
+        this.variant = 'spinner';
+    }
+    loaderSize() {
+        const sizes = {
+            xs: '24px',
+            sm: '32px',
+            md: '48px',
+            lg: '64px',
+            xl: '80px',
+        };
+        if (sizes[this.size]) {
+            return sizes[this.size];
+        }
+        else {
+            return this.size;
+        }
+    }
+    render() {
+        return (hAsync(Host, { key: '325b4512d1455cb90d4897e91453c4ec2370ddcb', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (hAsync("div", { key: 'eed858cd8518769874e7ca6d5265f3e1e77164f3', class: "pds-loader--spinner" }, hAsync("svg", { key: 'fc821517a5923628ef96c8e37b9987c0ba3b987b', style: this.style(), viewBox: "0 0 200 200", fill: "none" }, hAsync("defs", { key: 'f477b8f7be973a6a5b068b6758d6f549404e64c4' }, hAsync("linearGradient", { key: '4979634cfecdca7ef5818f23577b401aa8991389', id: "spinner-secondHalf" }, hAsync("stop", { key: 'ae4667b10205baa8dec8b7affd34d78273ad9667', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: '3d66bc5180831487e9e2591cc2b436f9b8cc855e', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: '1c99e9057a86d4b850348543826fb6da163f4eb9', id: "spinner-firstHalf" }, hAsync("stop", { key: '271c14abb61bb9bc01ac72f43d1cc8580b89b6c0', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: '4b8de0ac98a1b44ec3bbba4aa0002957e44c976c', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: 'b12aaf6168c8428999d020b46c99faf918c45f07', class: "pds-loader__spinner-path" }, hAsync("path", { key: '4443446af5cf8c73d3352fa90d580e914c469028', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: 'ca4edec218d03a74d12ce43a86ef55fbedaea39f', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: 'af6ed9732a9fdd2047f100d2465b27782d2a0b02', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: '96aa15066aa426d53481bddd5b665181d9bcd0bd', class: "pds-loader--typing" }, hAsync("span", { key: 'a0bb9722a2dbaf843afc9a50a1f42c46758d1b5e' }), hAsync("span", { key: '0efc9cf2f132f358f58561ccbc7027c57f252df2' }), hAsync("span", { key: 'b8b73b864c7dfefe26ac3aa33099d2f2f3737614' }))), hAsync("div", { key: '3c921244741289e7b67228caedf6e5e13fac1d63', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: '423a30358e6f662a0b80cef445c4a20db3dd36f9', name: "label" }, "Loading..."))));
+    }
+    static get style() { return PdsLoaderStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "pds-loader",
+        "$members$": {
+            "isLoading": [4, "is-loading"],
+            "showLabel": [4, "show-label"],
+            "size": [513],
+            "variant": [1]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["size", "size"]]
+    }; }
+}
+
 const pdsProgressCss = "/*!@:host*/.sc-pds-progress-h{--color-progress-fill:var(--pine-color-blue-300);--sizing-progress-bar-height:8px;--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}/*!@.pds-progress*/.pds-progress.sc-pds-progress{--border-radius:var(--pine-border-radius-050);--color-progress-bar-background:var(--pine-color-grey-300);-ms-flex-align:center;align-items:center;background-color:var(--color-progress-bar-background);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--sizing-progress-bar-height);position:relative;width:100%}/*!@:host(.is-animated) progress,\n:host(.is-animated) progress::-webkit-progress-bar*/.is-animated.sc-pds-progress-h progress.sc-pds-progress,.is-animated.sc-pds-progress-h progress.sc-pds-progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}/*!@progress,\nprogress::-webkit-progress-bar*/progress.sc-pds-progress,progress.sc-pds-progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--sizing-progress-bar-height);width:100%}/*!@progress::-webkit-progress-value*/progress.sc-pds-progress::-webkit-progress-value{--border-radius:var(--pine-border-radius-050);--color-background:var(--pine-color-blue-300);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}/*!@progress::-moz-progress-bar*/progress.sc-pds-progress::-moz-progress-bar{--color-background:var(--pine-color-blue-300);--border-radius:var(--pine-border-radius-050);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}/*!@.pds-progress__label*/.pds-progress__label.sc-pds-progress{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}/*!@.pds-progress__percentage*/.pds-progress__percentage.sc-pds-progress{--font-size:var(--pine-font-size-087);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-150);--spacing-inline-start-margin:var(--pine-spacing-300);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-margin-start:calc(var(--spacing-inline-start-margin) / 2);margin-inline-start:calc(var(--spacing-inline-start-margin) / 2)}";
 var PdsProgressStyle0 = pdsProgressCss;
 
@@ -8597,7 +8677,7 @@ class PdsProgress {
         this.showPercent = false;
     }
     render() {
-        return (hAsync(Host, { key: '5ee3e8b3a4182384a2f70632f1b6420acd27e278', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: 'd81206158817db4f806e3c804177614791f4d121', class: "pds-progress" }, hAsync("label", { key: 'a308666ace23b903e256a71d6f3b65d53fbc6ed6', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: 'ded042f6761fe83c12e26f9bcbf191ff2ee66689', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: 'bab83ee8ac34b7caea9ab7b906a1a16b72ee29fc', class: "pds-progress__percentage" }, this.percent, "%")));
+        return (hAsync(Host, { key: 'a11c3d67af0621981d2f13ad673e11999926b3c1', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: 'bb480c5ce1fc9c56fce1022a26783d5729eb30dc', class: "pds-progress" }, hAsync("label", { key: '02fec27f268262889b514aef4d8344bbb9a9484c', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: '122d2639d7630f28fd98adf9bc003eeed6c9ebef', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: 'ba7262e0627a2848b3da03a9a32882510bf2628c', class: "pds-progress__percentage" }, this.percent, "%")));
     }
     static get style() { return PdsProgressStyle0; }
     static get cmpMeta() { return {
@@ -8654,9 +8734,9 @@ class PdsRadio {
         return classNames.join('  ');
     }
     render() {
-        return (hAsync(Host, { key: 'e2fb2e853619e2dbcee43ba6141d6782f521a92d', class: this.classNames() }, hAsync("input", { key: '944f31d74b9d54fad8d39ec4221bf76cb717c352', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange }), hAsync(PdsLabel, { key: '4da032a55ddb9e8f92ddde9a8e5238836345ccde', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
-            hAsync("div", { key: '529acc87ec6154e1d01877cff7f3977ed878c02b', class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            hAsync("div", { key: 'f5850864b0fa702cb129c79bee3770ea768c614d', class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
+        return (hAsync(Host, { key: 'e23a00c8941dfce9d9d6a99a554654b7bd2259c4', class: this.classNames() }, hAsync("input", { key: '571d2e6656cd94573253f54028b1926a3c5e1499', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange }), hAsync(PdsLabel, { key: '42c2c95ed36e194f43367f2c28ed81660d82b096', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
+            hAsync("div", { key: '32be02934f23b2832c6c1d0e56c3dceda8c9ccc9', class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
+            hAsync("div", { key: 'c670effc6a381f872800c8dd58095c2dce49016e', class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }
     static get style() { return PdsRadioStyle0; }
     static get cmpMeta() { return {
@@ -8717,7 +8797,7 @@ class PdsRow {
         })), (this.minHeight && {
             'min-height': this.minHeight,
         }));
-        return hAsync(Host, { key: '37046262dfc9a47b690bb5f642b718f298a7d180', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
+        return hAsync(Host, { key: 'b764491968a34ae8f1e3e329111cb4ba0887bdef', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
     }
     static get style() { return PdsRowStyle0; }
     static get cmpMeta() { return {
@@ -8888,7 +8968,7 @@ function matches( /**HTMLElement*/el, /**String*/selector) {
 function getParentOrHost(el) {
   return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
 }
-function closest( /**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx, includeCTX) {
+function closest$1( /**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx, includeCTX) {
   if (el) {
     ctx = ctx || document;
     do {
@@ -9084,7 +9164,7 @@ function getChild(el, childNum, options, includeDragEl) {
     i = 0,
     children = el.children;
   while (i < children.length) {
-    if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && (includeDragEl || children[i] !== Sortable.dragged) && closest(children[i], options.draggable, el, false)) {
+    if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && (includeDragEl || children[i] !== Sortable.dragged) && closest$1(children[i], options.draggable, el, false)) {
       if (currentChild === childNum) {
         return children[i];
       }
@@ -9240,7 +9320,7 @@ function getChildContainingRectFromElement(container, options, ghostEl) {
   var rect = {};
   Array.from(container.children).forEach(function (child) {
     var _rect$left, _rect$top, _rect$right, _rect$bottom;
-    if (!closest(child, options.draggable, container, false) || child.animated || child === ghostEl) return;
+    if (!closest$1(child, options.draggable, container, false) || child.animated || child === ghostEl) return;
     var childRect = getRect(child);
     rect.left = Math.min((_rect$left = rect.left) !== null && _rect$left !== void 0 ? _rect$left : Infinity, childRect.left);
     rect.top = Math.min((_rect$top = rect.top) !== null && _rect$top !== void 0 ? _rect$top : Infinity, childRect.top);
@@ -9906,7 +9986,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === 'SELECT') {
       return;
     }
-    target = closest(target, options.draggable, el, false);
+    target = closest$1(target, options.draggable, el, false);
     if (target && target.animated) {
       return;
     }
@@ -9938,7 +10018,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
       }
     } else if (filter) {
       filter = filter.split(',').some(function (criteria) {
-        criteria = closest(originalTarget, criteria.trim(), el, false);
+        criteria = closest$1(originalTarget, criteria.trim(), el, false);
         if (criteria) {
           _dispatchEvent({
             sortable: _this,
@@ -9959,7 +10039,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         return; // cancel dnd
       }
     }
-    if (options.handle && !closest(originalTarget, options.handle, el, false)) {
+    if (options.handle && !closest$1(originalTarget, options.handle, el, false)) {
       return;
     }
 
@@ -10437,7 +10517,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     if (evt.preventDefault !== void 0) {
       evt.cancelable && evt.preventDefault();
     }
-    target = closest(target, options.draggable, el, true);
+    target = closest$1(target, options.draggable, el, true);
     dragOverEvent('dragOver');
     if (Sortable.eventCanceled) return completedFired;
     if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) {
@@ -10777,7 +10857,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
       options = this.options;
     for (; i < n; i++) {
       el = children[i];
-      if (closest(el, options.draggable, this.el, false)) {
+      if (closest$1(el, options.draggable, this.el, false)) {
         order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));
       }
     }
@@ -10792,7 +10872,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
       rootEl = this.el;
     this.toArray().forEach(function (id, i) {
       var el = rootEl.children[i];
-      if (closest(el, this.options.draggable, rootEl, false)) {
+      if (closest$1(el, this.options.draggable, rootEl, false)) {
         items[id] = el;
       }
     }, this);
@@ -10818,8 +10898,8 @@ Sortable.prototype = /** @lends Sortable.prototype */{
    * @param   {String}       [selector]  default: `options.draggable`
    * @returns {HTMLElement|null}
    */
-  closest: function closest$1(el, selector) {
-    return closest(el, selector || this.options.draggable, this.el, false);
+  closest: function closest$1$1(el, selector) {
+    return closest$1(el, selector || this.options.draggable, this.el, false);
   },
   /**
    * Set/get option
@@ -11057,11 +11137,11 @@ Sortable.utils = {
   css: css,
   find: find,
   is: function is(el, selector) {
-    return !!closest(el, selector, el, false);
+    return !!closest$1(el, selector, el, false);
   },
   extend: extend,
   throttle: throttle,
-  closest: closest,
+  closest: closest$1,
   toggleClass: toggleClass,
   clone: clone,
   index: index,
@@ -11427,7 +11507,7 @@ class PdsSortable {
         Sortable.create(this.el, sortableOptions);
     }
     render() {
-        return (hAsync(Host, { key: 'f7a4d29675fcb46ca76dc014e8cc57ac243d07fa', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: '2c851fb0e61f3373345b1e170520c3327ab3fa0c' })));
+        return (hAsync(Host, { key: '030286aa0de920f4b5ce4470f3d1b5ab14be2792', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: 'c38822d7c82273c2fbc28d09c919e4c179ebb49d' })));
     }
     get el() { return getElement(this); }
     static get style() { return PdsSortableStyle0; }
@@ -11468,7 +11548,7 @@ class PdsSortableItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '61c57ebc93b66e4c8777fe52163c2c7f600361a5', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: 'f2bafa535db6cfa07113bd8f9a32d5b7a0bc694d', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: '9ead72e13f881f9cdbe4cb910de09173c42c96c5', icon: handle }))), hAsync("slot", { key: '7322ce5649cd2f7765d9275ec47317570854e5f9' }), this.enableActions && (hAsync("div", { key: '709a91c4160407b491fb7ed44c7c7c0a9e980262', class: "pds-sortable-item__actions" }, hAsync("slot", { key: '280ed68aec92927b2a79581f56d3905188a27f1a', name: "sortable-item-actions" })))));
+        return (hAsync(Host, { key: '60214e183314736338f9b38cb93a9c5989e16cdf', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: '7cc252c99598f384a87518c101d0772a4ce344e4', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: 'e2b219927cf717fa53112066ba3fe0ac12688edd', icon: handle }))), hAsync("slot", { key: 'e259bfbf7e8c848567d07639e62adfe5781f29b8' }), this.enableActions && (hAsync("div", { key: 'e83d28d55b6fee971575433a3e3f8b1d5b7e52fe', class: "pds-sortable-item__actions" }, hAsync("slot", { key: '7ac52a8109e49cfff96cead45a3b318646c7f064', name: "sortable-item-actions" })))));
     }
     get el() { return getElement(this); }
     static get style() { return PdsSortableItemStyle0; }
@@ -11524,9 +11604,9 @@ class PdsSwitch {
         this.value = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'f00007b5d1bde6895cb7f410b82e5c3669d75327', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("input", { key: 'c6c0ae9576a198c9f0038ebd22b78df0c5a41794', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), hAsync(PdsLabel, { key: 'd6c3b0c584d2c4fd6cc99507794a3e961fbf99a5', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
-            hAsync("div", { key: '4f9f581e9a01e67d076bafaf1d28fe52b87081fc', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            hAsync("div", { key: 'aeca71b92664b2e7ef4c7fb0d103996a05c5318f', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
+        return (hAsync(Host, { key: '5c33e5bd4a42f187450a81faec033832524f1b29', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("input", { key: 'cb2a8287cdb44f337b4ecae15968e823f314b4d1', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), hAsync(PdsLabel, { key: '86c700a16a23513b3ba34f2add1775274ecc6784', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
+            hAsync("div", { key: '30c8b18c990a54330bf3442d9cbbb35387de0ec3', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
+            hAsync("div", { key: '1eb57d78271d8c1fbe2fa680eeb88fd2fd1d35c9', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }
     get el() { return getElement(this); }
     static get style() { return PdsSwitchStyle0; }
@@ -11569,9 +11649,9 @@ class PdsTab {
         this.pdsTabClick.emit([index, parentComponentId]);
     }
     render() {
-        const availabilityTabEdgeInlineStart = (hAsync("span", { key: 'c315c8920c12da7d1913db7e53dc075dc9734280', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '37dfaa651e87a0291d28c50fbdda9c1cfa70f41b', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (hAsync(Host, { key: '0aa73a4a6b1ff12fff6f212135f8f33c14e6ff5f', variant: this.variant, slot: "tabs", index: this.index }, hAsync("button", { key: '72443536e14ddad4ac8e19c025165884de81697f', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, hAsync("div", { key: '547a022cb0354b176a11e681e9103bb4486ab1ef', class: "pds-tab__content" }, hAsync("slot", { key: 'db859b0d21de4e57a75e588d069a9b1b86d271c4' })))));
+        const availabilityTabEdgeInlineStart = (hAsync("span", { key: '5ea7f20d14e906993c0cfbef0ae9a37b305be9fd', class: "pds-tab-edge", role: "presentation" }));
+        const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '9fc8287a57fd777472d9f909a451332b7edd8c39', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
+        return (hAsync(Host, { key: '16d11c4bda123cbb698674c560dc7c826fe653ca', variant: this.variant, slot: "tabs", index: this.index }, hAsync("button", { key: '63e18d48cd1206c87e520cbe85c09e7fbd8752f0', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, hAsync("div", { key: '5db0ed6e01b1cfe58f47669b369bb72bd3caa033', class: "pds-tab__content" }, hAsync("slot", { key: '1737f4b6a524cf165deb1eb1a2627ae834a76be2' })))));
     }
     get el() { return getElement(this); }
     static get style() { return PdsTabStyle0; }
@@ -11591,12 +11671,14 @@ class PdsTab {
     }; }
 }
 
-const pdsTableCss = "/*!@:host*/.sc-pds-table-h{--color-background-default:var(--pine-color-white);background:var(--color-background-default);border-collapse:separate;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}/*!@:host(.is-responsive)*/.is-responsive.sc-pds-table-h{background-attachment:local, local, scroll, scroll;background-image:-webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:4px 100%, 4px 100%, 4px 100%, 4px 100%;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}";
+const pdsTableCss = "/*!@:host*/.sc-pds-table-h{--color-background-default:var(--pine-color-white);background:var(--color-background-default);border-collapse:separate;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}/*!@:host(:focus-visible)*/.sc-pds-table-h:focus-visible{--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}/*!@:host(.is-responsive)*/.is-responsive.sc-pds-table-h{background-attachment:local, local, scroll, scroll;background-image:-webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:4px 100%, 4px 100%, 4px 100%, 4px 100%;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}";
 var PdsTableStyle0 = pdsTableCss;
 
 class PdsTable {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.pdsTableSelect = createEvent(this, "pdsTableSelect", 7);
+        this.pdsTableSelectAll = createEvent(this, "pdsTableSelectAll", 7);
         this.compact = undefined;
         this.componentId = undefined;
         this.responsive = undefined;
@@ -11653,8 +11735,30 @@ class PdsTable {
         this.sortingColumn = event.detail.column;
         this.sortingDirection = direction;
     }
+    handleTableSelectAll(event) {
+        if (event.defaultPrevented)
+            return;
+        const pdsTableBody = this.el.querySelector('pds-table-body');
+        const tableRows = Array.from(pdsTableBody.querySelectorAll('pds-table-row'));
+        tableRows.forEach((row) => {
+            row.isSelected = event.detail.isSelected;
+        });
+    }
+    async handleTableSelect(event) {
+        if (event.defaultPrevented)
+            return;
+        const allTableRows = this.el.querySelectorAll('pds-table-row');
+        const allSelectedRows = Array.from(allTableRows).every((row) => row.isSelected);
+        const noneSelectedRows = Array.from(allTableRows).every((row) => !row.isSelected);
+        const pdsTableHead = this.el.querySelector('pds-table-head');
+        if (!pdsTableHead)
+            return;
+        const headerCheckbox = pdsTableHead.shadowRoot.querySelector('pds-checkbox');
+        headerCheckbox.checked = allSelectedRows;
+        headerCheckbox.indeterminate = !allSelectedRows && !noneSelectedRows;
+    }
     render() {
-        return (hAsync(Host, { key: 'ce58b1bccc1ff7ee6e38198e63a19fd88f2877e6', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable }, hAsync("slot", { key: 'b748a8befdd212d16c2e6780551a8c11b1843faf' })));
+        return (hAsync(Host, { key: '95cc4db296681faa0fc046c9b1d6807d640b7730', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0" }, hAsync("slot", { key: 'ecc9bc0761409d5a2819a05d72290c294e27454f' })));
     }
     get el() { return getElement(this); }
     static get style() { return PdsTableStyle0; }
@@ -11670,7 +11774,7 @@ class PdsTable {
             "sortingColumn": [32],
             "sortingDirection": [32]
         },
-        "$listeners$": [[0, "pdsTableSort", "handleTableSort"]],
+        "$listeners$": [[0, "pdsTableSort", "handleTableSort"], [0, "pdsTableSelectAll", "handleTableSelectAll"], [0, "pdsTableRowSelected", "handleTableSelect"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -11684,7 +11788,7 @@ class PdsTableBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '6d312a1c25591258df1f47699b2b7a3b74d85fe3', role: "rowgroup" }, hAsync("slot", { key: '423f7e680e9eff6daf2d4a08544b619f2c420beb' })));
+        return (hAsync(Host, { key: '53ae547e27857b0e8e11adcbab634979555b37ab', role: "rowgroup" }, hAsync("slot", { key: 'ba94c5332cdb944a36eecfd8f16c63e1fd0c0c0c' })));
     }
     static get style() { return PdsTableBodyStyle0; }
     static get cmpMeta() { return {
@@ -11736,11 +11840,11 @@ class PdsTableCell {
         return classNames.join(' ');
     }
     render() {
-        return (hAsync(Host, { key: '7c7f228b3911eec633c6ffd817f22fbc6666be8a', class: this.classNames(), role: "gridcell", style: this.tableRef &&
+        return (hAsync(Host, { key: '91ed20b4338792e6d72834d81d966c154fa2bc6d', class: this.classNames(), role: "gridcell", style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, hAsync("slot", { key: '37c43f300478beffc41d2450bbb5a6e13099f58e' })));
+                : {} }, hAsync("slot", { key: '40dafc4697ba077a121979b604100107f51e9ff1' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return PdsTableCellStyle0; }
@@ -11757,12 +11861,44 @@ class PdsTableCell {
     }; }
 }
 
+// This helper function is similar to Element.closest(),
+// however it also traverses shadow DOM boundaries.
+const closest = (selector, el) => {
+    return (el &&
+        (('closest' in el && el.closest(selector)) ||
+            closest(selector, el.getRootNode().host)));
+};
+
 const pdsTableHeadCss = "/*!@:host*/.sc-pds-table-head-h{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--color-background-fixed:var(--pine-color-base-white);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}/*!@:host::part(checkbox-cell)*/.sc-pds-table-head-h::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}/*!@:host pds-table-checkbox-cell*/.sc-pds-table-head-h pds-table-checkbox-cell.sc-pds-table-head{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";
 var PdsTableHeadStyle0 = pdsTableHeadCss;
 
 class PdsTableHead {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.pdsTableSelectAll = createEvent(this, "pdsTableSelectAll", 7);
+        this.generateUniqueId = () => {
+            const randomString = Math.random().toString(36).substring(2, 8);
+            const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+            const uniqueId = `${randomString}-${timestamp}`;
+            return uniqueId;
+        };
+        this.handleInput = (ev) => {
+            this.isSelected = !ev.target.checked;
+            this.handleSelect(this.isSelected);
+        };
+        this.handleSelect = (isSelected) => {
+            this.indeterminate = false;
+            if (closest('pds-table-head', this.hostElement)) {
+                this.pdsTableSelectAll.emit({ isSelected });
+            }
+        };
+        this.indeterminate = undefined;
+        this.isSelected = undefined;
+    }
+    componentWillLoad() {
+        if (this.isSelected) {
+            this.handleSelect(this.isSelected);
+        }
     }
     componentWillRender() {
         this.tableRef = this.hostElement.closest('pds-table');
@@ -11772,14 +11908,17 @@ class PdsTableHead {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'e92e19de602fa327f57b5577e346c6ac3c61a807', role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: '883511ea021dc59f29a5a354e6bbce7ad1eded86', part: this.tableRef.fixedColumn ? 'checkbox-cell' : '' })), hAsync("slot", { key: 'bc39f9ea30696ee18dd4fafa744225e3e4b3fb9b' })));
+        return (hAsync(Host, { key: '7729235908073cae63294e4ad641bae0403e2c34', role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: '2bb801124a3f8d1c9f18d03d1461953da4cdafc6', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, hAsync("pds-checkbox", { key: '2119be5b2db13a44add35fa9c9fc761a68a2b060', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: 'baa5b3af10a77e1a8aff537c3c731fbc59a54ca8' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return PdsTableHeadStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
         "$tagName$": "pds-table-head",
-        "$members$": undefined,
+        "$members$": {
+            "indeterminate": [1028],
+            "isSelected": [1028, "is-selected"]
+        },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
@@ -11815,6 +11954,7 @@ class PdsTableHeadCell {
         this.sortable = undefined;
         this.sortingDirection = 'asc';
         this.tableScrolling = false;
+        this.isSelected = false;
     }
     componentWillRender() {
         this.tableRef = this.hostElement.closest('pds-table');
@@ -11841,11 +11981,11 @@ class PdsTableHeadCell {
         return classNames.join('  ');
     }
     render() {
-        return (hAsync(Host, { key: 'b8b24eb690d19c1d6476fd44c69a3231b540d476', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
+        return (hAsync(Host, { key: '72e242a22774d4b534b7a8653673606e0e9c6ef1', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, hAsync("slot", { key: '831ea922b3fb2166852208f2a9520414c93f6954' }), this.sortable && (hAsync("pds-icon", { key: '0afb8d56992327112c64e79d6bfc7c1d192d9732', icon: this.sortingDirection === 'asc' ? upSmall : downSmall }))));
+                : {} }, hAsync("slot", { key: '08e1d5aab1761ed097e2669716884196c946bcc3' }), this.sortable && (hAsync("pds-icon", { key: '43421a2b1401426878601468acee702ce45404bf', icon: this.sortingDirection === 'asc' ? upSmall : downSmall }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return PdsTableHeadCellStyle0; }
@@ -11855,7 +11995,8 @@ class PdsTableHeadCell {
         "$members$": {
             "sortable": [4],
             "sortingDirection": [32],
-            "tableScrolling": [32]
+            "tableScrolling": [32],
+            "isSelected": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -11870,10 +12011,19 @@ class PdsTableRow {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.pdsTableRowSelected = createEvent(this, "pdsTableRowSelected", 7);
-        this.handleCheckboxClick = () => {
+        this.handleClick = () => {
             this.isSelected = !this.isSelected; // Toggle the selected state
-            const selectedIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);
-            this.pdsTableRowSelected.emit({ rowIndex: selectedIndex, isSelected: this.isSelected });
+            this.handleSelect(this.isSelected);
+        };
+        this.handleSelect = (isSelected) => {
+            this.indeterminate = false;
+            if (!closest('pds-table-head', this.hostElement)) {
+                const rowIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);
+                this.pdsTableRowSelected.emit({
+                    rowIndex,
+                    isSelected,
+                });
+            }
         };
         this.generateUniqueId = () => {
             const randomString = Math.random().toString(36).substring(2, 8);
@@ -11881,7 +12031,8 @@ class PdsTableRow {
             const uniqueId = `${randomString}-${timestamp}`;
             return uniqueId;
         };
-        this.isSelected = false;
+        this.indeterminate = undefined;
+        this.isSelected = undefined;
     }
     classNames() {
         const classNames = [];
@@ -11897,8 +12048,13 @@ class PdsTableRow {
             tableCell === null || tableCell === void 0 ? void 0 : tableCell.classList.add("is-fixed");
         }
     }
+    componentWillLoad() {
+        if (this.isSelected) {
+            this.handleSelect(this.isSelected);
+        }
+    }
     render() {
-        return (hAsync(Host, { key: '9ef478c127a101b918e3e444109a0a3b72d809d6', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: 'f7ecba3776fe1a5606ea66bc43f495e03635803f', part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: '6e4ebaa953542cb476f141818375b3ba8b490b2c', componentId: this.generateUniqueId(), onClick: this.handleCheckboxClick, label: "Select Row", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: '4ccbd6b1a81d420dec05acb4f7a404ee670959b3' })));
+        return (hAsync(Host, { key: 'dbfba35e818a96281f5df7e51e60f0bbaf4d5527', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: 'a0d9118e63db0829f4352875cbacf76c11978fff', part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: '60ebde7bb2e745af55e3713b952f963d50396485', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: '97f90a8d36781f3b278f83b16c778d5e2b6e9bce' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return PdsTableRowStyle0; }
@@ -11906,7 +12062,8 @@ class PdsTableRow {
         "$flags$": 9,
         "$tagName$": "pds-table-row",
         "$members$": {
-            "isSelected": [32]
+            "indeterminate": [1028],
+            "isSelected": [1028, "is-selected"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -11926,7 +12083,7 @@ class PdsTabpanel {
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b8619019429f7430c66df0cc41d177d40b59a6e6', slot: "tabpanels" }, hAsync("div", { key: '10a9c2cbf35a60aec932287a839fcca456c41d4c', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: '50593c1f0174dd44b2a51cc94e89cdd1cee7a8ab' }))));
+        return (hAsync(Host, { key: 'b071d63a6211e70b09f11a18609d15728eb485c6', slot: "tabpanels" }, hAsync("div", { key: 'ab8de65d7142136888c853170b7b8b190f21abcc', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: '0cac8366d5502be7033d1b71b681bf564aa557e8' }))));
     }
     get el() { return getElement(this); }
     static get style() { return PdsTabpanelStyle0; }
@@ -12033,7 +12190,7 @@ class PdsTabs {
         this.passPropsToChildren();
     }
     render() {
-        return (hAsync(Host, { key: '92748fc6123067ba04f9cc81ea949366fb1c2a8f', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, hAsync("div", { key: '809cbe1ed4e973db39ea69be9e30ac54881564af', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, hAsync("slot", { key: 'b23af8a48dee0528cc9f7d2b84a42411e2b14e6d', name: "tabs" })), hAsync("slot", { key: 'fdb46b7125f735531b13c1ac82a08f27998e7511', name: "tabpanels" })));
+        return (hAsync(Host, { key: 'a36e242d5e746954f80778cf515879ca82258978', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, hAsync("div", { key: 'd6d89fd90a9a534f249c549e34308ed245773f60', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, hAsync("slot", { key: '9b5e5268c27ecf2a5331cec64d2c7121cef366a1', name: "tabs" })), hAsync("slot", { key: 'b835cf1befe68f54b1751a976846d271ce97634e', name: "tabpanels" })));
     }
     get el() { return getElement(this); }
     static get style() { return PdsTabsStyle0; }
@@ -12089,10 +12246,10 @@ class PdsTextarea {
         return classNames.join('  ');
     }
     render() {
-        return (hAsync(Host, { key: 'a6f6eb13665857ec8762d454d79ff216e2062a66', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'fa77f9c7c29f214ee4d8ddb8e1e48d4d16b6a47e', class: "pds-textarea" }, this.label &&
-            hAsync(PdsLabel, { key: '75c242138f5c2a33a82feaa775dae0c05843d2c1', htmlFor: this.componentId, text: this.label }), hAsync("textarea", { key: '8bebb57b878c745e07ebfc18afd2aaf7d2da66a5', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onChange: this.onTextareaChange }, this.value), this.helperMessage &&
-            hAsync("p", { key: 'b9a83aeb83b0cf4232359154d36a8ec48b0a3638', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
-            hAsync("p", { key: 'ee70c7aa56b8a8e18de58394c04140065670f8db', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, this.errorMessage))));
+        return (hAsync(Host, { key: 'f58ccd5b20fc30c6e6153e04e98b27fe265040af', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: '480b51012d0f7a05d83fb8cb359d2bc3a4e82189', class: "pds-textarea" }, this.label &&
+            hAsync(PdsLabel, { key: '0b34ee6ee8eec6891c00596f840d028ab6ac36bb', htmlFor: this.componentId, text: this.label }), hAsync("textarea", { key: '6f066ce38aaec3257bddd69715118aa5740723c1', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onChange: this.onTextareaChange }, this.value), this.helperMessage &&
+            hAsync("p", { key: '91c66558978cdbb3191c0af31c34c2647749c01a', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
+            hAsync("p", { key: 'da8320d10ace733c7181ab3c6827da99d94d7ebd', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, this.errorMessage))));
     }
     get el() { return getElement(this); }
     static get style() { return PdsTextareaStyle0; }
@@ -12251,13 +12408,13 @@ class PdsTooltip {
         this.opened = false;
     }
     render() {
-        return (hAsync(Host, { key: '088766be31b8716e158cbffd4afc4ada0f14dc3d', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, hAsync("div", { key: 'c4fb29b5d5834a9e94f040ded6daf15cf3fcc6ff', class: `
+        return (hAsync(Host, { key: '52999e010e83fb265a46867b0b29169f7363a496', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, hAsync("div", { key: '6bb63ba10eab04114ced7ead7079d46cc22cb72c', class: `
             pds-tooltip
             pds-tooltip--${this.placement}
             ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}
             ${this.opened ? 'pds-tooltip--is-open' : ''}
             ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}
-          ` }, hAsync("span", { key: '25a69f567a33df83ff784d36de5bce86874d6d1d', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, hAsync("slot", { key: 'eab3bbca9b913b04ef4dfe7a8e472c43d57c4979' })), hAsync("div", { key: 'bdaa9f26f848b440a8432a44481f8a1059ae0689', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip" }, hAsync("slot", { key: '0e62fe237e9a39208aa2146e2dc1d6df6b25b41d', name: "content" }), this.content))));
+          ` }, hAsync("span", { key: '930c148c837912ad9d5ea57e92246e0211b355c4', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, hAsync("slot", { key: '813429e2865fae92050d779ca7f47072313db851' })), hAsync("div", { key: '7f47e8b4ff3d6238f27e38986f032ece94f6b584', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip" }, hAsync("slot", { key: '90b3f02974d250375d55ed332a9c525626ff5439', name: "content" }), this.content))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -12297,6 +12454,7 @@ registerComponents([
   PdsImage,
   PdsInput,
   PdsLink,
+  PdsLoader,
   PdsProgress,
   PdsRadio,
   PdsRow,