@supersoniks/concorde 1.1.25 → 1.1.27

package/core/components/ui/modal/modal.d.ts

@@ -1,9 +1,9 @@
 import { LitElement, nothing } from "lit";
-import "./modal-actions";
-import "./modal-title";
-import "./modal-subtitle";
-import "./modal-content";
-import "./modal-close";
+import "@supersoniks/concorde/core/components/ui/modal/modal-actions";
+import "@supersoniks/concorde/core/components/ui/modal/modal-title";
+import "@supersoniks/concorde/core/components/ui/modal/modal-subtitle";
+import "@supersoniks/concorde/core/components/ui/modal/modal-content";
+import "@supersoniks/concorde/core/components/ui/modal/modal-close";
 declare type ModalCreateOptions = {
     content?: string;
 };

package/core/components/ui/modal/modal.js

@@ -9,11 +9,12 @@ import { customElement, property, queryAssignedElements, query } from "lit/decor
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import { animate, fadeIn, fadeOut } from "@lit-labs/motion";
 import { styleMap } from "lit/directives/style-map.js";
-import "./modal-actions";
-import "./modal-title";
-import "./modal-subtitle";
-import "./modal-content";
-import "./modal-close";
+import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
+import "@supersoniks/concorde/core/components/ui/modal/modal-actions";
+import "@supersoniks/concorde/core/components/ui/modal/modal-title";
+import "@supersoniks/concorde/core/components/ui/modal/modal-subtitle";
+import "@supersoniks/concorde/core/components/ui/modal/modal-content";
+import "@supersoniks/concorde/core/components/ui/modal/modal-close";
 const tagName = "sonic-modal";
 let Modal = class Modal extends Subscriber(LitElement) {
     constructor() {
@@ -79,7 +80,7 @@ let Modal = class Modal extends Subscriber(LitElement) {
       >
         <div
           part="modal"
-          class="modal"
+          class="modal custom-scroll"
           style=${styleMap(modalStyles)}
           ${animate({
             keyframeOptions: {
@@ -90,7 +91,7 @@ let Modal = class Modal extends Subscriber(LitElement) {
             out: [{ transform: "translateY(20%) scale(1)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }],
         })}
         >
-          <div class="modal-content">
+          <div class="modal-content ">
             <slot></slot>
           </div>
         </div>
@@ -146,6 +147,7 @@ let Modal = class Modal extends Subscriber(LitElement) {
     }
 };
 Modal.styles = [
+    customScroll,
     css `
       :host {
         --sc-modal-py: 2.5rem;
@@ -176,23 +178,7 @@ Modal.styles = [
         pointer-events: none;
       }
 
-      /*SCROLLBAR*/
-      .modal-content::-webkit-scrollbar-track {
-        z-index: 20;
-        background-color: transparent;
-      }
-
-      .modal-content::-webkit-scrollbar {
-        width: 0.9rem;
-        background-color: transparent;
-      }
-
-      .modal-content::-webkit-scrollbar-thumb {
-        background-color: var(--sc-modal-scrollbar-bg);
-        border: 0.3rem solid rgba(0, 0, 0, 0);
-        background-clip: padding-box;
-        border-radius: var(--sc-modal-rounded);
-      }
+     
       .modal-content {
         overflow-y: auto;
         display: flex;
@@ -208,7 +194,7 @@ Modal.styles = [
         box-shadow: var(--sc-shadow-lg);
         border-radius: var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0;
         pointer-events: auto;
-        overflow: hidden;
+        /*overflow: hidden;*/
         transform: translateZ(0);
       }
 

package/core/components/ui/table/table-caption.js

@@ -17,17 +17,8 @@ TableCaption.styles = [
       :host {
         display:table-caption;
         font-size:.75rem;
-        color:var(--sc-base-400);
-        text-align:center;
-      }
-
-      :host:before{
-        content:"—";
-        margin-right:.25em;
-      }
-      :host:after{
-        content:"—";
-        margin-left:.25em;
+        color:var(--sc-table-caption-color);
+        padding: var(--sc-table-td-py) var(--sc-table-td-px) calc(2 * var(--sc-table-td-py) );
       }
     `
 ];

package/core/components/ui/table/table-td.d.ts

@@ -4,5 +4,6 @@ export declare class TableTd extends LitElement {
     colSpan?: number;
     rowSpan?: number;
     align?: string;
+    minWidth?: string;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/ui/table/table-td.js

@@ -9,29 +9,35 @@ import { customElement, property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { styleMap } from "lit/directives/style-map.js";
 const tagName = "sonic-td";
+import { typesColor } from "@supersoniks/concorde/core/components/ui/_css/types";
 let TableTd = class TableTd extends LitElement {
     render() {
         const styles = {
             textAlign: this.align,
+            minWidth: this.minWidth,
         };
         return html `<td
       part="td"
       style=${styleMap(styles)}
       colspan=${ifDefined(this.colSpan)}
       rowspan=${ifDefined(this.rowSpan)}
-      ><slot></slot></td>`;
+    >
+      <slot></slot>
+    </td>`;
     }
 };
 TableTd.styles = [
+    typesColor,
     css `
       :host {
         display: contents;
       }
       td {
-        all:inherit;
-        display:table-cell;
+        all: inherit;
+        display: table-cell;
         padding: var(--sc-table-td-py) var(--sc-table-td-px);
-      }`
+      }
+    `,
 ];
 __decorate([
     property({ type: Number })
@@ -42,6 +48,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], TableTd.prototype, "align", void 0);
+__decorate([
+    property({ type: String })
+], TableTd.prototype, "minWidth", void 0);
 TableTd = __decorate([
     customElement(tagName)
 ], TableTd);

package/core/components/ui/table/table-th.d.ts

@@ -4,5 +4,6 @@ export declare class TableTh extends LitElement {
     colSpan?: number;
     rowSpan?: number;
     align?: string;
+    minWidth?: string;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/ui/table/table-th.js

@@ -8,31 +8,42 @@ import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { styleMap } from "lit/directives/style-map.js";
+import { typesColor } from "@supersoniks/concorde/core/components/ui/_css/types";
 const tagName = "sonic-th";
 let TableTh = class TableTh extends LitElement {
     render() {
         const styles = {
             textAlign: this.align,
+            minWidth: this.minWidth,
         };
-        return html `<th part="th" 
-    style=${styleMap(styles)}
-    colspan=${ifDefined(this.colSpan)}
-    rowspan=${ifDefined(this.rowSpan)}
-    ><slot></slot></th> `;
+        return html `<th
+      part="th"
+      style=${styleMap(styles)}
+      colspan=${ifDefined(this.colSpan)}
+      rowspan=${ifDefined(this.rowSpan)}
+    >
+      <slot></slot>
+    </th> `;
     }
 };
 TableTh.styles = [
+    typesColor,
     css `
       :host {
         display: contents;
+        background:var(--sc-table-bg);
+        position:sticky;
+        top:0;
+        z-index:20;
       }
 
       th {
-        all:inherit;
-        display:table-cell;
+        all: inherit;
+        display: table-cell;
+        border-bottom: calc(var(--sc-border-width) * 1.5) solid var(--sc-table-border-color);
         text-transform: var(--sc-table-th-tt);
-        font-weight:var(--sc-table-th-fw);
-        font-size:var(--sc-table-th-fs);
+        font-weight: var(--sc-table-th-fw);
+        font-size: var(--sc-table-th-fs);
         padding: var(--sc-table-th-py) var(--sc-table-th-px);
       }
     `,
@@ -46,6 +57,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], TableTh.prototype, "align", void 0);
+__decorate([
+    property({ type: String })
+], TableTh.prototype, "minWidth", void 0);
 TableTh = __decorate([
     customElement(tagName)
 ], TableTh);

package/core/components/ui/table/table-tr.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { customElement } from "lit/decorators.js";
+import { typesColor } from "@supersoniks/concorde/core/components/ui/_css/types";
 const tagName = "sonic-tr";
 let TableTr = class TableTr extends LitElement {
     render() {
@@ -13,6 +14,7 @@ let TableTr = class TableTr extends LitElement {
     }
 };
 TableTr.styles = [
+    typesColor,
     css `
       :host {
         display: table-row;

package/core/components/ui/table/table.d.ts

@@ -1,16 +1,18 @@
 import { LitElement } from "lit";
-import "./table-tr";
-import "./table-th";
-import "./table-td";
-import "./table-thead";
-import "./table-tbody";
-import "./table-tfoot";
-import "./table-caption";
+import "@supersoniks/concorde/core/components/ui/table/table-tr";
+import "@supersoniks/concorde/core/components/ui/table/table-th";
+import "@supersoniks/concorde/core/components/ui/table/table-td";
+import "@supersoniks/concorde/core/components/ui/table/table-thead";
+import "@supersoniks/concorde/core/components/ui/table/table-tbody";
+import "@supersoniks/concorde/core/components/ui/table/table-tfoot";
+import "@supersoniks/concorde/core/components/ui/table/table-caption";
 export declare class Table extends LitElement {
     static styles: import("lit").CSSResult[];
     size: "xs" | "sm" | "md" | "lg" | "xl";
     striped: boolean;
     sticky: boolean;
+    bordered: boolean;
     hover: boolean;
+    maxHeight?: string;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/ui/table/table.js

@@ -6,13 +6,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import "./table-tr";
-import "./table-th";
-import "./table-td";
-import "./table-thead";
-import "./table-tbody";
-import "./table-tfoot";
-import "./table-caption";
+import { styleMap } from "lit/directives/style-map.js";
+import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
+import "@supersoniks/concorde/core/components/ui/table/table-tr";
+import "@supersoniks/concorde/core/components/ui/table/table-th";
+import "@supersoniks/concorde/core/components/ui/table/table-td";
+import "@supersoniks/concorde/core/components/ui/table/table-thead";
+import "@supersoniks/concorde/core/components/ui/table/table-tbody";
+import "@supersoniks/concorde/core/components/ui/table/table-tfoot";
+import "@supersoniks/concorde/core/components/ui/table/table-caption";
 const tagName = "sonic-table";
 let Table = class Table extends LitElement {
     constructor() {
@@ -20,11 +22,16 @@ let Table = class Table extends LitElement {
         this.size = "md";
         this.striped = false;
         this.sticky = false;
+        this.bordered = false;
         this.hover = false;
     }
     render() {
+        const containerStyles = {
+            maxHeight: this.maxHeight,
+        };
         return html `
-      <div class="table-container">
+      
+      <div class="table-container custom-scroll" style=${styleMap(containerStyles)} >
         <div class="table" ?striped=${this.striped} ?hover=${this.hover} ?sticky=${this.sticky}>
           <slot></slot>
         </div>
@@ -33,18 +40,23 @@ let Table = class Table extends LitElement {
     }
 };
 Table.styles = [
+    customScroll,
     css `
       :host {
         --sc-table-fw: var(--sc-font-weight-base);
         --sc-table-fst: var(--sc-font-style-base);
         --sc-table-fs: 1rem;
+        --sc-table-border-color: var(--sc-base-200);
+        --sc-table-caption-color: var(--sc-base-400);
+        --sc-table-bg: var(--sc-base);
         --sc-table-th-fs: .85em;
         --sc-table-th-fw: bold;
         --sc-table-th-tt: uppercase;
         --sc-table-th-px: var(--sc-table-td-px);
-        --sc-table-th-py: var(--sc-table-td-py);
-        --sc-table-td-px: .5rem;
-        --sc-table-td-py: .3rem;
+        --sc-table-th-py: calc(1.8 * var(--sc-table-td-py) );
+        --sc-table-td-px: .5em;
+        --sc-table-td-py: .5em;
+
         display:block;
       }
 
@@ -57,6 +69,7 @@ Table.styles = [
         width: 100%;
         font-size: var(--sc-table-fs);
         display: table;
+        box-sizing:border-box;
       }
 
       /*SIZES*/
@@ -75,6 +88,9 @@ Table.styles = [
       :host([size="xl"]) {
         --sc-table-fs: 1.5rem;
       }
+      :host([bordered]) .table-container {
+        border:var(--sc-border-width) solid var(--sc-table-border-color) !important;
+      }
 
     `,
 ];
@@ -87,9 +103,15 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Table.prototype, "sticky", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Table.prototype, "bordered", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Table.prototype, "hover", void 0);
+__decorate([
+    property({ type: String })
+], Table.prototype, "maxHeight", void 0);
 Table = __decorate([
     customElement(tagName)
 ], Table);

package/core/components/ui/tabs/tab.d.ts

@@ -1,4 +1,4 @@
-import { Button } from "../button/button";
+import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
 export declare class Tab extends Button {
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
     constructor();

package/core/components/ui/tabs/tab.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css } from "lit";
 import { customElement } from "lit/decorators.js";
-import { Button } from "../button/button";
+import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
 let Tab = class Tab extends Button {
     constructor() {
         super();

package/core/components/ui/tabs/tabs.js

@@ -7,7 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
 import { ResizeController } from "@lit-labs/observers/resize_controller.js";
-// import { tailwind } from "../theme/theme";
 let Tabs = class Tabs extends LitElement {
     constructor() {
         super(...arguments);
@@ -67,7 +66,7 @@ let Tabs = class Tabs extends LitElement {
           <sonic-icon class="my-auto" size="xl" name="more-vert"></sonic-icon>
         </sonic-menu-item>
         <sonic-menu slot="content"></sonic-menu>
-      <sonic-pop>
+  </sonic-pop>
     </menu>`;
     }
 };

package/core/components/ui/taxonomy/taxonomy.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from "lit";
-import "../icon/icon";
-import "../badge/badge";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+import "@supersoniks/concorde/core/components/ui/badge/badge";
 /**
  * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
  */

package/core/components/ui/taxonomy/taxonomy.js

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-import "../icon/icon";
-import "../badge/badge";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+import "@supersoniks/concorde/core/components/ui/badge/badge";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 const tagName = "sonic-taxonomy";
 /**

package/core/components/ui/theme/theme-collection/core-variables.js

@@ -38,7 +38,7 @@ export const coreVariables = css `
     --sc-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
 
     /* formulaires*/
-    --sc-border-width: max(1px, 0.1rem);
+    --sc-border-width: max(1px, 0.085rem);
     --sc-form-border-width: var(--sc-border-width);
     --sc-input-bg: var(--sc-base-100);
     --sc-input-border-color: var(--sc-input-bg);
@@ -47,5 +47,8 @@ export const coreVariables = css `
     /*Couleurs -- textes sur images*/
     --sc-contrast-content: #fff;
     --sc-contrast: #0f172a;
+
+    /*Scrollbar*/
+    --sc-scrollbar-bg : var(--sc-base-400);
   }
 `;

package/core/components/ui/theme/theme.js

@@ -7,9 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var Theme_1;
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { coreVariables } from "./theme-collection/core-variables";
-import { light } from "./theme-collection/light";
-import { dark } from "./theme-collection/dark";
+import { coreVariables } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/core-variables";
+import { light } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/light";
+import { dark } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/dark";
 const tagName = "sonic-theme";
 let Theme = Theme_1 = class Theme extends LitElement {
     constructor() {

package/core/components/ui/toast/message-subscriber.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-import { SonicToast } from "./toast";
+import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 const tagName = "sonic-toast-message-subscriber";
 //Superbe mix de multples versions d'api.
 let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {

package/core/components/ui/toast/toast-item.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from "lit";
-import "./types";
-import { ToastStatus } from "./types";
+import "@supersoniks/concorde/core/components/ui/toast/types";
+import { ToastStatus } from "@supersoniks/concorde/core/components/ui/toast/types";
 export declare class SonicToastItem extends LitElement {
     static styles: import("lit").CSSResult[];
     title: string;

package/core/components/ui/toast/toast-item.js

@@ -7,7 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import "./types";
+import "@supersoniks/concorde/core/components/ui/toast/types";
+import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
 const icon = {
     warning: "warning-circled-outline",
     success: "check-circled-outline",
@@ -69,6 +70,7 @@ let SonicToastItem = class SonicToastItem extends LitElement {
     }
 };
 SonicToastItem.styles = [
+    customScroll,
     css `
       * {
         box-sizing: border-box;
@@ -230,19 +232,7 @@ SonicToastItem.styles = [
         pointer-events: none;
       }
 
-      /*TODO :: mutualiser le scroll */
-      .custom-scroll::-webkit-scrollbar {
-        width: 0.8rem;
-        border: solid 3px transparent;
-        border-radius: var(--sc-rounded);
-        background:transparent;
-      }
-
-      .custom-scroll::-webkit-scrollbar-thumb {
-        box-shadow: inset 0 0 2rem 2rem var(--sc-base-500);
-        border-radius: var(--sc-rounded);
-        border: solid 3px transparent;
-      }
+    
 
     `,
 ];

package/core/components/ui/toast/toast.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, nothing } from "lit";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "./toast-item";
-import { Toast } from "./types";
+import "@supersoniks/concorde/core/components/ui/toast/toast-item";
+import { Toast } from "@supersoniks/concorde/core/components/ui/toast/types";
 export declare class SonicToast extends LitElement {
     toasts: Toast[];
     createRenderRoot(): this;
@@ -11,7 +11,7 @@ export declare class SonicToast extends LitElement {
         id: number;
         text: string;
         title: string | undefined;
-        status: import("./types").ToastStatus | undefined;
+        status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus | undefined;
         preserve: boolean | undefined;
         ghost: boolean | undefined;
     } | null;

package/core/components/ui/toast/toast.js

@@ -12,7 +12,7 @@ import Objects from "@supersoniks/concorde/core/utils/Objects";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { styleMap } from "lit/directives/style-map.js";
-import "./toast-item";
+import "@supersoniks/concorde/core/components/ui/toast/toast-item";
 const tagName = "sonic-toast";
 let SonicToast = class SonicToast extends LitElement {
     constructor() {

package/core/mixins/Fetcher.d.ts

@@ -1,6 +1,6 @@
 import API from "@supersoniks/concorde/core/utils/api";
-import "../components/ui/button/button";
-import { SubscriberInterface } from "./Subscriber";
+import "@supersoniks/concorde/core/components/ui/button/button";
+import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
 declare type Constructor<T> = new (...args: any[]) => T;
 declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass: T) => {
     new (...args: any[]): {

package/core/mixins/Fetcher.js

@@ -13,11 +13,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Loader } from "../components/ui/loader/loader";
-import { SonicToast } from "../components/ui/toast/toast";
+import { Loader } from "@supersoniks/concorde/core/components/ui/loader/loader";
+import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 import API from "@supersoniks/concorde/core/utils/api";
-import "../components/ui/button/button";
-import Objects from "../utils/Objects";
+import "@supersoniks/concorde/core/components/ui/button/button";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
 import { property } from "lit/decorators.js";
 const Fetcher = (superClass) => {
     class FetcherElement extends superClass {
@@ -83,7 +84,8 @@ const Fetcher = (superClass) => {
                 let hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
                 if (hasLoader)
                     Loader.show();
-                data = yield this.api.get(this.endPoint || this.dataProvider || "");
+                let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
+                data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
                 if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;

package/core/mixins/FormCheckable.d.ts

@@ -67,6 +67,9 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: String): boolean;
+        /**
+         * comme radio,mais peut être désélectionné après sélection
+         */
         disconnectedCallback(): void;
     };
 } & T;

package/core/mixins/FormElement.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
 import { property } from "lit/decorators.js";
-import Objects from "../utils/Objects";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
 const keyboardLoops = new Map();
 const Form = (superClass) => {
     /**
@@ -20,6 +20,7 @@ const Form = (superClass) => {
     class FormElement extends superClass {
         constructor(...args) {
             super();
+            this.touched = false;
             this.error = null;
             this.autofocus = null;
             this.disabled = null;
@@ -218,6 +219,9 @@ const Form = (superClass) => {
             }
         }
     }
+    __decorate([
+        property({ type: Boolean, reflect: true })
+    ], FormElement.prototype, "touched", void 0);
     __decorate([
         property({ type: Boolean })
     ], FormElement.prototype, "error", void 0);