@universal-material/web 3.0.140 → 3.0.142

package/typeahead/typeahead.js

@@ -0,0 +1,362 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
+import { customElement, property, query, queryAll, state } from 'lit/decorators.js';
+import { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';
+import { normalizeText } from '../shared/normalize-text.js';
+import { styles } from './typeahead.styles.js';
+import '../menu/menu.js';
+import '../menu/menu-item.js';
+import './highlight.js';
+let UmTypeahead = class UmTypeahead extends LitElement {
+    static { this.formAssociated = true; }
+    static { this.styles = styles; }
+    #targetId;
+    #connected;
+    #documentMutationObserver;
+    #navigationController;
+    #termNormalized;
+    #debounceTimeout;
+    #value;
+    #elementInternals;
+    get form() {
+        return this.#elementInternals.form;
+    }
+    /**
+     * Gets or sets the current value of the typeahead.
+     */
+    get value() {
+        return this.#value;
+    }
+    set value(value) {
+        this.#value = value;
+        this.#elementInternals.setFormValue(value);
+        if (this.#connected) {
+            this.#setValueOnTarget();
+        }
+    }
+    focus() {
+        this.target?.focus();
+    }
+    clear() {
+        if (!this.target) {
+            return;
+        }
+        this.#termNormalized = '';
+        this.setTargetValue('');
+    }
+    /**
+     * The id of the target element to attach the typeahead.
+     */
+    get targetId() {
+        return this.#targetId;
+    }
+    set targetId(value) {
+        this.#targetId = value;
+        if (this.#connected) {
+            this.#attach();
+        }
+    }
+    get _menuItems() {
+        return Array.from(this.menuItems);
+    }
+    constructor() {
+        super();
+        this.#connected = false;
+        this.target = null;
+        this.#documentMutationObserver = null;
+        this.#navigationController = new MenuFieldNavigationController(this);
+        this.#termNormalized = '';
+        this.#debounceTimeout = null;
+        /**
+         * The time in milliseconds before triggering an update in the results.
+         */
+        this.debounce = 300;
+        /**
+         * The number of suggestions to show
+         */
+        this.limit = 10;
+        /**
+         * How many characters must be typed before show suggestions
+         *
+         * _Note:_ Not used when the source is a `Promise`
+         */
+        this.minLength = 2;
+        /**
+         * Whether the menu will be show when the target get focus.
+         *
+         * _Note:_ The `minLength` will still be applied
+         */
+        this.openOnFocus = false;
+        /**
+         * If `true`, model values will not be restricted only to items selected from the menu.
+         */
+        this.editable = false;
+        /**
+         * The value for the `autocomplete` attribute for the target element.
+         */
+        this.autocomplete = 'off';
+        /**
+         * The value for the `spellcheck` attribute for the target element.
+         */
+        this.spellcheck = false;
+        this.#handleFocus = async () => {
+            if (this.openOnFocus) {
+                await this.#updateResults();
+            }
+        };
+        this.#handleInput = () => {
+            if (this.#debounceTimeout) {
+                clearTimeout(this.#debounceTimeout);
+            }
+            this.#setValueAndDispatchEvents(this.editable ? this.getTargetValue() : null, true);
+            this.#debounceTimeout = setTimeout(async () => await this.#updateResults(true), this.debounce);
+        };
+        this.#elementInternals = this.attachInternals();
+    }
+    attributeChangedCallback(name, _old, value) {
+        super.attributeChangedCallback(name, _old, value);
+        if (!this.target) {
+            return;
+        }
+        if (name === 'autocomplete') {
+            this.target.autocomplete = value;
+        }
+        if (name === 'spellcheck') {
+            this.target.spellcheck = value === 'true';
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#connected = true;
+        this.#attach();
+        this.#documentMutationObserver = new MutationObserver(() => this.#attach());
+        this.#documentMutationObserver.observe(document, {
+            attributes: true,
+            childList: true,
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#connected = false;
+        this.#detach();
+        this.#documentMutationObserver.disconnect();
+        this.#documentMutationObserver = null;
+    }
+    #attach() {
+        if (!this.targetId) {
+            this.#detach();
+            return;
+        }
+        const newTarget = document.getElementById(this.targetId);
+        if (newTarget === this.target) {
+            return;
+        }
+        this.#detach();
+        if (!newTarget) {
+            return;
+        }
+        // @ts-ignore
+        this.target = newTarget;
+        newTarget.role = 'combobox';
+        newTarget.autocomplete = this.autocomplete;
+        newTarget.spellcheck = this.spellcheck;
+        newTarget.autocapitalize = 'off';
+        newTarget.addEventListener('click', this.#handleClick);
+        newTarget.addEventListener('input', this.#handleInput);
+        this.#navigationController.attach(newTarget);
+        newTarget.addEventListener('focus', this.#handleFocus);
+        if (this.value) {
+            this.#setValueOnTarget();
+        }
+    }
+    #detach() {
+        this.target?.removeEventListener('click', this.#handleClick);
+        this.target?.removeEventListener('input', this.#handleInput);
+        this.#navigationController.detach();
+        this.target?.removeEventListener('focus', this.#handleFocus);
+    }
+    #handleItemMouseDown(e) {
+        e.preventDefault();
+    }
+    #handleClick(e) {
+        e.stopPropagation();
+    }
+    #handleFocus;
+    #handleInput;
+    #getItemClickHandler(data) {
+        return () => {
+            const selectedEvent = new CustomEvent('selected', {
+                cancelable: true,
+                detail: data.value,
+            });
+            this.dispatchEvent(selectedEvent);
+            if (selectedEvent.defaultPrevented) {
+                return;
+            }
+            this.#setValueAndDispatchEvents(data.value);
+        };
+    }
+    #setValueAndDispatchEvents(value, direct = false) {
+        if (!direct) {
+            this.value = value;
+        }
+        else {
+            this.#value = value;
+            this.#elementInternals.setFormValue(value);
+        }
+        this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true }));
+    }
+    render() {
+        if (!this.results?.length) {
+            return html ``;
+        }
+        setTimeout(() => {
+            this._menu.anchorElement = this.getMenuAnchor();
+            this._menu.open = true;
+            this.#navigationController.focusMenu(this._menuItems[0], 0);
+        });
+        return html `
+      <u-menu manualFocus manualClose anchor-corner="auto-start">
+        ${this.results.map(result => {
+            const content = this.template
+                ? unsafeHTML(this.template(this.#termNormalized, result.value))
+                : html `
+                <u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>
+              `;
+            return html `
+            <u-menu-item
+              @mousedown=${this.#handleItemMouseDown}
+              @click=${this.#getItemClickHandler(result)}
+              tabindex="-1">
+              ${content}
+            </u-menu-item>
+          `;
+        })}
+      </u-menu>
+    `;
+    }
+    async #updateResults(lazy = false) {
+        const term = this.getTargetValue();
+        const termNormalized = normalizeText(term).toLowerCase();
+        if (lazy && termNormalized === this.#termNormalized && this._menu?.open === true) {
+            return;
+        }
+        this.#termNormalized = termNormalized;
+        if (termNormalized.length < this.minLength) {
+            this.results = [];
+            return;
+        }
+        this.results = await this.#getData();
+        this.results = this.results.slice(0, this.limit || this.results.length);
+    }
+    async #getData() {
+        if (!this.source) {
+            return [];
+        }
+        let values;
+        let filter = false;
+        if (this.source instanceof Array) {
+            values = this.source;
+            filter = true;
+        }
+        else {
+            const source = this.source;
+            values = await source(this.#termNormalized);
+        }
+        const result = values.map(source => ({
+            label: this.formatter ? this.formatter(source) : source.toString(),
+            value: source,
+        }));
+        if (!filter) {
+            return result;
+        }
+        return result.filter(t => normalizeText(t.label).toLowerCase()
+            .includes(this.#termNormalized));
+    }
+    #setValueOnTarget() {
+        if (!this.target) {
+            return;
+        }
+        const textValue = this.getTextValue();
+        this.#termNormalized = normalizeText(textValue)?.toLowerCase();
+        if (this.target.tagName === 'U-TEXT-FIELD') {
+            this.target.value = textValue;
+            return;
+        }
+        if (this.target.input) {
+            this.target.input.value = textValue;
+            return;
+        }
+        this.target.value = textValue;
+    }
+    getTargetValue() {
+        return this.target.input?.value ?? this.target.value;
+    }
+    setTargetValue(value) {
+        const targetInput = this.target?.input ?? this.target;
+        if (targetInput) {
+            targetInput.value = value;
+        }
+    }
+    getMenuAnchor() {
+        if (!this.target) {
+            return null;
+        }
+        if (this.target.tagName === 'U-CHIP-FIELD') {
+            return this.target.input;
+        }
+        if (this.target.tagName === 'U-TEXT-FIELD') {
+            return this.target.container;
+        }
+        return this.target;
+    }
+    getTextValue() {
+        if (!this.value) {
+            return '';
+        }
+        return this.formatter ? this.formatter(this.value) : this.value;
+    }
+};
+__decorate([
+    state()
+], UmTypeahead.prototype, "results", void 0);
+__decorate([
+    state()
+], UmTypeahead.prototype, "source", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], UmTypeahead.prototype, "debounce", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], UmTypeahead.prototype, "limit", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], UmTypeahead.prototype, "minLength", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'open-on-focus', reflect: true })
+], UmTypeahead.prototype, "openOnFocus", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmTypeahead.prototype, "editable", void 0);
+__decorate([
+    property({ reflect: true })
+], UmTypeahead.prototype, "autocomplete", void 0);
+__decorate([
+    property({ reflect: true })
+], UmTypeahead.prototype, "spellcheck", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'target-id' })
+], UmTypeahead.prototype, "targetId", null);
+__decorate([
+    query('u-menu')
+], UmTypeahead.prototype, "_menu", void 0);
+__decorate([
+    queryAll('u-menu-item')
+], UmTypeahead.prototype, "menuItems", void 0);
+UmTypeahead = __decorate([
+    customElement('u-typeahead')
+], UmTypeahead);
+export { UmTypeahead };
+//# sourceMappingURL=typeahead.js.map

package/typeahead/typeahead.js.map

@@ -0,0 +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, queryAll, state } from 'lit/decorators.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { UmMenu } from '../menu/menu.js';\nimport { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';\nimport { normalizeText } from '../shared/normalize-text.js';\nimport { styles } from './typeahead.styles.js';\n\nimport '../menu/menu.js';\nimport '../menu/menu-item.js';\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:\n    | (HTMLElement & {\n      autocomplete: 'on' | 'off' | string | null;\n      input?: HTMLInputElement;\n      container?: HTMLElement;\n      value: string;\n    })\n    | null = null;\n  #documentMutationObserver: MutationObserver | null = null;\n  readonly #navigationController = new MenuFieldNavigationController(this);\n  #termNormalized = '';\n  #debounceTimeout: number | null = null;\n  #value: any;\n  readonly #elementInternals: ElementInternals;\n\n  // @ts-ignore\n  @state() private results: Data[];\n\n  /**\n   * The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`.\n   */\n  @state() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n\n  /**\n   * A function return a string based on a result from the `source`. Useful when the source results are objects.\n   */\n  formatter: ((value: any) => string) | undefined;\n\n  /**\n   * A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n   *\n   * _Note:_ Subject to signature change\n   */\n  template: ((term: string, value: any) => string) | undefined;\n\n  /**\n   * The time in milliseconds before triggering an update in the results.\n   */\n  @property({ type: Number, reflect: true }) debounce = 300;\n\n  /**\n   * The number of suggestions to show\n   */\n  @property({ type: Number, reflect: true }) limit = 10;\n\n  /**\n   * How many characters must be typed before show suggestions\n   *\n   * _Note:_ Not used when the source is a `Promise`\n   */\n  @property({ type: Number, reflect: true }) minLength = 2;\n\n  /**\n   * Whether the menu will be show when the target get focus.\n   *\n   * _Note:_ The `minLength` will still be applied\n   */\n  @property({ type: Boolean, attribute: 'open-on-focus', reflect: true })\n  openOnFocus = false;\n\n  /**\n   * If `true`, model values will not be restricted only to items selected from the menu.\n   */\n  @property({ type: Boolean, reflect: true }) editable = false;\n\n  /**\n   * The value for the `autocomplete` attribute for the target element.\n   */\n  @property({ reflect: true }) autocomplete: 'on' | 'off' | string = 'off';\n\n  /**\n   * The value for the `spellcheck` attribute for the target element.\n   */\n  @property({ reflect: true }) override spellcheck = false;\n\n  get form(): HTMLFormElement | null {\n    return this.#elementInternals.form;\n  }\n\n  /**\n   * Gets or sets the current value of the typeahead.\n   */\n  get value(): any {\n    return this.#value;\n  }\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  /**\n   * The id of the target element to attach the typeahead.\n   */\n  @property({ reflect: true, attribute: 'target-id' })\n  get targetId(): string | undefined {\n    return this.#targetId;\n  }\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  @queryAll('u-menu-item') menuItems!: NodeListOf<UmMenuItem>;\n\n  get _menuItems(): UmMenuItem[] {\n    return Array.from(this.menuItems);\n  }\n\n  constructor() {\n    super();\n    this.#elementInternals = this.attachInternals();\n  }\n\n  override attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (!this.target) {\n      return;\n    }\n\n    if (name === 'autocomplete') {\n      this.target.autocomplete = value;\n    }\n\n    if (name === 'spellcheck') {\n      this.target.spellcheck = value === 'true';\n    }\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, {\n      attributes: true,\n      childList: true,\n    });\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    newTarget.role = 'combobox';\n    newTarget.autocomplete = this.autocomplete as any;\n    newTarget.spellcheck = this.spellcheck;\n    newTarget.autocapitalize = 'off';\n\n    newTarget.addEventListener('click', this.#handleClick);\n    newTarget.addEventListener('input', this.#handleInput);\n    this.#navigationController.attach(newTarget);\n    newTarget.addEventListener('focus', this.#handleFocus);\n\n    if (this.value) {\n      this.#setValueOnTarget();\n    }\n  }\n\n  #detach() {\n    this.target?.removeEventListener('click', this.#handleClick);\n    this.target?.removeEventListener('input', this.#handleInput);\n    this.#navigationController.detach();\n    this.target?.removeEventListener('focus', this.#handleFocus);\n  }\n\n  #handleItemMouseDown(e: Event) {\n    e.preventDefault();\n  }\n\n  #handleClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  readonly #handleFocus = async () => {\n    if (this.openOnFocus) {\n      await this.#updateResults();\n    }\n  };\n\n  readonly #handleInput = () => {\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    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    if (!this.results?.length) {\n      return html``;\n    }\n\n    setTimeout(() => {\n      this._menu.anchorElement = this.getMenuAnchor();\n      this._menu.open = true;\n      this.#navigationController.focusMenu(this._menuItems[0], 0);\n    });\n\n    return html`\n      <u-menu manualFocus manualClose anchor-corner=\"auto-start\">\n        ${this.results.map(result => {\n          const content = this.template\n            ? unsafeHTML(this.template(this.#termNormalized, result.value))\n            : html`\n                <u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>\n              `;\n\n          return html`\n            <u-menu-item\n              @mousedown=${this.#handleItemMouseDown}\n              @click=${this.#getItemClickHandler(result)}\n              tabindex=\"-1\">\n              ${content}\n            </u-menu-item>\n          `;\n        })}\n      </u-menu>\n    `;\n  }\n\n  async #updateResults(lazy = false) {\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.map(source => ({\n      label: this.formatter ? this.formatter(source) : source.toString(),\n      value: source,\n    }));\n\n    if (!filter) {\n      return result;\n    }\n\n    return result.filter(t => normalizeText(t.label).toLowerCase()\n      .includes(this.#termNormalized));\n  }\n\n  #setValueOnTarget() {\n    if (!this.target) {\n      return;\n    }\n\n    const textValue = this.getTextValue();\n    this.#termNormalized = normalizeText(textValue)?.toLowerCase();\n\n    if (this.target.tagName === 'U-TEXT-FIELD') {\n      this.target.value = textValue;\n      return;\n    }\n\n    if (this.target.input) {\n      this.target.input.value = textValue;\n      return;\n    }\n\n    this.target.value = textValue;\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  private getMenuAnchor() {\n    if (!this.target) {\n      return null;\n    }\n\n    if (this.target.tagName === 'U-CHIP-FIELD') {\n      return this.target.input;\n    }\n\n    if (this.target.tagName === 'U-TEXT-FIELD') {\n      return this.target.container;\n    }\n\n    return this.target;\n  }\n\n  private getTextValue(): string {\n    if (!this.value) {\n      return '';\n    }\n\n    return this.formatter ? this.formatter(this.value) : this.value;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-typeahead': UmTypeahead;\n  }\n}\n"]}

