@supersoniks/concorde 3.1.1 → 3.1.3

package/concorde-core.es.js

@@ -129,8 +129,9 @@ let ri = (St = class {
    * Supprime les écouteurs associés
    */
   delete() {
-    for (const t of this._proxies_.values())
-      t.delete();
+    var t;
+    for (const s in this._proxies_.keys())
+      s != "_parent_" && ((t = this._proxies_.get(s)) == null || t.delete());
     this._invalidateListeners_.clear(), this._assignListeners_.clear(), this._mutationListeners_.clear(), this._fillListeners_.clear(), this._templateFillListeners_.clear(), this._proxies_.clear(), St.instances.delete(this._instanceCounter_);
   }
   /**
@@ -462,7 +463,7 @@ let N = (k = class {
     const h = await new Response(l.readable).arrayBuffer();
     return new TextDecoder().decode(h);
   }
-}, k.buildDate = "Tue May 07 2024 12:17:38 GMT+0200 (Central European Summer Time)", k.changed = !1, k.saving = !1, k.saveId = 0, k.instance = null, k.instances = /* @__PURE__ */ new Map(), k.modifiedCollectore = [], k);
+}, k.buildDate = "Thu May 30 2024 12:53:16 GMT+0200 (Central European Summer Time)", k.changed = !1, k.saving = !1, k.saveId = 0, k.instance = null, k.instances = /* @__PURE__ */ new Map(), k.modifiedCollectore = [], k);
 const Us = window;
 Us.SonicPublisherManager || (Us.SonicPublisherManager = N);
 Us.SonicPublisherManager.registerInstance(
@@ -2696,12 +2697,23 @@ const ns = /* @__PURE__ */ new Map(), Oe = (r) => {
           const w = d.indexOf(this);
           w == 0 ? f = d[d.length - 1] : f = d[w - 1];
         }
-        const m = (b = f == null ? void 0 : f.shadowRoot) == null ? void 0 : b.querySelector(h);
+        const m = (b = f == null ? void 0 : f.shadowRoot) == null ? void 0 : b.querySelector(
+          h
+        );
         m && m.focus && (m.focus(), l.preventDefault(), l.stopPropagation());
       });
     }
