@luzmo/lucero 1.0.1-alpha.21 → 1.0.1-alpha.22

package/components/style-map-Bnhf_mVZ.js

@@ -1,53 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { T as l } from "./base-CFWO09N1.js";
-import { e as u, i as c, t as d } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const o = "important", f = " !" + o, p = u(class extends c {
-  constructor(n) {
-    var e;
-    if (super(n), n.type !== d.ATTRIBUTE || n.name !== "style" || ((e = n.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(n) {
-    return Object.keys(n).reduce((e, s) => {
-      const t = n[s];
-      return t == null ? e : e + `${s = s.includes("-") ? s : s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${t};`;
-    }, "");
-  }
-  update(n, [e]) {
-    const { style: s } = n.element;
-    if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
-    for (const t of this.ft) e[t] == null && (this.ft.delete(t), t.includes("-") ? s.removeProperty(t) : s[t] = null);
-    for (const t in e) {
-      const r = e[t];
-      if (r != null) {
-        this.ft.add(t);
-        const i = typeof r == "string" && r.endsWith(f);
-        t.includes("-") || i ? s.setProperty(t, i ? r.slice(0, -11) : r, i ? o : "") : s[t] = r;
-      }
-    }
-    return l;
-  }
-});
-export {
-  p as o
-};

package/components/style-map-DuMd5xlY.cjs

@@ -1,22 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";const u=require("./base-Cy0MQrPT.cjs"),o=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const c="important",l=" !"+c,d=o.e(class extends o.i{constructor(n){var t;if(super(n),n.type!==o.t.ATTRIBUTE||n.name!=="style"||((t=n.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(n){return Object.keys(n).reduce((t,s)=>{const e=n[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(n,[t]){const{style:s}=n.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)t[e]==null&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const r=t[e];if(r!=null){this.ft.add(e);const i=typeof r=="string"&&r.endsWith(l);e.includes("-")||i?s.setProperty(e,i?r.slice(0,-11):r,i?c:""):s[e]=r}}return u.T}});exports.o=d;

package/components/text-field-BkFPYo7S.cjs

@@ -1,85 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";const t=require("./base-Cy0MQrPT.cjs"),v=require("./state-vf0PJN3_.cjs"),m=require("./query-BL-TJj7K.cjs"),r=require("./if-defined-DaXWqfzc.cjs"),u=require("./directive-C7oCP5Bh.cjs"),c=require("./directive-helpers-t-TVum7J.cjs"),h=require("./luzmo-icons-CtA-TJPd.cjs"),g=require("./focusable-B_KwfEec.cjs"),f=require("./sized-mixin-WPHH0a_D.cjs"),$=require("./manage-help-text-DNqdEkTA.cjs"),x=require("./text-field.module-DXhFA9G-.cjs");/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const b=u.e(class extends u.i{constructor(s){if(super(s),s.type!==u.t.PROPERTY&&s.type!==u.t.ATTRIBUTE&&s.type!==u.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!c.f(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[e]){if(e===t.T||e===t.E)return e;const l=s.element,a=s.name;if(s.type===u.t.PROPERTY){if(e===l[a])return t.T}else if(s.type===u.t.BOOLEAN_ATTRIBUTE){if(!!e===l.hasAttribute(a))return t.T}else if(s.type===u.t.ATTRIBUTE&&l.getAttribute(a)===e+"")return t.T;return c.m(s),e}});var E=Object.defineProperty,T=Object.getOwnPropertyDescriptor,n=(s,e,l,a)=>{for(var o=a>1?void 0:a?T(e,l):e,p=s.length-1,d;p>=0;p--)(d=s[p])&&(o=(a?d(e,l,o):d(o))||o);return a&&o&&E(e,l,o),o};const q=["text","url","tel","email","password"];class i extends $.ManageHelpText(f.SizedMixin(g.Focusable,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.r(x.textFieldStyles)]}set type(e){const l=this._type;this._type=e,this.requestUpdate("type",l)}get type(){return q.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,l,a="none"){this.inputElement.setSelectionRange(e,l,a)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const o=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(o,o);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?t.x`
-        <div id="invalid" class="icon">${h.T3(h.$)}</div>
-      `:this.valid?t.x`
-        <div id="valid" class="icon">${h.T3(h.F)}</div>
-      `:t.E}get displayValue(){return this.value.toString()}get renderMultiline(){return t.x`
-      ${this.multiline&&this.grows&&this.rows===-1?t.x`
-          <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
-          </div>
-        `:t.E}
-      <!-- @ts-ignore -->
-      <textarea
-        name=${r.o(this.name||void 0)}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label||this.appliedLabel||this.placeholder}
-        aria-invalid=${r.o(this.invalid||void 0)}
-        class="input"
-        maxlength=${r.o(this.maxlength>-1?this.maxlength:void 0)}
-        minlength=${r.o(this.minlength>-1?this.minlength:void 0)}
-        title=${this.invalid?"":t.E}
-        pattern=${r.o(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${this.displayValue}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        rows=${r.o(this.rows>-1?this.rows:void 0)}
-        autocomplete=${r.o(this.autocomplete)}
-      ></textarea>
-    `}get renderInput(){return t.x`
-      <!-- @ts-ignore -->
-      <input
-        name=${r.o(this.name||void 0)}
-        type=${this.type}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label||this.appliedLabel||this.placeholder}
-        aria-invalid=${r.o(this.invalid||void 0)}
-        class="input"
-        title=${this.invalid?"":t.E}
-        maxlength=${r.o(this.maxlength>-1?this.maxlength:void 0)}
-        minlength=${r.o(this.minlength>-1?this.minlength:void 0)}
-        pattern=${r.o(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${b(this.displayValue)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @pointerdown=${this.handleInputElementPointerdown}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        autocomplete=${r.o(this.autocomplete)}
-      />
-    `}renderField(){return t.x`
-      ${this.renderStateIcons()}
-      ${this.multiline?this.renderMultiline:this.renderInput}
-    `}render(){return t.x`
-      <div id="text-field">${this.renderField()}</div>
-      ${this.renderHelpText(this.invalid)}
-    `}update(e){(e.has("value")||e.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(e=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),this.minlength!==void 0&&(e=e&&this.value.toString().length>=this.minlength),this.valid=e,this.invalid=!e),e}}n([v.r()],i.prototype,"appliedLabel",2);n([t.n({attribute:"allowed-keys"})],i.prototype,"allowedKeys",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"focused",2);n([m.e(".input:not(#sizer)")],i.prototype,"inputElement",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"invalid",2);n([t.n()],i.prototype,"label",2);n([t.n({type:String,reflect:!0})],i.prototype,"name",2);n([t.n()],i.prototype,"placeholder",2);n([v.r()],i.prototype,"type",1);n([t.n({attribute:"type",reflect:!0})],i.prototype,"_type",2);n([t.n()],i.prototype,"pattern",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"grows",2);n([t.n({type:Number})],i.prototype,"maxlength",2);n([t.n({type:Number})],i.prototype,"minlength",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"multiline",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"readonly",2);n([t.n({type:Number})],i.prototype,"rows",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"valid",2);n([t.n({type:String})],i.prototype,"value",1);n([t.n({type:Boolean,reflect:!0})],i.prototype,"quiet",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"required",2);n([t.n({type:String,reflect:!0})],i.prototype,"autocomplete",2);class y extends i{constructor(){super(...arguments),this._value=""}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l)}get value(){return this._value}}n([t.n({type:String})],y.prototype,"value",1);exports.LuzmoTextField=y;exports.LuzmoTextFieldBase=i;