@supersoniks/concorde 2.0.7 → 3.0.1

package/core/components/ui/form/checkbox/checkbox.d.ts

@@ -1,181 +0,0 @@
-import { LitElement, CSSResultGroup, PropertyValues } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-declare const Checkbox_base: {
-    new (...args: any[]): {
-        _value: string | null;
-        value: string | null;
-        forceAutoFill: boolean;
-        unique: true | null;
-        radio: true | null;
-        unCheckOnDisconnect: boolean;
-        _checked: true | "indeterminate" | null;
-        checked: true | "indeterminate" | null;
-        validateFormElement(): void;
-        checksAll(): boolean;
-        setCheckedValue(checked: true | "indeterminate" | null): void;
-        handleChange(): void;
-        getValueForFormPublisher(): any;
-        setFormValueFromPublisher(value: string | (string | null)[] | null): void;
-        getCheckAllPublisher(): any;
-        updateAllChecked: () => void;
-        onChecksAllRequest: (value: string) => void;
-        disconnectedCallback(): void;
-        connectedCallback(): void;
-        getFormPublisher(): any;
-        updateDataValue(): void;
-        handleBlur(e?: Event | undefined): void;
-        setValueFromPublisher(value: string | object | string[] | null | undefined): void;
-        focus?: (() => void) | undefined;
-        shadowRoot?: ShadowRoot | undefined;
-        error: boolean;
-        autofocus: boolean;
-        required: boolean;
-        disabled: true | null;
-        formDataProvider: string;
-        ariaLabelledby?: string | undefined;
-        ariaLabel?: string | undefined;
-        _name: string;
-        name: string;
-        props: import("../../../../_types/types").CoreJSType;
-        propertyMap: object;
-        isConnected: boolean;
-        children: HTMLCollection;
-        appendChild(node: Node): Node;
-        getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
-        querySelectorAll(selector: string): NodeListOf<Element>;
-        publisher: any;
-        dataProvider: string | null;
-        noShadowDom: string | null;
-        debug: HTMLElement | null;
-        defferedDebug: boolean | null;
-        displayContents: boolean;
-        dispatchEvent(event: Event): void;
-        setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        removeAttribute(name: string): void;
-        initPublisher(): void;
-        getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        getBoundingClientRect(): DOMRect;
-    };
-} & {
-    new (...args: any[]): {
-        validateFormElement(): void;
-        forceAutoFill: boolean;
-        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
-        _description?: string | undefined;
-        description: string | undefined;
-        _label?: string | undefined;
-        label: string | undefined;
-        status: "error" | "default" | "success" | "warning" | "info";
-        tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
-        getFormPublisher(): any;
-        updateDataValue(): void;
-        handleChange(e?: Event | undefined): void;
-        handleBlur(e?: Event | undefined): void;
-        /**
-         * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
-         * **FormElement :**
-         * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
-         * * Par défault lorsque modifie l'input, la valeur est également mise à jour via le même dataprovider
-         * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
-         * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
-         * * **FormInput **
-         * Uniquement des propriétés classiques d'un input HTML. La prise en compte est ici partielle, par exemple les propriétés *placeholder*, *readonly*, *pattern*, *min* et *max* n'ont pas de sens pour un checkbox.
-         * **FormCheckable :**
-         * * La propriété checked mise à true si la valeur de la propriété du même nom dans les données du dataprovider associé contient un propriété checked.
-         * **Comportements :**
-         * * multiple (par défaut):
-         * - on peut cocher plusieurs checkbox ayant le même *name*.
-         * - la valeur enregistrée dans la propriété nommé du même nom dans formDataProvider est un tableau avec les *value* des cases cochées ayant le même *name*.
-         * * unique (Ajouter l'attribute unique au composant a l'intégration):
-         * - on ne peut cocher qu'une seule checkbox ayant le même *name*.
-         * * radio (Ajouter l'attribute radio au composant a l'intégration):
-         * Comme unique, mais on ne peut pas décocher la case sauf en en cochant une autre, comme un bouton radio.
-         */
-        getValueForFormPublisher(): string | object | string[] | null | undefined;
-        setValueFromPublisher(value: string | object | string[] | null | undefined): void;
-        focus?: (() => void) | undefined;
-        shadowRoot?: ShadowRoot | undefined;
-        error: boolean;
-        autofocus: boolean;
-        required: boolean;
-        disabled: true | null;
-        formDataProvider: string;
-        ariaLabelledby?: string | undefined;
-        ariaLabel?: string | undefined;
-        _value: string | object | string[] | null | undefined;
-        value: string | object | string[] | null | undefined;
-        _name: string;
-        name: string;
-        props: import("../../../../_types/types").CoreJSType;
-        propertyMap: object;
-        isConnected: boolean;
-        children: HTMLCollection;
-        appendChild(node: Node): Node;
-        getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
-        querySelectorAll(selector: string): NodeListOf<Element>;
-        publisher: any;
-        dataProvider: string | null;
-        noShadowDom: string | null;
-        debug: HTMLElement | null;
-        defferedDebug: boolean | null;
-        displayContents: boolean;
-        dispatchEvent(event: Event): void;
-        setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        removeAttribute(name: string): void;
-        initPublisher(): void;
-        getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
-        connectedCallback(): void;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        disconnectedCallback(): void;
-        getBoundingClientRect(): DOMRect;
-    };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-/**
- * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
- * **FormElement :**
- * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
- * * Par défault lorsque modifie l'input, la valeur est également mise à jour via le même dataprovider
- * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
- * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
- * * **FormInput **
- * Uniquement des propriétés classiques d'un input HTML. La prise en compte est ici partielle, par exemple les propriétés *placeholder*, *readonly*, *pattern*, *min* et *max* n'ont pas de sens pour un checkbox.
- * **FormCheckable :**
- * * La propriété checked mise à true si la valeur de la propriété du même nom dans les données du dataprovider associé contient un propriété checked.
- * **Comportements :**
- * * multiple (par défaut):
- * - on peut cocher plusieurs checkbox ayant le même *name*.
- * - la valeur enregistrée dans la propriété nommé du même nom dans formDataProvider est un tableau avec les *value* des cases cochées ayant le même *name*.
- * * unique (Ajouter l'attribute unique au composant a l'intégration):
- * - on ne peut cocher qu'une seule checkbox ayant le même *name*.
- * * radio (Ajouter l'attribute radio au composant a l'intégration):
- * Comme unique, mais on ne peut pas décocher la case sauf en en cochant une autre, comme un bouton radio.
- */
-export declare class Checkbox extends Checkbox_base {
-    static styles: CSSResultGroup[];
-    touched: boolean;
-    iconName: string;
-    indeterminateIconName: string;
-    showAsIndeterminate: boolean;
-    hasDescription: boolean;
-    hasLabel: boolean;
-    slotLabelNodes: Array<Node>;
-    slotDescriptionNodes: Array<Node>;
-    connectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues): void;
-    hasSlotOrProps(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/ui/form/css/form-control.d.ts

@@ -1,4 +0,0 @@
-export declare const passwordToggle: import("lit").CSSResult;
-export declare const label: import("lit").CSSResult;
-export declare const description: import("lit").CSSResult;
-export declare const formControl: import("lit").CSSResult;

package/core/components/ui/form/fieldset/fieldset.d.ts

@@ -1,23 +0,0 @@
-import { LitElement } from "lit";
-import "./legend";
-declare const Fieldset_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-export declare class Fieldset extends Fieldset_base {
-    static styles: import("lit").CSSResult[];
-    /**
-     * Désactiver le fieldset
-     */
-    disabled: true | false;
-    /**
-     * Lier à un formulaire qui ne serait pas parent du fieldset
-     */
-    form?: string;
-    label?: string;
-    description?: string;
-    iconName?: string;
-    iconLibrary?: string;
-    iconPrefix?: string;
-    tight?: boolean;
-    variant: "default" | "ghost" | "shadow";
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/ui/form/fieldset/fieldset.js

@@ -1,118 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-import "./legend";
-const tagName = "sonic-fieldset";
-let Fieldset = class Fieldset extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        // @property({ type: String }) label: String = "";
-        /**
-         * Désactiver le fieldset
-         */
-        this.disabled = false;
-        this.variant = "default";
-    }
-    render() {
-        return html `<fieldset form="${ifDefined(this.form)}" ?disabled="${this.disabled}">
-      ${this.label
-            ? html ` <sonic-legend
-            label=${ifDefined(this.label)}
-            description=${ifDefined(this.description)}
-            iconName=${ifDefined(this.iconName)}
-            iconPrefix=${ifDefined(this.iconPrefix)}
-            iconLibrary=${ifDefined(this.iconLibrary)}
-          ></sonic-legend>`
-            : nothing}
-      <slot></slot>
-    </fieldset>`;
-    }
-};
-Fieldset.styles = [
-    css `
-      :host {
-        --sc-fieldset-mt: 0;
-        --sc-fieldset-mb: 1rem;
-        --sc-fieldset-border-color: var(--sc-border-color);
-        --sc-fieldset-border-width: var(--sc-form-border-width);
-        --sc-fieldset-px: 1.25rem;
-        --sc-fieldset-py: 1.8rem;
-
-        margin-top: var(--sc-fieldset-mt);
-        margin-bottom: var(--sc-fieldset-mb);
-        display: block;
-        border: var(--sc-fieldset-border-width) solid var(--sc-fieldset-border-color) !important;
-        padding: var(--sc-fieldset-py) var(--sc-fieldset-px);
-        border-radius: var(--sc-rounded-lg);
-      }
-
-      fieldset {
-        all: unset;
-        display: contents;
-      }
-
-      :host([variant="shadow"]),
-      :host([variant="ghost"]) {
-        --sc-fieldset-border-color: transparent;
-      }
-      :host([variant="shadow"]) {
-        --sc-fieldset-border-color: transparent;
-        box-shadow: var(--sc-shadow-lg);
-      }
-
-      :host([tight]) {
-        --sc-fieldset-px: 0;
-        border-left: none !important;
-        border-right: none !important;
-        border-radius: 0;
-      }
-
-      sonic-legend,
-      ::slotted(sonic-legend) {
-        margin-bottom: 1.5rem;
-        display: block;
-      }
-
-      ::slotted(sonic-legend:last-child) {
-        margin-bottom: 0;
-      }
-    `,
-];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Fieldset.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String })
-], Fieldset.prototype, "form", void 0);
-__decorate([
-    property({ type: String })
-], Fieldset.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], Fieldset.prototype, "description", void 0);
-__decorate([
-    property({ type: String })
-], Fieldset.prototype, "iconName", void 0);
-__decorate([
-    property({ type: String })
-], Fieldset.prototype, "iconLibrary", void 0);
-__decorate([
-    property({ type: String })
-], Fieldset.prototype, "iconPrefix", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Fieldset.prototype, "tight", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Fieldset.prototype, "variant", void 0);
-Fieldset = __decorate([
-    customElement(tagName)
-], Fieldset);
-export { Fieldset };