+    focus() {
+      var e;
+      const i = (e = this.shadowRoot) == null ? void 0 : e.querySelector(
+        "[data-form-element]"
+      );
+      i == null || i.focus();
+    }
     connectedCallback() {
-      this.formDataProvider = this.getAncestorAttributeValue("formDataProvider"), super.connectedCallback(), this.addKeyboardNavigation();
+      this.formDataProvider = this.getAncestorAttributeValue(
+        "formDataProvider"
+      ), super.connectedCallback(), this.addKeyboardNavigation();
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this._name && this.publisher && this.publisher[this._name].offAssign(this.onValueAssign);
@@ -3277,6 +3289,7 @@ const x = (r) => r ?? $, Lt = P`
     font-size: var(--sc-fs);
     line-height: var(--sc-lh);
   }
+
   :host([size="2xs"]) {
     --sc-fs: 0.625rem;
   }
@@ -3286,6 +3299,9 @@ const x = (r) => r ?? $, Lt = P`
   :host([size="sm"]) {
     --sc-fs: 0.875rem;
   }
+  :host([size="md"]) {
+    --sc-fs: 1rem;
+  }
   :host([size="lg"]) {
     --sc-fs: 1.125rem;
   }
@@ -4320,7 +4336,8 @@ const ts = P`
     }
 
     .custom-scroll::-webkit-scrollbar-thumb {
-      box-shadow: inset 0 0 2rem 2rem var(--sc-scrollbar-bg);
+      box-shadow: inset 0 0 2rem 2rem
+        var(--sc-scrollbar-bg, var(--sc-base-400, #222));
       border-radius: var(--sc-rounded);
       border: solid 0.15rem transparent;
     }
@@ -4595,7 +4612,8 @@ yt = Et([
 const nn = P`
   :host {
     /* polices*/
-    --sc-font-family-base: "Inter var", "Inter", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    --sc-font-family-base: "Inter var", "Inter", -apple-system, system-ui,
+      BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
       sans-serif;
     --sc-font-weight-base: 400;
     --sc-font-style-base: normal;
@@ -4622,16 +4640,23 @@ const nn = P`
     /* 4 for rounded full*/
     --sc-btn-rounded-intensity: 1.4;
     --sc-btn-font-weight: 500;
-    --sc-btn-rounded: calc((var(--sc-rounded) + var(--sc-rounded-size-intensity)) * var(--sc-btn-rounded-intensity));
+    --sc-btn-rounded: calc(
+      (var(--sc-rounded) + var(--sc-rounded-size-intensity)) *
+        var(--sc-btn-rounded-intensity)
+    );
 
     /* Placeholder */
     --sc-placeholder-bg: rgba(17, 24, 39, 0.05);
 
     /* OMBRES */
-    --sc-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --sc-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    --sc-shadow-lg: 0 10px 15px 0px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --sc-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --sc-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1),
+      0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --sc-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
+      0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --sc-shadow-lg: 0 10px 15px 0px rgb(0 0 0 / 0.1),
+      0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --sc-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
+      0 8px 10px -6px rgb(0 0 0 / 0.1);
     --sc-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
 
     /* Forms */
@@ -4642,15 +4667,15 @@ const nn = P`
     --sc-input-bg: var(--sc-base-100);
     --sc-input-border-color: var(--sc-input-bg);
     --sc-input-rounded-intensity: 1.4;
-    --sc-input-rounded: calc((var(--sc-rounded) + var(--sc-rounded-size-intensity)) * var(--sc-input-rounded-intensity));
+    --sc-input-rounded: calc(
+      (var(--sc-rounded) + var(--sc-rounded-size-intensity)) *
+        var(--sc-input-rounded-intensity)
+    );
     --sc-label-font-weight: 500;
 
     /* Contrast -- ex : Text on images */
     --sc-contrast-content: #fff;
-    --sc-contrast: #11151f;
-
-    /*Scrollbar*/
-    --sc-scrollbar-bg: var(--sc-base-400);
+    --sc-contrast: #000000;
 
     /*Body*/
     --sc-body-bg: var(--sc-base);
@@ -5820,7 +5845,7 @@ let Wt = class extends Y(y) {
     );
     if (r.isFormValid = !0, r.invalidate(), !r.isFormValid.get())
       return;
-    if (this.publisher && (this.publisher.disabled = !0), r.isFormValid, this.hasAttribute("native")) {
+    if (this.disabled = !0, r.isFormValid, this.hasAttribute("native")) {
       this.submitNativeForm();
       return;
     }
@@ -5879,12 +5904,12 @@ let Wt = class extends Y(y) {
       const D = this.getAncestorAttributeValue(
         "submitResultDataProvider"
       );
-      D && N.get(D).set(c), this.publisher && (this.publisher.disabled = null);
+      D && N.get(D).set(c), this.disabled = !1;
     }, m = n != null && n.needsCaptchaValidation.get() ? n : r.needsCaptchaValidation.get() ? r : null;
     if (m) {
       m.captchaMethod = s, m.captchaAction = (h == null ? void 0 : h.split("?")[0]) ?? this.getAncestorAttributeValue("formDataProvider") ?? "submit", m.captchaToken = "request_token";
       const w = (C) => {
-        C != "request_token" && C != "" && (f(), m.captchaToken.offAssign(w));
+        C && C != "request_token" && (f(), m.captchaToken.offAssign(w));
       };
       m.captchaToken.onAssign(w);
     } else
@@ -6972,7 +6997,7 @@ var Ya = Object.defineProperty, Qa = Object.getOwnPropertyDescriptor, Le = (r, t
 const Ja = "sonic-progress";
 let Zt = class extends y {
   constructor() {
-    super(...arguments), this.max = 100, this.invert = !1, this.type = "default", this.size = "md";
+    super(...arguments), this.max = 100, this.invert = !1, this.type = "default";
   }
   render() {
     return g`
@@ -7062,8 +7087,13 @@ Zt.styles = [
         --sc-progress-color: var(--sc-success);
       }
 
+      :host([type="invert"]) {
+        --sc-progress-bg: rgba(190, 190, 190, 0.125);
+        --sc-progress-color: var(--sc-base);
+      }
+
       :host([invert]) {
-        --sc-progress-bg: rgba(200, 200, 200, 0.1);
+        --sc-progress-bg: rgba(190, 190, 190, 0.125);
       }
 
       :host([type="default"][invert]) {
@@ -7566,7 +7596,10 @@ let F = class extends Os(Oe(Y(y))) {
       super.handleChange(r);
       return;
     }
-    this.changeTimeoutId && clearTimeout(this.changeTimeoutId), this.changeTimeoutId = setTimeout(() => super.handleChange(r), parseInt(this.getAttribute("inputDelayMs")));
+    this.changeTimeoutId && clearTimeout(this.changeTimeoutId), this.changeTimeoutId = setTimeout(
+      () => super.handleChange(r),
+      parseInt(this.getAttribute("inputDelayMs"))
+    );
   }
   // toggle password visibility
   togglePasswordVisibility() {
@@ -7590,10 +7623,13 @@ let F = class extends Os(Oe(Y(y))) {
         ></slot
       ></label>
 
-      <div @click=${this.inlineContentFocus} class="form-control ${yi(r)}">
+      <div @click=${this.inlineContentFocus} class="form-control ${yi(
+      r
+    )}">
         <div part="content" class="${this.inlineContent ? "form-element form-element-wrapper" : "contents"}">
             <slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
             <input
+              data-form-element
               part="input"
               id=${x(this.id || "form-element")}
               part="input"
@@ -7628,7 +7664,10 @@ let F = class extends Os(Oe(Y(y))) {
                       aria-label="Toggle password visibility"
                       variant="unstyled"
                     >
-                      <sonic-icon library="heroicons" name=${this.isPassword ? "eye" : "eye-slash"}></sonic-icon>
+                      <sonic-icon
+                        library="heroicons"
+                        name=${this.isPassword ? "eye" : "eye-slash"}
+                      ></sonic-icon>
                     </sonic-button>` : ""}
             <slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
           </div>
@@ -7985,7 +8024,9 @@ var hl = Object.defineProperty, dl = Object.getOwnPropertyDescriptor, $t = (r, t
     (n = r[o]) && (e = (i ? n(t, s, e) : n(e)) || e);
   return i && e && hl(t, s, e), e;
 };
-let pt = class extends ui(xr(_r(Qt(y)))) {
+let pt = class extends ui(
+  xr(_r(Qt(y)))
+) {
   constructor() {
     super(...arguments), this.size = "md", this.placeholder = "", this.filteredFields = "", this.readonly = null, this.dataProviderExpression = "", this.key = "", this.searchParameter = "", this.propertyName = "", this.hasInputPrefix = !1, this._resizeController = new Sr(this, {}), this.searchDataProvider = "", this.initSearchDataProvider = "", this.queueDataProvider = "", this.initQueueDataProvider = "", this.lastValidSearch = "", this.updateSearchParameter = (r) => {
       var s;
@@ -7993,22 +8034,34 @@ let pt = class extends ui(xr(_r(Qt(y)))) {
         this.lastValidSearch = "";
         return;
       }
-      this.queryQueueListItem(this.queueDataProvider, this.findSelection, this.setSearchFromSelection) === !1 && (this.lastValidSearch = r, (s = this.searchPublisher) == null || s.set(this.lastValidSearch));
+      this.queryQueueListItem(
+        this.queueDataProvider,
+        this.findSelection,
+        this.setSearchFromSelection
+      ) === !1 && (this.lastValidSearch = r, (s = this.searchPublisher) == null || s.set(this.lastValidSearch));
     }, this.initSearchParameter = () => {
-      this.queryQueueListItem(this.initQueueDataProvider, this.findSelection, this.setSearchFromSelection);
+      this.queryQueueListItem(
+        this.initQueueDataProvider,
+        this.findSelection,
+        this.setSearchFromSelection
+      );
     }, this.selectListItem = (r) => {
       var s;
       const t = this.propertyName === "_self" ? r : r[this.propertyName || this.name];
       (s = this.formValuePublisher) == null || s.set(t);
     }, this.findSearchedItem = (r) => {
       var s;
-      return (this.propertyName === "_self" ? r : r[this.propertyName || this.searchParameter || this.name]) == ((s = this.searchPublisher) == null ? void 0 : s.get());
+      return console.log(this.propertyName), (this.propertyName === "_self" ? r : r[this.propertyName || this.searchParameter || this.name]) == ((s = this.searchPublisher) == null ? void 0 : s.get());
     }, this.findSelection = (r) => (this.propertyName === "_self" ? r : r[this.propertyName || this.name]) == this.value, this.setSearchFromSelection = (r) => {
       var t;
-      this.lastValidSearch = this.propertyName === "_self" ? r : r[this.propertyName || this.searchParameter || this.name], (t = this.searchPublisher) == null || t.set(this.lastValidSearch);
+      this.lastValidSearch = this.propertyName === "_self" ? r : r[this.searchParameter || this.propertyName || this.name], (t = this.searchPublisher) == null || t.set(this.lastValidSearch);
     }, this.updateActiveSelection = () => {
       var r, t, s;
-      this.queryQueueListItem(this.queueDataProvider, this.findSearchedItem, this.selectListItem), !this.select && this.lastValidSearch && this.lastValidSearch != ((r = this.searchPublisher) == null ? void 0 : r.get()) && ((t = this.formValuePublisher) != null && t.get()) && ((s = this.formValuePublisher) == null || s.set(""));
+      this.queryQueueListItem(
+        this.queueDataProvider,
+        this.findSearchedItem,
+        this.selectListItem
+      ), !this.select && this.lastValidSearch && this.lastValidSearch != ((r = this.searchPublisher) == null ? void 0 : r.get()) && ((t = this.formValuePublisher) != null && t.get()) && ((s = this.formValuePublisher) == null || s.set(""));
     };
   }
   /**
@@ -8024,7 +8077,9 @@ let pt = class extends ui(xr(_r(Qt(y)))) {
     const r = this.searchParameter || this.name, t = this.getAncestorAttributeValue("formDataProvider"), s = t + "__" + this.name + "__autocomplete";
     this.initSearchDataProvider = `${s}_init_search__`, this.initQueueDataProvider = `${s}_init_queue__`, this.searchDataProvider = `${s}_search__`, this.queueDataProvider = `${s}_queue__`;
     const i = J.get;
-    this.searchPublisher = i(this.searchDataProvider)[r], this.formValuePublisher = i(t)[this.name], this.countPublisher = i(this.queueDataProvider).resultCount, this.initCountPublisher = i(this.initQueueDataProvider).resultCount, this.value && (J.get(this.initSearchDataProvider)[this.name] = this.value), (e = this.initCountPublisher) == null || e.onAssign(this.initSearchParameter), (o = this.formValuePublisher) == null || o.onAssign(this.updateSearchParameter), (n = this.countPublisher) == null || n.onAssign(this.updateActiveSelection);
+    this.searchPublisher = i(this.searchDataProvider)[r], this.formValuePublisher = i(t)[this.name], this.countPublisher = i(this.queueDataProvider).resultCount, this.initCountPublisher = i(
+      this.initQueueDataProvider
+    ).resultCount, this.value && (J.get(this.initSearchDataProvider)[this.name] = this.value), (e = this.initCountPublisher) == null || e.onAssign(this.initSearchParameter), (o = this.formValuePublisher) == null || o.onAssign(this.updateSearchParameter), (n = this.countPublisher) == null || n.onAssign(this.updateActiveSelection);
   }
   disconnectedCallback() {
     var t, s, i;
@@ -8084,18 +8139,33 @@ let pt = class extends ui(xr(_r(Qt(y)))) {
           inlineContent
           size=${this.size}
         >
-          <slot name="prefix" slot="prefix" @slotchange=${this.hasSlotOrProps}></slot>
-
-          ${this.select ? g` <sonic-icon slot="suffix" class="select-chevron" name="nav-arrow-down" .size=${this.size}></sonic-icon> ` : $}
+          <slot
+            name="prefix"
+            slot="prefix"
+            @slotchange=${this.hasSlotOrProps}
+          ></slot>
+
+          ${this.select ? g`
+                <sonic-icon
+                  slot="suffix"
+                  class="select-chevron"
+                  name="nav-arrow-down"
+                  .size=${this.size}
+                ></sonic-icon>
+              ` : $}
         </sonic-input>
-        <sonic-menu slot="content" class="custom-scroll" style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}">
+        <sonic-menu
+          slot="content"
+          class="custom-scroll"
+          style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}"
+        >
           <sonic-queue
             dataProvider="${this.queueDataProvider}"
             filteredFields=${this.filteredFields}
             dataProviderExpression="${this.dataProviderExpression}"
             dataFilterProvider="${this.searchDataProvider}"
             key="${this.key}"
-            .templates=${this.templateList}
+            .templates=${this.templateList.concat(this.templatePartsList)}
             displayContents
           >
           </sonic-queue>
@@ -8301,7 +8371,9 @@ var vl = Object.defineProperty, yl = Object.getOwnPropertyDescriptor, Ut = (r, t
   return i && e && vl(t, s, e), e;
 };
 const wl = "sonic-checkbox";
-let mt = class extends di(Os(Oe(Y(y)))) {
+let mt = class extends di(
+  Os(Oe(Y(y)))
+) {
   constructor() {
     super(...arguments), this.touched = !1, this.iconName = "check", this.indeterminateIconName = "minus-small", this.showAsIndeterminate = !1, this.hasDescription = !1, this.hasLabel = !1;
   }
@@ -8392,7 +8464,8 @@ mt.styles = [
         outline: none;
         margin: 0;
         background-color: var(--sc-checkbox-bg);
-        border: var(--sc-checkbox-border-width) solid var(--sc-checkbox-border-color);
+        border: var(--sc-checkbox-border-width) solid
+          var(--sc-checkbox-border-color);
       }
 
       input:focus,
@@ -8636,6 +8709,7 @@ let K = class extends Oe(Y(y)) {
         <slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
         <div class="form-select-wrapper">
           <select
+            data-form-element
             id="form-element"
             @change=${this.handleChange}
             @blur=${this.handleBlur}
@@ -8816,7 +8890,9 @@ let at = class extends Os(Oe(Y(y))) {
   }
   validateFormElement() {
     var s;
-    const r = (s = this.shadowRoot) == null ? void 0 : s.querySelector("textarea");
+    const r = (s = this.shadowRoot) == null ? void 0 : s.querySelector(
+      "textarea"
+    );
     if (!r || r.checkValidity())
       return;
     const t = this.getFormPublisher();
@@ -8827,15 +8903,21 @@ let at = class extends Os(Oe(Y(y))) {
       resize: this.resize
     };
     return g`
-      <label for="${this.id || "form-element"}" class="${this.hasLabel ? "form-label" : "hidden"}"
+      <label
+        for="${this.id || "form-element"}"
+        class="${this.hasLabel ? "form-label" : "hidden"}"
         >${this.label ? z(
       this.label
       /*+ labelStarSuffix*/
-    ) : ""}<slot name="label" @slotchange=${this.hasSlotOrProps}></slot
+    ) : ""}<slot
+          name="label"
+          @slotchange=${this.hasSlotOrProps}
+        ></slot
       ></label>
 
       <div class="form-control">
         <textarea
+          data-form-element
           id="${this.id || "form-element"}"
           @input=${this.handleChange}
           @blur=${this.handleBlur}
@@ -8861,7 +8943,10 @@ ${this.value}</textarea
         >
       </div>
 
-      <slot name="description" @slotchange=${this.hasSlotOrProps} class="${this.hasDescription ? "form-description" : "hidden"}"
+      <slot
+        name="description"
+        @slotchange=${this.hasSlotOrProps}
+        class="${this.hasDescription ? "form-description" : "hidden"}"
         >${this.description ? g`${z(this.description)}` : ""}</slot
       >
     `;
@@ -10370,7 +10455,10 @@ let pe = class extends y {
   }
   render() {
     const r = this.disabled || this.label == "" ? "disabled" : "";
-    return g`<div data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}" class="tooltip ${r}">
+    return g`<div
+      data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}"
+      class="tooltip ${r}"
+    >
       <slot></slot>
     </div>`;
   }
@@ -10383,6 +10471,7 @@ pe.styles = [
         align-items: center;
         text-align: center;
         --sc-tooltip-fw: var(--sc-font-weight-base);
+        --sc-tooltip-position: calc(100% + 0.25rem);
       }
 
       .tooltip:before {
@@ -10393,57 +10482,86 @@ pe.styles = [
         opacity: 0;
         pointer-events: none;
         background: var(--sc-base-content, #111827);
-        padding: 0.32rem 0.25rem;
+        padding: 0.32rem 0.55rem;
         border-radius: var(--sc-rounded);
         color: var(--sc-base, #fff);
         z-index: 999;
-        display: none;
         line-height: 1.1;
         width: max-content;
         max-width: 18rem;
         white-space: pre-line;
         font-weight: var(--sc-tooltip-fw);
+        transition: 0.2s;
+        scale: 0.9;
+        will-change: opacity, transform;
       }
       :host(:focus-within) .tooltip:not(.disabled):before,
       .tooltip:not(.disabled):hover:before {
         opacity: 1;
-        display: block;
+        scale: 1;
       }
 
       :host(:not([placement])) .tooltip:before,
       :host([placement="top"]) .tooltip:before {
-        bottom: calc(100% + 0.25rem);
+        bottom: var(--sc-tooltip-position);
         left: 50%;
         transform: translateX(-50%);
       }
 
       :host([placement="top-end"]) .tooltip:before {
-        bottom: calc(100% + 0.25rem);
+        bottom: var(--sc-tooltip-position);
         right: 0;
-        transform: translateX(0);
       }
       :host([placement="top-start"]) .tooltip:before {
-        bottom: calc(100% + 0.25rem);
+        bottom: var(--sc-tooltip-position);
         left: 0;
-        transform: translateX(0);
       }
 
       :host([placement="bottom"]) .tooltip:before {
-        top: calc(100% + 0.25rem);
+        top: var(--sc-tooltip-position);
         left: 50%;
         transform: translateX(-50%);
       }
 
+      :host([placement="bottom-start"]) .tooltip:before {
+        top: var(--sc-tooltip-position);
+        left: 0;
+      }
+      :host([placement="bottom-end"]) .tooltip:before {
+        top: var(--sc-tooltip-position);
+        right: 0;
+      }
+
       :host([placement="left"]) .tooltip:before {
         top: 50%;
-        right: calc(100% + 0.25rem);
+        right: var(--sc-tooltip-position);
         transform: translateY(-50%);
       }
 
+      :host([placement="left-start"]) .tooltip:before {
+        top: 0;
+        right: var(--sc-tooltip-position);
+      }
+
+      :host([placement="left-end"]) .tooltip:before {
+        bottom: 0;
+        right: var(--sc-tooltip-position);
+      }
+
       :host([placement="right"]) .tooltip:before {
         top: 50%;
         transform: translateY(-50%);
-        left: calc(100% + 0.25rem);
+        left: var(--sc-tooltip-position);
+      }
+
+      :host([placement="right-start"]) .tooltip:before {
+        top: 0;
+        left: var(--sc-tooltip-position);
+      }
+
+      :host([placement="right-end"]) .tooltip:before {
+        bottom: 0;
+        left: var(--sc-tooltip-position);
       }
     `
 ];
@@ -11231,15 +11349,15 @@ var Ph = Object.defineProperty, $h = Object.getOwnPropertyDescriptor, Ee = (r, t
 };
 const Ch = "sonic-table";
 let Yt = class extends y {
-  constructor() {
-    super(...arguments), this.bordered = !1, this.rounded = !1, this.noCustomScroll = !1;
-  }
   render() {
     const r = {
       maxHeight: this.maxHeight
     };
     return g`
-      <div class="table-container ${this.noCustomScroll ? "" : "custom-scroll"}" style=${dt(r)}>
+      <div
+        class="table-container ${this.noCustomScroll ? "" : "custom-scroll"}"
+        style=${dt(r)}
+      >
         <div class="table">
           <slot></slot>
         </div>
@@ -11270,13 +11388,13 @@ Yt.styles = [
         display: block;
       }
 
-      :host([maxHeight]) .table-container {
+      .table-container {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
       }
 
-      :host(:not([maxHeight])) .table-container {
-        overflow: initial !important;
+      :host([noCustomScroll]) .table-container {
+        overflow: initial;
       }
 
       .table {
@@ -11288,7 +11406,8 @@ Yt.styles = [
       :host([bordered]) .table-container {
         border: var(--sc-border-width) solid var(--sc-table-border-color);
         border-radius: var(--sc-rounded);
-        --sc-table-td-border-b: var(--sc-border-width) solid var(--sc-table-border-color);
+        --sc-table-td-border-b: var(--sc-border-width) solid
+          var(--sc-table-border-color);
       }
     `
 ];
@@ -11333,10 +11452,14 @@ let Ge = class extends Qt(y) {
       const r = document.createElement("style");
       r.innerHTML = ".grecaptcha-badge {z-index: 9999;}", r.id = "concorde-recaptcha-css", document.head.appendChild(r);
     }
-    this.formPublisher && !this.formPublisher.captchaToken.get() && (this.formPublisher.needsCaptchaValidation = !0, this.formPublisher.captchaToken.onAssign(this.onCaptchaTokenChanged));
+    this.formPublisher && !this.formPublisher.captchaToken.get() && (this.formPublisher.needsCaptchaValidation = !0, this.formPublisher.captchaToken.onAssign(
+      this.onCaptchaTokenChanged
+    ));
   }
   disconnectedCallback() {
-    this.formPublisher && this.formPublisher.captchaToken.offAssign(this.onCaptchaTokenChanged), super.disconnectedCallback();
+    this.formPublisher && (this.formPublisher.captchaToken.offAssign(
+      this.onCaptchaTokenChanged
+    ), this.formPublisher.captchaToken = ""), super.disconnectedCallback();
   }
   requestToken() {
     var s, i;