@vscode-elements/elements 2.0.0-pre.3 → 2.0.0-pre.4

package/dist/vscode-textfield/vscode-textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-textfield.js","sourceRoot":"","sources":["../../src/vscode-textfield/vscode-textfield.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-textfield.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\ntype InputType =\n  | 'color'\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  | 'file'\n  | 'month'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'time'\n  | 'url'\n  | 'week';\n\n/**\n * A simple inline textfield\n *\n * When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\n * can be applied through the `invalid` property.\n *\n * @tag vscode-textfield\n *\n * @slot content-before - A slot before the editable area but inside of the component. It is used to place icons.\n * @slot content-after - A slot after the editable area but inside of the component. It is used to place icons.\n *\n * @fires {InputEvent} input\n * @fires {Event} change\n *\n * @cssprop [--vscode-settings-textInputBackground=#313131]\n * @cssprop [--vscode-settings-textInputBorder=var(--vscode-settings-textInputBackground, #3c3c3c)]\n * @cssprop [--vscode-settings-textInputForeground=#cccccc]\n * @cssprop [--vscode-settings-textInputBackground=#313131]\n * @cssprop [--vscode-focusBorder=#0078d4]\n * @cssprop [--vscode-font-family=sans-serif] - A sans-serif font type depends on the host OS.\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-inputValidation-errorBorder=#be1100]\n * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]\n * @cssprop [--vscode-input-placeholderForeground=#989898]\n * @cssprop [--vscode-button-background=#0078d4]\n * @cssprop [--vscode-button-foreground=#ffffff]\n * @cssprop [--vscode-button-hoverBackground=#026ec1]\n */\n@customElement('vscode-textfield')\nexport class VscodeTextfield\n  extends VscElement\n  implements AssociatedFormControl\n{\n  static override styles = styles;\n\n  /** @internal */\n  static formAssociated = true;\n\n  /** @internal */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @property()\n  autocomplete: 'on' | 'off' | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  @property({attribute: 'default-value'})\n  defaultValue = '';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  focused = false;\n\n  /**\n   * Set error styles on the component. This is only intended to apply styles when custom error\n   * validation is implemented. To check whether the component is valid, use the checkValidity method.\n   */\n  @property({type: Boolean, reflect: true})\n  invalid = false;\n\n  /**\n   * @internal\n   * Set `aria-label` for the inner input element. Should not be set,\n   * vscode-label will do it automatically.\n   */\n  @property({attribute: false})\n  label = '';\n\n  @property({type: Number})\n  max: number | undefined = undefined;\n\n  @property({type: Number})\n  maxLength: number | undefined = undefined;\n\n  @property({type: Number})\n  min: number | undefined = undefined;\n\n  @property({type: Number})\n  minLength: number | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  multiple = false;\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  /**\n   * Specifies a regular expression the form control's value should match.\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @property()\n  pattern: string | undefined = undefined;\n\n  @property()\n  placeholder: string | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  readonly = false;\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  @property({type: Number})\n  step: number | undefined = undefined;\n\n  /**\n   * Same as the `type` of the native `<input>` element but only a subset of types are supported.\n   * The supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`\n   */\n  @property({reflect: true})\n  set type(val: InputType) {\n    const validTypes: InputType[] = [\n      'color',\n      'date',\n      'datetime-local',\n      'email',\n      'file',\n      'month',\n      'number',\n      'password',\n      'search',\n      'tel',\n      'text',\n      'time',\n      'url',\n      'week',\n    ];\n\n    this._type = (\n      validTypes.includes(val as InputType) ? val : 'text'\n    ) as InputType;\n  }\n  get type(): InputType {\n    return this._type;\n  }\n\n  @property()\n  set value(val: string) {\n    if (this.type !== 'file') {\n      this._value = val;\n      this._internals.setFormValue(val);\n    }\n\n    this.updateComplete.then(() => {\n      this._setValidityFromInput();\n    });\n  }\n  get value(): string {\n    return this._value;\n  }\n\n  /**\n   * Lowercase alias to minLength\n   */\n  set minlength(val: number) {\n    this.minLength = val;\n  }\n\n  get minlength(): number | undefined {\n    return this.minLength;\n  }\n\n  /**\n   * Lowercase alias to maxLength\n   */\n  set maxlength(val: number) {\n    this.maxLength = val;\n  }\n\n  get maxlength(): number | undefined {\n    return this.maxLength;\n  }\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  get validationMessage() {\n    return this._internals.validationMessage;\n  }\n\n  get willValidate() {\n    return this._internals.willValidate;\n  }\n\n  /**\n   * Check the component's validity state when built-in validation is used.\n   * Built-in validation is triggered when any validation-related attribute is set. Validation-related\n   * attributes are: `max, maxlength, min, minlength, pattern, required, step`.\n   * See this [the MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity) for more details.\n   * @returns {boolean}\n   */\n  checkValidity(): boolean {\n    this._setValidityFromInput();\n    return this._internals.checkValidity();\n  }\n\n  reportValidity() {\n    this._setValidityFromInput();\n    return this._internals.reportValidity();\n  }\n\n  get wrappedElement(): HTMLInputElement {\n    return this._inputEl;\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this._inputEl.checkValidity();\n      this._setValidityFromInput();\n      this._internals.setFormValue(this._inputEl.value);\n    });\n  }\n\n  override attributeChangedCallback(\n    name: string,\n    old: string | null,\n    value: string | null\n  ): void {\n    super.attributeChangedCallback(name, old, value);\n\n    const validationRelatedAttributes = [\n      'max',\n      'maxlength',\n      'min',\n      'minlength',\n      'pattern',\n      'required',\n      'step',\n    ];\n\n    if (validationRelatedAttributes.includes(name)) {\n      this.updateComplete.then(() => {\n        this._setValidityFromInput();\n      });\n    }\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.value = this.defaultValue;\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    this.value = state;\n  }\n\n  @query('#input')\n  private _inputEl!: HTMLInputElement;\n\n  @state()\n  private _value = '';\n\n  @state()\n  private _type: InputType = 'text';\n\n  private _internals: ElementInternals;\n\n  private _dataChanged() {\n    this._value = this._inputEl.value;\n\n    if (this.type === 'file' && this._inputEl.files) {\n      for (const f of this._inputEl.files) {\n        this._internals.setFormValue(f);\n      }\n    } else {\n      this._internals.setFormValue(this._inputEl.value);\n    }\n  }\n\n  private _setValidityFromInput() {\n    if (this._inputEl) {\n      this._internals.setValidity(\n        this._inputEl.validity,\n        this._inputEl.validationMessage,\n        this._inputEl\n      );\n    }\n  }\n\n  private _onInput(ev: InputEvent) {\n    this._dataChanged();\n    this._setValidityFromInput();\n\n    // native input event dispatched automatically\n    /** @deprecated */\n    this.dispatchEvent(\n      new CustomEvent('vsc-input', {detail: {data: ev.data, originalEvent: ev}})\n    );\n  }\n\n  private _onChange(ev: Event) {\n    this._dataChanged();\n    this._setValidityFromInput();\n    this.dispatchEvent(new Event('change'));\n    /** @deprecated */\n    this.dispatchEvent(\n      new CustomEvent<{data: string; originalEvent: Event}>('vsc-change', {\n        detail: {data: this.value, originalEvent: ev},\n      })\n    );\n  }\n\n  private _onFocus() {\n    this.focused = true;\n  }\n\n  private _onBlur() {\n    this.focused = false;\n  }\n\n  private _onKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' && this._internals.form) {\n      this._internals.form?.requestSubmit();\n    }\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <slot name=\"content-before\"></slot>\n      <input\n        id=\"input\"\n        type=${this.type}\n        ?autofocus=${this.autofocus}\n        autocomplete=${ifDefined(this.autocomplete)}\n        aria-label=${this.label}\n        ?disabled=${this.disabled}\n        max=${ifDefined(this.max)}\n        maxlength=${ifDefined(this.maxLength)}\n        min=${ifDefined(this.min)}\n        minlength=${ifDefined(this.minLength)}\n        ?multiple=${this.multiple}\n        name=${ifDefined(this.name)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${ifDefined(this.placeholder)}\n        ?readonly=${this.readonly}\n        ?required=${this.required}\n        step=${ifDefined(this.step)}\n        .value=${this._value}\n        @blur=${this._onBlur}\n        @change=${this._onChange}\n        @focus=${this._onFocus}\n        @input=${this._onInput}\n        @keydown=${this._onKeyDown}\n      >\n      <slot name=\"content-after\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-textfield': VscodeTextfield;\n  }\n}\n"]}
+{"version":3,"file":"vscode-textfield.js","sourceRoot":"","sources":["../../src/vscode-textfield/vscode-textfield.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-textfield.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\ntype InputType =\n  | 'color'\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  | 'file'\n  | 'month'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'time'\n  | 'url'\n  | 'week';\n\n/**\n * A simple inline textfield\n *\n * When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\n * can be applied through the `invalid` property.\n *\n * @tag vscode-textfield\n *\n * @slot content-before - A slot before the editable area but inside of the component. It is used to place icons.\n * @slot content-after - A slot after the editable area but inside of the component. It is used to place icons.\n *\n * @fires {InputEvent} input\n * @fires {Event} change\n *\n * @cssprop [--vscode-settings-textInputBackground=#313131]\n * @cssprop [--vscode-settings-textInputBorder=var(--vscode-settings-textInputBackground, #3c3c3c)]\n * @cssprop [--vscode-settings-textInputForeground=#cccccc]\n * @cssprop [--vscode-settings-textInputBackground=#313131]\n * @cssprop [--vscode-focusBorder=#0078d4]\n * @cssprop [--vscode-font-family=sans-serif] - A sans-serif font type depends on the host OS.\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-inputValidation-errorBorder=#be1100]\n * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]\n * @cssprop [--vscode-input-placeholderForeground=#989898]\n * @cssprop [--vscode-button-background=#0078d4]\n * @cssprop [--vscode-button-foreground=#ffffff]\n * @cssprop [--vscode-button-hoverBackground=#026ec1]\n */\n@customElement('vscode-textfield')\nexport class VscodeTextfield\n  extends VscElement\n  implements AssociatedFormControl\n{\n  static override styles = styles;\n\n  /** @internal */\n  static formAssociated = true;\n\n  /** @internal */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @property()\n  autocomplete: 'on' | 'off' | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  @property({attribute: 'default-value'})\n  defaultValue = '';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  focused = false;\n\n  /**\n   * Set error styles on the component. This is only intended to apply styles when custom error\n   * validation is implemented. To check whether the component is valid, use the checkValidity method.\n   */\n  @property({type: Boolean, reflect: true})\n  invalid = false;\n\n  /**\n   * @internal\n   * Set `aria-label` for the inner input element. Should not be set,\n   * vscode-label will do it automatically.\n   */\n  @property({attribute: false})\n  label = '';\n\n  @property({type: Number})\n  max: number | undefined = undefined;\n\n  @property({type: Number})\n  maxLength: number | undefined = undefined;\n\n  @property({type: Number})\n  min: number | undefined = undefined;\n\n  @property({type: Number})\n  minLength: number | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  multiple = false;\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  /**\n   * Specifies a regular expression the form control's value should match.\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @property()\n  pattern: string | undefined = undefined;\n\n  @property()\n  placeholder: string | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  readonly = false;\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  @property({type: Number})\n  step: number | undefined = undefined;\n\n  /**\n   * Same as the `type` of the native `<input>` element but only a subset of types are supported.\n   * The supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`\n   */\n  @property({reflect: true})\n  set type(val: InputType) {\n    const validTypes: InputType[] = [\n      'color',\n      'date',\n      'datetime-local',\n      'email',\n      'file',\n      'month',\n      'number',\n      'password',\n      'search',\n      'tel',\n      'text',\n      'time',\n      'url',\n      'week',\n    ];\n\n    this._type = (\n      validTypes.includes(val as InputType) ? val : 'text'\n    ) as InputType;\n  }\n  get type(): InputType {\n    return this._type;\n  }\n\n  @property()\n  set value(val: string) {\n    if (this.type !== 'file') {\n      this._value = val;\n      this._internals.setFormValue(val);\n    }\n\n    this.updateComplete.then(() => {\n      this._setValidityFromInput();\n    });\n  }\n  get value(): string {\n    return this._value;\n  }\n\n  /**\n   * Lowercase alias to minLength\n   */\n  set minlength(val: number) {\n    this.minLength = val;\n  }\n\n  get minlength(): number | undefined {\n    return this.minLength;\n  }\n\n  /**\n   * Lowercase alias to maxLength\n   */\n  set maxlength(val: number) {\n    this.maxLength = val;\n  }\n\n  get maxlength(): number | undefined {\n    return this.maxLength;\n  }\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  get validationMessage() {\n    return this._internals.validationMessage;\n  }\n\n  get willValidate() {\n    return this._internals.willValidate;\n  }\n\n  /**\n   * Check the component's validity state when built-in validation is used.\n   * Built-in validation is triggered when any validation-related attribute is set. Validation-related\n   * attributes are: `max, maxlength, min, minlength, pattern, required, step`.\n   * See this [the MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity) for more details.\n   * @returns {boolean}\n   */\n  checkValidity(): boolean {\n    this._setValidityFromInput();\n    return this._internals.checkValidity();\n  }\n\n  reportValidity() {\n    this._setValidityFromInput();\n    return this._internals.reportValidity();\n  }\n\n  get wrappedElement(): HTMLInputElement {\n    return this._inputEl;\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this._inputEl.checkValidity();\n      this._setValidityFromInput();\n      this._internals.setFormValue(this._inputEl.value);\n    });\n  }\n\n  override attributeChangedCallback(\n    name: string,\n    old: string | null,\n    value: string | null\n  ): void {\n    super.attributeChangedCallback(name, old, value);\n\n    const validationRelatedAttributes = [\n      'max',\n      'maxlength',\n      'min',\n      'minlength',\n      'pattern',\n      'required',\n      'step',\n    ];\n\n    if (validationRelatedAttributes.includes(name)) {\n      this.updateComplete.then(() => {\n        this._setValidityFromInput();\n      });\n    }\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.value = this.defaultValue;\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    this.value = state;\n  }\n\n  @query('#input')\n  private _inputEl!: HTMLInputElement;\n\n  @state()\n  private _value = '';\n\n  @state()\n  private _type: InputType = 'text';\n\n  private _internals: ElementInternals;\n\n  private _dataChanged() {\n    this._value = this._inputEl.value;\n\n    if (this.type === 'file' && this._inputEl.files) {\n      for (const f of this._inputEl.files) {\n        this._internals.setFormValue(f);\n      }\n    } else {\n      this._internals.setFormValue(this._inputEl.value);\n    }\n  }\n\n  private _setValidityFromInput() {\n    if (this._inputEl) {\n      this._internals.setValidity(\n        this._inputEl.validity,\n        this._inputEl.validationMessage,\n        this._inputEl\n      );\n    }\n  }\n\n  private _onInput() {\n    this._dataChanged();\n    this._setValidityFromInput();\n    // native input event dispatched automatically\n  }\n\n  private _onChange() {\n    this._dataChanged();\n    this._setValidityFromInput();\n    this.dispatchEvent(new Event('change'));\n  }\n\n  private _onFocus() {\n    this.focused = true;\n  }\n\n  private _onBlur() {\n    this.focused = false;\n  }\n\n  private _onKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' && this._internals.form) {\n      this._internals.form?.requestSubmit();\n    }\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"root\">\n        <slot name=\"content-before\"></slot>\n        <input\n          id=\"input\"\n          type=${this.type}\n          ?autofocus=${this.autofocus}\n          autocomplete=${ifDefined(this.autocomplete)}\n          aria-label=${this.label}\n          ?disabled=${this.disabled}\n          max=${ifDefined(this.max)}\n          maxlength=${ifDefined(this.maxLength)}\n          min=${ifDefined(this.min)}\n          minlength=${ifDefined(this.minLength)}\n          ?multiple=${this.multiple}\n          name=${ifDefined(this.name)}\n          pattern=${ifDefined(this.pattern)}\n          placeholder=${ifDefined(this.placeholder)}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          step=${ifDefined(this.step)}\n          .value=${this._value}\n          @blur=${this._onBlur}\n          @change=${this._onChange}\n          @focus=${this._onFocus}\n          @input=${this._onInput}\n          @keydown=${this._onKeyDown}\n        >\n        <slot name=\"content-after\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-textfield': VscodeTextfield;\n  }\n}\n"]}

package/dist/vscode-textfield/vscode-textfield.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-textfield.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-textfield/vscode-textfield.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAY,MAAM,KAAK,CAAC;AAMnD,QAAA,MAAM,MAAM,EAAE,cAsGb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"vscode-textfield.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-textfield/vscode-textfield.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAY,MAAM,KAAK,CAAC;AAMnD,QAAA,MAAM,MAAM,EAAE,cA2Gb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/vscode-textfield/vscode-textfield.styles.js

@@ -6,6 +6,11 @@ const styles = [
     defaultStyles,
     css `
     :host {
+      display: inline-block;
+      width: 320px;
+    }
+
+    .root {
       align-items: center;
       background-color: var(--vscode-settings-textInputBackground, #313131);
       border-color: var(
@@ -17,13 +22,13 @@ const styles = [
       border-width: 1px;
       box-sizing: border-box;
       color: var(--vscode-settings-textInputForeground, #cccccc);
-      display: inline-flex;
+      display: flex;
       max-width: 100%;
       position: relative;
-      width: 320px;
+      width: 100%;
     }
 
-    :host([focused]) {
+    :host([focused]) .root {
       border-color: var(--vscode-focusBorder, #0078d4);
     }
 

package/dist/vscode-textfield/vscode-textfield.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-textfield.styles.js","sourceRoot":"","sources":["../../src/vscode-textfield/vscode-textfield.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAkB,SAAS,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,gBAAgB,GAAG,SAAS,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAuD0C,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAkChB,gBAAgB;;;;;;;;;;GAU5D;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup, unsafeCSS} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport {getDefaultFontStack} from '../includes/helpers.js';\n\nconst defaultFontStack = unsafeCSS(getDefaultFontStack());\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      align-items: center;\n      background-color: var(--vscode-settings-textInputBackground, #313131);\n      border-color: var(\n        --vscode-settings-textInputBorder,\n        var(--vscode-settings-textInputBackground, #3c3c3c)\n      );\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground, #cccccc);\n      display: inline-flex;\n      max-width: 100%;\n      position: relative;\n      width: 320px;\n    }\n\n    :host([focused]) {\n      border-color: var(--vscode-focusBorder, #0078d4);\n    }\n\n    :host([invalid]),\n    :host(:invalid) {\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    :host([invalid]) input,\n    :host(:invalid) input {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n    }\n\n    ::slotted([slot='content-before']) {\n      display: block;\n      margin-left: 2px;\n    }\n\n    ::slotted([slot='content-after']) {\n      display: block;\n      margin-right: 2px;\n    }\n\n    slot[name='content-before'],\n    slot[name='content-after'] {\n      align-items: center;\n      display: flex;\n    }\n\n    input {\n      background-color: var(--vscode-settings-textInputBackground, #313131);\n      border: 0;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground, #cccccc);\n      display: block;\n      font-family: var(--vscode-font-family, ${defaultFontStack});\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, 'normal');\n      line-height: 18px;\n      outline: none;\n      padding-bottom: 3px;\n      padding-left: 4px;\n      padding-right: 4px;\n      padding-top: 3px;\n      width: 100%;\n    }\n\n    input:read-only:not([type='file']) {\n      cursor: not-allowed;\n    }\n\n    input::placeholder {\n      color: var(--vscode-input-placeholderForeground, #989898);\n      opacity: 1;\n    }\n\n    input[type='file'] {\n      line-height: 24px;\n      padding-bottom: 0;\n      padding-left: 2px;\n      padding-top: 0;\n    }\n\n    input[type='file']::file-selector-button {\n      background-color: var(--vscode-button-background, #0078d4);\n      border: 0;\n      border-radius: 2px;\n      color: var(--vscode-button-foreground, #ffffff);\n      cursor: pointer;\n      font-family: var(--vscode-font-family, ${defaultFontStack});\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, 'normal');\n      line-height: 20px;\n      padding: 0 14px;\n    }\n\n    input[type='file']::file-selector-button:hover {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-textfield.styles.js","sourceRoot":"","sources":["../../src/vscode-textfield/vscode-textfield.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAkB,SAAS,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,gBAAgB,GAAG,SAAS,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA4D0C,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAkChB,gBAAgB;;;;;;;;;;GAU5D;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup, unsafeCSS} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport {getDefaultFontStack} from '../includes/helpers.js';\n\nconst defaultFontStack = unsafeCSS(getDefaultFontStack());\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n      width: 320px;\n    }\n\n    .root {\n      align-items: center;\n      background-color: var(--vscode-settings-textInputBackground, #313131);\n      border-color: var(\n        --vscode-settings-textInputBorder,\n        var(--vscode-settings-textInputBackground, #3c3c3c)\n      );\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground, #cccccc);\n      display: flex;\n      max-width: 100%;\n      position: relative;\n      width: 100%;\n    }\n\n    :host([focused]) .root {\n      border-color: var(--vscode-focusBorder, #0078d4);\n    }\n\n    :host([invalid]),\n    :host(:invalid) {\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    :host([invalid]) input,\n    :host(:invalid) input {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n    }\n\n    ::slotted([slot='content-before']) {\n      display: block;\n      margin-left: 2px;\n    }\n\n    ::slotted([slot='content-after']) {\n      display: block;\n      margin-right: 2px;\n    }\n\n    slot[name='content-before'],\n    slot[name='content-after'] {\n      align-items: center;\n      display: flex;\n    }\n\n    input {\n      background-color: var(--vscode-settings-textInputBackground, #313131);\n      border: 0;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground, #cccccc);\n      display: block;\n      font-family: var(--vscode-font-family, ${defaultFontStack});\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, 'normal');\n      line-height: 18px;\n      outline: none;\n      padding-bottom: 3px;\n      padding-left: 4px;\n      padding-right: 4px;\n      padding-top: 3px;\n      width: 100%;\n    }\n\n    input:read-only:not([type='file']) {\n      cursor: not-allowed;\n    }\n\n    input::placeholder {\n      color: var(--vscode-input-placeholderForeground, #989898);\n      opacity: 1;\n    }\n\n    input[type='file'] {\n      line-height: 24px;\n      padding-bottom: 0;\n      padding-left: 2px;\n      padding-top: 0;\n    }\n\n    input[type='file']::file-selector-button {\n      background-color: var(--vscode-button-background, #0078d4);\n      border: 0;\n      border-radius: 2px;\n      color: var(--vscode-button-foreground, #ffffff);\n      cursor: pointer;\n      font-family: var(--vscode-font-family, ${defaultFontStack});\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, 'normal');\n      line-height: 20px;\n      padding: 0 14px;\n    }\n\n    input[type='file']::file-selector-button:hover {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-toolbar-container/vscode-toolbar-container.js

@@ -14,7 +14,7 @@ import styles from './vscode-toolbar-container.styles.js';
  */
 let VscodeToolbarContainer = class VscodeToolbarContainer extends VscElement {
     render() {
-        return html ` <slot></slot> `;
+        return html `<div><slot></slot></div>`;
     }
 };
 VscodeToolbarContainer.styles = styles;

package/dist/vscode-toolbar-container/vscode-toolbar-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-toolbar-container.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;GAIG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAG3C,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAJe,6BAAM,GAAG,MAAM,AAAT,CAAU;AADrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAMlC","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-toolbar-container.styles.js';\n\n/**\n * Simple container to arrange the toolar buttons\n *\n * @tag vscode-toolbar-container\n */\n@customElement('vscode-toolbar-container')\nexport class VscodeToolbarContainer extends VscElement {\n  static override styles = styles;\n\n  override render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-toolbar-container': VscodeToolbarContainer;\n  }\n}\n"]}
+{"version":3,"file":"vscode-toolbar-container.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;GAIG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAG3C,MAAM;QACb,OAAO,IAAI,CAAA,0BAA0B,CAAC;IACxC,CAAC;;AAJe,6BAAM,GAAG,MAAM,AAAT,CAAU;AADrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAMlC","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-toolbar-container.styles.js';\n\n/**\n * Simple container to arrange the toolar buttons\n *\n * @tag vscode-toolbar-container\n */\n@customElement('vscode-toolbar-container')\nexport class VscodeToolbarContainer extends VscElement {\n  static override styles = styles;\n\n  override render(): TemplateResult {\n    return html`<div><slot></slot></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-toolbar-container': VscodeToolbarContainer;\n  }\n}\n"]}

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-toolbar-container.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cASb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"vscode-toolbar-container.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAab,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.js

@@ -4,6 +4,10 @@ const styles = [
     defaultStyles,
     css `
     :host {
+      display: block;
+    }
+
+    div {
       gap: 4px;
       display: flex;
       align-items: center;

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-toolbar-container.styles.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;GAMF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      gap: 4px;\n      display: flex;\n      align-items: center;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-toolbar-container.styles.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;GAUF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    div {\n      gap: 4px;\n      display: flex;\n      align-items: center;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-tree/vscode-tree.d.ts

@@ -20,15 +20,6 @@ export type IndentGuideDisplay = (typeof IndentGuides)[keyof typeof IndentGuides
  */
 export declare class VscodeTree extends VscElement {
     static styles: import("lit").CSSResultGroup;
-    /**
-     * Although arrows are always visible in the Tree component by default in VSCode, some icon sets
-     * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it
-     * possible to mimic that behavior.
-     *
-     * @type {boolean}
-     * @default false
-     */
-    hideArrows: boolean;
     /**
      * Controls how tree folders are expanded when clicked. This property is designed to use
      * the `workbench.tree.expandMode` setting.
@@ -42,15 +33,17 @@ export declare class VscodeTree extends VscElement {
      * ```
      *
      * @type {'singleClick' | 'doubleClick'}
-     * @default 'singleClick'
      */
     expandMode: ExpandMode;
+    /**
+     * Although arrows are always visible in the Tree component by default in VSCode, some icon sets
+     * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it
+     * possible to mimic that behavior.
+     */
+    hideArrows: boolean;
     /**
      * Controls the indentation in pixels. This property is designed to use the
      * `workbench.tree.indent` setting.
-     *
-     * @type {number}
-     * @default 8
      */
     indent: number;
     /**
@@ -66,14 +59,10 @@ export declare class VscodeTree extends VscElement {
      * ```
      *
      * @type {'none' | 'onHover' | 'always'}
-     * @default 'onHover'
      */
     indentGuides: IndentGuideDisplay;
     /**
      * Allows selecting multiple items.
-     *
-     * @type {boolean}
-     * @default false
      */
     multiSelect: boolean;
     private _treeContextState;

package/dist/vscode-tree/vscode-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAOzD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAexD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAAC,aAAa,EAAE,cAAc,EAAE,CAAA;CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AA4BnD;;GAEG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,+BAAU;IAIhC;;;;;;;OAOG;IAEH,UAAU,EAAE,OAAO,CAAuB;IAE1C;;;;;;;;;;;;;;OAcG;IAEH,UAAU,EAAE,UAAU,CAAuB;IAE7C;;;;;;OAMG;IAEH,MAAM,EAAE,MAAM,CAAkB;IAEhC;;;;;;;;;;;;;;OAcG;IAOH,YAAY,EAAE,kBAAkB,CAAgC;IAEhE;;;;;OAKG;IAEH,WAAW,EAAE,OAAO,CAAwB;IAO5C,OAAO,CAAC,iBAAiB,CAiBvB;IAGF,OAAO,CAAC,cAAc,CAMpB;IAGF,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAMf,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY5E;;OAEG;IACH,SAAS;IAUT;;OAEG;IACH,WAAW;IAUX;;;;OAIG;IACH,uBAAuB;IASvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,uBAAuB,CA8B7B;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,iBAAiB,CAevB;IAIO,MAAM,IAAI,cAAc;CAKlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;IAED,UAAU,2BAA2B;QACnC,iBAAiB,EAAE,kBAAkB,CAAC;KACvC;CACF"}
+{"version":3,"file":"vscode-tree.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAgB,UAAU,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAexD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAAC,aAAa,EAAE,cAAc,EAAE,CAAA;CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAuBnD;;GAEG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,+BAAU;IAIhC;;;;;;;;;;;;;OAaG;IAEH,UAAU,EAAE,UAAU,CAAiB;IAEvC;;;;OAIG;IAEH,UAAU,EAAE,OAAO,CAAS;IAE5B;;;OAGG;IAEH,MAAM,EAAE,MAAM,CAAK;IAEnB;;;;;;;;;;;;;OAaG;IAOH,YAAY,EAAE,kBAAkB,CAAa;IAE7C;;OAEG;IAEH,WAAW,EAAE,OAAO,CAAS;IAO7B,OAAO,CAAC,iBAAiB,CAiBvB;IAGF,OAAO,CAAC,cAAc,CAMpB;IAGF,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAMf,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY5E;;OAEG;IACH,SAAS;IAUT;;OAEG;IACH,WAAW;IAUX;;;;OAIG;IACH,uBAAuB;IASvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,uBAAuB,CA8B7B;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,iBAAiB,CAevB;IAIO,MAAM,IAAI,cAAc;CAKlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;IAED,UAAU,2BAA2B;QACnC,iBAAiB,EAAE,kBAAkB,CAAC;KACvC;CACF"}

package/dist/vscode-tree/vscode-tree.js

@@ -6,8 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html } from 'lit';
 import { provide } from '@lit/context';
-import { customElement, property, queryAssignedElements, } from 'lit/decorators.js';
-import { VscElement } from '../includes/VscElement';
+import { property, queryAssignedElements } from 'lit/decorators.js';
+import { customElement, VscElement } from '../includes/VscElement';
 import styles from './vscode-tree.styles';
 import { configContext, treeContext, } from './tree-context';
 import { findNextItem, findPrevItem, findParentItem, initPathTrackerProps, } from './helpers.js';
@@ -30,11 +30,6 @@ const listenedKeys = [
     'Escape',
     'Shift',
 ];
-const DEFAULT_HIDE_ARROWS = false;
-const DEFAULT_INDENT = 8;
-const DEFAULT_MULTI_SELECT = false;
-const DEFAULT_EXPAND_MODE = ExpandMode.singleClick;
-const DEFAULT_INDENT_GUIDE_DISPLAY = IndentGuides.onHover;
 /**
  * @tag vscode-tree
  */
@@ -44,15 +39,6 @@ let VscodeTree = class VscodeTree extends VscElement {
     constructor() {
         super();
         //#region properties
-        /**
-         * Although arrows are always visible in the Tree component by default in VSCode, some icon sets
-         * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it
-         * possible to mimic that behavior.
-         *
-         * @type {boolean}
-         * @default false
-         */
-        this.hideArrows = DEFAULT_HIDE_ARROWS;
         /**
          * Controls how tree folders are expanded when clicked. This property is designed to use
          * the `workbench.tree.expandMode` setting.
@@ -66,17 +52,19 @@ let VscodeTree = class VscodeTree extends VscElement {
          * ```
          *
          * @type {'singleClick' | 'doubleClick'}
-         * @default 'singleClick'
          */
-        this.expandMode = DEFAULT_EXPAND_MODE;
+        this.expandMode = 'singleClick';
+        /**
+         * Although arrows are always visible in the Tree component by default in VSCode, some icon sets
+         * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it
+         * possible to mimic that behavior.
+         */
+        this.hideArrows = false;
         /**
          * Controls the indentation in pixels. This property is designed to use the
          * `workbench.tree.indent` setting.
-         *
-         * @type {number}
-         * @default 8
          */
-        this.indent = DEFAULT_INDENT;
+        this.indent = 8;
         /**
          * Controls whether the tree should render indent guides. This property is
          * designed to use the `workbench.tree.renderIndentGuides` setting.
@@ -90,16 +78,12 @@ let VscodeTree = class VscodeTree extends VscElement {
          * ```
          *
          * @type {'none' | 'onHover' | 'always'}
-         * @default 'onHover'
          */
-        this.indentGuides = DEFAULT_INDENT_GUIDE_DISPLAY;
+        this.indentGuides = 'onHover';
         /**
          * Allows selecting multiple items.
-         *
-         * @type {boolean}
-         * @default false
          */
-        this.multiSelect = DEFAULT_MULTI_SELECT;
+        this.multiSelect = false;
         //#endregion
         //#region private variables
         this._treeContextState = {
@@ -121,11 +105,11 @@ let VscodeTree = class VscodeTree extends VscElement {
             },
         };
         this._configContext = {
-            hideArrows: DEFAULT_HIDE_ARROWS,
-            expandMode: DEFAULT_EXPAND_MODE,
-            indent: DEFAULT_INDENT,
-            indentGuides: DEFAULT_INDENT_GUIDE_DISPLAY,
-            multiSelect: DEFAULT_MULTI_SELECT,
+            hideArrows: this.hideArrows,
+            expandMode: this.expandMode,
+            indent: this.indent,
+            indentGuides: this.indentGuides,
+            multiSelect: this.multiSelect,
         };
         this._handleComponentKeyDown = (ev) => {
             const key = ev.key;
@@ -384,12 +368,12 @@ let VscodeTree = class VscodeTree extends VscElement {
     }
 };
 VscodeTree.styles = styles;
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: 'hide-arrows' })
-], VscodeTree.prototype, "hideArrows", void 0);
 __decorate([
     property({ type: String, attribute: 'expand-mode' })
 ], VscodeTree.prototype, "expandMode", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-arrows' })
+], VscodeTree.prototype, "hideArrows", void 0);
 __decorate([
     property({ type: Number, reflect: true })
 ], VscodeTree.prototype, "indent", void 0);

package/dist/vscode-tree/vscode-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import {PropertyValues, TemplateResult, html} from 'lit';\nimport {provide} from '@lit/context';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement';\nimport type {VscodeTreeItem} from '../vscode-tree-item';\nimport styles from './vscode-tree.styles';\nimport {\n  ConfigContext,\n  configContext,\n  treeContext,\n  type TreeContext,\n} from './tree-context';\nimport {\n  findNextItem,\n  findPrevItem,\n  findParentItem,\n  initPathTrackerProps,\n} from './helpers.js';\n\nexport type VscTreeSelectEvent = CustomEvent<{selectedItems: VscodeTreeItem[]}>;\n\nexport const ExpandMode = {\n  singleClick: 'singleClick',\n  doubleClick: 'doubleClick',\n} as const;\n\nexport type ExpandMode = (typeof ExpandMode)[keyof typeof ExpandMode];\n\nexport const IndentGuides = {\n  none: 'none',\n  onHover: 'onHover',\n  always: 'always',\n} as const;\n\nexport type IndentGuideDisplay =\n  (typeof IndentGuides)[keyof typeof IndentGuides];\n\ntype ListenedKey =\n  | 'ArrowDown'\n  | 'ArrowUp'\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'Enter'\n  | 'Escape'\n  | 'Shift'\n  | ' ';\n\nconst listenedKeys: ListenedKey[] = [\n  ' ',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Shift',\n];\nconst DEFAULT_HIDE_ARROWS = false;\nconst DEFAULT_INDENT = 8;\nconst DEFAULT_MULTI_SELECT = false;\nconst DEFAULT_EXPAND_MODE = ExpandMode.singleClick;\nconst DEFAULT_INDENT_GUIDE_DISPLAY = IndentGuides.onHover;\n\n/**\n * @tag vscode-tree\n */\n@customElement('vscode-tree')\nexport class VscodeTree extends VscElement {\n  static override styles = styles;\n\n  //#region properties\n\n  /**\n   * Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n   * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\n   * possible to mimic that behavior.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @property({type: Boolean, reflect: true, attribute: 'hide-arrows'})\n  hideArrows: boolean = DEFAULT_HIDE_ARROWS;\n\n  /**\n   * Controls how tree folders are expanded when clicked. This property is designed to use\n   * the `workbench.tree.expandMode` setting.\n   *\n   * Valid options are available as constants.\n   *\n   * ```javascript\n   * import {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n   *\n   * document.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n   * ```\n   *\n   * @type {'singleClick' | 'doubleClick'}\n   * @default 'singleClick'\n   */\n  @property({type: String, attribute: 'expand-mode'})\n  expandMode: ExpandMode = DEFAULT_EXPAND_MODE;\n\n  /**\n   * Controls the indentation in pixels. This property is designed to use the\n   * `workbench.tree.indent` setting.\n   *\n   * @type {number}\n   * @default 8\n   */\n  @property({type: Number, reflect: true})\n  indent: number = DEFAULT_INDENT;\n\n  /**\n   * Controls whether the tree should render indent guides. This property is\n   * designed to use the `workbench.tree.renderIndentGuides` setting.\n   *\n   * Valid options are available as constants.\n   *\n   * ```javascript\n   * import {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n   *\n   * document.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n   * ```\n   *\n   * @type {'none' | 'onHover' | 'always'}\n   * @default 'onHover'\n   */\n  @property({\n    type: String,\n    attribute: 'indent-guides',\n    useDefault: true,\n    reflect: true,\n  })\n  indentGuides: IndentGuideDisplay = DEFAULT_INDENT_GUIDE_DISPLAY;\n\n  /**\n   * Allows selecting multiple items.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @property({type: Boolean, reflect: true, attribute: 'multi-select'})\n  multiSelect: boolean = DEFAULT_MULTI_SELECT;\n\n  //#endregion\n\n  //#region private variables\n\n  @provide({context: treeContext})\n  private _treeContextState: TreeContext = {\n    isShiftPressed: false,\n    activeItem: null,\n    selectedItems: new Set(),\n    allItems: null,\n    itemListUpToDate: false,\n    focusedItem: null,\n    prevFocusedItem: null,\n    hasBranchItem: false,\n    rootElement: this,\n    highlightedItems: new Set(),\n    highlightIndentGuides: () => {\n      this._highlightIndentGuides();\n    },\n    emitSelectEvent: () => {\n      this._emitSelectEvent();\n    },\n  };\n\n  @provide({context: configContext})\n  private _configContext: ConfigContext = {\n    hideArrows: DEFAULT_HIDE_ARROWS,\n    expandMode: DEFAULT_EXPAND_MODE,\n    indent: DEFAULT_INDENT,\n    indentGuides: DEFAULT_INDENT_GUIDE_DISPLAY,\n    multiSelect: DEFAULT_MULTI_SELECT,\n  };\n\n  @queryAssignedElements({selector: 'vscode-tree-item'})\n  private _assignedTreeItems!: VscodeTreeItem[];\n\n  //#endregion\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n\n    this.addEventListener('keyup', this._handleComponentKeyUp);\n    this.addEventListener('keydown', this._handleComponentKeyDown);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.role = 'tree';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    this._updateConfigContext(changedProperties);\n\n    if (changedProperties.has('multiSelect')) {\n      this.ariaMultiSelectable = this.multiSelect ? 'true' : 'false';\n    }\n  }\n\n  //#endregion\n\n  //#region public methods\n\n  /**\n   * Expands all folders.\n   */\n  expandAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = true;\n      }\n    });\n  }\n\n  /**\n   * Collapses all folders.\n   */\n  collapseAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = false;\n      }\n    });\n  }\n\n  /**\n   * @internal\n   * Updates `hasBranchItem` property in the context state in order to removing\n   * extra padding before the leaf elements, if it is required.\n   */\n  updateHasBranchItemFlag() {\n    const hasBranchItem = this._assignedTreeItems.some((li) => li.branch);\n    this._treeContextState = {...this._treeContextState, hasBranchItem};\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _emitSelectEvent() {\n    const ev = new CustomEvent('vsc-tree-select', {\n      detail: Array.from(this._treeContextState.selectedItems),\n    });\n\n    this.dispatchEvent(ev);\n  }\n\n  private _highlightIndentGuideOfItem(item: VscodeTreeItem) {\n    if (item.branch && item.open) {\n      item.highlightedGuides = true;\n      this._treeContextState.highlightedItems?.add(item);\n    } else {\n      const parent = findParentItem(item);\n\n      if (parent) {\n        parent.highlightedGuides = true;\n        this._treeContextState.highlightedItems?.add(parent);\n      }\n    }\n  }\n\n  private _highlightIndentGuides() {\n    if (this.indentGuides === IndentGuides.none) {\n      return;\n    }\n\n    this._treeContextState.highlightedItems?.forEach(\n      (i) => (i.highlightedGuides = false)\n    );\n    this._treeContextState.highlightedItems?.clear();\n\n    if (this._treeContextState.activeItem) {\n      this._highlightIndentGuideOfItem(this._treeContextState.activeItem);\n    }\n\n    this._treeContextState.selectedItems.forEach((item) => {\n      this._highlightIndentGuideOfItem(item);\n    });\n  }\n\n  private _updateConfigContext(changedProperties: PropertyValues) {\n    const {hideArrows, expandMode, indent, indentGuides, multiSelect} = this;\n\n    if (changedProperties.has('hideArrows')) {\n      this._configContext = {...this._configContext, hideArrows};\n    }\n\n    if (changedProperties.has('expandMode')) {\n      this._configContext = {...this._configContext, expandMode};\n    }\n\n    if (changedProperties.has('indent')) {\n      this._configContext = {...this._configContext, indent};\n    }\n\n    if (changedProperties.has('indentGuides')) {\n      this._configContext = {...this._configContext, indentGuides};\n    }\n\n    if (changedProperties.has('multiSelect')) {\n      this._configContext = {...this._configContext, multiSelect};\n    }\n  }\n\n  private _focusItem(item: VscodeTreeItem) {\n    item.active = true;\n\n    item.updateComplete.then(() => {\n      item.focus();\n      this._highlightIndentGuides();\n    });\n  }\n\n  private _focusPrevItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findPrevItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  private _focusNextItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findNextItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  //#endregion\n\n  //#region event handlers\n\n  private _handleArrowRightPress() {\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem.branch) {\n      if (focusedItem.open) {\n        this._focusNextItem();\n      } else {\n        focusedItem.open = true;\n      }\n    }\n  }\n\n  private _handleArrowLeftPress(ev: KeyboardEvent) {\n    if (ev.ctrlKey) {\n      this.collapseAll();\n      return;\n    }\n\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n    const parent = findParentItem(focusedItem);\n\n    if (!focusedItem.branch) {\n      if (parent && parent.branch) {\n        this._focusItem(parent);\n      }\n    } else {\n      if (focusedItem.open) {\n        focusedItem.open = false;\n      } else {\n        if (parent && parent.branch) {\n          this._focusItem(parent);\n        }\n      }\n    }\n  }\n\n  private _handleArrowDownPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusNextItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleArrowUpPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusPrevItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleEnterPress() {\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem) {\n      this._treeContextState.selectedItems.forEach(\n        (li) => (li.selected = false)\n      );\n      this._treeContextState.selectedItems.clear();\n      this._highlightIndentGuides();\n\n      focusedItem.selected = true;\n      this._emitSelectEvent();\n\n      if (focusedItem.branch) {\n        focusedItem.open = !focusedItem.open;\n      }\n    }\n  }\n\n  private _handleShiftPress() {\n    this._treeContextState.isShiftPressed = true;\n  }\n\n  private _handleComponentKeyDown = (ev: KeyboardEvent) => {\n    const key = ev.key as ListenedKey;\n\n    if (listenedKeys.includes(key)) {\n      ev.stopPropagation();\n      ev.preventDefault();\n    }\n\n    switch (key) {\n      case ' ':\n      case 'Enter':\n        this._handleEnterPress();\n        break;\n      case 'ArrowDown':\n        this._handleArrowDownPress();\n        break;\n      case 'ArrowLeft':\n        this._handleArrowLeftPress(ev);\n        break;\n      case 'ArrowRight':\n        this._handleArrowRightPress();\n        break;\n      case 'ArrowUp':\n        this._handleArrowUpPress();\n        break;\n      case 'Shift':\n        this._handleShiftPress();\n        break;\n      default:\n    }\n  };\n\n  private _handleComponentKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Shift') {\n      this._treeContextState.isShiftPressed = false;\n    }\n  };\n\n  private _handleSlotChange = () => {\n    this._treeContextState.itemListUpToDate = false;\n    initPathTrackerProps(this, this._assignedTreeItems);\n\n    this.updateComplete.then(() => {\n      if (this._treeContextState.activeItem === null) {\n        const firstChild = this.querySelector<VscodeTreeItem>(\n          ':scope > vscode-tree-item'\n        );\n\n        if (firstChild) {\n          firstChild.active = true;\n        }\n      }\n    });\n  };\n\n  //#endregion\n\n  override render(): TemplateResult {\n    return html`<div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tree': VscodeTree;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-tree-select': VscTreeSelectEvent;\n  }\n}\n"]}
+{"version":3,"file":"vscode-tree.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import {PropertyValues, TemplateResult, html} from 'lit';\nimport {provide} from '@lit/context';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement';\nimport type {VscodeTreeItem} from '../vscode-tree-item';\nimport styles from './vscode-tree.styles';\nimport {\n  ConfigContext,\n  configContext,\n  treeContext,\n  type TreeContext,\n} from './tree-context';\nimport {\n  findNextItem,\n  findPrevItem,\n  findParentItem,\n  initPathTrackerProps,\n} from './helpers.js';\n\nexport type VscTreeSelectEvent = CustomEvent<{selectedItems: VscodeTreeItem[]}>;\n\nexport const ExpandMode = {\n  singleClick: 'singleClick',\n  doubleClick: 'doubleClick',\n} as const;\n\nexport type ExpandMode = (typeof ExpandMode)[keyof typeof ExpandMode];\n\nexport const IndentGuides = {\n  none: 'none',\n  onHover: 'onHover',\n  always: 'always',\n} as const;\n\nexport type IndentGuideDisplay =\n  (typeof IndentGuides)[keyof typeof IndentGuides];\n\ntype ListenedKey =\n  | 'ArrowDown'\n  | 'ArrowUp'\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'Enter'\n  | 'Escape'\n  | 'Shift'\n  | ' ';\n\nconst listenedKeys: ListenedKey[] = [\n  ' ',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Shift',\n];\n\n/**\n * @tag vscode-tree\n */\n@customElement('vscode-tree')\nexport class VscodeTree extends VscElement {\n  static override styles = styles;\n\n  //#region properties\n\n  /**\n   * Controls how tree folders are expanded when clicked. This property is designed to use\n   * the `workbench.tree.expandMode` setting.\n   *\n   * Valid options are available as constants.\n   *\n   * ```javascript\n   * import {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n   *\n   * document.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n   * ```\n   *\n   * @type {'singleClick' | 'doubleClick'}\n   */\n  @property({type: String, attribute: 'expand-mode'})\n  expandMode: ExpandMode = 'singleClick';\n\n  /**\n   * Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n   * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\n   * possible to mimic that behavior.\n   */\n  @property({type: Boolean, reflect: true, attribute: 'hide-arrows'})\n  hideArrows: boolean = false;\n\n  /**\n   * Controls the indentation in pixels. This property is designed to use the\n   * `workbench.tree.indent` setting.\n   */\n  @property({type: Number, reflect: true})\n  indent: number = 8;\n\n  /**\n   * Controls whether the tree should render indent guides. This property is\n   * designed to use the `workbench.tree.renderIndentGuides` setting.\n   *\n   * Valid options are available as constants.\n   *\n   * ```javascript\n   * import {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n   *\n   * document.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n   * ```\n   *\n   * @type {'none' | 'onHover' | 'always'}\n   */\n  @property({\n    type: String,\n    attribute: 'indent-guides',\n    useDefault: true,\n    reflect: true,\n  })\n  indentGuides: IndentGuideDisplay = 'onHover';\n\n  /**\n   * Allows selecting multiple items.\n   */\n  @property({type: Boolean, reflect: true, attribute: 'multi-select'})\n  multiSelect: boolean = false;\n\n  //#endregion\n\n  //#region private variables\n\n  @provide({context: treeContext})\n  private _treeContextState: TreeContext = {\n    isShiftPressed: false,\n    activeItem: null,\n    selectedItems: new Set(),\n    allItems: null,\n    itemListUpToDate: false,\n    focusedItem: null,\n    prevFocusedItem: null,\n    hasBranchItem: false,\n    rootElement: this,\n    highlightedItems: new Set(),\n    highlightIndentGuides: () => {\n      this._highlightIndentGuides();\n    },\n    emitSelectEvent: () => {\n      this._emitSelectEvent();\n    },\n  };\n\n  @provide({context: configContext})\n  private _configContext: ConfigContext = {\n    hideArrows: this.hideArrows,\n    expandMode: this.expandMode,\n    indent: this.indent,\n    indentGuides: this.indentGuides,\n    multiSelect: this.multiSelect,\n  };\n\n  @queryAssignedElements({selector: 'vscode-tree-item'})\n  private _assignedTreeItems!: VscodeTreeItem[];\n\n  //#endregion\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n\n    this.addEventListener('keyup', this._handleComponentKeyUp);\n    this.addEventListener('keydown', this._handleComponentKeyDown);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.role = 'tree';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    this._updateConfigContext(changedProperties);\n\n    if (changedProperties.has('multiSelect')) {\n      this.ariaMultiSelectable = this.multiSelect ? 'true' : 'false';\n    }\n  }\n\n  //#endregion\n\n  //#region public methods\n\n  /**\n   * Expands all folders.\n   */\n  expandAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = true;\n      }\n    });\n  }\n\n  /**\n   * Collapses all folders.\n   */\n  collapseAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = false;\n      }\n    });\n  }\n\n  /**\n   * @internal\n   * Updates `hasBranchItem` property in the context state in order to removing\n   * extra padding before the leaf elements, if it is required.\n   */\n  updateHasBranchItemFlag() {\n    const hasBranchItem = this._assignedTreeItems.some((li) => li.branch);\n    this._treeContextState = {...this._treeContextState, hasBranchItem};\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _emitSelectEvent() {\n    const ev = new CustomEvent('vsc-tree-select', {\n      detail: Array.from(this._treeContextState.selectedItems),\n    });\n\n    this.dispatchEvent(ev);\n  }\n\n  private _highlightIndentGuideOfItem(item: VscodeTreeItem) {\n    if (item.branch && item.open) {\n      item.highlightedGuides = true;\n      this._treeContextState.highlightedItems?.add(item);\n    } else {\n      const parent = findParentItem(item);\n\n      if (parent) {\n        parent.highlightedGuides = true;\n        this._treeContextState.highlightedItems?.add(parent);\n      }\n    }\n  }\n\n  private _highlightIndentGuides() {\n    if (this.indentGuides === IndentGuides.none) {\n      return;\n    }\n\n    this._treeContextState.highlightedItems?.forEach(\n      (i) => (i.highlightedGuides = false)\n    );\n    this._treeContextState.highlightedItems?.clear();\n\n    if (this._treeContextState.activeItem) {\n      this._highlightIndentGuideOfItem(this._treeContextState.activeItem);\n    }\n\n    this._treeContextState.selectedItems.forEach((item) => {\n      this._highlightIndentGuideOfItem(item);\n    });\n  }\n\n  private _updateConfigContext(changedProperties: PropertyValues) {\n    const {hideArrows, expandMode, indent, indentGuides, multiSelect} = this;\n\n    if (changedProperties.has('hideArrows')) {\n      this._configContext = {...this._configContext, hideArrows};\n    }\n\n    if (changedProperties.has('expandMode')) {\n      this._configContext = {...this._configContext, expandMode};\n    }\n\n    if (changedProperties.has('indent')) {\n      this._configContext = {...this._configContext, indent};\n    }\n\n    if (changedProperties.has('indentGuides')) {\n      this._configContext = {...this._configContext, indentGuides};\n    }\n\n    if (changedProperties.has('multiSelect')) {\n      this._configContext = {...this._configContext, multiSelect};\n    }\n  }\n\n  private _focusItem(item: VscodeTreeItem) {\n    item.active = true;\n\n    item.updateComplete.then(() => {\n      item.focus();\n      this._highlightIndentGuides();\n    });\n  }\n\n  private _focusPrevItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findPrevItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  private _focusNextItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findNextItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  //#endregion\n\n  //#region event handlers\n\n  private _handleArrowRightPress() {\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem.branch) {\n      if (focusedItem.open) {\n        this._focusNextItem();\n      } else {\n        focusedItem.open = true;\n      }\n    }\n  }\n\n  private _handleArrowLeftPress(ev: KeyboardEvent) {\n    if (ev.ctrlKey) {\n      this.collapseAll();\n      return;\n    }\n\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n    const parent = findParentItem(focusedItem);\n\n    if (!focusedItem.branch) {\n      if (parent && parent.branch) {\n        this._focusItem(parent);\n      }\n    } else {\n      if (focusedItem.open) {\n        focusedItem.open = false;\n      } else {\n        if (parent && parent.branch) {\n          this._focusItem(parent);\n        }\n      }\n    }\n  }\n\n  private _handleArrowDownPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusNextItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleArrowUpPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusPrevItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleEnterPress() {\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem) {\n      this._treeContextState.selectedItems.forEach(\n        (li) => (li.selected = false)\n      );\n      this._treeContextState.selectedItems.clear();\n      this._highlightIndentGuides();\n\n      focusedItem.selected = true;\n      this._emitSelectEvent();\n\n      if (focusedItem.branch) {\n        focusedItem.open = !focusedItem.open;\n      }\n    }\n  }\n\n  private _handleShiftPress() {\n    this._treeContextState.isShiftPressed = true;\n  }\n\n  private _handleComponentKeyDown = (ev: KeyboardEvent) => {\n    const key = ev.key as ListenedKey;\n\n    if (listenedKeys.includes(key)) {\n      ev.stopPropagation();\n      ev.preventDefault();\n    }\n\n    switch (key) {\n      case ' ':\n      case 'Enter':\n        this._handleEnterPress();\n        break;\n      case 'ArrowDown':\n        this._handleArrowDownPress();\n        break;\n      case 'ArrowLeft':\n        this._handleArrowLeftPress(ev);\n        break;\n      case 'ArrowRight':\n        this._handleArrowRightPress();\n        break;\n      case 'ArrowUp':\n        this._handleArrowUpPress();\n        break;\n      case 'Shift':\n        this._handleShiftPress();\n        break;\n      default:\n    }\n  };\n\n  private _handleComponentKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Shift') {\n      this._treeContextState.isShiftPressed = false;\n    }\n  };\n\n  private _handleSlotChange = () => {\n    this._treeContextState.itemListUpToDate = false;\n    initPathTrackerProps(this, this._assignedTreeItems);\n\n    this.updateComplete.then(() => {\n      if (this._treeContextState.activeItem === null) {\n        const firstChild = this.querySelector<VscodeTreeItem>(\n          ':scope > vscode-tree-item'\n        );\n\n        if (firstChild) {\n          firstChild.active = true;\n        }\n      }\n    });\n  };\n\n  //#endregion\n\n  override render(): TemplateResult {\n    return html`<div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tree': VscodeTree;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-tree-select': VscTreeSelectEvent;\n  }\n}\n"]}

