@supersoniks/concorde 2.0.2 → 2.0.3

package/core/components/functional/sdui/sdui.d.ts

@@ -7,12 +7,11 @@ declare const SonicSDUI_base: {
         isFirstLoad: boolean;
         isLoading: boolean;
         lazyLoad?: boolean | undefined;
-        noLoader?: boolean | undefined;
         iObserver: IntersectionObserver | null;
-        isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
+        fetchedData: any;
         _endPoint: string;
-        props: (import("../../../_types/types").PublisherContentType & import("../../../utils/api").ResultTypeInterface) | null;
+        props: import("../../../utils/api").ResultTypeInterface | null;
         endPoint: string;
         requestId: number;
         refetchEveryMs: number;
@@ -49,10 +48,6 @@ declare const SonicSDUI_base: {
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
-        onConnected(callback: (component: any) => void): void;
-        offConnected(callback: (component: any) => void): void;
-        onDisconnected(callback: (component: any) => void): void;
-        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**

package/core/components/functional/submit/submit.js

@@ -131,7 +131,15 @@ let Submit = class Submit extends Subscriber(LitElement) {
                         result = await this.api?.delete(endPoint, formData, headerData);
                         break;
                     case "get":
-                        result = await this.api?.get(endPoint, headerData);
+                        // add formData to endpoint
+                        const params = new URLSearchParams();
+                        if (formData) {
+                            for (const key in formData) {
+                                params.append(key, formData[key]);
+                            }
+                        }
+                        const paramString = "?" + params.toString();
+                        result = await this.api?.get(endPoint + paramString, headerData);
                         break;
                     default:
                         result = await this.api?.post(endPoint, formData, headerData);
@@ -169,11 +177,10 @@ let Submit = class Submit extends Subscriber(LitElement) {
                 : null;
         if (captchaPublisher) {
             captchaPublisher.captchaMethod = method;
-            captchaPublisher.captchaAction =
-                dataProvider?.split("?")[0] ?? this.getAncestorAttributeValue("formDataProvider") ?? "submit";
+            captchaPublisher.captchaAction = dataProvider?.split("?")[0] ?? this.getAncestorAttributeValue("formDataProvider") ?? "submit";
             captchaPublisher.captchaToken = "request_token";
             const captchaAssign = (token) => {
-                if (token != "request_token") {
+                if (token != "request_token" && token != "") {
                     sendData();
                     // Après l'envoie des données, on supprime ce onAssign.
                     // Sinon les handler se cumuleraient après plusieurs submit consécutifs.

package/core/components/ui/_css/scroll.js

@@ -5,17 +5,19 @@ export const customScroll = css `
     overflow-y: overlay !important;
   }
 
-  .custom-scroll::-webkit-scrollbar {
-    width: 0.5rem;
-    height: 0.5rem;
-    border: solid 0.15rem transparent;
-    border-radius: var(--sc-rounded);
-    background: transparent;
-  }
+  @media (hover: hover) {
+    .custom-scroll::-webkit-scrollbar {
+      width: 0.5rem;
+      height: 0.5rem;
+      border: solid 0.15rem transparent;
+      border-radius: var(--sc-rounded);
+      background: transparent;
+    }
 
-  .custom-scroll::-webkit-scrollbar-thumb {
-    box-shadow: inset 0 0 2rem 2rem var(--sc-scrollbar-bg);
-    border-radius: var(--sc-rounded);
-    border: solid 0.15rem transparent;
+    .custom-scroll::-webkit-scrollbar-thumb {
+      box-shadow: inset 0 0 2rem 2rem var(--sc-scrollbar-bg);
+      border-radius: var(--sc-rounded);
+      border: solid 0.15rem transparent;
+    }
   }
 `;

package/core/components/ui/_css/size.js

@@ -3,7 +3,7 @@ export const fontSize = css `
   /*SIZES*/
   :host {
     --sc-fs: 1rem;
-    --sc-lh: 1.2;
+    --sc-lh: 1.15;
     font-size: var(--sc-fs);
     line-height: var(--sc-lh);
   }

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

@@ -1,4 +1,12 @@
-import { LitElement } from "lit";
+import { LitElement, nothing } from "lit";
+declare const icon: {
+    warning: string;
+    success: string;
+    error: string;
+    info: string;
+    default: string;
+};
+export type AlertStatus = keyof typeof icon;
 /**
  * Affiche un message en ligne.
  * Soit par ses simples attributs "label" et "text", soit par son slot pour des messages plus complexes.
@@ -14,10 +22,13 @@ export declare class Alert extends LitElement {
      * Peut être renseigné dans le slot pour créer des messages plus complexes
      */
     text: string;
+    id: string;
     size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     dismissible: boolean;
     background: boolean;
-    status: "default" | "error" | "warning" | "primary" | "info";
-    render(): import("lit-html").TemplateResult<1>;
+    status: AlertStatus;
+    dismissForever: boolean;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     close(): void;
 }
+export {};

package/core/components/ui/alert/alert.js

@@ -32,18 +32,28 @@ let Alert = class Alert extends LitElement {
          * Peut être renseigné dans le slot pour créer des messages plus complexes
          */
         this.text = "";
+        this.id = new Date().getTime().toString();
         this.dismissible = false;
         this.background = false;
         this.status = "default";
+        this.dismissForever = false;
     }
     render() {
+        // if dismiss forever, check if already dismissed
+        if (this.dismissForever) {
+            const dismissed = localStorage.getItem("sonic-alert-dismissed") || "{}";
+            const dismissedObj = JSON.parse(dismissed);
+            if (dismissedObj[this.id]) {
+                return nothing;
+            }
+        }
         return html `<div part="alert" class="alert">
-      ${!this.noIcon
-            ? html `<div>${this.status && html `<sonic-icon name=${icon[this.status]}></sonic-icon>`}</div>`
-            : nothing}
+      <slot name="icon" class="${this.noIcon ? "hidden" : nothing}"
+        >${!this.noIcon ? html `<div>${this.status && html `<sonic-icon name=${icon[this.status]}></sonic-icon>`}</div>` : nothing}</slot
+      >
       <div>
         ${this.label ? html `<span class="label">${unsafeHTML(this.label)}</span>` : nothing}
-        <slot>${this.text}</slot>
+        <div>${this.text}<slot></slot></div>
       </div>
       ${this.dismissible
             ? html `<sonic-button @click=${this.close} class="close-btn" variant="unstyled" shape="circle">
@@ -54,6 +64,13 @@ let Alert = class Alert extends LitElement {
     }
     close() {
         this.remove();
+        // if dismiss forever, save in localstorage
+        if (this.dismissForever) {
+            const dismissed = localStorage.getItem("sonic-alert-dismissed") || "{}";
+            const dismissedObj = JSON.parse(dismissed);
+            dismissedObj[this.id] = true;
+            localStorage.setItem("sonic-alert-dismissed", JSON.stringify(dismissedObj));
+        }
     }
 };
 Alert.styles = [
@@ -76,10 +93,13 @@ Alert.styles = [
         display: flex;
         gap: 0.4em;
         border-radius: var(--sc-alert-rounded);
+        overflow: hidden;
       }
 
       .label {
         font-weight: var(--sc-alert-label-fw);
+        margin-bottom: 0.15em;
+        display: block;
       }
 
       :host([status="warning"]) {
@@ -125,6 +145,10 @@ Alert.styles = [
         display: block;
       }
 
+      .hidden {
+        display: none !important;
+      }
+
       /*Rounded*/
       :host([size="xs"]) .alert {
         --sc-alert-rounded: var(--sc-rounded-sm);
@@ -154,6 +178,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], Alert.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], Alert.prototype, "id", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], Alert.prototype, "size", void 0);
@@ -166,6 +193,9 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], Alert.prototype, "status", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Alert.prototype, "dismissForever", void 0);
 Alert = __decorate([
     customElement(tagName)
 ], Alert);

package/core/components/ui/badge/badge.js

@@ -41,14 +41,15 @@ Badge.styles = [
     css `
       :host {
         --sc-badge-gap: 0.3em;
-        --sc-badge-py: 0.17em;
-        --sc-badge-px: 0.66em;
+        --sc-badge-py: 0.35em;
+        --sc-badge-px: 0.67em;
         --sc-fs: 1rem;
 
         --sc-badge-color: var(--sc-base-content, #1f2937);
         --sc-badge-bg: var(--sc-base-100, #e5e7eb);
 
-        --sc-badge-border-with: var(--sc-form-border-width, 0.1rem);
+        /*--sc-badge-border-with: var(--sc-form-border-width, 0.1rem);*/
+        --sc-badge-border-with: 1px;
         --sc-badge-border-color: transparent;
         --sc-badge-border: var(--sc-badge-border-with) solid var(--sc-badge-border-color);
 
@@ -66,6 +67,7 @@ Badge.styles = [
 
         font-family: var(--sc-badge-ff, var(--sc-font-family-base, inherit));
         font-weight: var(--sc-badge-fw);
+        line-height: 1;
 
         padding-top: var(--sc-badge-py);
         padding-bottom: var(--sc-badge-py);
@@ -154,6 +156,11 @@ Badge.styles = [
         background: transparent;
         padding: 0;
       }
+      @media (forced-colors: active) {
+        :host([variant="ghost"][type]) {
+          padding: var(--sc-badge-py) var(--sc-badge-px);
+        }
+      }
 
       :host([variant="ghost"][type="default"]) {
         color: var(--sc-badge-color);

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

@@ -1,4 +1,8 @@
 import { LitElement, CSSResultGroup } from "lit";
+import { Size } from "@supersoniks/concorde/core/components/ui/_css/size";
+export type ButtonType = "default" | "primary" | "neutral" | "warning" | "danger" | "success" | "info";
+export type ButtonShape = "default" | "circle" | "square" | "block";
+export type ButtonVariant = "default" | "ghost" | "outline" | "unstyled" | "link";
 declare const Button_base: {
     new (...args: any[]): {
         _value: string | null;
@@ -23,6 +27,7 @@ declare const Button_base: {
         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;
@@ -59,10 +64,6 @@ declare const Button_base: {
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
-        onConnected(callback: (component: any) => void): void;
-        offConnected(callback: (component: any) => void): void;
-        onDisconnected(callback: (component: any) => void): void;
-        offDisconnected(callback: (component: any) => void): void;
     };
 } & (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;
 /**
@@ -76,17 +77,17 @@ export declare class Button extends Button_base {
     /**
      * Le type change surtout la couleur composant
      */
-    type: "default" | "primary" | "neutral" | "warning" | "danger" | "success" | "info";
+    type: ButtonType;
     /**
      * Le composant par defaut sans se paramètre à forte affordance
      * * gost : composant super léger visuellement
      * * outline : composant légé avec une bordure
      */
-    variant: "default" | "ghost" | "outline" | "unstyled" | "link";
+    variant: ButtonVariant;
     /**
      * Taille du composant, implique notamment des modifications de typo et de marge interne
      */
-    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    size?: Size;
     /**
      * Forme du bouton, permet de le forcer en carré ou cercle
      */
@@ -115,6 +116,7 @@ export declare class Button extends Button_base {
      * Si un bouton n'a qu'une icone pour contenu, agrandi l'icone pour des raisons d'équilibre
      */
     icon: boolean;
+    download: string | null;
     /**
      * mode d'activation du bouton :
      * - strict : l'url courante match exactement avec le href du bouton
@@ -147,14 +149,21 @@ export declare class Button extends Button_base {
      */
     pushState: boolean;
     active: boolean;
+    autoRepeat: boolean;
+    ariaControls?: string;
+    sonicAriaExpanded?: boolean;
     handleNavigation(e: Event): void;
     handleChange(e?: Event): void;
+    pointerDownTime: number;
+    lastRepeatTime: number;
+    isRepeating: boolean;
+    handleRepeatStart(e: Event): void;
+    handleRepeatend: () => void;
+    repeat(): void;
     connectedCallback(): void;
     setCheckedValue(checked: true | null): void;
     disconnectedCallback(): void;
-    private _location;
-    set location(value: string);
-    get location(): string;
+    location: string;
     willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
     onSlotChange(): void;

package/core/components/ui/button/button.js

@@ -58,6 +58,7 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
          * Si un bouton n'a qu'une icone pour contenu, agrandi l'icone pour des raisons d'équilibre
          */
         this.icon = false;
+        this.download = null;
         /**
          * mode d'activation du bouton :
          * - strict : l'url courante match exactement avec le href du bouton
@@ -82,7 +83,18 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
          */
         this.pushState = false;
         this.active = false;
-        this._location = "";
+        this.autoRepeat = false;
+        this.pointerDownTime = 0;
+        this.lastRepeatTime = 0;
+        this.isRepeating = false;
+        this.handleRepeatend = () => {
+            window.removeEventListener("pointerup", this.handleRepeatend);
+            window.removeEventListener("blur", this.handleRepeatend);
+            if (this.autoRepeat) {
+                this.isRepeating = false;
+            }
+        };
+        this.location = "";
     }
     set href(value) {
         this._href = value;
@@ -101,6 +113,8 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         LocationHandler.changeFromComponent(this);
     }
     handleChange(e) {
+        if (e?.type == "click" && this.autoRepeat)
+            return;
         super.handleChange();
         if (this.pushState || this.goBack !== null) {
             e?.preventDefault();
@@ -117,6 +131,31 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
                 formPublisher.set({});
         }
     }
+    handleRepeatStart(e) {
+        if (this.autoRepeat) {
+            this.handleChange(e);
+            this.pointerDownTime = Date.now();
+            this.isRepeating = true;
+            this.repeat();
+        }
+        window.addEventListener("pointerup", this.handleRepeatend);
+        window.addEventListener("blur", this.handleRepeatend);
+    }
+    repeat() {
+        if (!this.isRepeating)
+            return;
+        if (this.hasAttribute("disabled")) {
+            this.isRepeating = false;
+            return;
+        }
+        window.requestAnimationFrame(this.repeat.bind(this));
+        if (Date.now() - this.pointerDownTime < 500)
+            return;
+        if (Date.now() - this.lastRepeatTime < 100)
+            return;
+        this.handleChange();
+        this.lastRepeatTime = Date.now();
+    }
     connectedCallback() {
         super.connectedCallback();
     }
@@ -135,19 +174,13 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         LocationHandler.offChange(this);
         super.disconnectedCallback();
     }
-    set location(value) {
-        if (typeof value !== "string")
-            return;
-        this._location = value;
-        LocationHandler.updateComponentActiveState(this);
-    }
-    get location() {
-        return this._location;
-    }
     willUpdate(changedProperties) {
         if (changedProperties.has("href") || changedProperties.has("autoActive")) {
             LocationHandler.updateComponentActiveState(this);
         }
+        if (changedProperties.has("location")) {
+            LocationHandler.updateComponentActiveState(this);
+        }
     }
     render() {
         const btnStyles = {
@@ -162,9 +195,12 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         part="button"
         class=${this.hasPrefix || this.hasSuffix ? "has-prefix-or-suffix" : ""}
         style=${styleMap(btnStyles)}
+        aria-controls=${ifDefined(this.ariaControls)}
+        aria-expanded=${ifDefined(this.sonicAriaExpanded)}
         aria-label=${ifDefined(this.ariaLabel)}
         aria-labelledby=${ifDefined(this.ariaLabelledby)}
         @click=${this.handleChange}
+        @pointerdown=${this.handleRepeatStart}
       >
         <slot @slotchange=${this.onSlotChange} part="prefix" name="prefix"></slot>
         <slot part="main" class="main-slot"></slot>
@@ -175,6 +211,7 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         return this.href
             ? html `<a
           href="${this.href}"
+          download=${ifDefined(this.download)}
           target=${ifDefined(this.target)}
           aria-label=${ifDefined(this.ariaLabel)}
           aria-labelledby=${ifDefined(this.ariaLabelledby)}
@@ -201,6 +238,7 @@ Button.styles = [
         --sc-btn-fs: var(--sc-fs, 1rem);
         --sc-btn-fw: var(--sc-btn-font-weight);
         --sc-btn-ff: var(--sc-btn-font-family);
+        --sc-btn-fw: var(--sc-btn-font-weight);
 
         --sc-btn-height: var(--sc-form-height);
         --btn-color: var(--sc-btn-color, var(--sc-base-content));
@@ -364,8 +402,8 @@ Button.styles = [
       }
 
       :host([variant="outline"][type="default"]) button {
-        border-color: var(--sc-base-400);
-        color: var(--sc-base-500);
+        border-color: var(--sc-base-content);
+        color: var(--sc-base-content);
         background: transparent;
       }
 
@@ -407,10 +445,22 @@ Button.styles = [
         text-decoration: none;
       }
 
+      /* Alignement */
+      :host([align="left"]) button {
+        text-align: left !important;
+      }
+
+      :host([align="right"]) button {
+        text-align: right;
+      }
+
       /*SHAPE*/
       :host([shape="circle"]) button {
         border-radius: 50%;
       }
+      :host([shape="circle"]) .main-slot {
+        line-height: 1;
+      }
 
       :host([shape="circle"]) button,
       :host([shape="square"]) button {
@@ -442,20 +492,12 @@ Button.styles = [
         border-color: var(--sc-btn-active-bg);
       }
 
-      :host([align="left"]) button {
-        text-align: left;
-      }
-
-      :host([align="right"]) button {
-        text-align: right;
-      }
-
       .main-slot {
         flex-grow: 1;
         display: block;
       }
 
-      :host([minWidth]) .main-slot {
+      :host([minWidth]:not([shape="block"])) .main-slot {
         flex-grow: 0;
       }
 
@@ -473,6 +515,7 @@ Button.styles = [
       }
 
       /*BOUTON Avec icone seulement*/
+      :host([icon]) ::slotted(:only-child),
       :host([icon]) ::slotted(sonic-icon) {
         font-size: 1.2em;
         vertical-align: middle;
@@ -559,6 +602,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Button.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], Button.prototype, "download", void 0);
 __decorate([
     property({ type: String })
 ], Button.prototype, "autoActive", void 0);
@@ -592,9 +638,18 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Button.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Button.prototype, "autoRepeat", void 0);
+__decorate([
+    property({ type: String, attribute: "data-aria-controls" })
+], Button.prototype, "ariaControls", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "data-aria-expanded" })
+], Button.prototype, "sonicAriaExpanded", void 0);
 __decorate([
     state()
-], Button.prototype, "location", null);
+], Button.prototype, "location", void 0);
 Button = __decorate([
     customElement(tagName)
 ], Button);

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

@@ -1,7 +1,5 @@
 import { LitElement } from "lit";
-type AssignListener = {
-    onAssign: (listener: (value: string) => void) => void;
-};
+import Publisher from "@supersoniks/concorde/core/utils/PublisherProxy";
 declare const Captcha_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("@supersoniks/concorde/core/_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
@@ -12,9 +10,10 @@ declare const Captcha_base: (new (...args: any[]) => import("../../../mixins/Sub
 export declare class Captcha extends Captcha_base {
     key: string;
     action: string | null;
+    zIndex: number;
     formPublisher?: {
         needsCaptchaValidation: boolean;
-        captchaToken: string | AssignListener;
+        captchaToken: Publisher<string> | string;
         captchaMethod?: {
             get: () => string;
         };
@@ -22,7 +21,9 @@ export declare class Captcha extends Captcha_base {
             get: () => string;
         };
     };
+    onCaptchaTokenChanged: (v: string) => void;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     requestToken(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/ui/captcha/captcha.js

@@ -20,22 +20,43 @@ let Captcha = class Captcha extends Subscriber(LitElement) {
         super(...arguments);
         this.key = "";
         this.action = null;
+        this.zIndex = 9999;
+        this.onCaptchaTokenChanged = (v) => {
+            if (v == "request_token") {
+                if (this.formPublisher)
+                    this.formPublisher.captchaToken = "";
+                this.requestToken();
+            }
+        };
     }
     connectedCallback() {
-        const script = document.createElement("script");
-        script.src = "https://www.google.com/recaptcha/api.js?render=" + this.key;
-        document.head.appendChild(script);
+        //verifier que le script n'est pas déjà chargé
+        if (!document.getElementById("captcha-" + this.key)) {
+            const script = document.createElement("script");
+            script.src = "https://www.google.com/recaptcha/api.js?render=" + this.key;
+            script.id = "captcha-" + this.key;
+            document.head.appendChild(script);
+        }
         super.connectedCallback();
         this.formPublisher = PublisherManager.get(this.getAncestorAttributeValue("headersDataProvider") ?? this.getAncestorAttributeValue("formDataProvider"));
-        if (this.formPublisher) {
+        // add css to document to force z-index
+        if (!document.getElementById("concorde-recaptcha-css")) {
+            const style = document.createElement("style");
+            style.innerHTML = ".grecaptcha-badge {z-index: 9999;}";
+            style.id = "concorde-recaptcha-css";
+            document.head.appendChild(style);
+        }
+        if (this.formPublisher && !this.formPublisher.captchaToken.get()) {
             this.formPublisher.needsCaptchaValidation = true;
-            this.formPublisher.captchaToken.onAssign((v) => {
-                if (v == "request_token") {
-                    this.requestToken();
-                }
-            });
+            this.formPublisher.captchaToken.onAssign(this.onCaptchaTokenChanged);
         }
     }
+    disconnectedCallback() {
+        if (this.formPublisher) {
+            this.formPublisher.captchaToken.offAssign(this.onCaptchaTokenChanged);
+        }
+        super.disconnectedCallback();
+    }
     requestToken() {
         if (!this.formPublisher)
             return;
@@ -63,6 +84,9 @@ __decorate([
 __decorate([
     property()
 ], Captcha.prototype, "action", void 0);
+__decorate([
+    property({ type: Number })
+], Captcha.prototype, "zIndex", void 0);
 Captcha = __decorate([
     customElement(tagName)
 ], Captcha);

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

@@ -8,6 +8,8 @@ export declare class Divider extends LitElement {
     align: "left" | "right" | "center";
     vertical: boolean;
     noMargin: boolean;
+    dashed: boolean;
+    dotted: boolean;
     firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }