@six-group/ui-library 0.0.0-insider.d16ec8e → 0.0.0-insider.d833923

package/dist/ui-library/p-3d4a2e03.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixTextareaCss","id","SixTextarea","this","inputId","labelId","helpTextId","errorTextId","customErrorText","customValidation","eventListeners","EventListeners","defaultValue","handleChange","nativeTextarea","value","sixChange","emit","handleInput","setTextareaHeight","sixInput","handleBlur","hasFocus","sixBlur","handleFocus","sixFocus","handleSlotChange","hasLabelSlot","hasSlot","host","hasHelpTextSlot","hasErrorTextSlot","handleLabelChange","handleRowsChange","handleValueChange","getValue","invalid","checkValidity","connectedCallback","_a","shadowRoot","addEventListener","componentWillLoad","componentDidLoad","resizeObserver","ResizeObserver","observe","add","event","errorText","validationMessage","preventDefault","disconnectedCallback","unobserve","_b","removeEventListener","removeAll","async","options","focus","blur","select","selectionStart","selectionEnd","selectionDirection","setSelectionRange","replacement","start","end","selectMode","setRangeText","reportValidity","validity","valid","message","setCustomValidity","resize","style","height","scrollHeight","displayError","errorOnBlur","toString","render","h","FormControl","label","helpText","size","disabled","required","part","class","textarea","length","ref","el","name","placeholder","readOnly","readonly","rows","minLength","minlength","maxLength","maxlength","autoCapitalize","autocapitalize","autoCorrect","autocorrect","autoFocus","autofocus","spellcheck","inputMode","inputmode","onChange","onInput","onFocus","onBlur"],"sources":["./src/components/six-textarea/six-textarea.scss?tag=six-textarea&encapsulation=shadow","./src/components/six-textarea/six-textarea.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: block;\n}\n\n.textarea {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-input-font-weight);\n  line-height: var(--six-line-height-normal);\n  letter-spacing: var(--six-input-letter-spacing);\n  background-color: var(--six-input-background-color);\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  vertical-align: middle;\n  transition: var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;\n  cursor: text;\n\n  &:hover:not(.textarea--disabled) {\n    background-color: var(--six-input-background-color-hover);\n    border-color: var(--six-input-border-color-hover);\n\n    .textarea__control {\n      color: var(--six-input-color-hover);\n    }\n  }\n\n  &.textarea--focused:not(.textarea--disabled) {\n    background-color: var(--six-input-background-color-focus);\n    box-shadow: var(--six-input-focus-shadow);\n    border-color: var(--six-input-border-color-focus);\n    color: var(--six-input-color-focus);\n\n    .textarea__control {\n      color: var(--six-input-color-focus);\n    }\n  }\n\n  &.textarea--disabled {\n    background-color: var(--six-input-background-color-disabled);\n    border-color: var(--six-input-border-color-disabled);\n    cursor: not-allowed;\n\n    .textarea__control {\n      color: var(--six-input-color-disabled);\n\n      &::placeholder {\n        color: var(--six-input-placeholder-color-disabled);\n      }\n    }\n  }\n}\n\n.textarea__control {\n  flex: 1 1 auto;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: 1.4;\n  color: var(--sl-input-color);\n  border: none;\n  background: none;\n  box-shadow: none;\n  cursor: inherit;\n  -webkit-appearance: none;\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &::placeholder {\n    color: var(--six-input-placeholder-color);\n    user-select: none;\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.textarea--invalid:not(.textarea--disabled):not(.textarea--focused) {\n  border-color: var(--six-input-border-color-danger);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.textarea--small {\n  border-radius: var(--six-input-border-radius-small);\n  font-size: var(--six-input-font-size-small);\n\n  .textarea__control {\n    padding: 0.5em var(--six-input-spacing-small);\n  }\n}\n\n.textarea--medium {\n  border-radius: var(--six-input-border-radius-medium);\n  font-size: var(--six-input-font-size-medium);\n\n  .textarea__control {\n    padding: 0.5em var(--six-input-spacing-medium);\n  }\n}\n\n.textarea--large {\n  border-radius: var(--six-input-border-radius-large);\n  font-size: var(--six-input-font-size-large);\n\n  .textarea__control {\n    padding: 0.5em var(--six-input-spacing-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Resize types\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.textarea--resize-none .textarea__control {\n  resize: none;\n}\n\n.textarea--resize-vertical .textarea__control {\n  resize: vertical;\n}\n\n.textarea--resize-auto .textarea__control {\n  height: auto;\n  resize: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot label - The textarea's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, textarea, and help text.\n * @part label - The textarea label.\n * @part textarea - The textarea control.\n * @part help-text - The textarea help text.\n */\n@Component({\n  tag: 'six-textarea',\n  styleUrl: 'six-textarea.scss',\n  shadow: true,\n})\nexport class SixTextarea {\n  private inputId = `textarea-${++id}`;\n  private labelId = `textarea-label-${id}`;\n  private helpTextId = `textarea-help-text-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n  private nativeTextarea?: HTMLTextAreaElement;\n  private customErrorText = '';\n  private customValidation = false;\n  private eventListeners = new EventListeners();\n  private resizeObserver?: ResizeObserver;\n\n  @Element() host!: HTMLSixTextareaElement;\n\n  @State() hasFocus = false;\n  @State() hasHelpTextSlot = false;\n  @State() hasErrorTextSlot = false;\n  @State() hasLabelSlot = false;\n\n  /** The textarea's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The textarea's name attribute. */\n  @Prop({ reflect: true }) name = '';\n\n  /** The textarea's value attribute. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** The textarea's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The textarea's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** The textarea's error text. Alternatively, you can use the error-text slot. */\n  @Prop() errorText = '';\n\n  /** The textarea's placeholder text. */\n  @Prop() placeholder?: string;\n\n  /** The number of rows to display by default. */\n  @Prop() rows = 4;\n\n  /** Controls how the textarea can be resized. */\n  @Prop() resize: 'none' | 'vertical' | 'auto' = 'vertical';\n\n  /** Set to true to disable the textarea. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true for a readonly textarea. */\n  @Prop({ reflect: true }) readonly = false;\n\n  /** The minimum length of input that will be considered valid. */\n  @Prop({ reflect: true }) minlength?: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @Prop({ reflect: true }) maxlength?: number;\n\n  /** The textarea's required attribute. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * This will be true when the control is in an invalid state. Validity is determined by props such as `required`,\n   * `minlength`, and `maxlength` using the browser's constraint validation API.\n   */\n  @Prop({ mutable: true, reflect: true }) invalid = false;\n\n  /** The textarea's autocaptialize attribute. */\n  @Prop() autocapitalize = 'off';\n\n  /** The textarea's autocorrect attribute. */\n  @Prop() autocorrect: 'on' | 'off' = 'off';\n\n  /** The textarea's autocomplete attribute. */\n  @Prop() autocomplete = 'off';\n\n  /** The textarea's autofocus attribute. */\n  @Prop() autofocus = false;\n\n  /** The textarea's spellcheck attribute. */\n  @Prop() spellcheck = false;\n\n  /** The textarea's inputmode attribute. */\n  @Prop() inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /** Set to display the error text on blur and not when typing */\n  @Prop() errorOnBlur = false;\n\n  /** Emitted when the control's value changes. Access the new value via event.target.value. */\n  @Event({ eventName: 'six-textarea-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control receives input. Access the new value via event.target.value. */\n  @Event({ eventName: 'six-textarea-input' }) sixInput!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-textarea-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control loses focus. Access the new value via event.target.value. */\n  @Event({ eventName: 'six-textarea-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  @Watch('helpText')\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  @Watch('rows')\n  handleRowsChange() {\n    if (this.nativeTextarea != null) {\n      this.setTextareaHeight(this.nativeTextarea);\n    }\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.value = this.getValue();\n    if (this.nativeTextarea != null) {\n      if (this.nativeTextarea.value !== this.value) {\n        this.nativeTextarea.value = this.value;\n      }\n      this.invalid = !this.nativeTextarea.checkValidity();\n    }\n  }\n\n  /** default value the textarea will be reverted to when reset is executed */\n  private defaultValue = '';\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.defaultValue = this.value || '';\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    const nativeTextarea = this.nativeTextarea;\n    if (nativeTextarea == null) {\n      return;\n    }\n    this.setTextareaHeight(nativeTextarea);\n    this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight(nativeTextarea));\n    this.resizeObserver.observe(nativeTextarea);\n    this.eventListeners.add(nativeTextarea, 'invalid', (event) => {\n      this.invalid = true;\n      if (this.customValidation || (!this.hasErrorTextSlot && this.errorText === '' && this.customErrorText === '')) {\n        this.customErrorText = nativeTextarea.validationMessage;\n      }\n      event.preventDefault();\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.nativeTextarea != null) {\n      this.resizeObserver?.unobserve(this.nativeTextarea);\n    }\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  /** Sets focus on the textarea. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeTextarea?.focus(options);\n  }\n\n  /** Removes focus fromt the textarea. */\n  @Method()\n  async removeFocus() {\n    this.nativeTextarea?.blur();\n  }\n\n  /** Selects all the text in the input. */\n  @Method()\n  async select() {\n    return this.nativeTextarea?.select();\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  @Method()\n  async setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    return this.nativeTextarea?.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n\n  /** Replaces a range of text with a new string. */\n  @Method()\n  async setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n  ) {\n    if (this.nativeTextarea == null) {\n      return;\n    }\n    this.nativeTextarea.setRangeText(replacement, start, end, selectMode);\n    if (this.getValue() !== this.nativeTextarea.value) {\n      this.value = this.nativeTextarea.value;\n      this.setTextareaHeight(this.nativeTextarea);\n      this.sixChange.emit();\n      this.sixInput.emit();\n    }\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  @Method()\n  async reportValidity() {\n    return this.nativeTextarea?.reportValidity();\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    if (this.nativeTextarea == null) {\n      return true;\n    }\n    return this.nativeTextarea.validity.valid;\n  }\n\n  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */\n  @Method()\n  async setCustomValidity(message: string) {\n    this.customErrorText = '';\n    this.customValidation = message !== '';\n    if (this.nativeTextarea != null) {\n      this.nativeTextarea.setCustomValidity(message);\n      this.invalid = !this.nativeTextarea.checkValidity();\n    }\n  }\n\n  /** Resets the formcontrol */\n  @Method()\n  async reset() {\n    this.value = this.defaultValue;\n    this.customErrorText = '';\n    this.customValidation = false;\n    this.nativeTextarea?.setCustomValidity('');\n    this.invalid = false;\n  }\n\n  private handleChange = () => {\n    if (this.nativeTextarea != null) {\n      this.value = this.nativeTextarea.value;\n      this.sixChange.emit();\n    }\n  };\n\n  private handleInput = () => {\n    if (this.nativeTextarea != null) {\n      this.value = this.nativeTextarea.value;\n      this.setTextareaHeight(this.nativeTextarea);\n      this.sixInput.emit();\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleSlotChange = () => {\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  private setTextareaHeight(nativeTextarea: HTMLTextAreaElement) {\n    if (this.resize === 'auto') {\n      nativeTextarea.style.height = 'auto';\n      const height = nativeTextarea.scrollHeight + 1;\n      nativeTextarea.style.height = height + 'px';\n    } else {\n      nativeTextarea.style.height = '';\n    }\n  }\n\n  private displayError() {\n    return this.invalid && (!this.errorOnBlur || !this.hasFocus);\n  }\n\n  private getValue(): string {\n    return (this.value ?? '').toString();\n  }\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        errorTextId={this.errorTextId}\n        errorText={this.customErrorText != null ? this.customErrorText : this.errorText}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size={this.size}\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.displayError()}\n      >\n        <div\n          part=\"base\"\n          class={{\n            textarea: true,\n\n            // Sizes\n            'textarea--small': this.size === 'small',\n            'textarea--medium': this.size === 'medium',\n            'textarea--large': this.size === 'large',\n\n            // States\n            'textarea--disabled': this.disabled,\n            'textarea--focused': this.hasFocus,\n            'textarea--empty': this.getValue().length === 0,\n            'textarea--invalid': this.invalid,\n\n            // Modifiers\n            'textarea--resize-none': this.resize === 'none',\n            'textarea--resize-vertical': this.resize === 'vertical',\n            'textarea--resize-auto': this.resize === 'auto',\n          }}\n        >\n          <textarea\n            part=\"textarea\"\n            ref={(el) => (this.nativeTextarea = el)}\n            id={this.inputId}\n            class=\"textarea__control\"\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            readOnly={this.readonly}\n            rows={this.rows}\n            minLength={this.minlength}\n            maxLength={this.maxlength}\n            value={this.getValue()}\n            autoCapitalize={this.autocapitalize}\n            autoCorrect={this.autocorrect}\n            autoFocus={this.autofocus}\n            spellcheck={this.spellcheck}\n            required={this.required}\n            inputMode={this.inputmode}\n            aria-labelledby={this.labelId}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n        </div>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-3e4b9341.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r,H as n,g as i}from"./p-187fbba0.js";const a=":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";const e=class{constructor(r){t(this,r);this.padded=true}render(){return r(n,null,r("div",{part:"left-margin",class:"left-margin"}),r("div",{part:"content",class:{content:true,"content--padded":this.padded}},r("slot",null)),r("div",{part:"right-margin",class:"right-margin"}))}get host(){return i(this)}};e.style=a;export{e as six_main_container};
-//# sourceMappingURL=p-3e4b9341.entry.js.map

package/dist/ui-library/p-3e4b9341.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixMainContainerCss","SixMainContainer","render","h","Host","part","class","content","this","padded"],"sources":["./src/components/six-main-container/six-main-container.scss?tag=six-main-container&encapsulation=shadow","./src/components/six-main-container/six-main-container.tsx"],"sourcesContent":["$margin-default-width: 10rem;\n$content-default-width: 60rem;\n$content-min-width: 48rem;\n$content-max-width: 100rem;\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  min-width: fit-content;\n}\n\n.left-margin,\n.right-margin {\n  flex: 1 6 $margin-default-width;\n  min-width: var(--six-spacing-xxx-large);\n}\n\n.content {\n  flex: 6 1 $content-default-width;\n  min-width: $content-min-width;\n  max-width: $content-max-width;\n  &--padded {\n    padding: var(--six-spacing-xxx-large) 0;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The main container's content.\n *\n * @part left-margin  - The component's left margin area.\n * @part content      - The component's content area.\n * @part right-margin - The component's right margin area.\n */\n\n@Component({\n  tag: 'six-main-container',\n  styleUrl: 'six-main-container.scss',\n  shadow: true,\n})\nexport class SixMainContainer {\n  @Element() host!: HTMLSixMainContainerElement;\n\n  /** Set to false to remove top and bottom padding.  */\n  @Prop() padded = true;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"left-margin\" class=\"left-margin\" />\n        <div part=\"content\" class={{ content: true, 'content--padded': this.padded }}>\n          <slot />\n        </div>\n        <div part=\"right-margin\" class=\"right-margin\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,+P,MCkBfC,EAAgB,M,qCAIV,I,CAEjBC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,KAAK,cAAcC,MAAM,gBAC9BH,EAAA,OAAKE,KAAK,UAAUC,MAAO,CAAEC,QAAS,KAAM,kBAAmBC,KAAKC,SAClEN,EAAA,cAEFA,EAAA,OAAKE,KAAK,eAAeC,MAAM,iB"}

package/dist/ui-library/p-41f0b6ff.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as r,g as i}from"./p-187fbba0.js";import{F as e}from"./p-b183e44f.js";import{h as s}from"./p-d87a6f4d.js";import{E as a}from"./p-02d5a6d8.js";const l=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:1px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';let n=0;const h=class{constructor(r){t(this,r);this.sixChange=o(this,"six-range-change",7);this.sixBlur=o(this,"six-range-blur",7);this.sixFocus=o(this,"six-range-focus",7);this.inputId=`input-${++n}`;this.labelId=`input-label-${n}`;this.helpTextId=`input-help-text-${n}`;this.customErrorText="";this.customValidation=false;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new a;this.defaultValue=0;this.handleInput=()=>{if(this.nativeInput!=null){this.update(parseFloat(this.nativeInput.value))}requestAnimationFrame((()=>{this.sixChange.emit()}))};this.handleBlur=()=>{var t;this.hasFocus=false;this.hasTooltip=false;this.sixBlur.emit();if(this.nativeInput!=null){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.nativeInput)}};this.handleFocus=()=>{var t;this.hasFocus=true;this.hasTooltip=true;this.sixFocus.emit();if(this.nativeInput!=null){(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(this.nativeInput)}};this.handleSlotChange=()=>{this.hasHelpTextSlot=s(this.host,"help-text");this.hasErrorTextSlot=s(this.host,"error-text");this.hasLabelSlot=s(this.host,"label")};this.handleTouchStart=()=>{this.setFocus()};this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorTextSlot=false;this.hasTooltip=false;this.name="";this.value=0;this.required=false;this.label="";this.helpText="";this.errorText="";this.disabled=false;this.invalid=false;this.min=0;this.max=100;this.step=1;this.tooltip="top";this.tooltipFormatter=t=>t.toString();this.errorOnBlur=false}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.update();if(this.nativeInput!=null){this.invalid=!this.nativeInput.checkValidity()}}connectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.update();this.defaultValue=this.value;this.handleSlotChange()}componentDidLoad(){const t=this.nativeInput;if(t==null){return}this.update();this.resizeObserver=new ResizeObserver((()=>this.update()));this.eventListeners.add(t,"invalid",(o=>{if(this.customValidation||!this.hasErrorTextSlot&&this.errorText===""&&this.customErrorText===""){this.customErrorText=t.validationMessage}o.preventDefault()}))}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(t){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(t)}async removeFocus(){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.blur()}async setCustomValidity(t){this.customErrorText="";this.customValidation=t!=="";if(this.nativeInput!=null){this.nativeInput.setCustomValidity(t);this.invalid=!this.nativeInput.checkValidity()}}async reset(){var t;this.value=this.defaultValue;this.customErrorText="";this.customValidation=false;(t=this.nativeInput)===null||t===void 0?void 0:t.setCustomValidity("");this.invalid=false}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}syncTooltip(t,o,r){if(this.tooltip!=="none"&&this.nativeInput!=null&&this.output!=null){const i=Math.max(0,(r-t)/(o-t));const e=this.nativeInput.offsetWidth;const s=this.output.offsetWidth;const a=getComputedStyle(this.nativeInput).getPropertyValue("--thumb-size");const l=`calc(${e*i}px - calc(calc(${i} * ${a}) - calc(${a} / 2)))`;this.output.style.transform=`translateX(${l})`;this.output.style.marginLeft=`-${s/2}px`}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}update(t){var o,r;if(t!=null){this.value=t}const i=(o=Number(this.min))!==null&&o!==void 0?o:0;const e=(r=Number(this.max))!==null&&r!==void 0?r:0;let s;const a=parseFloat(this.value);if(isNaN(a)){s=this.getDefaultValue(i,e)}else{s=a}if(this.nativeInput!=null){this.nativeInput.value=s.toString();this.value=parseFloat(this.nativeInput.value)}else{this.value=s}this.calculateColorRunnableTrack(i,e,this.value);this.syncTooltip(i,e,this.value)}getDefaultValue(t,o){return o<t?t:t+(o-t)/2}calculateColorRunnableTrack(t,o,r){if(!this.isFirefox()&&this.nativeInput!=null){const i=Math.ceil((r-t)/(o-t)*100);this.nativeInput.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+i+"%, var(--six-color-web-rock-300) "+i+"%)"}}render(){return r(e,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.customErrorText!=null?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{range:true,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom"},onTouchStart:this.handleTouchStart},r("input",{part:"input",ref:t=>this.nativeInput=t,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.tooltip!=="none"&&r("output",{part:"tooltip",ref:t=>this.output=t,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return i(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"],min:["handleValueChange"],max:["handleValueChange"]}}};h.style=l;export{h as six_range};
-//# sourceMappingURL=p-41f0b6ff.entry.js.map

package/dist/ui-library/p-41f0b6ff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixRangeCss","id","SixRange","this","inputId","labelId","helpTextId","customErrorText","customValidation","errorTextId","eventListeners","EventListeners","defaultValue","handleInput","nativeInput","update","parseFloat","value","requestAnimationFrame","sixChange","emit","handleBlur","hasFocus","hasTooltip","sixBlur","_a","resizeObserver","unobserve","handleFocus","sixFocus","observe","handleSlotChange","hasHelpTextSlot","hasSlot","host","hasErrorTextSlot","hasLabelSlot","handleTouchStart","setFocus","toString","handleLabelChange","handleValueChange","invalid","checkValidity","connectedCallback","shadowRoot","addEventListener","componentWillLoad","componentDidLoad","ResizeObserver","add","event","errorText","validationMessage","preventDefault","disconnectedCallback","removeEventListener","removeAll","async","options","focus","blur","message","setCustomValidity","displayError","errorOnBlur","syncTooltip","min","max","tooltip","output","percent","Math","inputWidth","offsetWidth","tooltipWidth","thumbSize","getComputedStyle","getPropertyValue","x","style","transform","marginLeft","isFirefox","navigator","userAgent","toLowerCase","indexOf","updateValue","Number","_b","parsedValue","isNaN","getDefaultValue","calculateColorRunnableTrack","ceil","background","render","h","FormControl","label","helpText","size","disabled","required","part","class","range","onTouchStart","ref","el","type","name","step","onInput","onFocus","onBlur","tooltipFormatter"],"sources":["./src/components/six-range/six-range.scss?tag=six-range&encapsulation=shadow","./src/components/six-range/six-range.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  --thumb-size: 14px;\n  --tooltip-offset-y: 10px;\n  --track-color: var(--six-color-web-rock-900);\n  --thumb-color: var(--six-color-web-rock-900);\n  --track-height: 3px;\n\n  display: block;\n}\n\n.range {\n  position: relative;\n\n  .range__control {\n    -webkit-appearance: none;\n    width: 100%;\n    height: var(--six-input-height-medium);\n    background: transparent;\n    line-height: var(--six-input-height-medium);\n    vertical-align: middle;\n\n    &::-webkit-slider-runnable-track {\n      width: 100%;\n      height: var(--track-height);\n      border-radius: 3px;\n      border: none;\n    }\n\n    &::-webkit-slider-thumb {\n      border: none;\n      width: var(--thumb-size);\n      height: var(--thumb-size);\n      border-radius: 50%;\n      background-color: var(--thumb-color);\n      -webkit-appearance: none;\n      margin-top: calc(var(--thumb-size) / -2 + var(--track-height) / 2);\n      transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color,\n        var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;\n      cursor: pointer;\n    }\n\n    &:not(:disabled)::-webkit-slider-thumb:hover {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled):focus::-webkit-slider-thumb {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled)::-webkit-slider-thumb:active {\n      background-color: var(--thumb-color);\n      cursor: grabbing;\n    }\n\n    //  Firefox\n    &::-moz-focus-outer {\n      border: 0;\n    }\n\n    &::-moz-range-track {\n      width: 100%;\n      height: var(--track-height);\n      background-color: var(--six-progress-track-color);\n      border-radius: 3px;\n      border: none;\n    }\n\n    &::-moz-range-progress {\n      height: var(--track-height);\n      border-radius: 3px;\n      background-color: var(--track-color);\n      border: none;\n    }\n\n    &::-moz-range-thumb {\n      border: none;\n      height: var(--thumb-size);\n      width: var(--thumb-size);\n      border-radius: 50%;\n      background-color: var(--thumb-color);\n      transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color,\n        var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;\n      cursor: pointer;\n    }\n\n    &:not(:disabled)::-moz-range-thumb:hover {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled):focus::-moz-range-thumb {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled)::-moz-range-thumb:active {\n      background-color: var(--thumb-color);\n      cursor: grabbing;\n    }\n\n    //  States\n    &:focus {\n      outline: none;\n    }\n\n    &:disabled {\n      &::-webkit-slider-thumb {\n        cursor: not-allowed;\n        color: var(--six-color-web-rock-300);\n        border-color: var(--six-color-web-rock-300);\n        background-color: var(--six-color-web-rock-300);\n      }\n\n      &::-moz-range-thumb {\n        cursor: not-allowed;\n        color: var(--six-color-web-rock-300);\n        border-color: var(--six-color-web-rock-300);\n        background-color: var(--six-color-web-rock-300);\n      }\n    }\n  }\n}\n\n// Tooltip\n.range__tooltip {\n  position: absolute;\n  z-index: var(--six-z-index-tooltip);\n  left: 1px;\n  border-radius: var(--six-border-radius-medium);\n  background-color: var(--six-color-web-rock-900);\n  font-family: var(--six-font-family);\n  font-size: var(--six-tooltip-font-size);\n  font-weight: var(--six-tooltip-font-weight);\n  line-height: var(--six-tooltip-line-height);\n  color: var(--six-color-white);\n  opacity: 0;\n  padding: var(--six-spacing-xxx-small) var(--six-spacing-xx-small);\n  transition: var(--six-transition-fast) opacity;\n  pointer-events: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: 50%;\n    margin-left: calc(-1 * var(--six-tooltip-arrow-size));\n  }\n}\n\n.range--tooltip-visible .range__tooltip {\n  opacity: 1;\n}\n\n// Tooltip on top\n.range--tooltip-top .range__tooltip {\n  top: calc(-1 * var(--thumb-size) - var(--tooltip-offset-y));\n\n  &::after {\n    border-top: var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);\n    border-left: var(--six-tooltip-arrow-size) solid transparent;\n    border-right: var(--six-tooltip-arrow-size) solid transparent;\n    top: 100%;\n  }\n}\n\n// Tooltip on bottom\n.range--tooltip-bottom .range__tooltip {\n  bottom: calc(-1 * var(--thumb-size) - var(--tooltip-offset-y));\n\n  &::after {\n    border-bottom: var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);\n    border-left: var(--six-tooltip-arrow-size) solid transparent;\n    border-right: var(--six-tooltip-arrow-size) solid transparent;\n    bottom: 100%;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot label - The input's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part input - The native range input.\n * @part tooltip - The range tooltip.\n */\n@Component({\n  tag: 'six-range',\n  styleUrl: 'six-range.scss',\n  shadow: true,\n})\nexport class SixRange {\n  private inputId = `input-${++id}`;\n  private labelId = `input-label-${id}`;\n  private helpTextId = `input-help-text-${id}`;\n  private customErrorText = '';\n  private customValidation = false;\n  private errorTextId = `input-error-text-${id}`;\n  private eventListeners = new EventListeners();\n  private resizeObserver?: ResizeObserver;\n\n  private output?: HTMLElement;\n  private nativeInput?: HTMLInputElement;\n\n  @Element() host!: HTMLSixRangeElement;\n\n  @State() hasFocus = false;\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n  @State() hasErrorTextSlot = false;\n  @State() hasTooltip = false;\n\n  /** The input's name attribute. */\n  @Prop() name = '';\n\n  /** The input's value attribute. */\n  @Prop({ mutable: true }) value = 0;\n\n  /** Set to true to make the input a required field. */\n  @Prop({ reflect: true }) required = false;\n\n  /** The range's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The range's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** The input's error text. Alternatively, you can use the error-text slot. */\n  @Prop() errorText = '';\n\n  /** Set to true to disable the input. */\n  @Prop() disabled = false;\n\n  /**\n   * This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\n   * provided by the `setCustomValidity` method.\n   */\n  @Prop({ mutable: true, reflect: true }) invalid = false;\n\n  /** The input's min attribute. */\n  @Prop() min = 0;\n\n  /** The input's max attribute. */\n  @Prop() max = 100;\n\n  /** The input's step attribute. */\n  @Prop() step = 1;\n\n  /** The preferred placedment of the tooltip. */\n  @Prop() tooltip: 'top' | 'bottom' | 'none' = 'top';\n\n  /** A function used to format the tooltip's value. */\n  @Prop() tooltipFormatter = (value: number) => value.toString();\n\n  /** Set to display the error text on blur and not when typing */\n  @Prop() errorOnBlur = false;\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-range-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-range-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-range-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  /** default value the slider will be reverted to when reset is executed */\n  private defaultValue = 0;\n\n  @Watch('label')\n  @Watch('errorText')\n  @Watch('helpText')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  handleValueChange() {\n    this.update();\n    if (this.nativeInput != null) {\n      this.invalid = !this.nativeInput.checkValidity();\n    }\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.update();\n    this.defaultValue = this.value;\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    const nativeInput = this.nativeInput;\n    if (nativeInput == null) {\n      return;\n    }\n    this.update();\n    this.resizeObserver = new ResizeObserver(() => this.update());\n    this.eventListeners.add(nativeInput, 'invalid', (event) => {\n      if (this.customValidation || (!this.hasErrorTextSlot && this.errorText === '' && this.customErrorText === '')) {\n        this.customErrorText = nativeInput.validationMessage;\n      }\n      event.preventDefault();\n    });\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  /** Sets focus on the input. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeInput?.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  @Method()\n  async removeFocus() {\n    this.nativeInput?.blur();\n  }\n\n  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */\n  @Method()\n  async setCustomValidity(message: string) {\n    this.customErrorText = '';\n    this.customValidation = message !== '';\n    if (this.nativeInput != null) {\n      this.nativeInput.setCustomValidity(message);\n      this.invalid = !this.nativeInput.checkValidity();\n    }\n  }\n\n  /** Resets the formcontrol */\n  @Method()\n  async reset() {\n    this.value = this.defaultValue;\n    this.customErrorText = '';\n    this.customValidation = false;\n    this.nativeInput?.setCustomValidity('');\n    this.invalid = false;\n  }\n\n  private handleInput = () => {\n    if (this.nativeInput != null) {\n      this.update(parseFloat(this.nativeInput.value));\n    }\n    requestAnimationFrame(() => {\n      this.sixChange.emit();\n    });\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.hasTooltip = false;\n    this.sixBlur.emit();\n    if (this.nativeInput != null) {\n      this.resizeObserver?.unobserve(this.nativeInput);\n    }\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.hasTooltip = true;\n    this.sixFocus.emit();\n    if (this.nativeInput != null) {\n      this.resizeObserver?.observe(this.nativeInput);\n    }\n  };\n\n  private handleSlotChange = () => {\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n  };\n\n  private handleTouchStart = () => {\n    this.setFocus();\n  };\n\n  private displayError() {\n    return this.invalid && (!this.errorOnBlur || !this.hasFocus);\n  }\n\n  private syncTooltip(min: number, max: number, value: number) {\n    if (this.tooltip !== 'none' && this.nativeInput != null && this.output != null) {\n      const percent = Math.max(0, (value - min) / (max - min));\n      const inputWidth = this.nativeInput.offsetWidth;\n      const tooltipWidth = this.output.offsetWidth;\n      const thumbSize = getComputedStyle(this.nativeInput).getPropertyValue('--thumb-size');\n      const x = `calc(${inputWidth * percent}px - calc(calc(${percent} * ${thumbSize}) - calc(${thumbSize} / 2)))`;\n      this.output.style.transform = `translateX(${x})`;\n      this.output.style.marginLeft = `-${tooltipWidth / 2}px`;\n    }\n  }\n\n  private isFirefox() {\n    return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;\n  }\n\n  private update(updateValue?: number) {\n    if (updateValue != null) {\n      this.value = updateValue;\n    }\n\n    const min = Number(this.min) ?? 0;\n    const max = Number(this.max) ?? 0;\n    let value;\n    const parsedValue = parseFloat(this.value as never);\n    if (isNaN(parsedValue)) {\n      value = this.getDefaultValue(min, max);\n    } else {\n      value = parsedValue;\n    }\n\n    if (this.nativeInput != null) {\n      // The value may have constraints, so we set the native control's\n      // value and sync it back to ensure it adheres to min, max, and step\n      // properly.\n      this.nativeInput.value = value.toString();\n      this.value = parseFloat(this.nativeInput.value);\n    } else {\n      this.value = value;\n    }\n    this.calculateColorRunnableTrack(min, max, this.value);\n    this.syncTooltip(min, max, this.value);\n  }\n\n  /**\n   * from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value\n   */\n  private getDefaultValue(min: number, max: number): number {\n    return max < min ? min : min + (max - min) / 2;\n  }\n\n  /**\n   * For Firefox this functionality is not needed because it is supported by standard CSS.\n   */\n  private calculateColorRunnableTrack(min: number, max: number, value: number) {\n    if (!this.isFirefox() && this.nativeInput != null) {\n      const percent = Math.ceil(((value - min) / (max - min)) * 100);\n      this.nativeInput.style.background =\n        '-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) ' +\n        percent +\n        '%, var(--six-color-web-rock-300) ' +\n        percent +\n        '%)';\n    }\n  }\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        size=\"medium\"\n        errorTextId={this.errorTextId}\n        errorText={this.customErrorText != null ? this.customErrorText : this.errorText}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.displayError()}\n      >\n        <div\n          part=\"base\"\n          class={{\n            range: true,\n\n            // States\n            'range--disabled': this.disabled,\n            'range--focused': this.hasFocus,\n            'range--tooltip-visible': this.hasTooltip,\n            'range--tooltip-top': this.tooltip === 'top',\n            'range--tooltip-bottom': this.tooltip === 'bottom',\n          }}\n          onTouchStart={this.handleTouchStart}\n        >\n          <input\n            part=\"input\"\n            ref={(el) => (this.nativeInput = el)}\n            type=\"range\"\n            class=\"range__control\"\n            name={this.name}\n            disabled={this.disabled}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            value={this.value}\n            onInput={this.handleInput}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n          {this.tooltip !== 'none' && (\n            <output part=\"tooltip\" ref={(el) => (this.output = el)} class=\"range__tooltip\">\n              {this.tooltipFormatter(this.value)}\n            </output>\n          )}\n        </div>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-435242a8.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s}from"./p-187fbba0.js";import{E as e}from"./p-02d5a6d8.js";const n=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}";const a=class{constructor(s){t(this,s);this.sixSubmit=i(this,"six-form-submit",7);this.sixChange=i(this,"six-form-change",7);this.sixReset=i(this,"six-form-reset",7);this.formControls=[];this.eventListeners=new e;this.handleClick=t=>{const i=t.target;const s=i.tagName.toLowerCase();for(const i of this.formControls){if(i.tag===s&&i.click!=null){i.click(t)}}};this.handleKeyDown=t=>{const i=t.target;const s=i.tagName.toLowerCase();for(const i of this.formControls){if(i.tag===s&&i.keyDown!=null){i.keyDown(t)}}};this.novalidate=false}connectedCallback(){this.formControls=[{tag:"six-button",serialize:(t,i)=>t.name!==""&&!t.disabled?i.append(t.name,t.value):null,click:t=>{const i=t.target;if(i.submit){this.submit()}if(i.reset){this.reset()}}},{tag:"six-checkbox",serialize:(t,i)=>t.name!==""&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-checkbox-change"},{tag:"six-color-picker",serialize:(t,i)=>t.name!==""&&!t.disabled?i.append(t.name,t.value):null},{tag:"six-input",serialize:(t,i)=>t.name!==""&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{if(t.key==="Enter"&&!t.defaultPrevented){this.submit()}},changeEventName:"six-input-change"},{tag:"six-datepicker",serialize:(t,i)=>{var s;return t.name!==""&&!t.disabled&&t.value!=null?i.append(t.name,(s=t.value)===null||s===void 0?void 0:s.toISOString()):null},keyDown:t=>{if(t.key==="Enter"&&!t.defaultPrevented){this.submit()}},changeEventName:"six-datepicker-select"},{tag:"six-radio",serialize:(t,i)=>t.name!==""&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-radio-change"},{tag:"six-range",serialize:(t,i)=>{if(t.name!==""&&!t.disabled){i.append(t.name,t.value+"")}},changeEventName:"six-range-change"},{tag:"six-select",serialize:(t,i)=>{if(t.name!==""&&!t.disabled){if(t.multiple){const s=[...t.value];if(s.length>0){s.map((s=>i.append(t.name,s)))}else{i.append(t.name,"")}}else{i.append(t.name,t.value+"")}}},changeEventName:"six-select-change"},{tag:"six-switch",serialize:(t,i)=>t.name!==""&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-switch-change"},{tag:"six-textarea",serialize:(t,i)=>t.name!==""&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-textarea-change"},{tag:"six-timepicker",serialize:(t,i)=>t.name!==""&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{if(t.key==="Enter"&&!t.defaultPrevented){this.submit()}},changeEventName:"six-timepicker-change"}]}disconnectedCallback(){this.eventListeners.removeAll()}componentDidLoad(){this.getFormControls().then((t=>t.forEach((t=>this.appendChangeListener(t)))))}appendChangeListener(t){const i=t.tagName.toLowerCase();for(const s of this.formControls){if(s.tag===i&&s.changeEventName!=null){this.eventListeners.add(t,s.changeEventName,(()=>this.handleChange(t)))}}}async getFormData(){const t=new FormData;const i=await this.getFormControls();i.map((i=>this.serializeElement(i,t)));return t}async getFormControls(){if(this.form==null){return[]}const t=this.form.querySelector("slot");if(t==null){return[]}const i=this.formControls.map((t=>t.tag));return t.assignedElements({flatten:true}).reduce(((t,i)=>t.concat(i,[...i.querySelectorAll("*")])),[]).filter((t=>i.includes(t.tagName.toLowerCase())))}async submit(){const t=await this.getFormData();const i=await this.getFormControls();const s=i.filter((t=>typeof t.reportValidity==="function"));if(!this.novalidate){let t=true;for(const i of s){if(!await i.reportValidity()){t=false}}if(!t){return false}}this.sixSubmit.emit({formData:t,formControls:i});return true}async checkValidity(){const t=await this.getFormControls();const i=t.filter((t=>typeof t.checkValidity==="function")).map((t=>t.checkValidity()));const s=await Promise.all(i).then((t=>t.filter((t=>t===false))));return s.length==0}async reset(){const t=await this.getFormControls();t.filter((t=>(t===null||t===void 0?void 0:t.reset)&&typeof(t===null||t===void 0?void 0:t.reset)==="function")).forEach((t=>t.reset()));this.sixReset.emit()}handleChange(t){this.checkValidity().then((i=>this.sixChange.emit({valid:i,formControl:t})))}serializeElement(t,i){const s=t.tagName.toLowerCase();for(const e of this.formControls){if(e.tag===s){return e.serialize(t,i)}}return null}render(){return s("div",{ref:t=>this.form=t,part:"base",class:"form",role:"form",onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("slot",null))}};a.style=n;export{a as six_form};
-//# sourceMappingURL=p-435242a8.entry.js.map

package/dist/ui-library/p-435242a8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixFormCss","SixForm","this","formControls","eventListeners","EventListeners","handleClick","event","target","tag","tagName","toLowerCase","formControl","click","handleKeyDown","keyDown","connectedCallback","serialize","el","formData","name","disabled","append","value","submit","reset","checked","changeEventName","key","defaultPrevented","_a","toISOString","multiple","selectedOptions","length","map","disconnectedCallback","removeAll","componentDidLoad","getFormControls","then","controls","forEach","control","appendChangeListener","add","handleChange","async","FormData","serializeElement","form","slot","querySelector","tags","assignedElements","flatten","reduce","all","concat","querySelectorAll","filter","includes","getFormData","formControlsThatReport","reportValidity","novalidate","isValid","sixSubmit","emit","validationTasks","checkValidity","invalidControls","Promise","results","valid","sixReset","sixChange","render","h","ref","part","class","role","onClick","onKeyDown"],"sources":["./src/components/six-form/six-form.scss?tag=six-form&encapsulation=shadow","./src/components/six-form/six-form.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n","import { Component, Event, EventEmitter, h, Method, Prop } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { EmptyPayload } from '../../utils/types';\n\nexport interface SixFormSubmitPayload {\n  formData: FormData;\n  formControls: HTMLFormElement[];\n}\n\nexport interface SixFormChangePayload {\n  formControl: HTMLFormElement;\n  valid: boolean;\n}\n\ninterface FormControl {\n  tag: string;\n\n  serialize(el: HTMLFormElement | HTMLElement, formData: FormData): void;\n\n  click?(event: MouseEvent): void;\n\n  keyDown?(event: KeyboardEvent): void;\n\n  changeEventName?: string;\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The form's content.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-form',\n  styleUrl: 'six-form.scss',\n  shadow: true,\n})\nexport class SixForm {\n  private form?: HTMLElement;\n  private formControls: FormControl[] = [];\n  private eventListeners = new EventListeners();\n\n  /** Prevent the form from validating inputs before submitting. */\n  @Prop() novalidate = false;\n\n  /**\n   * Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an\n   * invalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this\n   * event, since it doen't send a GET or POST request like native forms. To \"prevent\" submission, use a conditional\n   * around the XHR request you use to submit the form's data with.\n   */\n  @Event({ eventName: 'six-form-submit' }) sixSubmit!: EventEmitter<SixFormSubmitPayload>;\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-form-change' }) sixChange!: EventEmitter<SixFormChangePayload>;\n\n  /** Emitted when the forms values are reset. */\n  @Event({ eventName: 'six-form-reset' }) sixReset!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.formControls = [\n      {\n        tag: 'six-button',\n        serialize: (el: HTMLSixButtonElement, formData) =>\n          el.name !== '' && !el.disabled ? formData.append(el.name, el.value) : null,\n        click: (event) => {\n          const target = event.target as HTMLSixButtonElement;\n          if (target.submit) {\n            this.submit();\n          }\n\n          if (target.reset) {\n            this.reset();\n          }\n        },\n      },\n      {\n        tag: 'six-checkbox',\n        serialize: (el: HTMLSixCheckboxElement, formData) =>\n          el.name !== '' && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-checkbox-change',\n      },\n      {\n        tag: 'six-color-picker',\n        serialize: (el: HTMLSixCheckboxElement, formData) =>\n          el.name !== '' && !el.disabled ? formData.append(el.name, el.value) : null,\n      },\n      {\n        tag: 'six-input',\n        serialize: (el: HTMLSixInputElement, formData) =>\n          el.name !== '' && !el.disabled ? formData.append(el.name, el.value) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-input-change',\n      },\n      {\n        tag: 'six-datepicker',\n        serialize: (el: HTMLSixDatepickerElement, formData) =>\n          el.name !== '' && !el.disabled && el.value != null ? formData.append(el.name, el.value?.toISOString()) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-datepicker-select',\n      },\n      {\n        tag: 'six-radio',\n        serialize: (el: HTMLSixRadioElement, formData) =>\n          el.name !== '' && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-radio-change',\n      },\n      {\n        tag: 'six-range',\n        serialize: (el: HTMLSixRangeElement, formData) => {\n          if (el.name !== '' && !el.disabled) {\n            formData.append(el.name, el.value + '');\n          }\n        },\n        changeEventName: 'six-range-change',\n      },\n      {\n        tag: 'six-select',\n        serialize: (el: HTMLSixSelectElement, formData) => {\n          if (el.name !== '' && !el.disabled) {\n            if (el.multiple) {\n              const selectedOptions = [...el.value];\n              if (selectedOptions.length > 0) {\n                selectedOptions.map((value) => formData.append(el.name, value));\n              } else {\n                formData.append(el.name, '');\n              }\n            } else {\n              formData.append(el.name, el.value + '');\n            }\n          }\n        },\n        changeEventName: 'six-select-change',\n      },\n      {\n        tag: 'six-switch',\n        serialize: (el: HTMLSixSwitchElement, formData) =>\n          el.name !== '' && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-switch-change',\n      },\n      {\n        tag: 'six-textarea',\n        serialize: (el: HTMLSixTextareaElement, formData) =>\n          el.name !== '' && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-textarea-change',\n      },\n      {\n        tag: 'six-timepicker',\n        serialize: (el: HTMLSixTimepickerElement, formData) =>\n          el.name !== '' && !el.disabled ? formData.append(el.name, el.value) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-timepicker-change',\n      },\n    ];\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  componentDidLoad() {\n    this.getFormControls().then((controls) => controls.forEach((control) => this.appendChangeListener(control)));\n  }\n\n  private appendChangeListener(el: HTMLFormElement) {\n    const tag = el.tagName.toLowerCase();\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.changeEventName != null) {\n        this.eventListeners.add(el as HTMLElement, formControl.changeEventName, () => this.handleChange(el));\n      }\n    }\n  }\n\n  /** Serializes all form controls elements and returns a `FormData` object. */\n  @Method()\n  async getFormData() {\n    const formData = new FormData();\n    const formControls = await this.getFormControls();\n\n    formControls.map((el) => this.serializeElement(el, formData));\n\n    return formData;\n  }\n\n  /** Gets all form control elements (native and custom). */\n  @Method()\n  async getFormControls(): Promise<HTMLFormElement[]> {\n    if (this.form == null) {\n      return [];\n    }\n    const slot = this.form.querySelector('slot');\n    if (slot == null) {\n      return [];\n    }\n    const tags = this.formControls.map((control) => control.tag);\n    return slot\n      .assignedElements({ flatten: true })\n      .reduce((all, el) => all.concat(el, [...el.querySelectorAll('*')]), [] as Element[])\n      .filter((el) => tags.includes(el.tagName.toLowerCase())) as HTMLFormElement[];\n  }\n\n  /**\n   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve\n   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.\n   */\n  @Method()\n  async submit() {\n    const formData = await this.getFormData();\n    const formControls = await this.getFormControls();\n    const formControlsThatReport = formControls.filter(\n      (el: HTMLFormElement) => typeof el.reportValidity === 'function'\n    );\n\n    if (!this.novalidate) {\n      let isValid = true;\n      for (const el of formControlsThatReport) {\n        if (!(await el.reportValidity())) {\n          isValid = false;\n        }\n      }\n      if (!isValid) {\n        return false;\n      }\n    }\n\n    this.sixSubmit.emit({ formData, formControls });\n\n    return true;\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    const formControls = await this.getFormControls();\n    const validationTasks = formControls\n      .filter((el: HTMLFormElement) => typeof el.checkValidity === 'function')\n      .map((el: HTMLFormElement) => el.checkValidity());\n    const invalidControls = await Promise.all(validationTasks).then((results) =>\n      results.filter((valid) => valid === false)\n    );\n    return invalidControls.length == 0;\n  }\n\n  /** Resets the form and resets the value of all descendants*/\n  @Method()\n  async reset() {\n    const formControls = await this.getFormControls();\n\n    formControls\n      .filter((control) => control?.reset && typeof control?.reset === 'function')\n      .forEach((formControl) => formControl.reset());\n\n    this.sixReset.emit();\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLFormElement;\n    const tag = target.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.click != null) {\n        formControl.click(event);\n      }\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    const target = event.target as HTMLFormElement;\n    const tag = target.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.keyDown != null) {\n        formControl.keyDown(event);\n      }\n    }\n  };\n\n  private handleChange(el: HTMLFormElement) {\n    this.checkValidity().then((isValid) =>\n      this.sixChange.emit({\n        valid: isValid,\n        formControl: el,\n      })\n    );\n  }\n\n  private serializeElement(el: HTMLFormElement, formData: FormData) {\n    const tag = el.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag) {\n        return formControl.serialize(el, formData);\n      }\n    }\n\n    return null;\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.form = el)}\n        part=\"base\"\n        class=\"form\"\n        role=\"form\"\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}