package/core/components/ui/form/fieldset/legend-description.d.ts

@@ -1,5 +0,0 @@
-import { LitElement } from "lit";
-export declare class LegendDescription extends LitElement {
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/form/fieldset/legend-description.js

@@ -1,30 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement } from "lit/decorators.js";
-let LegendDescription = class LegendDescription extends LitElement {
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-LegendDescription.styles = [
-    css `
-      :host {
-        font-size: 1.15rem;
-        line-height: 1.2;
-        display: block;
-        color: var(--sc-base-500);
-        font-weight: var(--sc-font-weight-base);
-        font-style: var(--sc-font-style-base);
-        margin-top: 0.2em;
-      }
-    `,
-];
-LegendDescription = __decorate([
-    customElement("sonic-legend-description")
-], LegendDescription);
-export { LegendDescription };

package/core/components/ui/form/fieldset/legend.d.ts

@@ -1,16 +0,0 @@
-import { LitElement } from "lit";
-import "@supersoniks/concorde/core/components/ui/form/fieldset/legend-description";
-export declare class Legend extends LitElement {
-    static styles: import("lit").CSSResult[];
-    forceAutoFill: boolean;
-    _description?: string;
-    get description(): string | undefined;
-    set description(value: string | undefined);
-    _label?: string;
-    get label(): string | undefined;
-    set label(value: string | undefined);
-    iconName?: string;
-    iconLibrary?: string;
-    iconPrefix?: string;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/form/fieldset/legend.js

@@ -1,112 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import "@supersoniks/concorde/core/components/ui/form/fieldset/legend-description";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-const tagName = "sonic-legend";
-let Legend = class Legend extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.forceAutoFill = false;
-    }
-    get description() {
-        return this._description;
-    }
-    set description(value) {
-        if (this.hasAttribute("description") && !this.forceAutoFill)
-            value = this.getAttribute("description");
-        this._description = value;
-        this.requestUpdate();
-    }
-    get label() {
-        return this._label;
-    }
-    set label(value) {
-        if (this.hasAttribute("label") && !this.forceAutoFill)
-            value = this.getAttribute("label");
-        this._label = value;
-        this.requestUpdate();
-    }
-    render() {
-        return html `<legend part="legend">
-      ${this.iconName
-            ? html `<div class="icon">
-            <sonic-icon name=${this.iconName} prefix=${ifDefined(this.iconPrefix)} library=${ifDefined(this.iconLibrary)}></sonic-icon>
-          </div>`
-            : ""}
-
-      <div class="legend-content">
-        ${unsafeHTML(this.label ? this.label : "")}
-        ${this.description ? html `<sonic-legend-description>${unsafeHTML(this.description)}</sonic-legend-description>` : ""}
-        <slot></slot>
-      </div>
-      <slot name="suffix"></slot>
-    </legend>`;
-    }
-};
-Legend.styles = [
-    css `
-      :host {
-        --sc-legend-font-size: 1.5rem;
-        --sc-legend-font-weight: var(--sc-font-weight-base);
-        --sc-legend-font-style: var(--sc-headings-font-style);
-        --sc-legend-family: var(--sc-headings-font-family);
-        --sc-legend-line-height: var(--sc-headings-line-height);
-        --sc-legend-color: var(--sc-base-content);
-        display: flex;
-        width: 100%;
-      }
-
-      legend {
-        font-size: var(--sc-legend-font-size);
-        font-weight: var(--sc-legend-font-weight);
-        font-style: var(--sc-legend-font-style);
-        font-family: var(--sc-legend-font-family);
-        line-height: var(--sc-legend-line-height);
-        color: var(--sc-legend-color);
-        padding: 0;
-        display: flex;
-        width: 100%;
-        align-items: flex-start;
-        gap: 0.5em;
-      }
-
-      slot[name="suffix"] {
-        display: block;
-        margin-left: auto;
-        flex-shrink: 0;
-      }
-
-      .legend-content {
-        flex-grow: 1;
-      }
-    `,
-];
-__decorate([
-    property({ type: Boolean })
-], Legend.prototype, "forceAutoFill", void 0);
-__decorate([
-    property()
-], Legend.prototype, "description", null);
-__decorate([
-    property()
-], Legend.prototype, "label", null);
-__decorate([
-    property({ type: String })
-], Legend.prototype, "iconName", void 0);
-__decorate([
-    property({ type: String })
-], Legend.prototype, "iconLibrary", void 0);
-__decorate([
-    property({ type: String })
-], Legend.prototype, "iconPrefix", void 0);
-Legend = __decorate([
-    customElement(tagName)
-], Legend);
-export { Legend };

