@logosphere-ui/core 0.0.0-alpha.22 → 0.0.0-alpha.24

package/dist/input-jmbvgWEq.js

@@ -1,212 +0,0 @@
-import { unsafeCSS as y, css as c, LitElement as m, nothing as o, html as u } from "lit";
-import { query as b, property as s, state as d, customElement as _ } from "lit/decorators.js";
-import { live as f } from "lit/directives/live.js";
-import "./formfield-CNh4mBSs.js";
-import "./ui-icon-Bys4HYSQ.js";
-const g = ".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";
-var v = Object.defineProperty, E = Object.getOwnPropertyDescriptor, i = (e, r, l, a) => {
-  for (var n = a > 1 ? void 0 : a ? E(r, l) : r, p = e.length - 1, h; p >= 0; p--)
-    (h = e[p]) && (n = (a ? h(r, l, n) : h(n)) || n);
-  return a && n && v(r, l, n), n;
-};
-let t = class extends m {
-  constructor() {
-    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.name = "", this.autocomplete = "", this.pattern = "", this.size = "default", this.variant = "default", this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this._showPassword = !1, this.handleInput = (e) => {
-      const r = e.target;
-      this.value = r.value, this._internalError && (this._internalError = "", this._inputElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: e }
-      }));
-    }, this.handleChange = (e) => {
-      const r = e.target;
-      this.value = r.value, r.checkValidity() || (this._internalError = r.validationMessage), this.dispatchEvent(new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: e }
-      }));
-    }, this.handleKeyDown = (e) => {
-      this.dispatchEvent(new CustomEvent("keydown", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: e.key, originalEvent: e }
-      }));
-    }, this.handleKeyUp = (e) => {
-      this.dispatchEvent(new CustomEvent("keyup", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: e.key, originalEvent: e }
-      }));
-    }, this.handleClear = () => {
-      this.value = "", this._inputElement && (this._inputElement.value = ""), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: "", originalEvent: null }
-      }));
-    }, this.handlePasswordToggle = () => {
-      this.disabled || (this._showPassword = !this._showPassword, this._inputElement?.focus());
-    };
-  }
-  get inputElement() {
-    return this._inputElement;
-  }
-  focus() {
-    this._inputElement?.focus();
-  }
-  blur() {
-    this._inputElement?.blur();
-  }
-  select() {
-    this._inputElement?.select();
-  }
-  setSelectionRange(e, r, l) {
-    this._inputElement?.setSelectionRange(e, r, l);
-  }
-  checkValidity() {
-    return this._inputElement?.checkValidity() ?? !0;
-  }
-  reportValidity() {
-    return this._inputElement?.reportValidity() ?? !0;
-  }
-  setCustomValidity(e) {
-    this._inputElement?.setCustomValidity(e), this._internalError = e, this.requestUpdate();
-  }
-  willUpdate(e) {
-    e.has("type") && this.type !== "password" && this._showPassword && (this._showPassword = !1);
-  }
-  render() {
-    const e = this.error || this._internalError, r = !!this.value && !this.disabled && !this.readonly, l = this.type === "password", a = l && this._showPassword ? "text" : this.type, n = `input__field input__field--${this.size}`;
-    return u`
-      <logosphere-formfield
-        .label=${this.label}
-        .helper=${this.helper}
-        .error=${e}
-        .required=${this.required}
-        .disabled=${this.disabled}
-        .readonly=${this.readonly}
-        .placeholder=${this.placeholder}
-        .size=${this.size}
-        .variant=${this.variant}
-      >
-        <slot name="prefix" slot="prefix"></slot>
-        <input
-          class="${n}"
-          type=${a}
-          .value=${f(this.value)}
-          placeholder=${this.placeholder || o}
-          name=${this.name || o}
-          autocomplete=${this.autocomplete || o}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          minlength=${this.minlength ?? o}
-          maxlength=${this.maxlength ?? o}
-          pattern=${this.pattern || o}
-          min=${this.min ?? o}
-          max=${this.max ?? o}
-          step=${this.step ?? o}
-          @input=${this.handleInput}
-          @change=${this.handleChange}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-        />
-        ${r ? u`
-          <button
-            type="button"
-            slot="clear"
-            class="input__clear-btn"
-            @click=${this.handleClear}
-            tabindex="-1"
-          >
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        ` : o}
-        ${l ? u`
-              <button
-                type="button"
-                slot="suffix"
-                class="input__clear-btn"
-                aria-label=${this._showPassword ? "Şifreyi gizle" : "Şifreyi göster"}
-                @click=${this.handlePasswordToggle}
-              >
-                <ui-icon name=${this._showPassword ? "uil-eye-slash" : "uil-eye"} size="16"></ui-icon>
-              </button>
-            ` : o}
-        <slot name="suffix" slot="suffix"></slot>
-      </logosphere-formfield>
-    `;
-  }
-};
-t.styles = [c`${y(g)}`];
-i([
-  b("input")
-], t.prototype, "_inputElement", 2);
-i([
-  s({ type: String })
-], t.prototype, "value", 2);
-i([
-  s({ type: String })
-], t.prototype, "type", 2);
-i([
-  s({ type: String })
-], t.prototype, "placeholder", 2);
-i([
-  s({ type: String })
-], t.prototype, "name", 2);
-i([
-  s({ type: String })
-], t.prototype, "autocomplete", 2);
-i([
-  s({ type: Number })
-], t.prototype, "minlength", 2);
-i([
-  s({ type: Number })
-], t.prototype, "maxlength", 2);
-i([
-  s({ type: String })
-], t.prototype, "pattern", 2);
-i([
-  s({ type: Number })
-], t.prototype, "min", 2);
-i([
-  s({ type: Number })
-], t.prototype, "max", 2);
-i([
-  s({ type: Number })
-], t.prototype, "step", 2);
-i([
-  s({ type: String })
-], t.prototype, "size", 2);
-i([
-  s({ type: String })
-], t.prototype, "variant", 2);
-i([
-  s({ type: String })
-], t.prototype, "label", 2);
-i([
-  s({ type: String })
-], t.prototype, "helper", 2);
-i([
-  s({ type: String })
-], t.prototype, "error", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "required", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "disabled", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "readonly", 2);
-i([
-  d()
-], t.prototype, "_internalError", 2);
-i([
-  d()
-], t.prototype, "_showPassword", 2);
-t = i([
-  _("logosphere-input")
-], t);
-export {
-  t as L
-};