@universal-material/web 3.0.48 → 3.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/custom-elements.json +1618 -1618
  2. package/package.json +1 -1
  3. package/typeahead/typeahead.d.ts.map +1 -1
  4. package/typeahead/typeahead.js +12 -10
  5. package/typeahead/typeahead.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-material/web",
3
- "version": "3.0.48",
3
+ "version": "3.0.50",
4
4
  "description": "Material web components",
5
5
  "type": "module",
6
6
  "keywords": [
package/typeahead/typeahead.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,qBACa,WAAY,SAAQ,UAAU;;IACzC,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,0BAAU;IAKhC,OAAO,CAAC,MAAM,CAAwE;IAQ7E,OAAO,EAAE,IAAI,EAAE,CAAC;IAEb,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7E,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEpB,QAAQ,SAAO;IACf,KAAK,SAAM;IACX,SAAS,SAAK;IACe,WAAW,UAAS;IAE1F,QAAQ,UAAS;IAEjB,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,KAAK,IAAI,GAAG,CAEf;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAOnB;IAEQ,KAAK;IAId,KAAK;IASL,IACI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMrC;IAEgB,IAAI,EAAG,MAAM,CAAC;;IAOtB,iBAAiB;IAQjB,oBAAoB;cA0FV,MAAM,IAAI,kBAAkB;IA0F/C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;CAOvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}
1
+ {"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,qBACa,WAAY,SAAQ,UAAU;;IACzC,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,0BAAU;IAKhC,OAAO,CAAC,MAAM,CAAwE;IAQ7E,OAAO,EAAE,IAAI,EAAE,CAAC;IAEb,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7E,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEpB,QAAQ,SAAO;IACf,KAAK,SAAM;IACX,SAAS,SAAK;IACe,WAAW,UAAS;IAE1F,QAAQ,UAAS;IAEjB,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,KAAK,IAAI,GAAG,CAEf;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAOnB;IAEQ,KAAK;IAId,KAAK;IASL,IACI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMrC;IAEgB,IAAI,EAAG,MAAM,CAAC;;IAOtB,iBAAiB;IAQjB,oBAAoB;cAyFV,MAAM,IAAI,kBAAkB;IAgG/C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;CAOvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}
package/typeahead/typeahead.js CHANGED
@@ -77,7 +77,6 @@ let UmTypeahead = class UmTypeahead extends LitElement {
77
77
  }
78
78
  });
