@saasbase-io/core-elements 1.20.0 → 1.21.0

package/dist/index.mjs

@@ -22121,16 +22121,16 @@ var Em = Object.defineProperty, km = Object.getOwnPropertyDescriptor, ht = (t, e
     (n = t[o]) && (s = (i ? n(e, r, s) : n(s)) || s);
   return i && s && Em(e, r, s), s;
 };
-let N = class extends v {
+let P = class extends v {
   constructor() {
     super(...arguments), this.seed = Nt(), this.name = "name", this.content = "split", this.label = "Name", this.requiredError = "Name is a required field.", this.formatError = "Enter a valid name.", this._invalid = !1, this._error = "", this._value = "", this._form = null, this._handleInput = (t) => {
       const e = t.target;
-      e.matches(`[part="${N.parts.input}"]>input`) && (this._value = e.value);
+      e.matches(`[part="${P.parts.input}"]>input`) && (this._value = e.value);
     }, this._handleFormSubmit = (t) => {
       this._validate() || t.preventDefault();
     }, this._handleFormReset = () => {
       const t = this.querySelector(
-        `rtg-input[part="${N.parts.input}"]`
+        `rtg-input[part="${P.parts.input}"]`
       );
       t && (t.value = ""), this._value = "", this._invalid = !1, this._error = "";
     };
@@ -22159,49 +22159,49 @@ let N = class extends v {
    * derived from the component's part name and `seed`.
    */
   get rootId() {
-    return this.childId ?? `sb-${N.parts.root}-${this.seed}`;
+    return this.childId ?? `sb-${P.parts.root}-${this.seed}`;
   }
   /**
    * The `id` of the field content element, derived from `rootId` with the
    * content part name appended.
    */
   get contentId() {
-    return `${this.rootId}-${N._CONTENT}`;
+    return `${this.rootId}-${P._CONTENT}`;
   }
   /**
    * The `id` of the field label element, derived from `rootId` with the label
    * part name appended.
    */
   get labelId() {
-    return `${this.rootId}-${N._LABEL}`;
+    return `${this.rootId}-${P._LABEL}`;
   }
   /**
    * The `id` of the field description element, derived from `rootId` with the
    * description part name appended.
    */
   get descriptionId() {
-    return `${this.rootId}-${N._DESCRIPTION}`;
+    return `${this.rootId}-${P._DESCRIPTION}`;
   }
   /**
    * The `id` of the mark element, derived from `rootId` with the mark part name
    * appended.
    */
   get markId() {
-    return `${this.rootId}-${N._MARK}`;
+    return `${this.rootId}-${P._MARK}`;
   }
   /**
    * The `id` of the input element, equal to `fieldId` when provided, otherwise
    * derived from `rootId` with the input part name appended.
    */
   get inputId() {
-    return this.fieldId ?? `${this.rootId}-${N._INPUT}`;
+    return this.fieldId ?? `${this.rootId}-${P._INPUT}`;
   }
   /**
    * The `id` of the field error element, derived from `rootId` with the error
    * part name appended.
    */
   get errorId() {
-    return `${this.rootId}-${N._ERROR}`;
+    return `${this.rootId}-${P._ERROR}`;
   }
   /**
    * Returns the normalized value of `_value` by trimming leading/trailing
@@ -22227,7 +22227,7 @@ let N = class extends v {
    * `pattern` prop when provided, otherwise falling back to `_PATTERN`.
    */
   get _pattern() {
-    return this.pattern ? new RegExp(this.pattern) : N._PATTERN;
+    return this.pattern ? new RegExp(this.pattern) : P._PATTERN;
   }
   /**
    * Adds the input, form submit, and form reset event listeners.
@@ -22254,7 +22254,7 @@ let N = class extends v {
    * Defines and dispatches the validate event.
    */
   _dispatchValidate(t, e, r, i) {
-    const s = this.inputId, o = this.rootId, n = this.name, h = new CustomEvent(N.validateEventName, {
+    const s = this.inputId, o = this.rootId, n = this.name, h = new CustomEvent(P.validateEventName, {
       detail: { id: s, parentId: o, name: n, value: r, valid: t, type: e, message: i },
       bubbles: !0,
       composed: !0
@@ -22329,7 +22329,7 @@ let N = class extends v {
     return !this.mark && (!this.caret || !this.required) ? g : d`
       <span
         id="${this.markId}"
-        part="${N.parts.mark}"
+        part="${P.parts.mark}"
         data-content="${this.mark ? "text" : "caret"}"
       >
         ${this.mark ? this.mark : d`&ast;`}
@@ -22343,7 +22343,7 @@ let N = class extends v {
     return d`
       <rtg-field-label
         id="${this.labelId}"
-        part="${N.parts.label}"
+        part="${P.parts.label}"
         for="${this.inputId}"
       >
         ${this.label} ${this._renderMark()}
@@ -22357,7 +22357,7 @@ let N = class extends v {
     return this.description ? d`
       <rtg-field-description
         id="${this.descriptionId}"
-        part="${N.parts.description}"
+        part="${P.parts.description}"
       >
         ${this.description}
       </rtg-field-description>
@@ -22371,7 +22371,7 @@ let N = class extends v {
     return this._invalid ? d`
       <rtg-field-error
         id="${this.errorId}"
-        part="${N.parts.error}"
+        part="${P.parts.error}"
         .errors=${[{ message: this._error }]}
       ></rtg-field-error>
     ` : g;
@@ -22381,7 +22381,7 @@ let N = class extends v {
     return d`
       <rtg-field
         id="${this.rootId}"
-        part="${N.parts.root}"
+        part="${P.parts.root}"
         data-content="${this.content}"
         ?disabled="${this.disabled}"
         ?invalid="${this._invalid}"
@@ -22389,7 +22389,7 @@ let N = class extends v {
         ${this.content === "group" ? d`
               <rtg-field-content
                 id="${this.contentId}"
-                part="${N.parts.content}"
+                part="${P.parts.content}"
               >
                 ${this._renderLabel()} ${this._renderDescription()}
               </rtg-field-content>
@@ -22397,7 +22397,7 @@ let N = class extends v {
 
         <rtg-input
           id="${this.inputId}"
-          part="${N.parts.input}"
+          part="${P.parts.input}"
           type="text"
           name="${this.name}"
           placeholder="${this.placeholder ?? g}"
@@ -22415,84 +22415,84 @@ let N = class extends v {
     `;
   }
 };
-N._ROOT = "name-field";
-N._CONTENT = "content";
-N._LABEL = "label";
-N._MARK = "mark";
-N._DESCRIPTION = "description";
-N._INPUT = "input";
-N._ERROR = "error";
-N.TAG = `sb-${N._ROOT}`;
-N._PATTERN = /^[\p{L} .'-]*$/u;
+P._ROOT = "name-field";
+P._CONTENT = "content";
+P._LABEL = "label";
+P._MARK = "mark";
+P._DESCRIPTION = "description";
+P._INPUT = "input";
+P._ERROR = "error";
+P.TAG = `sb-${P._ROOT}`;
+P._PATTERN = /^[\p{L} .'-]*$/u;
 ht([
   a({ type: String })
-], N.prototype, "seed", 2);
+], P.prototype, "seed", 2);
 ht([
   a({ attribute: "child-id", type: String })
-], N.prototype, "childId", 2);
+], P.prototype, "childId", 2);
 ht([
   a({ attribute: "field-id", type: String })
-], N.prototype, "fieldId", 2);
+], P.prototype, "fieldId", 2);
 ht([
   a({ type: String })
-], N.prototype, "name", 2);
+], P.prototype, "name", 2);
 ht([
   a({ type: String })
-], N.prototype, "content", 2);
+], P.prototype, "content", 2);
 ht([
   a({ type: String })
-], N.prototype, "label", 2);
+], P.prototype, "label", 2);
 ht([
   a({ type: String })
-], N.prototype, "placeholder", 2);
+], P.prototype, "placeholder", 2);
 ht([
   a({ type: String })
-], N.prototype, "description", 2);
+], P.prototype, "description", 2);
 ht([
   a({ type: String })
-], N.prototype, "mark", 2);
+], P.prototype, "mark", 2);
 ht([
   a({ type: Boolean })
-], N.prototype, "caret", 2);
+], P.prototype, "caret", 2);
 ht([
   a({ type: Boolean })
-], N.prototype, "disabled", 2);
+], P.prototype, "disabled", 2);
 ht([
   a({ type: Boolean })
-], N.prototype, "required", 2);
+], P.prototype, "required", 2);
 ht([
   a({ type: Number })
-], N.prototype, "minlength", 2);
+], P.prototype, "minlength", 2);
 ht([
   a({ type: Number })
-], N.prototype, "maxlength", 2);
+], P.prototype, "maxlength", 2);
 ht([
   a({ type: String })
-], N.prototype, "pattern", 2);
+], P.prototype, "pattern", 2);
 ht([
   a({ attribute: "required-error", type: String })
-], N.prototype, "requiredError", 2);
+], P.prototype, "requiredError", 2);
 ht([
   a({ attribute: "minlength-error", type: String })
-], N.prototype, "minlengthError", 2);
+], P.prototype, "minlengthError", 2);
 ht([
   a({ attribute: "maxlength-error", type: String })
-], N.prototype, "maxlengthError", 2);
+], P.prototype, "maxlengthError", 2);
 ht([
   a({ attribute: "format-error", type: String })
-], N.prototype, "formatError", 2);
+], P.prototype, "formatError", 2);
 ht([
   x()
-], N.prototype, "_invalid", 2);
+], P.prototype, "_invalid", 2);
 ht([
   x()
-], N.prototype, "_error", 2);
+], P.prototype, "_error", 2);
 ht([
   x()
-], N.prototype, "_value", 2);
-N = ht([
+], P.prototype, "_value", 2);
+P = ht([
   u("sb-name-field")
-], N);
+], P);
 var Rm = Object.defineProperty, Om = Object.getOwnPropertyDescriptor, Ot = (t, e, r, i) => {
   for (var s = i > 1 ? void 0 : i ? Om(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (i ? n(e, r, s) : n(s)) || s);
@@ -22811,16 +22811,16 @@ var Im = Object.defineProperty, Am = Object.getOwnPropertyDescriptor, pt = (t, e
     (n = t[o]) && (s = (i ? n(e, r, s) : n(s)) || s);
   return i && s && Im(e, r, s), s;
 };
-let P = class extends v {
+let N = class extends v {
   constructor() {
     super(...arguments), this.seed = Nt(), this.name = "username", this.content = "split", this.label = "Username", this.requiredError = "Username is a required field.", this.formatError = "Enter a valid username.", this._invalid = !1, this._error = "", this._value = "", this._form = null, this._handleInput = (t) => {
       const e = t.target;
-      e.matches(`[part="${P.parts.input}"]>input`) && (this._value = e.value);
+      e.matches(`[part="${N.parts.input}"]>input`) && (this._value = e.value);
     }, this._handleFormSubmit = (t) => {
       this._validate() || t.preventDefault();
     }, this._handleFormReset = () => {
       const t = this.querySelector(
-        `rtg-input[part="${P.parts.input}"]`
+        `rtg-input[part="${N.parts.input}"]`
       );
       t && (t.value = ""), this._value = "", this._invalid = !1, this._error = "";
     };
@@ -22849,49 +22849,49 @@ let P = class extends v {
    * derived from the component's part name and `seed`.
    */
   get rootId() {
-    return this.childId ?? `sb-${P.parts.root}-${this.seed}`;
+    return this.childId ?? `sb-${N.parts.root}-${this.seed}`;
   }
   /**
    * The `id` of the field content element, derived from `rootId` with the
    * content part name appended.
    */
   get contentId() {
-    return `${this.rootId}-${P._CONTENT}`;
+    return `${this.rootId}-${N._CONTENT}`;
   }
   /**
    * The `id` of the field label element, derived from `rootId` with the label
    * part name appended.
    */
   get labelId() {
-    return `${this.rootId}-${P._LABEL}`;
+    return `${this.rootId}-${N._LABEL}`;
   }
   /**
    * The `id` of the field description element, derived from `rootId` with the
    * description part name appended.
    */
   get descriptionId() {
-    return `${this.rootId}-${P._DESCRIPTION}`;
+    return `${this.rootId}-${N._DESCRIPTION}`;
   }
   /**
    * The `id` of the mark element, derived from `rootId` with the mark part name
    * appended.
    */
   get markId() {
-    return `${this.rootId}-${P._MARK}`;
+    return `${this.rootId}-${N._MARK}`;
   }
   /**
    * The `id` of the input element, equal to `fieldId` when provided, otherwise
    * derived from `rootId` with the input part name appended.
    */
   get inputId() {
-    return this.fieldId ?? `${this.rootId}-${P._INPUT}`;
+    return this.fieldId ?? `${this.rootId}-${N._INPUT}`;
   }
   /**
    * The `id` of the field error element, derived from `rootId` with the error
    * part name appended.
    */
   get errorId() {
-    return `${this.rootId}-${P._ERROR}`;
+    return `${this.rootId}-${N._ERROR}`;
   }
   /**
    * Returns a the normalized value of `_value` by trimming whitespace and
@@ -22917,7 +22917,7 @@ let P = class extends v {
    * `pattern` prop when provided, otherwise falling back to `_PATTERN`.
    */
   get _pattern() {
-    return this.pattern ? new RegExp(this.pattern) : P._PATTERN;
+    return this.pattern ? new RegExp(this.pattern) : N._PATTERN;
   }
   /**
    * Adds the input, form submit, and form reset event listeners.
@@ -22944,7 +22944,7 @@ let P = class extends v {
    * Defines and dispatches the validate event.
    */
   _dispatchValidate(t, e, r, i) {
-    const s = this.inputId, o = this.rootId, n = this.name, h = new CustomEvent(P.validateEventName, {
+    const s = this.inputId, o = this.rootId, n = this.name, h = new CustomEvent(N.validateEventName, {
       detail: { id: s, parentId: o, name: n, value: r, valid: t, type: e, message: i },
       bubbles: !0,
       composed: !0
@@ -23019,7 +23019,7 @@ let P = class extends v {
     return !this.mark && (!this.caret || !this.required) ? g : d`
       <span
         id="${this.markId}"
-        part="${P.parts.mark}"
+        part="${N.parts.mark}"
         data-content="${this.mark ? "text" : "caret"}"
       >
         ${this.mark ? this.mark : d`&ast;`}
@@ -23033,7 +23033,7 @@ let P = class extends v {
     return d`
       <rtg-field-label
         id="${this.labelId}"
-        part="${P.parts.label}"
+        part="${N.parts.label}"
         for="${this.inputId}"
       >
         ${this.label} ${this._renderMark()}
@@ -23047,7 +23047,7 @@ let P = class extends v {
     return this.description ? d`
       <rtg-field-description
         id="${this.descriptionId}"
-        part="${P.parts.description}"
+        part="${N.parts.description}"
       >
         ${this.description}
       </rtg-field-description>
@@ -23061,7 +23061,7 @@ let P = class extends v {
     return this._invalid ? d`
       <rtg-field-error
         id="${this.errorId}"
-        part="${P.parts.error}"
+        part="${N.parts.error}"
         .errors=${[{ message: this._error }]}
       ></rtg-field-error>
     ` : g;
@@ -23071,7 +23071,7 @@ let P = class extends v {
     return d`
       <rtg-field
         id="${this.rootId}"
-        part="${P.parts.root}"
+        part="${N.parts.root}"
         data-content="${this.content}"
         ?disabled="${this.disabled}"
         ?invalid="${this._invalid}"
@@ -23079,7 +23079,7 @@ let P = class extends v {
         ${this.content === "group" ? d`
               <rtg-field-content
                 id="${this.contentId}"
-                part="${P.parts.content}"
+                part="${N.parts.content}"
               >
                 ${this._renderLabel()} ${this._renderDescription()}
               </rtg-field-content>
@@ -23087,7 +23087,7 @@ let P = class extends v {
 
         <rtg-input
           id="${this.inputId}"
-          part="${P.parts.input}"
+          part="${N.parts.input}"
           type="text"
           name="${this.name}"
           placeholder="${this.placeholder ?? g}"
@@ -23105,84 +23105,84 @@ let P = class extends v {
     `;
   }
 };
-P._ROOT = "username-field";
-P._CONTENT = "content";
-P._LABEL = "label";
-P._MARK = "mark";
-P._DESCRIPTION = "description";
-P._INPUT = "input";
-P._ERROR = "error";
-P.TAG = `sb-${P._ROOT}`;
-P._PATTERN = /^[a-z0-9_]*$/;
+N._ROOT = "username-field";
+N._CONTENT = "content";
+N._LABEL = "label";
+N._MARK = "mark";
+N._DESCRIPTION = "description";
+N._INPUT = "input";
+N._ERROR = "error";
+N.TAG = `sb-${N._ROOT}`;
+N._PATTERN = /^[a-z0-9_]*$/;
 pt([
   a({ type: String })
-], P.prototype, "seed", 2);
+], N.prototype, "seed", 2);
 pt([
   a({ attribute: "child-id", type: String })
-], P.prototype, "childId", 2);
+], N.prototype, "childId", 2);
 pt([
   a({ attribute: "field-id", type: String })
-], P.prototype, "fieldId", 2);
+], N.prototype, "fieldId", 2);
 pt([
   a({ type: String })
-], P.prototype, "name", 2);
+], N.prototype, "name", 2);
 pt([
   a({ type: String })
-], P.prototype, "content", 2);
+], N.prototype, "content", 2);
 pt([
   a({ type: String })
-], P.prototype, "label", 2);
+], N.prototype, "label", 2);
 pt([
   a({ type: String })
-], P.prototype, "placeholder", 2);
+], N.prototype, "placeholder", 2);
 pt([
   a({ type: String })
-], P.prototype, "description", 2);
+], N.prototype, "description", 2);
 pt([
   a({ type: String })
-], P.prototype, "mark", 2);
+], N.prototype, "mark", 2);
 pt([
   a({ type: Boolean })
-], P.prototype, "caret", 2);
+], N.prototype, "caret", 2);
 pt([
   a({ type: Boolean })
-], P.prototype, "disabled", 2);
+], N.prototype, "disabled", 2);
 pt([
   a({ type: Boolean })
-], P.prototype, "required", 2);
+], N.prototype, "required", 2);
 pt([
   a({ type: Number })
-], P.prototype, "minlength", 2);
+], N.prototype, "minlength", 2);
 pt([
   a({ type: Number })
-], P.prototype, "maxlength", 2);
+], N.prototype, "maxlength", 2);
 pt([
   a({ type: String })
-], P.prototype, "pattern", 2);
+], N.prototype, "pattern", 2);
 pt([
   a({ attribute: "required-error", type: String })
-], P.prototype, "requiredError", 2);
+], N.prototype, "requiredError", 2);
 pt([
   a({ attribute: "minlength-error", type: String })
-], P.prototype, "minlengthError", 2);
+], N.prototype, "minlengthError", 2);
 pt([
   a({ attribute: "maxlength-error", type: String })
-], P.prototype, "maxlengthError", 2);
+], N.prototype, "maxlengthError", 2);
 pt([
   a({ attribute: "format-error", type: String })
-], P.prototype, "formatError", 2);
+], N.prototype, "formatError", 2);
 pt([
   x()
-], P.prototype, "_invalid", 2);
+], N.prototype, "_invalid", 2);
 pt([
   x()
-], P.prototype, "_error", 2);
+], N.prototype, "_error", 2);
 pt([
   x()
-], P.prototype, "_value", 2);
-P = pt([
+], N.prototype, "_value", 2);
+N = pt([
   u("sb-username-field")
-], P);
+], N);
 var Tm = Object.defineProperty, Lm = Object.getOwnPropertyDescriptor, ve = (t, e, r, i) => {
   for (var s = i > 1 ? void 0 : i ? Lm(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (i ? n(e, r, s) : n(s)) || s);
@@ -23321,8 +23321,9 @@ at = ve([
 const ph = [
   D,
   U,
-  P,
+  N,
   M,
+  P,
   A,
   j
 ], Pm = ph.map((t) => t.TAG).join(", "), uc = ph.map((t) => t.validateEventName);
@@ -27157,7 +27158,7 @@ export {
   or as SbLocationInfo,
   rs as SbLogo,
   ts as SbLogoRenderer,
-  N as SbNameField,
+  P as SbNameField,
   be as SbOtp,
   ao as SbOtpRenderer,
   ct as SbPasskeyButton,
@@ -27176,7 +27177,7 @@ export {
   yo as SbTitle,
   nr as SbUrlsInfo,
   we as SbUserProfile,
-  P as SbUsernameField,
+  N as SbUsernameField,
   qt as SbWatermark,
   go as SbWatermarkRenderer,
   ia as SignedIn,