package/dist/vscode-tree-item/vscode-tree-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree-item.d.ts","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AASlE,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAwClD,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,+BAAU;IAKhC,MAAM,UAAS;IAGf,MAAM,UAAS;IAGf,aAAa,UAAS;IAGtB,eAAe,UAAS;IAExB,gBAAgB;IAEhB,iBAAiB,UAAS;IAG1B,IAAI,UAAS;IAGb,KAAK,SAAK;IAEV,IACI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAI7B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAEzB;IACD,IAAI,IAAI,IAAI,MAAM,EAAE,CAEnB;IAMD,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAGrC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,oBAAoB,CAAS;IAGrC,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,iBAAiB,CAUvB;IAGF,OAAO,CAAC,cAAc,CAAiB;IAGvC,OAAO,CAAC,2BAA2B,CAAoB;IAGvD,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAOf,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IActE,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,6BAA6B;IAWrC,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,YAAY;IAmCpB,OAAO,CAAC,oCAAoC;IAwB5C,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,qBAAqB;IAoBpB,MAAM,IAAI,cAAc;CAyFlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"vscode-tree-item.d.ts","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAIlE,OAAO,EAAgB,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAwCjE,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,+BAAU;IAKhC,MAAM,UAAS;IAGf,MAAM,UAAS;IAGf,aAAa,UAAS;IAGtB,eAAe,UAAS;IAExB,gBAAgB;IAEhB,iBAAiB,UAAS;IAG1B,IAAI,UAAS;IAGb,KAAK,SAAK;IAEV,IACI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAI7B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAEzB;IACD,IAAI,IAAI,IAAI,MAAM,EAAE,CAEnB;IAMD,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAGrC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,oBAAoB,CAAS;IAGrC,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,iBAAiB,CAUvB;IAGF,OAAO,CAAC,cAAc,CAAiB;IAGvC,OAAO,CAAC,2BAA2B,CAAoB;IAGvD,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAOf,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IActE,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,6BAA6B;IAWrC,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,YAAY;IAmCpB,OAAO,CAAC,oCAAoC;IAwB5C,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,qBAAqB;IAoBpB,MAAM,IAAI,cAAc;CAyFlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/vscode-tree-item/vscode-tree-item.js

@@ -6,9 +6,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from 'lit';
 import { consume } from '@lit/context';
-import { customElement, property, queryAssignedElements, state, } from 'lit/decorators.js';
+import { property, queryAssignedElements, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { VscElement } from '../includes/VscElement';
+import { customElement, VscElement } from '../includes/VscElement';
 import { stylePropertyMap } from '../includes/style-property-map';
 import { configContext, treeContext, } from '../vscode-tree/tree-context';
 import { initPathTrackerProps } from '../vscode-tree/helpers.js';