79
79
  _UmTypeahead_handleInput.set(this, () => {
80
- console.log('input');
81
80
  if (__classPrivateFieldGet(this, _UmTypeahead_debounceTimeout, "f")) {
82
81
  clearTimeout(__classPrivateFieldGet(this, _UmTypeahead_debounceTimeout, "f"));
83
82
  }
@@ -190,42 +189,45 @@ _UmTypeahead_setValueAndDispatchEvents = function _UmTypeahead_setValueAndDispat
190
189
  _UmTypeahead_updateResults = async function _UmTypeahead_updateResults(lazy = false) {
191
190
  const term = this.getTargetValue();
192
191
  const termNormalized = normalizeText(term).toLowerCase();
193
- if (lazy && termNormalized === __classPrivateFieldGet(this, _UmTypeahead_termNormalized, "f")) {
192
+ if (lazy && termNormalized === __classPrivateFieldGet(this, _UmTypeahead_termNormalized, "f") && this.menu?.open === true) {
194
193
  return;
195
194
  }
196
195
  __classPrivateFieldSet(this, _UmTypeahead_termNormalized, termNormalized, "f");
197
196
  if (termNormalized.length < this.minLength) {
198
197
  this.results = [];
199
- console.log(this.results);
200
198
  return;
201
199
  }
202
- const data = await __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_getData).call(this);
203
- this.results = data
204
- .filter(t => normalizeText(t.label)
205
- .toLowerCase()
206
- .includes(termNormalized));
200
+ this.results = await __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_getData).call(this);
207
201
  this.results = this.results.slice(0, this.limit || this.results.length);
208
- console.log(this.results);
209
202
  };
210
203
  _UmTypeahead_getData = async function _UmTypeahead_getData() {
211
204
  if (!this.source) {
212
205
  return [];
213
206
  }
214
207
  let values;
208
+ let filter = false;
215
209
  if (this.source instanceof Array) {
216
210
  values = this.source;
211
+ filter = true;
217
212
  }
218
213
  else {
219
214
  const source = this.source;
220
215
  values = await source(__classPrivateFieldGet(this, _UmTypeahead_termNormalized, "f"));
221
216
  }
222
- return values
217
+ const result = values
223
218
  .map(source => ({
224
219
  label: this.formatter
225
220
  ? this.formatter(source)
226
221
  : source.toString(),
227
222
  value: source
228
223
  }));
224
+ if (!filter) {
225
+ return result;
226
+ }
227
+ return result
228
+ .filter(t => normalizeText(t.label)
229
+ .toLowerCase()
230
+ .includes(__classPrivateFieldGet(this, _UmTypeahead_termNormalized, "f")));
229
231
  };
230
232
  _UmTypeahead_setValueOnTarget = function _UmTypeahead_setValueOnTarget() {
231
233
  if (!this.target) {
package/typeahead/typeahead.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typeahead.js","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\n\nimport { styles } from './typeahead.styles.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { normalizeText } from '../shared/normalize-text.js';\n\nimport './highlight.js';\n\nexport interface Data {\n label: string;\n value: any;\n}\n\n@customElement('u-typeahead')\nexport class UmTypeahead extends LitElement {\n static readonly formAssociated = true;\n\n static override styles = styles;\n\n #targetId: string | undefined;\n\n #connected = false;\n private target: HTMLElement & {input?: HTMLInputElement; value: string} | null = null;\n #documentMutationObserver: MutationObserver | null = null;\n #termNormalized: string = '';\n #debounceTimeout: number | null = null;\n #value: any;\n readonly #elementInternals: ElementInternals;\n\n // @ts-ignore\n @state() results: Data[];\n\n @property() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n formatter: ((value: any) => string) | undefined;\n template: ((term: string, value: any) => string) | undefined;\n\n @property({type: Number, reflect: true}) debounce = 300;\n @property({type: Number, reflect: true}) limit = 10;\n @property({type: Number, reflect: true}) minLength = 2;\n @property({type: Boolean, attribute: 'open-on-focus', reflect: true}) openOnFocus = false;\n @property({type: Boolean, reflect: true})\n editable = false;\n\n get form(): HTMLFormElement | null {\n return this.#elementInternals.form;\n }\n\n get value(): any {\n return this.#value;\n }\n set value(value: any) {\n this.#value = value;\n this.#elementInternals.setFormValue(value);\n\n if (this.#connected) {\n this.#setValueOnTarget();\n }\n }\n\n override focus() {\n this.target?.focus();\n }\n\n clear() {\n if (!this.target) {\n return;\n }\n\n this.#termNormalized = '';\n this.setTargetValue('');\n }\n\n @property({reflect: true, attribute: \"target-id\"})\n get targetId(): string | undefined {\n return this.#targetId;\n }\n set targetId(value: string | undefined) {\n this.#targetId = value;\n\n if (this.#connected) {\n this.#attach();\n }\n }\n\n @query('u-menu') menu!: UmMenu;\n\n constructor() {\n super();\n this.#elementInternals = this.attachInternals();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.#connected = true;\n this.#attach();\n this.#documentMutationObserver = new MutationObserver(() => this.#attach())\n this.#documentMutationObserver.observe(document, {attributes: true, childList: true});\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.#connected = false;\n this.#detach();\n this.#documentMutationObserver!.disconnect();\n this.#documentMutationObserver = null;\n }\n\n #attach() {\n if (!this.targetId) {\n this.#detach();\n return;\n }\n\n const newTarget = document.getElementById(this.targetId) as HTMLInputElement;\n\n if (newTarget === this.target) {\n return;\n }\n\n this.#detach();\n\n if (!newTarget) {\n return;\n }\n\n // @ts-ignore\n this.target = newTarget;\n\n newTarget.addEventListener('input', this.#handleInput);\n newTarget.addEventListener('focus', this.#handleFocus);\n\n if (this.value) {\n this.#setValueOnTarget();\n }\n }\n\n #detach() {\n this.target?.removeEventListener('input', this.#handleInput);\n this.target?.removeEventListener('focus', this.#handleFocus);\n }\n\n #handleFocus = async () => {\n if (this.openOnFocus) {\n await this.#updateResults();\n }\n }\n\n #handleInput = () => {\n console.log('input');\n\n if (this.#debounceTimeout) {\n clearTimeout(this.#debounceTimeout);\n }\n\n this.#setValueAndDispatchEvents(this.editable ? this.getTargetValue() : null, true);\n\n this.#debounceTimeout = setTimeout(async () => await this.#updateResults(true), this.debounce);\n }\n\n #getItemClickHandler(data: Data) {\n return () => {\n const selectedEvent = new CustomEvent('selected', {\n cancelable: true,\n detail: data.value\n });\n\n this.dispatchEvent(selectedEvent);\n\n if (selectedEvent.defaultPrevented) {\n return;\n }\n\n this.#setValueAndDispatchEvents(data.value);\n }\n }\n\n #setValueAndDispatchEvents(value: any, direct = false) {\n\n if (!direct) {\n this.value = value;\n } else {\n this.#value = value;\n this.#elementInternals.setFormValue(value);\n }\n\n this.dispatchEvent(new InputEvent('input', {bubbles: true, composed: true}));\n this.dispatchEvent(new Event('change', {bubbles: true}));\n }\n\n protected override render(): HTMLTemplateResult {\n\n if (!this.results?.length) {\n return html``;\n }\n\n setTimeout(() => this.menu.open = true);\n return html`\n <u-menu manualFocus>\n ${this.results\n .map(result => {\n const content = this.template\n ? unsafeHTML(this.template(this.#termNormalized, result.value))\n : html`<u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>`;\n \n return html`\n <u-menu-item @click=${this.#getItemClickHandler(result)}>${content}</u-menu-item>`;\n })}\n </u-menu>\n `;\n }\n\n async #updateResults(lazy = false) {\n\n const term = this.getTargetValue();\n\n const termNormalized = normalizeText(term).toLowerCase();\n\n if (lazy && termNormalized === this.#termNormalized) {\n return;\n }\n\n this.#termNormalized = termNormalized;\n\n if (termNormalized.length < this.minLength) {\n this.results = [];\n console.log(this.results);\n return;\n }\n\n const data = await this.#getData();\n this.results = data\n .filter(t => normalizeText(t.label)\n .toLowerCase()\n .includes(termNormalized));\n this.results = this.results.slice(0, this.limit || this.results.length);\n console.log(this.results);\n }\n\n async #getData(): Promise<Data[]> {\n if (!this.source) {\n return [];\n }\n\n let values: any[]\n\n if (this.source instanceof Array) {\n values = this.source;\n } else {\n const source = this.source as ((term: string) => Promise<any[]>);\n values = await source(this.#termNormalized);\n }\n\n return values\n .map(source => ({\n label: this.formatter\n ? this.formatter(source)\n : source.toString(),\n value: source\n }));\n }\n\n #setValueOnTarget() {\n if (!this.target) {\n return;\n }\n\n const value = this.formatter\n ? this.formatter(this.value)\n : this.value;\n\n if (this.target!.input) {\n this.target.input.value = value;\n } else {\n this.target.value = value;\n }\n\n this.#termNormalized = normalizeText(value)?.toLowerCase();\n }\n\n private getTargetValue(): string {\n return this.target!.input?.value ?? this.target!.value;\n }\n\n private setTargetValue(value: string): void {\n const targetInput = this.target?.input ?? this.target;\n\n if (targetInput) {\n targetInput.value = value;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-typeahead': UmTypeahead;\n }\n}\n"]}
1
+ {"version":3,"file":"typeahead.js","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\n\nimport { styles } from './typeahead.styles.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { normalizeText } from '../shared/normalize-text.js';\n\nimport './highlight.js';\n\nexport interface Data {\n label: string;\n value: any;\n}\n\n@customElement('u-typeahead')\nexport class UmTypeahead extends LitElement {\n static readonly formAssociated = true;\n\n static override styles = styles;\n\n #targetId: string | undefined;\n\n #connected = false;\n private target: HTMLElement & {input?: HTMLInputElement; value: string} | null = null;\n #documentMutationObserver: MutationObserver | null = null;\n #termNormalized: string = '';\n #debounceTimeout: number | null = null;\n #value: any;\n readonly #elementInternals: ElementInternals;\n\n // @ts-ignore\n @state() results: Data[];\n\n @property() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n formatter: ((value: any) => string) | undefined;\n template: ((term: string, value: any) => string) | undefined;\n\n @property({type: Number, reflect: true}) debounce = 300;\n @property({type: Number, reflect: true}) limit = 10;\n @property({type: Number, reflect: true}) minLength = 2;\n @property({type: Boolean, attribute: 'open-on-focus', reflect: true}) openOnFocus = false;\n @property({type: Boolean, reflect: true})\n editable = false;\n\n get form(): HTMLFormElement | null {\n return this.#elementInternals.form;\n }\n\n get value(): any {\n return this.#value;\n }\n set value(value: any) {\n this.#value = value;\n this.#elementInternals.setFormValue(value);\n\n if (this.#connected) {\n this.#setValueOnTarget();\n }\n }\n\n override focus() {\n this.target?.focus();\n }\n\n clear() {\n if (!this.target) {\n return;\n }\n\n this.#termNormalized = '';\n this.setTargetValue('');\n }\n\n @property({reflect: true, attribute: \"target-id\"})\n get targetId(): string | undefined {\n return this.#targetId;\n }\n set targetId(value: string | undefined) {\n this.#targetId = value;\n\n if (this.#connected) {\n this.#attach();\n }\n }\n\n @query('u-menu') menu!: UmMenu;\n\n constructor() {\n super();\n this.#elementInternals = this.attachInternals();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.#connected = true;\n this.#attach();\n this.#documentMutationObserver = new MutationObserver(() => this.#attach())\n this.#documentMutationObserver.observe(document, {attributes: true, childList: true});\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.#connected = false;\n this.#detach();\n this.#documentMutationObserver!.disconnect();\n this.#documentMutationObserver = null;\n }\n\n #attach() {\n if (!this.targetId) {\n this.#detach();\n return;\n }\n\n const newTarget = document.getElementById(this.targetId) as HTMLInputElement;\n\n if (newTarget === this.target) {\n return;\n }\n\n this.#detach();\n\n if (!newTarget) {\n return;\n }\n\n // @ts-ignore\n this.target = newTarget;\n\n newTarget.addEventListener('input', this.#handleInput);\n newTarget.addEventListener('focus', this.#handleFocus);\n\n if (this.value) {\n this.#setValueOnTarget();\n }\n }\n\n #detach() {\n this.target?.removeEventListener('input', this.#handleInput);\n this.target?.removeEventListener('focus', this.#handleFocus);\n }\n\n #handleFocus = async () => {\n if (this.openOnFocus) {\n await this.#updateResults();\n }\n }\n\n #handleInput = () => {\n\n if (this.#debounceTimeout) {\n clearTimeout(this.#debounceTimeout);\n }\n\n this.#setValueAndDispatchEvents(this.editable ? this.getTargetValue() : null, true);\n\n this.#debounceTimeout = setTimeout(async () => await this.#updateResults(true), this.debounce);\n }\n\n #getItemClickHandler(data: Data) {\n return () => {\n const selectedEvent = new CustomEvent('selected', {\n cancelable: true,\n detail: data.value\n });\n\n this.dispatchEvent(selectedEvent);\n\n if (selectedEvent.defaultPrevented) {\n return;\n }\n\n this.#setValueAndDispatchEvents(data.value);\n }\n }\n\n #setValueAndDispatchEvents(value: any, direct = false) {\n\n if (!direct) {\n this.value = value;\n } else {\n this.#value = value;\n this.#elementInternals.setFormValue(value);\n }\n\n this.dispatchEvent(new InputEvent('input', {bubbles: true, composed: true}));\n this.dispatchEvent(new Event('change', {bubbles: true}));\n }\n\n protected override render(): HTMLTemplateResult {\n\n if (!this.results?.length) {\n return html``;\n }\n\n setTimeout(() => this.menu.open = true);\n return html`\n <u-menu manualFocus>\n ${this.results\n .map(result => {\n const content = this.template\n ? unsafeHTML(this.template(this.#termNormalized, result.value))\n : html`<u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>`;\n \n return html`\n <u-menu-item @click=${this.#getItemClickHandler(result)}>${content}</u-menu-item>`;\n })}\n </u-menu>\n `;\n }\n\n async #updateResults(lazy = false) {\n\n const term = this.getTargetValue();\n\n const termNormalized = normalizeText(term).toLowerCase();\n\n if (lazy && termNormalized === this.#termNormalized && this.menu?.open === true) {\n return;\n }\n\n this.#termNormalized = termNormalized;\n\n if (termNormalized.length < this.minLength) {\n this.results = [];\n return;\n }\n\n this.results = await this.#getData();\n this.results = this.results.slice(0, this.limit || this.results.length);\n }\n\n async #getData(): Promise<Data[]> {\n if (!this.source) {\n return [];\n }\n\n let values: any[]\n\n let filter = false;\n\n if (this.source instanceof Array) {\n values = this.source;\n filter = true;\n } else {\n const source = this.source as ((term: string) => Promise<any[]>);\n values = await source(this.#termNormalized);\n }\n\n const result = values\n .map(source => ({\n label: this.formatter\n ? this.formatter(source)\n : source.toString(),\n value: source\n }));\n\n if (!filter) {\n return result;\n }\n\n return result\n .filter(t => normalizeText(t.label)\n .toLowerCase()\n .includes(this.#termNormalized))\n }\n\n #setValueOnTarget() {\n if (!this.target) {\n return;\n }\n\n const value = this.formatter\n ? this.formatter(this.value)\n : this.value;\n\n if (this.target!.input) {\n this.target.input.value = value;\n } else {\n this.target.value = value;\n }\n\n this.#termNormalized = normalizeText(value)?.toLowerCase();\n }\n\n private getTargetValue(): string {\n return this.target!.input?.value ?? this.target!.value;\n }\n\n private setTargetValue(value: string): void {\n const targetInput = this.target?.input ?? this.target;\n\n if (targetInput) {\n targetInput.value = value;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-typeahead': UmTypeahead;\n }\n}\n"]}