https://app.audiogo.com/node_modules_pnpm_sxm-tune_web_1_2_9_node_…e-form-control_entry_js.8c671a44ba95e29e.js

1"use strict";(self.webpackChunkaudio_go=self.webpackChunkaudio_go||[]).push([["node_modules_pnpm_sxm-tune_web_1_2_9_node_modules_sxm-tune_web_dist_esm_tune-form-control_entry_js"],{90038:(p,c,i)=>{i.r(c),i.d(c,{tune_form_control:()=>d});var t=i(17427);const d=class{constructor(e){(0,t.r)(this,e)}get hostElement(){return(0,t.g)(this)}fieldElement;fieldId="tune-form-control-"+m++;customErrorMessages=new Map;required=!1;disabled=!1;readonly=!1;hasSlottedLabel;hasSlottedDescription;hasTooltipSlot;currentErrors=new Map;isDirty=!1;isTouched=!1;label;description;componentWillLoad(){this.hasSlottedLabel=!1,this.hasSlottedDescription=!1,this.hasTooltipSlot=!1,this.currentErrors=new Map,this.isDirty=!1,this.isTouched=!1,this.checkSlots(),this.parseCustomErrorMessages()}componentDidLoad(){this.initializeField()}handleFieldStateChange({detail:e}){Object.hasOwnProperty.call(e,"required")&&(this.required=e.required)}handleFieldValidationChange(e){e.stopPropagation();const{errors:s,isDirty:r,isTouched:o}=e.detail,a=new Map;s.forEach((n,l)=>{const f=this.customErrorMessages.get(l);if(f){const u=this.replaceErrorMessageParams(f);a.set(l,u)}else a.set(l,n)}),this.currentErrors=a,this.isDirty=r,this.isTouched=o}checkSlots(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]'),this.hasSlottedDescription=!!this.hostElement.querySelector('[slot="description"]'),this.hasTooltipSlot=!!this.hostElement.querySelector('[slot="tooltip"]')}parseCustomErrorMessages(){const e=this.hostElement.querySelector('[slot="errors"]');e&&e.querySelectorAll("[error]").forEach(r=>{const o=r.getAttribute("error");o&&this.customErrorMessages.set(o,r)})}replaceErrorMessageParams(e){if(!this.fieldElement)return e.innerHTML;let r=e.cloneNode(!0).innerHTML;const o={min:this.fieldElement.min,max:this.fieldElement.max,minlength:this.fieldElement.minlength,maxlength:this.fieldElement.maxlength,pattern:this.fieldElement.pattern};return Object.keys(o).forEach(a=>{const n=o[a];if(null!=n){const l=new RegExp(`\\{${a}\\}`,"g");r=r.replace(l,String(n))}}),r}initializeField(){const e=this.hostElement.shadowRoot.querySelector("slot:not([name])");if(e){const s=e.assignedElements();s.length>0&&(this.fieldElement=s[0])}}handleLabelClick=e=>{e.preventDefault(),this.fieldElement&&"function"==typeof this.fieldElement.focus&&this.fieldElement.focus()};get showLabel(){return!(!this.label&&!this.hasSlottedLabel)}get showDescription(){return!(!this.description&&!this.hasSlottedDescription)}get showErrors(){return this.currentErrors.size>0&&this.isTouched&&!this.disabled}render(){const e=this.showErrors?Array.from(this.currentErrors.values())[0]:null;return(0,t.h)(t.a,{key:"64d1717887f7ed447beee0b89ccc220c32e9aae6",class:{"tune-form-control":!0,"tune-form-control--disabled":this.disabled,"tune-form-control--readonly":this.readonly,"tune-form-control--required":this.required,"tune-form-control--invalid":this.showErrors}},this.showLabel&&(0,t.h)("div",{key:"da319641b12fda337e2dde87f89f4fb48b8dea00",class:"tune-form-control__header"},(0,t.h)("div",{key:"27e012b71d9345ab19ac58780a20d2af902ccfe9",class:"tune-form-control__label-wrapper"},(0,t.h)("label",{key:"f944ac567021a2cf9b2d2a6bc310bb3016208eaf",part:"label",htmlFor:this.fieldId,class:"tune-form-control__label",onClick:this.handleLabelClick},this.hasSlottedLabel?(0,t.h)("slot",{name:"label"}):this.label,this.required&&(0,t.h)("span",{key:"573edcecdd8cefd85eb557cc3bc14c14bd2dbf0c",class:"tune-form-control__required","aria-label":"required"},"*")),this.hasTooltipSlot&&(0,t.h)("div",{key:"3da3d0b2c66a55be47125eef1cf8c9299ccf745a",class:"tune-form-control__tooltip"},(0,t.h)("slot",{key:"867c76bbba31d9b4bbc4c2a8d39eb63adc73d3cd",name:"tooltip"})))),(0,t.h)("div",{key:"ad6e23bacfc1b2f708f0c3d7476a5313f635bf79",class:"tune-form-control__field-wrapper"},(0,t.h)("slot",{key:"e688c2db65c4b7056744aec1a5877040d320d4d5"})),(this.showDescription||this.showErrors)&&(0,t.h)("div",{key:"5d12e40abc941af81c414431007378211a5c837b",class:"tune-form-control__footer"},this.showErrors?(0,t.h)("div",{class:"tune-form-control__error",part:"errors",role:"alert","aria-live":"polite",innerHTML:e}):this.showDescription&&(0,t.h)("div",{part:"description",class:"tune-form-control__description"},this.hasSlottedDescription?(0,t.h)("slot",{name:"description"}):this.description)),(0,t.h)("div",{key:"490226e3c3cbc7910466b1da163db4f15c6d80be",style:{display:"none"}},(0,t.h)("slot",{key:"e4d27d16517f6bdbb9e58c8aa2235d655b9978cc",name:"errors"})))}static get delegatesFocus(){return!0}};let m=0;d.style=":host{--label-color:var(--tune-form-control-label-color, var(--tune-input-contrast, var(--tune-neutral-90, #1a1a1a)));--label-font-size:var(--tune-form-control-label-font-size, var(--tune-font-size-p--small, 14px));

1--label-font-weight:var(--tune-form-control-label-font-weight, var(--tune-font-weight--medium, 500));--label-spacing:var(--tune-form-control-label-spacing, var(--tune-space--xsmall, 10px));--description-color:var(--tune-form-control-description-color, var(--tune-neutral-70, #4a4a4a));--description-font-size:var(--tune-form-control-description-font-size, var(--tune-font-size-p--small, 14px));--description-spacing:var(--tune-form-control-description-spacing, var(--tune-space--xxsmall, 5px));--error-color:var(--tune-form-control-error-color, var(--tune-red-50, #d32f2f));--error-font-size:var(--tune-form-control-error-font-size, var(--tune-font-size-p--small, 14px));--error-font-weight:var(--tune-form-control-error-font-weight, var(--tune-font-weight--medium, 500));--error-spacing:var(--tune-form-control-error-spacing, var(--tune-space--xxsmall, 5px));--required-color:var(--tune-form-control-required-color, currentColor);--field-spacing:var(--tune-form-control-field-spacing, var(--tune-space--xxsmall, 5px));--disabled-opacity:var(--tune-form-control-disabled-opacity, 0.6);--disabled-cursor:var(--tune-form-control-disabled-cursor, not-allowed);--border-radius:var(--tune-form-control-border-radius, var(--tune-border-radius, 4px));display:block;width:100%}.tune-form-control__header{margin-bottom:var(--label-spacing)}.tune-form-control__label-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--tune-space--xxsmall, 5px);-ms-flex-pack:justify;justify-content:space-between}.tune-form-control__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--tune-space--xxsmall, 5px);color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight);cursor:pointer;-ms-flex:1;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tune-form-control__label:empty{display:none}.tune-form-control__required{color:var(--required-color);margin-left:2px}.tune-form-control__tooltip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.tune-form-control__tooltip ::slotted([slot=tooltip]){font-size:var(--tune-font-size-icon-medium, 16px)}.tune-form-control__field-wrapper{position:relative;display:block}.tune-form-control__footer{margin-top:var(--field-spacing);min-height:20px}.tune-form-control__description{color:var(--description-color);font-size:var(--description-font-size);margin-top:var(--description-spacing);line-height:1.4}.tune-form-control__error{color:var(--error-color);font-size:var(--error-font-size);font-weight:var(--error-font-weight);margin-top:var(--error-spacing);-webkit-animation:shake 0.2s ease-in-out;animation:shake 0.2s ease-in-out;line-height:1.4}:host(.tune-form-control--disabled){opacity:var(--disabled-opacity);cursor:var(--disabled-cursor);pointer-events:none}:host(.tune-form-control--readonly) .tune-form-control__label{cursor:default}:host(.tune-form-control--invalid) .tune-form-control__label{color:var(--error-color)}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}12.5%{-webkit-transform:translateX(-2%) rotateY(-5deg);transform:translateX(-2%) rotateY(-5deg)}37.5%{-webkit-transform:translateX(2%) rotateY(4deg);transform:translateX(2%) rotateY(4deg)}62.5%{-webkit-transform:translateX(-1%) rotateY(-2deg);transform:translateX(-1%) rotateY(-2deg)}87.5%{-webkit-transform:translateX(1%) rotateY(1deg);transform:translateX(1%) rotateY(1deg)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}12.5%{-webkit-transform:translateX(-2%) rotateY(-5deg);transform:translateX(-2%) rotateY(-5deg)}37.5%{-webkit-transform:translateX(2%) rotateY(4deg);transform:translateX(2%) rotateY(4deg)}62.5%{-webkit-transform:translateX(-1%) rotateY(-2deg);transform:translateX(-1%) rotateY(-2deg)}87.5%{-webkit-transform:translateX(1%) rotateY(1deg);transform:translateX(1%) rotateY(1deg)}}"}}]);