@pine-ds/core 2.16.1 → 2.16.3

package/dist/pine-core/p-0e4226b8.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as o,H as t,g as s}from"./p-87fe352f.js";import{a as r,m as n}from"./p-47291f05.js";import{b as a}from"./p-d561168e.js";import{d}from"./p-46fb585d.js";import{i as l}from"./p-7905b8b8.js";const c=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const h=c;const p=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font-weight:var(--pine-font-weight-medium)}";const u=p;const b=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{color:var(--pine-color-text-label);font-weight:var(--pine-font-weight-medium)}input{border:1px solid var(--pine-color-border);border-radius:10px;color:var(--pine-color-text-active);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);}input:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed;}input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:hover{border-color:var(--pine-color-border-hover)}input:focus-visible{border-color:var(--pine-color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}input::-moz-placeholder{color:var(--pine-color-text-placeholder)}input::-moz-placeholder{color:var(--pine-color-text-placeholder)}input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}input:has(~.pds-input__error-message){background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}input:has(~.pds-input__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-input__error-message,.pds-input__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";const f=b;const v=class{constructor(o){e(this,o);this.pdsBlur=i(this,"pdsBlur",7);this.pdsChange=i(this,"pdsChange",7);this.pdsFocus=i(this,"pdsFocus",7);this.pdsInput=i(this,"pdsInput",7);this.inheritedAttributes={};this.isComposing=false;this.onInputEvent=e=>{const i=e.target;if(i){this.value=i.value||""}this.emitInputChange(e)};this.onChangeEvent=e=>{this.emitValueChange(e)};this.onBlurEvent=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocusEvent=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onCompositionStart=()=>{this.isComposing=true};this.onCompositionEnd=()=>{this.isComposing=false};this.autocomplete=undefined;this.componentId=undefined;this.debounce=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value="";this.hasFocus=false}async setFocus(){if(this.nativeInput){this.nativeInput.focus()}}debounceChanged(){const{pdsInput:e,debounce:i,originalPdsInput:o}=this;this.pdsInput=i===undefined?o!==null&&o!==void 0?o:e:d(e,i)}valueChanged(){const e=this.nativeInput;const i=this.getValue();if(e&&e.value!==i&&!this.isComposing){e.value=i}}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}emitValueChange(e){const{value:i}=this;const o=i==null?i:i.toString();this.focusedValue=o;this.pdsChange.emit({value:o,event:e})}emitInputChange(e){const{value:i}=this;const o=i==null?i:i.toString();this.pdsInput.emit({value:o,event:e})}componentWillLoad(){this.inheritedAttributes=Object.assign({},l(this.el))}componentDidLoad(){this.debounceChanged()}render(){return o(t,{key:"4247c9ed871a2f5e39fea4c222367341eda18e32","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null},o("div",{key:"b49fb30682b34b2c20ed6b0959d66e18050088d0",class:"pds-input"},o("label",{key:"ac028db52deca16edd0663ccccdc01d3651a299a",htmlFor:this.componentId},this.label),o("input",Object.assign({key:"cf478f28743397013c0964aa3f6232de2a319f7a",class:"pds-input__field",ref:e=>this.nativeInput=e,"aria-describedby":r(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.helperMessage&&o("p",{key:"78180c0527fc6ef81d9e915898333a9e09e892e4",class:"pds-input__helper-message",id:n(this.componentId,"helper")},this.helperMessage),this.errorMessage&&o("p",{key:"9512deaecd57644da843557cd07ac8880cde424f",class:"pds-input__error-message",id:n(this.componentId,"error"),"aria-live":"assertive"},o("pds-icon",{key:"38c36403181b41c06f16e737f088e58199f07618",icon:a,size:"small"}),this.errorMessage)))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};v.style=h+(u+f);export{v as pds_input};
-//# sourceMappingURL=p-0e4226b8.entry.js.map

package/dist/pine-core/p-0e4226b8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsInputTokensCss","PdsInputStyle0","labelCss","PdsInputStyle1","pdsInputCss","PdsInputStyle2","PdsInput","this","inheritedAttributes","isComposing","onInputEvent","ev","input","target","value","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","hasFocus","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","setFocus","nativeInput","focus","debounceChanged","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","componentWillLoad","Object","assign","inheritAriaAttributes","el","componentDidLoad","render","h","Host","key","disabled","readonly","class","htmlFor","componentId","label","ref","assignDescription","invalid","helperMessage","autocomplete","id","name","placeholder","readOnly","required","type","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","errorMessage","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:host {\n  --pine-input-color-background-danger: var(--pine-color-red-050);\n}\n",":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font-weight: var(--pine-font-weight-medium);\n\n}\n",":host {\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n  display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n  input {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font-weight: var(--pine-font-weight-medium);\n}\n\ninput {\n  border: 1px solid var(--pine-color-border);\n  border-radius: 10px;\n  color: var(--pine-color-text-active);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n\n    /* stylelint-disable */\n    &::-webkit-input-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &::-moz-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &::-moz-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &:-ms-input-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n    /* stylelint-enable */\n  }\n\n  &:hover {\n    border-color: var(--pine-color-border-hover);\n  }\n\n  &:focus-visible {\n    border-color: var(--pine-color-border-active);\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  /* stylelint-disable */\n  &::-webkit-input-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &:-ms-input-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &:has(~.pds-input__error-message) {\n\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n  /* stylelint-enable */\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-end: 0;\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-input__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { debounceEvent } from '@utils/utils';\nimport { inheritAriaAttributes } from '@utils/attributes';\n\nimport type { Attributes } from '@utils/attributes';\nimport type { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\n\n@Component({\n  tag: 'pds-input',\n  styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n  shadow: true,\n})\nexport class PdsInput {\n  private nativeInput?: HTMLInputElement;\n  private inheritedAttributes: Attributes = {};\n  private isComposing = false;\n  /**\n   * The value of the input when the input is focused.\n   */\n  private focusedValue?: string | number | null;\n\n  private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n\n  @Element() el!: HTMLPdsInputElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   *\n   * Emitted when the value has changed.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n  /**\n   * Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if ( this.nativeInput ) {\n      this.nativeInput.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets the number of milliseconds to wait before updating the value.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Determines whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Determines whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Determines the type of control that will be displayed\n   * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string | number | null = '';\n\n  /**\n   * Determines if the input has focus.\n   */\n  @State() hasFocus = false;\n\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    /**\n     * If debounce is undefined, we have to manually revert the pdsInput emitter in case\n     * debounce used to be set to a number. Otherwise, the event would stay debounced.\n     */\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeInput;\n    const value = this.getValue();\n\n    if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n      nativeInput.value = value;\n    }\n  }\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onChangeEvent = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private onBlurEvent = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      /**\n       * Emits the `pdsChange` event when the input value\n       * is different than the value when the input was focused.\n       */\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocusEvent = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onCompositionStart = () => {\n    this.isComposing = true;\n  }\n\n  private onCompositionEnd = () => {\n    this.isComposing = false;\n  }\n\n  /**\n   * Emits a pdsChange event\n   */\n  private emitValueChange(event?: Event) {\n    const { value } = this;\n    const newValue = value == null ? value : value.toString();\n\n    this.focusedValue = newValue;\n    this.pdsChange.emit({ value: newValue, event });\n  }\n\n  /**\n   *\n   * Emits a `pdsInput` event\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n\n    this.pdsInput.emit({ value: newValue, event });\n  }\n\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  componentDidLoad() {\n    this.debounceChanged();\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          <label htmlFor={this.componentId}>{this.label}</label>\n          <input class=\"pds-input__field\"\n            ref={(input) => this.nativeInput = input}\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            autocomplete={this.autocomplete}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            type={this.type}\n            value={this.value}\n            onInput={this.onInputEvent}\n            onChange={this.onChangeEvent}\n            onBlur={this.onBlurEvent}\n            onFocus={this.onFocusEvent}\n            onCompositionstart={this.onCompositionStart}\n            onCompositionend={this.onCompositionEnd}\n            {...this.inheritedAttributes}\n          />\n          {this.helperMessage &&\n            <p\n              class=\"pds-input__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.errorMessage &&\n            <p\n              class=\"pds-input__error-message\"\n              id={messageId(this.componentId, 'error')}\n              aria-live=\"assertive\"\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kNAAA,MAAMA,EAAoB,wEAC1B,MAAAC,EAAeD,ECDf,MAAME,EAAW,8QACjB,MAAAC,EAAeD,ECDf,MAAME,EAAc,k8EACpB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,qKAEXC,KAAAC,oBAAkC,GAClCD,KAAAE,YAAc,MAmJdF,KAAAG,aAAgBC,IACtB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTL,KAAKO,MAAQF,EAAME,OAAS,E,CAE9BP,KAAKQ,gBAAgBJ,EAAG,EAGlBJ,KAAAS,cAAiBL,IACvBJ,KAAKU,gBAAgBN,EAAG,EAGlBJ,KAAAW,YAAeP,IACrBJ,KAAKY,SAAW,MAEhB,GAAIZ,KAAKa,eAAiBb,KAAKO,MAAO,CAKpCP,KAAKU,gBAAgBN,E,CAGvBJ,KAAKc,QAAQC,KAAKX,EAAG,EAGfJ,KAAAgB,aAAgBZ,IACtBJ,KAAKY,SAAW,KAChBZ,KAAKa,aAAeb,KAAKO,MAEzBP,KAAKiB,SAASF,KAAKX,EAAG,EAGhBJ,KAAAkB,mBAAqB,KAC3BlB,KAAKE,YAAc,IAAI,EAGjBF,KAAAmB,iBAAmB,KACzBnB,KAAKE,YAAc,KAAK,E,qTA5EX,O,WAKyC,G,cAKpC,K,CAjFpB,cAAMkB,GACJ,GAAKpB,KAAKqB,YAAc,CACtBrB,KAAKqB,YAAYC,O,EAmFX,eAAAC,GACR,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAqB1B,KAMjDA,KAAKwB,SAAWC,IAAaE,UAAYD,IAAgB,MAAhBA,SAAgB,EAAhBA,EAAoBF,EAAWI,EAAcJ,EAAUC,E,CAIxF,YAAAI,GACR,MAAMR,EAAcrB,KAAKqB,YACzB,MAAMd,EAAQP,KAAK8B,WAEnB,GAAIT,GAAeA,EAAYd,QAAUA,IAAUP,KAAKE,YAAa,CACnEmB,EAAYd,MAAQA,C,EAIhB,QAAAuB,GACN,cAAc9B,KAAKO,QAAU,SAAWP,KAAKO,MAAMwB,YAAc/B,KAAKO,OAAS,IAAIwB,U,CA+C7E,eAAArB,CAAgBsB,GACtB,MAAMzB,MAAEA,GAAUP,KAClB,MAAMiC,EAAW1B,GAAS,KAAOA,EAAQA,EAAMwB,WAE/C/B,KAAKa,aAAeoB,EACpBjC,KAAKkC,UAAUnB,KAAK,CAAER,MAAO0B,EAAUD,S,CAOjC,eAAAxB,CAAgBwB,GACtB,MAAMzB,MAAEA,GAAUP,KAGlB,MAAMiC,EAAW1B,GAAS,KAAOA,EAAQA,EAAMwB,WAE/C/B,KAAKwB,SAAST,KAAK,CAAER,MAAO0B,EAAUD,S,CAIxC,iBAAAG,GACEnC,KAAKC,oBAAmBmC,OAAAC,OAAA,GACnBC,EAAsBtC,KAAKuC,I,CAIlC,gBAAAC,GACExC,KAAKuB,iB,CAGP,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACY5C,KAAK6C,SAAW,OAAS,KAAI,gBAC7B7C,KAAK8C,SAAW,OAAS,MAExCJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,SAAAE,IAAA,2CAAOI,QAAShD,KAAKiD,aAAcjD,KAAKkD,OACxCR,EAAA,QAAAN,OAAAC,OAAA,CAAAO,IAAA,2CAAOG,MAAM,mBACXI,IAAM9C,GAAUL,KAAKqB,YAAchB,EAAK,mBACtB+C,EAAkBpD,KAAKiD,YAAajD,KAAKqD,QAASrD,KAAKsD,eAAc,eACzEtD,KAAKqD,QAAU,OAAS1B,UACtC4B,aAAcvD,KAAKuD,aACnBV,SAAU7C,KAAK6C,SACfW,GAAIxD,KAAKiD,YACTQ,KAAMzD,KAAKyD,KACXC,YAAa1D,KAAK0D,YAClBC,SAAU3D,KAAK8C,SACfc,SAAU5D,KAAK4D,SACfC,KAAM7D,KAAK6D,KACXtD,MAAOP,KAAKO,MACZuD,QAAS9D,KAAKG,aACd4D,SAAU/D,KAAKS,cACfuD,OAAQhE,KAAKW,YACbsD,QAASjE,KAAKgB,aACdkD,mBAAoBlE,KAAKkB,mBACzBiD,iBAAkBnE,KAAKmB,kBACnBnB,KAAKC,sBAEVD,KAAKsD,eACJZ,EAAA,KAAAE,IAAA,2CACEG,MAAM,4BACNS,GAAIY,EAAUpE,KAAKiD,YAAa,WAE/BjD,KAAKsD,eAGTtD,KAAKqE,cACJ3B,EAAA,KAAAE,IAAA,2CACEG,MAAM,2BACNS,GAAIY,EAAUpE,KAAKiD,YAAa,SAAQ,YAC9B,aAEVP,EAAA,YAAAE,IAAA,2CAAU0B,KAAMC,EAAQC,KAAK,UAC5BxE,KAAKqE,e","ignoreList":[]}

package/dist/pine-core/p-2fedf634.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-45cf2585.system.js","./p-521ac753.system.js","./p-8d1efd85.system.js","./p-5480346a.system.js"],(function(e){"use strict";var i,s,r,n,t,o,a,d;return{setters:[function(e){i=e.r;s=e.c;r=e.h;n=e.H},function(e){t=e.m},function(e){o=e.P},function(e){a=e.b;d=e.e}],execute:function(){var c=':host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}label{font:var(--pine-typography-body-medium);grid-area:label;letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--pine-border);border-radius:10px;font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-150);padding-right:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}:host(.is-invalid) select{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}:host(.is-invalid) select:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-select__error-message,.pds-select__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:2.5rem;pointer-events:none;position:relative;z-index:1}';var l=c;var f=e("pds_select",function(){function e(e){var r=this;i(this,e);this.pdsSelectChange=s(this,"pdsSelectChange",7);this.onSelectUpdate=function(e){var i=e.target;var s=Array.from(i.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(s.length===1&&!r.multiple){r.value=s[0]}else{r.value=s}r.pdsSelectChange.emit(e)};this.handleSlotChange=function(){var e=r.slotContainer.querySelector("slot");r.selectEl.innerHTML="";var i=e.assignedElements({flatten:true});i.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var i=e.cloneNode(true);if(i.tagName==="OPTION"&&i.value===r.value){i.selected=true}r.selectEl.appendChild(i)}}));r.updateSelectedOption()};this.autocomplete=undefined;this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.multiple=false;this.name=undefined;this.required=false;this.value=undefined}e.prototype.valueChanged=function(){this.updateSelectedOption()};e.prototype.componentWillLoad=function(){this.updateSelectedOption()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&r("p",{class:"pds-select__helper-message",id:t(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&r("p",{class:"pds-select__error-message",id:t(this.componentId,"error"),"aria-live":"assertive"},r("pds-icon",{icon:a,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return r("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.render=function(){var e=this;return r(n,{key:"165255feccf783f5be54aafd3d662f74c6fe376d","aria-disabled":this.disabled?"true":null,class:this.classNames()},r("div",{key:"15a65039af0d9f33a3cc2e3402e4f883fbcbee17",class:"pds-select"},r(o,{key:"aca9088817a4faa1d077e2a0bca640d62d940bf1",htmlFor:this.componentId,text:this.label}),r("select",{key:"ed87a23fc18c58d7a12f69ea0c934d4779955530",autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onChange:this.onSelectUpdate,required:this.required,ref:function(i){return e.selectEl=i}}),r("div",{key:"c62b99979077a1d0d513cb222643fcdac5b8918a","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},r("slot",{key:"44c53a70f4cc009fe601e868a4bbf251e45ff8a1",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&r("pds-icon",{key:"7b23da1edb11078a6471aa3a2847b0e54bb1b6bc",class:"pds-select__select-icon",icon:d})))};Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());f.style=l}}}));
-//# sourceMappingURL=p-2fedf634.system.entry.js.map

package/dist/pine-core/p-2fedf634.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsSelectCss","PdsSelectStyle0","PdsSelect","exports","this","onSelectUpdate","e","target","values","Array","from","options","filter","option","map","length","_this","multiple","value","pdsSelectChange","emit","handleSlotChange","slot","slotContainer","querySelector","selectEl","innerHTML","assignedElements","flatten","forEach","item","includes","tagName","clonedItem","cloneNode","selected","appendChild","updateSelectedOption","class_1","prototype","valueChanged","componentWillLoad","isArray","getHelperMessage","helperMessage","h","class","id","messageId","componentId","getErrorMessage","errorMessage","icon","danger","size","renderMessages","classNames","invalid","push","disabled","join","render","Host","key","PdsLabel","htmlFor","text","label","autocomplete","undefined","name","onChange","required","ref","el","onSlotchange","enlarge"],"sources":["src/components/pds-select/pds-select.scss?tag=pds-select&encapsulation=shadow","src/components/pds-select/pds-select.tsx"],"sourcesContent":[":host {\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n  .hidden,\n  :host([hidden]) {\n    display: none;\n  }\n}\n\n.pds-select {\n  display: grid;\n  flex-direction: column;\n  grid-template-areas:\n    'label label'\n    'field field'\n    'message message';\n  grid-template-columns: 1fr minmax(2rem, min-content);\n  grid-template-rows: min-content min-content min-content;\n  position: relative;\n  width: 100%;\n}\n\nlabel {\n  font: var(--pine-typography-body-medium);\n  grid-area: label;\n  letter-spacing: var(--pine-letter-spacing);\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\nselect {\n  appearance: none;\n  border: var(--pine-border);\n  border-radius: 10px;\n  font: var(--pine-typography-body);\n  grid-area: field;\n  letter-spacing: var(--pine-letter-spacing);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-150);\n  padding-right: var(--pine-dimension-450);\n  position: relative;\n\n  &:hover {\n    border-color: var(--pine-color-border-hover);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border-color: var(--pine-color-border-active);\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:has(~ .pds-select__message .pds-select__error-message) {\n    background-color: var(--pine-color-red-050);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n}\n\n:host(.is-invalid) {\n  select {\n    background-color: var(--pine-color-red-050);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n}\n\n.pds-select__error-message,\n.pds-select__helper-message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-end: 0;\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-select__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-select__message {\n  grid-area: message;\n}\n\n.pds-select__select-icon {\n  align-items: center;\n  display: flex;\n  grid-column: -1 / -2;\n  grid-row: 2 / 3;\n  height: 2.5rem;\n  pointer-events: none;\n  position: relative;\n  z-index: 1;\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { danger, enlarge } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-select',\n  styleUrl: 'pds-select.scss',\n  shadow: true,\n})\nexport class PdsSelect {\n\n  private selectEl!: HTMLSelectElement;\n  private slotContainer!: HTMLDivElement;\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Indicates whether or not the select field is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below select.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines whether or not the select is invalid.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the select label.\n   */\n  @Prop() label: string;\n\n  /**\n   * Indicates whether multiple options can be selected.\n   * @defaultValue false\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name!: string;\n\n  /**\n   * Indicates whether or not the select field is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value(s) of the selected option(s).\n   *\n   */\n  @Prop({ mutable: true }) value?: string | string[];\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsSelectChange: EventEmitter<InputEvent>;\n\n  @Watch('value')\n  /**\n   * Handles the change in the value of the select component.\n   * This method is called whenever the value of the select component changes.\n   * It updates the selected option accordingly.\n   */\n  valueChanged() {\n    this.updateSelectedOption();\n  }\n\n  componentWillLoad() {\n    this.updateSelectedOption();\n  }\n\n  /**\n   * Updates the selected option in the select element based on the current value.\n   *\n   * This method iterates through all the options of the select element and sets the\n   * 'selected' attribute on the option that matches the current value. If an option\n   * does not match the current value, the 'selected' attribute is removed.\n   *\n   * @private\n   * @returns {void}\n   */\n  private updateSelectedOption() {\n    if (this.selectEl) {\n      const options = this.selectEl.options;\n\n      // Update the selected attribute for all options.\n      Array.from(options).map((option: HTMLOptionElement) => {\n        if (Array.isArray(this.value)) {\n          option.selected = this.value.includes(option.value);\n        } else {\n          option.selected = this.value === option.value;\n        }\n      });\n    };\n  }\n\n  /**\n   * Emits an event on input change.\n  */\n  private onSelectUpdate = (e: Event) => {\n    const target = e.target as HTMLSelectElement\n\n    const values = Array.from(target.options)\n        .filter((option) => ( option.selected))\n        .map((option) => ( option.value));\n\n    if (values.length === 1 && !this.multiple) {\n        this.value = values[0];\n    } else {\n        this.value = values;\n    }\n\n    this.pdsSelectChange.emit(e as InputEvent);\n  };\n\n  /**\n   * Handles the change event for the slot element.\n   * This method is triggered when the slot content changes.\n   * It updates the inner HTML of the select element by cloning and appending\n   * the assigned <option> elements from the slot.\n   */\n  private handleSlotChange = () => {\n    const slot = this.slotContainer.querySelector('slot') as HTMLSlotElement;\n\n    this.selectEl.innerHTML = '';\n    const assignedElements = slot.assignedElements({ flatten: true }) as (HTMLOptionElement | HTMLOptGroupElement)[];\n\n    assignedElements.forEach((item) => {\n      if ( ['OPTION', 'OPTGROUP'].includes(item.tagName)) {\n        const clonedItem = item.cloneNode(true) as HTMLOptionElement | HTMLOptGroupElement;\n        if (clonedItem.tagName === 'OPTION' && (clonedItem as HTMLOptionElement).value === this.value) {\n          (clonedItem as HTMLOptionElement).selected = true;\n        }\n        this.selectEl.appendChild(clonedItem);\n      }\n    });\n\n    this.updateSelectedOption();\n  };\n\n  private getHelperMessage() {\n    return this.helperMessage && (\n      <p class=\"pds-select__helper-message\" id={messageId(this.componentId, 'helper')}>\n        {this.helperMessage}\n      </p>\n    );\n  }\n\n  private getErrorMessage() {\n    return this.errorMessage && (\n      <p class=\"pds-select__error-message\" id={messageId(this.componentId, 'error')} aria-live=\"assertive\">\n        <pds-icon icon={danger} size=\"small\"></pds-icon>\n        {this.errorMessage}\n      </p>\n    );\n  }\n\n  private renderMessages() {\n    if (!this.helperMessage && !this.errorMessage) return null;\n\n    return (\n      <div class=\"pds-select__message\">\n        {this.getHelperMessage()}\n        {this.getErrorMessage()}\n      </div>\n    );\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null} class={this.classNames()}>\n        <div class=\"pds-select\">\n          <PdsLabel htmlFor={this.componentId} text={this.label} />\n            <select\n              autocomplete={this.autocomplete || undefined}\n              class=\"pds-select__field\"\n              disabled={this.disabled}\n              id={this.componentId}\n              multiple={this.multiple}\n              name={this.name}\n              onChange={this.onSelectUpdate}\n              required={this.required}\n              ref={(el) => (this.selectEl = el as HTMLSelectElement)}\n            ></select>\n          <div aria-hidden=\"true\" class=\"hidden\" ref={(el) => (this.slotContainer = el)}>\n            <slot onSlotchange={this.handleSlotChange}></slot>\n          </div>\n          {this.renderMessages()}\n          {!this.multiple && <pds-icon class=\"pds-select__select-icon\" icon={enlarge} />}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-30cd9f18.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as s,H as t}from"./p-87fe352f.js";const e=":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio)}";const a=e;const n=class{constructor(s){i(this,s);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}render(){return s(t,{key:"784f2478acc28f043613c4c8fa67b5bef85820b1",class:{"pds-image":true},id:this.componentId},s("img",{key:"766a8230a6ea0ae45746fae832206785f963d215",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}};n.style=a;export{n as pds_image};
-//# sourceMappingURL=p-30cd9f18.entry.js.map

package/dist/pine-core/p-399617f0.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,i,t,n){function r(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?t(e.value):r(e.value).then(a,s)}l((n=n.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(i){return l([e,i])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(t=0)),t)try{if(n=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;r=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];r=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-45cf2585.system.js","./p-521ac753.system.js","./p-5480346a.system.js","./p-017e1978.system.js","./p-a7d75615.system.js"],(function(e){"use strict";var i,t,n,r,o,a,s,l,c,d;return{setters:[function(e){i=e.r;t=e.c;n=e.h;r=e.H;o=e.g},function(e){a=e.a;s=e.m},function(e){l=e.b},function(e){c=e.d},function(e){d=e.i}],execute:function(){var u=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var h=u;var f=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font-weight:var(--pine-font-weight-medium)}";var p=f;var b=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{color:var(--pine-color-text-label);font-weight:var(--pine-font-weight-medium)}input{border:1px solid var(--pine-color-border);border-radius:10px;color:var(--pine-color-text-active);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);}input:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed;}input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:hover{border-color:var(--pine-color-border-hover)}input:focus-visible{border-color:var(--pine-color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}input::-moz-placeholder{color:var(--pine-color-text-placeholder)}input::-moz-placeholder{color:var(--pine-color-text-placeholder)}input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}input:has(~.pds-input__error-message){background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}input:has(~.pds-input__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-input__error-message,.pds-input__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";var v=b;var m=e("pds_input",function(){function e(e){var n=this;i(this,e);this.pdsBlur=t(this,"pdsBlur",7);this.pdsChange=t(this,"pdsChange",7);this.pdsFocus=t(this,"pdsFocus",7);this.pdsInput=t(this,"pdsInput",7);this.inheritedAttributes={};this.isComposing=false;this.onInputEvent=function(e){var i=e.target;if(i){n.value=i.value||""}n.emitInputChange(e)};this.onChangeEvent=function(e){n.emitValueChange(e)};this.onBlurEvent=function(e){n.hasFocus=false;if(n.focusedValue!==n.value){n.emitValueChange(e)}n.pdsBlur.emit(e)};this.onFocusEvent=function(e){n.hasFocus=true;n.focusedValue=n.value;n.pdsFocus.emit(e)};this.onCompositionStart=function(){n.isComposing=true};this.onCompositionEnd=function(){n.isComposing=false};this.autocomplete=undefined;this.componentId=undefined;this.debounce=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value="";this.hasFocus=false}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,i=e.pdsInput,t=e.debounce,n=e.originalPdsInput;this.pdsInput=t===undefined?n!==null&&n!==void 0?n:i:c(i,t)};e.prototype.valueChanged=function(){var e=this.nativeInput;var i=this.getValue();if(e&&e.value!==i&&!this.isComposing){e.value=i}};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var i=this.value;var t=i==null?i:i.toString();this.focusedValue=t;this.pdsChange.emit({value:t,event:e})};e.prototype.emitInputChange=function(e){var i=this.value;var t=i==null?i:i.toString();this.pdsInput.emit({value:t,event:e})};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},d(this.el))};e.prototype.componentDidLoad=function(){this.debounceChanged()};e.prototype.render=function(){var e=this;return n(r,{key:"4247c9ed871a2f5e39fea4c222367341eda18e32","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null},n("div",{key:"b49fb30682b34b2c20ed6b0959d66e18050088d0",class:"pds-input"},n("label",{key:"ac028db52deca16edd0663ccccdc01d3651a299a",htmlFor:this.componentId},this.label),n("input",Object.assign({key:"cf478f28743397013c0964aa3f6232de2a319f7a",class:"pds-input__field",ref:function(i){return e.nativeInput=i},"aria-describedby":a(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.helperMessage&&n("p",{key:"78180c0527fc6ef81d9e915898333a9e09e892e4",class:"pds-input__helper-message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&n("p",{key:"9512deaecd57644da843557cd07ac8880cde424f",class:"pds-input__error-message",id:s(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{key:"38c36403181b41c06f16e737f088e58199f07618",icon:l,size:"small"}),this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());m.style=h+(p+v)}}}));
-//# sourceMappingURL=p-399617f0.system.entry.js.map

package/dist/pine-core/p-399617f0.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsInputTokensCss","PdsInputStyle0","labelCss","PdsInputStyle1","pdsInputCss","PdsInputStyle2","PdsInput","exports","this","inheritedAttributes","isComposing","onInputEvent","ev","input","target","_this","value","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","hasFocus","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","class_1","prototype","setFocus","nativeInput","focus","debounceChanged","_a","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","componentWillLoad","Object","assign","inheritAriaAttributes","el","componentDidLoad","render","h","Host","key","disabled","readonly","class","htmlFor","componentId","label","ref","assignDescription","invalid","helperMessage","autocomplete","id","name","placeholder","readOnly","required","type","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","errorMessage","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:host {\n  --pine-input-color-background-danger: var(--pine-color-red-050);\n}\n",":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font-weight: var(--pine-font-weight-medium);\n\n}\n",":host {\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n  display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n  input {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font-weight: var(--pine-font-weight-medium);\n}\n\ninput {\n  border: 1px solid var(--pine-color-border);\n  border-radius: 10px;\n  color: var(--pine-color-text-active);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n\n    /* stylelint-disable */\n    &::-webkit-input-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &::-moz-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &::-moz-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &:-ms-input-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n    /* stylelint-enable */\n  }\n\n  &:hover {\n    border-color: var(--pine-color-border-hover);\n  }\n\n  &:focus-visible {\n    border-color: var(--pine-color-border-active);\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  /* stylelint-disable */\n  &::-webkit-input-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &:-ms-input-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &:has(~.pds-input__error-message) {\n\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n  /* stylelint-enable */\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-end: 0;\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-input__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { debounceEvent } from '@utils/utils';\nimport { inheritAriaAttributes } from '@utils/attributes';\n\nimport type { Attributes } from '@utils/attributes';\nimport type { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\n\n@Component({\n  tag: 'pds-input',\n  styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n  shadow: true,\n})\nexport class PdsInput {\n  private nativeInput?: HTMLInputElement;\n  private inheritedAttributes: Attributes = {};\n  private isComposing = false;\n  /**\n   * The value of the input when the input is focused.\n   */\n  private focusedValue?: string | number | null;\n\n  private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n\n  @Element() el!: HTMLPdsInputElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   *\n   * Emitted when the value has changed.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n  /**\n   * Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if ( this.nativeInput ) {\n      this.nativeInput.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets the number of milliseconds to wait before updating the value.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Determines whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Determines whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Determines the type of control that will be displayed\n   * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string | number | null = '';\n\n  /**\n   * Determines if the input has focus.\n   */\n  @State() hasFocus = false;\n\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    /**\n     * If debounce is undefined, we have to manually revert the pdsInput emitter in case\n     * debounce used to be set to a number. Otherwise, the event would stay debounced.\n     */\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeInput;\n    const value = this.getValue();\n\n    if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n      nativeInput.value = value;\n    }\n  }\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onChangeEvent = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private onBlurEvent = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      /**\n       * Emits the `pdsChange` event when the input value\n       * is different than the value when the input was focused.\n       */\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocusEvent = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onCompositionStart = () => {\n    this.isComposing = true;\n  }\n\n  private onCompositionEnd = () => {\n    this.isComposing = false;\n  }\n\n  /**\n   * Emits a pdsChange event\n   */\n  private emitValueChange(event?: Event) {\n    const { value } = this;\n    const newValue = value == null ? value : value.toString();\n\n    this.focusedValue = newValue;\n    this.pdsChange.emit({ value: newValue, event });\n  }\n\n  /**\n   *\n   * Emits a `pdsInput` event\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n\n    this.pdsInput.emit({ value: newValue, event });\n  }\n\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  componentDidLoad() {\n    this.debounceChanged();\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          <label htmlFor={this.componentId}>{this.label}</label>\n          <input class=\"pds-input__field\"\n            ref={(input) => this.nativeInput = input}\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            autocomplete={this.autocomplete}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            type={this.type}\n            value={this.value}\n            onInput={this.onInputEvent}\n            onChange={this.onChangeEvent}\n            onBlur={this.onBlurEvent}\n            onFocus={this.onFocusEvent}\n            onCompositionstart={this.onCompositionStart}\n            onCompositionend={this.onCompositionEnd}\n            {...this.inheritedAttributes}\n          />\n          {this.helperMessage &&\n            <p\n              class=\"pds-input__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.errorMessage &&\n            <p\n              class=\"pds-input__error-message\"\n              id={messageId(this.componentId, 'error')}\n              aria-live=\"assertive\"\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-3fbb568f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,H as a}from"./p-87fe352f.js";const n=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-brand);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--color-background-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";const t=n;const r=class{constructor(i){e(this,i);this.style=()=>{if(this.size!==undefined){return{height:this.loaderSize(),width:this.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}}render(){return i(a,{key:"0caf3182214726aca594996b43765c540a2bea76",class:`pds-loader ${this.isLoading?"":"pds-loader--hidden"}`,"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&i("div",{key:"bf62aea965efcfa2d5331ac9f69fdd60836ec498",class:"pds-loader--spinner"},i("svg",{key:"f4a2ca5e27c3c04f70029415996c79d54e3db148",style:this.style(),viewBox:"0 0 200 200",fill:"none"},i("defs",{key:"dba4da5d4c65b1322c079b1ef3608044f8a0c12d"},i("linearGradient",{key:"da837ec20645bb254a1bf86796306e07744adbdd",id:"spinner-secondHalf"},i("stop",{key:"922e70ae537fa4541afb13d167ca7578759462fd",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),i("stop",{key:"861e6a6540827f500872f11527301ef563b9d3cd",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),i("linearGradient",{key:"b8675daa4f37de927e8d3742385e2058a0b33f36",id:"spinner-firstHalf"},i("stop",{key:"754e35be6b1268864743c42adc41ef682dab1307",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),i("stop",{key:"9db1dee07342751a07a6039326bb2fada0ba22d7",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),i("g",{key:"aee0ed505c0512e831724ca54cb287bde5ab2470",class:"pds-loader__spinner-path"},i("path",{key:"93096ef22bd2fdbaa819b926b4ec8fabce2050c7",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),i("path",{key:"648bde48070689c3b22bc40f1ad17de694d146f7",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),i("path",{key:"9a78cd8d70dbeed9cf04deef9ee766c31464b0e6",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&i("div",{key:"6b5a395b4a7fef244d941d5276ca4348ed2e79de",class:"pds-loader--typing"},i("span",{key:"7c1e5a5b2441e0c649a1faab10a758290487c492"}),i("span",{key:"39db51a0391c2447ab4ba5a75e8d544c2167e41b"}),i("span",{key:"5315bfc12f3b269ff14ac4abe39c4bd50be4a648"})),i("div",{key:"c53aa88ef1f3bbabd67f332529016adbfcd4e82e",class:`pds-loader__label ${this.showLabel?"":"pds-loader--hidden"}`},i("slot",{key:"3d6dbd3a72223fc49e1ce1f0578296b18c7175ae",name:"label"},"Loading...")))}};r.style=t;export{r as pds_loader};
-//# sourceMappingURL=p-3fbb568f.entry.js.map

package/dist/pine-core/p-3fbb568f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","this","style","size","undefined","height","loaderSize","width","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--pine-dimension-xs);\n}\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n  border-width: 0 ;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n  --color-background-spinner: var(--pine-color-brand);\n  --number-spinner-timing: 2s;\n  --number-spinner-path-timing: 1.5s;\n\n  animation: rotate var(--number-spinner-timing) linear infinite;\n  color: var(--color-background-spinner);\n}\n\n.pds-loader__spinner-path {\n  stroke-width: 8px;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// Typing Loader\n.pds-loader--typing {\n  --number-typing-timing: 1s;\n\n  --opacity-typing-dot-default: 0.4;\n  --opacity-typing-dot-active: 1;\n\n  align-items: center;\n  background-color: var(--pine-color-background-container-disabled);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow);\n  display: inline-flex;\n  gap: var(--pine-dimension-2xs);\n  margin-block: var(--pine-dimension-none);\n  margin-inline: auto;\n  padding-block: 15px;\n  padding-inline: 20px;\n  position: relative;\n\n  span {\n    background-color: var(--pine-color-border-hover);\n    block-size: 6px;\n    border-radius: var(--pine-border-radius-full);\n    inline-size: 6px;\n    opacity: var(--opacity-typing-dot-default);\n\n    @for $i from 1 through 3 {\n      &:nth-of-type(#{$i}) {\n        animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n      }\n    }\n  }\n}\n\n@keyframes typing {\n  50% {\n    opacity: var(--opacity-typing-dot-active);\n    transform: scale(1.25);\n  }\n}\n\n.pds-loader__label {\n  --typography-label-default: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);\n\n  font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot label - Default slot for Loader label text.\n */\n\n@Component({\n  tag: 'pds-loader',\n  styleUrls: ['pds-loader.scss'],\n  shadow: true,\n})\nexport class PdsLoader {\n  /**\n   * If false, the loader will be hidden.\n   */\n  @Prop() isLoading: boolean = true;\n\n  /**\n   * Determines whether the loader should display a label.\n   */\n  @Prop() showLabel?: boolean = false;\n\n  /**\n   * Sets the size of the spinner loader. Value can be preset or custom.\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string = 'md';\n\n  /**\n   * Determines the type of loader.\n   */\n  @Prop() variant: 'spinner' | 'typing' = 'spinner';\n\n  private loaderSize() {\n    const sizes: { [key: string]: string } = {\n      xs: '24px',\n      sm: '32px',\n      md: '48px',\n      lg: '64px',\n      xl: '80px',\n    };\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n\n  private style = () => {\n    if (this.size !== undefined) {\n      return {\n        height: this.loaderSize(),\n        width: this.loaderSize(),\n      };\n    }\n  };\n\n  render() {\n    return (\n      <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n        {this.variant === 'spinner' && (\n          <div class=\"pds-loader--spinner\">\n            <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n              <defs>\n                <linearGradient id=\"spinner-secondHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n                <linearGradient id=\"spinner-firstHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n              </defs>\n\n              <g class=\"pds-loader__spinner-path\">\n                <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n                <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n                <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n              </g>\n            </svg>\n          </div>\n        )}\n\n        {this.variant === 'typing' && (\n          <div class=\"pds-loader--typing\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        )}\n\n        <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n          <slot name=\"label\">Loading...</slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,s+EACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,yBA2CZC,KAAAC,MAAQ,KACd,GAAID,KAAKE,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQJ,KAAKK,aACbC,MAAON,KAAKK,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhC,UAAAA,GACN,MAAME,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMP,KAAKE,MAAO,CACpB,OAAOK,EAAMP,KAAKE,K,KACb,CACL,OAAOF,KAAKE,I,EAahB,MAAAW,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,cAAcjB,KAAKkB,UAAY,GAAK,uBAAsB,eAAgBlB,KAAKkB,UAAS,YAAalB,KAAKkB,UAAS,YAAY,UACzIlB,KAAKmB,UAAY,WAChBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKf,MAAOD,KAAKC,QAASmB,QAAQ,cAAcC,KAAK,QACnDP,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBM,GAAG,sBACjBR,EAAA,QAAAE,IAAA,2CAAMO,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CT,EAAA,QAAAE,IAAA,2CAAMO,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDT,EAAA,kBAAAE,IAAA,2CAAgBM,GAAG,qBACjBR,EAAA,QAAAE,IAAA,2CAAMO,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CT,EAAA,QAAAE,IAAA,2CAAMO,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDT,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,2BAA2BC,EAAE,kCAC1CX,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,0BAA0BC,EAAE,kCAEzCX,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5DzB,KAAKmB,UAAY,UAChBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAqBjB,KAAK0B,UAAY,GAAK,wBACrDZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,SAAO,e","ignoreList":[]}

package/dist/pine-core/p-4d1fbb88.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var t,a,n,i;return{setters:[function(e){t=e.r;a=e.h;n=e.H;i=e.g}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel.is-active{display:block}";var d=s;var c=e("pds_tabpanel",function(){function e(e){t(this,e);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.selected=false}e.prototype.render=function(){return a(n,{key:"e373f0105e391bcb04888b060f41d96cf374ee2d",slot:"tabpanels"},a("div",{key:"699b02073f6fa1caafc5920b82f776c86c553599",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},a("slot",{key:"df59ed91bf0ca60ccbde92b2f84c7c17659bfdbd"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());c.style=d}}}));
-//# sourceMappingURL=p-4d1fbb88.system.entry.js.map