package/typeahead/typeahead.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=typeahead.styles.d.ts.map

package/typeahead/typeahead.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead.styles.d.ts","sourceRoot":"","sources":["../../src/typeahead/typeahead.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAQlB,CAAC"}

package/typeahead/typeahead.styles.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  u-menu-item {
+    font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));
+  }
+`;
+//# sourceMappingURL=typeahead.styles.js.map

package/typeahead/typeahead.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead.styles.js","sourceRoot":"","sources":["../../src/typeahead/typeahead.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;CAQzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  u-menu-item {\n    font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n  }\n`;\n"]}

package/.editorconfig

@@ -1,8 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-indent_size = 2
-indent_style = space

package/.eleventy.cjs

@@ -1,21 +0,0 @@
-const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
-
-module.exports = function (eleventyConfig) {
-  eleventyConfig.addPlugin(syntaxHighlight);
-  eleventyConfig.addPassthroughCopy('docs-src/docs.css');
-  eleventyConfig.addPassthroughCopy('docs-src/.nojekyll');
-  eleventyConfig.addPassthroughCopy(
-    'node_modules/@webcomponents/webcomponentsjs'
-  );
-  eleventyConfig.addPassthroughCopy('node_modules/lit/polyfill-support.js');
-  return {
-    dir: {
-      input: 'docs-src',
-      output: 'docs',
-    },
-    templateExtensionAliases: {
-      '11ty.cjs': '11ty.js',
-      '11tydata.cjs': '11tydata.js',
-    },
-  };
-};

