@leavittsoftware/web 5.14.3 → 5.15.0

package/titanium/search-input/filled-search-input.js

@@ -0,0 +1,111 @@
+import { __decorate } from "tslib";
+import '@material/web/textfield/filled-text-field';
+import '@material/web/icon/icon';
+import '@material/web/iconbutton/icon-button';
+import { redispatchEvent } from '@material/web/internal/events/redispatch-event';
+import { LitElement, html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+let TitaniumFilledSearchInput = class TitaniumFilledSearchInput extends LitElement {
+    #value_accessor_storage = '';
+    get value() { return this.#value_accessor_storage; }
+    set value(value) { this.#value_accessor_storage = value; }
+    #placeholder_accessor_storage = 'Search';
+    get placeholder() { return this.#placeholder_accessor_storage; }
+    set placeholder(value) { this.#placeholder_accessor_storage = value; }
+    #autocomplete_accessor_storage = 'off';
+    get autocomplete() { return this.#autocomplete_accessor_storage; }
+    set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
+    #spellcheck_accessor_storage = false;
+    get spellcheck() { return this.#spellcheck_accessor_storage; }
+    set spellcheck(value) { this.#spellcheck_accessor_storage = value; }
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #textField_accessor_storage;
+    get textField() { return this.#textField_accessor_storage; }
+    set textField(value) { this.#textField_accessor_storage = value; }
+    static { this.styles = css `
+    :host {
+      display: block;
+      max-width: 640px;
+      width: 100%;
+
+      --md-filled-text-field-container-color: var(--md-sys-color-surface-container-high);
+      --md-filled-text-field-container-shape: 24px;
+      --md-filled-field-container-shape: 24px;
+
+      --md-filled-text-field-active-indicator-height: 0;
+      --md-filled-text-field-error-active-indicator-height: 0;
+      --md-filled-text-field-hover-active-indicator-height: 0;
+      --md-filled-text-field-focus-active-indicator-height: 0;
+      --md-filled-text-field-disabled-active-indicator-height: 0;
+
+      --md-filled-text-field-bottom-space: 12px;
+      --md-filled-text-field-top-space: 12px;
+    }
+
+    md-filled-text-field {
+      width: 100%;
+    }
+
+    [hidden] {
+      display: none !important;
+    }
+  `; }
+    render() {
+        return html `
+      <md-filled-text-field
+        type="search"
+        .autocomplete=${this.autocomplete}
+        .spellcheck=${this.spellcheck}
+        .disabled=${this.disabled}
+        .value=${this.value}
+        placeholder=${this.placeholder}
+        @input=${(e) => {
+            this.value = e.target.value;
+            this.dispatchEvent(new Event('input', { composed: true }));
+        }}
+        @blur=${(e) => redispatchEvent(this, e)}
+        @focus=${(e) => redispatchEvent(this, e)}
+        @change=${(e) => redispatchEvent(this, e)}
+        @invalid=${(e) => redispatchEvent(this, e)}
+      >
+        <md-icon slot="leading-icon">search</md-icon>
+        <md-icon-button
+          slot="trailing-icon"
+          ?hidden=${!this.value}
+          @click=${() => {
+            this.value = '';
+            this.textField?.focus?.();
+            this.dispatchEvent(new Event('input', { composed: true }));
+        }}
+        >
+          <md-icon>close</md-icon>
+        </md-icon-button>
+      </md-filled-text-field>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TitaniumFilledSearchInput.prototype, "value", null);
+__decorate([
+    property({ type: String })
+], TitaniumFilledSearchInput.prototype, "placeholder", null);
+__decorate([
+    property({ type: String })
+], TitaniumFilledSearchInput.prototype, "autocomplete", null);
+__decorate([
+    property({ type: Boolean })
+], TitaniumFilledSearchInput.prototype, "spellcheck", null);
+__decorate([
+    property({ type: Boolean })
+], TitaniumFilledSearchInput.prototype, "disabled", null);
+__decorate([
+    query('md-filled-text-field')
+], TitaniumFilledSearchInput.prototype, "textField", null);
+TitaniumFilledSearchInput = __decorate([
+    customElement('titanium-filled-search-input')
+], TitaniumFilledSearchInput);
+export default TitaniumFilledSearchInput;
+//# sourceMappingURL=filled-search-input.js.map

package/titanium/search-input/filled-search-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-search-input.js","sourceRoot":"","sources":["filled-search-input.ts"],"names":[],"mappings":";AAAA,OAAO,2CAA2C,CAAC;AACnD,OAAO,yBAAyB,CAAC;AACjC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAKpD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAC1B,0BAAgB,EAAE,CAAC;IAAnB,IAAA,KAAK,2CAAc;IAAnB,IAAA,KAAK,iDAAc;IACnB,gCAAsB,QAAQ,CAAC;IAA/B,IAAA,WAAW,iDAAoB;IAA/B,IAAA,WAAW,uDAAoB;IAC/B,iCAAuB,KAAK,CAAC;IAA7B,IAAA,YAAY,kDAAiB;IAA7B,IAAA,YAAY,wDAAiB;IAC5B,+BAAsB,KAAK,CAAC;IAA5B,IAAA,UAAU,gDAAkB;IAA5B,IAAA,UAAU,sDAAkB;IAC5B,6BAAoB,KAAK,CAAC;IAA1B,IAAA,QAAQ,8CAAkB;IAA1B,IAAA,QAAQ,oDAAkB;IAEhB,4BAA6B;IAA7B,IAAA,SAAS,+CAAoB;IAA7B,IAAA,SAAS,qDAAoB;aAEtE,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BlB,AA3BY,CA2BX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;wBAGS,IAAI,CAAC,YAAY;sBACnB,IAAI,CAAC,UAAU;oBACjB,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK;sBACL,IAAI,CAAC,WAAW;iBACrB,CAAC,CAA8B,EAAE,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7D,CAAC;gBACO,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;iBAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;kBAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;mBAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;;;;;oBAK9B,CAAC,IAAI,CAAC,KAAK;mBACZ,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7D,CAAC;;;;;KAKN,CAAC;IACJ,CAAC;;AArEoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAA6B;AACnB;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAyC;AAC/B;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAAuC;AAC5B;IAArC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAAsC;AAC5B;IAArC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDAAoC;AAEhB;IAA/C,KAAK,CAAC,sBAAsB,CAAC;0DAA+C;AAP1D,yBAAyB;IAD7C,aAAa,CAAC,8BAA8B,CAAC;GACzB,yBAAyB,CAuE7C;eAvEoB,yBAAyB"}