package/core/components/ui/form/form-actions/form-actions.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from "lit";
-export declare class FormActions extends LitElement {
-    static styles: import("lit").CSSResult[];
-    direction: string;
-    justify: string;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/form/form-actions/form-actions.js

@@ -1,46 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-const tagName = "sonic-form-actions";
-let FormActions = class FormActions extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.direction = "row";
-        this.justify = "flex-start";
-    }
-    render() {
-        const styles = {
-            flexDirection: this.direction,
-            justifyContent: this.justify,
-        };
-        return html `<slot style=${styleMap(styles)}></slot>`;
-    }
-};
-FormActions.styles = [
-    css `
-      :host {
-        display: block;
-      }
-      slot {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.3rem;
-      }
-    `,
-];
-__decorate([
-    property({ type: String })
-], FormActions.prototype, "direction", void 0);
-__decorate([
-    property({ type: String })
-], FormActions.prototype, "justify", void 0);
-FormActions = __decorate([
-    customElement(tagName)
-], FormActions);
-export { FormActions };

package/core/components/ui/form/form-layout/form-layout.d.ts

@@ -1,12 +0,0 @@
-import { LitElement } from "lit";
-import { ResizeController } from "@lit-labs/observers/resize-controller.js";
-declare const FormLayout_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-export declare class FormLayout extends FormLayout_base {
-    static styles: import("lit").CSSResult[];
-    _resizeController: ResizeController<unknown>;
-    slottedElements: HTMLElement[];
-    oneFormElement: boolean;
-    onSlotChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/ui/form/form-layout/form-layout.js

@@ -1,83 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement, property, queryAssignedElements } from "lit/decorators.js";
-import { ResizeController } from "@lit-labs/observers/resize-controller.js";
-import { classMap } from "lit/directives/class-map.js";
-import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-const tagName = "sonic-form-layout";
-let FormLayout = class FormLayout extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this._resizeController = new ResizeController(this, {});
-        this.oneFormElement = false;
-    }
-    onSlotChange() {
-        let elements = this.slottedElements;
-        const formElementColumns = ["sonic-input", "sonic-select", "sonic-input-autocomplete", ".form-item-container"];
-        // keep only form elements
-        elements = elements.filter((elt) => formElementColumns.includes(elt.nodeName.toLowerCase()));
-        this.oneFormElement = elements.length == 1;
-    }
-    render() {
-        const classes = {
-            "cq--md": this.offsetWidth > 440,
-            "one-form-element": this.oneFormElement,
-        };
-        return html `<div class=${classMap(classes)}>
-      <slot @slotchange=${this.onSlotChange}></slot>
-    </div>`;
-    }
-};
-FormLayout.styles = [
-    css `
-      :host {
-        display: block;
-      }
-
-      div {
-        display: grid;
-        grid-gap: 1.5rem;
-        align-items: flex-start;
-      }
-
-      .cq--md {
-        grid-gap: 1.75rem;
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-      }
-      .one-form-element {
-        grid-template-columns: 1fr;
-      }
-      /*::slotted(sonic-radio),
-      ::slotted(sonic-checkbox),
-      ::slotted(sonic-form-actions),
-      ::slotted(sonic-divider),
-      ::slotted(sonic-textarea) {
-        grid-column: 1 / -1;
-      }*/
-      ::slotted(sonic-submit) {
-        display: contents;
-      }
-      ::slotted(:not(sonic-input):not(sonic-select):not(sonic-input-autocomplete):not(.form-item-container)) {
-        grid-column: 1 / -1;
-      }
-
-      ::slotted(sonic-divider) {
-        --sc-divider-my: 0;
-      }
-    `,
-];
-__decorate([
-    queryAssignedElements({ flatten: true })
-], FormLayout.prototype, "slottedElements", void 0);
-__decorate([
-    property({ type: Boolean })
-], FormLayout.prototype, "oneFormElement", void 0);
-FormLayout = __decorate([
-    customElement(tagName)
-], FormLayout);
-export { FormLayout };