package/.vscode/extensions.json

@@ -1,9 +0,0 @@
-{
-  // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
-  // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-
-  // List of extensions which should be recommended for users of this workspace.
-  "recommendations": ["runem.lit-plugin"],
-  // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
-  "unwantedRecommendations": []
-}

package/CHANGELOG.md

@@ -1,98 +0,0 @@
-# @lit/lit-starter-ts
-
-## 2.0.1
-
-### Patch Changes
-
-- [#4451](https://github.com/lit/lit/pull/4451) [`7852e130`](https://github.com/lit/lit/commit/7852e13022c9dcfcff5ed54a215c93420349e318) - Minor security fixes.
-
-## 2.0.0
-
-### Major Changes
-
-- [#4141](https://github.com/lit/lit/pull/4141) [`6b515e43`](https://github.com/lit/lit/commit/6b515e43c3a24cc8a593247d3aa72d81bcc724d5) - Update TypeScript to ~5.2.0
-
-- [#3756](https://github.com/lit/lit/pull/3756) [`f06f7972`](https://github.com/lit/lit/commit/f06f7972a027d2937fe2c68ab5af0274dec57cf4) - Drop IE11 support
-
-### Patch Changes
-
-- [#3814](https://github.com/lit/lit/pull/3814) [`23326c6b`](https://github.com/lit/lit/commit/23326c6b9a6abdf01998dadf5d0f20a643e457aa) - Update to TypeScript v5.0
-
-- Updated dependencies [[`dfd747cf`](https://github.com/lit/lit/commit/dfd747cf4f7239e0c3bb7134f8acb967d0157654), [`6b515e43`](https://github.com/lit/lit/commit/6b515e43c3a24cc8a593247d3aa72d81bcc724d5), [`23c404fd`](https://github.com/lit/lit/commit/23c404fdec0cd7be834221b6ddf9b659c24ca8a2), [`1040f758`](https://github.com/lit/lit/commit/1040f75861b029527538b4ec36b2cfedcc32988a), [`0f6878dc`](https://github.com/lit/lit/commit/0f6878dc45fd95bbeb8750f277349c1392e2b3ad), [`1db01376`](https://github.com/lit/lit/commit/1db0137699b35d7e7bfac9b2ab274af4100fd7cf), [`2a01471a`](https://github.com/lit/lit/commit/2a01471a5f65fe34bad11e1099281811b8d0f79b), [`6f2833fd`](https://github.com/lit/lit/commit/6f2833fd05f2ecde5386f72d291dafc9dbae0cf7), [`c3e473b4`](https://github.com/lit/lit/commit/c3e473b499ff029b5e1aff01ca8799daf1ca1bbe), [`2eba6997`](https://github.com/lit/lit/commit/2eba69974c9e130e7483f44f9daca308345497d5), [`92cedaa2`](https://github.com/lit/lit/commit/92cedaa2c8cd8a306be3fe25d52e0e47bb044020), [`d27a77ec`](https://github.com/lit/lit/commit/d27a77ec3d3999e872df9218a2b07f90f22eb417), [`7e8491d4`](https://github.com/lit/lit/commit/7e8491d4ed9f0c39d974616c4678552ef50b81df), [`6470807f`](https://github.com/lit/lit/commit/6470807f3a0981f9d418cb26f05969912455d148), [`23326c6b`](https://github.com/lit/lit/commit/23326c6b9a6abdf01998dadf5d0f20a643e457aa), [`09949234`](https://github.com/lit/lit/commit/09949234445388d51bfb4ee24ff28a4c9f82fe17), [`f06f7972`](https://github.com/lit/lit/commit/f06f7972a027d2937fe2c68ab5af0274dec57cf4)]:
-  - lit@3.0.0
-
-## 2.0.0-pre.1
-
-### Major Changes
-
-- [#4141](https://github.com/lit/lit/pull/4141) [`6b515e43`](https://github.com/lit/lit/commit/6b515e43c3a24cc8a593247d3aa72d81bcc724d5) - Update TypeScript to ~5.2.0
-
-### Patch Changes
-
-- Updated dependencies [[`6b515e43`](https://github.com/lit/lit/commit/6b515e43c3a24cc8a593247d3aa72d81bcc724d5), [`0f6878dc`](https://github.com/lit/lit/commit/0f6878dc45fd95bbeb8750f277349c1392e2b3ad), [`2a01471a`](https://github.com/lit/lit/commit/2a01471a5f65fe34bad11e1099281811b8d0f79b), [`2eba6997`](https://github.com/lit/lit/commit/2eba69974c9e130e7483f44f9daca308345497d5), [`d27a77ec`](https://github.com/lit/lit/commit/d27a77ec3d3999e872df9218a2b07f90f22eb417), [`6470807f`](https://github.com/lit/lit/commit/6470807f3a0981f9d418cb26f05969912455d148), [`09949234`](https://github.com/lit/lit/commit/09949234445388d51bfb4ee24ff28a4c9f82fe17)]:
-  - lit@3.0.0-pre.1
-
-## 2.0.0-pre.0
-
-### Major Changes
-
-- [#3756](https://github.com/lit/lit/pull/3756) [`f06f7972`](https://github.com/lit/lit/commit/f06f7972a027d2937fe2c68ab5af0274dec57cf4) - Drop IE11 support
-
-### Patch Changes
-
-- [#3814](https://github.com/lit/lit/pull/3814) [`23326c6b`](https://github.com/lit/lit/commit/23326c6b9a6abdf01998dadf5d0f20a643e457aa) - Update to TypeScript v5.0
-
-- Updated dependencies [[`dfd747cf`](https://github.com/lit/lit/commit/dfd747cf4f7239e0c3bb7134f8acb967d0157654), [`23c404fd`](https://github.com/lit/lit/commit/23c404fdec0cd7be834221b6ddf9b659c24ca8a2), [`1db01376`](https://github.com/lit/lit/commit/1db0137699b35d7e7bfac9b2ab274af4100fd7cf), [`c3e473b4`](https://github.com/lit/lit/commit/c3e473b499ff029b5e1aff01ca8799daf1ca1bbe), [`92cedaa2`](https://github.com/lit/lit/commit/92cedaa2c8cd8a306be3fe25d52e0e47bb044020), [`23326c6b`](https://github.com/lit/lit/commit/23326c6b9a6abdf01998dadf5d0f20a643e457aa), [`f06f7972`](https://github.com/lit/lit/commit/f06f7972a027d2937fe2c68ab5af0274dec57cf4)]:
-  - lit@3.0.0-pre.0
-
-## 1.0.6
-
-### Patch Changes
-
-- [#4157](https://github.com/lit/lit/pull/4157) [`da32db2e`](https://github.com/lit/lit/commit/da32db2e67547e0f17b7132065559eba2b1d3513) Thanks [@welingtonms](https://github.com/welingtonms)! - Improve bundling and minification recommendations.
-
-## 1.0.5
-
-### Patch Changes
-
-- [#3561](https://github.com/lit/lit/pull/3561) [`e5c254e9`](https://github.com/lit/lit/commit/e5c254e96cb5d0f770ec616332e231559325c5c5) - Update dependency `@rollup/plugin-replace`
-
-## 1.0.4
-
-### Patch Changes
-
-- [#2922](https://github.com/lit/lit/pull/2922) [`da9db86a`](https://github.com/lit/lit/commit/da9db86a33cba710d439e254df2492f9f6dcbbee) - Update dependencies and remove unused dependencies
-
-## 1.0.3
-
-### Patch Changes
-
-- [#2757](https://github.com/lit/lit/pull/2757) [`55841c14`](https://github.com/lit/lit/commit/55841c14f52891357dd93680d3bc5b1da6c89c8a) - Update Rollup and Rollup plugins
-
-## 1.0.2
-
-### Patch Changes
-
-- [#2535](https://github.com/lit/lit/pull/2535) [`d1359856`](https://github.com/lit/lit/commit/d1359856698d1af381b335fb757f9282574690b0) - Update the README to indicate that issues and PRs should be filed on the main Lit repo.
-
-## 1.0.1
-
-### Patch Changes
-
-- [#2300](https://github.com/lit/lit/pull/2300) [`8b9dcb4d`](https://github.com/lit/lit/commit/8b9dcb4d10e4161083146ae40d0b12174a63d31d) - Fix starter kits so `npm run serve` serves the root directory, and add a link to the `/dev/index.html` component example from `/`.
-
-- Updated dependencies [[`fcc2b3d0`](https://github.com/lit/lit/commit/fcc2b3d0054e69e6f76588ea9f440117b6d0deed), [`49ecf623`](https://github.com/lit/lit/commit/49ecf6239033e9578184d46116e6b89676d091db), [`1d563e83`](https://github.com/lit/lit/commit/1d563e830c02a2d1a22e1e939f1ace971b1d1ae7)]:
-  - lit@2.1.0
-
-## 1.0.0
-
-### Patch Changes
-
-- [#2113](https://github.com/lit/lit/pull/2113) [`5b2f3642`](https://github.com/lit/lit/commit/5b2f3642ff91931b5b01f8bdd2ed98aba24f1047) - Dependency upgrades including TypeScript 4.4.2
-
-- [#2103](https://github.com/lit/lit/pull/2103) [`15a8356d`](https://github.com/lit/lit/commit/15a8356ddd59a1e80880a93acd21fadc9c24e14b) - Added Lit dev mode to test and serve commands, controlled via the MODE=dev or MODE=prod environment variables.
-
-- [#2117](https://github.com/lit/lit/pull/2117) [`eff2fbc7`](https://github.com/lit/lit/commit/eff2fbc7e45cfc2a7b8df21e18c84619dfbcb277) - Updated starter templates to use open-wc analyzer for generating custom-elements.json, and updated basic API docs generater included in the template to the new manifest format.
-
-- Updated dependencies [[`15a8356d`](https://github.com/lit/lit/commit/15a8356ddd59a1e80880a93acd21fadc9c24e14b), [`5fabe2b5`](https://github.com/lit/lit/commit/5fabe2b5ae4ab8fba9dc2d23a69105d32e4c0705), [`5b2f3642`](https://github.com/lit/lit/commit/5b2f3642ff91931b5b01f8bdd2ed98aba24f1047), [`5fabe2b5`](https://github.com/lit/lit/commit/5fabe2b5ae4ab8fba9dc2d23a69105d32e4c0705), [`5fabe2b5`](https://github.com/lit/lit/commit/5fabe2b5ae4ab8fba9dc2d23a69105d32e4c0705), [`0312f3e5`](https://github.com/lit/lit/commit/0312f3e533611eb3f4f9381594485a33ad003b74)]:
-  - lit@2.0.0

package/LICENSE

@@ -1,28 +0,0 @@
-BSD 3-Clause License
-
-Copyright (c) 2019 Google LLC. All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-1. Redistributions of source code must retain the above copyright notice, this
-   list of conditions and the following disclaimer.
-
-2. Redistributions in binary form must reproduce the above copyright notice,
-   this list of conditions and the following disclaimer in the documentation
-   and/or other materials provided with the distribution.
-
-3. Neither the name of the copyright holder nor the names of its
-   contributors may be used to endorse or promote products derived from
-   this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.