@pine-ds/core 3.4.3 → 3.5.1

package/dist/pine-core/p-96a89cd5.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","exports","class_1","hostRef","_this","this","inheritedAttributes","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","emitInputChange","onTextareaChange","prototype","setFocus","nativeTextarea","focus","debounceChanged","_a","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","internals","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","renderAction","h","class","part","setFormValue","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","hideLabel","label","htmlFor","ref","assignDescription","helperMessage","autocomplete","id","placeholder","readOnly","rows","onChange","messageId","icon","danger","size","errorMessage"],"sources":["src/global/styles/utils/label.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-input/pds-input.tokens.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":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: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n","@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n  textarea {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-textarea__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.pds-textarea__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\nlabel {\n  display: block;\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-textarea__label-wrapper label {\n  margin-block-end: 0;\n}\n\n.pds-textarea__field {\n  background-color: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--pine-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &.is-invalid {\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-textarea__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.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 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","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } from '../../utils/form';\nimport { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';\nimport { debounceEvent } from '@utils/utils';\nimport type { Attributes } from '@utils/attributes';\nimport { inheritAttributes, inheritAriaAttributes } from '@utils/attributes';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-textarea',\n  styleUrls: [\n    '../../global/styles/utils/label.scss',\n    '../pds-input/pds-input.tokens.scss',\n    'pds-textarea.scss'\n  ],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsTextarea {\n\n  private nativeTextarea?: HTMLTextAreaElement\n  private focusedValue?: string | null;\n  private inheritedAttributes: Attributes = {};\n  private originalPdsInput?: EventEmitter<TextareaInputEventDetail>;\n  private internals?: ElementInternals;\n\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\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   * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n   * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n   * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n   * the input is cleared on edit, the type is `null`.\n   */\n  @Event() pdsInput: EventEmitter<TextareaInputEventDetail>;\n\n  /**\n   * Event emitted whenever the value of the textarea changes.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  /**\n   * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n   * `textarea.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeTextarea) {\n      this.nativeTextarea.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   * Determines whether or not the textarea is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the event after each keystroke.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Displays an error message below the textarea field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the textarea field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the textarea is invalid or throws an error.\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the textarea is readonly.\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Determines whether or not the textarea is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea.\n   */\n  @Prop() rows?: number;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\n  /**\n   * If true, the textarea has action content in the label area\n   */\n  @State() hasAction = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeTextarea = this.nativeTextarea;\n    const value = this.getValue();\n\n    if (nativeTextarea && nativeTextarea.value !== value) {\n      nativeTextarea.value = value;\n    }\n\n    // Update form value for Form Associated Custom Elements API\n    this.updateFormValue();\n  }\n\n  /**\n   * Emits an `pdsInput` event.\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n    this.pdsInput.emit({ value, event });\n  }\n\n  /**\n   * Emits an `pdsTextareaChange` event.\n   */\n  private emitValueChange(event?: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    const { value } = textarea;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n    this.focusedValue = newValue;\n    this.pdsTextareaChange.emit({ value: newValue, event });\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private onBlur = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocus = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLTextAreaElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onTextareaChange = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el),\n      ...inheritAttributes(this.el),\n    };\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n  }\n\n  componentDidLoad() {\n    this.originalPdsInput = this.pdsInput;\n    // Set initial form value\n    this.updateFormValue();\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-textarea__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native textarea validation\n      if (this.nativeTextarea && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeTextarea.validity,\n          this.nativeTextarea.validationMessage,\n          this.nativeTextarea\n        );\n      }\n    }\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the textarea's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          }\n          <textarea\n            ref={(el) => this.nativeTextarea = el }\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            autocomplete={this.autocomplete}\n            class={this.textareaClassNames()}\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            rows={this.rows}\n            onBlur={this.onBlur}\n            onChange={this.onTextareaChange}\n            onFocus={this.onFocus}\n            onInput={this.onInput}\n            {...this.inheritedAttributes}\n          >\n            {value}\n          </textarea>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\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-c1f5148f.entry.js → p-98fe56d9.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as r,h as e,H as a}from"./p-BVCWKPy3.js";import{m as s,a as o}from"./p-DTL_39D_.js";import{f as d}from"./p-CzVv99mW.js";const n=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const t=class{constructor(e){i(this,e);this.pdsRadioChange=r(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=i=>{if(this.disabled){return}const r=i.target;const e=r.checked;this.pdsRadioChange.emit(e)}}classNames(){const i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")}render(){return e(a,{key:"5e8a4bd868172cda64aa2ad4697c7c41f0bdf633",class:this.classNames()},e("label",{key:"f18a8a06cf3f9be68ab6b110fe67a8af7c1e8595",htmlFor:this.componentId},e("input",{key:"7a3ef56682ebe1facedf1eb52445f85e5e7de9d1","aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e("span",{key:"bd0c351062e30ac4f68252497affdcde4730ef3d",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&e("div",{key:"3b180595a4c088df1f121937c11f7518a802b22f",class:"pds-radio__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"e931d2de83247c74bac1568f479ee99abd1f20a0",class:`pds-radio__message pds-radio__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"7dab998a2992e3738b5b3cd14ca7031ff6db6dbb",icon:d,size:"small"}),this.errorMessage))}};t.style=n+c;export{t as pds_radio};
-//# sourceMappingURL=p-c1f5148f.entry.js.map
+import{r as i,c as r,h as e,H as a}from"./p-BVCWKPy3.js";import{m as s,a as o}from"./p-DTL_39D_.js";import{f as d}from"./p-DrJ5r5Pu.js";const n=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const t=class{constructor(e){i(this,e);this.pdsRadioChange=r(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=i=>{if(this.disabled){return}const r=i.target;const e=r.checked;this.pdsRadioChange.emit(e)}}classNames(){const i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")}render(){return e(a,{key:"07bc6e41d1f10d256b3b0ed1512374ad94d2d395",class:this.classNames()},e("label",{key:"b3c40d9894a449f6471b4b05373cb2b08811dbd2",htmlFor:this.componentId},e("input",{key:"c4222e2fa2fa88f32c365bdd09f7cbf9fe6e8dcf","aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e("span",{key:"da54747a57ef58df02ef3eaa6c5fa64306c308dd",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&e("div",{key:"d569355b7ddf0dcb9ca37341cb301c911ec20357",class:"pds-radio__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"7ab12a87da2935f64b99eef4c3e31f4745d182bf",class:`pds-radio__message pds-radio__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"088239c13a84b6a948f211a2cab75e6e0a850662",icon:d,size:"small"}),this.errorMessage))}};t.style=n+c;export{t as pds_radio};
+//# sourceMappingURL=p-98fe56d9.entry.js.map