@nysds/components 1.14.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +2350 -598
- package/dist/.vscode/vscode.html-custom-data.json +63 -7
- package/dist/custom-elements.json +2350 -598
- package/dist/nysds.es.js +2754 -1819
- package/dist/nysds.es.js.map +1 -1
- package/dist/nysds.js +340 -117
- package/dist/nysds.js.map +1 -1
- package/dist/packages/nys-button/src/nys-button.d.ts +8 -0
- package/dist/packages/nys-checkbox/src/nys-checkbox.d.ts +10 -0
- package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts +8 -0
- package/dist/packages/nys-combobox/src/index.d.ts +1 -0
- package/dist/packages/nys-combobox/src/nys-combobox.d.ts +118 -0
- package/dist/packages/nys-combobox/src/nys-combobox.figma.d.ts +1 -0
- package/dist/packages/nys-datepicker/src/nys-datepicker.d.ts +9 -0
- package/dist/packages/nys-dropdownmenu/src/index.d.ts +2 -0
- package/dist/packages/nys-dropdownmenu/src/nys-dropdownmenu.d.ts +110 -0
- package/dist/packages/nys-dropdownmenu/src/nys-dropdownmenu.figma.d.ts +1 -0
- package/dist/packages/nys-dropdownmenu/src/nys-dropdownmenuitem.d.ts +40 -0
- package/dist/packages/nys-fileinput/src/nys-fileinput.d.ts +8 -0
- package/dist/packages/nys-fileinput/src/nys-fileitem.d.ts +8 -0
- package/dist/packages/nys-globalheader/src/nys-globalheader.d.ts +4 -2
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.d.ts +10 -0
- package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts +8 -0
- package/dist/packages/nys-select/src/nys-select.d.ts +8 -0
- package/dist/packages/nys-table/src/nys-table.d.ts +12 -1
- package/dist/packages/nys-textarea/src/nys-textarea.d.ts +8 -0
- package/dist/packages/nys-textinput/src/nys-textinput.d.ts +8 -1
- package/dist/packages/nys-toggle/src/nys-toggle.d.ts +10 -1
- package/dist/packages/nys-unavheader/src/nys-unavheader.d.ts +10 -1
- package/dist/src/index.d.ts +2 -0
- package/package.json +19 -10
- package/packages/react/NysAccordion.d.ts +65 -0
- package/packages/react/NysAccordion.js +23 -0
- package/packages/react/NysAccordionItem.d.ts +72 -0
- package/packages/react/NysAccordionItem.js +41 -0
- package/packages/react/NysAlert.d.ts +104 -0
- package/packages/react/NysAlert.js +63 -0
- package/packages/react/NysAvatar.d.ts +78 -0
- package/packages/react/NysAvatar.js +40 -0
- package/packages/react/NysBacktotop.d.ts +54 -0
- package/packages/react/NysBacktotop.js +22 -0
- package/packages/react/NysBadge.d.ts +75 -0
- package/packages/react/NysBadge.js +40 -0
- package/packages/react/NysButton.d.ts +141 -0
- package/packages/react/NysButton.js +81 -0
- package/packages/react/NysCheckbox.d.ts +139 -0
- package/packages/react/NysCheckbox.js +76 -0
- package/packages/react/NysCheckboxgroup.d.ts +91 -0
- package/packages/react/NysCheckboxgroup.js +48 -0
- package/packages/react/NysCombobox.d.ts +126 -0
- package/packages/react/NysCombobox.js +66 -0
- package/packages/react/NysDatepicker.d.ts +122 -0
- package/packages/react/NysDatepicker.js +72 -0
- package/packages/react/NysDivider.d.ts +51 -0
- package/packages/react/NysDivider.js +21 -0
- package/packages/react/NysDropdownMenu.d.ts +54 -0
- package/packages/react/NysDropdownMenu.js +22 -0
- package/packages/react/NysDropdownMenuItem.d.ts +75 -0
- package/packages/react/NysDropdownMenuItem.js +47 -0
- package/packages/react/NysErrorMessage.d.ts +57 -0
- package/packages/react/NysErrorMessage.js +23 -0
- package/packages/react/NysFileItem.d.ts +69 -0
- package/packages/react/NysFileItem.js +37 -0
- package/packages/react/NysFileinput.d.ts +108 -0
- package/packages/react/NysFileinput.js +67 -0
- package/packages/react/NysGlobalFooter.d.ts +57 -0
- package/packages/react/NysGlobalFooter.js +22 -0
- package/packages/react/NysGlobalHeader.d.ts +60 -0
- package/packages/react/NysGlobalHeader.js +23 -0
- package/packages/react/NysIcon.d.ts +66 -0
- package/packages/react/NysIcon.js +27 -0
- package/packages/react/NysLabel.d.ts +66 -0
- package/packages/react/NysLabel.js +26 -0
- package/packages/react/NysModal.d.ts +83 -0
- package/packages/react/NysModal.js +41 -0
- package/packages/react/NysOption.d.ts +66 -0
- package/packages/react/NysOption.js +25 -0
- package/packages/react/NysPagination.d.ts +72 -0
- package/packages/react/NysPagination.js +45 -0
- package/packages/react/NysRadiobutton.d.ts +127 -0
- package/packages/react/NysRadiobutton.js +68 -0
- package/packages/react/NysRadiogroup.d.ts +91 -0
- package/packages/react/NysRadiogroup.js +48 -0
- package/packages/react/NysSelect.d.ts +116 -0
- package/packages/react/NysSelect.js +65 -0
- package/packages/react/NysSkipnav.d.ts +54 -0
- package/packages/react/NysSkipnav.js +22 -0
- package/packages/react/NysStep.d.ts +75 -0
- package/packages/react/NysStep.js +51 -0
- package/packages/react/NysStepper.d.ts +67 -0
- package/packages/react/NysStepper.js +26 -0
- package/packages/react/NysTable.d.ts +80 -0
- package/packages/react/NysTable.js +41 -0
- package/packages/react/NysTextarea.d.ts +138 -0
- package/packages/react/NysTextarea.js +77 -0
- package/packages/react/NysTextinput.d.ts +144 -0
- package/packages/react/NysTextinput.js +83 -0
- package/packages/react/NysToggle.d.ts +102 -0
- package/packages/react/NysToggle.js +59 -0
- package/packages/react/NysTooltip.d.ts +60 -0
- package/packages/react/NysTooltip.js +24 -0
- package/packages/react/NysUnavFooter.d.ts +48 -0
- package/packages/react/NysUnavFooter.js +18 -0
- package/packages/react/NysUnavHeader.d.ts +72 -0
- package/packages/react/NysUnavHeader.js +38 -0
- package/packages/react/README.md +92 -0
- package/packages/react/index.d.ts +37 -0
- package/packages/react/index.js +37 -0
- package/packages/react/react-utils.js +40 -0
- package/dist/nys-stepper/newsletter.html +0 -4
- package/dist/nys-stepper/personal.html +0 -6
- package/dist/nys-stepper/survey.html +0 -5
- package/dist/nys-stepper/team.html +0 -6
package/dist/nysds.js
CHANGED
|
@@ -1,6 +1,43 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),As=/'/g,zs=/"/g,Bs=/^(?:script|style|textarea|title)$/i,O1=o=>(e,...t)=>({_$litType$:o,strings:e,values:t}),h=O1(1),Oe=Symbol.for("lit-noChange"),z=Symbol.for("lit-nothing"),Vs=new WeakMap,Se=xe.createTreeWalker(xe,129);function Hs(o,e){if(!Tt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ss!==void 0?Ss.createHTML(e):e}const I1=(o,e)=>{const t=o.length-1,s=[];let r,n=e===2?"<svg>":e===3?"<math>":"",i=Xe;for(let l=0;l<t;l++){const c=o[l];let d,u,y=-1,p=0;for(;p<c.length&&(i.lastIndex=p,u=i.exec(c),u!==null);)p=i.lastIndex,i===Xe?u[1]==="!--"?i=Ds:u[1]!==void 0?i=Ms:u[2]!==void 0?(Bs.test(u[2])&&(r=RegExp("</"+u[2],"g")),i=$e):u[3]!==void 0&&(i=$e):i===$e?u[0]===">"?(i=r??Xe,y=-1):u[1]===void 0?y=-2:(y=i.lastIndex-u[2].length,d=u[1],i=u[3]===void 0?$e:u[3]==='"'?zs:As):i===zs||i===As?i=$e:i===Ds||i===Ms?i=Xe:(i=$e,r=void 0);const m=i===$e&&o[l+1].startsWith("/>")?" ":"";n+=i===Xe?c+H1:y>=0?(s.push(d),c.slice(0,y)+Es+c.slice(y)+be+m):c+be+(y===-2?l:m)}return[Hs(o,n+(o[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]};class Je{constructor({strings:e,_$litType$:t},s){let r;this.parts=[];let n=0,i=0;const l=e.length-1,c=this.parts,[d,u]=I1(e,t);if(this.el=Je.createElement(d,s),Se.currentNode=this.el.content,t===2||t===3){const y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(r=Se.nextNode())!==null&&c.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const y of r.getAttributeNames())if(y.endsWith(Es)){const p=u[i++],m=r.getAttribute(y).split(be),R=/([.?@])?(.*)/.exec(p);c.push({type:1,index:n,name:R[2],strings:m,ctor:R[1]==="."?U1:R[1]==="?"?P1:R[1]==="@"?T1:yt}),r.removeAttribute(y)}else y.startsWith(be)&&(c.push({type:6,index:n}),r.removeAttribute(y));if(Bs.test(r.tagName)){const y=r.textContent.split(be),p=y.length-1;if(p>0){r.textContent=ut?ut.emptyScript:"";for(let m=0;m<p;m++)r.append(y[m],Ge()),Se.nextNode(),c.push({type:2,index:++n});r.append(y[p],Ge())}}}else if(r.nodeType===8)if(r.data===Ls)c.push({type:2,index:n});else{let y=-1;for(;(y=r.data.indexOf(be,y+1))!==-1;)c.push({type:7,index:n}),y+=be.length-1}n++}}static createElement(e,t){const s=xe.createElement("template");return s.innerHTML=e,s}}function Ie(o,e,t=o,s){if(e===Oe)return e;let r=s!==void 0?t._$Co?.[s]:t._$Cl;const n=Qe(e)?void 0:e._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),n===void 0?r=void 0:(r=new n(o),r._$AT(o,t,s)),s!==void 0?(t._$Co??=[])[s]=r:t._$Cl=r),r!==void 0&&(e=Ie(o,r._$AS(o,e.values),r,s)),e}class R1{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:s}=this._$AD,r=(e?.creationScope??xe).importNode(t,!0);Se.currentNode=r;let n=Se.nextNode(),i=0,l=0,c=s[0];for(;c!==void 0;){if(i===c.index){let d;c.type===2?d=new et(n,n.nextSibling,this,e):c.type===1?d=new c.ctor(n,c.name,c.strings,this,e):c.type===6&&(d=new N1(n,this,e)),this._$AV.push(d),c=s[++l]}i!==c?.index&&(n=Se.nextNode(),i++)}return Se.currentNode=xe,r}p(e){let t=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}}class et{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,s,r){this.type=2,this._$AH=z,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Ie(this,e,t),Qe(e)?e===z||e==null||e===""?(this._$AH!==z&&this._$AR(),this._$AH=z):e!==this._$AH&&e!==Oe&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):q1(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==z&&Qe(this._$AH)?this._$AA.nextSibling.data=e:this.T(xe.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:s}=e,r=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=Je.createElement(Hs(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(t);else{const n=new R1(r,this),i=n.u(this.options);n.p(t),this.T(i),this._$AH=n}}_$AC(e){let t=Vs.get(e.strings);return t===void 0&&Vs.set(e.strings,t=new Je(e)),t}k(e){Tt(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let s,r=0;for(const n of e)r===t.length?t.push(s=new et(this.O(Ge()),this.O(Ge()),this,this.options)):s=t[r],s._$AI(n),r++;r<t.length&&(this._$AR(s&&s._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const s=$s(e).nextSibling;$s(e).remove(),e=s}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}}let yt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,r,n){this.type=1,this._$AH=z,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=z}_$AI(e,t=this,s,r){const n=this.strings;let i=!1;if(n===void 0)e=Ie(this,e,t,0),i=!Qe(e)||e!==this._$AH&&e!==Oe,i&&(this._$AH=e);else{const l=e;let c,d;for(e=n[0],c=0;c<n.length-1;c++)d=Ie(this,l[s+c],t,c),d===Oe&&(d=this._$AH[c]),i||=!Qe(d)||d!==this._$AH[c],d===z?e=z:e!==z&&(e+=(d??"")+n[c+1]),this._$AH[c]=d}i&&!r&&this.j(e)}j(e){e===z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}};class U1 extends yt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===z?void 0:e}}class P1 extends yt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==z)}}class T1 extends yt{constructor(e,t,s,r,n){super(e,t,s,r,n),this.type=5}_$AI(e,t=this){if((e=Ie(this,e,t,0)??z)===Oe)return;const s=this._$AH,r=e===z&&s!==z||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==z&&(s===z||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class N1{constructor(e,t,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){Ie(this,e)}}const Z1=Pt.litHtmlPolyfillSupport;Z1?.(Je,et),(Pt.litHtmlVersions??=[]).push("3.3.2");const F1=(o,e,t)=>{const s=t?.renderBefore??e;let r=s._$litPart$;if(r===void 0){const n=t?.renderBefore??null;s._$litPart$=r=new et(e.insertBefore(Ge(),n),n,void 0,t??{})}return r._$AI(o),r};const Zt=globalThis;class g extends qe{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=F1(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Oe}}g._$litElement$=!0,g.finalized=!0,Zt.litElementHydrateSupport?.({LitElement:g});const j1=Zt.litElementPolyfillSupport;j1?.({LitElement:g}),(Zt.litElementVersions??=[]).push("4.2.2");const W1={attribute:!0,type:String,converter:ht,reflect:!1,hasChanged:Ut},Y1=(o=W1,e,t)=>{const{kind:s,metadata:r}=t;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),s==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(t.name,o),s==="accessor"){const{name:i}=t;return{set(l){const c=e.get.call(this);e.set.call(this,l),this.requestUpdate(i,c,o,!0,l)},init(l){return l!==void 0&&this.C(i,void 0,o,l),l}}}if(s==="setter"){const{name:i}=t;return function(l){const c=this[i];e.call(this,l),this.requestUpdate(i,c,o,!0,l)}}throw Error("Unsupported decorator location: "+s)};function a(o){return(e,t)=>typeof t=="object"?Y1(o,e,t):((s,r,n)=>{const i=r.hasOwnProperty(n);return r.constructor.createProperty(n,s),i?Object.getOwnPropertyDescriptor(r,n):void 0})(o,e,t)}function x(o){return a({...o,state:!0,attribute:!1})}const K1=(o,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(o,e,t),t);function G1(o,e){return(t,s,r)=>{const n=i=>i.renderRoot?.querySelector(o)??null;return K1(t,s,{get(){return n(this)}})}}const qs=':host{--_nys-accordion-border-radius: var(--nys-radius-md, 4px);--_nys-accordion-border-width: var(--nys-border-width-md, 2px);--_nys-accordion-border-color: var(--nys-color-neutral-50, #ededed);--_nys-accordion-padding--x: var(--nys-space-250, 20px);--_nys-accordion-padding--y: var(--nys-space-200, 16px);--_nys-accordion-outline-width: var(--nys-border-width-md, 2px);--_nys-accordion-outline-offset: var(--nys-space-2px, 2px);--_nys-accordion-outline-color: var(--nys-color-focus, #004dd1);--_nys-accordion-gap: var(--nys-space-100, 8px);--_nys-accordion-background-color--header: var( --nys-accordion-background-color--header, var(--nys-color-neutral-50, #ededed) );--_nys-accordion-background-color--header--hover: var( --nys-accordion-background-color--header--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_nys-accordion-content-max-width: var( --nys-accordion-content-max-width, 80ch );--_nys-accordion-font-size: var(--nys-type-size-ui-xl, 20px);--_nys-accordion-font-weight: var(--nys-font-weight-bold, 700);--_nys-accordion-line-height: var(--nys-font-lineheight-ui-xl, 28px);--_nys-accordion-letter-spacing: var(--nys-font-letterspacing-ui-xl, .017px);--_nys-accordion-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}::slotted(p),p{margin:0!important}.nys-accordionitem{font-family:var(--_nys-accordion-font-family);font-size:var(--_nys-accordion-font-size);font-weight:var(--_nys-accordion-font-weight);line-height:var(--_nys-accordion-line-height);letter-spacing:var(--_nys-accordion-letter-spacing);display:flex}.nys-accordionitem__heading{all:unset;flex:1;gap:var(--_nys-accordionitem-gap);display:flex;padding:var(--_nys-accordion-padding--y) var(--_nys-accordion-padding--x);align-items:center;align-self:stretch;border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header);cursor:pointer;transition:.05s all ease-in-out}.nys-accordionitem__heading:hover{border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header--hover)}.nys-accordionitem__heading:focus-visible{outline-offset:var(--_nys-accordion-outline-offset);outline:solid var(--_nys-accordion-outline-width) var(--_nys-accordion-outline-color)}.nys-accordionitem__heading .nys-accordionitem__heading-title{flex:1}.nys-accordionitem__content{height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;visibility:hidden}.nys-accordionitem__content.expanded{visibility:visible}.nys-accordionitem__content-slot-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-accordion-gap);align-self:stretch;padding:var(--_nys-accordionitem-padding);background-color:var(--_nys-accordionitem-background-color)}.nys-accordionitem__content-slot-container-text{max-width:var(--_nys-accordion-content-max-width)}.expand-icon{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}:host([expanded]) .expand-icon{transform:rotate(180deg)}:host([bordered][expanded]) .nys-accordionitem__heading{border-radius:var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius) 0 0}:host([bordered]) .nys-accordionitem__content-slot-container{border:var(--_nys-accordion-border-width) solid var(--_nys-accordion-border-color);border-radius:0 0 var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius)}.nys-accordion{display:flex;flex-direction:column;gap:var(--_nys-accordion-gap)}';var Q1=Object.defineProperty,tt=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&Q1(e,t,r),r};let X1=0;const es=class es extends g{constructor(){super(),this.id="",this.heading="",this.expanded=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}firstUpdated(){const e=this.shadowRoot?.querySelector("slot");this.expanded&&e&&e.addEventListener("slotchange",()=>{this._updateHeight()})}updated(e){e.has("expanded")&&this._updateHeight()}_generateUniqueId(){return`nys-accordionitem-${Date.now()}-${X1++}`}_dispatchEvent(){this.dispatchEvent(new CustomEvent("nys-accordionitem-toggle",{detail:{id:this.id,heading:this.heading,expanded:this.expanded},bubbles:!0,composed:!0}))}_handleExpand(){this.expanded=!this.expanded,this._updateHeight(),this._dispatchEvent()}_handleKeydown(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this._handleExpand())}_updateHeight(){if(this._contentContainer)if(this.expanded){const e=this._contentContainer.scrollHeight;this._contentContainer.style.height=`${e}px`}else this._contentContainer.style.height="0",this._contentContainer.style.overflow="hidden"}render(){const e=`${this.id}-content`;return h`
|
|
1
|
+
(function(b,me){typeof exports=="object"&&typeof module<"u"?me(exports):typeof define=="function"&&define.amd?define(["exports"],me):(b=typeof globalThis<"u"?globalThis:b||self,me(b.NYSDS={}))})(this,(function(b){"use strict";/*!
|
|
2
|
+
* New York State Design System v1.15.1
|
|
3
|
+
* Description: A design system for New York State's digital products.
|
|
4
|
+
* Repository: https://github.com/its-hcd/nysds
|
|
5
|
+
* License: MIT
|
|
6
|
+
*//**
|
|
7
|
+
* @license
|
|
8
|
+
* Copyright 2019 Google LLC
|
|
9
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
10
|
+
*/var $e,Ee,D;const me=globalThis,Wt=me.ShadowRoot&&(me.ShadyCSS===void 0||me.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ms=Symbol(),As=new WeakMap;let Io=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==Ms)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Wt&&e===void 0){const s=t!==void 0&&t.length===1;s&&(e=As.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&As.set(t,e))}return e}toString(){return this.cssText}};const _=r=>new Io(typeof r=="string"?r:r+"",void 0,Ms),Ro=(r,e)=>{if(Wt)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const s=document.createElement("style"),o=me.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=t.cssText,r.appendChild(s)}},zs=Wt?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return _(t)})(r):r;/**
|
|
11
|
+
* @license
|
|
12
|
+
* Copyright 2017 Google LLC
|
|
13
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
14
|
+
*/const{is:qo,defineProperty:Po,getOwnPropertyDescriptor:Uo,getOwnPropertyNames:To,getOwnPropertySymbols:Zo,getPrototypeOf:No}=Object,kt=globalThis,Bs=kt.trustedTypes,Fo=Bs?Bs.emptyScript:"",jo=kt.reactiveElementPolyfillSupport,et=(r,e)=>r,$t={toAttribute(r,e){switch(e){case Boolean:r=r?Fo:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch{t=null}}return t}},Yt=(r,e)=>!qo(r,e),Os={attribute:!0,type:String,converter:$t,reflect:!1,useDefault:!1,hasChanged:Yt};Symbol.metadata??=Symbol("metadata"),kt.litPropertyMetadata??=new WeakMap;let Pe=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Os){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const s=Symbol(),o=this.getPropertyDescriptor(e,s,t);o!==void 0&&Po(this.prototype,e,o)}}static getPropertyDescriptor(e,t,s){const{get:o,set:n}=Uo(this.prototype,e)??{get(){return this[t]},set(i){this[t]=i}};return{get:o,set(i){const l=o?.call(this);n?.call(this,i),this.requestUpdate(e,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??Os}static _$Ei(){if(this.hasOwnProperty(et("elementProperties")))return;const e=No(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(et("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(et("properties"))){const t=this.properties,s=[...To(t),...Zo(t)];for(const o of s)this.createProperty(o,t[o])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[s,o]of t)this.elementProperties.set(s,o)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const o=this._$Eu(t,s);o!==void 0&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const s=new Set(e.flat(1/0).reverse());for(const o of s)t.unshift(zs(o))}else e!==void 0&&t.push(zs(e));return t}static _$Eu(e,t){const s=t.attribute;return s===!1?void 0:typeof s=="string"?s:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const s of t.keys())this.hasOwnProperty(s)&&(e.set(s,this[s]),delete this[s]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ro(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,s){this._$AK(e,s)}_$ET(e,t){const s=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,s);if(o!==void 0&&s.reflect===!0){const n=(s.converter?.toAttribute!==void 0?s.converter:$t).toAttribute(t,s.type);this._$Em=e,n==null?this.removeAttribute(o):this.setAttribute(o,n),this._$Em=null}}_$AK(e,t){const s=this.constructor,o=s._$Eh.get(e);if(o!==void 0&&this._$Em!==o){const n=s.getPropertyOptions(o),i=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:$t;this._$Em=o;const l=i.fromAttribute(t,n.type);this[o]=l??this._$Ej?.get(o)??l,this._$Em=null}}requestUpdate(e,t,s,o=!1,n){if(e!==void 0){const i=this.constructor;if(o===!1&&(n=this[e]),s??=i.getPropertyOptions(e),!((s.hasChanged??Yt)(n,t)||s.useDefault&&s.reflect&&n===this._$Ej?.get(e)&&!this.hasAttribute(i._$Eu(e,s))))return;this.C(e,t,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:s,reflect:o,wrapped:n},i){s&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,i??t??this[e]),n!==!0||i!==void 0)||(this._$AL.has(e)||(this.hasUpdated||s||(t=void 0),this._$AL.set(e,t)),o===!0&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[o,n]of s){const{wrapped:i}=n,l=this[o];i!==!0||this._$AL.has(o)||l===void 0||this.C(o,void 0,n,l)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(t)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(e){}firstUpdated(e){}};Pe.elementStyles=[],Pe.shadowRootOptions={mode:"open"},Pe[et("elementProperties")]=new Map,Pe[et("finalized")]=new Map,jo?.({ReactiveElement:Pe}),(kt.reactiveElementVersions??=[]).push("2.1.2");/**
|
|
15
|
+
* @license
|
|
16
|
+
* Copyright 2017 Google LLC
|
|
17
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
|
+
*/const Kt=globalThis,Vs=r=>r,Et=Kt.trustedTypes,Hs=Et?Et.createPolicy("lit-html",{createHTML:r=>r}):void 0,Is="$lit$",Ce=`lit$${Math.random().toFixed(9).slice(2)}$`,Rs="?"+Ce,Wo=`<${Rs}>`,Le=document,tt=()=>Le.createComment(""),st=r=>r===null||typeof r!="object"&&typeof r!="function",Gt=Array.isArray,Yo=r=>Gt(r)||typeof r?.[Symbol.iterator]=="function",Qt=`[
|
|
19
|
+
\f\r]`,ot=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,qs=/-->/g,Ps=/>/g,De=RegExp(`>|${Qt}(?:([^\\s"'>=/]+)(${Qt}*=${Qt}*(?:[^
|
|
20
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Us=/'/g,Ts=/"/g,Zs=/^(?:script|style|textarea|title)$/i,Ko=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),h=Ko(1),Ue=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),Ns=new WeakMap,Me=Le.createTreeWalker(Le,129);function Fs(r,e){if(!Gt(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Hs!==void 0?Hs.createHTML(e):e}const Go=(r,e)=>{const t=r.length-1,s=[];let o,n=e===2?"<svg>":e===3?"<math>":"",i=ot;for(let l=0;l<t;l++){const c=r[l];let d,p,u=-1,y=0;for(;y<c.length&&(i.lastIndex=y,p=i.exec(c),p!==null);)y=i.lastIndex,i===ot?p[1]==="!--"?i=qs:p[1]!==void 0?i=Ps:p[2]!==void 0?(Zs.test(p[2])&&(o=RegExp("</"+p[2],"g")),i=De):p[3]!==void 0&&(i=De):i===De?p[0]===">"?(i=o??ot,u=-1):p[1]===void 0?u=-2:(u=i.lastIndex-p[2].length,d=p[1],i=p[3]===void 0?De:p[3]==='"'?Ts:Us):i===Ts||i===Us?i=De:i===qs||i===Ps?i=ot:(i=De,o=void 0);const w=i===De&&r[l+1].startsWith("/>")?" ":"";n+=i===ot?c+Wo:u>=0?(s.push(d),c.slice(0,u)+Is+c.slice(u)+Ce+w):c+Ce+(u===-2?l:w)}return[Fs(r,n+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]};class rt{constructor({strings:e,_$litType$:t},s){let o;this.parts=[];let n=0,i=0;const l=e.length-1,c=this.parts,[d,p]=Go(e,t);if(this.el=rt.createElement(d,s),Me.currentNode=this.el.content,t===2||t===3){const u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(o=Me.nextNode())!==null&&c.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(const u of o.getAttributeNames())if(u.endsWith(Is)){const y=p[i++],w=o.getAttribute(u).split(Ce),U=/([.?@])?(.*)/.exec(y);c.push({type:1,index:n,name:U[2],strings:w,ctor:U[1]==="."?Xo:U[1]==="?"?Jo:U[1]==="@"?er:St}),o.removeAttribute(u)}else u.startsWith(Ce)&&(c.push({type:6,index:n}),o.removeAttribute(u));if(Zs.test(o.tagName)){const u=o.textContent.split(Ce),y=u.length-1;if(y>0){o.textContent=Et?Et.emptyScript:"";for(let w=0;w<y;w++)o.append(u[w],tt()),Me.nextNode(),c.push({type:2,index:++n});o.append(u[y],tt())}}}else if(o.nodeType===8)if(o.data===Rs)c.push({type:2,index:n});else{let u=-1;for(;(u=o.data.indexOf(Ce,u+1))!==-1;)c.push({type:7,index:n}),u+=Ce.length-1}n++}}static createElement(e,t){const s=Le.createElement("template");return s.innerHTML=e,s}}function Te(r,e,t=r,s){if(e===Ue)return e;let o=s!==void 0?t._$Co?.[s]:t._$Cl;const n=st(e)?void 0:e._$litDirective$;return o?.constructor!==n&&(o?._$AO?.(!1),n===void 0?o=void 0:(o=new n(r),o._$AT(r,t,s)),s!==void 0?(t._$Co??=[])[s]=o:t._$Cl=o),o!==void 0&&(e=Te(r,o._$AS(r,e.values),o,s)),e}class Qo{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:s}=this._$AD,o=(e?.creationScope??Le).importNode(t,!0);Me.currentNode=o;let n=Me.nextNode(),i=0,l=0,c=s[0];for(;c!==void 0;){if(i===c.index){let d;c.type===2?d=new nt(n,n.nextSibling,this,e):c.type===1?d=new c.ctor(n,c.name,c.strings,this,e):c.type===6&&(d=new tr(n,this,e)),this._$AV.push(d),c=s[++l]}i!==c?.index&&(n=Me.nextNode(),i++)}return Me.currentNode=Le,o}p(e){let t=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}}class nt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,s,o){this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Te(this,e,t),st(e)?e===O||e==null||e===""?(this._$AH!==O&&this._$AR(),this._$AH=O):e!==this._$AH&&e!==Ue&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Yo(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==O&&st(this._$AH)?this._$AA.nextSibling.data=e:this.T(Le.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:s}=e,o=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=rt.createElement(Fs(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(t);else{const n=new Qo(o,this),i=n.u(this.options);n.p(t),this.T(i),this._$AH=n}}_$AC(e){let t=Ns.get(e.strings);return t===void 0&&Ns.set(e.strings,t=new rt(e)),t}k(e){Gt(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let s,o=0;for(const n of e)o===t.length?t.push(s=new nt(this.O(tt()),this.O(tt()),this,this.options)):s=t[o],s._$AI(n),o++;o<t.length&&(this._$AR(s&&s._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const s=Vs(e).nextSibling;Vs(e).remove(),e=s}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}}let St=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,o,n){this.type=1,this._$AH=O,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=O}_$AI(e,t=this,s,o){const n=this.strings;let i=!1;if(n===void 0)e=Te(this,e,t,0),i=!st(e)||e!==this._$AH&&e!==Ue,i&&(this._$AH=e);else{const l=e;let c,d;for(e=n[0],c=0;c<n.length-1;c++)d=Te(this,l[s+c],t,c),d===Ue&&(d=this._$AH[c]),i||=!st(d)||d!==this._$AH[c],d===O?e=O:e!==O&&(e+=(d??"")+n[c+1]),this._$AH[c]=d}i&&!o&&this.j(e)}j(e){e===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}};class Xo extends St{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===O?void 0:e}}class Jo extends St{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==O)}}class er extends St{constructor(e,t,s,o,n){super(e,t,s,o,n),this.type=5}_$AI(e,t=this){if((e=Te(this,e,t,0)??O)===Ue)return;const s=this._$AH,o=e===O&&s!==O||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==O&&(s===O||o);o&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class tr{constructor(e,t,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){Te(this,e)}}const sr=Kt.litHtmlPolyfillSupport;sr?.(rt,nt),(Kt.litHtmlVersions??=[]).push("3.3.2");const or=(r,e,t)=>{const s=t?.renderBefore??e;let o=s._$litPart$;if(o===void 0){const n=t?.renderBefore??null;s._$litPart$=o=new nt(e.insertBefore(tt(),n),n,void 0,t??{})}return o._$AI(r),o};/**
|
|
21
|
+
* @license
|
|
22
|
+
* Copyright 2017 Google LLC
|
|
23
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
24
|
+
*/const Xt=globalThis;class f extends Pe{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=or(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Ue}}f._$litElement$=!0,f.finalized=!0,Xt.litElementHydrateSupport?.({LitElement:f});const rr=Xt.litElementPolyfillSupport;rr?.({LitElement:f}),(Xt.litElementVersions??=[]).push("4.2.2");/**
|
|
25
|
+
* @license
|
|
26
|
+
* Copyright 2017 Google LLC
|
|
27
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
+
*/const nr={attribute:!0,type:String,converter:$t,reflect:!1,hasChanged:Yt},ir=(r=nr,e,t)=>{const{kind:s,metadata:o}=t;let n=globalThis.litPropertyMetadata.get(o);if(n===void 0&&globalThis.litPropertyMetadata.set(o,n=new Map),s==="setter"&&((r=Object.create(r)).wrapped=!0),n.set(t.name,r),s==="accessor"){const{name:i}=t;return{set(l){const c=e.get.call(this);e.set.call(this,l),this.requestUpdate(i,c,r,!0,l)},init(l){return l!==void 0&&this.C(i,void 0,r,l),l}}}if(s==="setter"){const{name:i}=t;return function(l){const c=this[i];e.call(this,l),this.requestUpdate(i,c,r,!0,l)}}throw Error("Unsupported decorator location: "+s)};function a(r){return(e,t)=>typeof t=="object"?ir(r,e,t):((s,o,n)=>{const i=o.hasOwnProperty(n);return o.constructor.createProperty(n,s),i?Object.getOwnPropertyDescriptor(o,n):void 0})(r,e,t)}/**
|
|
29
|
+
* @license
|
|
30
|
+
* Copyright 2017 Google LLC
|
|
31
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
32
|
+
*/function m(r){return a({...r,state:!0,attribute:!1})}/**
|
|
33
|
+
* @license
|
|
34
|
+
* Copyright 2017 Google LLC
|
|
35
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
36
|
+
*/const ar=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);/**
|
|
37
|
+
* @license
|
|
38
|
+
* Copyright 2017 Google LLC
|
|
39
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
40
|
+
*/function Jt(r,e){return(t,s,o)=>{const n=i=>i.renderRoot?.querySelector(r)??null;return ar(t,s,{get(){return n(this)}})}}const js=':host{--_nys-accordion-border-radius: var(--nys-radius-md, 4px);--_nys-accordion-border-width: var(--nys-border-width-md, 2px);--_nys-accordion-border-color: var(--nys-color-neutral-50, #ededed);--_nys-accordion-padding--x: var(--nys-space-250, 20px);--_nys-accordion-padding--y: var(--nys-space-200, 16px);--_nys-accordion-outline-width: var(--nys-border-width-md, 2px);--_nys-accordion-outline-offset: var(--nys-space-2px, 2px);--_nys-accordion-outline-color: var(--nys-color-focus, #004dd1);--_nys-accordion-gap: var(--nys-space-100, 8px);--_nys-accordion-background-color--header: var( --nys-accordion-background-color--header, var(--nys-color-neutral-50, #ededed) );--_nys-accordion-background-color--header--hover: var( --nys-accordion-background-color--header--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_nys-accordion-content-max-width: var( --nys-accordion-content-max-width, 80ch );--_nys-accordion-font-size: var(--nys-type-size-ui-xl, 20px);--_nys-accordion-font-weight: var(--nys-font-weight-bold, 700);--_nys-accordion-line-height: var(--nys-font-lineheight-ui-xl, 28px);--_nys-accordion-letter-spacing: var(--nys-font-letterspacing-ui-xl, .017px);--_nys-accordion-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}::slotted(p),p{margin:0!important}.nys-accordionitem{font-family:var(--_nys-accordion-font-family);font-size:var(--_nys-accordion-font-size);font-weight:var(--_nys-accordion-font-weight);line-height:var(--_nys-accordion-line-height);letter-spacing:var(--_nys-accordion-letter-spacing);display:flex}.nys-accordionitem__heading{all:unset;flex:1;gap:var(--_nys-accordionitem-gap);display:flex;padding:var(--_nys-accordion-padding--y) var(--_nys-accordion-padding--x);align-items:center;align-self:stretch;border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header);cursor:pointer;transition:.05s all ease-in-out}.nys-accordionitem__heading:hover{border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header--hover)}.nys-accordionitem__heading:focus-visible{outline-offset:var(--_nys-accordion-outline-offset);outline:solid var(--_nys-accordion-outline-width) var(--_nys-accordion-outline-color)}.nys-accordionitem__heading .nys-accordionitem__heading-title{flex:1}.nys-accordionitem__content{height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;visibility:hidden}.nys-accordionitem__content.expanded{visibility:visible}.nys-accordionitem__content-slot-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-accordion-gap);align-self:stretch;padding:var(--_nys-accordionitem-padding);background-color:var(--_nys-accordionitem-background-color)}.nys-accordionitem__content-slot-container-text{max-width:var(--_nys-accordion-content-max-width)}.expand-icon{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}:host([expanded]) .expand-icon{transform:rotate(180deg)}:host([bordered][expanded]) .nys-accordionitem__heading{border-radius:var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius) 0 0}:host([bordered]) .nys-accordionitem__content-slot-container{border:var(--_nys-accordion-border-width) solid var(--_nys-accordion-border-color);border-radius:0 0 var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius)}.nys-accordion{display:flex;flex-direction:column;gap:var(--_nys-accordion-gap)}';var lr=Object.defineProperty,it=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&lr(e,t,o),o};let cr=0;const ds=class ds extends f{constructor(){super(),this.id="",this.heading="",this.expanded=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}firstUpdated(){const e=this.shadowRoot?.querySelector("slot");this.expanded&&e&&e.addEventListener("slotchange",()=>{this._updateHeight()})}updated(e){e.has("expanded")&&this._updateHeight()}_generateUniqueId(){return`nys-accordionitem-${Date.now()}-${cr++}`}_dispatchEvent(){this.dispatchEvent(new CustomEvent("nys-accordionitem-toggle",{detail:{id:this.id,heading:this.heading,expanded:this.expanded},bubbles:!0,composed:!0}))}_handleExpand(){this.expanded=!this.expanded,this._updateHeight(),this._dispatchEvent()}_handleKeydown(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this._handleExpand())}_updateHeight(){if(this._contentContainer)if(this.expanded){const e=this._contentContainer.scrollHeight;this._contentContainer.style.height=`${e}px`}else this._contentContainer.style.height="0",this._contentContainer.style.overflow="hidden"}render(){const e=`${this.id}-content`;return h`
|
|
4
41
|
<div class="nys-accordionitem">
|
|
5
42
|
<button
|
|
6
43
|
class="nys-accordionitem__heading"
|
|
@@ -21,15 +58,19 @@
|
|
|
21
58
|
</div>
|
|
22
59
|
</div>
|
|
23
60
|
</div>
|
|
24
|
-
</div>`}};
|
|
61
|
+
</div>`}};ds.styles=_(js);let ue=ds;it([a({type:String,reflect:!0})],ue.prototype,"id"),it([a({type:String})],ue.prototype,"heading"),it([a({type:Boolean,reflect:!0})],ue.prototype,"expanded"),it([a({type:Boolean,reflect:!0})],ue.prototype,"bordered"),it([Jt(".nys-accordionitem__content")],ue.prototype,"_contentContainer"),customElements.get("nys-accordionitem")||customElements.define("nys-accordionitem",ue);var dr=Object.defineProperty,es=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&dr(e,t,o),o};let hr=0;const hs=class hs extends f{constructor(){super(),this.id="",this.singleSelect=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}updated(e){e.has("bordered")&&this._applyBordered()}_generateUniqueId(){return`nys-accordion-${Date.now()}-${hr++}`}_getAccordionItems(){return(this.shadowRoot?.querySelector("slot")?.assignedElements()||[]).filter(s=>s.tagName.toLowerCase()==="nys-accordionitem")}_onAccordionToggle(e){if(!this.singleSelect)return;const t=e.detail.id;e.detail.expanded&&this._getAccordionItems().forEach(o=>{o.id!==t&&o.expanded&&(o.expanded=!1)})}_applyBordered(){this._getAccordionItems().forEach(e=>{e.bordered=this.bordered})}render(){return h`<div
|
|
25
62
|
class="nys-accordion"
|
|
26
63
|
@nys-accordionitem-toggle=${this._onAccordionToggle}
|
|
27
64
|
>
|
|
28
65
|
<slot></slot>
|
|
29
|
-
</div>`}};
|
|
66
|
+
</div>`}};hs.styles=_(js);let Ae=hs;es([a({type:String,reflect:!0})],Ae.prototype,"id"),es([a({type:Boolean,reflect:!0})],Ae.prototype,"singleSelect"),es([a({type:Boolean,reflect:!0})],Ae.prototype,"bordered"),customElements.get("nys-accordion")||customElements.define("nys-accordion",Ae);/**
|
|
67
|
+
* @license
|
|
68
|
+
* Copyright 2018 Google LLC
|
|
69
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
70
|
+
*/const v=r=>r??O,ur=':host{--_nys-alert-border-width: var(--nys-border-width-lg, 4px);--_nys-alert-border-radius: var(--nys-radius-md, 4px);--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-strong, var(--nys-color-blue-700, #003ba1)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-strongest, var(--nys-color-blue-800, #002971)) );--_nys-alert-padding: var(--nys-space-250, 20px);--_nys-alert-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-alert-font-size: var(--nys-font-size-ui-md, 16px);--_nys-alert-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-alert-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-alert-font-weight--regular: var(--nys-font-weight-regular, 400);--_nys-alert-font-weight--semibold: var(--nys-font-weight-semibold, 600);--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-base, var(--nys-color-neutral-600, #62666a)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-base-weak, var(--nys-color-neutral-10, #f6f6f6)) );--_nys-alert-gap--icon: var(--nys-space-150, 12px);--_nys-alert-gap--text: var(--nys-space-50, 4px);--_nys-alert-gap--actions: var(--nys-space-150, 12px)}.nys-alert__container{display:flex;background-color:var(--_nys-alert-background-color);border-inline-start:var(--_nys-alert-border-width) solid var(--_nys-alert-border-color);border-radius:var(--_nys-alert-border-radius);color:var(--_nys-alert-color);padding:var(--_nys-alert-padding);font-style:normal;font-family:var(--_nys-alert-font-family);font-size:var(--_nys-alert-font-size);line-height:var(--_nys-alert-line-height);letter-spacing:var(--_nys-alert-letter-spacing);gap:var(--_nys-alert-gap--icon)}p{margin:0}::slotted(p){margin-bottom:0!important}.nys-alert__icon{margin-top:.5px}a,a:visited{font-weight:var(--_nys-alert-font-weight--semibold);font-size:var(--_nys-alert-font-size);color:var(--_nys-alert-color--link)}a:hover{color:var(--_nys-alert-color--link--hover)}a:active{color:var(--_nys-alert-color--link--active)}::slotted(a){color:var(--_nys-alert-color--link)}.nys-alert__texts{position:relative;display:flex;flex-direction:column;flex:1;gap:var(--_nys-alert-gap--text)}.nys-alert__header{margin:0;font-weight:var(--_nys-alert-font-weight--semibold)}.nys-alert__text{font-weight:var(--_nys-alert-font-weight--regular);margin:0}::slotted(*){font-weight:var(--_nys-alert-font-weight--regular);margin:0}.nys-alert--centered{display:flex;align-items:center}.nys-alert--centered .nys-alert__header{margin-bottom:-3px}.nys-alert--centered div[part=nys-alert__icon]{margin-top:0;display:flex;align-items:center;justify-content:center}.nys-alert__actions{display:flex;gap:var(--_nys-alert-gap--actions);flex-wrap:wrap}#dismiss-btn{margin-top:-8px}:host([type=info]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-info, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-info-weak, var(--nys-color-blue-50, #e5effa)) )}:host([type=success]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-success, var(--nys-color-green-600, #1e752e)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-success-weak, var(--nys-color-green-50, #e8f1ea)) )}:host([type=warning]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-warning, var(--nys-color-yellow-400, #face00)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-warning-weak, var(--nys-color-yellow-50, #fefae5)) )}:host([type=danger]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-danger, var(--nys-color-red-600, #b52c2c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-danger-weak, var(--nys-color-red-50, #f7eaea)) )}:host([type=emergency]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text-reverse, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) )}:host([type=emergency]) a:hover{text-decoration-thickness:2px}:host([type=emergency]) a:active{text-decoration-thickness:3px}';var pr=Object.defineProperty,Q=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&pr(e,t,o),o};let yr=0;const us=class us extends f{constructor(){super(...arguments),this.id="",this.heading="",this.icon="",this.dismissible=!1,this.duration=0,this.text="",this.primaryAction="",this.secondaryAction="",this.primaryLabel="Learn more",this.secondaryLabel="Dismiss",this.type="base",this._alertClosed=!1,this._slotHasContent=!0,this._timeoutId=null}get ariaAttributes(){const e=this.type==="danger"||this.type==="emergency"?"alert":this.type==="success"?"status":"region",t=e==="region"?`${this.type} alert`:"";return{role:e,ariaLabel:t}}get liveRegion(){if(this.ariaAttributes.role==="status")return"polite"}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId()),this.duration>0&&(this._timeoutId=setTimeout(()=>{this._closeAlert()},this.duration))}disconnectedCallback(){this._timeoutId&&clearTimeout(this._timeoutId),super.disconnectedCallback()}firstUpdated(){this._checkSlotContent()}_generateUniqueId(){return`nys-alert-${Date.now()}-${yr++}`}_resolveIconName(){return this.icon||this._checkAltNaming()}_checkAltNaming(){return this.type==="success"?"check_circle":this.type==="base"?"info":this.type==="danger"?"error":this.type==="emergency"?"emergency_home":this.type}_closeAlert(){this._alertClosed=!0,this.dispatchEvent(new CustomEvent("nys-close",{detail:{id:this.id,type:this.type,label:this.heading},bubbles:!0,composed:!0}))}async _checkSlotContent(){const e=this.shadowRoot?.querySelector("slot");if(e){const t=e.assignedNodes({flatten:!0}).filter(s=>s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&s.textContent?.trim());await Promise.resolve(),this._slotHasContent=t.length>0}else await Promise.resolve(),this._slotHasContent=!1}render(){const{role:e,ariaLabel:t}=this.ariaAttributes;return h`
|
|
30
71
|
${this._alertClosed?"":h` <div
|
|
31
72
|
class="nys-alert__container ${this._slotHasContent||this.text?.trim().length>0?"":"nys-alert--centered"}"
|
|
32
|
-
aria-label=${
|
|
73
|
+
aria-label=${v(t.trim()!==""?t:void 0)}
|
|
33
74
|
>
|
|
34
75
|
<div part="nys-alert__icon" class="nys-alert__icon">
|
|
35
76
|
<nys-icon
|
|
@@ -41,19 +82,19 @@
|
|
|
41
82
|
<div
|
|
42
83
|
class="nys-alert__texts"
|
|
43
84
|
role=${e}
|
|
44
|
-
aria-live=${
|
|
85
|
+
aria-live=${v(this.liveRegion)}
|
|
45
86
|
>
|
|
46
87
|
<p class="nys-alert__header">${this.heading}</p>
|
|
47
88
|
${this._slotHasContent?h`<slot></slot>`:this.text?.trim().length>0?h`<p class="nys-alert__text">${this.text}</p>`:""}
|
|
48
89
|
${this.primaryAction||this.secondaryAction?h`<div class="nys-alert__actions">
|
|
49
90
|
${this.primaryAction?h`<a
|
|
50
|
-
href=${
|
|
91
|
+
href=${v(this.primaryAction||void 0)}
|
|
51
92
|
class="nys-alert__action nys-alert__primary"
|
|
52
93
|
>
|
|
53
94
|
${this.primaryLabel}
|
|
54
95
|
</a>`:""}
|
|
55
96
|
${this.secondaryAction?h`<a
|
|
56
|
-
href=${
|
|
97
|
+
href=${v(this.secondaryAction||void 0)}
|
|
57
98
|
class="nys-alert__action nys-alert__secondary"
|
|
58
99
|
>
|
|
59
100
|
${this.secondaryLabel}
|
|
@@ -69,19 +110,19 @@
|
|
|
69
110
|
?inverted=${this.type==="emergency"}
|
|
70
111
|
ariaLabel="${this.heading}, alert, Close"
|
|
71
112
|
@nys-click=${this._closeAlert}
|
|
72
|
-
style=${
|
|
113
|
+
style=${v(this.type==="emergency"?"--_nys-button-outline-color: var(--nys-color-ink-reverse, var(--nys-color-white, #fff));":void 0)}
|
|
73
114
|
></nys-button>`:""}
|
|
74
115
|
</div>`}
|
|
75
|
-
`}};
|
|
116
|
+
`}};us.styles=_(ur);let P=us;Q([a({type:String,reflect:!0})],P.prototype,"id"),Q([a({type:String})],P.prototype,"heading"),Q([a({type:String})],P.prototype,"icon"),Q([a({type:Boolean,reflect:!0})],P.prototype,"dismissible"),Q([a({type:Number,reflect:!0})],P.prototype,"duration"),Q([a({type:String})],P.prototype,"text"),Q([a({type:String})],P.prototype,"primaryAction"),Q([a({type:String})],P.prototype,"secondaryAction"),Q([a({type:String})],P.prototype,"primaryLabel"),Q([a({type:String})],P.prototype,"secondaryLabel"),Q([a({type:String,reflect:!0})],P.prototype,"type"),Q([m()],P.prototype,"_alertClosed"),Q([m()],P.prototype,"_slotHasContent"),customElements.get("nys-alert")||customElements.define("nys-alert",P);const fr=":host{--_nys-avatar-border-radius: var(--nys-radius-round, 1776px);--_nys-avatar-size: var(--nys-avatar-size, var(--nys-font-size-6xl, 36px));--_nys-avatar-shape: var(--nys-radius-round, 1776px);--_nys-avatar-border-color: var(--nys-color-ink-reverse, #ffffff);--_nys-avatar-border-size: var(--nys-border-width-sm, 1px);--_nys-avatar-width: var(--nys-font-size-6xl, 36px);--_nys-avatar-color: var(--nys-color-theme, #154973);--_nys-avatar-background-color: var(--nys-color-theme-weaker, #eff6fb);--_nys-avatar-outline-color: var(--nys-color-focus, #004dd1);--_nys-avatar-outline-width: var(--nys-border-width-md, 2px);--_nys-avatar-outline-offset: var(--nys-space-2px, 2px)}.nys-avatar{display:inline-block}.nys-avatar__component{display:flex;justify-content:center;align-items:center;border-radius:var(--_nys-avatar-border-radius);width:var(--_nys-avatar-size);height:var(--_nys-avatar-size);font-size:var(--_nys-avatar-size);overflow:hidden;box-sizing:border-box;color:var(--_nys-avatar-color);background-color:var(--_nys-avatar-background-color);border:var(--_nys-avatar-border-size) solid var(--_nys-avatar-border-color);outline-offset:var(--_nys-avatar-outline-offset);transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}:host([interactive]) .nys-avatar__component:hover,:host([interactive]) .nys-avatar__component:active{--_nys-avatar-color: var( --nys-color-text-reverse, --nys-color-ink-reverse, #ffffff );cursor:pointer}:host([interactive]) .nys-avatar__component:hover{--_nys-avatar-background-color: var(--nys-color-theme-mid, #457aa5)}:host([interactive]) .nys-avatar__component:active{--_nys-avatar-background-color: var(--nys-color-theme-strong, #0e324f)}:host([disabled]) .nys-avatar__component{--_nys-avatar-color: var(--nys-color-text-disabled, #bec0c1);--_nys-avatar-background-color: var(--nys-color-neutral-10, #f6f6f6);cursor:not-allowed}:host([disabled]) .nys-avatar__component:focus-within{outline:solid var(--_nys-avatar-outline-width) var(--_nys-avatar-outline-color)}div[part=nys-avatar__icon]{display:flex;align-items:center;justify-content:center}.nys-avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--_nys-avatar-width) * .5);font-weight:700;text-transform:uppercase}.nys-avatar__image{width:100%;height:100%;object-fit:cover}.nys-avatar__icon{width:100%;height:100%;fill:currentcolor}";var vr=Object.defineProperty,ie=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&vr(e,t,o),o};let br=0;const ps=class ps extends f{constructor(){super(...arguments),this.id="",this.ariaLabel="",this.image="",this.initials="",this.icon="",this.color="",this.interactive=!1,this.disabled=!1,this.lazy=!1,this._slotHasContent=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-avatar-${Date.now()}-${br++}`)}async _handleSlotChange(){const e=this.shadowRoot?.querySelector("slot");if(!e){this._slotHasContent=!1;return}await Promise.resolve();const t=e.assignedNodes({flatten:!0}).filter(s=>s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&s.textContent?.trim());this._slotHasContent=t.length>0}getContrastForeground(){const e="var(--nys-color-ink, #000)",t="var(--nys-color-ink-reverse, #fff)",s="var(--nys-color-text, #000)",o="var(--nys-color-text-reverse, #fff)";if(!this.color)return;const n=document.createElement("div");n.style.color=this.color,document.body.appendChild(n);const i=getComputedStyle(n).color;document.body.removeChild(n);const l=i.match(/\d+/g);if(!l)return;const c=Number(l[0]),d=Number(l[1]),p=Number(l[2]),y=(.299*c+.587*d+.114*p)/255<.5;return this.initials?.length>0?y?o:s:y?t:e}render(){return h`
|
|
76
117
|
<div class="nys-avatar">
|
|
77
118
|
<div class="nys-avatar__content">
|
|
78
119
|
<div
|
|
79
120
|
part="nys-avatar"
|
|
80
121
|
class="nys-avatar__component"
|
|
81
122
|
style=${this.color?`--_nys-avatar-background-color: ${this.color}; color: ${this.getContrastForeground()}`:""}
|
|
82
|
-
role=${
|
|
83
|
-
aria-label=${
|
|
84
|
-
tabindex=${
|
|
123
|
+
role=${v(this.interactive?"button":this.image?void 0:"img")}
|
|
124
|
+
aria-label=${v(this.image?void 0:this.ariaLabel?this.ariaLabel:"avatar")}
|
|
125
|
+
tabindex=${v(this.interactive&&!this.disabled?0:void 0)}
|
|
85
126
|
>
|
|
86
127
|
${this.image?.length>0?h`<img
|
|
87
128
|
part="nys-avatar__image"
|
|
@@ -104,7 +145,7 @@
|
|
|
104
145
|
</div>
|
|
105
146
|
</div>
|
|
106
147
|
</div>
|
|
107
|
-
`}};
|
|
148
|
+
`}};ps.styles=_(fr);let K=ps;ie([a({type:String,reflect:!0})],K.prototype,"id"),ie([a({type:String})],K.prototype,"ariaLabel"),ie([a({type:String})],K.prototype,"image"),ie([a({type:String})],K.prototype,"initials"),ie([a({type:String})],K.prototype,"icon"),ie([a({type:String})],K.prototype,"color"),ie([a({type:Boolean,reflect:!0})],K.prototype,"interactive"),ie([a({type:Boolean,reflect:!0})],K.prototype,"disabled"),ie([a({type:Boolean,reflect:!0})],K.prototype,"lazy"),ie([m()],K.prototype,"_slotHasContent"),customElements.get("nys-avatar")||customElements.define("nys-avatar",K);const gr=".nys-backtotop{--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: var(--nys-space-100, 8px);--_nys-button-padding--x: var(--nys-space-200, 16px);position:fixed;bottom:1rem;right:1rem;z-index:9999;display:none}.left{left:1rem;right:auto}.visible{display:inline-flex}";var _r=Object.defineProperty,Lt=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&_r(e,t,o),o};const ys=class ys extends f{constructor(){super(),this.position="right",this.visible=!1,this.isMobile=!1,this.forceVisible=!1,this._handleScroll=this._handleScroll.bind(this),this._handleResize=this._handleResize.bind(this),this.mediaQuery=window.matchMedia("(max-width: 480px)")}connectedCallback(){super.connectedCallback(),this.forceVisible=this.hasAttribute("visible"),window.addEventListener("scroll",this._handleScroll),this.mediaQuery.addEventListener("change",this._handleResize),this._handleResize()}disconnectedCallback(){window.removeEventListener("scroll",this._handleScroll),this.mediaQuery.removeEventListener("change",this._handleResize),super.disconnectedCallback()}_handleScroll(){if(this.forceVisible)return;const e=window.innerHeight,t=document.documentElement.scrollHeight;this.visible=t>=e*4&&window.scrollY>e*1.5}_scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}_handleResize(){this.isMobile=this.mediaQuery.matches}render(){const e=["nys-backtotop",this.position,this.visible?"visible":""].filter(Boolean).join(" ");return h`<nys-button
|
|
108
149
|
id="nys-backtotop"
|
|
109
150
|
prefixIcon="chevron_up"
|
|
110
151
|
variant="outline"
|
|
@@ -113,15 +154,15 @@
|
|
|
113
154
|
class="${e}"
|
|
114
155
|
?circle=${this.isMobile}
|
|
115
156
|
@nys-click=${this._scrollToTop}
|
|
116
|
-
></nys-button>`}};os.styles=_(ar);let _e=os;pt([a({type:String})],_e.prototype,"position"),pt([a({type:Boolean,reflect:!0})],_e.prototype,"visible"),pt([x()],_e.prototype,"isMobile"),pt([x()],_e.prototype,"forceVisible"),customElements.get("nys-backtotop")||customElements.define("nys-backtotop",_e);const cr=':host{--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px));--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-justify-content: center;--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-font-size: var(--nys-font-size-ui-md, 16px);--_nys-button-font-weight: var(--nys-font-weight-semibold, 600);--_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));display:inline-flex}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc(var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px))}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px))}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px))}:host([fullWidth]){width:100%}:host([fullWidth]) .nys-button{width:100%}:host([variant=filled]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1)}:host([variant=outline]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-theme, #154973));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-theme, #154973));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme, #154973));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-theme, #154973));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme, #154973));--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link, #004dd1));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-strong, #003ba1));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-link-strongest, #002971));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=filled][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a)}:host([variant=outline][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-ink-reverse, #ffffff));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-background-color--disabled: var(--nys-color-surface-reverse, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link-reverse, #a7a9ab));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-white-transparent-200, #ffffff33));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-white-transparent-300, #ffffff4d));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-button{width:var(--_nys-button-width);min-height:var(--_nys-button-height);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);padding:var(--_nys-button-padding--y) var(--_nys-button-padding--x);display:flex;align-items:center;justify-content:var(--_nys-button-justify-content);gap:var(--_nys-button-gap);font-family:var(--_nys-button-font-family);font-size:var(--_nys-button-font-size);font-weight:var(--_nys-button-font-weight);line-height:var(--_nys-button-line-height);text-decoration:var(--_nys-button-text-decoration);box-sizing:border-box;background-color:var(--_nys-button-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-cursor, pointer)}:host([circle]) .nys-button{max-width:var(--_nys-button-height);max-height:var(--_nys-button-height)}.nys-button:hover{background-color:var(--_nys-button-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';var dr=Object.defineProperty,L=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&dr(e,t,r),r};let hr=0;const Dt=class Dt extends g{constructor(){super(),this.id="",this.name="",this.size="md",this.fullWidth=!1,this.variant="filled",this.inverted=!1,this.label="",this.ariaLabel="",this.ariaControls="",this.prefixIcon="",this.suffixIcon="",this.circle=!1,this.icon="",this.disabled=!1,this.form=null,this.value="",this.ariaDescription="",this.type="button",this.onClick=null,this.href="",this.target="_self",this._internals=this.attachInternals()}async getButtonElement(){await this.updateComplete;const e=this.shadowRoot?.querySelector("a.nys-button")||null;if(e)return e;const t=this.shadowRoot?.querySelector("button.nys-button")||null;return t||null}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}_generateUniqueId(){return`nys-button-${Date.now()}-${hr++}`}_manageFormAction(){typeof this.onClick=="function"&&this.onClick!==null&&this.onClick(new Event("click"));const e=this._internals.form;if(e)switch(this.type){case"submit":e.requestSubmit();break;case"reset":e.reset();break}}_handleFocus(){this.dispatchEvent(new Event("nys-focus"))}_handleBlur(){this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"),this.dispatchEvent(new Event("nys-blur"))}_handleClick(e){if(this.disabled){e.preventDefault();return}this._manageFormAction(),this.dispatchEvent(new Event("nys-click"))}_handleKeydown(e){if(e.code==="Space"||e.code==="Enter"||e.key===" "||e.key==="Enter"){if(this.disabled)return;if(e.preventDefault(),this.href){const t=this.renderRoot.querySelector("a.nys-button");t&&t.click()}else this._handleAnyAttributeFunction(),this._handleClick(e)}}_handleAnyAttributeFunction(){const e=this.getAttribute("onClick");e&&new Function("return "+e)()}focus(e){const t=this.renderRoot.querySelector(this.href?"a.nys-button":"button.nys-button");t?t.focus(e):super.focus(e)}render(){return h`
|
|
157
|
+
></nys-button>`}};ys.styles=_(gr);let we=ys;Lt([a({type:String})],we.prototype,"position"),Lt([a({type:Boolean,reflect:!0})],we.prototype,"visible"),Lt([m()],we.prototype,"isMobile"),Lt([m()],we.prototype,"forceVisible"),customElements.get("nys-backtotop")||customElements.define("nys-backtotop",we);const mr=':host{--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px));--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-justify-content: center;--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-font-size: var(--nys-font-size-ui-md, 16px);--_nys-button-font-weight: var(--nys-font-weight-semibold, 600);--_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));display:inline-flex;width:fit-content}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc(var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px))}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px))}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px))}:host([fullWidth]){width:100%}:host([fullWidth]) .nys-button{width:100%}:host([variant=filled]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1)}:host([variant=outline]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-theme, #154973));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-theme, #154973));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme, #154973));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-theme, #154973));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme, #154973));--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link, #004dd1));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-strong, #003ba1));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-link-strongest, #002971));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=filled][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a)}:host([variant=outline][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-ink-reverse, #ffffff));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-background-color--disabled: var(--nys-color-surface-reverse, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link-reverse, #a7a9ab));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-white-transparent-200, #ffffff33));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-white-transparent-300, #ffffff4d));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-button{width:var(--_nys-button-width);min-height:var(--_nys-button-height);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);padding:var(--_nys-button-padding--y) var(--_nys-button-padding--x);display:flex;align-items:center;justify-content:var(--_nys-button-justify-content);gap:var(--_nys-button-gap);font-family:var(--_nys-button-font-family);font-size:var(--_nys-button-font-size);font-weight:var(--_nys-button-font-weight);line-height:var(--_nys-button-line-height);text-decoration:var(--_nys-button-text-decoration);box-sizing:border-box;background-color:var(--_nys-button-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-cursor, pointer)}:host([circle]) .nys-button{max-width:var(--_nys-button-height);max-height:var(--_nys-button-height)}.nys-button:hover{background-color:var(--_nys-button-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';var Cr=Object.defineProperty,M=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Cr(e,t,o),o};let wr=0;const ft=class ft extends f{constructor(){super(),this.id="",this.name="",this.size="md",this.fullWidth=!1,this.variant="filled",this.inverted=!1,this.label="",this.ariaLabel="",this.ariaControls="",this.prefixIcon="",this.suffixIcon="",this.circle=!1,this.icon="",this.disabled=!1,this.form=null,this.value="",this.ariaDescription="",this.type="button",this.onClick=null,this.href="",this.target="_self",this._internals=this.attachInternals()}async getButtonElement(){await this.updateComplete;const e=this.shadowRoot?.querySelector("a.nys-button")||null;if(e)return e;const t=this.shadowRoot?.querySelector("button.nys-button")||null;return t||null}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}_generateUniqueId(){return`nys-button-${Date.now()}-${wr++}`}_manageFormAction(){typeof this.onClick=="function"&&this.onClick!==null&&this.onClick(new Event("click"));const e=this._internals.form;if(e)switch(this.type){case"submit":e.requestSubmit();break;case"reset":e.reset();break}}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(){this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"),this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0}))}_handleClick(e){if(this.disabled){e.preventDefault();return}this._manageFormAction(),this.dispatchEvent(new Event("nys-click",{bubbles:!0,composed:!0}))}_handleKeydown(e){if(e.code==="Space"||e.code==="Enter"||e.key===" "||e.key==="Enter"){if(this.disabled)return;if(e.preventDefault(),this.href){const t=this.renderRoot.querySelector("a.nys-button");t&&t.click()}else this._handleAnyAttributeFunction(),this._handleClick(e)}}_handleAnyAttributeFunction(){const e=this.getAttribute("onClick");e&&new Function("return "+e)()}focus(e){const t=this.renderRoot.querySelector(this.href?"a.nys-button":"button.nys-button");t?t.focus(e):super.focus(e)}render(){return h`
|
|
117
158
|
${this.href?h`
|
|
118
159
|
<div class="nys-button__linkwrapper">
|
|
119
160
|
<a
|
|
120
161
|
class="nys-button"
|
|
121
|
-
name=${
|
|
162
|
+
name=${v(this.name?this.name:void 0)}
|
|
122
163
|
?disabled=${this.disabled}
|
|
123
164
|
aria-disabled="${this.disabled?"true":"false"}"
|
|
124
|
-
value=${
|
|
165
|
+
value=${v(this.value?this.value:void 0)}
|
|
125
166
|
href=${this.href}
|
|
126
167
|
target=${this.target}
|
|
127
168
|
@click=${this._handleClick}
|
|
@@ -129,8 +170,8 @@
|
|
|
129
170
|
@blur="${this._handleBlur}"
|
|
130
171
|
@keydown="${this._handleKeydown}"
|
|
131
172
|
tabindex="${this.disabled?-1:0}"
|
|
132
|
-
aria-label=${
|
|
133
|
-
aria-description=${
|
|
173
|
+
aria-label=${v(this.ariaLabel||this.label||(this.circle?this.icon:null)||"button")}
|
|
174
|
+
aria-description=${v(this.ariaDescription||void 0)}
|
|
134
175
|
>
|
|
135
176
|
${this.prefixIcon&&this.variant!=="text"?h`<slot name="prefix-icon">
|
|
136
177
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
@@ -150,19 +191,19 @@
|
|
|
150
191
|
`:h`
|
|
151
192
|
<button
|
|
152
193
|
class="nys-button"
|
|
153
|
-
name=${
|
|
194
|
+
name=${v(this.name?this.name:void 0)}
|
|
154
195
|
?disabled=${this.disabled}
|
|
155
|
-
form=${
|
|
156
|
-
value=${
|
|
196
|
+
form=${v(this.form||void 0)}
|
|
197
|
+
value=${v(this.value?this.value:void 0)}
|
|
157
198
|
type=${this.type}
|
|
158
|
-
aria-controls=${
|
|
199
|
+
aria-controls=${v(this.ariaControls||void 0)}
|
|
159
200
|
@click=${this._handleClick}
|
|
160
201
|
@focus="${this._handleFocus}"
|
|
161
202
|
@blur="${this._handleBlur}"
|
|
162
203
|
@keydown="${this._handleKeydown}"
|
|
163
204
|
tabindex="${this.disabled?-1:0}"
|
|
164
|
-
aria-label=${
|
|
165
|
-
aria-description=${
|
|
205
|
+
aria-label=${v(this.ariaLabel||this.label||(this.circle?this.icon:null)||this.prefixIcon||this.suffixIcon||"button")}
|
|
206
|
+
aria-description=${v(this.ariaDescription||void 0)}
|
|
166
207
|
role="button"
|
|
167
208
|
>
|
|
168
209
|
${this.prefixIcon&&this.variant!=="text"?h`<slot name="prefix-icon">
|
|
@@ -180,14 +221,14 @@
|
|
|
180
221
|
</slot>`:""}
|
|
181
222
|
</button>
|
|
182
223
|
`}
|
|
183
|
-
`}};
|
|
224
|
+
`}};ft.styles=_(mr),ft.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},ft.formAssociated=!0;let k=ft;M([a({type:String,reflect:!0})],k.prototype,"id"),M([a({type:String,reflect:!0})],k.prototype,"name"),M([a({type:String,reflect:!0})],k.prototype,"size"),M([a({type:Boolean,reflect:!0})],k.prototype,"fullWidth"),M([a({type:String,reflect:!0})],k.prototype,"variant"),M([a({type:Boolean,reflect:!0})],k.prototype,"inverted"),M([a({type:String})],k.prototype,"label"),M([a({type:String})],k.prototype,"ariaLabel"),M([a({type:String})],k.prototype,"ariaControls"),M([a({type:String})],k.prototype,"prefixIcon"),M([a({type:String})],k.prototype,"suffixIcon"),M([a({type:Boolean,reflect:!0})],k.prototype,"circle"),M([a({type:String})],k.prototype,"icon"),M([a({type:Boolean,reflect:!0})],k.prototype,"disabled"),M([a({type:String,reflect:!0})],k.prototype,"form"),M([a({type:String})],k.prototype,"value"),M([a({type:String})],k.prototype,"ariaDescription"),M([a({type:String,reflect:!0})],k.prototype,"type"),M([a({attribute:!1})],k.prototype,"onClick"),M([a({type:String})],k.prototype,"href"),M([a({type:String,reflect:!0})],k.prototype,"target"),customElements.get("nys-button")||customElements.define("nys-button",k);const xr=':host{--_nys-badge-width: fit-content;--_nys-badge-height: var(--nys-size-600, 48px);--_nys-badge-radius: var(--nys-radius-round, 1776px);--_nys-badge-padding: var(--nys-space-2-px, 2px) var(--nys-space-100, 8px);--_nys-badge-gap: var(--nys-space-50, 4px);--_nys-badge-color: var(--nys-color-ink, #000000);--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a);--_nys-badge-border-width: var(--nys-border-width-sm, 1px);--_nys-badge-font-size: var(--nys-font-size-ui-sm, 14px);--_nys-badge-font-weight: var(--nys-font-weight-semibold, 600);--_nys-badge-line-height: var(--nys-font-lineheight-ui-sm, 24px);--_nys-badge-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-badge-prefix-font-weight: var(--nys-font-weight-regular, 400)}:host([size=sm]){--_nys-badge-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-badge-line-height: var(--nys-font-lineheight-ui-xs, 20px)}:host([intent=neutral]){--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a)}:host([intent=error]){--_nys-badge-background-color: var(--nys-color-error-weak, #f7eaea);--_nys-badge-border-color: var(--nys-color-error-strong, #721c1c)}:host([intent=success]){--_nys-badge-background-color: var(--nys-color-success-weak, #e8f1ea);--_nys-badge-border-color: var(--nys-color-success-strong, #0f3d18)}:host([intent=warning]){--_nys-badge-background-color: var(--nys-color-warning-weak, #fefae5);--_nys-badge-border-color: var(--nys-color-warning-strong, #6a5700)}:host([variant=strong]){--_nys-badge-background-color: var(--_nys-badge-border-color);--_nys-badge-color: var(--nys-color-white, #ffffff)}:host([variant=strong]) .nys-badge{--nys-icon-color: var(--nys-color-white, #ffffff)}:host([variant=strong][intent=success]){--_nys-badge-border-color: var(--nys-color-success, #1E752E)}:host([variant=strong][intent=warning]){--_nys-badge-border-color: var(--nys-color-warning, #FACE00);--_nys-badge-color: var(--nys-color-ink, #000000)}:host([variant=strong][intent=warning]) .nys-badge{--nys-icon-color: var(--nys-color-ink, #000000)}.nys-badge{display:flex;width:fit-content;align-items:center;justify-content:center;gap:var(--_nys-badge-gap);padding:var(--_nys-badge-padding);border:var(--_nys-badge-border-width) solid var(--_nys-badge-border-color);background-color:var(--_nys-badge-background-color);color:var(--_nys-badge-color);border-radius:var(--_nys-badge-radius);font-family:var(--_nys-badge-font-family);font-size:var(--_nys-badge-font-size);font-weight:var(--_nys-badge-font-weight);line-height:var(--_nys-badge-line-height);cursor:default;--nys-icon-color: var(--_nys-badge-border-color)}.nys-badge__prefix{font-weight:var(--_nys-badge-prefix-font-weight)}';var kr=Object.defineProperty,$r=Object.getOwnPropertyDescriptor,pe=(r,e,t,s)=>{for(var o=s>1?void 0:s?$r(e,t):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=(s?i(e,t,o):i(o))||o);return s&&o&&kr(e,t,o),o};let Er=0;const ae=($e=class extends f{constructor(){super(...arguments),this.id="",this.name="",this.size="md",this.intent="neutral",this.prefixLabel="",this.label="",this.variant="",this._prefixIcon="",this._suffixIcon=""}get prefixIcon(){return this._prefixIcon}set prefixIcon(e){e===""||e===null?this._prefixIcon=!0:e==="false"||e===!1?this._prefixIcon="":this._prefixIcon=e}get suffixIcon(){return this._suffixIcon}set suffixIcon(e){e===""||e===null?this._suffixIcon=!0:e==="false"||e===!1?this._suffixIcon="":this._suffixIcon=e}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-badge-${Date.now()}-${Er++}`);const e=this.getAttribute("prefixicon");e!==null&&this.prefixIcon===""&&(this.prefixIcon=e);const t=this.getAttribute("suffixicon");t!==null&&this.suffixIcon===""&&(this.suffixIcon=t)}resolveIcon(e){return e===!0?$e.DEFAULT_ICONS[this.intent]??"info":typeof e=="string"&&e.trim()!==""?e:null}render(){const e=this.resolveIcon(this.prefixIcon),t=this.resolveIcon(this.suffixIcon);return h`
|
|
184
225
|
<div class="nys-badge">
|
|
185
226
|
${e?h`<nys-icon size="16" name=${e}></nys-icon>`:""}
|
|
186
227
|
${this.prefixLabel?h`<div class="nys-badge__prefix">${this.prefixLabel}</div>`:""}
|
|
187
228
|
<div class="nys-badge__label">${this.label}</div>
|
|
188
229
|
${t?h`<nys-icon size="16" name=${t}></nys-icon>`:""}
|
|
189
230
|
</div>
|
|
190
|
-
`}},we.styles=_(ur),we.DEFAULT_ICONS={neutral:"info",error:"emergency_home",success:"check_circle",warning:"warning"},we);de([a({type:String,reflect:!0})],ne.prototype,"id",2),de([a({type:String,reflect:!0})],ne.prototype,"name",2),de([a({type:String,reflect:!0})],ne.prototype,"size",2),de([a({type:String,reflect:!0})],ne.prototype,"intent",2),de([a({type:String})],ne.prototype,"prefixLabel",2),de([a({type:String})],ne.prototype,"label",2),de([a({type:String,reflect:!0})],ne.prototype,"variant",2),de([a({type:String,attribute:"prefixicon"})],ne.prototype,"prefixIcon",1),de([a({type:String,attribute:"suffixicon"})],ne.prototype,"suffixIcon",1);let Os=ne;customElements.get("nys-badge")||customElements.define("nys-badge",Os);const Is=':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var(--nys-color-neutral-50, #ededed);--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var(--nys-color-neutral-400, #757575);--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--checked: var(--nys-color-danger, #b52c2c)}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;flex-direction:column;border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile)}.nys-checkbox .nys-checkbox__main-container{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);align-items:center;gap:var(--_nys-checkbox-gap)}.nys-checkbox .nys-checkbox__main-container.has-description{align-items:flex-start}.nys-checkbox__checkbox-wrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--nys-color-ink-reverse, #ffffff)}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none;margin:0}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox__main-container>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox__main-container>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.nys-checkbox__other-container{display:flex;padding-inline-start:calc(var(--_nys-checkbox-size) + var(--_nys-checkbox-gap))}';var vr=Object.defineProperty,U=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&vr(e,t,r),r};let gr=0;const Mt=class Mt extends g{constructor(){super(),this.id="",this.name="",this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.label="",this.description="",this.tile=!1,this.tooltip="",this.inverted=!1,this.form=null,this.size="md",this._slottedDescriptionText="",this._hasOtherError=!1,this._otherErrorCheckbox=null,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkboxgroup-${Date.now()}-${gr++}`),this.addEventListener("nys-change",this._handleCheckboxChange),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("nys-error",this._handleChildError),this.addEventListener("nys-error-clear",this._handleChildErrorClear)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("nys-change",this._handleCheckboxChange),this.removeEventListener("invalid",this._handleInvalid),this.removeEventListener("nys-error",this._handleChildError),this.removeEventListener("nys-error-clear",this._handleChildErrorClear)}firstUpdated(){this._setGroupExist(),this._updateCheckboxSize(),this._updateCheckboxTile(),this._updateCheckboxShowError(),this._getSlotDescriptionForAria()}updated(e){e.has("required")&&this.required&&this._setupCheckboxRequired(),e.has("size")&&this._updateCheckboxSize(),e.has("tile")&&this._updateCheckboxTile(),e.has("inverted")&&this._updateCheckboxInvert(),e.has("showError")&&this._updateCheckboxShowError(),e.has("form")&&this._updateCheckboxForm()}_hasAtLeastOneChecked(){return Array.from(this.querySelectorAll("nys-checkbox")).some(e=>e.checked)}_setGroupExist(){this.querySelectorAll("nys-checkbox").forEach(t=>{t.groupExist=!0})}async _setupCheckboxRequired(){const e=this.querySelector("nys-checkbox"),t=this.errorMessage||"This field is required",s=e?await e.getInputElement():null;this._internals.setValidity({valueMissing:!0},t,s||this)}async _manageRequire(){if(!this.required)return;const e=this.errorMessage||"You must make a selection to proceed.",t=Array.from(this.querySelectorAll("nys-checkbox")),s=this._hasAtLeastOneChecked(),r=t?await t[0].getInputElement().catch(()=>null):null;this._internals.setValidity({}),this.showError=!1,s?this._hasOtherError&&this._otherErrorCheckbox&&(this._setCustomOtherError(),this.showError=!0):this._hasOtherError?(this._setCustomOtherError(),this.showError=!0):(this._internals.setValidity({valueMissing:!0},e,r??this),this.showError=!0)}_setCustomOtherError(){const t=this._otherErrorCheckbox?.shadowRoot?.querySelector("nys-textinput")||this._otherErrorCheckbox;this._internals.setValidity({customError:!0},"Please complete this field.",t)}_updateCheckboxSize(){this.querySelectorAll("nys-checkbox").forEach(t=>{t.setAttribute("size",this.size)})}_updateCheckboxTile(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.tile?t.toggleAttribute("tile",!0):t.removeAttribute("tile")})}_updateCheckboxInvert(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.inverted?t.toggleAttribute("inverted",!0):t.removeAttribute("inverted")})}_updateCheckboxShowError(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.showError?t.setAttribute("showError",""):t.removeAttribute("showError")})}_updateCheckboxForm(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.showError&&this.form!==null?t.setAttribute("form",this.form):t.removeAttribute("form")})}_getSlotDescriptionForAria(){const t=this.shadowRoot?.querySelector('slot[name="description"]')?.assignedNodes({flatten:!0})||[];this._slottedDescriptionText=t.map(s=>s.textContent?.trim()).filter(Boolean).join(", ")}formResetCallback(){this.querySelectorAll("nys-checkbox").forEach(t=>{t.formResetCallback()}),this._internals.setFormValue(""),this.showError=!1,this._internals.setValidity({}),this.requestUpdate()}async _handleInvalid(e){if(e.preventDefault(),this._internals.validity.customError){const s=Array.from(this.querySelectorAll("nys-checkbox")).find(r=>r.other&&r.checked);if(s){const r=s.shadowRoot?.querySelector("nys-textinput");if(r){await r.updateComplete,r.focus();return}}}if(this._internals.validity.valueMissing){this.showError=!0,this._manageRequire();const t=this.querySelector("nys-checkbox"),s=t?await t.getInputElement():null;if(s){const r=this._internals.form;r?Array.from(r.elements).find(l=>{if(l.tagName.toLowerCase()==="nys-checkboxgroup"){if(Array.from(this.querySelectorAll("nys-checkbox")).filter(u=>u.checked).length===0)return l}else return typeof l.checkValidity=="function"&&!l.checkValidity()})===this&&s.focus():s.focus()}}}_handleCheckboxChange(e){const t=e,{name:s}=t.detail,r=Array.from(this.querySelectorAll("nys-checkbox")),n=r.filter(i=>i.checked).map(i=>i.value);this.name=s,this._internals.setFormValue(n.join(", ")),this._checkOtherInputs(r),this._hasOtherError||this._manageRequire()}async _handleChildError(e){e.stopPropagation();const{sourceCheckbox:t}=e.detail;t&&(this._hasOtherError=!0,this._otherErrorCheckbox=t,this.showError=!0,this._setCustomOtherError())}_handleChildErrorClear(e){const s=e.detail?.sourceCheckbox;this._otherErrorCheckbox&&s!==this._otherErrorCheckbox||(this._internals.setValidity({}),this.showError=!1,this.required&&!this._hasAtLeastOneChecked()&&this._manageRequire())}async _checkOtherInputs(e){let t=!1;for(const s of e)if(s.checked&&s.other){const r=s.value.trim();if(!s._hasUserInteracted)continue;if(!r||r===""){this._hasOtherError=!0,this._otherErrorCheckbox=s,this._setCustomOtherError(),this.showError=!0,t=!0;return}}!t&&this._hasOtherError&&(this._hasOtherError=!1,this._otherErrorCheckbox=null,this.required?this._manageRequire():(this._internals.setValidity({}),this.showError=!1))}render(){return h`
|
|
231
|
+
`}},$e.styles=_(xr),$e.DEFAULT_ICONS={neutral:"info",error:"emergency_home",success:"check_circle",warning:"warning"},$e);pe([a({type:String,reflect:!0})],ae.prototype,"id",2),pe([a({type:String,reflect:!0})],ae.prototype,"name",2),pe([a({type:String,reflect:!0})],ae.prototype,"size",2),pe([a({type:String,reflect:!0})],ae.prototype,"intent",2),pe([a({type:String})],ae.prototype,"prefixLabel",2),pe([a({type:String})],ae.prototype,"label",2),pe([a({type:String,reflect:!0})],ae.prototype,"variant",2),pe([a({type:String,attribute:"prefixicon"})],ae.prototype,"prefixIcon",1),pe([a({type:String,attribute:"suffixicon"})],ae.prototype,"suffixIcon",1);let Ws=ae;customElements.get("nys-badge")||customElements.define("nys-badge",Ws);const Ys=':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var(--nys-color-neutral-50, #ededed);--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var(--nys-color-neutral-400, #757575);--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--checked: var(--nys-color-danger, #b52c2c)}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;flex-direction:column;border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile)}.nys-checkbox .nys-checkbox__main-container{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);align-items:center;gap:var(--_nys-checkbox-gap)}.nys-checkbox .nys-checkbox__main-container.has-description{align-items:flex-start}.nys-checkbox__checkbox-wrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--nys-color-ink-reverse, #ffffff)}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none;margin:0}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:hover .nys-checkbox__checkbox:not(:disabled):not(:checked),.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox:hover .nys-checkbox__checkbox:not(:disabled):checked,.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox:active .nys-checkbox__checkbox:not(:disabled):not(:checked),.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox:active .nys-checkbox__checkbox:not(:disabled):checked,.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus-visible{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus-visible){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox__main-container>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox__main-container>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.nys-checkbox__other-container{display:flex;padding-inline-start:calc(var(--_nys-checkbox-size) + var(--_nys-checkbox-gap))}';var Sr=Object.defineProperty,T=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Sr(e,t,o),o};let Lr=0;const vt=class vt extends f{constructor(){super(),this.id="",this.name="",this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.label="",this.description="",this.tile=!1,this.tooltip="",this.inverted=!1,this.form=null,this.size="md",this._slottedDescriptionText="",this._hasOtherError=!1,this._otherErrorCheckbox=null,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkboxgroup-${Date.now()}-${Lr++}`),this.addEventListener("nys-change",this._handleCheckboxChange),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("nys-error",this._handleChildError),this.addEventListener("nys-error-clear",this._handleChildErrorClear)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("nys-change",this._handleCheckboxChange),this.removeEventListener("invalid",this._handleInvalid),this.removeEventListener("nys-error",this._handleChildError),this.removeEventListener("nys-error-clear",this._handleChildErrorClear)}firstUpdated(){this._setGroupExist(),this._updateCheckboxSize(),this._updateCheckboxTile(),this._updateCheckboxShowError(),this._getSlotDescriptionForAria()}updated(e){e.has("required")&&this.required&&this._setupCheckboxRequired(),e.has("size")&&this._updateCheckboxSize(),e.has("tile")&&this._updateCheckboxTile(),e.has("inverted")&&this._updateCheckboxInvert(),e.has("showError")&&this._updateCheckboxShowError(),e.has("form")&&this._updateCheckboxForm()}_hasAtLeastOneChecked(){return Array.from(this.querySelectorAll("nys-checkbox")).some(e=>e.checked)}_setGroupExist(){this.querySelectorAll("nys-checkbox").forEach(t=>{t.groupExist=!0})}async _setupCheckboxRequired(){const e=this.querySelector("nys-checkbox"),t=this.errorMessage||"This field is required",s=e?await e.getInputElement():null;this._internals.setValidity({valueMissing:!0},t,s||this)}async _manageRequire(){if(!this.required)return;const e=this.errorMessage||"You must make a selection to proceed.",t=Array.from(this.querySelectorAll("nys-checkbox")),s=this._hasAtLeastOneChecked(),o=t?await t[0].getInputElement().catch(()=>null):null;this._internals.setValidity({}),this.showError=!1,s?this._hasOtherError&&this._otherErrorCheckbox&&(this._setCustomOtherError(),this.showError=!0):this._hasOtherError?(this._setCustomOtherError(),this.showError=!0):(this._internals.setValidity({valueMissing:!0},e,o??this),this.showError=!0)}_setCustomOtherError(){const t=this._otherErrorCheckbox?.shadowRoot?.querySelector("nys-textinput")||this._otherErrorCheckbox;this._internals.setValidity({customError:!0},"Please complete this field.",t)}_updateCheckboxSize(){this.querySelectorAll("nys-checkbox").forEach(t=>{t.setAttribute("size",this.size)})}_updateCheckboxTile(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.tile?t.toggleAttribute("tile",!0):t.removeAttribute("tile")})}_updateCheckboxInvert(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.inverted?t.toggleAttribute("inverted",!0):t.removeAttribute("inverted")})}_updateCheckboxShowError(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.showError?t.setAttribute("showError",""):t.removeAttribute("showError")})}_updateCheckboxForm(){this.querySelectorAll("nys-checkbox").forEach(t=>{this.showError&&this.form!==null?t.setAttribute("form",this.form):t.removeAttribute("form")})}_getSlotDescriptionForAria(){const t=this.shadowRoot?.querySelector('slot[name="description"]')?.assignedNodes({flatten:!0})||[];this._slottedDescriptionText=t.map(s=>s.textContent?.trim()).filter(Boolean).join(", ")}formResetCallback(){this.querySelectorAll("nys-checkbox").forEach(t=>{t.formResetCallback()}),this._internals.setFormValue(""),this.showError=!1,this._internals.setValidity({}),this.requestUpdate()}async _handleInvalid(e){if(e.preventDefault(),this._internals.validity.customError){const s=Array.from(this.querySelectorAll("nys-checkbox")).find(o=>o.other&&o.checked);if(s){const o=s.shadowRoot?.querySelector("nys-textinput");if(o){await o.updateComplete,o.focus();return}}}if(this._internals.validity.valueMissing){this.showError=!0,this._manageRequire();const t=this.querySelector("nys-checkbox"),s=t?await t.getInputElement():null;if(s){const o=this._internals.form;o?Array.from(o.elements).find(l=>{if(l.tagName.toLowerCase()==="nys-checkboxgroup"){if(Array.from(this.querySelectorAll("nys-checkbox")).filter(p=>p.checked).length===0)return l}else return typeof l.checkValidity=="function"&&!l.checkValidity()})===this&&s.focus():s.focus()}}}_handleCheckboxChange(e){const t=e,{name:s}=t.detail,o=Array.from(this.querySelectorAll("nys-checkbox")),n=o.filter(i=>i.checked).map(i=>i.value);this.name=s,this._internals.setFormValue(n.join(", ")),this._checkOtherInputs(o),this._hasOtherError||this._manageRequire()}async _handleChildError(e){e.stopPropagation();const{sourceCheckbox:t}=e.detail;t&&(this._hasOtherError=!0,this._otherErrorCheckbox=t,this.showError=!0,this._setCustomOtherError())}_handleChildErrorClear(e){const s=e.detail?.sourceCheckbox;this._otherErrorCheckbox&&s!==this._otherErrorCheckbox||(this._internals.setValidity({}),this.showError=!1,this.required&&!this._hasAtLeastOneChecked()&&this._manageRequire())}async _checkOtherInputs(e){for(const t of e)if(t.checked&&t.other){const s=t.value.trim();if(!t._hasUserInteracted)continue;if(!s||s===""){this._hasOtherError=!0,this._otherErrorCheckbox=t,this._setCustomOtherError(),this.showError=!0;return}}this._hasOtherError&&(this._hasOtherError=!1,this._otherErrorCheckbox=null,this.required?this._manageRequire():(this._internals.setValidity({}),this.showError=!1))}render(){return h`
|
|
191
232
|
<fieldset
|
|
192
233
|
aria-label="${this.label}${this._slottedDescriptionText?` ${this._slottedDescriptionText}`:this.description?` ${this.description}`:""}"
|
|
193
234
|
class="nys-checkboxgroup"
|
|
@@ -212,7 +253,7 @@
|
|
|
212
253
|
.showDivider=${!this.tile}
|
|
213
254
|
></nys-errormessage>
|
|
214
255
|
</fieldset>
|
|
215
|
-
`}};
|
|
256
|
+
`}};vt.styles=_(Ys),vt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},vt.formAssociated=!0;let z=vt;T([a({type:String,reflect:!0})],z.prototype,"id"),T([a({type:String,reflect:!0})],z.prototype,"name"),T([a({type:Boolean,reflect:!0})],z.prototype,"required"),T([a({type:Boolean,reflect:!0})],z.prototype,"optional"),T([a({type:Boolean,reflect:!0})],z.prototype,"showError"),T([a({type:String})],z.prototype,"errorMessage"),T([a({type:String})],z.prototype,"label"),T([a({type:String})],z.prototype,"description"),T([a({type:Boolean,reflect:!0})],z.prototype,"tile"),T([a({type:String})],z.prototype,"tooltip"),T([a({type:Boolean,reflect:!0})],z.prototype,"inverted"),T([a({type:String,reflect:!0})],z.prototype,"form"),T([a({type:String,reflect:!0})],z.prototype,"size"),T([m()],z.prototype,"_slottedDescriptionText"),T([m()],z.prototype,"_hasOtherError"),T([m()],z.prototype,"_otherErrorCheckbox"),customElements.get("nys-checkboxgroup")||customElements.define("nys-checkboxgroup",z);var Dr=Object.defineProperty,V=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Dr(e,t,o),o};let Mr=0;const bt=class bt extends f{constructor(){super(),this.checked=!1,this.disabled=!1,this.required=!1,this.label="",this.description="",this.id="",this.name="",this.value="",this.form=null,this.showError=!1,this.errorMessage="",this.groupExist=!1,this.tile=!1,this.inverted=!1,this.tooltip="",this.size="md",this.other=!1,this.showOtherError=!1,this.isMobile=window.innerWidth<480,this._hasUserInteracted=!1,this._manageLabelClick=()=>{const e=this.shadowRoot?.querySelector(".nys-checkbox__main-container"),t=this.shadowRoot?.querySelector("input");!e||!t||e.addEventListener("click",s=>{s.target.tagName.toLowerCase()!=="input"&&(this.disabled||(t.click(),t.focus()))})},this._handleResize=()=>{this.isMobile=window.innerWidth<480},this._internals=this.attachInternals()}async getInputElement(){return await this.updateComplete,this.shadowRoot?.querySelector("input")||null}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkbox-${Date.now()}-${Mr++}`),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("blur",this._handleBlur),window.addEventListener("resize",this._handleResize)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid),this.removeEventListener("blur",this._handleBlur),window.removeEventListener("resize",this._handleResize)}firstUpdated(){this._setValue(),this._manageRequire(),this._manageLabelClick()}_setValue(){this.groupExist||this._internals.setFormValue(this.checked?this.value:null)}_manageRequire(){const e=this.shadowRoot?.querySelector("input"),t=this.errorMessage||"This field is required";e&&(this.required&&!this.checked?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):this._internals.setValidity({}))}_setValidityMessage(e=""){const t=this.shadowRoot?.querySelector("input");t&&(this.showError=!!e,this.errorMessage?.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=e.validity;let s="";t.valueMissing&&(s="This field is required"),this._setValidityMessage(s)}formResetCallback(){this.checked=!1,this._internals.setFormValue(null);const e=this.shadowRoot?.querySelector("input");e&&(e.checked=!1),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.requestUpdate()}checkValidity(){if(this.required&&!this.checked)return!1;const e=this.shadowRoot?.querySelector("input");return e?e.checkValidity():!0}_handleInvalid(e){e.preventDefault(),this.showError=!0,this._validate();const t=this.shadowRoot?.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}get _hasDescription(){const e=this.querySelector('[slot="description"]');return!!this.description||!!e}_emitChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,checked:this.checked,name:this.name,value:this.value},bubbles:!0,composed:!0}))}_emitOtherInputEvent(){this.dispatchEvent(new CustomEvent("nys-other-input",{detail:{id:this.id,name:this.name,value:this.value},bubbles:!0,composed:!0}))}async _handleChange(e){const{checked:t}=e.target,s=this.checked;this.checked=t,this.groupExist||this._internals.setFormValue(this.checked?this.value:null),this.other&&s&&!t&&(this.showOtherError=!1,this._hasUserInteracted=!1,this._dispatchClearError()),this._validate(),this._emitChangeEvent()}_handleFocus(){this.dispatchEvent(new Event("nys-focus"))}_handleBlur(){this.dispatchEvent(new Event("nys-blur")),this.other&&this.checked&&(this._hasUserInteracted=!0,this._validateOtherAndEmitError())}_handleTextInputBlur(){this._hasUserInteracted=!0,this._validateOtherAndEmitError()}async _handleKeydown(e){e.code==="Space"&&(e.preventDefault(),this.disabled||(this.checked=!this.checked,this._internals.setFormValue(this.checked?this.value:null),await this.updateComplete,this._validate(),this._emitChangeEvent()))}_handleTextInput(e){let s=e.target.value;this.value=s,this._hasUserInteracted&&this._validateOtherAndEmitError(),this._emitOtherInputEvent()}_validateOtherAndEmitError(){if(!this.other)return;if(!this.checked||!this._hasUserInteracted){this.showOtherError=!1,this._dispatchClearError();return}const e=this.value.trim()==="";this.showOtherError=e,e&&this.dispatchEvent(new CustomEvent("nys-error",{detail:{id:this.id,name:this.name,type:"other",message:"Please enter a value for this option.",sourceCheckbox:this},bubbles:!0,composed:!0}))}_dispatchClearError(){this.dispatchEvent(new CustomEvent("nys-error-clear",{bubbles:!0,composed:!0}))}render(){return h`
|
|
216
257
|
<div class="nys-checkbox">
|
|
217
258
|
<div
|
|
218
259
|
class="nys-checkbox__main-container ${this._hasDescription?"has-description":""}"
|
|
@@ -222,12 +263,12 @@
|
|
|
222
263
|
id=${this.id+"--native"}
|
|
223
264
|
class="nys-checkbox__checkbox"
|
|
224
265
|
type="checkbox"
|
|
225
|
-
name="${
|
|
266
|
+
name="${v(this.name?this.name:void 0)}"
|
|
226
267
|
.checked=${this.checked}
|
|
227
268
|
?disabled=${this.disabled}
|
|
228
269
|
.value=${this.value}
|
|
229
270
|
?required="${this.required}"
|
|
230
|
-
form=${
|
|
271
|
+
form=${v(this.form||void 0)}
|
|
231
272
|
aria-checked="${this.checked}"
|
|
232
273
|
aria-disabled="${this.disabled?"true":"false"}"
|
|
233
274
|
aria-required="${this.required}"
|
|
@@ -235,7 +276,7 @@
|
|
|
235
276
|
@change="${this._handleChange}"
|
|
236
277
|
@focus="${this._handleFocus}"
|
|
237
278
|
@keydown="${this._handleKeydown}"
|
|
238
|
-
aria-label=${this.label||
|
|
279
|
+
aria-label=${this.label||v(this.other?"Other":void 0)}
|
|
239
280
|
/>
|
|
240
281
|
${this.checked?h`<nys-icon
|
|
241
282
|
name="check"
|
|
@@ -248,8 +289,8 @@
|
|
|
248
289
|
tooltip=${this.tooltip}
|
|
249
290
|
for=${this.id+"--native"}
|
|
250
291
|
label="${this.label||(this.other?"Other":"")}"
|
|
251
|
-
description=${
|
|
252
|
-
flag=${
|
|
292
|
+
description=${v(this.description||void 0)}
|
|
293
|
+
flag=${v(this.required?"required":void 0)}
|
|
253
294
|
?inverted=${this.inverted}
|
|
254
295
|
>
|
|
255
296
|
<slot name="description" slot="description"
|
|
@@ -278,11 +319,135 @@
|
|
|
278
319
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
279
320
|
.showDivider=${!this.tile}
|
|
280
321
|
></nys-errormessage>`:""}
|
|
281
|
-
`}};At.styles=_(Is),At.formAssociated=!0;let $=At;B([a({type:Boolean,reflect:!0})],$.prototype,"checked"),B([a({type:Boolean,reflect:!0})],$.prototype,"disabled"),B([a({type:Boolean,reflect:!0})],$.prototype,"required"),B([a({type:String})],$.prototype,"label"),B([a({type:String})],$.prototype,"description"),B([a({type:String,reflect:!0})],$.prototype,"id"),B([a({type:String,reflect:!0})],$.prototype,"name"),B([a({type:String})],$.prototype,"value"),B([a({type:String,reflect:!0})],$.prototype,"form"),B([a({type:Boolean,reflect:!0})],$.prototype,"showError"),B([a({type:String})],$.prototype,"errorMessage"),B([a({type:Boolean})],$.prototype,"groupExist"),B([a({type:Boolean,reflect:!0})],$.prototype,"tile"),B([a({type:Boolean,reflect:!0})],$.prototype,"inverted"),B([a({type:String})],$.prototype,"tooltip"),B([a({type:String,reflect:!0})],$.prototype,"size"),B([a({type:Boolean,reflect:!0})],$.prototype,"other"),B([a({type:Boolean})],$.prototype,"showOtherError"),B([x()],$.prototype,"isMobile"),customElements.get("nys-checkbox")||customElements.define("nys-checkbox",$);const Cr=':host{--_nys-datepicker-width: fit-content;--_nys-datepicker-input-width: var(--nys-form-width-md, 200px);--_nys-datepicker-gap: var(--nys-space-100, 8px);--_nys-datepicker-height: var(--nys-size-600, 48px);--_nys-datepicker-radius: var(--nys-radius-xl, 12px);--_nys-datepicker-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-datepicker-color-disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-datepicker--row-gap: var(--nys-space-2-px, 2px);--_nys-datepicker-space-sm: var(--nys-space-50, 4px);--_nys-datepicker-space-md: var(--nys-space-100, 8px);--_nys-datepicker-space-lg: var(--nys-space-150, 12px);--_nys-datepicker-border-width: var(--nys-border-width-sm, 1px);--_nys-datepicker-border-color: var(--nys-color-neutral-400, #909395);--_nys-datepicker-border-radius: var(--nys-radius-md, 4px);--_nys-datepicker-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-datepicker-font-size: var(--nys-font-size-ui-md, 16px);--_nys-datepicker-font-weight: var(--nys-font-weight-regular, 400);--_nys-datepicker-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-datepicker-letterspacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-datepicker-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-datepicker-text-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker-text-disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-datepicker-bg: var(--nys-color-ink-reverse, #ffffff);--_nys-datepicker--button-active-bg: var(--nys-color-gray-100, #d0d0ce);--_nys-datepicker--wc-padding: var(--nys-space-200, 16px);--_nys-datepicker--wc-weaker-color: var(--nys-color-text-weaker, #797c7f);--_nys-datepicker--date-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-datepicker--date-hover-bg: var(--nys-color-neutral-50, #ededed);--_nys-datepicker--date-active-bg: var(--nys-color-neutral-100, #d0d0ce);--_nys-datepicker--date-selected-bg: var(--nys-color-info-weak, #e5effa);--_nys-datepicker--date-focus-ring: var(--nys-color-link, #004dd1);--_nys-datepicker--date-hover-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker--date-default-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker--date-selected-color: var(--nys-color-info, #004dd1);--_nys-datepicker--date-disabled-color: var( --nys-color-text-disabled, #bec0c1 );--_nys-datepicker--date-border-disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-datepicker--navigation-hover-background: var( --nys-color-neutral-10, #f6f6f6 );--_nys-datepicker--navigation-pressed-background: var( --nys-color-neutral-50, #ededed );--_nys-datepicker--navigation-disabled-background: var( --nys-color-neutral-10, #f6f6f6 );--_nys-datepicker--navigation-border: var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-border-color);--_nys-datepicker--navigation-hover-border: var( --_nys-datepicker-border-width ) solid var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker--navigation-pressed-border: var( --_nys-datepicker-border-width ) solid var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker--navigation-disabled-border: var( --_nys-datepicker-border-width ) solid var(--nys-color-neutral-200, #bec0c1);--_nys-datepicker--navigation-box-shadow-border: inset 0 0 0 1px var(--nys-color-neutral-900, #1b1b1b)}:host([width=lg]){--_nys-datepicker-input-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-datepicker-input-width: 100%}:host([showError]){--_nys-datepicker-border-color: var(--nys-color-danger, #b52c2c)}.nys-datepicker--container{display:flex;flex-direction:column;gap:var(--_nys-datepicker-space-sm);font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size);font-weight:var(--_nys-datepicker-font-weight);line-height:var(--_nys-datepicker-line-height);width:100%}.nys-datepicker--container .nys-datepicker--input-container{position:relative;width:var(--_nys-datepicker-input-width);display:flex;cursor:pointer}.nys-datepicker--container .nys-datepicker--input-container.disabled #calendar-button{cursor:not-allowed;color:var(--_nys-datepicker--date-disabled-color)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input{cursor:text;text-align:start;font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size);flex:1;height:24px;outline:transparent solid 1px;border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-border-color);background:var(--_nys-datepicker-bg);padding:var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-lg);color:var(--_nys-datepicker-color)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input:hover{outline-color:var(--_nys-datepicker-outline-color--hover);border-color:var(--_nys-datepicker-outline-color--hover)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input:focus{outline-color:var(--_nys-datepicker-outline-color--focus);border-color:var(--_nys-datepicker-outline-color--focus)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input:disabled{border:var(--_nys-datepicker--navigation-disabled-border);cursor:not-allowed;color:var(--_nys-datepicker--wc-weaker-color)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input::-webkit-date-and-time-value{text-align:start}.nys-datepicker--container .nys-datepicker--input-container input[type=date]::-webkit-inner-spin-button,.nys-datepicker--container .nys-datepicker--input-container input[type=date]::-webkit-calendar-picker-indicator{display:none;appearance:none}.nys-datepicker--container .nys-datepicker--input-container #calendar-button{display:flex;align-items:center;justify-content:center;padding:var(--_nys-datepicker-space-sm);border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-bg);outline:transparent solid 1px;background-color:var(--_nys-datepicker-bg);position:absolute;top:50%;right:var(--_nys-datepicker-space-sm);transform:translateY(-50%);cursor:pointer}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:hover{outline-color:var(--_nys-datepicker--date-hover-bg);border-color:var(--_nys-datepicker--date-hover-bg);background:var(--_nys-datepicker--date-hover-bg)}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:active{outline-color:var(--_nys-datepicker--button-active-bg);border-color:var(--_nys-datepicker--button-active-bg);background:var(--_nys-datepicker--button-active-bg)}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:focus:not(:active):not(:disabled){outline-color:var(--_nys-datepicker-outline-color--focus);border-color:var(--_nys-datepicker-outline-color--focus)}.nys-datepicker--container .wc-datepicker--container{display:flex;width:fit-content}.nys-datepicker--container .wc-datepicker--container *{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}wc-datepicker{display:none;padding:var(--_nys-datepicker--wc-padding);border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--nys-color-neutral-100, #d0d0ce);background:var(--_nys-datepicker-bg);box-shadow:0 4px 6px -1px var(--nys-color-black-transparent-100, rgba(27, 27, 27, .1)),0 4px 6px -1px var(--nys-color-black-transparent-50, rgba(27, 27, 27, .01));color:var(--_nys-datepicker-text-color);margin-bottom:3px}wc-datepicker.active{display:flex;flex-direction:column-reverse;position:absolute;z-index:1}wc-datepicker *,wc-datepicker *:before,wc-datepicker *:after{margin:0;box-sizing:border-box}.wc-datepicker{display:block;width:min-content;font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker--date-font-size);font-weight:400;line-height:var(--_nys-datepicker-line-height);letter-spacing:var(--_nys-datepicker-letterspacing)}.wc-datepicker--disabled *:disabled{opacity:.5;cursor:not-allowed}.wc-datepicker--disabled .wc-datepicker__date{cursor:not-allowed;opacity:.5}.wc-datepicker--disabled .wc-datepicker__date:focus{outline:none;border-color:var(--_nys-datepicker--date-border-disabled);box-shadow:none}.wc-datepicker--disabled .wc-datepicker__date:hover:not(.wc-datepicker__date--selected){background-color:transparent}.wc-datepicker--disabled .wc-datepicker__date--selected:hover{color:var(--_nys-datepicker-bg);background-color:var(--_nys-datepicker--date-selected-bg)}.wc-datepicker--disabled #wc-month-dropdown-icon{color:var(--_nys-datepicker--date-disabled-color)}.wc-datepicker__header{display:flex;align-items:center;gap:var(--_nys-datepicker-space-sm)}.wc-datepicker__current-month{display:flex;flex-grow:1;gap:var(--_nys-datepicker-space-sm)}.wc-datepicker__month-select,.wc-datepicker__year-select{display:flex;align-items:center;font-size:var(--_nys-datepicker-font-size);font-family:var(--_nys-datepicker-font-family);padding:var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-lg);border:var(--_nys-datepicker--navigation-border);border-radius:.25rem;color:var(--_nys-datepicker-color);background-color:var(--_nys-datepicker-bg);line-height:var(--_nys-datepicker-line-height)}.wc-datepicker__month-select:hover:not(:disabled),.wc-datepicker__year-select:hover:not(:disabled){border:var(--_nys-datepicker--navigation-hover-border);background-color:var(--_nys-datepicker--navigation-hover-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border)}.wc-datepicker__month-select:active:not(:disabled),.wc-datepicker__month-select[aria-pressed=true],.wc-datepicker__year-select:active:not(:disabled),.wc-datepicker__year-select[aria-pressed=true]{border:var(--_nys-datepicker--navigation-pressed-border);background-color:var(--_nys-datepicker--navigation-pressed-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border)}.wc-datepicker__month-select:disabled,.wc-datepicker__month-select[aria-disabled=true],.wc-datepicker__year-select:disabled,.wc-datepicker__year-select[aria-disabled=true]{border:var(--_nys-datepicker--navigation-disabled-border);background-color:var(--_nys-datepicker--navigation-disabled-background);color:var(--_nys-datepicker-color-disabled)}.wc-datepicker .month-wrapper{position:relative;width:135px;display:flex;align-items:center;align-self:stretch}.wc-datepicker .month-wrapper #wc-month-dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.wc-datepicker__month-select{width:100%;max-width:100%;flex-grow:1;cursor:pointer;appearance:none;text-overflow:ellipsis;padding-right:var(--nys-space-400, 32px)}.wc-datepicker__month-select>*{width:91px;height:24px}.wc-datepicker__year-select{border:var(--_nys-datepicker--navigation-border);border-radius:.25rem;padding-right:var(--_nys-datepicker-space-sm);max-width:5rem}.wc-datepicker__previous-month-button,.wc-datepicker__next-month-button,.wc-datepicker__previous-year-button,.wc-datepicker__next-year-button{display:inline-flex;width:40px;max-width:40px;max-height:42px;padding:var(--_nys-datepicker-space-lg);justify-content:center;align-items:center;border:var(--_nys-datepicker--navigation-border);border-radius:.25rem;color:var(--_nys-datepicker--date-default-color);background-color:var(--_nys-datepicker-bg);cursor:pointer}.wc-datepicker__previous-month-button:hover:not(:disabled),.wc-datepicker__next-month-button:hover:not(:disabled),.wc-datepicker__previous-year-button:hover:not(:disabled),.wc-datepicker__next-year-button:hover:not(:disabled){background-color:var(--_nys-datepicker--navigation-hover-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border);border:var(--_nys-datepicker--navigation-hover-border)}.wc-datepicker__previous-month-button:active:not(:disabled),.wc-datepicker__previous-month-button[aria-pressed=true],.wc-datepicker__next-month-button:active:not(:disabled),.wc-datepicker__next-month-button[aria-pressed=true],.wc-datepicker__previous-year-button:active:not(:disabled),.wc-datepicker__previous-year-button[aria-pressed=true],.wc-datepicker__next-year-button:active:not(:disabled),.wc-datepicker__next-year-button[aria-pressed=true]{background-color:var(--_nys-datepicker--navigation-pressed-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border);border:var(--_nys-datepicker--navigation-pressed-border)}.wc-datepicker__previous-month-button:disabled,.wc-datepicker__previous-month-button[aria-disabled=true],.wc-datepicker__next-month-button:disabled,.wc-datepicker__next-month-button[aria-disabled=true],.wc-datepicker__previous-year-button:disabled,.wc-datepicker__previous-year-button[aria-disabled=true],.wc-datepicker__next-year-button:disabled,.wc-datepicker__next-year-button[aria-disabled=true]{background-color:var(--_nys-datepicker--navigation-disabled-background);border:var(--_nys-datepicker--navigation-disabled-border);color:var(--_nys-datepicker-color-disabled)}.wc-datepicker__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.wc-datepicker__weekday{padding:var(--_nys-datepicker--wc-padding) 0 var(--_nys-datepicker-space-sm) 0;min-width:var(--nys-size-500, 40px);font-weight:600;aspect-ratio:1}.wc-datepicker__weekday>span{width:42.3px;height:24px;display:flex;justify-content:center;align-items:center}.wc-datepicker__weekday[aria-label=Saturday],.wc-datepicker__weekday[aria-label=Sunday]{color:var(--_nys-datepicker--wc-weaker-color)}.wc-datepicker__date{padding:var(--_nys-datepicker-space-md);text-align:center;cursor:pointer;border-radius:var(--nys-radius-lg)}.wc-datepicker__date:focus,.wc-datepicker__date:focus-visible{outline:none}.wc-datepicker__date:focus{box-shadow:inset 0 0 0 2px var(--_nys-datepicker--date-focus-ring)}.wc-datepicker__date:hover:not(.wc-datepicker__date--selected):not(:active){color:var(--_nys-datepicker--date-hover-color);background-color:var(--_nys-datepicker--date-hover-bg)}.wc-datepicker__date:active{color:var(--_nys-datepicker--date-hover-color);background-color:var(--_nys-datepicker--date-active-bg)}.wc-datepicker__date>*{display:flex;justify-content:center;align-items:center;aspect-ratio:1;width:24.3px;height:24px}.wc-datepicker__date--today{font-weight:600;color:var(--_nys-datepicker--date-selected-color)}.wc-datepicker__date--today>*{font-style:normal;text-decoration-line:underline}.wc-datepicker__date--selected{text-decoration-line:none;background-color:var(--_nys-datepicker--date-selected-bg);color:var(--_nys-datepicker--date-selected-color)}.wc-datepicker__date--selected>*{font-weight:600}.wc-datepicker__date--disabled{color:var(--_nys-datepicker--date-disabled-color);cursor:default}.wc-datepicker__date--disabled:not(.wc-datepicker__date--disabled--selected,.wc-datepicker__date--disabled--in-range):hover{background-color:transparent}.wc-datepicker__date.wc-datepicker__date--overflowing{color:var(--_nys-datepicker-text-disabled)}.wc-datepicker__date.wc-datepicker__date--overflowing:hover,.wc-datepicker__date.wc-datepicker__date--overflowing:active{color:var(--_nys-datepicker-color)}.wc-datepicker--button-container{display:flex;padding-top:var(--_nys-datepicker-space-lg);align-items:flex-end;gap:var(--_nys-datepicker--wc-padding);align-self:stretch}.wc-datepicker tr.wc-datepicker__calendar-row.sc-wc-datepicker{display:flex;align-items:center;gap:var(--_nys-datepicker--row-gap);align-self:stretch}',Re={allRenderFn:!1,cmpDidLoad:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpDidRender:!0,cmpWillLoad:!0,cmpWillUpdate:!0,cmpWillRender:!0,connectedCallback:!0,disconnectedCallback:!0,element:!0,event:!0,hasRenderFn:!0,lifecycle:!0,hostListener:!0,hostListenerTargetWindow:!0,hostListenerTargetDocument:!0,hostListenerTargetBody:!0,hostListenerTargetParent:!1,hostListenerTarget:!0,member:!0,method:!0,mode:!0,observeAttribute:!0,prop:!0,propMutable:!0,reflect:!0,scoped:!0,shadowDom:!0,slot:!0,cssAnnotations:!0,state:!0,style:!0,svg:!0,updatable:!0,vdomAttribute:!0,vdomXlink:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomRef:!0,vdomPropOrAttr:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,watchCallback:!0,taskQueue:!0,hotModuleReplacement:!1,isDebug:!1,isDev:!1,isTesting:!1,hydrateServerSide:!1,hydrateClientSide:!1,lifecycleDOMEvents:!1,lazyLoad:!1,profile:!1,slotRelocation:!0,appendChildSlotFix:!1,cloneNodeFix:!1,hydratedAttribute:!1,hydratedClass:!0,safari10:!1,scriptDataOpts:!1,scopedSlotTextContentFix:!1,shadowDomShim:!1,slotChildNodesFix:!1,invisiblePrehydration:!0,propBoolean:!0,propNumber:!0,propString:!0,cssVarShim:!1,constructableCSS:!0,cmpShouldUpdate:!0,devTools:!1,dynamicImportShim:!1,shadowDelegatesFocus:!0,initializeNextTick:!1,asyncLoading:!1,asyncQueue:!1,transformTagName:!1,attachStyles:!0};let Ue,Rs,ft,Us=!1,vt=!1,jt=!1,G=!1,Ps=null,Wt=!1;const Le=(o,e="")=>()=>{},Ts="http://www.w3.org/1999/xlink",Ns={},mr="http://www.w3.org/2000/svg",wr="http://www.w3.org/1999/xhtml",kr=o=>o!=null,Yt=o=>(o=typeof o,o==="object"||o==="function");function xr(o){var e,t,s;return(s=(t=(e=o.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&s!==void 0?s:void 0}const b=(o,e,...t)=>{let s=null,r=null,n=null,i=!1,l=!1;const c=[],d=y=>{for(let p=0;p<y.length;p++)s=y[p],Array.isArray(s)?d(s):s!=null&&typeof s!="boolean"&&((i=typeof o!="function"&&!Yt(s))&&(s=String(s)),i&&l?c[c.length-1].$text$+=s:c.push(i?gt(null,s):s),l=i)};if(d(t),e){e.key&&(r=e.key),e.name&&(n=e.name);{const y=e.className||e.class;y&&(e.class=typeof y!="object"?y:Object.keys(y).filter(p=>y[p]).join(" "))}}if(typeof o=="function")return o(e===null?{}:e,c,Sr);const u=gt(o,null);return u.$attrs$=e,c.length>0&&(u.$children$=c),u.$key$=r,u.$name$=n,u},gt=(o,e)=>{const t={$flags$:0,$tag$:o,$text$:e,$elm$:null,$children$:null};return t.$attrs$=null,t.$key$=null,t.$name$=null,t},Zs={},$r=o=>o&&o.$tag$===Zs,Sr={forEach:(o,e)=>o.map(Fs).forEach(e),map:(o,e)=>o.map(Fs).map(e).map(Er)},Fs=o=>({vattrs:o.$attrs$,vchildren:o.$children$,vkey:o.$key$,vname:o.$name$,vtag:o.$tag$,vtext:o.$text$}),Er=o=>{if(typeof o.vtag=="function"){const t=Object.assign({},o.vattrs);return o.vkey&&(t.key=o.vkey),o.vname&&(t.name=o.vname),b(o.vtag,t,...o.vchildren||[])}const e=gt(o.vtag,o.vtext);return e.$attrs$=o.vattrs,e.$children$=o.vchildren,e.$key$=o.vkey,e.$name$=o.vname,e},Lr=o=>so.map(e=>e(o)).find(e=>!!e),Dr=(o,e)=>o!=null&&!Yt(o)?e&4?o==="false"?!1:o===""||!!o:e&2?parseFloat(o):e&1?String(o):o:o,Mr=o=>o,js=(o,e,t)=>{const s=Mr(o);return{emit:r=>Ar(s,e,{bubbles:!0,composed:!0,cancelable:!0,detail:r})}},Ar=(o,e,t)=>{const s=P.ce(e,t);return o.dispatchEvent(s),s},Ws=new WeakMap,zr=(o,e,t)=>{let s=mt.get(o);io&&t?(s=s||new CSSStyleSheet,typeof s=="string"?s=e:s.replaceSync(e)):s=e,mt.set(o,s)},Br=(o,e,t,s)=>{var r;let n=Ys(e,t);const i=mt.get(n);if(o=o.nodeType===11?o:te,i)if(typeof i=="string"){o=o.head||o;let l=Ws.get(o),c;if(l||Ws.set(o,l=new Set),!l.has(n)){{c=te.createElement("style"),c.innerHTML=i;const d=(r=P.$nonce$)!==null&&r!==void 0?r:xr(te);d!=null&&c.setAttribute("nonce",d),o.insertBefore(c,o.querySelector("link"))}l&&l.add(n)}}else o.adoptedStyleSheets.includes(i)||(o.adoptedStyleSheets=[...o.adoptedStyleSheets,i]);return n},Vr=o=>{const e=o.$cmpMeta$,t=o.$hostElement$,s=e.$flags$,r=Le("attachStyles",e.$tagName$),n=Br(t.shadowRoot?t.shadowRoot:t.getRootNode(),e,o.$modeName$);s&10&&(t["s-sc"]=n,t.classList.add(n+"-h"),s&2&&t.classList.add(n+"-s")),r()},Ys=(o,e)=>"sc-"+(e&&o.$flags$&32?o.$tagName$+"-"+e:o.$tagName$),Ks=(o,e,t,s,r,n)=>{if(t!==s){let i=c1(o,e),l=e.toLowerCase();if(e==="class"){const c=o.classList,d=Gs(t),u=Gs(s);c.remove(...d.filter(y=>y&&!u.includes(y))),c.add(...u.filter(y=>y&&!d.includes(y)))}else if(e==="style"){for(const c in t)(!s||s[c]==null)&&(c.includes("-")?o.style.removeProperty(c):o.style[c]="");for(const c in s)(!t||s[c]!==t[c])&&(c.includes("-")?o.style.setProperty(c,s[c]):o.style[c]=s[c])}else if(e!=="key")if(e==="ref")s&&s(o);else if(!o.__lookupSetter__(e)&&e[0]==="o"&&e[1]==="n")e[2]==="-"?e=e.slice(3):c1(wt,l)?e=l.slice(2):e=l[2]+e.slice(3),t&&P.rel(o,e,t,!1),s&&P.ael(o,e,s,!1);else{const c=Yt(s);if((i||c&&s!==null)&&!r)try{if(o.tagName.includes("-"))o[e]=s;else{const u=s??"";e==="list"?i=!1:(t==null||o[e]!=u)&&(o[e]=u)}}catch{}let d=!1;l!==(l=l.replace(/^xlink\:?/,""))&&(e=l,d=!0),s==null||s===!1?(s!==!1||o.getAttribute(e)==="")&&(d?o.removeAttributeNS(Ts,e):o.removeAttribute(e)):(!i||n&4||r)&&!c&&(s=s===!0?"":s,d?o.setAttributeNS(Ts,e,s):o.setAttribute(e,s))}}},Hr=/\s/,Gs=o=>o?o.split(Hr):[],Qs=(o,e,t,s)=>{const r=e.$elm$.nodeType===11&&e.$elm$.host?e.$elm$.host:e.$elm$,n=o&&o.$attrs$||Ns,i=e.$attrs$||Ns;for(s in n)s in i||Ks(r,s,n[s],void 0,t,e.$flags$);for(s in i)Ks(r,s,n[s],i[s],t,e.$flags$)},bt=(o,e,t,s)=>{const r=e.$children$[t];let n=0,i,l,c;if(Us||(jt=!0,r.$tag$==="slot"&&(Ue&&s.classList.add(Ue+"-s"),r.$flags$|=r.$children$?2:1)),r.$text$!==null)i=r.$elm$=te.createTextNode(r.$text$);else if(r.$flags$&1)i=r.$elm$=te.createTextNode("");else{if(G||(G=r.$tag$==="svg"),i=r.$elm$=te.createElementNS(G?mr:wr,r.$flags$&2?"slot-fb":r.$tag$),G&&r.$tag$==="foreignObject"&&(G=!1),Qs(null,r,G),kr(Ue)&&i["s-si"]!==Ue&&i.classList.add(i["s-si"]=Ue),r.$children$)for(n=0;n<r.$children$.length;++n)l=bt(o,r,n,i),l&&i.appendChild(l);r.$tag$==="svg"?G=!1:i.tagName==="foreignObject"&&(G=!0)}return i["s-hn"]=ft,r.$flags$&3&&(i["s-sr"]=!0,i["s-cr"]=Rs,i["s-sn"]=r.$name$||"",c=o&&o.$children$&&o.$children$[t],c&&c.$tag$===r.$tag$&&o.$elm$&&st(o.$elm$,!1)),i},st=(o,e)=>{P.$flags$|=1;const t=o.childNodes;for(let s=t.length-1;s>=0;s--){const r=t[s];r["s-hn"]!==ft&&r["s-ol"]&&(e1(r).insertBefore(r,Kt(r)),r["s-ol"].remove(),r["s-ol"]=void 0,jt=!0),e&&st(r,e)}P.$flags$&=-2},Xs=(o,e,t,s,r,n)=>{let i=o["s-cr"]&&o["s-cr"].parentNode||o,l;for(i.shadowRoot&&i.tagName===ft&&(i=i.shadowRoot);r<=n;++r)s[r]&&(l=bt(null,t,r,o),l&&(s[r].$elm$=l,i.insertBefore(l,Kt(e))))},Js=(o,e,t,s,r)=>{for(;e<=t;++e)(s=o[e])&&(r=s.$elm$,o1(s),vt=!0,r["s-ol"]?r["s-ol"].remove():st(r,!0),r.remove())},qr=(o,e,t,s)=>{let r=0,n=0,i=0,l=0,c=e.length-1,d=e[0],u=e[c],y=s.length-1,p=s[0],m=s[y],R,ke;for(;r<=c&&n<=y;)if(d==null)d=e[++r];else if(u==null)u=e[--c];else if(p==null)p=s[++n];else if(m==null)m=s[--y];else if(_t(d,p))Pe(d,p),d=e[++r],p=s[++n];else if(_t(u,m))Pe(u,m),u=e[--c],m=s[--y];else if(_t(d,m))(d.$tag$==="slot"||m.$tag$==="slot")&&st(d.$elm$.parentNode,!1),Pe(d,m),o.insertBefore(d.$elm$,u.$elm$.nextSibling),d=e[++r],m=s[--y];else if(_t(u,p))(d.$tag$==="slot"||m.$tag$==="slot")&&st(u.$elm$.parentNode,!1),Pe(u,p),o.insertBefore(u.$elm$,d.$elm$),u=e[--c],p=s[++n];else{for(i=-1,l=r;l<=c;++l)if(e[l]&&e[l].$key$!==null&&e[l].$key$===p.$key$){i=l;break}i>=0?(ke=e[i],ke.$tag$!==p.$tag$?R=bt(e&&e[n],t,i,o):(Pe(ke,p),e[i]=void 0,R=ke.$elm$),p=s[++n]):(R=bt(e&&e[n],t,n,o),p=s[++n]),R&&e1(d.$elm$).insertBefore(R,Kt(d.$elm$))}r>c?Xs(o,s[y+1]==null?null:s[y+1].$elm$,t,s,n,y):n>y&&Js(e,r,c)},_t=(o,e)=>o.$tag$===e.$tag$?o.$tag$==="slot"?o.$name$===e.$name$:o.$key$===e.$key$:!1,Kt=o=>o&&o["s-ol"]||o,e1=o=>(o["s-ol"]?o["s-ol"]:o).parentNode,Pe=(o,e)=>{const t=e.$elm$=o.$elm$,s=o.$children$,r=e.$children$,n=e.$tag$,i=e.$text$;let l;i===null?(G=n==="svg"?!0:n==="foreignObject"?!1:G,n==="slot"||Qs(o,e,G),s!==null&&r!==null?qr(t,s,e,r):r!==null?(o.$text$!==null&&(t.textContent=""),Xs(t,null,e,r,0,r.length-1)):s!==null&&Js(s,0,s.length-1),G&&n==="svg"&&(G=!1)):(l=t["s-cr"])?l.parentNode.textContent=i:o.$text$!==i&&(t.data=i)},t1=o=>{const e=o.childNodes;let t,s,r,n,i,l;for(s=0,r=e.length;s<r;s++)if(t=e[s],t.nodeType===1){if(t["s-sr"]){for(i=t["s-sn"],t.hidden=!1,n=0;n<r;n++)if(l=e[n].nodeType,e[n]["s-hn"]!==t["s-hn"]||i!==""){if(l===1&&i===e[n].getAttribute("slot")){t.hidden=!0;break}}else if(l===1||l===3&&e[n].textContent.trim()!==""){t.hidden=!0;break}}t1(t)}},ee=[],s1=o=>{let e,t,s,r,n,i,l=0;const c=o.childNodes,d=c.length;for(;l<d;l++){if(e=c[l],e["s-sr"]&&(t=e["s-cr"])&&t.parentNode)for(s=t.parentNode.childNodes,r=e["s-sn"],i=s.length-1;i>=0;i--)t=s[i],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&(r1(t,r)?(n=ee.find(u=>u.$nodeToRelocate$===t),vt=!0,t["s-sn"]=t["s-sn"]||r,n?n.$slotRefNode$=e:ee.push({$slotRefNode$:e,$nodeToRelocate$:t}),t["s-sr"]&&ee.map(u=>{r1(u.$nodeToRelocate$,t["s-sn"])&&(n=ee.find(y=>y.$nodeToRelocate$===t),n&&!u.$slotRefNode$&&(u.$slotRefNode$=n.$slotRefNode$))})):ee.some(u=>u.$nodeToRelocate$===t)||ee.push({$nodeToRelocate$:t}));e.nodeType===1&&s1(e)}},r1=(o,e)=>o.nodeType===1?o.getAttribute("slot")===null&&e===""||o.getAttribute("slot")===e:o["s-sn"]===e?!0:e==="",o1=o=>{o.$attrs$&&o.$attrs$.ref&&o.$attrs$.ref(null),o.$children$&&o.$children$.map(o1)},Or=(o,e)=>{const t=o.$hostElement$,s=o.$cmpMeta$,r=o.$vnode$||gt(null,null),n=$r(e)?e:b(null,null,e);ft=t.tagName,s.$attrsToReflect$&&(n.$attrs$=n.$attrs$||{},s.$attrsToReflect$.map(([i,l])=>n.$attrs$[l]=t[i])),n.$tag$=null,n.$flags$|=4,o.$vnode$=n,n.$elm$=r.$elm$=t.shadowRoot||t,Ue=t["s-sc"],Rs=t["s-cr"],Us=(s.$flags$&1)!==0,vt=!1,Pe(r,n);{if(P.$flags$|=1,jt){s1(n.$elm$);let i,l,c,d,u,y,p=0;for(;p<ee.length;p++)i=ee[p],l=i.$nodeToRelocate$,l["s-ol"]||(c=te.createTextNode(""),c["s-nr"]=l,l.parentNode.insertBefore(l["s-ol"]=c,l));for(p=0;p<ee.length;p++)if(i=ee[p],l=i.$nodeToRelocate$,i.$slotRefNode$){for(d=i.$slotRefNode$.parentNode,u=i.$slotRefNode$.nextSibling,c=l["s-ol"];c=c.previousSibling;)if(y=c["s-nr"],y&&y["s-sn"]===l["s-sn"]&&d===y.parentNode&&(y=y.nextSibling,!y||!y["s-nr"])){u=y;break}(!u&&d!==l.parentNode||l.nextSibling!==u)&&l!==u&&(!l["s-hn"]&&l["s-ol"]&&(l["s-hn"]=l["s-ol"].parentNode.nodeName),d.insertBefore(l,u))}else l.nodeType===1&&(l.hidden=!0)}vt&&t1(n.$elm$),P.$flags$&=-2,ee.length=0}},Ir=(o,e)=>{},n1=(o,e)=>(o.$flags$|=16,Ir(o,o.$ancestorComponent$),co(()=>Rr(o,e))),Rr=(o,e)=>{const t=o.$hostElement$,s=Le("scheduleUpdate",o.$cmpMeta$.$tagName$),r=t;let n;return e?n=Te(r,"componentWillLoad"):n=Te(r,"componentWillUpdate"),n=i1(n,()=>Te(r,"componentWillRender")),s(),i1(n,()=>Ur(o,r,e))},Ur=async(o,e,t)=>{const s=o.$hostElement$,r=Le("update",o.$cmpMeta$.$tagName$);s["s-rc"],t&&Vr(o);const n=Le("render",o.$cmpMeta$.$tagName$);Pr(o,e,s),n(),r(),Tr(o)},Pr=(o,e,t)=>{try{Ps=e,e=e.render&&e.render(),o.$flags$&=-17,o.$flags$|=2,(Re.hasRenderFn||Re.reflect)&&(Re.vdomRender||Re.reflect)&&(Re.hydrateServerSide||Or(o,e))}catch(l){rt(l,o.$hostElement$)}return Ps=null,null},Tr=o=>{const e=o.$cmpMeta$.$tagName$,t=o.$hostElement$,s=Le("postUpdate",e),r=t;o.$ancestorComponent$,Te(r,"componentDidRender"),o.$flags$&64?(Te(r,"componentDidUpdate"),s()):(o.$flags$|=64,Te(r,"componentDidLoad"),s())},Te=(o,e,t)=>{if(o&&o[e])try{return o[e](t)}catch(s){rt(s)}},i1=(o,e)=>o&&o.then?o.then(e):e(),Nr=(o,e)=>Ct(o).$instanceValues$.get(e),Zr=(o,e,t,s)=>{const r=Ct(o),n=o,i=r.$instanceValues$.get(e),l=r.$flags$,c=n;t=Dr(t,s.$members$[e][0]);const d=Number.isNaN(i)&&Number.isNaN(t);if(t!==i&&!d){r.$instanceValues$.set(e,t);{if(s.$watchers$&&l&128){const y=s.$watchers$[e];y&&y.map(p=>{try{c[p](t,i,e)}catch(m){rt(m,n)}})}if((l&18)===2){if(c.componentShouldUpdate&&c.componentShouldUpdate(t,i,e)===!1)return;n1(r,!1)}}}},Fr=(o,e,t)=>{if(e.$members$){o.watchers&&(e.$watchers$=o.watchers);const s=Object.entries(e.$members$),r=o.prototype;s.map(([n,[i]])=>{(i&31||i&32)&&Object.defineProperty(r,n,{get(){return Nr(this,n)},set(l){Zr(this,n,l,e)},configurable:!0,enumerable:!0})});{const n=new Map;r.attributeChangedCallback=function(i,l,c){P.jmp(()=>{const d=n.get(i);if(this.hasOwnProperty(d))c=this[d],delete this[d];else if(r.hasOwnProperty(d)&&typeof this[d]=="number"&&this[d]==c)return;this[d]=c===null&&typeof this[d]=="boolean"?!1:c})},o.observedAttributes=s.filter(([i,l])=>l[0]&15).map(([i,l])=>{const c=l[1]||i;return n.set(c,i),l[0]&512&&e.$attrsToReflect$.push([i,c]),c})}}return o},jr=async(o,e,t,s,r)=>{if((e.$flags$&32)===0&&(r=o.constructor,e.$flags$|=32,customElements.whenDefined(t.$tagName$).then(()=>e.$flags$|=128),r.style)){let i=r.style;typeof i!="string"&&(i=i[e.$modeName$=Lr(o)]);const l=Ys(t,e.$modeName$);if(!mt.has(l)){const c=Le("registerStyles",t.$tagName$);zr(l,i,!!(t.$flags$&1)),c()}}e.$ancestorComponent$,n1(e,!0)},Wr=o=>{},Yr=o=>{if((P.$flags$&1)===0){const e=Ct(o),t=e.$cmpMeta$,s=Le("connectedCallback",t.$tagName$);e.$flags$&1?(a1(o,e,t.$listeners$),Wr(e.$lazyInstance$)):(e.$flags$|=1,t.$flags$&12&&Kr(o),t.$members$&&Object.entries(t.$members$).map(([r,[n]])=>{if(n&31&&o.hasOwnProperty(r)){const i=o[r];delete o[r],o[r]=i}}),jr(o,e,t)),s()}},Kr=o=>{const e=o["s-cr"]=te.createComment("");e["s-cn"]=!0,o.insertBefore(e,o.firstChild)},Gr=o=>{if((P.$flags$&1)===0){const e=Ct(o);e.$rmListeners$&&(e.$rmListeners$.map(t=>t()),e.$rmListeners$=void 0)}},Qr=(o,e)=>{const t={$flags$:e[0],$tagName$:e[1]};t.$members$=e[2],t.$listeners$=e[3],t.$watchers$=o.$watchers$,t.$attrsToReflect$=[];const s=o.prototype.connectedCallback,r=o.prototype.disconnectedCallback;return Object.assign(o.prototype,{__registerHost(){to(this,t)},connectedCallback(){Yr(this),s&&s.call(this)},disconnectedCallback(){Gr(this),r&&r.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(t.$flags$&16)})}}),o.is=t.$tagName$,Fr(o,t)},a1=(o,e,t,s)=>{t&&t.map(([r,n,i])=>{const l=Jr(o,r),c=Xr(e,i),d=eo(r);P.ael(l,n,c,d),(e.$rmListeners$=e.$rmListeners$||[]).push(()=>P.rel(l,n,c,d))})},Xr=(o,e)=>t=>{try{Re.lazyLoad||o.$hostElement$[e](t)}catch(s){rt(s)}},Jr=(o,e)=>e&4?te:e&8?wt:e&16?te.body:o,eo=o=>oo?{passive:(o&1)!==0,capture:(o&2)!==0}:(o&2)!==0,l1=new WeakMap,Ct=o=>l1.get(o),to=(o,e)=>{const t={$flags$:0,$hostElement$:o,$cmpMeta$:e,$instanceValues$:new Map};return a1(o,t,e.$listeners$),l1.set(o,t)},c1=(o,e)=>e in o,rt=(o,e)=>(0,console.error)(o,e),mt=new Map,so=[],wt=typeof window<"u"?window:{},te=wt.document||{head:{}},ro=wt.HTMLElement||class{},P={$flags$:0,$resourcesUrl$:"",jmp:o=>o(),raf:o=>requestAnimationFrame(o),ael:(o,e,t,s)=>o.addEventListener(e,t,s),rel:(o,e,t,s)=>o.removeEventListener(e,t,s),ce:(o,e)=>new CustomEvent(o,e)},oo=(()=>{let o=!1;try{te.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=!0}}))}catch{}return o})(),no=o=>Promise.resolve(o),io=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),d1=[],h1=[],ao=(o,e)=>t=>{o.push(t),Wt||(Wt=!0,e&&P.$flags$&4?lo(Gt):P.raf(Gt))},u1=o=>{for(let e=0;e<o.length;e++)try{o[e](performance.now())}catch(t){rt(t)}o.length=0},Gt=()=>{u1(d1),u1(h1),(Wt=d1.length>0)&&P.raf(Gt)},lo=o=>no().then(o),co=ao(h1,!0);function kt(o,e){const t=new Date(o);return t.setDate(t.getDate()+e),t}function ho(o,e,t){const s=[],r=Qt(o),n=r.getDay()===0?7:r.getDay(),i=xt(o),l=i.getDay()===0?7:i.getDay(),c=t===1?7:t-1,d=[],u=[];{let m=(7-t+n)%7,R=$t(r);for(;m>0;)d.push(R),R=$t(R),m-=1;d.reverse();let We=(7-l+c)%7,Ye=ot(i);for(;We>0;)u.push(Ye),Ye=ot(Ye),We-=1}let y=r;for(;y.getMonth()===o.getMonth();)s.push(y),y=ot(y);return[...d,...s,...u]}function Qt(o){return Me(new Date(`${String(b1(o)).padStart(4,"0")}-${String(y1(o)).padStart(2,"0")}-01`))}function De(o){if(o instanceof Date)return`${o.getFullYear()}-${String(o.getMonth()+1).padStart(2,"0")}-${String(o.getDate()).padStart(2,"0")}`}function xt(o){const e=Qt(o);return e.setMonth(e.getMonth()+1),e.setDate(e.getDate()-1),e}function y1(o){return o.getMonth()+1}function uo(o){return new Array(12).fill(void 0).map((e,t)=>{const s=Me(new Date(`2006-${String(t+1).padStart(2,"0")}-01`));return Intl.DateTimeFormat(o,{month:"long"}).format(s)})}function ot(o){return kt(o,1)}function p1(o){const e=new Date(o);return e.setDate(1),e.setMonth(e.getMonth()+1),e}function f1(o){const e=new Date(o);return e.setFullYear(e.getFullYear()+1),e}function $t(o){return St(o,1)}function v1(o){const e=new Date(o);return e.setDate(1),e.setMonth(e.getMonth()-1),e}function g1(o){const e=new Date(o);return e.setFullYear(e.getFullYear()-1),e}function yo(o,e){return new Array(7).fill(void 0).map((t,s)=>(o+s)%7+1).map(t=>{const s=Me(new Date(`2006-01-0${t}`));return[Intl.DateTimeFormat(e,{weekday:"short"}).format(s).slice(0,3),Intl.DateTimeFormat(e,{weekday:"long"}).format(s)]})}function b1(o){return o.getFullYear()}function _1(o,e){if(!o||!e||!e.from||!e.to)return!1;const t=e.from<e.to?e.from:e.to,s=e.from<e.to?e.to:e.from;return o>=t&&o<=s}function he(o,e){return!o||!e?!1:o.getFullYear()===e.getFullYear()&&o.getMonth()===e.getMonth()&&o.getDate()===e.getDate()}function Me(o){const e=new Date(o);return e.setMinutes(e.getMinutes()+e.getTimezoneOffset()),e}function St(o,e){const t=new Date(o);return t.setDate(t.getDate()-e),t}const po=".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}",fo={clearButton:"Clear value",monthSelect:"Select month",nextMonthButton:"Next month",nextYearButton:"Next year",picker:"Choose date",previousMonthButton:"Previous month",previousYearButton:"Previous year",todayButton:"Show today",yearSelect:"Select year"},vo=Qr(class extends ro{constructor(){super(),this.__registerHost(),this.selectDate=js(this,"selectDate"),this.changeMonth=js(this,"changeMonth"),this.disabled=!1,this.disableDate=()=>!1,this.elementClassName="wc-datepicker",this.firstDayOfWeek=0,this.labels=fo,this.locale=navigator?.language||"en-US",this.showClearButton=!1,this.showMonthStepper=!0,this.showTodayButton=!1,this.showYearStepper=!1,this.startDate=De(new Date),this.maxSearchDays=365,this.goToRangeStartOnSelect=!0,this.init=()=>{this.currentDate=this.startDate?Me(new Date(this.startDate)):new Date,this.updateWeekdays()},this.getAvailableDate=(o,e)=>{let t,s=!1;switch(e){case"previousDay":t=$t(o);break;case"nextDay":t=ot(o);break;case"previousSameWeekDay":t=St(o,7);break;case"nextSameWeekDay":t=kt(o,7);break;case"firstOfMonth":t=Qt(o);break;case"lastOfMonth":t=xt(o);break;case"previousMonth":t=v1(o);break;case"nextMonth":t=p1(o);break;case"previousYear":t=g1(o);break;case"nextYear":t=f1(o);break}for(;this.disableDate(t)&&!s;){switch(e){case"previousDay":case"lastOfMonth":t=$t(t);break;case"nextDay":case"firstOfMonth":case"previousMonth":case"nextMonth":case"previousYear":case"nextYear":t=ot(t);break;case"previousSameWeekDay":t=St(t,7);break;case"nextSameWeekDay":t=kt(t,7);break}switch(e){case"firstOfMonth":case"lastOfMonth":case"previousYear":case"nextYear":s=t.getMonth()!==o.getMonth();break;case"previousMonth":s=t.getMonth()!==o.getMonth()-1;break;case"nextMonth":s=t.getMonth()!==o.getMonth()+1;break;default:s=!_1(t,{from:St(o,this.maxSearchDays),to:kt(o,this.maxSearchDays)});break}}return s?o:t},this.nextMonth=()=>{this.updateCurrentDate(p1(this.currentDate))},this.nextYear=()=>{this.updateCurrentDate(f1(this.currentDate))},this.previousMonth=()=>{this.updateCurrentDate(v1(this.currentDate))},this.previousYear=()=>{this.updateCurrentDate(g1(this.currentDate))},this.showToday=()=>{this.updateCurrentDate(new Date)},this.clear=()=>{this.value=void 0,this.selectDate.emit(void 0)},this.onClick=o=>{if(this.disabled)return;const e=o.target.closest("[data-date]");if(!e)return;const t=Me(new Date(e.dataset.date));this.updateCurrentDate(t),this.onSelectDate(t)},this.onMonthSelect=o=>{const e=+o.target.value-1,t=this.currentDate.getDate(),s=new Date(this.currentDate.getFullYear(),e,1),r=xt(s).getDate(),n=Math.min(t,r),i=new Date(this.currentDate.getFullYear(),e,n);this.updateCurrentDate(i)},this.onYearSelect=o=>{let e=+o.target.value;const t=o.target;isNaN(e)?(e=new Date().getFullYear(),t.value=String(e)):e<0?(e=0,t.value=String(e)):e>9999&&(e=9999,t.value=String(e));const s=this.currentDate.getDate(),r=this.currentDate.getMonth(),n=new Date;n.setFullYear(e,r,1);const i=xt(n).getDate(),l=Math.min(s,i),c=new Date;c.setFullYear(e,r,l),this.updateCurrentDate(c)},this.onKeyDown=o=>{this.disabled||(o.code==="ArrowLeft"?(o.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousDay"),!0)):o.code==="ArrowRight"?(o.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextDay"),!0)):o.code==="ArrowUp"?(o.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousSameWeekDay"),!0)):o.code==="ArrowDown"?(o.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextSameWeekDay"),!0)):o.code==="PageUp"?(o.preventDefault(),o.shiftKey?this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousYear"),!0):this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousMonth"),!0)):o.code==="PageDown"?(o.preventDefault(),o.shiftKey?this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextYear"),!0):this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextMonth"),!0)):o.code==="Home"?(o.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"firstOfMonth"),!0)):o.code==="End"?(o.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"lastOfMonth"),!0)):(o.code==="Space"||o.code==="Enter")&&(o.preventDefault(),this.onSelectDate(this.currentDate)))},this.onMouseEnter=o=>{if(this.disabled)return;const e=Me(new Date(o.target.closest("td").dataset.date));this.hoveredDate=e},this.onMouseLeave=()=>{this.hoveredDate=void 0},this.onFocus=o=>{const e=new Date(o.target.dataset.date);he(e,this.currentDate)||this.updateCurrentDate(e)}}componentWillLoad(){this.init()}watchFirstDayOfWeek(){this.updateWeekdays()}watchLocale(){this.locale||(this.locale=navigator?.language||"en-US"),this.updateWeekdays()}watchRange(){this.value=void 0,this.selectDate.emit(void 0)}watchStartDate(){this.currentDate=this.startDate?Me(new Date(this.startDate)):new Date}watchValue(){this.value&&(Array.isArray(this.value)?this.currentDate=this.value.length>1&&!this.goToRangeStartOnSelect?this.value[1]:this.value[0]:this.value instanceof Date&&(this.currentDate=this.value))}componentDidRender(){this.moveFocusAfterMonthChanged&&(this.focusDate(this.currentDate),this.moveFocusAfterMonthChanged=!1)}updateWeekdays(){this.weekdays=yo(this.firstDayOfWeek===0?7:this.firstDayOfWeek,this.locale)}getClassName(o){return o?`${this.elementClassName}__${o}`:this.elementClassName}getCalendarRows(){const o=ho(this.currentDate,!0,this.firstDayOfWeek===0?7:this.firstDayOfWeek),e=[];for(let t=0;t<o.length;t+=7){const s=o.slice(t,t+7);e.push(s)}return e}getTitle(){if(this.value)if(this.isRangeValue(this.value)){const o=Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(this.value[0]),e=this.value[1]?Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(this.value[1]):void 0;return e?`${o} - ${e}`:o}else return Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(this.value)}focusDate(o){var e;(e=this.el.querySelector(`[data-date="${De(o)}"]`))===null||e===void 0||e.focus()}updateCurrentDate(o,e){const t=o.getMonth(),s=o.getFullYear();if(s>9999||s<0)return;(t!==this.currentDate.getMonth()||s!==this.currentDate.getFullYear())&&(this.changeMonth.emit({month:y1(o),year:b1(o),day:o.getDate()}),e&&(this.moveFocusAfterMonthChanged=!0)),this.currentDate=o,e&&this.focusDate(this.currentDate)}onSelectDate(o){var e,t;if(!this.disableDate(o))if(this.isRangeValue(this.value)){const s=((e=this.value)===null||e===void 0?void 0:e[0])===void 0||this.value.length===2?[o]:[this.value[0],o];s.length===2&&s[0]>s[1]&&s.reverse();const r=s[1]===void 0?[De(s[0])]:[De(s[0]),De(s[1])];this.value=s,this.selectDate.emit(r)}else{if(((t=this.value)===null||t===void 0?void 0:t.getTime())===o.getTime())return;this.value=o,this.selectDate.emit(De(o))}}isRangeValue(o){return this.range}render(){const o=this.showTodayButton||this.showClearButton;return b(Zs,null,b("div",{"aria-disabled":String(this.disabled),"aria-label":this.labels.picker,class:{[this.getClassName()]:!0,[`${this.getClassName()}--disabled`]:this.disabled},role:"group"},b("div",{class:this.getClassName("header")},b("span",{"aria-atomic":"true","aria-live":"polite",class:"visually-hidden"},this.getTitle()),this.showYearStepper&&b("button",{"aria-label":this.labels.previousYearButton,class:this.getClassName("previous-year-button"),disabled:this.disabled,innerHTML:this.previousYearButtonContent||void 0,onClick:this.previousYear,type:"button"},b("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},b("polyline",{points:"11 17 6 12 11 7"}),b("polyline",{points:"18 17 13 12 18 7"}))),this.showMonthStepper&&b("button",{"aria-label":this.labels.previousMonthButton,class:this.getClassName("previous-month-button"),disabled:this.disabled,innerHTML:this.previousMonthButtonContent||void 0,onClick:this.previousMonth,type:"button"},b("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},b("polyline",{points:"15 18 9 12 15 6"}))),b("span",{class:this.getClassName("current-month")},b("select",{title:this.labels.monthSelect,"aria-label":this.labels.monthSelect,class:this.getClassName("month-select"),disabled:this.disabled,name:"month",onChange:this.onMonthSelect},uo(this.locale).map((e,t)=>b("option",{key:e,selected:this.currentDate.getMonth()===t,value:t+1},e))),b("input",{title:this.labels.yearSelect,"aria-label":this.labels.yearSelect,class:this.getClassName("year-select"),disabled:this.disabled,max:9999,maxLength:4,min:1,name:"year",onChange:this.onYearSelect,type:"number",value:this.currentDate.getFullYear()})),this.showMonthStepper&&b("button",{"aria-label":this.labels.nextMonthButton,class:this.getClassName("next-month-button"),disabled:this.disabled,innerHTML:this.nextMonthButtonContent||void 0,onClick:this.nextMonth,type:"button"},b("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},b("polyline",{points:"9 18 15 12 9 6"}))),this.showYearStepper&&b("button",{"aria-label":this.labels.nextYearButton,class:this.getClassName("next-year-button"),disabled:this.disabled,innerHTML:this.nextYearButtonContent||void 0,onClick:this.nextYear,type:"button"},b("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},b("polyline",{points:"13 17 18 12 13 7"}),b("polyline",{points:"6 17 11 12 6 7"})))),b("div",{class:this.getClassName("body")},b("table",{class:this.getClassName("calendar"),onKeyDown:this.onKeyDown,role:"grid"},b("thead",{class:this.getClassName("calendar-header")},b("tr",{class:this.getClassName("weekday-row")},this.weekdays.map(e=>b("th",{"aria-label":e[1],abbr:e[1],class:this.getClassName("weekday"),key:e[0],scope:"col"},b("span",null,e[0]))))),b("tbody",null,this.getCalendarRows().map(e=>{const t=`row-${e[0].getMonth()}-${e[0].getDate()}`;return b("tr",{class:this.getClassName("calendar-row"),key:t},e.map(s=>{var r,n,i,l,c;const d=he(s,this.currentDate),u=s.getMonth()!==this.currentDate.getMonth(),y=Array.isArray(this.value)?he(s,this.value[0])||he(s,this.value[1]):he(s,this.value),p=this.isRangeValue?_1(s,{from:(r=this.value)===null||r===void 0?void 0:r[0],to:((n=this.value)===null||n===void 0?void 0:n[1])||this.hoveredDate||this.currentDate}):!1,m=!((i=this.value)===null||i===void 0)&&i[0]?[(l=this.value)===null||l===void 0?void 0:l[0],((c=this.value)===null||c===void 0?void 0:c[1])||this.hoveredDate].sort((An,zn)=>An-zn):[],R=this.range&&he(m[0],s),ke=this.range&&he(m[1],s),We=he(s,new Date),Ye=this.disableDate(s),Ln=`cell-${s.getMonth()}-${s.getDate()}`,Dn={[this.getClassName("date")]:!0,[this.getClassName("date--current")]:d,[this.getClassName("date--disabled")]:Ye,[this.getClassName("date--overflowing")]:u,[this.getClassName("date--today")]:We,[this.getClassName("date--selected")]:y,[this.getClassName("date--in-range")]:p,[this.getClassName("date--start")]:R,[this.getClassName("date--end")]:ke},Mn=y?"strong":We?"em":"span";return b("td",{"aria-disabled":String(Ye),"aria-selected":y?"true":void 0,"aria-current":We?"date":y?"true":void 0,class:Dn,"data-date":De(s),key:Ln,onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onFocus:this.onFocus,role:"gridcell",tabIndex:he(s,this.currentDate)&&!this.disabled?0:-1},b(Mn,{"aria-hidden":"true"},s.getDate()),b("span",{class:"visually-hidden"},Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(s)))}))})))),o&&b("div",{class:this.getClassName("footer")},this.showTodayButton&&b("button",{class:this.getClassName("today-button"),disabled:this.disabled,innerHTML:this.todayButtonContent||void 0,onClick:this.showToday,type:"button"},this.labels.todayButton),this.showClearButton&&b("button",{class:this.getClassName("clear-button"),disabled:this.disabled,innerHTML:this.clearButtonContent||void 0,onClick:this.clear,type:"button"},this.labels.clearButton))))}get el(){return this}static get watchers(){return{firstDayOfWeek:["watchFirstDayOfWeek"],locale:["watchLocale"],range:["watchRange"],startDate:["watchStartDate"],value:["watchValue"]}}static get style(){return po}},[2,"wc-datepicker",{clearButtonContent:[1,"clear-button-content"],disabled:[4],disableDate:[16],elementClassName:[1,"element-class-name"],firstDayOfWeek:[2,"first-day-of-week"],range:[4],labels:[16],locale:[1],nextMonthButtonContent:[1,"next-month-button-content"],nextYearButtonContent:[1,"next-year-button-content"],previousMonthButtonContent:[1,"previous-month-button-content"],previousYearButtonContent:[1,"previous-year-button-content"],showClearButton:[4,"show-clear-button"],showMonthStepper:[4,"show-month-stepper"],showTodayButton:[4,"show-today-button"],showYearStepper:[4,"show-year-stepper"],startDate:[1,"start-date"],todayButtonContent:[1,"today-button-content"],value:[1040],maxSearchDays:[2,"max-search-days"],goToRangeStartOnSelect:[4,"go-to-range-start-on-select"],currentDate:[32],hoveredDate:[32],weekdays:[32]}]);var go=Object.defineProperty,V=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&go(e,t,r),r};customElements.get("wc-datepicker")||customElements.define("wc-datepicker",vo);let bo=0;const D=(He=class extends g{constructor(){super(),this.id="",this.name="",this.width="md",this.hideTodayButton=!1,this.hideClearButton=!1,this.disabled=!1,this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.form=null,this.tooltip="",this.type="date",this.label="",this.description="",this.startDate="",this.inverted=!1,this.value=void 0,this.datepickerIsOpen=!1,this._hasUserInteracted=!1,this._onKeydownEsc=e=>{if(e.key!=="Escape"||e.code!=="Escape"||!this.datepickerIsOpen)return;e.preventDefault(),e.stopPropagation(),this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"),this.datepickerIsOpen=!1,this.removeEventListener("keydown",this._handleFocusTrap),this.shadowRoot?.querySelector("input")?.focus()},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-datepicker-${Date.now()}-${bo++}`),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("focusout",this._handleBlur),this.addEventListener("keydown",this._onKeydownEsc)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid),this.removeEventListener("focusout",this._handleBlur),this.removeEventListener("keydown",this._onKeydownEsc)}async firstUpdated(){this._setValue(this.value),!(this._shouldUseNativeDatepicker()||!await this._whenWcDatepickerReady())&&(setTimeout(()=>this._replaceButtonSVG(),0),setTimeout(()=>this._addMonthDropdownIcon(),0),setTimeout(()=>this._handleDateChange(),0),setTimeout(()=>this._onDocumentClick(),0))}async _whenWcDatepickerReady(){await customElements.whenDefined("wc-datepicker");const e=this.shadowRoot?.querySelector("wc-datepicker");return e?("updateComplete"in e&&await e.updateComplete,await new Promise(t=>requestAnimationFrame(t)),e):null}_setValue(e){if(!e){this.value=void 0,this._internals.setFormValue(""),this._manageRequire();return}const t=e instanceof Date?e:this._parseLocalDate(e),s=[t.getFullYear(),String(t.getMonth()+1).padStart(2,"0"),String(t.getDate()).padStart(2,"0")].join("-");this.value=t,this._internals.setFormValue(s);const r=this.shadowRoot?.querySelector("input");r&&(r.value=s);const n=this.shadowRoot?.querySelector("wc-datepicker");n&&(n.value=t),this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=this.errorMessage||"This field is required.";this.required&&!this.value?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}))}_validate(){const e=this.shadowRoot?.querySelector("input");if(!e)return;this._manageRequire();const t=e.validationMessage;this._setValidityMessage(t)}checkValidity(){const e=this.shadowRoot?.querySelector("input");return e?e.checkValidity():!0}_setValidityMessage(e=""){if(!this._internals)return;const t=this.shadowRoot?.querySelector("input");t&&(this.showError=!!e,this.errorMessage?.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_handleInvalid(e){e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=this.shadowRoot?.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}_replaceButtonSVG(){const e=this.shadowRoot?.querySelector("wc-datepicker");if(!e)return;const t=e.querySelector(".wc-datepicker__next-month-button"),s=e.querySelector(".wc-datepicker__previous-month-button");!t||!s||(s.innerHTML=`
|
|
322
|
+
`}};bt.styles=_(Ys),bt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},bt.formAssociated=!0;let E=bt;V([a({type:Boolean,reflect:!0})],E.prototype,"checked"),V([a({type:Boolean,reflect:!0})],E.prototype,"disabled"),V([a({type:Boolean,reflect:!0})],E.prototype,"required"),V([a({type:String})],E.prototype,"label"),V([a({type:String})],E.prototype,"description"),V([a({type:String,reflect:!0})],E.prototype,"id"),V([a({type:String,reflect:!0})],E.prototype,"name"),V([a({type:String})],E.prototype,"value"),V([a({type:String,reflect:!0})],E.prototype,"form"),V([a({type:Boolean,reflect:!0})],E.prototype,"showError"),V([a({type:String})],E.prototype,"errorMessage"),V([a({type:Boolean})],E.prototype,"groupExist"),V([a({type:Boolean,reflect:!0})],E.prototype,"tile"),V([a({type:Boolean,reflect:!0})],E.prototype,"inverted"),V([a({type:String})],E.prototype,"tooltip"),V([a({type:String,reflect:!0})],E.prototype,"size"),V([a({type:Boolean,reflect:!0})],E.prototype,"other"),V([a({type:Boolean})],E.prototype,"showOtherError"),V([m()],E.prototype,"isMobile"),customElements.get("nys-checkbox")||customElements.define("nys-checkbox",E);const Ar=':host{--_nys-combobox-width: 100%;--_nys-combobox-height: var(--nys-size-500, 40px);--_nys-combobox-border-radius: var(--nys-radius-md, 4px);--_nys-combobox-border-width: var(--nys-border-width-sm, 1px);--_nys-combobox-border-color: var(--nys-color-neutral-400, #909395);--_nys-combobox-color: var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b));--_nys-combobox-padding: var(--nys-space-100, 8px) var(--nys-space-150, 12px);--_nys-combobox-gap: var(--nys-space-50, 4px);--_nys-combobox-background-color: var(--nys-color-ink-reverse, var(--nys-color-white, #ffffff));--_nys-combobox-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-combobox-outline-width: var(--nys-border-width-sm, 1px);--_nys-combobox-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-combobox-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-combobox-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-combobox-color--disabled: var(--nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1));--_nys-combobox-background-color--dropdown: var(--nys-color-ink-reverse, var(--nys-color-white, #ffffff));--_nys-combobox-border-color--dropdown: var(--nys-color-neutral-400, #909395);--_nys-combobox-shadow--dropdown: var(--nys-shadow-lg, 0 4px 8px rgba(0, 0, 0, .1));--_nys-combobox-max-height--dropdown: var(--nys-size-3000, 300px);--_nys-combobox-padding--option: var(--nys-space-100, 8px) var(--nys-space-150, 12px);--_nys-combobox-background-color--option--hover: var(--nys-color-neutral-10, #f6f6f6);--_nys-combobox-background-color--option--active: var(--nys-color-neutral-50, #ededed);--_nys-combobox-background-color--option--disabled: var(--nys-color-white, #ffffff);--_nys-combobox-color--option--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-combobox-background-color--option--selected: var(--nys-theme-weaker, #eff6fb);--_nys-combobox-border-color--option--selected: var(--nys-color-theme-mid, #457aa5);--_nys-combobox-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-combobox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-combobox-font-weight: var(--nys-font-weight-regular, 400);--_nys-combobox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-combobox-letter-spacing: var(--nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px))}:host([width=sm]){--_nys-combobox-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-combobox-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-combobox-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-combobox-width: 100%;flex:1}:host([showError]){--_nys-combobox-border-color: var(--nys-color-danger, #b52c2c)}.nys-combobox{font-weight:var(--_nys-combobox-font-weight);font-family:var(--_nys-combobox-font-family);font-size:var(--_nys-combobox-font-size);line-height:var(--_nys-combobox-line-height);letter-spacing:var(--_nys-combobox-letter-spacing);color:var(--_nys-combobox-color);gap:var(--_nys-combobox-gap);display:flex;flex-direction:column;position:relative}.nys-combobox__container{width:var(--_nys-combobox-width);max-width:100%;position:relative}.nys-combobox__input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--_nys-combobox-background-color);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__input{color:var(--_nys-combobox-color);border-radius:var(--_nys-combobox-border-radius);border:solid var(--_nys-combobox-border-color) var(--_nys-combobox-border-width);outline-color:transparent;outline-width:var(--_nys-combobox-outline-width);outline-style:solid;padding:var(--_nys-combobox-padding);padding-right:calc(var(--nys-size-400, 32px) + var(--nys-space-100, 8px));width:100%;height:var(--_nys-combobox-height);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:transparent;font:inherit;cursor:text}.nys-combobox__input:not(:placeholder-shown){padding-right:calc(var(--nys-size-400, 32px) * 2 + var(--nys-space-100, 8px))}.nys-combobox__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-combobox-outline-color--hover);border-color:var(--_nys-combobox-outline-color--hover)}.nys-combobox__input:focus:not([readonly]){outline-color:var(--_nys-combobox-outline-color--focus);border-color:var(--_nys-combobox-outline-color--focus);caret-color:var(--_nys-combobox-outline-color--focus)}.nys-combobox__input:disabled{background-color:var(--_nys-combobox-background-color--disabled);border-color:var(--_nys-combobox-border-color--disabled);color:var(--_nys-combobox-color--disabled);cursor:not-allowed}.nys-combobox__buttons{display:flex;position:absolute;right:var(--nys-space-150, 12px);gap:var(--nys-space-150, 12px)}.nys-combobox__buttons nys-button{--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-combobox__buttons .nys-combobox__chevron{border-inline-start:solid var(--nys-color-neutral-200, #bec0c1) var(--nys-border-width-sm, 1px);padding-inline-start:var(--nys-space-150, 12px)}.nys-combobox__listbox{position:absolute;left:0;right:0;top:calc(100% + var(--nys-space-50, 4px));background-color:var(--_nys-combobox-background-color--dropdown);border:solid var(--_nys-combobox-border-color--dropdown) var(--_nys-combobox-border-width);border-radius:var(--_nys-combobox-border-radius);box-shadow:var(--_nys-combobox-shadow--dropdown);max-height:var(--_nys-combobox-max-height--dropdown);overflow-y:auto;z-index:1000;box-sizing:border-box}.nys-combobox__listbox--above{top:auto;bottom:calc(100% + var(--nys-space-50, 4px))}.nys-combobox__option{padding:var(--_nys-combobox-padding--option);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease;border-bottom:var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-50, #ededed);background-color:var(--_nys-combobox-background-color)}.nys-combobox__option:hover:not([disabled]):not(.nys-combobox__option--selected){background-color:var(--_nys-combobox-background-color--option--hover)}.nys-combobox__option:active:not([disabled]):not(.nys-combobox__option--selected){background-color:var(--_nys-combobox-background-color--option--active)}.nys-combobox__option--selected:not([disabled]){background-color:var(--_nys-combobox-background-color--option--selected);border:var(--_nys-combobox-border-color--option--selected) solid 1px}.nys-combobox__option--focused:not([disabled]):not(:hover){outline:var(--_nys-combobox-outline-color--focus) solid 2px;outline-offset:-2px}.nys-combobox__option[disabled]{background-color:var(--_nys-combobox-background-color--option--disabled);color:var(--_nys-combobox-color--option--disabled);cursor:not-allowed}.nys-combobox__optgroup{padding:var(--nys-space-100, 8px) var(--nys-space-150, 12px);border-bottom:var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-50, #ededed);-webkit-user-select:none;user-select:none;color:var(--nys-color-text);font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:700;line-height:var(--nys-font-lineheight-ui-md, 24px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px)}.nys-combobox__optgroup~.nys-combobox__option{padding-left:var(--nys-space-300, 24px)}.nys-combobox__no-results{background-color:var(--_nys-combobox-background-color);padding:var(--_nys-combobox-padding--option);color:var(--_nys-combobox-color);cursor:not-allowed}.nys-combobox__listbox::-webkit-scrollbar{width:var(--nys-space-100, 8px)}.nys-combobox__listbox::-webkit-scrollbar-track{background:var(--nys-color-neutral-50, #eeeeee);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__listbox::-webkit-scrollbar-thumb{background:var(--nys-color-neutral-300, #a7a9ab);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__listbox::-webkit-scrollbar-thumb:hover{background:var(--nys-color-neutral-400, #909395)}';var zr=Object.defineProperty,S=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&zr(e,t,o),o};let Br=0;const Zt=class Zt extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.value="",this.disabled=!1,this.required=!1,this.optional=!1,this.tooltip="",this.form=null,this.width="full",this.inverted=!1,this.showError=!1,this.errorMessage="",this._isOpen=!1,this._filterText="",this._highlightedIndex=-1,this._options=[],this._filteredOptions=[],this._dropdownAbove=!1,this._announcement="",this._originalErrorMessage="",this._hasUserInteracted=!1,this._selectedLabel="",this._defaultValue="",this._handleDocumentClick=e=>{e.target===this||this.shadowRoot?.contains(e.target)||this._closeDropdown()},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-combobox-${Date.now()}-${Br++}`),this._originalErrorMessage=this.errorMessage??"",this.addEventListener("invalid",this._handleInvalid),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid),document.removeEventListener("click",this._handleDocumentClick)}firstUpdated(){this._handleSlotChange();const e=this.shadowRoot?.querySelector('slot:not([name="description"])');if(!this.value&&e){const t=e.assignedElements({flatten:!0});for(const s of t)if(s.tagName==="OPTION"&&s.selected){this.value=s.value;break}else if(s.tagName==="OPTGROUP"){for(const o of s.children)if(o.tagName==="OPTION"&&o.selected){this.value=o.value;break}if(this.value)break}}this._setValue(),this._defaultValue=this.value}updated(e){if(e.has("value")){const t=this._options.find(s=>s.value===this.value);this._selectedLabel=t?t.label:"",this._filterText=this._selectedLabel}e.has("_isOpen")&&this._isOpen&&(this._positionDropdown(),this.updateComplete.then(()=>{this._scrollToHighlighted()}))}_handleSlotChange(){const e=this.shadowRoot?.querySelector('slot:not([name="description"])');if(!e)return;const t=e.assignedElements({flatten:!0}),s=[];if(t.forEach(o=>{if(o.tagName==="OPTION"){const n=o;s.push({value:n.value,label:n.textContent?.trim()||n.value,disabled:n.disabled})}else if(o.tagName==="OPTGROUP"){const n=o,i=n.label;Array.from(n.children).forEach(l=>{if(l.tagName==="OPTION"){const c=l;s.push({value:c.value,label:c.textContent?.trim()||c.value,disabled:c.disabled||n.disabled,group:i})}})}}),this._options=s,this._filteredOptions=s,this.value){const o=this._options.find(n=>n.value===this.value);o&&(this._selectedLabel=o.label,this._filterText=o.label)}}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){const e=this.errorMessage||"This field is required";this.required&&(!this.value||this.value?.trim()==="")?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},e,this._input)):(this._internals.ariaRequired="false",this._internals.setValidity({}),this._hasUserInteracted=!1)}_setValidityMessage(e=""){this.showError=!!e,this._originalErrorMessage?.trim()&&e!==""?this.errorMessage=this._originalErrorMessage:this.errorMessage=e;const t=e?{customError:!0}:{};this._internals.setValidity(t,this.errorMessage,this._input)}_validate(){if(!this._input)return;const e=this._input.validity;let t="";e.valueMissing?t="This field is required":t=this._input.validationMessage,this._setValidityMessage(t)}formResetCallback(){this.value=this._defaultValue,this._filterText=this._defaultValue?this._options.find(e=>e.value===this._defaultValue)?.label??"":"",this._selectedLabel=this._filterText,this._input&&(this._input.value=this._filterText),this._internals.setFormValue(this.value),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.requestUpdate()}checkValidity(){return this._input?this._input.checkValidity():!0}_handleInvalid(e){if(e.preventDefault(),this._hasUserInteracted=!0,this._validate(),this._input){const t=this._internals.form;t?Array.from(t.elements).find(n=>typeof n.checkValidity=="function"&&!n.checkValidity())===this&&this._input.focus():this._input.focus()}}_positionDropdown(){if(!this._listbox||!this._input)return;const e=this._input.getBoundingClientRect(),t=this._listbox.offsetHeight,o=window.innerHeight-e.bottom,n=e.top;this._dropdownAbove=o<t&&n>o}_filterOptions(e){if(!e){this._filteredOptions=this._options;return}const t=e.toLowerCase();this._filteredOptions=this._options.filter(s=>s.label.toLowerCase().includes(t))}_scrollToHighlighted(){if(!this._listbox||this._highlightedIndex<0)return;const e=this._listbox.querySelector(`[data-index="${this._highlightedIndex}"]`);e&&e.scrollIntoView({block:"nearest"})}_handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this._isOpen?this._moveHighlight(1):this._openDropdown();break;case"ArrowUp":e.preventDefault(),this._isOpen?this._moveHighlight(-1):this._openDropdown();break;case"Enter":e.preventDefault(),this._isOpen&&this._highlightedIndex>=0&&this._selectOption(this._filteredOptions[this._highlightedIndex]);break;case"Escape":e.preventDefault(),this._closeDropdown(),this._filterText=this._selectedLabel;break;case"Tab":this._isOpen&&(this._closeDropdown(),this._filterText=this._selectedLabel);break}}_moveHighlight(e){if(this._filteredOptions.filter(u=>!u.disabled).length===0)return;let s=this._highlightedIndex+e;for(s<0?s=this._filteredOptions.length-1:s>=this._filteredOptions.length&&(s=0);this._filteredOptions[s]?.disabled;)s+=e,s<0&&(s=this._filteredOptions.length-1),s>=this._filteredOptions.length&&(s=0);this._highlightedIndex=s,this._scrollToHighlighted();const o=this._filteredOptions[s],n=this._filteredOptions[s-e],i=this._filteredOptions.filter(u=>!u.disabled),l=i.findIndex(u=>u.value===o.value)+1,c=o.value===this.value?"selected":"unselected",p=o.group&&o.group!==n?.group?`${o.group}, `:"";this._announcement=`${p} ${o.label} ${l} of ${i.length}, ${c}`}_handleInput(e){const t=e.target;this._filterText=t.value,this._filterOptions(this._filterText),this._isOpen||this._openDropdown(),this._highlightedIndex=0;const s=this._filteredOptions.filter(o=>!o.disabled).length;this._announcement=s>0?`${s} options available`:"No results found",this._hasUserInteracted&&this._validate(),this.dispatchEvent(new CustomEvent("nys-input",{detail:{id:this.id,value:this._filterText},bubbles:!0,composed:!0}))}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(e){const t=e.relatedTarget;t&&this._listbox?.contains(t)||((!this.value||this._filterText!==this._selectedLabel)&&(this._filterText=this._selectedLabel,this._filterOptions("")),this._closeDropdown(),this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0})))}_handleIconClick(){this.disabled||(this._isOpen?this._closeDropdown():(this._input.focus(),this._openDropdown()))}_handleClearClick(e){e.stopPropagation(),this.value="",this._filterText="",this._selectedLabel="",this._filterOptions(""),this._internals.setFormValue(""),this._closeDropdown(),this._input.focus(),this._handleChange()}_handleOptionClick(e){e.disabled||this._selectOption(e)}_handleOptionMouseEnter(e){this._highlightedIndex=e}_selectOption(e){this.value=e.value,this._selectedLabel=e.label,this._filterText=e.label,this._internals.setFormValue(this.value),this._input.focus(),this._closeDropdown(),this._filterOptions(""),this._setValidityMessage(""),this._hasUserInteracted&&this._validate(),this._handleChange()}_handleChange(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_openDropdown(){this._isOpen=!0,this._highlightedIndex=this._filteredOptions.findIndex(e=>e.value===this.value),this._highlightedIndex<0&&(this._highlightedIndex=0)}_closeDropdown(){this._isOpen=!1,this._highlightedIndex=-1}_renderOptions(){let e="";const t=[];return this._filteredOptions.forEach((s,o)=>{s.group&&s.group!==e&&(e=s.group,t.push(h`
|
|
323
|
+
<div class="nys-combobox__optgroup" role="presentation">
|
|
324
|
+
${s.group}
|
|
325
|
+
</div>
|
|
326
|
+
`));const n=o===this._highlightedIndex,i=s.value===this.value;t.push(h`
|
|
327
|
+
<div
|
|
328
|
+
class="nys-combobox__option ${n?"nys-combobox__option--focused":""} ${i?"nys-combobox__option--selected":""}"
|
|
329
|
+
role="option"
|
|
330
|
+
id="${this.id}--option-${o}"
|
|
331
|
+
data-index="${o}"
|
|
332
|
+
aria-selected="${i}"
|
|
333
|
+
aria-disabled="${s.disabled||!1}"
|
|
334
|
+
?disabled=${s.disabled}
|
|
335
|
+
@click=${()=>this._handleOptionClick(s)}
|
|
336
|
+
@mouseenter=${()=>this._handleOptionMouseEnter(o)}
|
|
337
|
+
>
|
|
338
|
+
${s.label}
|
|
339
|
+
</div>
|
|
340
|
+
`)}),t.length===0?h`
|
|
341
|
+
<div class="nys-combobox__no-results" role="option">
|
|
342
|
+
No results found
|
|
343
|
+
</div>
|
|
344
|
+
`:t}render(){return h`
|
|
345
|
+
<div class="nys-combobox">
|
|
346
|
+
<nys-label
|
|
347
|
+
for=${this.id+"--native"}
|
|
348
|
+
label=${this.label}
|
|
349
|
+
description=${this.description}
|
|
350
|
+
flag=${this.required?"required":this.optional?"optional":""}
|
|
351
|
+
tooltip=${this.tooltip}
|
|
352
|
+
?inverted=${this.inverted}
|
|
353
|
+
>
|
|
354
|
+
<slot name="description" slot="description">${this.description}</slot>
|
|
355
|
+
</nys-label>
|
|
356
|
+
<div
|
|
357
|
+
class="nys-combobox__container ${this._isOpen?"nys-combobox__container--open":""}"
|
|
358
|
+
>
|
|
359
|
+
<div class="nys-combobox__input-wrapper">
|
|
360
|
+
<input
|
|
361
|
+
class="nys-combobox__input"
|
|
362
|
+
type="text"
|
|
363
|
+
role="combobox"
|
|
364
|
+
aria-autocomplete="list"
|
|
365
|
+
aria-expanded="${this._isOpen}"
|
|
366
|
+
aria-controls="${this.id}--listbox"
|
|
367
|
+
aria-activedescendant="${this._highlightedIndex>=0?`${this.id}--option-${this._highlightedIndex}`:""}"
|
|
368
|
+
name=${this.name}
|
|
369
|
+
id=${this.id+"--native"}
|
|
370
|
+
?disabled=${this.disabled}
|
|
371
|
+
?required=${this.required}
|
|
372
|
+
aria-required=${this.required}
|
|
373
|
+
aria-disabled="${this.disabled}"
|
|
374
|
+
aria-label="${[this.label,this.description].filter(Boolean).join(" ")}"
|
|
375
|
+
.value=${this._filterText}
|
|
376
|
+
form=${v(this.form||void 0)}
|
|
377
|
+
@input=${this._handleInput}
|
|
378
|
+
@focus="${this._handleFocus}"
|
|
379
|
+
@blur="${this._handleBlur}"
|
|
380
|
+
@keydown="${this._handleKeyDown}"
|
|
381
|
+
/>
|
|
382
|
+
<div class="nys-combobox__buttons">
|
|
383
|
+
${this.value?h`
|
|
384
|
+
<nys-button
|
|
385
|
+
class="nys-combobox__clear"
|
|
386
|
+
suffixIcon="slotted"
|
|
387
|
+
ariaLabel="clear selection"
|
|
388
|
+
variant="ghost"
|
|
389
|
+
size="sm"
|
|
390
|
+
circle
|
|
391
|
+
@nys-click=${this._handleClearClick}
|
|
392
|
+
?disabled=${this.disabled}
|
|
393
|
+
>
|
|
394
|
+
<nys-icon
|
|
395
|
+
slot="suffix-icon"
|
|
396
|
+
size="20"
|
|
397
|
+
name="close"
|
|
398
|
+
></nys-icon>
|
|
399
|
+
</nys-button>
|
|
400
|
+
`:""}
|
|
401
|
+
<nys-button
|
|
402
|
+
class="nys-combobox__chevron"
|
|
403
|
+
suffixIcon="slotted"
|
|
404
|
+
ariaLabel="toggle dropdown"
|
|
405
|
+
variant="ghost"
|
|
406
|
+
size="sm"
|
|
407
|
+
circle
|
|
408
|
+
@nys-click=${this._handleIconClick}
|
|
409
|
+
?disabled=${this.disabled}
|
|
410
|
+
>
|
|
411
|
+
<nys-icon
|
|
412
|
+
slot="suffix-icon"
|
|
413
|
+
size="20"
|
|
414
|
+
name="chevron_down"
|
|
415
|
+
></nys-icon>
|
|
416
|
+
</nys-button>
|
|
417
|
+
</div>
|
|
418
|
+
</div>
|
|
419
|
+
${this._isOpen?h`
|
|
420
|
+
<div
|
|
421
|
+
class="nys-combobox__listbox ${this._dropdownAbove?"nys-combobox__listbox--above":""}"
|
|
422
|
+
id="${this.id}--listbox"
|
|
423
|
+
role="listbox"
|
|
424
|
+
tabindex="-1"
|
|
425
|
+
>
|
|
426
|
+
${this._renderOptions()}
|
|
427
|
+
</div>
|
|
428
|
+
`:""}
|
|
429
|
+
</div>
|
|
430
|
+
<slot
|
|
431
|
+
style="display: none;"
|
|
432
|
+
@slotchange=${this._handleSlotChange}
|
|
433
|
+
></slot>
|
|
434
|
+
<nys-errormessage
|
|
435
|
+
?showError=${this.showError}
|
|
436
|
+
errorMessage=${this.errorMessage}
|
|
437
|
+
></nys-errormessage>
|
|
438
|
+
<div
|
|
439
|
+
aria-live="polite"
|
|
440
|
+
aria-atomic="true"
|
|
441
|
+
style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
|
|
442
|
+
>
|
|
443
|
+
${this._announcement}
|
|
444
|
+
</div>
|
|
445
|
+
</div>
|
|
446
|
+
`}};Zt.styles=_(Ar),Zt.formAssociated=!0;let x=Zt;S([a({type:String,reflect:!0})],x.prototype,"id"),S([a({type:String,reflect:!0})],x.prototype,"name"),S([a({type:String})],x.prototype,"label"),S([a({type:String})],x.prototype,"description"),S([a({type:String})],x.prototype,"value"),S([a({type:Boolean,reflect:!0})],x.prototype,"disabled"),S([a({type:Boolean,reflect:!0})],x.prototype,"required"),S([a({type:Boolean,reflect:!0})],x.prototype,"optional"),S([a({type:String})],x.prototype,"tooltip"),S([a({type:String,reflect:!0})],x.prototype,"form"),S([a({type:String,reflect:!0})],x.prototype,"width"),S([a({type:Boolean,reflect:!0})],x.prototype,"inverted"),S([a({type:Boolean,reflect:!0})],x.prototype,"showError"),S([a({type:String})],x.prototype,"errorMessage"),S([m()],x.prototype,"_isOpen"),S([m()],x.prototype,"_filterText"),S([m()],x.prototype,"_highlightedIndex"),S([m()],x.prototype,"_options"),S([m()],x.prototype,"_filteredOptions"),S([m()],x.prototype,"_dropdownAbove"),S([m()],x.prototype,"_announcement"),S([Jt("input")],x.prototype,"_input"),S([Jt(".nys-combobox__listbox")],x.prototype,"_listbox"),customElements.get("nys-combobox")||customElements.define("nys-combobox",x);const Or=':host{--_nys-datepicker-width: fit-content;--_nys-datepicker-width--input: var(--nys-form-width-md, 200px);--_nys-datepicker-gap: var(--nys-space-100, 8px);--_nys-datepicker-height: var(--nys-size-600, 48px);--_nys-datepicker-radius: var(--nys-radius-xl, 12px);--_nys-datepicker-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-datepicker-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-datepicker-space-sm: var(--nys-space-50, 4px);--_nys-datepicker-space-md: var(--nys-space-100, 8px);--_nys-datepicker-space-lg: var(--nys-space-150, 12px);--_nys-datepicker-border-width: var(--nys-border-width-sm, 1px);--_nys-datepicker-border-color: var(--nys-color-neutral-400, #909395);--_nys-datepicker-border-radius: var(--nys-radius-md, 4px);--_nys-datepicker-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-datepicker-font-size: var(--nys-font-size-ui-md, 16px);--_nys-datepicker-font-weight: var(--nys-font-weight-regular, 400);--_nys-datepicker-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-datepicker-letterspacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-datepicker-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-datepicker-text-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker-text-disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-datepicker-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-datepicker-background-color--button--active: var( --nys-color-gray-100, #d0d0ce );--_nys-datepicker-padding--calendar: var(--nys-space-200, 16px);--_nys-datepicker-color--calendar--weekends: var( --nys-color-text-weaker, #797c7f );--_nys-datepicker-gap--calendar-row: var(--nys-space-2-px, 2px);--_nys-datepicker-font-size--date: var(--nys-type-size-ui-sm, 14px);--_nys-datepicker-background-color--date--hover: var( --nys-color-neutral-50, #ededed );--_nys-datepicker-background-color--date--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-datepicker-background-color--date--selected: var( --nys-color-info-weak, #e5effa );--_nys-datepicker-focus-ring--date: var(--nys-color-link, #004dd1);--_nys-datepicker-color--date: var(--nys-color-text, #1b1b1b);--_nys-datepicker-color--date--hover: var(--nys-color-text, #1b1b1b);--_nys-datepicker-color--date--selected: var(--nys-color-info, #004dd1);--_nys-datepicker-color--date--disabled: var( --nys-color-text-disabled, #bec0c1 );--_nys-datepicker-border-color--date--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-datepicker-background-color--navigation--hover: var( --nys-color-neutral-10, #f6f6f6 );--_nys-datepicker-background-color--navigation--pressed: var( --nys-color-neutral-50, #ededed );--_nys-datepicker-background-color--navigation--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-datepicker-color--navigation--hover: var( --nys-color-neutral-900, #1b1b1b );--_nys-datepicker-color--navigation--pressed: var( --nys-color-neutral-900, #1b1b1b );--_nys-datepicker-color--navigation--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-datepicker-box-shadow-border--navigation: inset 0 0 0 1px var(--nys-color-neutral-900, #1b1b1b)}:host([width=lg]){--_nys-datepicker-width--input: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-datepicker-width--input: 100%}:host([showError]){--_nys-datepicker-border-color: var(--nys-color-danger, #b52c2c)}.nys-datepicker--container{display:flex;flex-direction:column;gap:var(--_nys-datepicker-space-sm);font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size);font-weight:var(--_nys-datepicker-font-weight);line-height:var(--_nys-datepicker-line-height);width:100%}.nys-datepicker--container .nys-datepicker--input-container{position:relative;width:var(--_nys-datepicker-width--input);display:flex;cursor:pointer}.nys-datepicker--container .nys-datepicker--input-container.disabled #calendar-button{cursor:not-allowed;color:var(--_nys-datepicker-color--date--disabled)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input{cursor:text;text-align:start;font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size);flex:1;height:24px;outline:transparent solid 1px;border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-border-color);background-color:var(--_nys-datepicker-background-color);padding:var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-lg);color:var(--_nys-datepicker-color)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input:hover{outline-color:var(--_nys-datepicker-outline-color--hover);border-color:var(--_nys-datepicker-outline-color--hover)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input:focus{outline-color:var(--_nys-datepicker-outline-color--focus);border-color:var(--_nys-datepicker-outline-color--focus)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input:disabled{border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--disabled);cursor:not-allowed;color:var(--_nys-datepicker-color--disabled)}.nys-datepicker--container .nys-datepicker--input-container .nys-datepicker--input::-webkit-date-and-time-value{text-align:start}.nys-datepicker--container .nys-datepicker--input-container input[type=date]::-webkit-inner-spin-button,.nys-datepicker--container .nys-datepicker--input-container input[type=date]::-webkit-calendar-picker-indicator{display:none;appearance:none}.nys-datepicker--container .nys-datepicker--input-container #calendar-button{display:flex;align-items:center;justify-content:center;padding:var(--_nys-datepicker-space-sm);border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-background-color);outline:transparent solid 1px;background-color:var(--_nys-datepicker-background-color);position:absolute;top:50%;right:var(--_nys-datepicker-space-sm);transform:translateY(-50%);cursor:pointer}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:hover{outline-color:var(--_nys-datepicker-background-color--date--hover);border-color:var(--_nys-datepicker-background-color--date--hover);background:var(--_nys-datepicker-background-color--date--hover)}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:active{outline-color:var(--_nys-datepicker-background-color--button--active);border-color:var(--_nys-datepicker-background-color--button--active);background:var(--_nys-datepicker-background-color--button--active)}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:focus:not(:active):not(:disabled){outline-color:var(--_nys-datepicker-outline-color--focus);border-color:var(--_nys-datepicker-outline-color--focus)}.nys-datepicker--container .wc-datepicker--container{display:flex;width:fit-content}.nys-datepicker--container .wc-datepicker--container *{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}wc-datepicker{display:none;padding:var(--_nys-datepicker-padding--calendar);border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--nys-color-neutral-100, #d0d0ce);background-color:var(--_nys-datepicker-background-color);box-shadow:0 4px 6px -1px var(--nys-color-black-transparent-100, rgba(27, 27, 27, .1)),0 4px 6px -1px var(--nys-color-black-transparent-50, rgba(27, 27, 27, .01));color:var(--_nys-datepicker-text-color);margin-bottom:3px}wc-datepicker.active{display:flex;flex-direction:column-reverse;position:absolute;z-index:1}wc-datepicker *,wc-datepicker *:before,wc-datepicker *:after{margin:0;box-sizing:border-box}.wc-datepicker{display:block;width:min-content;font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size--date);font-weight:400;line-height:var(--_nys-datepicker-line-height);letter-spacing:var(--_nys-datepicker-letterspacing)}.wc-datepicker--disabled *:disabled{opacity:.5;cursor:not-allowed}.wc-datepicker--disabled .wc-datepicker__date{cursor:not-allowed;opacity:.5}.wc-datepicker--disabled .wc-datepicker__date:focus{outline:none;border-color:var(--_nys-datepicker-border-color--date--disabled);box-shadow:none}.wc-datepicker--disabled .wc-datepicker__date:hover:not(.wc-datepicker__date--selected){background-color:transparent}.wc-datepicker--disabled .wc-datepicker__date--selected:hover{color:var(--_nys-datepicker-background-color);background-color:var(--_nys-datepicker-background-color--date--selected)}.wc-datepicker--disabled #wc-month-dropdown-icon{color:var(--_nys-datepicker-color--date--disabled)}.wc-datepicker__header{display:flex;align-items:center;gap:var(--_nys-datepicker-space-sm)}.wc-datepicker__current-month{display:flex;flex-grow:1;gap:var(--_nys-datepicker-space-sm)}.wc-datepicker__month-select,.wc-datepicker__year-select{display:flex;align-items:center;font-size:var(--_nys-datepicker-font-size);font-family:var(--_nys-datepicker-font-family);padding:var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-lg);border:solid var(--_nys-datepicker-border-width) var(--_nys-datepicker-border-color);border-radius:.25rem;color:var(--_nys-datepicker-color);background-color:var(--_nys-datepicker-background-color);line-height:var(--_nys-datepicker-line-height)}.wc-datepicker__month-select:hover:not(:disabled),.wc-datepicker__year-select:hover:not(:disabled){border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--hover);background-color:var(--_nys-datepicker-background-color--navigation--hover);box-shadow:var(--_nys-datepicker-box-shadow-border--navigation)}.wc-datepicker__month-select:active:not(:disabled),.wc-datepicker__month-select[aria-pressed=true],.wc-datepicker__year-select:active:not(:disabled),.wc-datepicker__year-select[aria-pressed=true]{border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--pressed);background-color:var(--_nys-datepicker-background-color--navigation--pressed);box-shadow:var(--_nys-datepicker-box-shadow-border--navigation)}.wc-datepicker__month-select:disabled,.wc-datepicker__month-select[aria-disabled=true],.wc-datepicker__year-select:disabled,.wc-datepicker__year-select[aria-disabled=true]{border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--disabled);background-color:var(--_nys-datepicker-background-color--navigation--disabled);color:var(--_nys-datepicker-color--disabled)}.wc-datepicker .month-wrapper{position:relative;width:135px;display:flex;align-items:center;align-self:stretch}.wc-datepicker .month-wrapper #wc-month-dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.wc-datepicker__month-select{width:100%;max-width:100%;flex-grow:1;cursor:pointer;appearance:none;text-overflow:ellipsis;padding-right:var(--nys-space-400, 32px)}.wc-datepicker__month-select>*{width:91px;height:24px}.wc-datepicker__year-select{border:solid var(--_nys-datepicker-border-width) var(--_nys-datepicker-border-color);border-radius:.25rem;padding-right:var(--_nys-datepicker-space-sm);max-width:5rem}.wc-datepicker__previous-month-button,.wc-datepicker__next-month-button,.wc-datepicker__previous-year-button,.wc-datepicker__next-year-button{display:inline-flex;width:40px;max-width:40px;max-height:42px;padding:var(--_nys-datepicker-space-lg);justify-content:center;align-items:center;border:solid var(--_nys-datepicker-border-width) var(--_nys-datepicker-border-color);border-radius:.25rem;color:var(--_nys-datepicker-color--date);background-color:var(--_nys-datepicker-background-color);cursor:pointer}.wc-datepicker__previous-month-button:hover:not(:disabled),.wc-datepicker__next-month-button:hover:not(:disabled),.wc-datepicker__previous-year-button:hover:not(:disabled),.wc-datepicker__next-year-button:hover:not(:disabled){background-color:var(--_nys-datepicker-background-color--navigation--hover);box-shadow:var(--_nys-datepicker-box-shadow-border--navigation);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--hover)}.wc-datepicker__previous-month-button:active:not(:disabled),.wc-datepicker__previous-month-button[aria-pressed=true],.wc-datepicker__next-month-button:active:not(:disabled),.wc-datepicker__next-month-button[aria-pressed=true],.wc-datepicker__previous-year-button:active:not(:disabled),.wc-datepicker__previous-year-button[aria-pressed=true],.wc-datepicker__next-year-button:active:not(:disabled),.wc-datepicker__next-year-button[aria-pressed=true]{background-color:var(--_nys-datepicker-background-color--navigation--pressed);box-shadow:var(--_nys-datepicker-box-shadow-border--navigation);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--pressed)}.wc-datepicker__previous-month-button:disabled,.wc-datepicker__previous-month-button[aria-disabled=true],.wc-datepicker__next-month-button:disabled,.wc-datepicker__next-month-button[aria-disabled=true],.wc-datepicker__previous-year-button:disabled,.wc-datepicker__previous-year-button[aria-disabled=true],.wc-datepicker__next-year-button:disabled,.wc-datepicker__next-year-button[aria-disabled=true]{background-color:var(--_nys-datepicker-background-color--navigation--disabled);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-color--navigation--disabled);color:var(--_nys-datepicker-color--disabled)}.wc-datepicker__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.wc-datepicker__weekday{padding:var(--_nys-datepicker-padding--calendar) 0 var(--_nys-datepicker-space-sm) 0;min-width:var(--nys-size-500, 40px);font-weight:600;aspect-ratio:1}.wc-datepicker__weekday>span{width:42.3px;height:24px;display:flex;justify-content:center;align-items:center}.wc-datepicker__weekday[aria-label=Saturday],.wc-datepicker__weekday[aria-label=Sunday]{color:var(--_nys-datepicker-color--calendar--weekends)}.wc-datepicker__date{padding:var(--_nys-datepicker-space-md);text-align:center;cursor:pointer;border-radius:var(--nys-radius-lg)}.wc-datepicker__date:focus,.wc-datepicker__date:focus-visible{outline:none}.wc-datepicker__date:focus{box-shadow:inset 0 0 0 2px var(--_nys-datepicker-focus-ring--date)}.wc-datepicker__date:hover:not(.wc-datepicker__date--selected):not(:active){color:var(--_nys-datepicker-color--date--hover);background-color:var(--_nys-datepicker-background-color--date--hover)}.wc-datepicker__date:active{color:var(--_nys-datepicker-color--date--hover);background-color:var(--_nys-datepicker-background-color--date--active)}.wc-datepicker__date>*{display:flex;justify-content:center;align-items:center;aspect-ratio:1;width:24.3px;height:24px}.wc-datepicker__date--today{font-weight:600;color:var(--_nys-datepicker-color--date--selected)}.wc-datepicker__date--today>*{font-style:normal;text-decoration-line:underline}.wc-datepicker__date--selected{text-decoration-line:none;background-color:var(--_nys-datepicker-background-color--date--selected);color:var(--_nys-datepicker-color--date--selected)}.wc-datepicker__date--selected>*{font-weight:600}.wc-datepicker__date--disabled{color:var(--_nys-datepicker-color--date--disabled);cursor:default}.wc-datepicker__date--disabled:not(.wc-datepicker__date--disabled--selected,.wc-datepicker__date--disabled--in-range):hover{background-color:transparent}.wc-datepicker__date.wc-datepicker__date--overflowing{color:var(--_nys-datepicker-text-disabled)}.wc-datepicker__date.wc-datepicker__date--overflowing:hover,.wc-datepicker__date.wc-datepicker__date--overflowing:active{color:var(--_nys-datepicker-color)}.wc-datepicker--button-container{display:flex;padding-top:var(--_nys-datepicker-space-lg);align-items:flex-end;gap:var(--_nys-datepicker-padding--calendar);align-self:stretch}.wc-datepicker tr.wc-datepicker__calendar-row.sc-wc-datepicker{display:flex;align-items:center;gap:var(--_nys-datepicker-gap--calendar-row);align-self:stretch}',Ze={allRenderFn:!1,cmpDidLoad:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpDidRender:!0,cmpWillLoad:!0,cmpWillUpdate:!0,cmpWillRender:!0,connectedCallback:!0,disconnectedCallback:!0,element:!0,event:!0,hasRenderFn:!0,lifecycle:!0,hostListener:!0,hostListenerTargetWindow:!0,hostListenerTargetDocument:!0,hostListenerTargetBody:!0,hostListenerTargetParent:!1,hostListenerTarget:!0,member:!0,method:!0,mode:!0,observeAttribute:!0,prop:!0,propMutable:!0,reflect:!0,scoped:!0,shadowDom:!0,slot:!0,cssAnnotations:!0,state:!0,style:!0,svg:!0,updatable:!0,vdomAttribute:!0,vdomXlink:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomRef:!0,vdomPropOrAttr:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,watchCallback:!0,taskQueue:!0,hotModuleReplacement:!1,isDebug:!1,isDev:!1,isTesting:!1,hydrateServerSide:!1,hydrateClientSide:!1,lifecycleDOMEvents:!1,lazyLoad:!1,profile:!1,slotRelocation:!0,appendChildSlotFix:!1,cloneNodeFix:!1,hydratedAttribute:!1,hydratedClass:!0,safari10:!1,scriptDataOpts:!1,scopedSlotTextContentFix:!1,shadowDomShim:!1,slotChildNodesFix:!1,invisiblePrehydration:!0,propBoolean:!0,propNumber:!0,propString:!0,cssVarShim:!1,constructableCSS:!0,cmpShouldUpdate:!0,devTools:!1,dynamicImportShim:!1,shadowDelegatesFocus:!0,initializeNextTick:!1,asyncLoading:!1,asyncQueue:!1,transformTagName:!1,attachStyles:!0};let Ne,Ks,Dt,Gs=!1,Mt=!1,ts=!1,X=!1,Qs=null,ss=!1;const ze=(r,e="")=>()=>{},Xs="http://www.w3.org/1999/xlink",Js={},Vr="http://www.w3.org/2000/svg",Hr="http://www.w3.org/1999/xhtml",Ir=r=>r!=null,os=r=>(r=typeof r,r==="object"||r==="function");function Rr(r){var e,t,s;return(s=(t=(e=r.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&s!==void 0?s:void 0}const g=(r,e,...t)=>{let s=null,o=null,n=null,i=!1,l=!1;const c=[],d=u=>{for(let y=0;y<u.length;y++)s=u[y],Array.isArray(s)?d(s):s!=null&&typeof s!="boolean"&&((i=typeof r!="function"&&!os(s))&&(s=String(s)),i&&l?c[c.length-1].$text$+=s:c.push(i?At(null,s):s),l=i)};if(d(t),e){e.key&&(o=e.key),e.name&&(n=e.name);{const u=e.className||e.class;u&&(e.class=typeof u!="object"?u:Object.keys(u).filter(y=>u[y]).join(" "))}}if(typeof r=="function")return r(e===null?{}:e,c,Pr);const p=At(r,null);return p.$attrs$=e,c.length>0&&(p.$children$=c),p.$key$=o,p.$name$=n,p},At=(r,e)=>{const t={$flags$:0,$tag$:r,$text$:e,$elm$:null,$children$:null};return t.$attrs$=null,t.$key$=null,t.$name$=null,t},eo={},qr=r=>r&&r.$tag$===eo,Pr={forEach:(r,e)=>r.map(to).forEach(e),map:(r,e)=>r.map(to).map(e).map(Ur)},to=r=>({vattrs:r.$attrs$,vchildren:r.$children$,vkey:r.$key$,vname:r.$name$,vtag:r.$tag$,vtext:r.$text$}),Ur=r=>{if(typeof r.vtag=="function"){const t=Object.assign({},r.vattrs);return r.vkey&&(t.key=r.vkey),r.vname&&(t.name=r.vname),g(r.vtag,t,...r.vchildren||[])}const e=At(r.vtag,r.vtext);return e.$attrs$=r.vattrs,e.$children$=r.vchildren,e.$key$=r.vkey,e.$name$=r.vname,e},Tr=r=>bn.map(e=>e(r)).find(e=>!!e),Zr=(r,e)=>r!=null&&!os(r)?e&4?r==="false"?!1:r===""||!!r:e&2?parseFloat(r):e&1?String(r):r:r,Nr=r=>r,so=(r,e,t)=>{const s=Nr(r);return{emit:o=>Fr(s,e,{bubbles:!0,composed:!0,cancelable:!0,detail:o})}},Fr=(r,e,t)=>{const s=Z.ce(e,t);return r.dispatchEvent(s),s},oo=new WeakMap,jr=(r,e,t)=>{let s=Vt.get(r);Cn&&t?(s=s||new CSSStyleSheet,typeof s=="string"?s=e:s.replaceSync(e)):s=e,Vt.set(r,s)},Wr=(r,e,t,s)=>{var o;let n=ro(e,t);const i=Vt.get(n);if(r=r.nodeType===11?r:oe,i)if(typeof i=="string"){r=r.head||r;let l=oo.get(r),c;if(l||oo.set(r,l=new Set),!l.has(n)){{c=oe.createElement("style"),c.innerHTML=i;const d=(o=Z.$nonce$)!==null&&o!==void 0?o:Rr(oe);d!=null&&c.setAttribute("nonce",d),r.insertBefore(c,r.querySelector("link"))}l&&l.add(n)}}else r.adoptedStyleSheets.includes(i)||(r.adoptedStyleSheets=[...r.adoptedStyleSheets,i]);return n},Yr=r=>{const e=r.$cmpMeta$,t=r.$hostElement$,s=e.$flags$,o=ze("attachStyles",e.$tagName$),n=Wr(t.shadowRoot?t.shadowRoot:t.getRootNode(),e,r.$modeName$);s&10&&(t["s-sc"]=n,t.classList.add(n+"-h"),s&2&&t.classList.add(n+"-s")),o()},ro=(r,e)=>"sc-"+(e&&r.$flags$&32?r.$tagName$+"-"+e:r.$tagName$),no=(r,e,t,s,o,n)=>{if(t!==s){let i=mo(r,e),l=e.toLowerCase();if(e==="class"){const c=r.classList,d=io(t),p=io(s);c.remove(...d.filter(u=>u&&!p.includes(u))),c.add(...p.filter(u=>u&&!d.includes(u)))}else if(e==="style"){for(const c in t)(!s||s[c]==null)&&(c.includes("-")?r.style.removeProperty(c):r.style[c]="");for(const c in s)(!t||s[c]!==t[c])&&(c.includes("-")?r.style.setProperty(c,s[c]):r.style[c]=s[c])}else if(e!=="key")if(e==="ref")s&&s(r);else if(!r.__lookupSetter__(e)&&e[0]==="o"&&e[1]==="n")e[2]==="-"?e=e.slice(3):mo(Ht,l)?e=l.slice(2):e=l[2]+e.slice(3),t&&Z.rel(r,e,t,!1),s&&Z.ael(r,e,s,!1);else{const c=os(s);if((i||c&&s!==null)&&!o)try{if(r.tagName.includes("-"))r[e]=s;else{const p=s??"";e==="list"?i=!1:(t==null||r[e]!=p)&&(r[e]=p)}}catch{}let d=!1;l!==(l=l.replace(/^xlink\:?/,""))&&(e=l,d=!0),s==null||s===!1?(s!==!1||r.getAttribute(e)==="")&&(d?r.removeAttributeNS(Xs,e):r.removeAttribute(e)):(!i||n&4||o)&&!c&&(s=s===!0?"":s,d?r.setAttributeNS(Xs,e,s):r.setAttribute(e,s))}}},Kr=/\s/,io=r=>r?r.split(Kr):[],ao=(r,e,t,s)=>{const o=e.$elm$.nodeType===11&&e.$elm$.host?e.$elm$.host:e.$elm$,n=r&&r.$attrs$||Js,i=e.$attrs$||Js;for(s in n)s in i||no(o,s,n[s],void 0,t,e.$flags$);for(s in i)no(o,s,n[s],i[s],t,e.$flags$)},zt=(r,e,t,s)=>{const o=e.$children$[t];let n=0,i,l,c;if(Gs||(ts=!0,o.$tag$==="slot"&&(Ne&&s.classList.add(Ne+"-s"),o.$flags$|=o.$children$?2:1)),o.$text$!==null)i=o.$elm$=oe.createTextNode(o.$text$);else if(o.$flags$&1)i=o.$elm$=oe.createTextNode("");else{if(X||(X=o.$tag$==="svg"),i=o.$elm$=oe.createElementNS(X?Vr:Hr,o.$flags$&2?"slot-fb":o.$tag$),X&&o.$tag$==="foreignObject"&&(X=!1),ao(null,o,X),Ir(Ne)&&i["s-si"]!==Ne&&i.classList.add(i["s-si"]=Ne),o.$children$)for(n=0;n<o.$children$.length;++n)l=zt(r,o,n,i),l&&i.appendChild(l);o.$tag$==="svg"?X=!1:i.tagName==="foreignObject"&&(X=!0)}return i["s-hn"]=Dt,o.$flags$&3&&(i["s-sr"]=!0,i["s-cr"]=Ks,i["s-sn"]=o.$name$||"",c=r&&r.$children$&&r.$children$[t],c&&c.$tag$===o.$tag$&&r.$elm$&&at(r.$elm$,!1)),i},at=(r,e)=>{Z.$flags$|=1;const t=r.childNodes;for(let s=t.length-1;s>=0;s--){const o=t[s];o["s-hn"]!==Dt&&o["s-ol"]&&(ho(o).insertBefore(o,rs(o)),o["s-ol"].remove(),o["s-ol"]=void 0,ts=!0),e&&at(o,e)}Z.$flags$&=-2},lo=(r,e,t,s,o,n)=>{let i=r["s-cr"]&&r["s-cr"].parentNode||r,l;for(i.shadowRoot&&i.tagName===Dt&&(i=i.shadowRoot);o<=n;++o)s[o]&&(l=zt(null,t,o,r),l&&(s[o].$elm$=l,i.insertBefore(l,rs(e))))},co=(r,e,t,s,o)=>{for(;e<=t;++e)(s=r[e])&&(o=s.$elm$,fo(s),Mt=!0,o["s-ol"]?o["s-ol"].remove():at(o,!0),o.remove())},Gr=(r,e,t,s)=>{let o=0,n=0,i=0,l=0,c=e.length-1,d=e[0],p=e[c],u=s.length-1,y=s[0],w=s[u],U,Se;for(;o<=c&&n<=u;)if(d==null)d=e[++o];else if(p==null)p=e[--c];else if(y==null)y=s[++n];else if(w==null)w=s[--u];else if(Bt(d,y))Fe(d,y),d=e[++o],y=s[++n];else if(Bt(p,w))Fe(p,w),p=e[--c],w=s[--u];else if(Bt(d,w))(d.$tag$==="slot"||w.$tag$==="slot")&&at(d.$elm$.parentNode,!1),Fe(d,w),r.insertBefore(d.$elm$,p.$elm$.nextSibling),d=e[++o],w=s[--u];else if(Bt(p,y))(d.$tag$==="slot"||w.$tag$==="slot")&&at(p.$elm$.parentNode,!1),Fe(p,y),r.insertBefore(p.$elm$,d.$elm$),p=e[--c],y=s[++n];else{for(i=-1,l=o;l<=c;++l)if(e[l]&&e[l].$key$!==null&&e[l].$key$===y.$key$){i=l;break}i>=0?(Se=e[i],Se.$tag$!==y.$tag$?U=zt(e&&e[n],t,i,r):(Fe(Se,y),e[i]=void 0,U=Se.$elm$),y=s[++n]):(U=zt(e&&e[n],t,n,r),y=s[++n]),U&&ho(d.$elm$).insertBefore(U,rs(d.$elm$))}o>c?lo(r,s[u+1]==null?null:s[u+1].$elm$,t,s,n,u):n>u&&co(e,o,c)},Bt=(r,e)=>r.$tag$===e.$tag$?r.$tag$==="slot"?r.$name$===e.$name$:r.$key$===e.$key$:!1,rs=r=>r&&r["s-ol"]||r,ho=r=>(r["s-ol"]?r["s-ol"]:r).parentNode,Fe=(r,e)=>{const t=e.$elm$=r.$elm$,s=r.$children$,o=e.$children$,n=e.$tag$,i=e.$text$;let l;i===null?(X=n==="svg"?!0:n==="foreignObject"?!1:X,n==="slot"||ao(r,e,X),s!==null&&o!==null?Gr(t,s,e,o):o!==null?(r.$text$!==null&&(t.textContent=""),lo(t,null,e,o,0,o.length-1)):s!==null&&co(s,0,s.length-1),X&&n==="svg"&&(X=!1)):(l=t["s-cr"])?l.parentNode.textContent=i:r.$text$!==i&&(t.data=i)},uo=r=>{const e=r.childNodes;let t,s,o,n,i,l;for(s=0,o=e.length;s<o;s++)if(t=e[s],t.nodeType===1){if(t["s-sr"]){for(i=t["s-sn"],t.hidden=!1,n=0;n<o;n++)if(l=e[n].nodeType,e[n]["s-hn"]!==t["s-hn"]||i!==""){if(l===1&&i===e[n].getAttribute("slot")){t.hidden=!0;break}}else if(l===1||l===3&&e[n].textContent.trim()!==""){t.hidden=!0;break}}uo(t)}},se=[],po=r=>{let e,t,s,o,n,i,l=0;const c=r.childNodes,d=c.length;for(;l<d;l++){if(e=c[l],e["s-sr"]&&(t=e["s-cr"])&&t.parentNode)for(s=t.parentNode.childNodes,o=e["s-sn"],i=s.length-1;i>=0;i--)t=s[i],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&(yo(t,o)?(n=se.find(p=>p.$nodeToRelocate$===t),Mt=!0,t["s-sn"]=t["s-sn"]||o,n?n.$slotRefNode$=e:se.push({$slotRefNode$:e,$nodeToRelocate$:t}),t["s-sr"]&&se.map(p=>{yo(p.$nodeToRelocate$,t["s-sn"])&&(n=se.find(u=>u.$nodeToRelocate$===t),n&&!p.$slotRefNode$&&(p.$slotRefNode$=n.$slotRefNode$))})):se.some(p=>p.$nodeToRelocate$===t)||se.push({$nodeToRelocate$:t}));e.nodeType===1&&po(e)}},yo=(r,e)=>r.nodeType===1?r.getAttribute("slot")===null&&e===""||r.getAttribute("slot")===e:r["s-sn"]===e?!0:e==="",fo=r=>{r.$attrs$&&r.$attrs$.ref&&r.$attrs$.ref(null),r.$children$&&r.$children$.map(fo)},Qr=(r,e)=>{const t=r.$hostElement$,s=r.$cmpMeta$,o=r.$vnode$||At(null,null),n=qr(e)?e:g(null,null,e);Dt=t.tagName,s.$attrsToReflect$&&(n.$attrs$=n.$attrs$||{},s.$attrsToReflect$.map(([i,l])=>n.$attrs$[l]=t[i])),n.$tag$=null,n.$flags$|=4,r.$vnode$=n,n.$elm$=o.$elm$=t.shadowRoot||t,Ne=t["s-sc"],Ks=t["s-cr"],Gs=(s.$flags$&1)!==0,Mt=!1,Fe(o,n);{if(Z.$flags$|=1,ts){po(n.$elm$);let i,l,c,d,p,u,y=0;for(;y<se.length;y++)i=se[y],l=i.$nodeToRelocate$,l["s-ol"]||(c=oe.createTextNode(""),c["s-nr"]=l,l.parentNode.insertBefore(l["s-ol"]=c,l));for(y=0;y<se.length;y++)if(i=se[y],l=i.$nodeToRelocate$,i.$slotRefNode$){for(d=i.$slotRefNode$.parentNode,p=i.$slotRefNode$.nextSibling,c=l["s-ol"];c=c.previousSibling;)if(u=c["s-nr"],u&&u["s-sn"]===l["s-sn"]&&d===u.parentNode&&(u=u.nextSibling,!u||!u["s-nr"])){p=u;break}(!p&&d!==l.parentNode||l.nextSibling!==p)&&l!==p&&(!l["s-hn"]&&l["s-ol"]&&(l["s-hn"]=l["s-ol"].parentNode.nodeName),d.insertBefore(l,p))}else l.nodeType===1&&(l.hidden=!0)}Mt&&uo(n.$elm$),Z.$flags$&=-2,se.length=0}},Xr=(r,e)=>{},vo=(r,e)=>(r.$flags$|=16,Xr(r,r.$ancestorComponent$),kn(()=>Jr(r,e))),Jr=(r,e)=>{const t=r.$hostElement$,s=ze("scheduleUpdate",r.$cmpMeta$.$tagName$),o=t;let n;return e?n=je(o,"componentWillLoad"):n=je(o,"componentWillUpdate"),n=bo(n,()=>je(o,"componentWillRender")),s(),bo(n,()=>en(r,o,e))},en=async(r,e,t)=>{const s=r.$hostElement$,o=ze("update",r.$cmpMeta$.$tagName$);s["s-rc"],t&&Yr(r);const n=ze("render",r.$cmpMeta$.$tagName$);tn(r,e,s),n(),o(),sn(r)},tn=(r,e,t)=>{try{Qs=e,e=e.render&&e.render(),r.$flags$&=-17,r.$flags$|=2,(Ze.hasRenderFn||Ze.reflect)&&(Ze.vdomRender||Ze.reflect)&&(Ze.hydrateServerSide||Qr(r,e))}catch(l){lt(l,r.$hostElement$)}return Qs=null,null},sn=r=>{const e=r.$cmpMeta$.$tagName$,t=r.$hostElement$,s=ze("postUpdate",e),o=t;r.$ancestorComponent$,je(o,"componentDidRender"),r.$flags$&64?(je(o,"componentDidUpdate"),s()):(r.$flags$|=64,je(o,"componentDidLoad"),s())},je=(r,e,t)=>{if(r&&r[e])try{return r[e](t)}catch(s){lt(s)}},bo=(r,e)=>r&&r.then?r.then(e):e(),on=(r,e)=>Ot(r).$instanceValues$.get(e),rn=(r,e,t,s)=>{const o=Ot(r),n=r,i=o.$instanceValues$.get(e),l=o.$flags$,c=n;t=Zr(t,s.$members$[e][0]);const d=Number.isNaN(i)&&Number.isNaN(t);if(t!==i&&!d){o.$instanceValues$.set(e,t);{if(s.$watchers$&&l&128){const u=s.$watchers$[e];u&&u.map(y=>{try{c[y](t,i,e)}catch(w){lt(w,n)}})}if((l&18)===2){if(c.componentShouldUpdate&&c.componentShouldUpdate(t,i,e)===!1)return;vo(o,!1)}}}},nn=(r,e,t)=>{if(e.$members$){r.watchers&&(e.$watchers$=r.watchers);const s=Object.entries(e.$members$),o=r.prototype;s.map(([n,[i]])=>{(i&31||i&32)&&Object.defineProperty(o,n,{get(){return on(this,n)},set(l){rn(this,n,l,e)},configurable:!0,enumerable:!0})});{const n=new Map;o.attributeChangedCallback=function(i,l,c){Z.jmp(()=>{const d=n.get(i);if(this.hasOwnProperty(d))c=this[d],delete this[d];else if(o.hasOwnProperty(d)&&typeof this[d]=="number"&&this[d]==c)return;this[d]=c===null&&typeof this[d]=="boolean"?!1:c})},r.observedAttributes=s.filter(([i,l])=>l[0]&15).map(([i,l])=>{const c=l[1]||i;return n.set(c,i),l[0]&512&&e.$attrsToReflect$.push([i,c]),c})}}return r},an=async(r,e,t,s,o)=>{if((e.$flags$&32)===0&&(o=r.constructor,e.$flags$|=32,customElements.whenDefined(t.$tagName$).then(()=>e.$flags$|=128),o.style)){let i=o.style;typeof i!="string"&&(i=i[e.$modeName$=Tr(r)]);const l=ro(t,e.$modeName$);if(!Vt.has(l)){const c=ze("registerStyles",t.$tagName$);jr(l,i,!!(t.$flags$&1)),c()}}e.$ancestorComponent$,vo(e,!0)},ln=r=>{},cn=r=>{if((Z.$flags$&1)===0){const e=Ot(r),t=e.$cmpMeta$,s=ze("connectedCallback",t.$tagName$);e.$flags$&1?(go(r,e,t.$listeners$),ln(e.$lazyInstance$)):(e.$flags$|=1,t.$flags$&12&&dn(r),t.$members$&&Object.entries(t.$members$).map(([o,[n]])=>{if(n&31&&r.hasOwnProperty(o)){const i=r[o];delete r[o],r[o]=i}}),an(r,e,t)),s()}},dn=r=>{const e=r["s-cr"]=oe.createComment("");e["s-cn"]=!0,r.insertBefore(e,r.firstChild)},hn=r=>{if((Z.$flags$&1)===0){const e=Ot(r);e.$rmListeners$&&(e.$rmListeners$.map(t=>t()),e.$rmListeners$=void 0)}},un=(r,e)=>{const t={$flags$:e[0],$tagName$:e[1]};t.$members$=e[2],t.$listeners$=e[3],t.$watchers$=r.$watchers$,t.$attrsToReflect$=[];const s=r.prototype.connectedCallback,o=r.prototype.disconnectedCallback;return Object.assign(r.prototype,{__registerHost(){vn(this,t)},connectedCallback(){cn(this),s&&s.call(this)},disconnectedCallback(){hn(this),o&&o.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(t.$flags$&16)})}}),r.is=t.$tagName$,nn(r,t)},go=(r,e,t,s)=>{t&&t.map(([o,n,i])=>{const l=yn(r,o),c=pn(e,i),d=fn(o);Z.ael(l,n,c,d),(e.$rmListeners$=e.$rmListeners$||[]).push(()=>Z.rel(l,n,c,d))})},pn=(r,e)=>t=>{try{Ze.lazyLoad||r.$hostElement$[e](t)}catch(s){lt(s)}},yn=(r,e)=>e&4?oe:e&8?Ht:e&16?oe.body:r,fn=r=>_n?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0,_o=new WeakMap,Ot=r=>_o.get(r),vn=(r,e)=>{const t={$flags$:0,$hostElement$:r,$cmpMeta$:e,$instanceValues$:new Map};return go(r,t,e.$listeners$),_o.set(r,t)},mo=(r,e)=>e in r,lt=(r,e)=>(0,console.error)(r,e),Vt=new Map,bn=[],Ht=typeof window<"u"?window:{},oe=Ht.document||{head:{}},gn=Ht.HTMLElement||class{},Z={$flags$:0,$resourcesUrl$:"",jmp:r=>r(),raf:r=>requestAnimationFrame(r),ael:(r,e,t,s)=>r.addEventListener(e,t,s),rel:(r,e,t,s)=>r.removeEventListener(e,t,s),ce:(r,e)=>new CustomEvent(r,e)},_n=(()=>{let r=!1;try{oe.addEventListener("e",null,Object.defineProperty({},"passive",{get(){r=!0}}))}catch{}return r})(),mn=r=>Promise.resolve(r),Cn=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),Co=[],wo=[],wn=(r,e)=>t=>{r.push(t),ss||(ss=!0,e&&Z.$flags$&4?xn(ns):Z.raf(ns))},xo=r=>{for(let e=0;e<r.length;e++)try{r[e](performance.now())}catch(t){lt(t)}r.length=0},ns=()=>{xo(Co),xo(wo),(ss=Co.length>0)&&Z.raf(ns)},xn=r=>mn().then(r),kn=wn(wo,!0);function It(r,e){const t=new Date(r);return t.setDate(t.getDate()+e),t}function $n(r,e,t){const s=[],o=is(r),n=o.getDay()===0?7:o.getDay(),i=Rt(r),l=i.getDay()===0?7:i.getDay(),c=t===1?7:t-1,d=[],p=[];{let w=(7-t+n)%7,U=qt(o);for(;w>0;)d.push(U),U=qt(U),w-=1;d.reverse();let Xe=(7-l+c)%7,Je=ct(i);for(;Xe>0;)p.push(Je),Je=ct(Je),Xe-=1}let u=o;for(;u.getMonth()===r.getMonth();)s.push(u),u=ct(u);return[...d,...s,...p]}function is(r){return Oe(new Date(`${String(Do(r)).padStart(4,"0")}-${String(ko(r)).padStart(2,"0")}-01`))}function Be(r){if(r instanceof Date)return`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}function Rt(r){const e=is(r);return e.setMonth(e.getMonth()+1),e.setDate(e.getDate()-1),e}function ko(r){return r.getMonth()+1}function En(r){return new Array(12).fill(void 0).map((e,t)=>{const s=Oe(new Date(`2006-${String(t+1).padStart(2,"0")}-01`));return Intl.DateTimeFormat(r,{month:"long"}).format(s)})}function ct(r){return It(r,1)}function $o(r){const e=new Date(r);return e.setDate(1),e.setMonth(e.getMonth()+1),e}function Eo(r){const e=new Date(r);return e.setFullYear(e.getFullYear()+1),e}function qt(r){return Pt(r,1)}function So(r){const e=new Date(r);return e.setDate(1),e.setMonth(e.getMonth()-1),e}function Lo(r){const e=new Date(r);return e.setFullYear(e.getFullYear()-1),e}function Sn(r,e){return new Array(7).fill(void 0).map((t,s)=>(r+s)%7+1).map(t=>{const s=Oe(new Date(`2006-01-0${t}`));return[Intl.DateTimeFormat(e,{weekday:"short"}).format(s).slice(0,3),Intl.DateTimeFormat(e,{weekday:"long"}).format(s)]})}function Do(r){return r.getFullYear()}function Mo(r,e){if(!r||!e||!e.from||!e.to)return!1;const t=e.from<e.to?e.from:e.to,s=e.from<e.to?e.to:e.from;return r>=t&&r<=s}function ye(r,e){return!r||!e?!1:r.getFullYear()===e.getFullYear()&&r.getMonth()===e.getMonth()&&r.getDate()===e.getDate()}function Oe(r){const e=new Date(r);return e.setMinutes(e.getMinutes()+e.getTimezoneOffset()),e}function Pt(r,e){const t=new Date(r);return t.setDate(t.getDate()-e),t}const Ln=".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}",Dn={clearButton:"Clear value",monthSelect:"Select month",nextMonthButton:"Next month",nextYearButton:"Next year",picker:"Choose date",previousMonthButton:"Previous month",previousYearButton:"Previous year",todayButton:"Show today",yearSelect:"Select year"},Mn=un(class extends gn{constructor(){super(),this.__registerHost(),this.selectDate=so(this,"selectDate"),this.changeMonth=so(this,"changeMonth"),this.disabled=!1,this.disableDate=()=>!1,this.elementClassName="wc-datepicker",this.firstDayOfWeek=0,this.labels=Dn,this.locale=navigator?.language||"en-US",this.showClearButton=!1,this.showMonthStepper=!0,this.showTodayButton=!1,this.showYearStepper=!1,this.startDate=Be(new Date),this.maxSearchDays=365,this.goToRangeStartOnSelect=!0,this.init=()=>{this.currentDate=this.startDate?Oe(new Date(this.startDate)):new Date,this.updateWeekdays()},this.getAvailableDate=(r,e)=>{let t,s=!1;switch(e){case"previousDay":t=qt(r);break;case"nextDay":t=ct(r);break;case"previousSameWeekDay":t=Pt(r,7);break;case"nextSameWeekDay":t=It(r,7);break;case"firstOfMonth":t=is(r);break;case"lastOfMonth":t=Rt(r);break;case"previousMonth":t=So(r);break;case"nextMonth":t=$o(r);break;case"previousYear":t=Lo(r);break;case"nextYear":t=Eo(r);break}for(;this.disableDate(t)&&!s;){switch(e){case"previousDay":case"lastOfMonth":t=qt(t);break;case"nextDay":case"firstOfMonth":case"previousMonth":case"nextMonth":case"previousYear":case"nextYear":t=ct(t);break;case"previousSameWeekDay":t=Pt(t,7);break;case"nextSameWeekDay":t=It(t,7);break}switch(e){case"firstOfMonth":case"lastOfMonth":case"previousYear":case"nextYear":s=t.getMonth()!==r.getMonth();break;case"previousMonth":s=t.getMonth()!==r.getMonth()-1;break;case"nextMonth":s=t.getMonth()!==r.getMonth()+1;break;default:s=!Mo(t,{from:Pt(r,this.maxSearchDays),to:It(r,this.maxSearchDays)});break}}return s?r:t},this.nextMonth=()=>{this.updateCurrentDate($o(this.currentDate))},this.nextYear=()=>{this.updateCurrentDate(Eo(this.currentDate))},this.previousMonth=()=>{this.updateCurrentDate(So(this.currentDate))},this.previousYear=()=>{this.updateCurrentDate(Lo(this.currentDate))},this.showToday=()=>{this.updateCurrentDate(new Date)},this.clear=()=>{this.value=void 0,this.selectDate.emit(void 0)},this.onClick=r=>{if(this.disabled)return;const e=r.target.closest("[data-date]");if(!e)return;const t=Oe(new Date(e.dataset.date));this.updateCurrentDate(t),this.onSelectDate(t)},this.onMonthSelect=r=>{const e=+r.target.value-1,t=this.currentDate.getDate(),s=new Date(this.currentDate.getFullYear(),e,1),o=Rt(s).getDate(),n=Math.min(t,o),i=new Date(this.currentDate.getFullYear(),e,n);this.updateCurrentDate(i)},this.onYearSelect=r=>{let e=+r.target.value;const t=r.target;isNaN(e)?(e=new Date().getFullYear(),t.value=String(e)):e<0?(e=0,t.value=String(e)):e>9999&&(e=9999,t.value=String(e));const s=this.currentDate.getDate(),o=this.currentDate.getMonth(),n=new Date;n.setFullYear(e,o,1);const i=Rt(n).getDate(),l=Math.min(s,i),c=new Date;c.setFullYear(e,o,l),this.updateCurrentDate(c)},this.onKeyDown=r=>{this.disabled||(r.code==="ArrowLeft"?(r.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousDay"),!0)):r.code==="ArrowRight"?(r.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextDay"),!0)):r.code==="ArrowUp"?(r.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousSameWeekDay"),!0)):r.code==="ArrowDown"?(r.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextSameWeekDay"),!0)):r.code==="PageUp"?(r.preventDefault(),r.shiftKey?this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousYear"),!0):this.updateCurrentDate(this.getAvailableDate(this.currentDate,"previousMonth"),!0)):r.code==="PageDown"?(r.preventDefault(),r.shiftKey?this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextYear"),!0):this.updateCurrentDate(this.getAvailableDate(this.currentDate,"nextMonth"),!0)):r.code==="Home"?(r.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"firstOfMonth"),!0)):r.code==="End"?(r.preventDefault(),this.updateCurrentDate(this.getAvailableDate(this.currentDate,"lastOfMonth"),!0)):(r.code==="Space"||r.code==="Enter")&&(r.preventDefault(),this.onSelectDate(this.currentDate)))},this.onMouseEnter=r=>{if(this.disabled)return;const e=Oe(new Date(r.target.closest("td").dataset.date));this.hoveredDate=e},this.onMouseLeave=()=>{this.hoveredDate=void 0},this.onFocus=r=>{const e=new Date(r.target.dataset.date);ye(e,this.currentDate)||this.updateCurrentDate(e)}}componentWillLoad(){this.init()}watchFirstDayOfWeek(){this.updateWeekdays()}watchLocale(){this.locale||(this.locale=navigator?.language||"en-US"),this.updateWeekdays()}watchRange(){this.value=void 0,this.selectDate.emit(void 0)}watchStartDate(){this.currentDate=this.startDate?Oe(new Date(this.startDate)):new Date}watchValue(){this.value&&(Array.isArray(this.value)?this.currentDate=this.value.length>1&&!this.goToRangeStartOnSelect?this.value[1]:this.value[0]:this.value instanceof Date&&(this.currentDate=this.value))}componentDidRender(){this.moveFocusAfterMonthChanged&&(this.focusDate(this.currentDate),this.moveFocusAfterMonthChanged=!1)}updateWeekdays(){this.weekdays=Sn(this.firstDayOfWeek===0?7:this.firstDayOfWeek,this.locale)}getClassName(r){return r?`${this.elementClassName}__${r}`:this.elementClassName}getCalendarRows(){const r=$n(this.currentDate,!0,this.firstDayOfWeek===0?7:this.firstDayOfWeek),e=[];for(let t=0;t<r.length;t+=7){const s=r.slice(t,t+7);e.push(s)}return e}getTitle(){if(this.value)if(this.isRangeValue(this.value)){const r=Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(this.value[0]),e=this.value[1]?Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(this.value[1]):void 0;return e?`${r} - ${e}`:r}else return Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(this.value)}focusDate(r){var e;(e=this.el.querySelector(`[data-date="${Be(r)}"]`))===null||e===void 0||e.focus()}updateCurrentDate(r,e){const t=r.getMonth(),s=r.getFullYear();if(s>9999||s<0)return;(t!==this.currentDate.getMonth()||s!==this.currentDate.getFullYear())&&(this.changeMonth.emit({month:ko(r),year:Do(r),day:r.getDate()}),e&&(this.moveFocusAfterMonthChanged=!0)),this.currentDate=r,e&&this.focusDate(this.currentDate)}onSelectDate(r){var e,t;if(!this.disableDate(r))if(this.isRangeValue(this.value)){const s=((e=this.value)===null||e===void 0?void 0:e[0])===void 0||this.value.length===2?[r]:[this.value[0],r];s.length===2&&s[0]>s[1]&&s.reverse();const o=s[1]===void 0?[Be(s[0])]:[Be(s[0]),Be(s[1])];this.value=s,this.selectDate.emit(o)}else{if(((t=this.value)===null||t===void 0?void 0:t.getTime())===r.getTime())return;this.value=r,this.selectDate.emit(Be(r))}}isRangeValue(r){return this.range}render(){const r=this.showTodayButton||this.showClearButton;return g(eo,null,g("div",{"aria-disabled":String(this.disabled),"aria-label":this.labels.picker,class:{[this.getClassName()]:!0,[`${this.getClassName()}--disabled`]:this.disabled},role:"group"},g("div",{class:this.getClassName("header")},g("span",{"aria-atomic":"true","aria-live":"polite",class:"visually-hidden"},this.getTitle()),this.showYearStepper&&g("button",{"aria-label":this.labels.previousYearButton,class:this.getClassName("previous-year-button"),disabled:this.disabled,innerHTML:this.previousYearButtonContent||void 0,onClick:this.previousYear,type:"button"},g("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},g("polyline",{points:"11 17 6 12 11 7"}),g("polyline",{points:"18 17 13 12 18 7"}))),this.showMonthStepper&&g("button",{"aria-label":this.labels.previousMonthButton,class:this.getClassName("previous-month-button"),disabled:this.disabled,innerHTML:this.previousMonthButtonContent||void 0,onClick:this.previousMonth,type:"button"},g("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},g("polyline",{points:"15 18 9 12 15 6"}))),g("span",{class:this.getClassName("current-month")},g("select",{title:this.labels.monthSelect,"aria-label":this.labels.monthSelect,class:this.getClassName("month-select"),disabled:this.disabled,name:"month",onChange:this.onMonthSelect},En(this.locale).map((e,t)=>g("option",{key:e,selected:this.currentDate.getMonth()===t,value:t+1},e))),g("input",{title:this.labels.yearSelect,"aria-label":this.labels.yearSelect,class:this.getClassName("year-select"),disabled:this.disabled,max:9999,maxLength:4,min:1,name:"year",onChange:this.onYearSelect,type:"number",value:this.currentDate.getFullYear()})),this.showMonthStepper&&g("button",{"aria-label":this.labels.nextMonthButton,class:this.getClassName("next-month-button"),disabled:this.disabled,innerHTML:this.nextMonthButtonContent||void 0,onClick:this.nextMonth,type:"button"},g("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},g("polyline",{points:"9 18 15 12 9 6"}))),this.showYearStepper&&g("button",{"aria-label":this.labels.nextYearButton,class:this.getClassName("next-year-button"),disabled:this.disabled,innerHTML:this.nextYearButtonContent||void 0,onClick:this.nextYear,type:"button"},g("svg",{fill:"none",height:"24","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",stroke:"currentColor",viewBox:"0 0 24 24",width:"24"},g("polyline",{points:"13 17 18 12 13 7"}),g("polyline",{points:"6 17 11 12 6 7"})))),g("div",{class:this.getClassName("body")},g("table",{class:this.getClassName("calendar"),onKeyDown:this.onKeyDown,role:"grid"},g("thead",{class:this.getClassName("calendar-header")},g("tr",{class:this.getClassName("weekday-row")},this.weekdays.map(e=>g("th",{"aria-label":e[1],abbr:e[1],class:this.getClassName("weekday"),key:e[0],scope:"col"},g("span",null,e[0]))))),g("tbody",null,this.getCalendarRows().map(e=>{const t=`row-${e[0].getMonth()}-${e[0].getDate()}`;return g("tr",{class:this.getClassName("calendar-row"),key:t},e.map(s=>{var o,n,i,l,c;const d=ye(s,this.currentDate),p=s.getMonth()!==this.currentDate.getMonth(),u=Array.isArray(this.value)?ye(s,this.value[0])||ye(s,this.value[1]):ye(s,this.value),y=this.isRangeValue?Mo(s,{from:(o=this.value)===null||o===void 0?void 0:o[0],to:((n=this.value)===null||n===void 0?void 0:n[1])||this.hoveredDate||this.currentDate}):!1,w=!((i=this.value)===null||i===void 0)&&i[0]?[(l=this.value)===null||l===void 0?void 0:l[0],((c=this.value)===null||c===void 0?void 0:c[1])||this.hoveredDate].sort((Y1,K1)=>Y1-K1):[],U=this.range&&ye(w[0],s),Se=this.range&&ye(w[1],s),Xe=ye(s,new Date),Je=this.disableDate(s),F1=`cell-${s.getMonth()}-${s.getDate()}`,j1={[this.getClassName("date")]:!0,[this.getClassName("date--current")]:d,[this.getClassName("date--disabled")]:Je,[this.getClassName("date--overflowing")]:p,[this.getClassName("date--today")]:Xe,[this.getClassName("date--selected")]:u,[this.getClassName("date--in-range")]:y,[this.getClassName("date--start")]:U,[this.getClassName("date--end")]:Se},W1=u?"strong":Xe?"em":"span";return g("td",{"aria-disabled":String(Je),"aria-selected":u?"true":void 0,"aria-current":Xe?"date":u?"true":void 0,class:j1,"data-date":Be(s),key:F1,onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onFocus:this.onFocus,role:"gridcell",tabIndex:ye(s,this.currentDate)&&!this.disabled?0:-1},g(W1,{"aria-hidden":"true"},s.getDate()),g("span",{class:"visually-hidden"},Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long",year:"numeric"}).format(s)))}))})))),r&&g("div",{class:this.getClassName("footer")},this.showTodayButton&&g("button",{class:this.getClassName("today-button"),disabled:this.disabled,innerHTML:this.todayButtonContent||void 0,onClick:this.showToday,type:"button"},this.labels.todayButton),this.showClearButton&&g("button",{class:this.getClassName("clear-button"),disabled:this.disabled,innerHTML:this.clearButtonContent||void 0,onClick:this.clear,type:"button"},this.labels.clearButton))))}get el(){return this}static get watchers(){return{firstDayOfWeek:["watchFirstDayOfWeek"],locale:["watchLocale"],range:["watchRange"],startDate:["watchStartDate"],value:["watchValue"]}}static get style(){return Ln}},[2,"wc-datepicker",{clearButtonContent:[1,"clear-button-content"],disabled:[4],disableDate:[16],elementClassName:[1,"element-class-name"],firstDayOfWeek:[2,"first-day-of-week"],range:[4],labels:[16],locale:[1],nextMonthButtonContent:[1,"next-month-button-content"],nextYearButtonContent:[1,"next-year-button-content"],previousMonthButtonContent:[1,"previous-month-button-content"],previousYearButtonContent:[1,"previous-year-button-content"],showClearButton:[4,"show-clear-button"],showMonthStepper:[4,"show-month-stepper"],showTodayButton:[4,"show-today-button"],showYearStepper:[4,"show-year-stepper"],startDate:[1,"start-date"],todayButtonContent:[1,"today-button-content"],value:[1040],maxSearchDays:[2,"max-search-days"],goToRangeStartOnSelect:[4,"go-to-range-start-on-select"],currentDate:[32],hoveredDate:[32],weekdays:[32]}]);var An=Object.defineProperty,H=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&An(e,t,o),o};customElements.get("wc-datepicker")||customElements.define("wc-datepicker",Mn);let zn=0;const A=(Ee=class extends f{constructor(){super(),this.id="",this.name="",this.width="md",this.hideTodayButton=!1,this.hideClearButton=!1,this.disabled=!1,this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.form=null,this.tooltip="",this.type="date",this.label="",this.description="",this.startDate="",this.inverted=!1,this.value=void 0,this.datepickerIsOpen=!1,this._hasUserInteracted=!1,this._onKeydownEsc=e=>{if(e.key!=="Escape"||e.code!=="Escape"||!this.datepickerIsOpen)return;e.preventDefault(),e.stopPropagation(),this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"),this.datepickerIsOpen=!1,this.removeEventListener("keydown",this._handleFocusTrap),this.shadowRoot?.querySelector("input")?.focus()},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-datepicker-${Date.now()}-${zn++}`),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("focusout",this._handleBlur),this.addEventListener("keydown",this._onKeydownEsc)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid),this.removeEventListener("focusout",this._handleBlur),this.removeEventListener("keydown",this._onKeydownEsc)}async firstUpdated(){this._setValue(this.value),!(this._shouldUseNativeDatepicker()||!await this._whenWcDatepickerReady())&&(setTimeout(()=>this._replaceButtonSVG(),0),setTimeout(()=>this._addMonthDropdownIcon(),0),setTimeout(()=>this._handleDateChange(),0),setTimeout(()=>this._onDocumentClick(),0))}async _whenWcDatepickerReady(){await customElements.whenDefined("wc-datepicker");const e=this.shadowRoot?.querySelector("wc-datepicker");return e?("updateComplete"in e&&await e.updateComplete,await new Promise(t=>requestAnimationFrame(t)),e):null}_setValue(e){if(!e){this.value=void 0,this._internals.setFormValue(""),this._manageRequire();return}const t=e instanceof Date?e:this._parseLocalDate(e),s=[t.getFullYear(),String(t.getMonth()+1).padStart(2,"0"),String(t.getDate()).padStart(2,"0")].join("-");this.value=t,this._internals.setFormValue(s);const o=this.shadowRoot?.querySelector("input");o&&(o.value=s);const n=this.shadowRoot?.querySelector("wc-datepicker");n&&(n.value=t),this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=this.errorMessage||"This field is required.";this.required&&!this.value?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}))}_validate(){const e=this.shadowRoot?.querySelector("input");if(!e)return;this._manageRequire();const t=e.validationMessage;this._setValidityMessage(t)}checkValidity(){const e=this.shadowRoot?.querySelector("input");return e?e.checkValidity():!0}_setValidityMessage(e=""){if(!this._internals)return;const t=this.shadowRoot?.querySelector("input");t&&(this.showError=!!e,this.errorMessage?.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_handleInvalid(e){e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=this.shadowRoot?.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}_replaceButtonSVG(){const e=this.shadowRoot?.querySelector("wc-datepicker");if(!e)return;const t=e.querySelector(".wc-datepicker__next-month-button"),s=e.querySelector(".wc-datepicker__previous-month-button");!t||!s||(s.innerHTML=`
|
|
282
447
|
<nys-icon name="arrow_back" size="18"></nys-icon>
|
|
283
448
|
`,t.innerHTML=`
|
|
284
449
|
<nys-icon name="arrow_forward" size="18"></nys-icon>
|
|
285
|
-
`)}_addMonthDropdownIcon(){const e=this.shadowRoot?.querySelector("wc-datepicker");if(!e)return;const t=e.querySelector(".wc-datepicker__month-select");if(t&&!t.parentElement?.classList.contains("month-wrapper")){const s=document.createElement("span");s.className="month-wrapper",t.parentNode?.insertBefore(s,t),s.appendChild(t);const
|
|
450
|
+
`)}_addMonthDropdownIcon(){const e=this.shadowRoot?.querySelector("wc-datepicker");if(!e)return;const t=e.querySelector(".wc-datepicker__month-select");if(t&&!t.parentElement?.classList.contains("month-wrapper")){const s=document.createElement("span");s.className="month-wrapper",t.parentNode?.insertBefore(s,t),s.appendChild(t);const o=document.createElement("nys-icon");o.setAttribute("name","chevron_down"),o.setAttribute("id","wc-month-dropdown-icon"),o.setAttribute("size","20"),s.appendChild(o)}}_parseLocalDate(e){const[t,s,o]=e.split("-").map(Number);return new Date(t,s-1,o)}_setTodayDate(){const e=new Date;e.setHours(0,0,0,0),this._setValue(e),this._setFocusOnTodayDate()}async _setFocusOnTodayDate(e=!1){const t=new Date;t.setHours(0,0,0,0);const s=[t.getFullYear(),String(t.getMonth()+1).padStart(2,"0"),String(t.getDate()).padStart(2,"0")].join("-"),o=this.shadowRoot?.querySelector("wc-datepicker");if(!o)return;const n=o.querySelector(`td[data-date="${s}"]`);n&&(e||n.focus())}_dispatchInputEvent(){this.dispatchEvent(new CustomEvent("nys-input",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_handleInputKeydown(e){this.disabled||this._shouldUseNativeDatepicker()||((e.key==" "||e.code=="Space")&&(e.preventDefault(),this._openDatepicker()),(e.key==="Escape"||e.code==="Escape")&&(e.preventDefault(),this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active")))}_handleBlur(e){const t=e.relatedTarget;if(t&&(this.contains(t)||this.shadowRoot?.contains(t)))return;this._hasUserInteracted||(this._hasUserInteracted=!0),this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"),this.datepickerIsOpen=!1,this._validate(),this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0})),this.removeEventListener("keydown",this._handleFocusTrap)}_onDocumentClick(){if(this._shouldUseNativeDatepicker())return;const e=t=>{const s=t.composedPath(),o=this.shadowRoot?.querySelector(".nys-datepicker--input-container"),n=this.shadowRoot?.querySelector(".wc-datepicker--container"),i=this.shadowRoot?.querySelector("wc-datepicker");o&&s.includes(o)||n&&s.includes(n)||i&&s.includes(i)||i?.classList.remove("active")};document.addEventListener("click",e)}_toggleDatepicker(){if(this.disabled)return;if(this._shouldUseNativeDatepicker()){const s=this.shadowRoot?.querySelector("input");s&&s.focus();return}const t=this.shadowRoot?.querySelector("wc-datepicker")?.classList.toggle("active");this.datepickerIsOpen=!!t,this.value||this._setFocusOnTodayDate(),this.addEventListener("keydown",this._handleFocusTrap)}_openDatepicker(){if(this.disabled||this._shouldUseNativeDatepicker())return;const e=this.shadowRoot?.querySelector("wc-datepicker");e&&(this.value||this._setFocusOnTodayDate(!0),e?.classList.add("active"),this.datepickerIsOpen=!0,this.addEventListener("keydown",this._handleFocusTrap))}_handleDateChange(){const e=this.shadowRoot?.querySelector("wc-datepicker");e&&e.addEventListener("selectDate",t=>{const s=t.detail,o=this._parseLocalDate(s);this._setValue(o),this._validate(),this._dispatchInputEvent(),e.classList.remove("active"),this.datepickerIsOpen=!1,this.removeEventListener("keydown",this._handleFocusTrap)})}_handleTodayClick(){this.disabled||(this._setTodayDate(),this._hasUserInteracted&&this._validate())}_handleClearClick(){if(this.disabled)return;this.value=void 0,this._internals.setFormValue("");const e=this.shadowRoot?.querySelector("input");e&&(e.value=""),this._hasUserInteracted&&this._validate()}_handleInputChange(e){const t=e.target;if(!t)return;const s=this._getValidDateFromInput(t.value);if(!s){t.value||(this.value=void 0,this._internals.setFormValue(""),this._hasUserInteracted&&this._validate());return}this._setValue(s),this._hasUserInteracted&&this._validate(),this._dispatchInputEvent()}_getValidDateFromInput(e){const s=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e);return!s||Number(s[1])<1e3?null:this._parseLocalDate(e)}_handleFocusTrap(e){if(!this.datepickerIsOpen||e.key!=="Tab")return;const t=this.shadowRoot?.querySelector(".wc-datepicker--container");if(!t)return;const s=["button:not([disabled])","input:not([disabled])","select:not([disabled])","[tabindex]:not([tabindex='-1'])"],o=[];if(t.querySelectorAll("nys-button").forEach(c=>{o.push(c)}),o.push(...Array.from(t.querySelectorAll(s.join(","))).filter(c=>c.offsetParent!==null)),o.length===0)return;const n=o[0],i=o[o.length-1],l=this.shadowRoot?.activeElement;e.shiftKey?l===n&&(e.preventDefault(),i.focus()):l===i&&(e.preventDefault(),n.focus())}_isSafari(){const e=navigator.userAgent;return/Safari/.test(e)&&!/Chrome|Chromium|Edg/.test(e)}_isMobile(){return window.matchMedia("(pointer: coarse)").matches}_shouldUseNativeDatepicker(){return this._isSafari()||this._isMobile()}render(){const e=this._shouldUseNativeDatepicker();return h` <div class="nys-datepicker--container">
|
|
286
451
|
<nys-label
|
|
287
452
|
for=${this.id}
|
|
288
453
|
label=${this.label}
|
|
@@ -302,9 +467,9 @@
|
|
|
302
467
|
?required=${this.required}
|
|
303
468
|
.value=${this.value instanceof Date?this.value.toISOString().split("T")[0]:this.value||""}
|
|
304
469
|
?disabled=${this.disabled}
|
|
305
|
-
aria-label=${
|
|
306
|
-
aria-disabled=${
|
|
307
|
-
aria-required=${
|
|
470
|
+
aria-label=${v(this.label||void 0)}
|
|
471
|
+
aria-disabled=${v(this.disabled?"true":void 0)}
|
|
472
|
+
aria-required=${v(this.required?"true":void 0)}
|
|
308
473
|
@click=${this._openDatepicker}
|
|
309
474
|
@input=${this._handleInputChange}
|
|
310
475
|
@blur=${this._handleBlur}
|
|
@@ -331,7 +496,7 @@
|
|
|
331
496
|
id="wc-datepicker-popup"
|
|
332
497
|
.value=${this.value instanceof Date?this.value:this.value?this._parseLocalDate(this.value):void 0}
|
|
333
498
|
?disabled=${this.disabled}
|
|
334
|
-
start-date=${
|
|
499
|
+
start-date=${v(this.startDate?this.startDate:void 0)}
|
|
335
500
|
role="dialog"
|
|
336
501
|
aria-modal=${this.datepickerIsOpen?"true":"false"}
|
|
337
502
|
>
|
|
@@ -365,14 +530,50 @@
|
|
|
365
530
|
<nys-errormessage
|
|
366
531
|
?showError=${this.showError}
|
|
367
532
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
368
|
-
></nys-errormessage>`}},
|
|
533
|
+
></nys-errormessage>`}},Ee.styles=_(Or),Ee.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},Ee.formAssociated=!0,Ee);H([a({type:String,reflect:!0})],A.prototype,"id"),H([a({type:String,reflect:!0})],A.prototype,"name"),H([a({type:String,reflect:!0})],A.prototype,"width"),H([a({type:Boolean})],A.prototype,"hideTodayButton"),H([a({type:Boolean})],A.prototype,"hideClearButton"),H([a({type:Boolean,reflect:!0})],A.prototype,"disabled"),H([a({type:Boolean,reflect:!0})],A.prototype,"required"),H([a({type:Boolean,reflect:!0})],A.prototype,"optional"),H([a({type:Boolean,reflect:!0})],A.prototype,"showError"),H([a({type:String})],A.prototype,"errorMessage"),H([a({type:String,reflect:!0})],A.prototype,"form"),H([a({type:String})],A.prototype,"tooltip"),H([a({type:String})],A.prototype,"type"),H([a({type:String})],A.prototype,"label"),H([a({type:String})],A.prototype,"description"),H([a({type:String})],A.prototype,"startDate"),H([a({type:Boolean,reflect:!0})],A.prototype,"inverted"),H([a({type:Object,converter:{fromAttribute:r=>r?A.prototype._parseLocalDate(r):void 0,toAttribute:r=>r?typeof r=="string"?r:r.toISOString().split("T")[0]:""}})],A.prototype,"value"),H([m()],A.prototype,"datepickerIsOpen");let Ao=A;customElements.get("nys-datepicker")||customElements.define("nys-datepicker",Ao);const Bn=":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #ffffff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";var On=Object.defineProperty,Vn=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&On(e,t,o),o};let Hn=0;const fs=class fs extends f{constructor(){super(),this.inverted=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}_generateUniqueId(){return`nys-divider-${Date.now()}-${Hn++}`}render(){return h`<hr class="nys-divider" />`}};fs.styles=_(Bn);let dt=fs;Vn([a({type:Boolean,reflect:!0})],dt.prototype,"inverted"),customElements.get("nys-divider")||customElements.define("nys-divider",dt);const zo=':host{--_nys-dropdownmenu-width: 180px;--_nys-dropdownmenu-height: 100%;--_nys-dropdownmenu-radius: var(--nys-radius-md, 4px);--_nys-dropdownmenu-border-width: var(--nys-border-width-sm, 1px);--_nys-dropdownmenu-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-dropdownmenu-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-dropdownmenu-boxshadow-color-100: var( --nys-color-black-transparent-100, rgba(27, 27, 27, .1) );--_nys-dropdownmenu-boxshadow-color-50: var( --nys-color-black-transparent-50, rgba(27, 27, 27, .01) );--_nys-dropdownmenu-gap: var(--nys-space-2px, 2px);--_nys-dropdownmenu-padding: var(--nys-space-100, 8px);--_nys-dropdownmenu-font-size: var(--nys-font-size-ui-md, 16px);--_nys-dropdownmenu-font-weight: var(font-weight: 400);--_nys-dropdownmenu-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-dropdownmenu-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-dropdownmenuitem-color: var(--nys-color-text, #1b1b1b);--_nys-dropdownmenuitem-gap: var(--nys-space-100, 8px);--_nys-dropdownmenuitem-padding: var(--nys-space-200, 16px) var(--nys-space-100, 8px);--_nys-dropdownmenuitem-border-radius: var(--nys-radius-md, 4px);--_nys-dropdownmenuitem-background-color: var(--nys-color-white, #ffffff);--_nys-dropdownmenuitem-background-color--hover: var( --nys-color-neutral-10, #f6f6f6 );--_nys-dropdownmenuitem-background-color--active: var( --nys-color-neutral-50, #ededed );--_nys-dropdownmenuitem-color--disabled: var( --nys-color-text-disabled, #bec0c1 );--_nys-dropdownmenuitem-outline-width: var(--nys-border-width-md, 2px);--_nys-dropdownmenuitem-outline-color: var(--nys-color-focus, #004dd1)}.nys-dropdownmenu{position:fixed;top:0;left:0;z-index:1776}.nys-dropdownmenu.active ul{display:flex}.nys-dropdownmenu ul{display:none;align-items:flex-start;flex-direction:column;gap:var(--_nys-dropdownmenu-gap);width:var(--_nys-dropdownmenu-width);height:var(--_nys-dropdownmenu-height);border-radius:var(--_nys-dropdownmenu-radius);border:var(--_nys-dropdownmenu-border-width) solid var(--_nys-dropdownmenu-border-color);background-color:var(--_nys-dropdownmenu-background-color);box-shadow:0 4px 6px -1px var(--_nys-dropdownmenu-boxshadow-color-100),0 4px 6px -1px var(--_nys-dropdownmenu-boxshadow-color-50);padding:var(--_nys-dropdownmenu-padding);font-family:var(--_nys-dropdownmenu-font-family);font-size:var(--_nys-dropdownmenu-font-size);font-weight:var(--_nys-dropdownmenu-font-weight);line-height:var(--_nys-dropdownmenu-line-height);overflow:hidden;margin:0}.nys-dropdownmenuitem{list-style:none;width:var(--_nys-dropdownmenu-width);padding:0;margin:0}.nys-dropdownmenuitem a,.nys-dropdownmenuitem button{display:flex;gap:var(--_nys-dropdownmenuitem-gap);padding:var(--_nys-dropdownmenuitem-padding);border-radius:var(--_nys-dropdownmenuitem-border-radius);background-color:var(--_nys-dropdownmenuitem-background-color);width:100%;box-sizing:border-box;text-decoration:none;text-wrap:wrap;color:var(--_nys-dropdownmenuitem-color);transition:.05s ease-in-out all;border:none;font-family:var(--_nys-dropdownmenu-font-family);font-size:var(--_nys-dropdownmenu-font-size);font-weight:var(--_nys-dropdownmenu-font-weight);line-height:var(--_nys-dropdownmenu-line-height);cursor:pointer}.nys-dropdownmenuitem a nys-icon,.nys-dropdownmenuitem button nys-icon{margin-top:2px}.nys-dropdownmenuitem a:hover:not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:hover:not(.disabled):not([aria-disabled=true]){background-color:var(--_nys-dropdownmenuitem-background-color--hover)}.nys-dropdownmenuitem a:active:not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:active:not(.disabled):not([aria-disabled=true]){background-color:var(--_nys-dropdownmenuitem-background-color--active)}.nys-dropdownmenuitem a:focus-visible:not(:focus):not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:focus-visible:not(:focus):not(.disabled):not([aria-disabled=true]){outline:var(--_nys-dropdownmenuitem-outline-width) solid var(--_nys-dropdownmenuitem-outline-color)}.nys-dropdownmenuitem a.disabled,.nys-dropdownmenuitem a[aria-disabled=true],.nys-dropdownmenuitem button.disabled,.nys-dropdownmenuitem button[aria-disabled=true]{color:var(--_nys-dropdownmenuitem-color--disabled);pointer-events:none;cursor:default}';var In=Object.defineProperty,We=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&In(e,t,o),o};let Rn=0;const Nt=class Nt extends f{constructor(){super(...arguments),this.label="",this.href="",this.disabled=!1,this.target="_self",this.prefixIcon="",this.divider=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-dropdownmenuitem-${Date.now()}-${Rn++}`)}_handleClick(e){if(this.disabled){e.preventDefault();return}this.dispatchEvent(new CustomEvent("nys-click",{bubbles:!0,composed:!0,detail:{id:this.id,label:this.label,...this.href&&{href:this.href}}}))}render(){const e=!!this.href;return h`<li class="nys-dropdownmenuitem" role="presentation">
|
|
534
|
+
${e?h` <a
|
|
535
|
+
class=${this.disabled?"disabled":""}
|
|
536
|
+
href=${this.disabled?"":this.href}
|
|
537
|
+
role="menuitem"
|
|
538
|
+
aria-disabled="${this.disabled?"true":"false"}"
|
|
539
|
+
aria-label=${this.label}
|
|
540
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
541
|
+
@click="${this._handleClick}"
|
|
542
|
+
target="${this.target}"
|
|
543
|
+
>
|
|
544
|
+
${this.prefixIcon?h`<nys-icon size="16" name=${this.prefixIcon}></nys-icon>`:""}
|
|
545
|
+
${this.label}</a
|
|
546
|
+
>`:h`
|
|
547
|
+
<button
|
|
548
|
+
class=${this.disabled?"disabled":""}
|
|
549
|
+
type="button"
|
|
550
|
+
role="menuitem"
|
|
551
|
+
aria-disabled="${this.disabled?"true":"false"}"
|
|
552
|
+
aria-label=${this.label}
|
|
553
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
554
|
+
?disabled=${this.disabled}
|
|
555
|
+
@click="${this._handleClick}"
|
|
556
|
+
>
|
|
557
|
+
${this.prefixIcon?h`<nys-icon size="16" name=${this.prefixIcon}></nys-icon>`:""}
|
|
558
|
+
${this.label}
|
|
559
|
+
</button>
|
|
560
|
+
`}
|
|
561
|
+
</li>`}};Nt.styles=_(zo),Nt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0};let le=Nt;We([a({type:String})],le.prototype,"label"),We([a({type:String})],le.prototype,"href"),We([a({type:Boolean,reflect:!0})],le.prototype,"disabled"),We([a({type:String})],le.prototype,"target"),We([a({type:String})],le.prototype,"prefixIcon"),We([a({type:String})],le.prototype,"divider"),customElements.get("nys-dropdownmenuitem")||customElements.define("nys-dropdownmenuitem",le);var qn=Object.defineProperty,as=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&qn(e,t,o),o};let Pn=0;const vs=class vs extends f{constructor(){super(),this.for="",this.showDropdown=!1,this.position=null,this._trigger=null,this._menuElement=null,this._ariaTarget=null,this.GAP=4,this._toggleDropdown=async()=>{this.showDropdown=!this.showDropdown,this._ariaTarget?.setAttribute("aria-expanded",String(this.showDropdown)),this.showDropdown?(window.addEventListener("scroll",this._handleWindowScroll,!0),window.addEventListener("resize",this._handleWindowResize),document.addEventListener("click",this._handleDocumentClick),this._menuElement=this.shadowRoot?.querySelector(".nys-dropdownmenu"),this._menuElement.addEventListener("keydown",this._handleMenuKeydown),await this.updateComplete,this._positionMenu(),this._focusOnFirstItem()):(window.removeEventListener("scroll",this._handleWindowScroll,!0),window.removeEventListener("resize",this._handleWindowResize),document.removeEventListener("click",this._handleDocumentClick),this._menuElement.removeEventListener("keydown",this._handleMenuKeydown))},this._handleDocumentClick=e=>{if(!this.showDropdown)return;const t=e?.composedPath(),s=t.includes(this),o=this._trigger&&t.includes(this._trigger);!s&&!o&&this._closeDropdown()},this._handleTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleDropdown()),e.key==="Escape"&&this.showDropdown&&(e.preventDefault(),this._closeDropdown())},this._handleMenuKeydown=e=>{const t=this._getMenuItems(),s=t.indexOf(document.activeElement);switch(e.key){case"Escape":e.preventDefault(),this._closeDropdown();break;case"ArrowDown":case"ArrowRight":e.preventDefault();const o=s<t.length-1?s+1:0;t[o].focus();break;case"ArrowUp":case"ArrowLeft":e.preventDefault();const n=s>0?s-1:t.length-1;t[n].focus();break;case"Tab":s>=t.length-1&&!e.shiftKey&&this._closeDropdown();break}},this._handleWindowResize=()=>{this.showDropdown&&this._positionMenu()},this._handleWindowScroll=()=>{this.showDropdown&&this._positionMenu()}}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-dropdownmenu-${Date.now()}-${Pn++}`)}disconnectedCallback(){super.disconnectedCallback()}async firstUpdated(){await this.updateComplete,this.applyInverseTransform(),this._connectTrigger(),this.addEventListener("nys-click",()=>{this._closeDropdown()})}_findTrigger(){const e=this.for;if(!e)return null;let t=document.getElementById(e);if(t)return t;const s=o=>{for(const n of Array.from(o.querySelectorAll("*"))){const i=n.shadowRoot;if(i){const l=i.getElementById(e);if(l)return l;const c=s(i);if(c)return c}}return null};return s(document)}_connectTrigger(){const e=this._findTrigger();if(!e)return;this._trigger=e;const t=e.tagName.toLowerCase()==="nys-button"?e.shadowRoot?.querySelector("button")??e:e;t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded","false"),this._ariaTarget=t,this._trigger.addEventListener("click",this._toggleDropdown),this._trigger.addEventListener("keydown",this._handleTriggerKeydown)}_closeDropdown(){this.showDropdown=!1,this._ariaTarget?.setAttribute("aria-expanded","false"),this._trigger?.focus()}_getMenuItems(){return(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})||[]).filter(s=>s&&!s.hasAttribute("disabled"))}async _focusOnFirstItem(){await new Promise(t=>requestAnimationFrame(t));const e=this._getMenuItems();e.length>0&&e[0].focus()}applyInverseTransform(){document.querySelectorAll('div[scale="1"]').forEach(e=>{e.style.transform="none"})}_positionMenu(){if(!this._trigger||(this._menuElement=this.shadowRoot?.querySelector(".nys-dropdownmenu"),!this._menuElement))return;const e=this.position?this._setUserPosition(this.position):this._autoPosition(),t=this._calculateCoordinates(e);this._applyPosition(t)}_setUserPosition(e){const t=this._checkSpaceAvailable(),s=this._menuElement.getBoundingClientRect();return this._checkPositionFits(e,t,s)?e:this._findBestAlternative(e,t,s)}_autoPosition(){const e=this._checkSpaceAvailable(),t=this._menuElement.getBoundingClientRect(),s="bottom-end";return this._checkPositionFits(s,e,t)?s:this._findBestAlternative(s,e,t)}_checkSpaceAvailable(){if(!this._trigger)return{top:0,bottom:0,start:0,end:0};const e=this._trigger.getBoundingClientRect(),t=window.innerWidth,s=window.innerHeight;return{top:e.top,bottom:s-e.bottom,start:e.left,end:t-e.right}}_checkPositionFits(e,t,s){const o=s.width,n=s.height,[i,l]=e.split("-"),c=i==="bottom"?t.bottom>=n+this.GAP:t.top>=n+this.GAP,d=l==="start"?t.end>=o:t.start>=o;return c&&d}_findBestAlternative(e,t,s){const[o,n]=e.split("-"),i=[`${o==="bottom"?"top":"bottom"}-${n}`,`${o}-${n==="start"?"end":"start"}`,`${o==="bottom"?"top":"bottom"}-${n==="start"?"end":"start"}`];for(const l of i)if(this._checkPositionFits(l,t,s))return l;return this._findMostAvailableSpace(t)}_findMostAvailableSpace(e){const t=e.bottom>=e.top?"bottom":"top",s=e.start>=e.end?"start":"end";return`${t}-${s}`}_calculateCoordinates(e){if(!this._trigger||!this._menuElement)return{top:0,left:0};const t=this._trigger.getBoundingClientRect(),s=this._menuElement.getBoundingClientRect(),[o,n]=e.split("-");let i=0,l=0;return o==="bottom"?i=t.bottom+this.GAP:i=t.top-s.height-this.GAP,n==="start"?l=t.left:l=t.right-s.width,{top:i,left:l}}_applyPosition(e){this._menuElement&&(this._menuElement.style.top=`${e.top}px`,this._menuElement.style.left=`${e.left}px`)}render(){return h`<div
|
|
562
|
+
class="nys-dropdownmenu ${this.showDropdown?"active":""}"
|
|
563
|
+
for=${this.for}
|
|
564
|
+
?hidden=${!this.showDropdown}
|
|
565
|
+
>
|
|
566
|
+
<ul role="menu">
|
|
567
|
+
<slot></slot>
|
|
568
|
+
</ul>
|
|
569
|
+
</div>`}};vs.styles=_(zo);let Ve=vs;as([a({type:String,reflect:!0})],Ve.prototype,"for"),as([a({type:Boolean})],Ve.prototype,"showDropdown"),as([a({type:String,reflect:!0})],Ve.prototype,"position"),customElements.get("nys-dropdownmenu")||customElements.define("nys-dropdownmenu",Ve);const Un=':host{--_nys-errormessage-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-errormessage-font-weight: var(--nys-font-weight-regular, 400);--_nys-errormessage-font-size: var(--nys-font-size-ui-md, 16px);--_nys-errormessage-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-errormessage-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-errormessage-color: var(--nys-color-danger, #b52c2c);--_nys-errormessage-gap: var(--nys-space-100, 8px);--_nys-errormessage-padding--divider: var(--nys-space-50, 4px);--_nys-errormessage-width--divider: var(--nys-border-width-sm, 1px);--_nys-errormessage-margin-top: 0}.nys-errormessage{display:flex;align-items:center;gap:var(--_nys-errormessage-gap);font-family:var(--_nys-errormessage-font-family);font-weight:var(--_nys-errormessage-font-weight);font-size:var(--_nys-errormessage-font-size);line-height:var(--_nys-errormessage-line-height);letter-spacing:var(--_nys-errormessage-letter-spacing);color:var(--_nys-errormessage-color);margin-top:var(--_nys-errormessage-margin-top)}.nys-errormessage[showDivider]{padding-top:var(--_nys-errormessage-padding--divider);margin-top:var(--_nys-errormessage-padding--divider);border-top:var(--_nys-errormessage-width--divider) solid var(--_nys-errormessage-color)}';var Tn=Object.defineProperty,ls=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Tn(e,t,o),o};const Ft=class Ft extends f{constructor(){super(),this.showError=!1,this.errorMessage="",this.showDivider=!1,this._internals=this.attachInternals()}render(){return h`${this.showError?h`<div
|
|
369
570
|
class="nys-errormessage"
|
|
370
571
|
?showDivider=${this.showDivider}
|
|
371
572
|
role="alert"
|
|
372
573
|
>
|
|
373
574
|
<nys-icon name="error" size="2xl"></nys-icon>
|
|
374
575
|
${this._internals.validationMessage||this.errorMessage}
|
|
375
|
-
</div>`:""}`}};
|
|
576
|
+
</div>`:""}`}};Ft.styles=_(Un),Ft.formAssociated=!0;let He=Ft;ls([a({type:Boolean})],He.prototype,"showError"),ls([a({type:String})],He.prototype,"errorMessage"),ls([a({type:Boolean,reflect:!0})],He.prototype,"showDivider"),customElements.get("nys-errormessage")||customElements.define("nys-errormessage",He);async function Zn(r,e){if(!e||e.trim()==="")return!0;const t=e.toLowerCase().split(",").map(n=>n.trim()),s=r.name.toLowerCase(),o=s.includes(".")?s.split(".").pop():"";for(const n of t)if(n.startsWith(".")&&n.slice(1)===o||n.endsWith("/*")&&r.type.startsWith(n.slice(0,-1))||r.type===n)return!0;return!1}const Nn=':host{--_nys-fileitem-border-radius: var(--nys-radius-md, 4px);--_nys-fileitem-padding: var(--nys-space-100, 8px) var(--nys-space-200, 16px);--_nys-fileitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-fileitem-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-fileitem-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileitem-font-weight: var(--nys-font-weight-regular, 400);--_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileitem-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-fileitem-background-color--progress: var( --nys-color-neutral-50, #ededed );--_nys-fileitem-background-color--progress--fill: var( --nys-color-info, #004dd1 )}.file-item{position:relative;border-radius:var(--_nys-fileitem-border-radius);border-width:var(--nys-border-width-sm, 1px);border-style:solid;border-color:var(--_nys-fileitem-border-color);background-color:var(--_nys-fileitem-background-color)}.file-item.error{--_nys-fileitem-border-color: var(--nys-color-danger, #b52c2c)}.file-item__main{display:flex;place-items:center center;gap:var(--_nys-fileinput-gap);padding:var(--_nys-fileitem-padding);height:56px;box-sizing:border-box}.file-item__info{display:flex;flex-direction:column;flex:1;min-width:0;font-family:var(--_nys-fileitem-font-family);font-size:var(--_nys-fileitem-font-size);font-style:normal;font-weight:var(--_nys-fileitem-font-weight);line-height:var(--_nys-fileitem-line-height);letter-spacing:var(--_nys-fileitem-letter-spacing)}.file-item__info-name{display:flex;max-width:100%;overflow:hidden;white-space:nowrap;align-items:center}.file-item__info-name-start{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-item p{margin:0}.file-item__error{color:var(--nys-color-danger, #b52c2c);text-overflow:ellipsis;font-weight:700}progress{position:absolute;bottom:0;display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background:var(--_nys-fileitem-background-color--progress--fill);overflow:hidden;appearance:none}progress::-moz-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}progress::-webkit-progress-value{background-color:var(--_nys-fileitem-background-color--progress--fill)}progress::-webkit-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}.file-icon[name=progress_activity]{animation:spin 1s linear infinite}.file-icon[name=error]{color:var(--nys-color-danger, #b52c2c)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';var Fn=Object.defineProperty,Ut=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Fn(e,t,o),o};const jt=class jt extends f{constructor(){super(...arguments),this.filename="",this.status="pending",this.progress=0,this.errorMessage=""}_handleRemove(){this.dispatchEvent(new CustomEvent("nys-fileRemove",{detail:{filename:this.filename},bubbles:!0,composed:!0}))}splitFilename(e){const t=e.lastIndexOf("."),s=t!==-1?e.slice(t):"",o=t!==-1?e.slice(0,t):e,n=o.slice(0,o.length-3),i=o.slice(-3);return{startPart:n,endPart:i,extension:s}}render(){const{startPart:e,endPart:t,extension:s}=this.splitFilename(this.filename);return h`
|
|
376
577
|
<div
|
|
377
578
|
class="file-item ${this.status}"
|
|
378
579
|
aria-busy=${this.status==="processing"?"true":"false"}
|
|
@@ -423,7 +624,7 @@
|
|
|
423
624
|
<progress value=${this.progress} max="100"></progress>
|
|
424
625
|
</div>`:null}
|
|
425
626
|
</div>
|
|
426
|
-
`}};
|
|
627
|
+
`}};jt.styles=_(Nn),jt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0};let Ie=jt;Ut([a({type:String})],Ie.prototype,"filename"),Ut([a({type:String})],Ie.prototype,"status"),Ut([a({type:Number})],Ie.prototype,"progress"),Ut([a({type:String})],Ie.prototype,"errorMessage"),customElements.define("nys-fileitem",Ie);const jn=':host{--_nys-fileinput-gap: var(--nys-space-100, 8px);--_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);--_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileinput-background-color--dropzone: var( --nys-color-ink-reverse, #ffffff );--_nys-fileinput-background-color--dropzone--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-fileinput-background-color--dropzone--active: var( --nys-color-theme-faint, #f7fafd );--_nys-fileinput-border-radius--dropzone: var( --nys-radius-lg, var(--nys-space-100, 8px) );--_nys-fileinput-border-style: dashed;--_nys-fileinput-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px)}.nys-fileinput{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--_nys-fileinput-gap);font-family:var(--_nys-fileinput-font-family);font-size:var(--_nys-fileinput-font-size);font-weight:var(--_nys-fileinput-font-weight);line-height:var(--_nys-fileinput-line-height)}:host([width=lg]) .nys-fileinput{max-width:var(--nys-form-width-lg, 384px)}ul{list-style-type:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--_nys-fileinput-gap)}.nys-fileinput__dropzone{display:flex;padding:var(--nys-space-400, 32px) var(--nys-space-200, 16px);justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:var(--_nys-fileinput-border-radius--dropzone);outline:var(--_nys-fileinput-border-width) var(--_nys-fileinput-border-style) var(--_nys-fileinput-border-color);background-color:var(--_nys-fileinput-background-color--dropzone);transition:all 60ms ease-in-out}.nys-fileinput__dropzone:hover{cursor:pointer;--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-neutral-700, #4a4d4f)}.nys-fileinput__dropzone.drag-active{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-theme, #154973);--_nys-fileinput-border-style: solid}.nys-fileinput__dropzone.error{--_nys-fileinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-fileinput__dropzone.error:hover{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-emergency, #721c1c)}.nys-fileinput__dropzone.disabled{cursor:not-allowed;--_nys-fileinput-border-color: var(--nys-color-neutral-300, #a7a9ab);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);background-color:var(--_nys-fileinput-background-color--dropzone--disabled);color:var(--_nys-fileinput-color--dropzone--disabled)}progress{display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-fileinput-progress-background);overflow:hidden;appearance:none;border:none}progress::-moz-progress-bar{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-value{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-bar{background-color:var(--_nys-fileinput-progress-background)}';var Wn=Object.defineProperty,N=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Wn(e,t,o),o};let Yn=0;const gt=class gt extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.multiple=!1,this.form=null,this.tooltip="",this.accept="",this.disabled=!1,this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.dropzone=!1,this.width="full",this.inverted=!1,this._selectedFiles=[],this._dragActive=!1,this._internals=this.attachInternals()}get _isDropDisabled(){return this.disabled||!this.multiple&&this._selectedFiles.length>0}get _buttonAriaLabel(){return this._selectedFiles.length===0?this.multiple?"Choose files: ":"Choose file: ":this.multiple?"Change files: ":"Change file: "}get _buttonAriaDescription(){if(this._selectedFiles.length===0)return`${this.label+" "+this.description}`;const e=this._selectedFiles.some(o=>o.status==="error");let t="";if(this._selectedFiles.length===1)t=`You have selected ${this._selectedFiles[0].file.name}.`;else{const o=this._selectedFiles.map(n=>n.file.name).join(", ");t=`You have selected ${this._selectedFiles.length} files: ${o}`}return`${t}${e?" Error: One or more files are not valid file types.":""}`}get _innerNysButton(){return this.renderRoot.querySelector('[name="file-btn"]')?.shadowRoot?.querySelector("button")}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-fileinput-${Date.now()}-${Yn++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}_setValue(){if(this.multiple){const e=this._selectedFiles.map(t=>t.file);if(e.length>0){const t=new FormData;e.forEach(s=>{t.append(this.name,s)}),this._internals.setFormValue(t)}else this._internals.setFormValue(null)}else{const e=this._selectedFiles[0]?.file||null;this._internals.setFormValue(e)}this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=this.errorMessage||"Please upload a file.";this.required&&this._selectedFiles.length==0?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({},"",e))}_setValidityMessage(e=""){const t=this.shadowRoot?.querySelector("input");t&&(this.showError=e===(this.errorMessage||"Please upload a file."),this.errorMessage?.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){const e=this._selectedFiles.some(o=>o.status==="error"),t=this.required&&this._selectedFiles.length===0;let s="";t?s=this.errorMessage||"Please upload a file.":e&&(s="One or more files are invalid."),this._setValidityMessage(s)}checkValidity(){const e=this.shadowRoot?.querySelector("input");return e?e.checkValidity():!0}formResetCallback(){this._selectedFiles=[];const e=this.shadowRoot?.querySelector(".hidden-file-input");e&&(e.value=""),this._internals.setFormValue(null),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.requestUpdate()}_handleInvalid(e){e.preventDefault(),this._validate();const t=this._innerNysButton;if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&(t.focus(),t.classList.add("active-focus")):(t.focus(),t.classList.add("active-focus"))}}async _saveSelectedFiles(e){if(this._selectedFiles.some(o=>o.file.name==e.name)||!this.multiple&&this._selectedFiles.length>=1)return;const s={file:e,progress:0,status:"pending"};this._selectedFiles.push(s),await this._processFile(s),this._setValue(),this._validate()}async _processFile(e){e.status="processing";try{if(!await Zn(e.file,this.accept)){e.status="error",e.errorMsg="File type is invalid.",this.requestUpdate();return}const s=new FileReader;s.onprogress=o=>{if(o.lengthComputable){const n=Math.round(o.loaded*100/o.total);e.progress=n,this.requestUpdate()}},s.onload=()=>{e.progress=100,e.status="done",this.requestUpdate()},s.onerror=()=>{e.status="error",e.errorMsg="Failed to load file.",this.requestUpdate()},s.readAsArrayBuffer(e.file)}catch{e.status="error",e.errorMsg="Error validating file.",this.requestUpdate()}}_dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,files:this._selectedFiles},bubbles:!0,composed:!0}))}_openFileDialog(){this.renderRoot.querySelector(".hidden-file-input")?.click()}_handlePostFileSelectionFocus(){if(this.multiple){const e=this._innerNysButton;e&&e.focus()}else this._focusFirstFileItemIfSingleMode()}async _focusFirstFileItemIfSingleMode(){if(!this.multiple){await this.updateComplete;const t=this.renderRoot.querySelector("nys-fileitem")?.shadowRoot?.querySelector(".file-item");t&&(t.setAttribute("tabindex","-1"),t.focus())}}_handleFileChange(e){const s=e.target.files;(s?Array.from(s):[]).map(n=>{this._saveSelectedFiles(n)}),this.requestUpdate(),this._dispatchChangeEvent(),this._handlePostFileSelectionFocus()}_handleFileRemove(e){const t=e.detail.filename;if(this._selectedFiles=this._selectedFiles.filter(s=>s.file.name!==t),this._selectedFiles.length===0){const s=this.shadowRoot?.querySelector("input");s&&(s.value="")}this._setValue(),this._validate(),this.requestUpdate(),this._dispatchChangeEvent()}_onDragOver(e){this.disabled||(e.stopPropagation(),e.preventDefault(),this._dragActive||(this._dragActive=!0,this.requestUpdate()))}_onDragLeave(e){this.disabled||(e.stopPropagation(),e.preventDefault(),e.currentTarget===e.target&&(this._dragActive=!1,this.requestUpdate()))}_onDrop(e){if(this.disabled)return;e.preventDefault(),this._dragActive=!1,this.requestUpdate();const t=e.dataTransfer?.files;if(!t)return;const s=Array.from(t);this.multiple?s.forEach(o=>{this._saveSelectedFiles(o)}):this._saveSelectedFiles(s[0]),this.requestUpdate(),this._dispatchChangeEvent()}render(){return h`<div
|
|
427
628
|
class="nys-fileinput"
|
|
428
629
|
@nys-fileRemove=${this._handleFileRemove}
|
|
429
630
|
>
|
|
@@ -445,7 +646,7 @@
|
|
|
445
646
|
type="file"
|
|
446
647
|
name=${this.name}
|
|
447
648
|
accept=${this.accept}
|
|
448
|
-
form=${
|
|
649
|
+
form=${v(this.form||void 0)}
|
|
449
650
|
?multiple=${this.multiple}
|
|
450
651
|
?required=${this.required}
|
|
451
652
|
?disabled=${this.disabled||!this.multiple&&this._selectedFiles.length>0}
|
|
@@ -505,7 +706,7 @@
|
|
|
505
706
|
</li>`)}
|
|
506
707
|
</ul>
|
|
507
708
|
`:null}
|
|
508
|
-
</div>`}};
|
|
709
|
+
</div>`}};gt.styles=_(jn),gt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},gt.formAssociated=!0;let B=gt;N([a({type:String,reflect:!0})],B.prototype,"id"),N([a({type:String,reflect:!0})],B.prototype,"name"),N([a({type:String})],B.prototype,"label"),N([a({type:String})],B.prototype,"description"),N([a({type:Boolean})],B.prototype,"multiple"),N([a({type:String,reflect:!0})],B.prototype,"form"),N([a({type:String})],B.prototype,"tooltip"),N([a({type:String})],B.prototype,"accept"),N([a({type:Boolean,reflect:!0})],B.prototype,"disabled"),N([a({type:Boolean,reflect:!0})],B.prototype,"required"),N([a({type:Boolean,reflect:!0})],B.prototype,"optional"),N([a({type:Boolean,reflect:!0})],B.prototype,"showError"),N([a({type:String})],B.prototype,"errorMessage"),N([a({type:Boolean})],B.prototype,"dropzone"),N([a({type:String,reflect:!0})],B.prototype,"width"),N([a({type:Boolean,reflect:!0})],B.prototype,"inverted"),customElements.get("nys-fileinput")||customElements.define("nys-fileinput",B);const Kn={account_circle:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
509
710
|
<mask id="mask0_12372_781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
510
711
|
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
511
712
|
</mask>
|
|
@@ -589,6 +790,20 @@
|
|
|
589
790
|
<g mask="url(#mask0_13942_344)">
|
|
590
791
|
<path d="M12 19.15L15.875 15.275C16.075 15.075 16.3083 14.975 16.575 14.975C16.8417 14.975 17.075 15.075 17.275 15.275C17.475 15.475 17.575 15.7125 17.575 15.9875C17.575 16.2625 17.475 16.5 17.275 16.7L13.425 20.575C13.0417 20.9583 12.5667 21.15 12 21.15C11.4333 21.15 10.9583 20.9583 10.575 20.575L6.69999 16.7C6.49999 16.5 6.40415 16.2625 6.41249 15.9875C6.42082 15.7125 6.52499 15.475 6.72499 15.275C6.92499 15.075 7.16249 14.975 7.43749 14.975C7.71249 14.975 7.94999 15.075 8.14999 15.275L12 19.15ZM12 4.84998L8.14999 8.69998C7.94999 8.89998 7.71665 8.99581 7.44999 8.98748C7.18332 8.97914 6.94999 8.88331 6.74999 8.69998C6.54999 8.49998 6.44582 8.26248 6.43749 7.98748C6.42915 7.71248 6.52499 7.47498 6.72499 7.27498L10.575 3.42498C10.9583 3.04164 11.4333 2.84998 12 2.84998C12.5667 2.84998 13.0417 3.04164 13.425 3.42498L17.275 7.27498C17.475 7.47498 17.5708 7.71248 17.5625 7.98748C17.5542 8.26248 17.45 8.49998 17.25 8.69998C17.05 8.88331 16.8167 8.97914 16.55 8.98748C16.2833 8.99581 16.05 8.89998 15.85 8.69998L12 4.84998Z" fill="var(--nys-icon-color, currentcolor)"/>
|
|
591
792
|
</g>
|
|
793
|
+
</svg>`,filter_alt:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
794
|
+
<mask id="mask0_20622_282" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
795
|
+
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
796
|
+
</mask>
|
|
797
|
+
<g mask="url(#mask0_20622_282)">
|
|
798
|
+
<path d="M11 20C10.7166 20 10.4791 19.9042 10.2875 19.7125C10.0958 19.5208 9.99996 19.2833 9.99996 19V13L4.19996 5.6C3.94996 5.26667 3.91246 4.91667 4.08746 4.55C4.26246 4.18333 4.56662 4 4.99996 4H19C19.4333 4 19.7375 4.18333 19.9125 4.55C20.0875 4.91667 20.05 5.26667 19.8 5.6L14 13V19C14 19.2833 13.9041 19.5208 13.7125 19.7125C13.5208 19.9042 13.2833 20 13 20H11ZM12 12.3L16.95 6H7.04996L12 12.3Z" fill="#1B1B1B"/>
|
|
799
|
+
</g>
|
|
800
|
+
</svg>`,filter_list:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
801
|
+
<mask id="mask0_20622_889" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
802
|
+
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
803
|
+
</mask>
|
|
804
|
+
<g mask="url(#mask0_20622_889)">
|
|
805
|
+
<path d="M11 18C10.7167 18 10.4792 17.9042 10.2875 17.7125C10.0958 17.5208 10 17.2833 10 17C10 16.7167 10.0958 16.4792 10.2875 16.2875C10.4792 16.0958 10.7167 16 11 16H13C13.2833 16 13.5208 16.0958 13.7125 16.2875C13.9042 16.4792 14 16.7167 14 17C14 17.2833 13.9042 17.5208 13.7125 17.7125C13.5208 17.9042 13.2833 18 13 18H11ZM7 13C6.71667 13 6.47917 12.9042 6.2875 12.7125C6.09583 12.5208 6 12.2833 6 12C6 11.7167 6.09583 11.4792 6.2875 11.2875C6.47917 11.0958 6.71667 11 7 11H17C17.2833 11 17.5208 11.0958 17.7125 11.2875C17.9042 11.4792 18 11.7167 18 12C18 12.2833 17.9042 12.5208 17.7125 12.7125C17.5208 12.9042 17.2833 13 17 13H7ZM4 8C3.71667 8 3.47917 7.90417 3.2875 7.7125C3.09583 7.52083 3 7.28333 3 7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6H20C20.2833 6 20.5208 6.09583 20.7125 6.2875C20.9042 6.47917 21 6.71667 21 7C21 7.28333 20.9042 7.52083 20.7125 7.7125C20.5208 7.90417 20.2833 8 20 8H4Z" fill="#1B1B1B"/>
|
|
806
|
+
</g>
|
|
592
807
|
</svg>`,help:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
593
808
|
<mask id="mask0_12372_153" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
594
809
|
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
@@ -687,6 +902,13 @@
|
|
|
687
902
|
<g mask="url(#mask0_12372_651)">
|
|
688
903
|
<path d="M6 18L3.7 20.3C3.38333 20.6167 3.02083 20.6875 2.6125 20.5125C2.20417 20.3375 2 20.025 2 19.575V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6ZM5.15 16H20V4H4V17.125L5.15 16ZM8 11C8.28333 11 8.52083 10.9042 8.7125 10.7125C8.90417 10.5208 9 10.2833 9 10C9 9.71667 8.90417 9.47917 8.7125 9.2875C8.52083 9.09583 8.28333 9 8 9C7.71667 9 7.47917 9.09583 7.2875 9.2875C7.09583 9.47917 7 9.71667 7 10C7 10.2833 7.09583 10.5208 7.2875 10.7125C7.47917 10.9042 7.71667 11 8 11ZM12 11C12.2833 11 12.5208 10.9042 12.7125 10.7125C12.9042 10.5208 13 10.2833 13 10C13 9.71667 12.9042 9.47917 12.7125 9.2875C12.5208 9.09583 12.2833 9 12 9C11.7167 9 11.4792 9.09583 11.2875 9.2875C11.0958 9.47917 11 9.71667 11 10C11 10.2833 11.0958 10.5208 11.2875 10.7125C11.4792 10.9042 11.7167 11 12 11ZM16 11C16.2833 11 16.5208 10.9042 16.7125 10.7125C16.9042 10.5208 17 10.2833 17 10C17 9.71667 16.9042 9.47917 16.7125 9.2875C16.5208 9.09583 16.2833 9 16 9C15.7167 9 15.4792 9.09583 15.2875 9.2875C15.0958 9.47917 15 9.71667 15 10C15 10.2833 15.0958 10.5208 15.2875 10.7125C15.4792 10.9042 15.7167 11 16 11Z" fill="var(--nys-icon-color, currentcolor)"/>
|
|
689
904
|
</g>
|
|
905
|
+
</svg>`,sort:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
906
|
+
<mask id="mask0_20622_864" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
907
|
+
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
908
|
+
</mask>
|
|
909
|
+
<g mask="url(#mask0_20622_864)">
|
|
910
|
+
<path d="M4 18C3.71667 18 3.47917 17.9042 3.2875 17.7125C3.09583 17.5208 3 17.2833 3 17C3 16.7167 3.09583 16.4792 3.2875 16.2875C3.47917 16.0958 3.71667 16 4 16H8C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18H4ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H14C14.2833 11 14.5208 11.0958 14.7125 11.2875C14.9042 11.4792 15 11.7167 15 12C15 12.2833 14.9042 12.5208 14.7125 12.7125C14.5208 12.9042 14.2833 13 14 13H4ZM4 8C3.71667 8 3.47917 7.90417 3.2875 7.7125C3.09583 7.52083 3 7.28333 3 7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6H20C20.2833 6 20.5208 6.09583 20.7125 6.2875C20.9042 6.47917 21 6.71667 21 7C21 7.28333 20.9042 7.52083 20.7125 7.7125C20.5208 7.90417 20.2833 8 20 8H4Z" fill="#1B1B1B"/>
|
|
911
|
+
</g>
|
|
690
912
|
</svg>`,thumb_down:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
691
913
|
<mask id="mask0_12372_558" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
692
914
|
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
@@ -1050,7 +1272,7 @@
|
|
|
1050
1272
|
<g mask="url(#mask0_12372_621)">
|
|
1051
1273
|
<path d="M6.30002 22.7751C5.43369 22.7751 4.69211 22.4667 4.07527 21.8498C3.45844 21.2328 3.15002 20.4913 3.15002 19.6251V10.2251C3.15002 9.35893 3.45844 8.61735 4.07527 8.00035C4.69211 7.38351 5.43369 7.0751 6.30002 7.0751H6.62502V5.8001C6.62502 4.28343 7.14586 2.99593 8.18752 1.9376C9.22919 0.879264 10.5 0.350098 12 0.350098C13.5 0.350098 14.7709 0.879264 15.8125 1.9376C16.8542 2.99593 17.375 4.28343 17.375 5.8001V7.0751H17.7C18.5662 7.0751 19.3078 7.38351 19.9248 8.00035C20.5416 8.61735 20.85 9.35893 20.85 10.2251V19.6251C20.85 20.4913 20.5416 21.2328 19.9248 21.8498C19.3078 22.4667 18.5662 22.7751 17.7 22.7751H6.30002ZM12 16.9251C12.55 16.9251 13.0209 16.7293 13.4125 16.3376C13.8042 15.9459 14 15.4751 14 14.9251C14 14.3751 13.8042 13.9043 13.4125 13.5126C13.0209 13.1209 12.55 12.9251 12 12.9251C11.45 12.9251 10.9792 13.1209 10.5875 13.5126C10.1959 13.9043 10 14.3751 10 14.9251C10 15.4751 10.1959 15.9459 10.5875 16.3376C10.9792 16.7293 11.45 16.9251 12 16.9251ZM9.77502 7.0751H14.225V5.8001C14.225 5.16126 14.0125 4.61818 13.5875 4.17085C13.1625 3.72368 12.6334 3.5001 12 3.5001C11.3667 3.5001 10.8375 3.72368 10.4125 4.17085C9.98752 4.61818 9.77502 5.16126 9.77502 5.8001V7.0751Z" fill="var(--nys-icon-color, currentcolor)"/>
|
|
1052
1274
|
</g>
|
|
1053
|
-
</svg>`},
|
|
1275
|
+
</svg>`},Gn=":host{display:inline-block;width:fit-content;height:fit-content;--_nys-icon-size: var( --nys-icon-size, .7em );box-sizing:content-box!important}@supports (font-size: 1cap){:host{--_nys-icon-size: var(--nys-icon-size, 1cap)}}.nys-icon--svg{width:var(--_nys-icon-size, 1em);height:var(--_nys-icon-size, 1em);display:block;white-space:nowrap}.nys-icon--xs{width:calc(var(--_nys-icon-size) * .75);height:calc(var(--_nys-icon-size) * .75)}.nys-icon--sm{width:calc(var(--_nys-icon-size) * .875);height:calc(var(--_nys-icon-size) * .875)}.nys-icon--md{width:var(--_nys-icon-size);height:var(--_nys-icon-size)}.nys-icon--lg{width:calc(var(--_nys-icon-size) * 1.125);height:calc(var(--_nys-icon-size) * 1.125)}.nys-icon--xl{width:calc(var(--_nys-icon-size) * 1.25);height:calc(var(--_nys-icon-size) * 1.25)}.nys-icon--2xl{width:calc(var(--_nys-icon-size) * 1.5);height:calc(var(--_nys-icon-size) * 1.5)}.nys-icon--3xl{width:calc(var(--_nys-icon-size) * 1.875);height:calc(var(--_nys-icon-size) * 1.875)}.nys-icon--4xl{width:calc(var(--_nys-icon-size) * 2.25);height:calc(var(--_nys-icon-size) * 2.25)}.nys-icon--5xl{width:calc(var(--_nys-icon-size) * 3);height:calc(var(--_nys-icon-size) * 3)}.nys-icon--12{width:.75rem;height:.75rem}.nys-icon--14{width:.875rem;height:.875rem}.nys-icon--16{width:1rem;height:1rem}.nys-icon--18{width:1.125rem;height:1.125rem}.nys-icon--20{width:1.25rem;height:1.25rem}.nys-icon--24{width:1.5rem;height:1.5rem}.nys-icon--32{width:2rem;height:2rem}.nys-icon--40{width:2.5rem;height:2.5rem}.nys-icon--50{width:3.125rem;height:3.125rem}.nys-icon--flip-horizontal{transform:scaleX(-1)}.nys-icon--flip-vertical{transform:scaleY(-1)}.nys-icon--flip-both{transform:scale(-1)}";var Qn=Object.defineProperty,Ye=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&Qn(e,t,o),o};const bs=class bs extends f{constructor(){super(...arguments),this.name="",this.ariaLabel="",this.rotate="0",this.flip="",this.color="",this.size="md"}getIcon(){const e=Kn[this.name];if(!e)return null;const o=new DOMParser().parseFromString(e,"image/svg+xml").documentElement;return o instanceof SVGElement?(o.setAttribute("role","img"),this.ariaLabel?(o.setAttribute("aria-label",this.ariaLabel),o.removeAttribute("aria-hidden")):(o.setAttribute("aria-hidden","true"),o.removeAttribute("aria-label")),o.style.rotate=`${this.rotate}deg`,o.style.color=this.color||"currentcolor",o.classList.add(`nys-icon--${this.size}`),o.classList.add("nys-icon--svg"),this.flip&&o.classList.add(`nys-icon--flip-${this.flip}`),o):null}render(){const e=this.getIcon();return e?h`${e}`:null}};bs.styles=_(Gn);let ce=bs;Ye([a({type:String,reflect:!0})],ce.prototype,"name"),Ye([a({type:String})],ce.prototype,"ariaLabel"),Ye([a({type:String})],ce.prototype,"rotate"),Ye([a({type:String})],ce.prototype,"flip"),Ye([a({type:String})],ce.prototype,"color"),Ye([a({type:String})],ce.prototype,"size"),customElements.get("nys-icon")||customElements.define("nys-icon",ce);const Xn=':host{--_nys-label-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-label-font-weight: var(--nys-font-weight-semibold, 600);--_nys-label-font-size: var(--nys-font-size-ui-md, 16px);--_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-label-color: var(--nys-color-text, #1b1b1b);--_nys-label-cursor: normal;--_nys-description-font-weight: var(--nys-font-weight-regular, 400);--_nys-description-font-style: normal;--_nys-description-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-required-font-color: var(--nys-color-danger, #b52c2c);--_nys-optional-font-weight: var(--nys-font-weight-regular, 400);--_nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-label-gap: var(--nys-space-4px, 4px)}p{margin:0}.nys-label{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--_nys-label-font-family);font-size:var(--_nys-label-font-size);line-height:var(--_nys-label-line-height);letter-spacing:var(--_nys-label-letter-spacing)}.nys-label *{cursor:var(--_nys-label-cursor)}.nys-label__label{display:flex;gap:var(--_nys-label-gap);text-align:left;font-weight:var(--_nys-label-font-weight);color:var(--_nys-label-color)}.nys-label__description{text-align:left;font-weight:var(--_nys-description-font-weight);font-style:var(--_nys-description-font-style);color:var(--_nys-description-font-color)}.nys-label__required{display:contents;font-weight:var(--_nys-label-font-weight);color:var(--_nys-required-font-color)}.nys-label__optional{display:contents;font-weight:var(--_nys-optional-font-weight);color:var(--_nys-optional-font-color)}.nys-label__tooltip-wrapper{display:flex;gap:2px;align-items:center}.nys-label.invert .nys-label__label,.nys-label.invert .nys-label__description,.nys-label.invert .nys-label__optional{color:var(--nys-color-text-reverse, #ffffff)}.nys-label.invert .nys-label__tooltip-icon{color:var(--nys-color-ink-reverse, #ffffff)}';var Jn=Object.defineProperty,e1=Object.getOwnPropertyDescriptor,Ke=(r,e,t,s)=>{for(var o=s>1?void 0:s?e1(e,t):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=(s?i(e,t,o):i(o))||o);return s&&o&&Jn(e,t,o),o};const gs=class gs extends f{constructor(){super(...arguments),this.for="",this.label="",this.description="",this.flag="",this.inverted=!1,this._tooltip=""}get tooltip(){return this._tooltip}set tooltip(e){this._tooltip=e}_handleLabelClick(e){if(!this.for)return;const t=this.getRootNode().host;let s=null;t&&t.shadowRoot&&(s=t.shadowRoot.querySelector(`#${this.for}`)),s&&(s instanceof HTMLInputElement?(e.preventDefault(),e.stopPropagation(),s.type==="file"?s.click():s.type==="checkbox"||s.type==="radio"?(s.focus(),s.click()):s.focus()):s.focus())}render(){return h`
|
|
1054
1276
|
<div class="nys-label ${this.inverted?"invert":""}">
|
|
1055
1277
|
<div class="nys-label__tooltip-wrapper">
|
|
1056
1278
|
<label
|
|
@@ -1083,7 +1305,7 @@
|
|
|
1083
1305
|
<slot name="description">${this.description}</slot>
|
|
1084
1306
|
</p>
|
|
1085
1307
|
</div>
|
|
1086
|
-
`}};
|
|
1308
|
+
`}};gs.styles=_(Xn);let de=gs;Ke([a({type:String})],de.prototype,"for",2),Ke([a({type:String})],de.prototype,"label",2),Ke([a({type:String})],de.prototype,"description",2),Ke([a({type:String})],de.prototype,"flag",2),Ke([a({type:Boolean,reflect:!0})],de.prototype,"inverted",2),Ke([a({type:String})],de.prototype,"tooltip",1),customElements.get("nys-label")||customElements.define("nys-label",de);const t1=':host{--_nys-modal-width: 439px;--_nys-modal-min-width: 320px;--_nys-modal-border-radius: var(--nys-radius-lg, 8px);--_nys-modal-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-modal-border-width: 1px;--_nys-modal-background-color: var(--nys-color-surface, #ffffff);--_nys-modal-margin: var(--nys-space-250, 20px);--_nys-modal-padding: var(--nys-space-300, 24px);--_nys-modal-gap: var(--nys-space-200, 16px);--_nys-modal-background-color--overlay: var( --nys-color-black-transparent-700, rgba(27, 27, 27, .7) );--_nys-modal-gap--header: var(--nys-space-100, 8px);--_nys-modal-gap--footer: var(--nys-space-250, 20px);--_nys-modal-font-size: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-modal-font-size--subheader: var( --nys-font-size-body-lg, var(--nys-font-size-lg, 18px) );--_nys-modal-font-weight--header: var(--nys-font-weight-bold, 700);--_nys-modal-font-weight--subheader: var(--nys-font-weight-semibold, 600);--_nys-modal-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-modal-line-height--subheader: var(--nys-font-lineheight-body-lg, 28px);--_nys-modal-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}*{box-sizing:border-box}::slotted(p){margin:0!important}h2,p{flex:1;margin:0}.nys-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--_nys-modal-background-color--overlay)}.nys-modal{display:flex;flex-direction:column;margin:var(--_nys-modal-margin);padding:var(--_nys-modal-padding);gap:var(--_nys-modal-gap);width:var(--_nys-modal-width);border-radius:var(--_nys-modal-border-radius);border:var(--_nys-modal-border-width) solid var(--_nys-modal-border-color);font-family:var(--_nys-modal-font-family);font-size:var(--_nys-modal-font-size);line-height:var(--_nys-modal-line-height);background:var(--_nys-modal-background-color);position:relative;z-index:10000}.nys-modal_header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-modal-gap--header)}.nys-modal_header p{font-size:var(--_nys-modal-font-size--subheader);font-weight:var(--_nys-modal-font-weight--subheader);line-height:var(--_nys-modal-line-height--subheader)}.nys-modal_header-inner{display:flex;align-items:center;width:100%;font-weight:var(--_nys-modal-font-weight--header)}.nys-modal_body{display:flex;flex-direction:column;align-items:flex-start}.nys-modal_body-inner{overflow:auto;width:100%;max-height:45vh}.nys-modal_body.hidden{display:none}.nys-modal_footer ::slotted(*){display:flex;flex-direction:column-reverse;justify-content:center;gap:var(--_nys-modal-gap--footer);align-self:stretch}.nys-modal_footer.hidden ::slotted(*){display:none}@media(min-width:480px){.nys-modal_body-inner{max-height:25vh}.nys-modal_footer ::slotted(*){flex-direction:row;justify-content:flex-end;align-items:center}.nys-modal{--_nys-modal-width: 439px}}@media(min-width:768px){.nys-modal{--_nys-modal-width: 600px}}@media(min-width:1024px){.nys-modal{--_nys-modal-width: 752px}}@media(min-width:1280px){.nys-modal{--_nys-modal-width: 840px}}';var s1=Object.defineProperty,xe=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&s1(e,t,o),o};let o1=0;const _s=class _s extends f{constructor(){super(),this.id="",this.heading="",this.subheading="",this.open=!1,this.mandatory=!1,this.width="md",this._actionButtonSlot=null,this._prevFocusedElement=null,this._originalBodyOverflow=null,this.hasBodySlots=!1,this.hasActionSlots=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-modal-${Date.now()}-${o1++}`),window.addEventListener("resize",()=>this._updateSlottedButtonWidth()),window.addEventListener("keydown",e=>this._handleKeydown(e))}disconnectedCallback(){super.disconnectedCallback(),this._restoreBodyScroll(),window.removeEventListener("keydown",e=>this._handleKeydown(e))}async updated(e){e.has("open")&&(this.open?(this._hideBodyScroll(),this._dispatchOpenEvent(),await this.updateComplete,this._savePrevFocused(),this._focusOnModal(),this._updateDismissAria()):(this._restorePrevFocused(),this._restoreBodyScroll(),this._dispatchCloseEvent(),this._updateDismissAria()))}_hideBodyScroll(){this._originalBodyOverflow===null&&(this._originalBodyOverflow=document.body.style.overflow),document.body.style.overflow="hidden"}_restoreBodyScroll(){this._originalBodyOverflow!==null&&(document.body.style.overflow=this._originalBodyOverflow,this._originalBodyOverflow=null)}_savePrevFocused(){this._prevFocusedElement=document.activeElement}_focusOnModal(){this.shadowRoot?.querySelector(".nys-modal")?.focus()}async _restorePrevFocused(){const e=this._prevFocusedElement;if(e&&e.tagName.toLowerCase()==="nys-button"){const s=await e.getButtonElement();if(s){s.focus();return}}else this._prevFocusedElement?.focus();this._prevFocusedElement=null}async _handleBodySlotChange(){const e=this.shadowRoot?.querySelector("slot");e&&(this.hasBodySlots=e.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE||t.textContent?.trim()))}async _handleActionSlotChange(){const e=this.shadowRoot?.querySelector('slot[name="actions"]');e&&(this.hasActionSlots=e.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE||t.textContent?.trim()),this._actionButtonSlot=e,this._updateSlottedButtonWidth())}_updateSlottedButtonWidth(){if(!this._actionButtonSlot)return;const e=window.innerWidth<=480;this._actionButtonSlot.assignedElements().forEach(t=>{t.querySelectorAll("nys-button").forEach(s=>{e?s?.setAttribute("fullWidth",""):s?.removeAttribute("fullWidth")})})}_dispatchOpenEvent(){this.dispatchEvent(new CustomEvent("nys-open",{detail:{id:this.id},bubbles:!0,composed:!0}))}_dispatchCloseEvent(){this.dispatchEvent(new CustomEvent("nys-close",{detail:{id:this.id},bubbles:!0,composed:!0}))}_getAriaDescribedBy(){const e=[];return this.subheading&&e.push(`${this.id}-subheading`),this.hasBodySlots&&e.push(`${this.id}-desc`),e.join(" ")}_updateDismissAria(){const e=this.shadowRoot?.querySelector("nys-button");e&&(e.setAttribute("ariaLabel"," "),this.open&&setTimeout(()=>{e.setAttribute("ariaLabel","Close this window")},100))}async _handleKeydown(e){if(this.open&&(e.key==="Escape"&&!this.mandatory&&(e.preventDefault(),this._closeModal()),e.key==="Tab")){const t=this.shadowRoot?.querySelector(".nys-modal");if(!t)return;const s='a[href], area[href], button:not([disabled]), details, iframe, object, input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contentEditable="true"], [tabindex]:not([tabindex^="-"])',o=[],n=t.querySelector("nys-button");n&&o.push(n);const i=Array.from(t.querySelectorAll("slot"));for(const l of i){const c=l.assignedElements({flatten:!0});for(const d of c)d instanceof HTMLElement&&d.matches(s)&&o.push(d),d.querySelectorAll("nys-button").forEach(p=>{o.push(p)})}if(o.length>0){const l=o[0],c=o[o.length-1];let d=document.activeElement,p=o.indexOf(d);if(e.shiftKey){e.preventDefault();let u=p-1;u<0&&(u=o.length-1);const y=o[u];o[u].tagName.toLowerCase()==="nys-button"?(await y.getButtonElement())?.focus():y.focus()}else d===c&&(e.preventDefault(),l.tagName.toLowerCase()==="nys-button"?(await l.getButtonElement())?.focus():l.focus())}}}_closeModal(){this.open=!1,this._dispatchCloseEvent()}render(){return this.open?h`<div
|
|
1087
1309
|
class="nys-modal-overlay"
|
|
1088
1310
|
role="dialog"
|
|
1089
1311
|
aria-modal="true"
|
|
@@ -1123,11 +1345,11 @@
|
|
|
1123
1345
|
></slot>
|
|
1124
1346
|
</div>
|
|
1125
1347
|
</div>
|
|
1126
|
-
</div>`:""}};
|
|
1348
|
+
</div>`:""}};_s.styles=_(t1);let ee=_s;xe([a({type:String,reflect:!0})],ee.prototype,"id"),xe([a({type:String})],ee.prototype,"heading"),xe([a({type:String})],ee.prototype,"subheading"),xe([a({type:Boolean,reflect:!0})],ee.prototype,"open"),xe([a({type:Boolean,reflect:!0})],ee.prototype,"mandatory"),xe([a({type:String,reflect:!0})],ee.prototype,"width"),xe([m()],ee.prototype,"hasBodySlots"),xe([m()],ee.prototype,"hasActionSlots"),customElements.get("nys-modal")||customElements.define("nys-modal",ee);const r1=':host{--_nys-pagination-width: fit-content;--_nys-pagination-height: var(--nys-size-500, 40px);--_nys-pagination-radius: var(--nys-radius-xl, 12px);--_nys-pagination-gap: var(--nys-space-100, 8px);--_nys-pagination-font-size: var(--nys-font-size-ui-md, 16px);--_nys-pagination-font-weight: var(--nys-font-weight-semibold, 600);--_nys-pagination-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-pagination-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}.nys-pagination{width:var(--_nys-pagination-width);height:var(--_nys-pagination-height);border-radius:var(--_nys-pagination-radius);display:flex;align-items:center;justify-content:center;gap:var(--_nys-pagination-gap);font-family:var(--_nys-pagination-font-family);font-size:var(--_nys-pagination-font-size);font-weight:var(--_nys-pagination-font-weight);line-height:var(--_nys-pagination-line-height)}nys-button{--_nys-button-height: var(--_nys-pagination-height);--_nys-button-border-width: var(--nys-border-width-sm, 1px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--x: var(--nys-space-200, 16px)}nys-button[variant=outline]{--nys-button-background-color: var(--nys-color-ink-reverse, #ffffff);--nys-button-background-color--hover: var(--nys-color-neutral-10, #f6f6f6);--nys-button-background-color--active: var(--nys-color-neutral-50, #ededed);--nys-button-border-color: var(--nys-color-neutral-200, #bec0c1);--nys-button-border-color--hover: var(--nys-color-neutral-600, #62666a);--nys-button-border-color--active: var(--nys-color-neutral-900, #1b1b1b);--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strong, #003ba1)}nys-button[variant=filled]{--nys-button-background-color: var(--nys-color-link, #004dd1);--nys-button-background-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-background-color--active: var( --nys-color-link-strongest, #002971 );--nys-button-border-color: var(--nys-color-link, #004dd1);--nys-button-border-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-border-color--active: var(--nys-color-link-strongest, #002971);--nys-button-color: var(--nys-color-ink-reverse, #ffffff);--nys-button-color--hover: var(--nys-color-ink-reverse, #ffffff);--nys-button-color--active: var(--nys-color-ink-reverse, #ffffff)}nys-button#previous,nys-button#next,nys-button#previous--mobile,nys-button#next--mobile{--nys-button-color: var(--nys-color-text, #1b1b1b);--nys-button-color--hover: var(--nys-color-text, #1b1b1b);--nys-button-color--active: var(--nys-color-text, #1b1b1b);--_nys-button-padding--x: var(--nys-space-150, 12px)}nys-button#previous--mobile,nys-button#next--mobile{display:none}nys-button.spacer{--nys-button-border-color: transparent;--nys-button-border-color--hover: transparent;--nys-button-border-color--active: transparent;--nys-button-background-color: transparent;--nys-button-background-color--hover: transparent;--nys-button-background-color--active: transparent;--nys-button-color: var(--nys-color-text, #1b1b1b);--nys-button-color--hover: var(--nys-color-text, #1b1b1b);--nys-button-color--active: var(--nys-color-text, #1b1b1b);--_nys-button-padding--x: var(--nys-space-1px, 1px);--_nys-button-cursor: default}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:none}@media(min-width:0)and (max-width:767px){nys-button#prev-page,nys-button#next-page{display:none}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:block}nys-button#previous--mobile,nys-button#next--mobile{display:block}nys-button#previous,nys-button#next{display:none}}';var n1=Object.defineProperty,ht=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&n1(e,t,o),o};let i1=0;const ms=class ms extends f{constructor(){super(),this.id="",this.name="",this.currentPage=1,this.totalPages=1,this._twoBeforeLast=!1}willUpdate(e){if(this.totalPages<1&&(this.totalPages=1),e.has("currentPage")||e.has("totalPages")){const t=this._clampPage(this.currentPage);t!==this.currentPage&&(this.currentPage=t);const s=this.currentPage===this.totalPages-2;s!==this._twoBeforeLast&&(this._twoBeforeLast=s)}}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-pagination-${Date.now()}-${i1++}`)}_clampPage(e){return e<1?1:e>this.totalPages?this.totalPages:e}renderPageButtons(){const e=[],t=(c,d)=>{e.push(h`
|
|
1127
1349
|
<nys-button
|
|
1128
1350
|
label=${String(c)}
|
|
1129
1351
|
ariaLabel="Page ${c}"
|
|
1130
|
-
id=${
|
|
1352
|
+
id=${v(d)}
|
|
1131
1353
|
variant=${this.currentPage===c?"filled":"outline"}
|
|
1132
1354
|
size="sm"
|
|
1133
1355
|
@nys-click="${()=>this._handlePageClick(c)}"
|
|
@@ -1176,7 +1398,7 @@
|
|
|
1176
1398
|
?disabled=${this.currentPage===this.totalPages}
|
|
1177
1399
|
@nys-click="${()=>this._handlePageClick(this.currentPage+1)}"
|
|
1178
1400
|
></nys-button>
|
|
1179
|
-
</div>`}};ds.styles=_(Uo);let ue=ds;it([a({type:String,reflect:!0})],ue.prototype,"id"),it([a({type:String,reflect:!0})],ue.prototype,"name"),it([a({type:Number,reflect:!0})],ue.prototype,"currentPage"),it([a({type:Number,reflect:!0})],ue.prototype,"totalPages"),it([a({type:Boolean,reflect:!0})],ue.prototype,"_twoBeforeLast"),customElements.get("nys-pagination")||customElements.define("nys-pagination",ue);const m1=`:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var(--nys-color-theme, #154973);--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-radiobutton-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;flex-direction:column;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}input:not(:disabled):checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked:hover)+.nys-radiobutton .nys-radiobutton__radio{cursor:default}input:disabled:checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(input:disabled:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-background-color--tile--disabled);background-color:var(--_nys-radiobutton-border-color--tile--disabled)}input:disabled+.nys-radiobutton,input:disabled+.nys-radiobutton *{cursor:not-allowed}input:disabled+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}:host([tile]) .nys-radiobutton:has(input:disabled)+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) .nys-radiobutton:has(input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio){border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) .nys-radiobutton:has(input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio){border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host(:focus-visible){outline:none}:host(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}input:focus+.nys-radiobutton .nys-radiobutton__radio,.nys-radiobutton:focus-within .nys-radiobutton__radio,:host(.focused) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color);outline-offset:var(--_nys-radiobutton-outline-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nys-radiobutton__main-container{display:flex;align-items:center}.nys-radiobutton__other-container{display:flex;padding-inline-start:calc(var(--_nys-radiobutton-size) + var(--_nys-radiobutton-gap))}.nys-radiobutton__main-container>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton__main-container>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label,input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;var No=Object.defineProperty,Z=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&No(e,t,r),r};let Zo=0;const Vt=class Vt extends g{constructor(){super(),this.id="",this.name="",this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.label="",this.description="",this.tile=!1,this.tooltip="",this.inverted=!1,this.form=null,this.size="md",this.selectedValue=null,this._slottedDescriptionText="",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-radiogroup-${Date.now()}-${Zo++}`),this.addEventListener("nys-change",this._handleRadioButtonChange),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("nys-error",this._handleChildError)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("nys-change",this._handleRadioButtonChange),this.removeEventListener("invalid",this._handleInvalid)}async firstUpdated(){await this.updateComplete,this._initializeCheckedRadioValue(),this._setValue(),this._setRadioButtonRequire(),this._updateRadioButtonsSize(),this._updateRadioButtonsTile(),this._updateRadioButtonsShowError(),this._getSlotDescriptionForAria(),this._initializeChildAttributes(),this._updateGroupTabIndex()}updated(e){(e.has("required")||e.has("selectedValue"))&&this._manageRequire(),e.has("size")&&this._updateRadioButtonsSize(),e.has("tile")&&this._updateRadioButtonsTile(),e.has("inverted")&&this._updateRadioButtonsInvert(),e.has("showError")&&this._updateRadioButtonsShowError(),e.has("form")&&this._updateRadioButtonsForm()}_setValue(){this._internals.setFormValue(this.selectedValue)}_setRadioButtonRequire(){this.querySelectorAll("nys-radiobutton").forEach((t,s)=>{this.required&&s===0&&t.setAttribute("required","required")})}async _manageRequire(){const e=this.errorMessage||"Please select an option.",s=Array.from(this.querySelectorAll("nys-radiobutton"))[0];s&&(this.required&&!this.selectedValue?this._internals.setValidity({valueMissing:!0},e,s):(this.showError=!1,this._internals.setValidity({},"",s)))}checkValidity(){const e=Array.from(this.querySelectorAll("nys-radiobutton"));return!this.required||e.some(s=>s.checked)}_initializeCheckedRadioValue(){const e=this.querySelector("nys-radiobutton[checked]");e&&(this.selectedValue=e.getAttribute("value"),this._internals.setFormValue(this.selectedValue))}_getAllRadios(){return Array.from(this.querySelectorAll("nys-radiobutton"))}async _handleKeyDown(e){if(!["ArrowUp","ArrowDown"," ","Enter"].includes(e.key))return;e.preventDefault();const s=this._getAllRadios().filter(u=>!u.disabled),n=s.find(u=>u.matches(":focus"))||s.find(u=>u.checked)||s[0];let i=0;["ArrowUp","ArrowLeft"].includes(e.key)?i=-1:["ArrowDown","ArrowRight"].includes(e.key)&&(i=1);let l=s.indexOf(n)+i;l<0&&(l=s.length-1),l>=s.length&&(l=0);const c=s[l];(await c.getInputElement())?.click(),await this.updateComplete,this._updateGroupTabIndex(),c.focus()}_updateGroupTabIndex(){const e=this._getAllRadios(),t=e.find(s=>s.checked&&!s.disabled)||e.find(s=>!s.disabled);e.forEach(s=>{s.setAttribute("aria-checked",String(s.checked)),s.tabIndex=s===t&&!s.disabled?0:-1})}formResetCallback(){this.querySelectorAll("nys-radiobutton").forEach(t=>{t.formResetUpdate()}),this.selectedValue=null,this._internals.setFormValue(null),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.requestUpdate()}_initializeChildAttributes(){this._getAllRadios().forEach(t=>{t.setAttribute("role","radio"),t.setAttribute("aria-checked",String(t.checked)),t.setAttribute("aria-required",String(t.required)),t.setAttribute("aria-disabled",String(t.disabled)),t.setAttribute("tabindex","-1")})}_updateRadioButtonsSize(){this.querySelectorAll("nys-radiobutton").forEach(t=>{t.setAttribute("size",this.size)})}_updateRadioButtonsTile(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.tile?t.toggleAttribute("tile",!0):t.removeAttribute("tile")})}_updateRadioButtonsInvert(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.inverted?t.toggleAttribute("inverted",!0):t.removeAttribute("inverted")})}_updateRadioButtonsShowError(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.showError?t.setAttribute("showError",""):t.removeAttribute("showError")})}_updateRadioButtonsForm(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.showError&&this.form!==null?t.setAttribute("form",this.form):t.removeAttribute("form")})}_getSlotDescriptionForAria(){const t=this.shadowRoot?.querySelector('slot[name="description"]')?.assignedNodes({flatten:!0})||[];this._slottedDescriptionText=t.map(s=>s.textContent?.trim()).filter(Boolean).join(", ")}_handleRadioButtonChange(e){const{name:t,value:s}=e.detail;this.name=t,this.selectedValue=s,this._internals.setFormValue(this.selectedValue),this._internals.setValidity({}),this.showError=!1,this._updateGroupTabIndex()}async _handleInvalid(e){if(e.preventDefault(),this._internals.validity.customError){const s=this._getAllRadios().find(r=>r.other&&r.checked);if(s){const r=s.shadowRoot?.querySelector("nys-textinput");if(s.classList.remove("focused"),r){await r.updateComplete,r.focus();return}}}if(this._internals.validity.valueMissing){this.showError=!0,this._manageRequire();const t=this.querySelector("nys-radiobutton");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}}_handleChildError(e){e.stopPropagation();const{message:t,sourceRadio:s}=e.detail;s&&(this.showError=!0,this._internals.setValidity({customError:!0},t||"Please complete this field.",s))}render(){return h`<fieldset
|
|
1401
|
+
</div>`}};ms.styles=_(r1);let fe=ms;ht([a({type:String,reflect:!0})],fe.prototype,"id"),ht([a({type:String,reflect:!0})],fe.prototype,"name"),ht([a({type:Number,reflect:!0})],fe.prototype,"currentPage"),ht([a({type:Number,reflect:!0})],fe.prototype,"totalPages"),ht([a({type:Boolean,reflect:!0})],fe.prototype,"_twoBeforeLast"),customElements.get("nys-pagination")||customElements.define("nys-pagination",fe);const Bo=`:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var(--nys-color-theme, #154973);--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-radiobutton-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;flex-direction:column;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}input:not(:disabled):checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked:hover)+.nys-radiobutton .nys-radiobutton__radio{cursor:default}input:disabled:checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(input:disabled:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-background-color--tile--disabled);background-color:var(--_nys-radiobutton-border-color--tile--disabled)}input:disabled+.nys-radiobutton,input:disabled+.nys-radiobutton *{cursor:not-allowed}input:disabled+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}:host([tile]) .nys-radiobutton:has(input:disabled)+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:hover .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:hover{border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:active .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:active{border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host(:focus-visible){outline:none}:host(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}input:focus-visible+.nys-radiobutton .nys-radiobutton__radio,.nys-radiobutton:has(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color);outline-offset:var(--_nys-radiobutton-outline-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nys-radiobutton__main-container{display:flex;align-items:center}.nys-radiobutton__other-container{display:flex;padding-inline-start:calc(var(--_nys-radiobutton-size) + var(--_nys-radiobutton-gap))}.nys-radiobutton__main-container>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton__main-container>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label,input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;var a1=Object.defineProperty,j=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&a1(e,t,o),o};let l1=0;const _t=class _t extends f{constructor(){super(),this.id="",this.name="",this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.label="",this.description="",this.tile=!1,this.tooltip="",this.inverted=!1,this.form=null,this.size="md",this.selectedValue=null,this._slottedDescriptionText="",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-radiogroup-${Date.now()}-${l1++}`),this.addEventListener("nys-change",this._handleRadioButtonChange),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("nys-error",this._handleChildError)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("nys-change",this._handleRadioButtonChange),this.removeEventListener("invalid",this._handleInvalid)}async firstUpdated(){await this.updateComplete,this._initializeCheckedRadioValue(),this._setValue(),this._setRadioButtonRequire(),this._updateRadioButtonsSize(),this._updateRadioButtonsTile(),this._updateRadioButtonsShowError(),this._getSlotDescriptionForAria(),this._initializeChildAttributes(),this._updateGroupTabIndex()}updated(e){(e.has("required")||e.has("selectedValue"))&&this._manageRequire(),e.has("size")&&this._updateRadioButtonsSize(),e.has("tile")&&this._updateRadioButtonsTile(),e.has("inverted")&&this._updateRadioButtonsInvert(),e.has("showError")&&this._updateRadioButtonsShowError(),e.has("form")&&this._updateRadioButtonsForm()}_setValue(){this._internals.setFormValue(this.selectedValue)}_setRadioButtonRequire(){this.querySelectorAll("nys-radiobutton").forEach((t,s)=>{this.required&&s===0&&t.setAttribute("required","required")})}async _manageRequire(){const e=this.errorMessage||"Please select an option.",s=Array.from(this.querySelectorAll("nys-radiobutton"))[0];s&&(this.required&&!this.selectedValue?this._internals.setValidity({valueMissing:!0},e,s):(this.showError=!1,this._internals.setValidity({},"",s)))}checkValidity(){const e=Array.from(this.querySelectorAll("nys-radiobutton"));return!this.required||e.some(s=>s.checked)}_initializeCheckedRadioValue(){const e=this.querySelector("nys-radiobutton[checked]");e&&(this.selectedValue=e.getAttribute("value"),this._internals.setFormValue(this.selectedValue))}_getAllRadios(){return Array.from(this.querySelectorAll("nys-radiobutton"))}async _handleKeyDown(e){if(!["ArrowUp","ArrowDown"," ","Enter"].includes(e.key))return;e.preventDefault();const s=this._getAllRadios().filter(p=>!p.disabled),n=s.find(p=>p.matches(":focus"))||s.find(p=>p.checked)||s[0];let i=0;["ArrowUp","ArrowLeft"].includes(e.key)?i=-1:["ArrowDown","ArrowRight"].includes(e.key)&&(i=1);let l=s.indexOf(n)+i;l<0&&(l=s.length-1),l>=s.length&&(l=0);const c=s[l];(await c.getInputElement())?.click(),await this.updateComplete,this._updateGroupTabIndex(),c.focus()}_updateGroupTabIndex(){const e=this._getAllRadios(),t=e.find(s=>s.checked&&!s.disabled)||e.find(s=>!s.disabled);e.forEach(s=>{s.setAttribute("aria-checked",String(s.checked)),s.tabIndex=s===t&&!s.disabled?0:-1})}formResetCallback(){this.querySelectorAll("nys-radiobutton").forEach(t=>{t.formResetUpdate()}),this.selectedValue=null,this._internals.setFormValue(null),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.requestUpdate()}_initializeChildAttributes(){this._getAllRadios().forEach(t=>{t.setAttribute("role","radio"),t.setAttribute("aria-checked",String(t.checked)),t.setAttribute("aria-required",String(t.required)),t.setAttribute("aria-disabled",String(t.disabled)),t.setAttribute("tabindex","-1")})}_updateRadioButtonsSize(){this.querySelectorAll("nys-radiobutton").forEach(t=>{t.setAttribute("size",this.size)})}_updateRadioButtonsTile(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.tile?t.toggleAttribute("tile",!0):t.removeAttribute("tile")})}_updateRadioButtonsInvert(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.inverted?t.toggleAttribute("inverted",!0):t.removeAttribute("inverted")})}_updateRadioButtonsShowError(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.showError?t.setAttribute("showError",""):t.removeAttribute("showError")})}_updateRadioButtonsForm(){this.querySelectorAll("nys-radiobutton").forEach(t=>{this.showError&&this.form!==null?t.setAttribute("form",this.form):t.removeAttribute("form")})}_getSlotDescriptionForAria(){const t=this.shadowRoot?.querySelector('slot[name="description"]')?.assignedNodes({flatten:!0})||[];this._slottedDescriptionText=t.map(s=>s.textContent?.trim()).filter(Boolean).join(", ")}_handleRadioButtonChange(e){const{name:t,value:s}=e.detail;this.name=t,this.selectedValue=s,this._internals.setFormValue(this.selectedValue),this._internals.setValidity({}),this.showError=!1,this._updateGroupTabIndex()}async _handleInvalid(e){if(e.preventDefault(),this._internals.validity.customError){const s=this._getAllRadios().find(o=>o.other&&o.checked);if(s){const o=s.shadowRoot?.querySelector("nys-textinput");if(s.classList.remove("focused"),o){await o.updateComplete,o.focus();return}}}if(this._internals.validity.valueMissing){this.showError=!0,this._manageRequire();const t=this.querySelector("nys-radiobutton");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}}_handleChildError(e){e.stopPropagation();const{message:t,sourceRadio:s}=e.detail;s&&(this.showError=!0,this._internals.setValidity({customError:!0},t||"Please complete this field.",s))}render(){return h`<fieldset
|
|
1180
1402
|
aria-label="${this.label}${this._slottedDescriptionText?` ${this._slottedDescriptionText}`:this.description?` ${this.description}`:""}"
|
|
1181
1403
|
role="radiogroup"
|
|
1182
1404
|
class="nys-radiogroup"
|
|
@@ -1199,15 +1421,15 @@
|
|
|
1199
1421
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
1200
1422
|
.showDivider=${!this.tile}
|
|
1201
1423
|
></nys-errormessage>
|
|
1202
|
-
</fieldset>`}};
|
|
1424
|
+
</fieldset>`}};_t.styles=_(Bo),_t.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},_t.formAssociated=!0;let I=_t;j([a({type:String,reflect:!0})],I.prototype,"id"),j([a({type:String,reflect:!0})],I.prototype,"name"),j([a({type:Boolean,reflect:!0})],I.prototype,"required"),j([a({type:Boolean,reflect:!0})],I.prototype,"optional"),j([a({type:Boolean,reflect:!0})],I.prototype,"showError"),j([a({type:String})],I.prototype,"errorMessage"),j([a({type:String})],I.prototype,"label"),j([a({type:String})],I.prototype,"description"),j([a({type:Boolean,reflect:!0})],I.prototype,"tile"),j([a({type:String})],I.prototype,"tooltip"),j([a({type:Boolean,reflect:!0})],I.prototype,"inverted"),j([a({type:String,reflect:!0})],I.prototype,"form"),j([a({type:String,reflect:!0})],I.prototype,"size"),j([m()],I.prototype,"selectedValue"),j([m()],I.prototype,"_slottedDescriptionText"),customElements.get("nys-radiogroup")||customElements.define("nys-radiogroup",I);var c1=Object.defineProperty,W=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&c1(e,t,o),o};let d1=0;const F=(D=class extends f{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.required=!1,this.label="",this.description="",this.id="",this.name="",this.value="",this.inverted=!1,this.form=null,this.size="md",this.tile=!1,this.other=!1,this.showOtherError=!1,this.isMobile=window.innerWidth<480,this._hasUserInteracted=!1,this._handleResize=()=>{this.isMobile=window.innerWidth<480}}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-radiobutton-${Date.now()}-${d1++}`),this.checked&&(D.buttonGroup[this.name]&&(D.buttonGroup[this.name].checked=!1,D.buttonGroup[this.name].requestUpdate()),D.buttonGroup[this.name]=this),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur),this.addEventListener("click",this._handleChange),window.addEventListener("resize",this._handleResize)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur),window.removeEventListener("resize",this._handleResize)}updated(e){e.has("checked")&&(e.get("checked")&&!this.checked&&this._clearOtherState(),this.checked&&D.buttonGroup[this.name]!==this&&(D.buttonGroup[this.name]&&(D.buttonGroup[this.name].checked=!1,D.buttonGroup[this.name].requestUpdate()),D.buttonGroup[this.name]=this))}async getInputElement(){return await this.updateComplete,this.shadowRoot?.querySelector("input")||null}formResetUpdate(){this.checked=!1,this._clearOtherState(),D.buttonGroup[this.name]===this&&delete D.buttonGroup[this.name],this.requestUpdate()}_clearOtherState(){this.other&&(this.showOtherError=!1,this._hasUserInteracted=!1,this.dispatchEvent(new CustomEvent("nys-error-clear",{detail:{id:this.id,name:this.name,type:"other"},bubbles:!0,composed:!0})))}_emitChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,checked:this.checked,name:this.name,value:this.value},bubbles:!0,composed:!0}))}_emitOtherInputEvent(){this.dispatchEvent(new CustomEvent("nys-other-input",{detail:{id:this.id,name:this.name,value:this.value},bubbles:!0,composed:!0}))}async _handleChange(){this.showOtherError=!1,!this.checked&&!this.disabled&&(D.buttonGroup[this.name]&&(D.buttonGroup[this.name].checked=!1,D.buttonGroup[this.name].requestUpdate()),D.buttonGroup[this.name]=this,this.checked=!0,this._validateOtherAndEmitError(),this._emitChangeEvent())}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(){this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0})),setTimeout(()=>{this.other&&this.checked&&(this._hasUserInteracted=!0,this._validateOtherAndEmitError())},50)}_callInputHandling(){if(this.disabled)return;const e=this.shadowRoot?.querySelector('input[type="radio"]');e&&(e.focus(),e.click())}_handleTextInput(e){let s=e.target.value;this.value=s,this._hasUserInteracted&&this._validateOtherAndEmitError(),this._emitOtherInputEvent()}_handleTextInputBlur(){this._hasUserInteracted=!0,this._validateOtherAndEmitError()}_validateOtherAndEmitError(){if(!this.other)return;if(!this.checked||!this._hasUserInteracted){this.showOtherError=!1;return}const e=this.value.trim()==="";this.showOtherError=e,e&&this.dispatchEvent(new CustomEvent("nys-error",{detail:{id:this.id,name:this.name,type:"other",message:"Please enter a value for this option.",sourceRadio:this},bubbles:!0,composed:!0}))}_handleOtherKeydown(e){(e.key=="Space"||e.key===" ")&&e.stopPropagation()}render(){return h`
|
|
1203
1425
|
<input
|
|
1204
1426
|
type="radio"
|
|
1205
|
-
name="${
|
|
1427
|
+
name="${v(this.name?this.name:void 0)}"
|
|
1206
1428
|
.checked=${this.checked}
|
|
1207
1429
|
?disabled=${this.disabled}
|
|
1208
1430
|
.value=${this.value}
|
|
1209
1431
|
?required="${this.required}"
|
|
1210
|
-
form=${
|
|
1432
|
+
form=${v(this.form||void 0)}
|
|
1211
1433
|
@change="${this._handleChange}"
|
|
1212
1434
|
aria-hidden="true"
|
|
1213
1435
|
hidden
|
|
@@ -1222,7 +1444,7 @@
|
|
|
1222
1444
|
<span class="nys-radiobutton__radio"></span>
|
|
1223
1445
|
${(this.label||this.other)&&h`<nys-label
|
|
1224
1446
|
label="${this.label||(this.other?"Other":"")}"
|
|
1225
|
-
description=${
|
|
1447
|
+
description=${v(this.description||void 0)}
|
|
1226
1448
|
?inverted=${this.inverted}
|
|
1227
1449
|
>
|
|
1228
1450
|
<slot name="description" slot="description"
|
|
@@ -1230,23 +1452,23 @@
|
|
|
1230
1452
|
>
|
|
1231
1453
|
</nys-label> `}
|
|
1232
1454
|
</div>
|
|
1455
|
+
<div class="nys-radiobutton__other-container">
|
|
1456
|
+
${this.other&&this.checked?h`
|
|
1457
|
+
<nys-textinput
|
|
1458
|
+
.value=${this.value}
|
|
1459
|
+
id=${"radiobutton-other-"+this.id}
|
|
1460
|
+
@nys-input=${this._handleTextInput}
|
|
1461
|
+
@nys-blur=${this._handleTextInputBlur}
|
|
1462
|
+
@keydown=${this._handleOtherKeydown}
|
|
1463
|
+
@nys-focus=${()=>this.classList.remove("focused")}
|
|
1464
|
+
ariaLabel="Other"
|
|
1465
|
+
aria-invalid=${this.showOtherError?"true":"false"}
|
|
1466
|
+
width=${this.isMobile?"full":"md"}
|
|
1467
|
+
></nys-textinput>
|
|
1468
|
+
`:""}
|
|
1469
|
+
</div>
|
|
1233
1470
|
</div>
|
|
1234
|
-
|
|
1235
|
-
${this.other&&this.checked?h`
|
|
1236
|
-
<nys-textinput
|
|
1237
|
-
.value=${this.value}
|
|
1238
|
-
id=${"radiobutton-other-"+this.id}
|
|
1239
|
-
@nys-input=${this._handleTextInput}
|
|
1240
|
-
@nys-blur=${this._handleTextInputBlur}
|
|
1241
|
-
@keydown=${this._handleOtherKeydown}
|
|
1242
|
-
@nys-focus=${()=>this.classList.remove("focused")}
|
|
1243
|
-
ariaLabel="Other"
|
|
1244
|
-
aria-invalid=${this.showOtherError?"true":"false"}
|
|
1245
|
-
width=${this.isMobile?"full":"md"}
|
|
1246
|
-
></nys-textinput>
|
|
1247
|
-
`:""}
|
|
1248
|
-
</div>
|
|
1249
|
-
`}},E.styles=_(m1),E.buttonGroup={},E);F([a({type:Boolean,reflect:!0})],N.prototype,"checked"),F([a({type:Boolean,reflect:!0})],N.prototype,"disabled"),F([a({type:Boolean,reflect:!0})],N.prototype,"required"),F([a({type:String})],N.prototype,"label"),F([a({type:String})],N.prototype,"description"),F([a({type:String,reflect:!0})],N.prototype,"id"),F([a({type:String,reflect:!0})],N.prototype,"name"),F([a({type:String})],N.prototype,"value"),F([a({type:Boolean,reflect:!0})],N.prototype,"inverted"),F([a({type:String,reflect:!0})],N.prototype,"form"),F([a({type:String,reflect:!0})],N.prototype,"size"),F([a({type:Boolean,reflect:!0})],N.prototype,"tile"),F([a({type:Boolean,reflect:!0})],N.prototype,"other"),F([a({type:Boolean})],N.prototype,"showOtherError"),F([x()],N.prototype,"isMobile");let w1=N;customElements.get("nys-radiobutton")||customElements.define("nys-radiobutton",w1);var Wo=Object.defineProperty,at=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&Wo(e,t,r),r};class ye extends g{constructor(){super(...arguments),this.disabled=!1,this.selected=!1,this.value="",this.label="",this.hidden=!1}firstUpdated(){const e=this.shadowRoot?.querySelector("slot");e&&e.addEventListener("slotchange",()=>{const t=e.assignedNodes({flatten:!0});t.length>0&&(this.label=t[0].textContent?.trim()||"")})}render(){return h`
|
|
1471
|
+
`}},D.styles=_(Bo),D.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},D.buttonGroup={},D);W([a({type:Boolean,reflect:!0})],F.prototype,"checked"),W([a({type:Boolean,reflect:!0})],F.prototype,"disabled"),W([a({type:Boolean,reflect:!0})],F.prototype,"required"),W([a({type:String})],F.prototype,"label"),W([a({type:String})],F.prototype,"description"),W([a({type:String,reflect:!0})],F.prototype,"id"),W([a({type:String,reflect:!0})],F.prototype,"name"),W([a({type:String})],F.prototype,"value"),W([a({type:Boolean,reflect:!0})],F.prototype,"inverted"),W([a({type:String,reflect:!0})],F.prototype,"form"),W([a({type:String,reflect:!0})],F.prototype,"size"),W([a({type:Boolean,reflect:!0})],F.prototype,"tile"),W([a({type:Boolean,reflect:!0})],F.prototype,"other"),W([a({type:Boolean})],F.prototype,"showOtherError"),W([m()],F.prototype,"isMobile");let Oo=F;customElements.get("nys-radiobutton")||customElements.define("nys-radiobutton",Oo);var h1=Object.defineProperty,ut=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&h1(e,t,o),o};class ve extends f{constructor(){super(...arguments),this.disabled=!1,this.selected=!1,this.value="",this.label="",this.hidden=!1}firstUpdated(){const e=this.shadowRoot?.querySelector("slot");e&&e.addEventListener("slotchange",()=>{const t=e.assignedNodes({flatten:!0});t.length>0&&(this.label=t[0].textContent?.trim()||"")})}render(){return h`
|
|
1250
1472
|
<option
|
|
1251
1473
|
?disabled=${this.disabled}
|
|
1252
1474
|
?selected=${this.selected}
|
|
@@ -1256,7 +1478,7 @@
|
|
|
1256
1478
|
>
|
|
1257
1479
|
<slot>${this.label}</slot>
|
|
1258
1480
|
</option>
|
|
1259
|
-
`}}
|
|
1481
|
+
`}}ut([a({type:Boolean,reflect:!0})],ve.prototype,"disabled"),ut([a({type:Boolean,reflect:!0})],ve.prototype,"selected"),ut([a({type:String})],ve.prototype,"value"),ut([a({type:String})],ve.prototype,"label"),ut([a({type:Boolean,reflect:!0})],ve.prototype,"hidden"),customElements.define("nys-option",ve);const u1=':host{--_nys-select-width: 100%;--_nys-select-height: var(--nys-size-500, 40px);--_nys-select-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-select-font-size: var(--nys-font-size-ui-md, 16px);--_nys-select-font-weight: var(--nys-font-weight-regular, 400);--_nys-select-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-select-gap: var(--nys-space-50, 4px);--_nys-select-border-radius: var(--nys-radius-md, 4px);--_nys-select-padding: var(--nys-space-100, 8px) var(--nys-space-400, 32px) var(--nys-space-100, 8px) var(--nys-space-100, 8px);--_nys-select-color: var(--nys-color-text, #1b1b1b);--_nys-select-color--error: var( --nys-color-danger, var(--nys-color-red-600, #b52c2c) );--_nys-select-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-select-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-select-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-select-border-width: var(--nys-border-width-sm, 1px);--_nys-select-border-color: var(--nys-color-neutral-400, #909395);--_nys-select-border-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-select-border-color--focus: var(--nys-color-focus, #004dd1);--_nys-select-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-400, #909395);--_nys-select-border-focus: var(--nys-border-width-sm, 1px) solid var(--nys-color-focus, var(--nys-color-blue-600, #004dd1));--_nys-select-border-disabled: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-hover: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-900, #1b1b1b)}.nys-select{display:flex;flex-direction:column;gap:var(--_nys-select-gap);font-family:var(--_nys-select-font-family)}.nys-select__select{color:var(--_nys-select-color);font-weight:var(--_nys-select-font-weight);font-family:var(--_nys-select-font-family);border-radius:var(--_nys-select-border-radius);border:solid var(--_nys-select-border-width) var(--_nys-select-border-color);font-size:var(--_nys-select-font-size);padding:var(--_nys-select-padding);width:var(--_nys-select-width);height:var(--_nys-select-height);max-width:100%;text-indent:1px;background:var(--_nys-select-background-color);appearance:none;text-overflow:ellipsis}.nys-select__selectwrapper{position:relative;display:inline-block;width:var(--_nys-select-width);max-width:100%}.nys-select__icon{color:var(--_nys-select-color);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host([width=sm]){--_nys-select-width: var(--nys-select-form-width-sm, 88px)}:host([width=md]){--_nys-select-width: var(--nys-select-form-width-md, 200px)}:host([width=lg]){--_nys-select-width: var(--nys-select-form-width-lg, 384px)}:host([width=full]){--_nys-select-width: 100%;flex:1}.nys-select__select:hover:not(:disabled){cursor:pointer;border-color:var(--_nys-select-border-color--hover);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--hover)}.nys-select__select:focus{border-color:var(--_nys-select-border-color--focus);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--focus)}.nys-select__select:disabled{background-color:var(--_nys-select-background-color--disabled);border-color:var(--_nys-select-border-color--disabled);cursor:not-allowed;color:var(--_nys-select-color--disabled)}.nys-select__select:disabled~.nys-select__icon{color:var(--_nys-select-color--disabled)}:host([showError]){--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--_nys-select-color--error)}';var p1=Object.defineProperty,G=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&p1(e,t,o),o};let y1=0;const mt=class mt extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.value="",this.disabled=!1,this.required=!1,this.optional=!1,this.tooltip="",this.form=null,this.inverted=!1,this.showError=!1,this.errorMessage="",this.width="full",this._originalErrorMessage="",this._hasUserInteracted=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-select-${Date.now()}-${y1++}`),this._originalErrorMessage=this.errorMessage??"",this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this.shadowRoot?.querySelector('slot:not([name="description"])')&&this._handleSlotChange(),this._setValue()}_handleSlotChange(){const e=this.shadowRoot?.querySelector('slot:not([name="description"])'),t=this.shadowRoot?.querySelector("select");if(!e||!t)return;Array.from(t.children).forEach(n=>{n.hasAttribute("data-native")||n.remove()}),e.assignedElements({flatten:!0}).forEach(n=>{if(n instanceof ve){const i=document.createElement("option");i.value=n.value,i.textContent=n.label||n.textContent?.trim()||"",i.disabled=n.disabled,i.selected=n.selected,t.appendChild(i);return}if(n.tagName==="OPTION"){const i=n,l=i.cloneNode(!0);l.setAttribute("data-native","true"),l.disabled=i.disabled,l.selected=i.selected,t.appendChild(l);return}if(n.tagName==="OPTGROUP"){const i=document.createElement("optgroup");i.label=n.label,n.disabled&&(i.disabled=!0),Array.from(n.children).forEach(l=>{if(l instanceof ve){const c=document.createElement("option");c.value=l.value,c.textContent=l.label||l.textContent?.trim()||"",c.disabled=l.disabled,c.selected=l.selected,i.appendChild(c)}else if(l.tagName==="OPTION"){const c=l.cloneNode(!0);i.appendChild(c)}}),t.appendChild(i);return}});const o=Array.from(t.options).find(n=>n.selected);o&&(this.value=o.value,this._internals.setFormValue(this.value))}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("select");if(!e)return;const t=this.errorMessage||"This field is required.";this.required&&!this.value?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}),this._hasUserInteracted=!1)}_setValidityMessage(e=""){const t=this.shadowRoot?.querySelector("select");if(!t)return;this.showError=!!e,this._originalErrorMessage?.trim()&&e!==""?this.errorMessage=this._originalErrorMessage:this.errorMessage=e;const s=e?{customError:!0}:{};this._internals.setValidity(s,this.errorMessage,t)}_validate(){const e=this.shadowRoot?.querySelector("select");if(!e)return;let t=e.validationMessage;this._manageRequire(),this._setValidityMessage(t)}formResetCallback(){this.value="";const e=this.shadowRoot?.querySelector("select");e&&(e.value="",Array.from(e.options).forEach(t=>t.selected=!1)),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.requestUpdate()}checkValidity(){const e=this.shadowRoot?.querySelector("select");return e?e.checkValidity():!0}_handleInvalid(e){e.preventDefault(),this._hasUserInteracted=!0,this._validate(),this.showError=!0;const t=this.shadowRoot?.querySelector("select");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}_handleChange(e){const t=e.target;this.value=t.value,this._internals.setFormValue(this.value),this.required&&this.value&&(this.showError=!1,this.errorMessage="",this._internals.setValidity({})),this._hasUserInteracted&&this._validate(),this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(){this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0}))}updated(e){if(super.updated(e),e.has("value")){const t=this.shadowRoot?.querySelector("select");t&&(t.value=this.value)}}render(){return h`
|
|
1260
1482
|
<div class="nys-select">
|
|
1261
1483
|
<nys-label
|
|
1262
1484
|
for=${this.id+"--native"}
|
|
@@ -1273,7 +1495,7 @@
|
|
|
1273
1495
|
class="nys-select__select"
|
|
1274
1496
|
name=${this.name}
|
|
1275
1497
|
id=${this.id+"--native"}
|
|
1276
|
-
form=${
|
|
1498
|
+
form=${v(this.form||void 0)}
|
|
1277
1499
|
?disabled=${this.disabled}
|
|
1278
1500
|
?required=${this.required}
|
|
1279
1501
|
aria-disabled="${this.disabled}"
|
|
@@ -1297,7 +1519,7 @@
|
|
|
1297
1519
|
errorMessage=${this.errorMessage}
|
|
1298
1520
|
></nys-errormessage>
|
|
1299
1521
|
</div>
|
|
1300
|
-
`}};
|
|
1522
|
+
`}};mt.styles=_(u1),mt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},mt.formAssociated=!0;let q=mt;G([a({type:String,reflect:!0})],q.prototype,"id"),G([a({type:String,reflect:!0})],q.prototype,"name"),G([a({type:String})],q.prototype,"label"),G([a({type:String})],q.prototype,"description"),G([a({type:String})],q.prototype,"value"),G([a({type:Boolean,reflect:!0})],q.prototype,"disabled"),G([a({type:Boolean,reflect:!0})],q.prototype,"required"),G([a({type:Boolean,reflect:!0})],q.prototype,"optional"),G([a({type:String})],q.prototype,"tooltip"),G([a({type:String,reflect:!0})],q.prototype,"form"),G([a({type:Boolean,reflect:!0})],q.prototype,"inverted"),G([a({type:Boolean,reflect:!0})],q.prototype,"showError"),G([a({type:String})],q.prototype,"errorMessage"),G([a({type:String,reflect:!0})],q.prototype,"width"),customElements.get("nys-select")||customElements.define("nys-select",q);const f1=':host{--_nys-skipnav-padding--y: var(--nys-space-100, 8px);--_nys-skipnav-padding--x: var(--nys-space-200, 16px);--_nys-skipnav-gap: var(--nys-space-100, 8px);--_nys-skipnav-border-width: var(--nys-border-width-md, 2px);--_nys-skipnav-border-color: var(--nys-color-link, #004dd1);--_nys-skipnav-border-radius: var(--nys-radius-sm, 2px);--_nys-skipnav-font-size: var(--nys-font-size-ui-md, 16px);--_nys-skipnav-font-weight: var(--nys-font-weight-semibold, 600);--_nys-skipnav-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-skipnav-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-skipnav-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-skipnav-color: var(--nys-color-link, #004dd1);--_nys-skipnav-background-color: var(--nys-color-surface, #ffffff)}.nys-skipnav__link{position:absolute;left:auto;top:-4.8rem;display:inline-flex;padding:var(--_nys-skipnav-padding--y) var(--_nys-skipnav-padding--x);align-items:flex-end;gap:var(--_nys-skipnav-gap);background:var(--_nys-skipnav-background-color);color:var(--_nys-skipnav-color);border:var(--_nys-skipnav-border-width) solid var(--_nys-skipnav-border-color);border-radius:var(--_nys-skipnav-border-radius);font-family:var(--_nys-skipnav-font-family);font-size:var(--_nys-skipnav-font-size);font-style:normal;font-weight:var(--_nys-skipnav-font-weight);line-height:var(--_nys-skipnav-line-height);letter-spacing:var(--_nys-skipnav-letter-spacing);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;z-index:100;transition:.15s ease-in-out}.nys-skipnav__link:focus,.nys-skipnav__link.show{top:0;left:auto;outline:none}';var v1=Object.defineProperty,Vo=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&v1(e,t,o),o};const Cs=class Cs extends f{constructor(){super(),this.id="",this.href=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-skipnav-${Date.now()}`)}_handleFocus(){this.shadowRoot?.querySelector(".nys-skipnav__link")?.classList.add("show")}_handleBlur(){this.shadowRoot?.querySelector(".nys-skipnav__link")?.classList.remove("show")}_handleClick(){const e=(this.href||"#main-content").replace("#",""),t=document.getElementById(e);t&&(t.setAttribute("tabindex","-1"),t.focus(),t.style.outline="none")}render(){return h`
|
|
1301
1523
|
<div class="nys-skipnav">
|
|
1302
1524
|
<a
|
|
1303
1525
|
href=${this.href?this.href:"#main-content"}
|
|
@@ -1310,7 +1532,7 @@
|
|
|
1310
1532
|
Skip to main content
|
|
1311
1533
|
</a>
|
|
1312
1534
|
</div>
|
|
1313
|
-
`}};
|
|
1535
|
+
`}};Cs.styles=_(f1);let Ge=Cs;Vo([a({type:String,reflect:!0})],Ge.prototype,"id"),Vo([a({type:String})],Ge.prototype,"href"),customElements.get("nys-skipnav")||customElements.define("nys-skipnav",Ge);const Ho=':host{--_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);--_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);--_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-stepper-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-step-color: var(--nys-color-text, #1b1b1b);--_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6)}.nys-stepper{font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);display:flex;flex-direction:column;counter-reset:step;background-color:var(--_nys-stepper-background-color);max-width:100%;height:100%}.nys-stepper__header{display:flex;flex-direction:column;padding:var(--nys-space-400, 32px) var(--nys-space-400, 32px) var(--nys-space-150, 12px)}::slotted(div[slot=actions]){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--nys-space-100, 8px);margin-bottom:var(--nys-space-300, 24px)}.nys-stepper__counter{display:none;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;color:var(--nys-color-text, #1b1b1b);text-overflow:ellipsis;font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:400;line-height:var(--nys-font-size-ui-md, 16px);cursor:pointer;width:fit-content}.nys-stepper__steps{display:flex;flex-direction:column;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px);overflow-y:scroll;height:fit-content;height:-moz-available;scrollbar-width:none;background:linear-gradient(var(--nys-color-surface-raised, #f6f6f6) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--nys-color-surface-raised, #f6f6f6) 70%) center bottom,linear-gradient(to bottom,#63636333,#0000) top,linear-gradient(to top,#63636333,#0000) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-color:var(--nys-color-surface-raised, #f6f6f6)}.nys-step{position:relative;counter-increment:step;display:flex;flex-direction:column}.nys-step__contentwrapper{display:flex;flex-direction:row;align-items:center;gap:var(--nys-space-150, 12px);cursor:default;width:fit-content}.nys-step__contentwrapper:focus-visible{outline:solid var(--nys-color-focus, #004dd1) var(--nys-border-width-md, 2px);outline-offset:var(--nys-space-2px, 2px);border-radius:var(--nys-radius-md, 4px)}.nys-step__linewrapper{width:24px;display:flex;justify-content:center}.nys-step__line{width:var(--nys-size-1px, 1px);height:var(--nys-size-300, 24px);border-radius:var(--nys-radius-round, 1776px);background:var(--nys-color-black-transparent-200, rgba(27, 27, 27, .2));margin:var(--nys-space-100, 8px) 0}.nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-size-300, 24px);min-width:var(--nys-size-300, 24px);max-width:var(--nys-size-300, 24px);height:var(--nys-size-300, 24px);min-height:var(--nys-size-300, 24px);max-height:var(--nys-size-300, 24px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--nys-color-text, #1b1b1b)}:host([previous]) .nys-step__number,:host([previous]) .nys-step__line,:host([current]) .nys-step__number,:host([current]) .nys-step__line{background-color:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme, #154973);outline:var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9)}:host([first]) .nys-step__linewrapper{display:none!important}.nys-step__content{display:flex;flex-direction:column;gap:var(--nys-space-100, 8px)}.nys-step__label{color:var(--_nys-step-color);font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);line-height:var(--nys-font-size-ui-md, 16px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:var(7%, 1.12px);text-underline-offset:auto}:host([current]) .nys-step__label,:host([previous]) .nys-step__label{text-decoration-line:underline}:host([current]) .nys-step__contentwrapper,:host([previous]) .nys-step__contentwrapper{cursor:pointer}:host([selected]) .nys-step__label{font-weight:700;text-decoration-line:none}:host([selected]) .nys-step__contentwrapper{cursor:default}:host([selected]) .nys-step__contentwrapper:focus-visible{outline-offset:6px}@media(max-width:1023px){.nys-stepper{max-width:1023px;width:100%}.nys-stepper__header{flex-direction:row-reverse;justify-content:space-between;padding:var(--nys-space-150, 12px);gap:var(--nys-space-200, 16px)}.nys-stepper__headertext{flex:1 1 0;min-width:0}::slotted(div[slot=actions]){margin-bottom:0;min-width:0;justify-content:end}.nys-stepper__counter{display:block}.nys-stepper__steps{flex-direction:row;gap:var(--nys-space-2px, 2px);padding:0}.nys-stepper__steps::slotted(*){flex:1}.nys-step__number{border-radius:0;border:none;background-color:var(--nys-color-neutral-200, #bec0c1);height:var(--nys-size-100, 8px);min-height:var(--nys-size-100, 8px);max-height:var(--nys-size-100, 8px);width:100%;min-width:100%;max-width:100%;color:transparent}:host([previous]) .nys-step__number,:host([current]) .nys-step__number{background-color:var(--nys-color-neutral-900, #1b1b1b);color:transparent}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme-mid, #457aa5);outline:none}.nys-step__content,.nys-step__linewrapper{display:none}.nys-step__contentwrapper{cursor:default;pointer-events:none;width:auto}:host([isCompactExpanded]) .nys-step__content,:host([isCompactExpanded]) .nys-step__linewrapper{display:flex}:host([isCompactExpanded]) .nys-stepper__header{padding-bottom:var(--nys-space-250, 20px)}:host([isCompactExpanded]) .nys-stepper__steps{width:-webkit-fill-available;width:-moz-available;z-index:9999;overflow-y:auto;flex-direction:column;gap:0;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px)}:host([isCompactExpanded]) .nys-stepper__steps::slotted(*){flex:none}:host([isCompactExpanded]) .nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:1px solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-space-300, 24px);min-width:var(--nys-space-300, 24px);max-width:var(--nys-space-300, 24px);height:var(--nys-space-300, 24px);min-height:var(--nys-space-300, 24px);max-height:var(--nys-space-300, 24px);color:var(--nys-color-text, #1b1b1b)}:host([isCompactExpanded][previous]) .nys-step__number,:host([isCompactExpanded][previous]) .nys-step__line,:host([isCompactExpanded][current]) .nys-step__number,:host([isCompactExpanded][current]) .nys-step__line{background:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([isCompactExpanded][selected]) .nys-step__number{background:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme, #154973);outline:4px solid var(--nys-color-theme-weak, #cddde9)}:host([isCompactExpanded]) .nys-step__contentwrapper{pointer-events:all}}';var b1=Object.defineProperty,Re=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&b1(e,t,o),o};const ws=class ws extends f{constructor(){super(...arguments),this.selected=!1,this.current=!1,this.label="",this.href="",this.isCompactExpanded=!1,this.stepNumber=0}_handleActivate(e){typeof this.onClick=="function"&&this.onClick(e);const t=new CustomEvent("nys-step-click",{bubbles:!0,composed:!0,cancelable:!0,detail:{href:this.href,label:this.label}});(this.hasAttribute("previous")||this.current)&&!this.selected&&(this.dispatchEvent(t),!t.defaultPrevented&&this.href&&(window.location.href=this.href))}_handleKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._handleActivate(e))}render(){return h`
|
|
1314
1536
|
<div class="nys-step">
|
|
1315
1537
|
<div class="nys-step__linewrapper">
|
|
1316
1538
|
<div class="nys-step__line"></div>
|
|
@@ -1337,7 +1559,7 @@
|
|
|
1337
1559
|
</div>
|
|
1338
1560
|
</div>
|
|
1339
1561
|
</div>
|
|
1340
|
-
`}};
|
|
1562
|
+
`}};ws.styles=_(Ho);let re=ws;Re([a({type:Boolean,reflect:!0})],re.prototype,"selected"),Re([a({type:Boolean,reflect:!0})],re.prototype,"current"),Re([a({type:String})],re.prototype,"label"),Re([a({type:String})],re.prototype,"href"),Re([a({type:Boolean})],re.prototype,"isCompactExpanded"),Re([a({attribute:!1})],re.prototype,"onClick"),Re([a({type:Number})],re.prototype,"stepNumber"),customElements.get("nys-step")||customElements.define("nys-step",re);var g1=Object.defineProperty,pt=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&g1(e,t,o),o};let _1=0;const xs=class xs extends f{constructor(){super(),this.id="",this.name="",this.label="",this.counterText="initial",this.isCompactExpanded=!1,this._stepsNumbered=!1,this._onStepClick=async e=>{const t=e.composedPath().find(i=>i instanceof HTMLElement&&i.tagName.toLowerCase()==="nys-step");if(!t)return;const s=Array.from(this.querySelectorAll("nys-step")),o=s.findIndex(i=>i.hasAttribute("current")),n=s.indexOf(t);o!==-1&&n>o||t.hasAttribute("selected")||(s.forEach(i=>i.removeAttribute("selected")),t.setAttribute("selected",""),this._updateCounter(),this.isCompactExpanded=!1)}}connectedCallback(){super.connectedCallback(),this.addEventListener("nys-step-click",this._onStepClick),requestAnimationFrame(()=>this._validateSteps()),this.id||(this.id=`nys-stepper-${++_1}-${Date.now()}`)}disconnectedCallback(){this.removeEventListener("nys-step-click",this._onStepClick),super.disconnectedCallback()}_validateSteps(){Array.from(this.children).forEach(e=>{const t=e instanceof HTMLElement&&e.tagName.toLowerCase()==="nys-step",s=e instanceof HTMLElement&&e.hasAttribute("slot")&&e.getAttribute("slot")==="actions";!t&&!s&&(console.warn("Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:",e),e.remove())})}_validateButtonSlot(e){const s=e.target.assignedElements();if(s.length!==1||s[0].tagName.toLowerCase()!=="div"){console.warn("The 'actions' slot must have exactly one <div> as a direct child.");return}const o=s[0];Array.from(o.children).forEach(n=>{n instanceof HTMLElement&&n.tagName.toLowerCase()==="nys-button"?(n.setAttribute("size","sm"),n.hasAttribute("fullWidth")&&(n.style.flex="1 1 0")):(console.warn("The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",n),n.remove())})}_updateCounter(){let e;if(this.isCompactExpanded)e="Back to Form",this.style.height="-webkit-fit-content",this.style.height="-moz-fit-content",this.style.height="fit-content";else{this.style.height="auto";const t=this.querySelectorAll("nys-step"),s=Array.from(t).findIndex(n=>n.hasAttribute("selected")),o=t.length;e=s>=0?`Step ${s+1} of ${o}`:`Step 1 of ${o}`}e!==this.counterText&&(this.counterText=e)}willUpdate(){const e=this.querySelectorAll("nys-step");this._stepsNumbered||(e.forEach((n,i)=>{n.stepNumber=i+1}),this._stepsNumbered=!0);let t=!1,s=!1,o=!1;e.forEach((n,i)=>{n.hasAttribute("current")&&(o?n.removeAttribute("current"):o=!0),i===0?n.setAttribute("first",""):n.removeAttribute("first"),n.hasAttribute("current")?(t=!0,n.removeAttribute("previous")):t?n.removeAttribute("previous"):n.setAttribute("previous",""),n.hasAttribute("selected")&&(t||s?n.removeAttribute("selected"):s=!0),this.isCompactExpanded?n.setAttribute("isCompactExpanded",""):n.removeAttribute("isCompactExpanded")}),s||(o?e.forEach(n=>{n.hasAttribute("current")&&!s&&(n.setAttribute("selected",""),s=!0)}):e.length>0&&(e[0].setAttribute("current",""),e[0].setAttribute("selected",""))),this._updateCounter()}_toggleCompact(){this.isCompactExpanded=!this.isCompactExpanded}_handleCounterKeydown(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this._toggleCompact())}render(){return h`
|
|
1341
1563
|
<div class="nys-stepper" name=${this.name}>
|
|
1342
1564
|
<div class="nys-stepper__header">
|
|
1343
1565
|
<slot name="actions" @slotchange=${this._validateButtonSlot}></slot>
|
|
@@ -1358,7 +1580,7 @@
|
|
|
1358
1580
|
</div>
|
|
1359
1581
|
<slot class="nys-stepper__steps"></slot>
|
|
1360
1582
|
</div>
|
|
1361
|
-
`}};
|
|
1583
|
+
`}};xs.styles=_(Ho);let be=xs;pt([a({type:String,reflect:!0})],be.prototype,"id"),pt([a({type:String,reflect:!0})],be.prototype,"name"),pt([a({type:String})],be.prototype,"label"),pt([a({type:String})],be.prototype,"counterText"),pt([a({type:Boolean,reflect:!0})],be.prototype,"isCompactExpanded"),customElements.get("nys-stepper")||customElements.define("nys-stepper",be);const m1=':host{--_nys-table-width: 100%;--_nys-table-radius: var(--nys-radius-xl, 12px);--_nys-table-padding: var(--nys-space-100, 8px);--_nys-table-border-color: transparent;--_nys-table-border-width: 0;--_nys-table-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif));--_nys-table-font-size: var(--nys-font-size-ui-md, 16px);--_nys-table-font-weight: var(--nys-font-weight-regular, 400);--_nys-table-line-height: var(--nys-font-line-height-ui, 24px);--_nys-table-padding--caption: var(--nys-space-250, 20px) var(--nys-space-150, 12px);--_nys-table-font-size--caption: var(--nys-font-size-ui-lg, 18px);--_nys-table-font-weight--caption: var(--nys-font-weight-bold, 700);--_nys-table-padding--cell--x: var(--nys-space-150, 12px);--_nys-table-padding--cell--y: var(--nys-space-200, 16px);--_nys-table-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-table-background-color--striped: var(--nys-color-neutral-10, #f6f6f6);--_nys-table-color--code: var(--nys-color-red-600, #b52c2c);--_nys-table-background-color--code: var(--nys-color-neutral-10, #f6f6f6)}:host([bordered]){--_nys-table-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-table-border-width: var(--nys-space-1px, 1px)}:host([download]){display:flex;flex-direction:column;gap:var(--nys-space-150, 12px)}.nys-table{width:var(--_nys-table-width);font:var(--_nys-table-font-weight) var(--_nys-table-font-size)/var(--_nys-table-line-height) var(--_nys-table-font-family)}.nys-table table{width:var(--_nys-table-width);border-collapse:collapse;background-color:var(--_nys-table-background-color)}.nys-table caption{padding:var(--_nys-table-padding--caption);font-size:var(--_nys-table-font-size--caption);font-weight:var(--_nys-table-font-weight--caption);text-align:start}.nys-table caption div{display:flex;justify-content:space-between;align-items:center}.nys-table td{padding:var(--_nys-table-padding--cell--y) var(--_nys-table-padding--cell--x);border:var(--_nys-table-border-width) solid var(--_nys-table-border-color)}.nys-table td code{color:var(--_nys-table-color--code);background-color:var(--_nys-table-background-color--code);padding:var(--nys-space-1px) var(--nys-space-2px);border-radius:var(--nys-radius-md)}.nys-table th{border:var(--_nys-table-border-width) solid var(--_nys-table-border-color);overflow:hidden;text-overflow:ellipsis;padding:var(--_nys-table-padding--cell--y) var(--_nys-table-padding--cell--x);text-align:left}.nys-table th:has(nys-button){padding:0}.nys-table th p{margin:0}.nys-table th nys-button{margin:0;width:-moz-available;width:-webkit-fill-available;width:fill-available;justify-content:space-between;--_nys-button-border-width: 0;--_nys-button-border-radius--start: 0;--_nys-button-border-radius--end: 0;--_nys-button-padding--x: var(--_nys-table-padding--cell--x);--_nys-button-justify-content: space-between;--_nys-button-outline-offset: -2px}.nys-table th.nys-table__sortedcolumn{background-color:var(--nys-color-theme-weak, #cddde9)}.nys-table td.nys-table__sortedcolumn{position:relative;z-index:0}.nys-table td.nys-table__sortedcolumn:after{content:"";position:absolute;inset:0;background-color:var(--nys-color-theme, #154973);opacity:.1;pointer-events:none;z-index:-1}:host([striped]) .nys-table tbody tr:nth-child(odd){background-color:var(--_nys-table-background-color--striped)}:host([sortable]) .nys-table th{cursor:pointer}.sr-only{border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}';var C1=Object.defineProperty,ge=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&C1(e,t,o),o};let w1=0;const ks=class ks extends f{constructor(){super(),this.id="",this.name="",this.striped=!1,this.sortable=!1,this.bordered=!1,this.download="",this._sortColumn=null,this._sortDirection="none",this._captionText=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-table-${Date.now()}-${w1++}`)}firstUpdated(){this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange",()=>this._handleSlotChange()),this._handleSlotChange()}_handleSlotChange(){const e=this.shadowRoot?.querySelector("slot"),t=this.shadowRoot?.querySelector(".table-container");if(!e||!t)return;t.innerHTML="";const o=e.assignedElements({flatten:!0}).find(i=>i.tagName==="TABLE");if(!o)return;const n=o.cloneNode(!0);this._normalizeTableDOM(n),this.sortable&&this._addSortIcons(n),t.appendChild(n)}_normalizeTableDOM(e){const t=e.querySelector("thead"),s=e.querySelector("tbody");if(t&&s)return;const o=e.querySelector("caption"),n=Array.from(e.querySelectorAll("tr"));if(n.length===0)return;const i=document.createElement("thead"),l=document.createElement("tbody"),c=n.findIndex(d=>d.querySelector("th"));if(c===-1)n.forEach(d=>l.appendChild(d));else{const d=n[c];d.querySelectorAll("th").forEach(p=>{Array.from(p.childNodes).forEach(u=>{if(u.nodeType===Node.TEXT_NODE&&u.textContent?.trim()){const y=document.createElement("p");y.textContent=u.textContent,p.replaceChild(y,u)}})}),i.appendChild(d),n.forEach((p,u)=>{u!==c&&l.appendChild(p)})}if(e.innerHTML="",o&&e.appendChild(o),this.sortable){const d=document.createElement("span");if(d.setAttribute("class","sr-only"),d.textContent="Column headers with buttons are sortable.",o)o.appendChild(d);else{const p=document.createElement("caption");p.appendChild(d),e.appendChild(p)}}e.appendChild(i),e.appendChild(l)}willUpdate(){const e=Array.from(this.children).find(o=>o.tagName==="TABLE");if(!e)return;const s=e.querySelector("caption")?.textContent?.trim()??"";this._captionText!==s&&(this._captionText=s)}_addSortIcons(e){const t=Array.from(e.querySelectorAll("thead th"));t.length!==0&&t.forEach((s,o)=>{if(s.querySelector("nys-button[part='sort-button']"))return;const n=s.textContent?.trim();if(!n)return;s.textContent="";const i=document.createElement("nys-button");i.setAttribute("part","sort-button"),i.setAttribute("variant","ghost"),i.setAttribute("label",n),i.setAttribute("suffixIcon","slotted"),i.setAttribute("fullWidth","true");const l=document.createElement("nys-icon");l.setAttribute("slot","suffix-icon"),l.setAttribute("name","height"),l.setAttribute("size","24"),l.setAttribute("color","var(--nys-color-text-weak, #4a4d4f)"),i.appendChild(l),i.addEventListener("nys-click",c=>{c.stopPropagation(),this._onSortClick(o,e)}),s.appendChild(i)})}_updateSortIcons(e){e.querySelectorAll("thead th").forEach((s,o)=>{const n=s.querySelector("nys-button[part='sort-button']"),i=n?.querySelector("nys-icon[slot='suffix-icon']");if(!(!n||!i))if(o===this._sortColumn)switch(s.classList.add("nys-table__sortedcolumn"),this._sortDirection){case"asc":i.setAttribute("name","straight"),i.setAttribute("color","var(--nys-color-ink, #1b1b1b)"),i.style.transform="rotate(0deg)",s.setAttribute("aria-sort","ascending");break;case"desc":i.setAttribute("name","straight"),i.setAttribute("color","var(--nys-color-ink, #1b1b1b)"),i.style.transform="rotate(180deg)",s.setAttribute("aria-sort","descending");break}else s.classList.remove("nys-table__sortedcolumn"),i.setAttribute("name","height"),i.setAttribute("color","var(--nys-color-text-weak, #4a4d4f)"),i.style.transform="",s.removeAttribute("aria-sort")})}_onSortClick(e,t){const o=Array.from(t.querySelectorAll("thead th"))[e]?.querySelector("nys-button[part='sort-button']")?.getAttribute("label")??"",n=this._sortColumn!==e?"asc":this._sortDirection==="asc"?"desc":"asc";this._emitColumnSortEvent(e,o,n)||(this._sortColumn=e,this._sortDirection=n,this._updateSortIcons(t),this._sortTable(t,e,this._sortDirection))}_sortTable(e,t,s){const o=e.querySelector("tbody");if(!o)return;const n=Array.from(o.querySelectorAll("tr"));n.sort((i,l)=>{const c=i.children[t]?.textContent?.trim()??"",d=l.children[t]?.textContent?.trim()??"",p=Number(c),u=Number(d);let y;return!isNaN(p)&&!isNaN(u)?y=p-u:y=c.localeCompare(d),s==="asc"?y:-y}),n.forEach(i=>o.appendChild(i)),this._updateSortedColumnStyles(e)}_updateSortedColumnStyles(e){e.querySelectorAll("tbody tr").forEach(s=>{Array.from(s.children).forEach((o,n)=>{n===this._sortColumn?o.classList.add("nys-table__sortedcolumn"):o.classList.remove("nys-table__sortedcolumn")})})}downloadFile(){const e=document.createElement("a");e.href=this.download,e.download=this.download.split("/").pop()||"table-data.csv",document.body.appendChild(e),e.click(),document.body.removeChild(e)}_emitColumnSortEvent(e,t,s){const o=new CustomEvent("nys-column-sort",{detail:{columnIndex:e,columnLabel:t,sortDirection:s},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(o),o.defaultPrevented}render(){return h`
|
|
1362
1584
|
<div class="nys-table">
|
|
1363
1585
|
<div class="table-container"></div>
|
|
1364
1586
|
</div>
|
|
@@ -1372,7 +1594,7 @@
|
|
|
1372
1594
|
@nys-click=${this.downloadFile}
|
|
1373
1595
|
></nys-button>`:""}
|
|
1374
1596
|
<slot style="display:none"></slot>
|
|
1375
|
-
`}};
|
|
1597
|
+
`}};ks.styles=_(m1);let J=ks;ge([a({type:String,reflect:!0})],J.prototype,"id"),ge([a({type:String,reflect:!0})],J.prototype,"name"),ge([a({type:Boolean,reflect:!0})],J.prototype,"striped"),ge([a({type:Boolean,reflect:!0})],J.prototype,"sortable"),ge([a({type:Boolean,reflect:!0})],J.prototype,"bordered"),ge([a({type:String,reflect:!0})],J.prototype,"download"),ge([m()],J.prototype,"_sortColumn"),ge([m()],J.prototype,"_sortDirection"),ge([m()],J.prototype,"_captionText"),customElements.get("nys-table")||customElements.define("nys-table",J);const x1=':host{--_nys-textarea-width: 100%;--_nys-textarea-border-radius: var(--nys-radius-md, 4px);--_nys-textarea-border-width: var(--nys-border-width-sm, 1px);--_nys-textarea-border-color: var(--nys-color-neutral-400, #909395);--_nys-textarea-padding: var(--nys-space-200, 16px);--_nys-textarea-gap: var(--nys-space-50, 4px);--_nys-textarea-color: var(--nys-color-ink, #1b1b1b);--_nys-textarea-color--placeholder: var(--nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f));--_nys-textarea-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-textarea-outline-width: var(--nys-border-width-sm, 1px);--_nys-textarea-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textarea-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-textarea-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-textarea-color--disabled: var(--nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1));--_nys-textarea-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-textarea-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textarea-font-weight: var(--nys-font-weight-regular, 400);--_nys-textarea-line-height: var(--nys-font-lineheight-ui-md, 24px);--nys-textarea-letterspacing-ui: var(--nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px))}:host([width=sm]){--_nys-textarea-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textarea-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textarea-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textarea-width: 100%;flex:1}:host([showError]){--_nys-textarea-border-color: var(--nys-color-danger, #b52c2c)}.nys-textarea{font-weight:var(--_nys-textarea-font-weight);font-family:var(--_nys-textarea-font-family);line-height:var(--_nys-textarea-line-height);letter-spacing:var(--nys-textarea-letterspacing-ui);color:var(--_nys-textarea-color);gap:var(--_nys-textarea-gap);display:flex;flex-direction:column}.nys-textarea__textarea{color:var(--_nys-textarea-color);font-size:var(--_nys-textarea-font-size);font-family:var(--_nys-textarea-font-family);border-radius:var(--_nys-textarea-border-radius);border:solid var(--_nys-textarea-border-color) var(--_nys-textarea-border-width);padding:var(--_nys-textarea-padding);width:var(--_nys-textarea-width);line-height:var(--_nys-textarea-line-height);max-width:var(--_nys-textarea-width);box-sizing:border-box}.nys-textarea__textarea::placeholder{color:var(--_nys-textarea-color--placeholder)}.nys-textarea__textarea.none{resize:none}.nys-textarea__textarea:hover:not(:disabled):not(:focus):not([readonly]){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--hover);border-color:var(--_nys-textarea-outline-color--hover)}.nys-textarea__textarea:focus:not([readonly]){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--focus);border-color:var(--_nys-textarea-outline-color--focus);caret-color:var(--_nys-textarea-outline-color--focus)}.nys-textarea__textarea:disabled,.nys-textarea__textarea:disabled::placeholder{background-color:var(--_nys-textarea-background-color--disabled);border-color:var(--_nys-textarea-border-color--disabled);color:var(--_nys-textarea-color--disabled);cursor:not-allowed}';var k1=Object.defineProperty,R=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&k1(e,t,o),o};let $1=0;const Ct=class Ct extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.required=!1,this.optional=!1,this.tooltip="",this.inverted=!1,this.form=null,this.maxlength=null,this.width="full",this.rows=4,this.resize="vertical",this.showError=!1,this.errorMessage="",this._hasUserInteracted=!1,this._internals=this.attachInternals()}async updated(e){if(await Promise.resolve(),e.has("rows")&&(this.rows=this.rows??4),e.has("readonly")||e.has("required")){const t=this.shadowRoot?.querySelector("textarea");t&&(t.required=this.required&&!this.readonly)}}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-textarea-${Date.now()}-${$1++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("textarea");if(!e)return;const t=this.errorMessage||"This field is required";this.required&&!this.value?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}),this._hasUserInteracted=!1)}_setValidityMessage(e=""){const t=this.shadowRoot?.querySelector("textarea");t&&(this.showError=!!e,this.errorMessage?.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){const e=this.shadowRoot?.querySelector("textarea");if(!e)return;let t=e.validationMessage;this._setValidityMessage(t)}formResetCallback(){this.value="";const e=this.shadowRoot?.querySelector("textarea");e&&(e.value="",e.setAttribute("aria-invalid","false")),this.showError=!1,this._internals.setValidity({}),this.requestUpdate()}checkValidity(){const e=this.shadowRoot?.querySelector("textarea");return e?e.checkValidity():!0}_handleInvalid(e){e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=this.shadowRoot?.querySelector("textarea");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}_handleInput(e){const t=e.target;this.value=t.value,this._internals.setFormValue(this.value),this._hasUserInteracted&&this._validate(),this.dispatchEvent(new CustomEvent("nys-input",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(){this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0}))}_handleSelect(e){const t=e.target;this.value=t.value,this.dispatchEvent(new CustomEvent("nys-select",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_handleSelectionChange(e){const t=e.target;this.value=t.value,this.dispatchEvent(new CustomEvent("nys-selectionchange",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}render(){return h`
|
|
1376
1598
|
<div class="nys-textarea">
|
|
1377
1599
|
<nys-label
|
|
1378
1600
|
for=${this.id}
|
|
@@ -1392,14 +1614,14 @@
|
|
|
1392
1614
|
?disabled=${this.disabled}
|
|
1393
1615
|
?required=${this.required&&!this.readonly}
|
|
1394
1616
|
?readonly=${this.readonly}
|
|
1395
|
-
aria-disabled=${
|
|
1396
|
-
aria-required=${
|
|
1397
|
-
aria-label=${
|
|
1398
|
-
aria-description=${
|
|
1399
|
-
placeholder=${
|
|
1400
|
-
maxlength=${
|
|
1617
|
+
aria-disabled=${v(this.disabled?"true":void 0)}
|
|
1618
|
+
aria-required=${v(this.required?"true":void 0)}
|
|
1619
|
+
aria-label=${v(this.label||void 0)}
|
|
1620
|
+
aria-description=${v(this.description||void 0)}
|
|
1621
|
+
placeholder=${v(this.placeholder?this.placeholder:void 0)}
|
|
1622
|
+
maxlength=${v(this.maxlength??void 0)}
|
|
1401
1623
|
.rows=${this.rows}
|
|
1402
|
-
form=${
|
|
1624
|
+
form=${v(this.form||void 0)}
|
|
1403
1625
|
@input=${this._handleInput}
|
|
1404
1626
|
@focus="${this._handleFocus}"
|
|
1405
1627
|
@blur="${this._handleBlur}"
|
|
@@ -1411,7 +1633,7 @@
|
|
|
1411
1633
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
1412
1634
|
></nys-errormessage>
|
|
1413
1635
|
</div>
|
|
1414
|
-
`}};qt.styles=_(nn),qt.formAssociated=!0;let S=qt;q([a({type:String,reflect:!0})],S.prototype,"id"),q([a({type:String,reflect:!0})],S.prototype,"name"),q([a({type:String})],S.prototype,"label"),q([a({type:String})],S.prototype,"description"),q([a({type:String})],S.prototype,"placeholder"),q([a({type:String})],S.prototype,"value"),q([a({type:Boolean,reflect:!0})],S.prototype,"disabled"),q([a({type:Boolean,reflect:!0})],S.prototype,"readonly"),q([a({type:Boolean,reflect:!0})],S.prototype,"required"),q([a({type:Boolean,reflect:!0})],S.prototype,"optional"),q([a({type:String})],S.prototype,"tooltip"),q([a({type:Boolean,reflect:!0})],S.prototype,"inverted"),q([a({type:String,reflect:!0})],S.prototype,"form"),q([a({type:Number})],S.prototype,"maxlength"),q([a({type:String,reflect:!0})],S.prototype,"width"),q([a({type:Number})],S.prototype,"rows"),q([a({type:String,reflect:!0})],S.prototype,"resize"),q([a({type:Boolean,reflect:!0})],S.prototype,"showError"),q([a({type:String})],S.prototype,"errorMessage"),customElements.get("nys-textarea")||customElements.define("nys-textarea",S);const cn=':host{--_nys-textinput-width: 100%;--_nys-textinput-height: var(--nys-size-500, 40px);--_nys-textinput-border-radius: var(--nys-radius-md, 4px);--_nys-textinput-border-width: var(--nys-border-width-sm, 1px);--_nys-textinput-border-color: var(--nys-color-neutral-400, #909395);--_nys-textinput-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-textinput-color--placeholder: var( --nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f) );--_nys-textinput-padding: var(--nys-space-100, 8px);--_nys-textinput-gap: var(--nys-space-50, 4px);--_nys-textinput-background-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) );--_nys-textinput-outline-color--hover: var( --nys-color-neutral-900, #1b1b1b );--_nys-textinput-outline-width: var(--nys-border-width-sm, 1px);--_nys-textinput-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textinput-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-textinput-border-color--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-textinput-color--disabled: var( --nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1) );--_nys-textinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-textinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textinput-font-weight: var(--nys-font-weight-regular, 400);--_nys-textinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-textinput-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) )}:host([width=sm]){--_nys-textinput-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textinput-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textinput-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textinput-width: 100%;flex:1}:host([showError]){--_nys-textinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-textinput{font-weight:var(--_nys-textinput-font-weight);font-family:var(--_nys-textinput-font-family);font-size:var(--_nys-textinput-font-size);line-height:var(--_nys-textinput-line-height);letter-spacing:var(--_nys-textinput-letter-spacing);color:var(--_nys-textinput-color);gap:var(--_nys-textinput-gap);display:flex;flex-direction:column}.nys-textinput__mask-overlay{position:absolute;margin:calc(var(--_nys-textinput-padding) + var(--_nys-textinput-border-width));color:var(--nys-color-text-weaker, #797c7f);display:inline;overflow:hidden;white-space:nowrap;font:inherit;letter-spacing:normal}.nys-textinput__input{color:var(--_nys-textinput-color);border-radius:var(--_nys-textinput-border-radius);border:solid var(--_nys-textinput-border-color) var(--_nys-textinput-border-width);outline:transparent solid var(--_nys-textinput-outline-width);padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;background-color:transparent;position:relative;font:inherit}.nys-textinput__input::placeholder{color:var(--_nys-textinput-color--placeholder)}.nys-textinput__buttoncontainer{width:var(--_nys-textinput-width);max-width:100%;display:flex}.nys-textinput__buttoncontainer.has-end-button .nys-textinput__input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.nys-textinput__buttoncontainer.has-start-button .nys-textinput__input{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.nys-textinput__container{position:relative;display:flex;align-items:center;width:100%;background-color:var(--_nys-textinput-background-color);border-radius:var(--_nys-textinput-border-radius)}::slotted(nys-button){--_nys-button-height: var(--_nys-textinput-height);--_nys-button-border-radius--start: var(--_nys-textinput-border-radius);--_nys-button-border-radius--end: var(--_nys-textinput-border-radius);--_nys-button-background-color--disabled: var( --_nys-textinput-background-color--disabled );--_nys-button-border-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-border-width: var(--_nys-textinput-border-width);z-index:1}.nys-textinput__buttoncontainer.has-start-button ::slotted(nys-button){--_nys-button-border-radius--end: 0}.nys-textinput__buttoncontainer.has-end-button ::slotted(nys-button){--_nys-button-border-radius--start: 0}.eye-icon{position:absolute;right:var(--nys-space-50, 4px);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--_nys-textinput-color--icon);--nys-button-background-color: var(--_nys-textinput-background-color);--nys-button-background-color--hover: var( --_nys-textinput-background-color );--nys-button-background-color--active: var( --_nys-textinput-background-color );--_nys-button-outline-focus: calc( var(--_nys-button-outline-width) * -1 );--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-textinput__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-textinput-outline-color--hover);border-color:var(--_nys-textinput-outline-color--hover)}.nys-textinput__input:focus:not([readonly]){outline-color:var(--_nys-textinput-outline-color--focus);border-color:var(--_nys-textinput-outline-color--focus);caret-color:var(--_nys-textinput-outline-color--focus)}.nys-textinput__input:disabled,.nys-textinput__input:disabled::placeholder,.nys-textinput__input:disabled+.eye-icon{background-color:var(--_nys-textinput-background-color--disabled);border-color:var(--_nys-textinput-border-color--disabled);color:var(--_nys-textinput-color--disabled);cursor:not-allowed}';var dn=Object.defineProperty,k=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&dn(e,t,r),r};let hn=0;const Ot=class Ot extends g{constructor(){super(),this.id="",this.name="",this.type="text",this.label="",this.description="",this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.required=!1,this.optional=!1,this.tooltip="",this.form=null,this.pattern="",this.maxlength=null,this.ariaLabel="",this.width="full",this.step=null,this.min=null,this.max=null,this.inverted=!1,this.showError=!1,this.errorMessage="",this.showPassword=!1,this._originalErrorMessage="",this._hasUserInteracted=!1,this._maskPatterns={tel:"(___) ___-____"},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-textinput-${Date.now()}-${hn++}`),this._originalErrorMessage=this.errorMessage??"",this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}async updated(e){if(e.has("disabled")&&(this._validateButtonSlot("startButton"),this._validateButtonSlot("endButton")),e.has("type")){const t=this._maskPatterns[this.type],s=this.shadowRoot?.querySelector("input");if(s)if(t)s.maxLength=t.length,this._updateOverlay(s.value,t);else{s.removeAttribute("maxLength");const r=this.shadowRoot?.querySelector(".nys-textinput__mask-overlay");r&&(r.textContent="")}}if(e.has("readonly")||e.has("required")){const t=this.shadowRoot?.querySelector("input");t&&(t.required=this.required&&!this.readonly)}}focus(){this.shadowRoot?.querySelector("input")?.focus()}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=this.errorMessage||"This field is required";this.required&&(!this.value||this.value?.trim()==="")?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}),this._hasUserInteracted=!1)}_setValidityMessage(e=""){const t=this.shadowRoot?.querySelector("input");if(!t)return;this.showError=!!e,this._originalErrorMessage?.trim()&&e!==""?this.errorMessage=this._originalErrorMessage:this.errorMessage=e;const s=e?{customError:!0}:{};this._internals.setValidity(s,this.errorMessage,t)}_validate(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=e.validity;let s="";t.valueMissing?s="This field is required":t.typeMismatch?s="Invalid format for this type":t.patternMismatch?s="Invalid format":t.tooShort?s=`Value is too short. Minimum length is ${e.minLength}`:t.tooLong?s=`Value is too long. Maximum length is ${e.maxLength}`:t.rangeUnderflow?s=`Value must be at least ${e.min}`:t.rangeOverflow?s=`Value must be at most ${e.max}`:t.stepMismatch?s="Invalid step value":s=e.validationMessage,this._setValidityMessage(s)}formResetCallback(){this.value="";const e=this.shadowRoot?.querySelector("input");e&&(e.value=""),this._internals.setFormValue(""),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.showPassword=!1,this.requestUpdate()}checkValidity(){const e=this.shadowRoot?.querySelector("input");return e?e.checkValidity():!0}_handleInvalid(e){e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=this.shadowRoot?.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}_togglePasswordVisibility(){this.showPassword=!this.showPassword}_updateOverlay(e,t){const s=this.shadowRoot?.querySelector(".nys-textinput__mask-overlay");if(!s)return;const r=e,n=t.slice(r.length);s.textContent=r+n}_applyMask(e,t){const s=e.replace(/\D/g,"");let r="";if(this.type==="tel")return s.length>0&&(r="("+s.substring(0,3)),s.length>=4&&(r+=") "+s.substring(3,6)),s.length>6&&(r+="-"+s.substring(6,10)),r;let n=0;for(let i=0;i<t.length;i++)if(t[i]==="_"||t[i].match(/[d9]/i))if(n<s.length)r+=s[n++];else break;else r+=t[i];return r}_handleInput(e){const t=e.target;let s=t.value;const r=this._maskPatterns[this.type];r&&(s=this._applyMask(s,r),t.value=s,this._updateOverlay(s,r)),this.value=s,this._internals.setFormValue(this.value),this._hasUserInteracted&&this._validate(),this.dispatchEvent(new CustomEvent("nys-input",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_handleFocus(){this.dispatchEvent(new Event("nys-focus"))}_handleBlur(){this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur"))}_validateButtonSlot(e){const t=this.shadowRoot?.querySelector('slot[name="'+e+'"]'),s=this.shadowRoot?.querySelector(".nys-textinput__buttoncontainer");if(!t||!s)return;const r=t.assignedElements();let n=!1;r.forEach(i=>{i instanceof HTMLElement&&i.tagName.toLowerCase()==="nys-button"&&!n?(n=!0,i.setAttribute("size","sm"),i.setAttribute("variant","primary"),this.disabled?i.setAttribute("disabled","true"):i.removeAttribute("disabled")):(console.warn("The '"+e+"' slot only accepts a single <nys-button> element. Removing invalid or extra node:",i),i.remove())}),e==="startButton"?s.classList.toggle("has-start-button",n):e==="endButton"&&s.classList.toggle("has-end-button",n)}render(){return h`
|
|
1636
|
+
`}};Ct.styles=_(x1),Ct.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},Ct.formAssociated=!0;let L=Ct;R([a({type:String,reflect:!0})],L.prototype,"id"),R([a({type:String,reflect:!0})],L.prototype,"name"),R([a({type:String})],L.prototype,"label"),R([a({type:String})],L.prototype,"description"),R([a({type:String})],L.prototype,"placeholder"),R([a({type:String})],L.prototype,"value"),R([a({type:Boolean,reflect:!0})],L.prototype,"disabled"),R([a({type:Boolean,reflect:!0})],L.prototype,"readonly"),R([a({type:Boolean,reflect:!0})],L.prototype,"required"),R([a({type:Boolean,reflect:!0})],L.prototype,"optional"),R([a({type:String})],L.prototype,"tooltip"),R([a({type:Boolean,reflect:!0})],L.prototype,"inverted"),R([a({type:String,reflect:!0})],L.prototype,"form"),R([a({type:Number})],L.prototype,"maxlength"),R([a({type:String,reflect:!0})],L.prototype,"width"),R([a({type:Number})],L.prototype,"rows"),R([a({type:String,reflect:!0})],L.prototype,"resize"),R([a({type:Boolean,reflect:!0})],L.prototype,"showError"),R([a({type:String})],L.prototype,"errorMessage"),customElements.get("nys-textarea")||customElements.define("nys-textarea",L);const E1=':host{--_nys-textinput-width: 100%;--_nys-textinput-height: var(--nys-size-500, 40px);--_nys-textinput-border-radius: var(--nys-radius-md, 4px);--_nys-textinput-border-width: var(--nys-border-width-sm, 1px);--_nys-textinput-border-color: var(--nys-color-neutral-400, #909395);--_nys-textinput-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-textinput-color--placeholder: var( --nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f) );--_nys-textinput-padding: var(--nys-space-100, 8px);--_nys-textinput-gap: var(--nys-space-50, 4px);--_nys-textinput-background-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) );--_nys-textinput-outline-color--hover: var( --nys-color-neutral-900, #1b1b1b );--_nys-textinput-outline-width: var(--nys-border-width-sm, 1px);--_nys-textinput-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textinput-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-textinput-border-color--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-textinput-color--disabled: var( --nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1) );--_nys-textinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-textinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textinput-font-weight: var(--nys-font-weight-regular, 400);--_nys-textinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-textinput-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) )}:host([width=sm]){--_nys-textinput-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textinput-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textinput-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textinput-width: 100%;flex:1}:host([showError]){--_nys-textinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-textinput{font-weight:var(--_nys-textinput-font-weight);font-family:var(--_nys-textinput-font-family);font-size:var(--_nys-textinput-font-size);line-height:var(--_nys-textinput-line-height);letter-spacing:var(--_nys-textinput-letter-spacing);color:var(--_nys-textinput-color);gap:var(--_nys-textinput-gap);display:flex;flex-direction:column}.nys-textinput__mask-overlay{position:absolute;margin:calc(var(--_nys-textinput-padding) + var(--_nys-textinput-border-width));color:var(--nys-color-text-weaker, #797c7f);display:inline;overflow:hidden;white-space:nowrap;font:inherit;letter-spacing:normal}.nys-textinput__input{color:var(--_nys-textinput-color);border-radius:var(--_nys-textinput-border-radius);border:solid var(--_nys-textinput-border-color) var(--_nys-textinput-border-width);outline:transparent solid var(--_nys-textinput-outline-width);padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;background-color:transparent;position:relative;font:inherit}.nys-textinput__input::placeholder{color:var(--_nys-textinput-color--placeholder)}.nys-textinput__buttoncontainer{width:var(--_nys-textinput-width);max-width:100%;display:flex}.nys-textinput__buttoncontainer.has-end-button .nys-textinput__input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.nys-textinput__buttoncontainer.has-start-button .nys-textinput__input{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.nys-textinput__container{position:relative;display:flex;align-items:center;width:100%;background-color:var(--_nys-textinput-background-color);border-radius:var(--_nys-textinput-border-radius)}::slotted(nys-button){--_nys-button-height: var(--_nys-textinput-height);--_nys-button-border-radius--start: var(--_nys-textinput-border-radius);--_nys-button-border-radius--end: var(--_nys-textinput-border-radius);--_nys-button-background-color--disabled: var( --_nys-textinput-background-color--disabled );--_nys-button-border-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-border-width: var(--_nys-textinput-border-width);z-index:1}.nys-textinput__buttoncontainer.has-start-button ::slotted(nys-button){--_nys-button-border-radius--end: 0}.nys-textinput__buttoncontainer.has-end-button ::slotted(nys-button){--_nys-button-border-radius--start: 0}.eye-icon{position:absolute;right:var(--nys-space-50, 4px);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--_nys-textinput-color--icon);--nys-button-background-color: var(--_nys-textinput-background-color);--nys-button-background-color--hover: var( --_nys-textinput-background-color );--nys-button-background-color--active: var( --_nys-textinput-background-color );--_nys-button-outline-focus: calc( var(--_nys-button-outline-width) * -1 );--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-textinput__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-textinput-outline-color--hover);border-color:var(--_nys-textinput-outline-color--hover)}.nys-textinput__input:focus:not([readonly]){outline-color:var(--_nys-textinput-outline-color--focus);border-color:var(--_nys-textinput-outline-color--focus);caret-color:var(--_nys-textinput-outline-color--focus)}.nys-textinput__input:disabled,.nys-textinput__input:disabled::placeholder,.nys-textinput__input:disabled+.eye-icon{background-color:var(--_nys-textinput-background-color--disabled);border-color:var(--_nys-textinput-border-color--disabled);color:var(--_nys-textinput-color--disabled);cursor:not-allowed}';var S1=Object.defineProperty,$=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&S1(e,t,o),o};let L1=0;const wt=class wt extends f{constructor(){super(),this.id="",this.name="",this.type="text",this.label="",this.description="",this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.required=!1,this.optional=!1,this.tooltip="",this.form=null,this.pattern="",this.maxlength=null,this.ariaLabel="",this.width="full",this.step=null,this.min=null,this.max=null,this.inverted=!1,this.showError=!1,this.errorMessage="",this.showPassword=!1,this._originalErrorMessage="",this._hasUserInteracted=!1,this._maskPatterns={tel:"(___) ___-____"},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-textinput-${Date.now()}-${L1++}`),this._originalErrorMessage=this.errorMessage??"",this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}async updated(e){if(e.has("disabled")&&(this._validateButtonSlot("startButton"),this._validateButtonSlot("endButton")),e.has("type")){const t=this._maskPatterns[this.type],s=this.shadowRoot?.querySelector("input");if(s)if(t)this.maxlength===null&&(s.maxLength=t.length),this._updateOverlay(s.value,t);else{this.maxlength===null&&s.removeAttribute("maxLength");const o=this.shadowRoot?.querySelector(".nys-textinput__mask-overlay");o&&(o.textContent="")}}if(e.has("readonly")||e.has("required")){const t=this.shadowRoot?.querySelector("input");t&&(t.required=this.required&&!this.readonly)}}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=this.errorMessage||"This field is required";this.required&&(!this.value||this.value?.trim()==="")?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}),this._hasUserInteracted=!1)}_setValidityMessage(e=""){const t=this.shadowRoot?.querySelector("input");if(!t)return;this.showError=!!e,this._originalErrorMessage?.trim()&&e!==""?this.errorMessage=this._originalErrorMessage:this.errorMessage=e;const s=e?{customError:!0}:{};this._internals.setValidity(s,this.errorMessage,t)}_validate(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=e.validity;let s="";t.valueMissing?s="This field is required":t.typeMismatch?s="Invalid format for this type":t.patternMismatch?s="Invalid format":t.tooShort?s=`Value is too short. Minimum length is ${e.minLength}`:t.tooLong?s=`Value is too long. Maximum length is ${e.maxLength}`:t.rangeUnderflow?s=`Value must be at least ${e.min}`:t.rangeOverflow?s=`Value must be at most ${e.max}`:t.stepMismatch?s="Invalid step value":s=e.validationMessage,this._setValidityMessage(s)}formResetCallback(){this.value="";const e=this.shadowRoot?.querySelector("input");e&&(e.value=""),this._internals.setFormValue(""),this.showError=!1,this.errorMessage="",this._internals.setValidity({}),this.showPassword=!1,this.requestUpdate()}checkValidity(){const e=this.shadowRoot?.querySelector("input");return e?e.checkValidity():!0}_handleInvalid(e){e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=this.shadowRoot?.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(i=>typeof i.checkValidity=="function"&&!i.checkValidity())===this&&t.focus():t.focus()}}_togglePasswordVisibility(){this.showPassword=!this.showPassword}_updateOverlay(e,t){const s=this.shadowRoot?.querySelector(".nys-textinput__mask-overlay");if(!s)return;const o=e,n=t.slice(o.length);s.textContent=o+n}_applyMask(e,t){const s=e.replace(/\D/g,"");let o="";if(this.type==="tel")return s.length>0&&(o="("+s.substring(0,3)),s.length>=4&&(o+=") "+s.substring(3,6)),s.length>6&&(o+="-"+s.substring(6,10)),o;let n=0;for(let i=0;i<t.length;i++)if(t[i]==="_"||t[i].match(/[d9]/i))if(n<s.length)o+=s[n++];else break;else o+=t[i];return o}_handleInput(e){const t=e.target;let s=t.value;const o=this._maskPatterns[this.type];o&&(s=this._applyMask(s,o),t.value=s,this._updateOverlay(s,o)),this.value=s,this._internals.setFormValue(this.value),this._hasUserInteracted&&this._validate(),this.dispatchEvent(new CustomEvent("nys-input",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0}))}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(){this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0}))}_validateButtonSlot(e){const t=this.shadowRoot?.querySelector('slot[name="'+e+'"]'),s=this.shadowRoot?.querySelector(".nys-textinput__buttoncontainer");if(!t||!s)return;const o=t.assignedElements();let n=!1;o.forEach(i=>{i instanceof HTMLElement&&i.tagName.toLowerCase()==="nys-button"&&!n?(n=!0,i.setAttribute("size","sm"),i.setAttribute("variant","primary"),this.disabled?i.setAttribute("disabled","true"):i.removeAttribute("disabled")):(console.warn("The '"+e+"' slot only accepts a single <nys-button> element. Removing invalid or extra node:",i),i.remove())}),e==="startButton"?s.classList.toggle("has-start-button",n):e==="endButton"&&s.classList.toggle("has-end-button",n)}render(){return h`
|
|
1415
1637
|
<div class="nys-textinput">
|
|
1416
1638
|
<nys-label
|
|
1417
1639
|
for=${this.id+"--native"}
|
|
@@ -1440,15 +1662,15 @@
|
|
|
1440
1662
|
?readonly=${this.readonly}
|
|
1441
1663
|
aria-required=${this.required}
|
|
1442
1664
|
aria-disabled="${this.disabled}"
|
|
1443
|
-
aria-label="${[this.label,this.description].filter(Boolean).join(" ")||
|
|
1665
|
+
aria-label="${[this.label,this.description].filter(Boolean).join(" ")||v(this.ariaLabel||void 0)||"Text input"}"
|
|
1444
1666
|
.value=${this.value}
|
|
1445
|
-
placeholder=${
|
|
1446
|
-
pattern=${
|
|
1447
|
-
min=${
|
|
1448
|
-
maxlength=${
|
|
1449
|
-
step=${
|
|
1450
|
-
max=${
|
|
1451
|
-
form=${
|
|
1667
|
+
placeholder=${v(this.placeholder?this.placeholder:void 0)}
|
|
1668
|
+
pattern=${v(this.pattern?this.pattern:void 0)}
|
|
1669
|
+
min=${v(this.min!==null?this.min:void 0)}
|
|
1670
|
+
maxlength=${v(this.maxlength!==null?this.maxlength:void 0)}
|
|
1671
|
+
step=${v(this.step!==null?this.step:void 0)}
|
|
1672
|
+
max=${v(this.max!==null?this.max:void 0)}
|
|
1673
|
+
form=${v(this.form||void 0)}
|
|
1452
1674
|
@input=${this._handleInput}
|
|
1453
1675
|
@focus="${this._handleFocus}"
|
|
1454
1676
|
@blur="${this._handleBlur}"
|
|
@@ -1479,28 +1701,28 @@
|
|
|
1479
1701
|
errorMessage=${this.errorMessage}
|
|
1480
1702
|
></nys-errormessage>
|
|
1481
1703
|
</div>
|
|
1482
|
-
`}};
|
|
1704
|
+
`}};wt.styles=_(E1),wt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},wt.formAssociated=!0;let C=wt;$([a({type:String,reflect:!0})],C.prototype,"id"),$([a({type:String,reflect:!0})],C.prototype,"name"),$([a({type:String,reflect:!0})],C.prototype,"type"),$([a({type:String})],C.prototype,"label"),$([a({type:String})],C.prototype,"description"),$([a({type:String})],C.prototype,"placeholder"),$([a({type:String})],C.prototype,"value"),$([a({type:Boolean,reflect:!0})],C.prototype,"disabled"),$([a({type:Boolean,reflect:!0})],C.prototype,"readonly"),$([a({type:Boolean,reflect:!0})],C.prototype,"required"),$([a({type:Boolean,reflect:!0})],C.prototype,"optional"),$([a({type:String})],C.prototype,"tooltip"),$([a({type:String,reflect:!0})],C.prototype,"form"),$([a({type:String})],C.prototype,"pattern"),$([a({type:Number})],C.prototype,"maxlength"),$([a({type:String})],C.prototype,"ariaLabel"),$([a({type:String,reflect:!0})],C.prototype,"width"),$([a({type:Number})],C.prototype,"step"),$([a({type:Number})],C.prototype,"min"),$([a({type:Number})],C.prototype,"max"),$([a({type:Boolean,reflect:!0})],C.prototype,"inverted"),$([a({type:Boolean,reflect:!0})],C.prototype,"showError"),$([a({type:String})],C.prototype,"errorMessage"),$([m()],C.prototype,"showPassword"),customElements.get("nys-textinput")||customElements.define("nys-textinput",C);const D1=':host{--_nys-toggle-width: var(--nys-font-size-8xl, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-border-radius: var(--nys-radius-round, 1776px);--_nys-toggle-border-width: var(--nys-border-width-md, 2px);--_nys-toggle-size--knob: var(--nys-font-size-lg, 18px);--_nys-toggle-margin--knob: calc( (var(--_nys-toggle-height) - var(--_nys-toggle-size--knob)) / 2 );--_nys-toggle-transform--translateX: calc( var(--_nys-toggle-width) - var(--_nys-toggle-size--knob) - var( --_nys-toggle-margin--knob ) - 2px );--_nys-toggle-gap: var(--nys-space-150, 12px);--_nys-toggle-transition-duration: .3s;--_nys-toggle-outline-color: var(--nys-color-focus, #004dd1);--_nys-toggle-outline-width: var(--nys-border-width-md, 2px);--_nys-toggle-background-color: var(--nys-color-neutral-500, #797c7f);--_nys-toggle-background-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-toggle-background-color--checked: var(--nys-color-theme, #154973);--_nys-toggle-background-color--hover: var(--nys-color-neutral-600, #62666a);--_nys-toggle-background-color--active: var(--nys-color-neutral-700, #4a4d4f);--_nys-toggle-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-toggle-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-toggle-color-ink-reverse: var(--nys-color-ink-reverse, #ffffff);--_nys-toggle-color--disabled: var(--nys-color-neutral-500, #797c7f)}.nys-toggle__content{display:flex;gap:var(--_nys-toggle-gap)}.nys-toggle__content nys-label{--_nys-label-font-weight: var(--nys-font-weight-regular, 400)}.nys-toggle__content:has(input:disabled) nys-label{--_nys-label-color: var(--_nys-toggle-color--disabled);cursor:not-allowed}.nys-toggle__toggle{position:relative;display:inline-block;width:var(--_nys-toggle-width);min-width:var(--_nys-toggle-width);max-width:var(--_nys-toggle-width);height:var(--_nys-toggle-height);min-height:var(--_nys-toggle-height);max-height:var(--_nys-toggle-height)}.nys-toggle__toggle input{opacity:0;width:0;height:0}.nys-toggle__toggle input:checked+.slider{background-color:var(--_nys-toggle-background-color--checked)}.nys-toggle__toggle input:checked+.slider:hover{background-color:var(--_nys-toggle-background-color--checked--hover)}.nys-toggle__toggle input:checked+.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--hover)}.nys-toggle__toggle input:checked+.slider .knob{transform:translate(var(--_nys-toggle-transform--translateX))}.nys-toggle__toggle input:checked+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked)}.nys-toggle__toggle input:active:not(:disabled)+.slider{background-color:var(--_nys-toggle-background-color--active);outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}.nys-toggle__toggle input:active:not(:disabled)+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--active)}.nys-toggle__toggle input:active:not(:disabled)+.slider:checked{background-color:var(--_nys-toggle-background-color--checked--active)}.nys-toggle__toggle input:active:not(:disabled)+.slider:checked .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--active)}.nys-toggle__toggle input:focus+.slider{outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}.nys-toggle__toggle input:disabled+.slider{background-color:var(--_nys-toggle-background-color--disabled);cursor:not-allowed}.nys-toggle__toggle input:disabled+.slider:hover{background-color:var(--_nys-toggle-background-color--disabled)}.nys-toggle__toggle input:disabled+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--disabled)}.slider{position:absolute;cursor:pointer;border-radius:var(--_nys-toggle-border-radius);outline-offset:var(--_nys-toggle-border-width);width:var(--_nys-toggle-width);inset:0;background-color:var(--_nys-toggle-background-color);display:flex;align-items:center}.slider:hover{background-color:var(--_nys-toggle-background-color--hover)}.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--hover)}.knob{content:"";height:var(--_nys-toggle-size--knob);width:var(--_nys-toggle-size--knob);margin:var(--_nys-toggle-margin--knob);border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-toggle-color-ink-reverse);transition:all var(--_nys-toggle-transition-duration) cubic-bezier(.27,.2,.25,1.51);overflow:hidden;display:flex;align-items:center;justify-content:center}.toggle-icon{position:absolute;color:var(--_nys-toggle-background-color)}:host([size=sm]){--_nys-toggle-width: var(--nys-size-450, 36px);--_nys-toggle-height: var(--nys-size-250, 20px);--_nys-toggle-size--knob: var(--nys-size-200, 16px);--_nys-toggle-gap: var(--nys-space-100, 8px)}:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}@supports not (font-size: 1cap){:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}}:host([size=md]){--_nys-toggle-width: var(--nys-size-550, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-size--knob: var(--nys-size-250, 20px)}:host([size=md]) .toggle-icon{font-size:var(--nys-font-size-body-sm, 14px)}@supports not (font-size: 1cap){:host([size=md]) .toggle-icon{font-size:calc(var(--nys-font-size-body-sm, 14px) - 1px)}}@media(prefers-reduced-motion:reduce){:host{--toggle-transition-duration: 0s}}';var M1=Object.defineProperty,ne=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&M1(e,t,o),o};let A1=0;const xt=class xt extends f{constructor(){super(),this.id="",this.name="",this.value="",this.label="",this.description="",this.form=null,this.checked=!1,this.disabled=!1,this.noIcon=!1,this.inverted=!1,this.size="md",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-toggle-${Date.now()}-${A1++}`)}updated(e){(e.has("checked")||e.has("value"))&&this._internals.setFormValue(this.checked?this.value:null)}formResetCallback(){this.checked=!1,this._internals.setFormValue(this.checked?this.value:null),this.requestUpdate()}_emitChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,checked:this.checked},bubbles:!0,composed:!0}))}_handleFocus(){this.dispatchEvent(new Event("nys-focus",{bubbles:!0,composed:!0}))}_handleBlur(){this.dispatchEvent(new Event("nys-blur",{bubbles:!0,composed:!0}))}_handleClick(){this.disabled||(this.checked=!this.checked,this._emitChangeEvent())}_handleSliderClick(e){e.stopPropagation(),this._handleClick()}_handleKeyDown(e){!this.disabled&&(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.checked=!this.checked,this._emitChangeEvent())}render(){return h`
|
|
1483
1705
|
<div class="nys-toggle">
|
|
1484
1706
|
<div class="nys-toggle__content">
|
|
1485
1707
|
<div class="nys-toggle__toggle">
|
|
1486
1708
|
<input
|
|
1487
1709
|
id=${this.id}
|
|
1488
1710
|
type="checkbox"
|
|
1489
|
-
name="${
|
|
1711
|
+
name="${v(this.name?this.name:void 0)}"
|
|
1490
1712
|
.value=${this.value}
|
|
1491
|
-
form=${
|
|
1713
|
+
form=${v(this.form||void 0)}
|
|
1492
1714
|
.checked=${this.checked}
|
|
1493
1715
|
?disabled=${this.disabled}
|
|
1494
1716
|
role="switch"
|
|
1495
1717
|
aria-checked="${this.checked?"true":"false"}"
|
|
1496
1718
|
aria-disabled="${this.disabled?"true":"false"}"
|
|
1497
1719
|
aria-label="${this.label||"Toggle switch"}"
|
|
1498
|
-
@
|
|
1720
|
+
@click=${this._handleClick}
|
|
1499
1721
|
@focus=${this._handleFocus}
|
|
1500
1722
|
@blur=${this._handleBlur}
|
|
1501
1723
|
@keydown=${this._handleKeyDown}
|
|
1502
1724
|
/>
|
|
1503
|
-
<span class="slider">
|
|
1725
|
+
<span class="slider" @click=${this._handleSliderClick}>
|
|
1504
1726
|
<div class="knob">
|
|
1505
1727
|
${this.noIcon?"":h`<nys-icon
|
|
1506
1728
|
class="toggle-icon"
|
|
@@ -1513,7 +1735,7 @@
|
|
|
1513
1735
|
${this.label&&h`<nys-label
|
|
1514
1736
|
for=${this.id}
|
|
1515
1737
|
label=${this.label}
|
|
1516
|
-
description=${
|
|
1738
|
+
description=${v(this.description||void 0)}
|
|
1517
1739
|
?inverted=${this.inverted}
|
|
1518
1740
|
>
|
|
1519
1741
|
<slot name="description" slot="description"
|
|
@@ -1522,7 +1744,7 @@
|
|
|
1522
1744
|
</nys-label> `}
|
|
1523
1745
|
</div>
|
|
1524
1746
|
</div>
|
|
1525
|
-
`}};It.styles=_(un),It.formAssociated=!0;let j=It;re([a({type:String,reflect:!0})],j.prototype,"id"),re([a({type:String,reflect:!0})],j.prototype,"name"),re([a({type:String})],j.prototype,"value"),re([a({type:String})],j.prototype,"label"),re([a({type:String})],j.prototype,"description"),re([a({type:String,reflect:!0})],j.prototype,"form"),re([a({type:Boolean,reflect:!0})],j.prototype,"checked"),re([a({type:Boolean,reflect:!0})],j.prototype,"disabled"),re([a({type:Boolean})],j.prototype,"noIcon"),re([a({type:Boolean,reflect:!0})],j.prototype,"inverted"),re([a({type:String,reflect:!0})],j.prototype,"size"),customElements.get("nys-toggle")||customElements.define("nys-toggle",j);const fn=`:host{--_nys-tooltip-color: var(--nys-color-text-reverse, #ffffff);--_nys-tooltip-background-color: var(--nys-color-ink, #1b1b1b);--_nys-tooltip-border-radius: var(--nys-radius-md, 4px);--_nys-tooltip-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-tooltip-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-tooltip-letter-spacing: var(--nys-font-letterspacing-ui-sm, .044px);--_nys-tooltip-line-height: var(--nys-font-lineheight-ui-sm, 24px)}.nys-tooltip__content{position:fixed;top:0;left:0;max-width:400px;width:max-content;max-height:120px;padding:var(--nys-space-50, 4px) var(--nys-space-100, 8px);background-color:var(--_nys-tooltip-background-color);border-radius:var(--_nys-tooltip-border-radius);cursor:auto;z-index:1}.nys-tooltip__inner{color:var(--_nys-tooltip-color);font-family:var(--_nys-tooltip-font-family);font-size:var(--_nys-tooltip-font-size);font-weight:400;line-height:var(--_nys-tooltip-line-height);letter-spacing:var(--_nys-tooltip-letter-spacing);white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.nys-tooltip__arrow{position:absolute;width:14px;height:6px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="%231B1B1B"/></svg>') no-repeat center}.nys-tooltip__content[active]{display:block}.fade-out{opacity:0;transition:opacity .2s ease-out}:host([position=top]) .nys-tooltip__arrow{top:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%)}:host([position=bottom]) .nys-tooltip__arrow{bottom:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(180deg)}:host([position=left]) .nys-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg);margin-left:-4px}:host([position=right]) .nys-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%) rotate(90deg);margin-right:-4px}:host([inverted]) .nys-tooltip__content{--_nys-tooltip-color: var(--nys-color-text, #1b1b1b);--_nys-tooltip-background-color: var(--nys-color-ink-reverse, #ffffff)}:host([inverted]) .nys-tooltip__arrow{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="white"/></svg>') no-repeat center}@media(max-width:400px){.nys-tooltip__content{max-width:calc(100vw - 2rem)}}`;var vn=Object.defineProperty,gn=Object.getOwnPropertyDescriptor,je=(o,e,t,s)=>{for(var r=s>1?void 0:s?gn(e,t):e,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=(s?i(e,t,r):i(r))||r);return s&&r&&vn(e,t,r),r};let bn=0;const fs=class fs extends g{constructor(){super(),this.id="",this.text="",this.inverted=!1,this.for="",this._active=!1,this._userHasSetPosition=!1,this._originalUserPosition=null,this._internallyUpdatingPosition=!1,this._hideTimeout=null,this._position=null,this._showTooltip=()=>{if(this._active=!0,this._addScrollListeners(),this._userHasSetPosition&&this._originalUserPosition&&this._doesPositionFit(this._originalUserPosition)){this.position=this._originalUserPosition,this.updateComplete.then(()=>{this._userPositionTooltip()});return}this._autoPositionTooltip()},this._handleBlurOrMouseLeave=()=>{const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");e!==document.activeElement&&(!e||!t||this._triggerFadeOut(t))},this._cancelFadeOut=()=>{const e=this.shadowRoot?.querySelector(".nys-tooltip__content"),t=this._getReferenceElement();if(!e||!t)return;const s=e.matches(":hover"),r=t.matches(":hover"),n=document.activeElement===t;!s&&!r&&!n||(this._hideTimeout&&(clearTimeout(this._hideTimeout),this._hideTimeout=null),e.classList.remove("fade-out"),this._active=!0)},this._handleScrollOrResize=()=>{!this._active||this._hideTimeout||this._showTooltip()},this._handleEscapeKey=e=>{if(e.key==="Escape"&&this._active){this._active=!1,this._removeScrollListeners();const t=this.shadowRoot?.querySelector(".nys-tooltip__content");t&&this._resetTooltipPositioningStyles(t)}}}get position(){return this._position}set position(e){const t=this._position;this._position=e,this.requestUpdate("position",t),this._internallyUpdatingPosition||(this._userHasSetPosition=e!==null,this._originalUserPosition=e)}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-tooltip-${Date.now()}-${bn++}`),window.addEventListener("keydown",this._handleEscapeKey)}disconnectedCallback(){super.disconnectedCallback();const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");e&&t&&(e.removeEventListener("mouseenter",this._showTooltip),e.removeEventListener("mouseenter",this._cancelFadeOut),e.removeEventListener("mouseleave",this._handleBlurOrMouseLeave),e.removeEventListener("focusin",this._showTooltip),e.removeEventListener("focusout",this._handleBlurOrMouseLeave),t.removeEventListener("mouseenter",this._cancelFadeOut),t.removeEventListener("mouseleave",this._handleBlurOrMouseLeave)),window.removeEventListener("keydown",this._handleEscapeKey)}async firstUpdated(){await this.updateComplete;const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");!e||!t||(this.applyInverseTransform(),this._applyTooltipPropToFormComponent(e),(e.tagName.toLowerCase()==="nys-button"||e.tagName.toLowerCase()==="nys-icon")&&(this._applyFocusBehavior(e),e.addEventListener("mouseenter",this._showTooltip),e.addEventListener("mouseenter",this._cancelFadeOut),e.addEventListener("mouseleave",this._handleBlurOrMouseLeave),e.addEventListener("focusin",this._showTooltip),e.addEventListener("focusout",this._handleBlurOrMouseLeave),t.addEventListener("mouseenter",this._cancelFadeOut),t.addEventListener("mouseleave",this._handleBlurOrMouseLeave)))}updated(e){super.updated(e);const t=this._getReferenceElement();t&&(this._positionStartingBase(),e.has("text")&&this._applyTooltipPropToFormComponent(t))}_triggerFadeOut(e){!e||this._hideTimeout||(e.classList.add("fade-out"),this._hideTimeout=window.setTimeout(()=>{this._active=!1,this._removeScrollListeners(),this._positionStartingBase(),this._resetTooltipPositioningStyles(e),e.classList.remove("fade-out"),this._hideTimeout=null},200))}_addScrollListeners(){window.addEventListener("scroll",this._handleScrollOrResize,!0),window.addEventListener("resize",this._handleScrollOrResize)}_removeScrollListeners(){window.removeEventListener("scroll",this._handleScrollOrResize,!0),window.removeEventListener("resize",this._handleScrollOrResize)}_getReferenceElement(){const e=this.for;if(!e)return null;let t=document.getElementById(e);if(t)return t;const s=r=>{for(const n of Array.from(r.querySelectorAll("*"))){const i=n.shadowRoot;if(i){const l=i.getElementById(e);if(l)return l;const c=s(i);if(c)return c}}return null};return s(document)}async _passAria(e){const t=e.tagName.toLowerCase();t==="nys-icon"?e.setAttribute("ariaLabel",`Hint: ${this.text}`):t==="nys-button"&&e.setAttribute("ariaDescription",`, Hint: ${this.text}`)}_applyTooltipPropToFormComponent(e){const t=e.tagName.toLowerCase();if(t.startsWith("nys-")){if(t==="nys-button"||t==="nys-icon"){this._applyFocusBehavior(e),this._passAria(e);return}"tooltip"in e&&(e.tooltip=this.text)}}async _applyFocusBehavior(e){if(e.style.cursor="pointer",e.tagName.toLowerCase()==="nys-icon"){"updateComplete"in e&&await e.updateComplete;const s=e.shadowRoot?.querySelector("svg");s&&s.setAttribute("tabindex","0")}}_doesPositionFit(e){const t=this._getReferenceElement(),s=this.shadowRoot?.querySelector(".nys-tooltip__content");if(!t||!s||e==null)return;const r=t.getBoundingClientRect(),n=s.getBoundingClientRect(),i=8,l={top:r.top-i,left:r.left-i,bottom:window.innerHeight-r.bottom-i,right:window.innerWidth-r.right-i};return{top:l.top>=n.height,bottom:l.bottom>=n.height,left:l.left>=n.width,right:l.right>=n.width}[e]}_userPositionTooltip(){const e=this.shadowRoot?.querySelector(".nys-tooltip__content"),t=this._getReferenceElement();e&&t&&(this._positionTooltipElement(t,e,this.position),this._shiftTooltipIntoViewport(e))}async _autoPositionTooltip(){const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");if(!e||!t)return;const s=e.getBoundingClientRect(),r=8,n={top:s.top-r,left:s.left-r,bottom:window.innerHeight-s.bottom-r,right:window.innerWidth-s.right-r};let i=["top","bottom","right","left"];if(this._userHasSetPosition&&this._originalUserPosition){const d=this._originalUserPosition;d==="left"?i=["left","right","top","bottom"]:d==="right"?i=["right","left","top","bottom"]:d==="top"?i=["top","bottom","right","left"]:d==="bottom"&&(i=["bottom","top","right","left"])}for(const d of i)if(this._doesPositionFit(d)){this._setInternalPosition(d),await this.updateComplete,this._positionTooltipElement(e,t,d),this._shiftTooltipIntoViewport(t);return}let l="top",c=n.top;for(const d of i)n[d]>c&&(c=n[d],l=d);this._setInternalPosition(l),await this.updateComplete,this._positionTooltipElement(e,t,l),this._shiftTooltipIntoViewport(t)}_positionStartingBase(){const e=this.shadowRoot?.querySelector(".nys-tooltip__content");e&&(e.style.top="0px",e.style.left="0px")}_positionTooltipElement(e,t,s){const r=e.getBoundingClientRect(),n=t.getBoundingClientRect(),i=8;let l=0,c=0;switch(s){case"top":l=r.top-n.height-i,c=r.left+r.width/2-n.width/2;break;case"bottom":l=r.bottom+i,c=r.left+r.width/2-n.width/2;break;case"left":l=r.top+r.height/2-n.height/2,c=r.left-n.width-i;break;case"right":l=r.top+r.height/2-n.height/2,c=r.right+i;break;default:l=r.top-n.height-i,c=r.left+r.width/2-n.width/2;break}t.style.top=`${l}px`,t.style.left=`${c}px`}applyInverseTransform(){document.querySelectorAll('div[scale="1"]').forEach(e=>{e.style.transform="none"})}_setInternalPosition(e){this._internallyUpdatingPosition=!0,this.position=e,this._internallyUpdatingPosition=!1}_shiftTooltipIntoViewport(e){const t=this._getReferenceElement();if(!t)return;const s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=s.left+s.width/2,i=r.left<0,l=r.right>window.innerWidth;i?(e.style.left="10px",e.style.transform="none"):l&&(e.style.right="0px",e.style.left="auto",e.style.transform="none");const c=e.getBoundingClientRect(),d=(n-c.left)/c.width,u=Math.max(0,Math.min(1,d))*100;e.style.setProperty("--arrow-offset-x",`${u}%`)}_resetTooltipPositioningStyles(e){e.style.left="",e.style.right="",e.style.top="",e.style.transform="",e.style.removeProperty("--arrow-offset-x")}render(){return h`
|
|
1747
|
+
`}};xt.styles=_(D1),xt.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},xt.formAssociated=!0;let Y=xt;ne([a({type:String,reflect:!0})],Y.prototype,"id"),ne([a({type:String,reflect:!0})],Y.prototype,"name"),ne([a({type:String})],Y.prototype,"value"),ne([a({type:String})],Y.prototype,"label"),ne([a({type:String})],Y.prototype,"description"),ne([a({type:String,reflect:!0})],Y.prototype,"form"),ne([a({type:Boolean,reflect:!0})],Y.prototype,"checked"),ne([a({type:Boolean,reflect:!0})],Y.prototype,"disabled"),ne([a({type:Boolean})],Y.prototype,"noIcon"),ne([a({type:Boolean,reflect:!0})],Y.prototype,"inverted"),ne([a({type:String,reflect:!0})],Y.prototype,"size"),customElements.get("nys-toggle")||customElements.define("nys-toggle",Y);const z1=`:host{--_nys-tooltip-color: var(--nys-color-text-reverse, #ffffff);--_nys-tooltip-background-color: var(--nys-color-ink, #1b1b1b);--_nys-tooltip-border-radius: var(--nys-radius-md, 4px);--_nys-tooltip-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-tooltip-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-tooltip-letter-spacing: var(--nys-font-letterspacing-ui-sm, .044px);--_nys-tooltip-line-height: var(--nys-font-lineheight-ui-sm, 24px)}.nys-tooltip__content{position:fixed;top:0;left:0;max-width:400px;width:max-content;max-height:120px;padding:var(--nys-space-50, 4px) var(--nys-space-100, 8px);background-color:var(--_nys-tooltip-background-color);border-radius:var(--_nys-tooltip-border-radius);cursor:auto;z-index:1}.nys-tooltip__inner{color:var(--_nys-tooltip-color);font-family:var(--_nys-tooltip-font-family);font-size:var(--_nys-tooltip-font-size);font-weight:400;line-height:var(--_nys-tooltip-line-height);letter-spacing:var(--_nys-tooltip-letter-spacing);white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.nys-tooltip__arrow{position:absolute;width:14px;height:6px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="%231B1B1B"/></svg>') no-repeat center}.nys-tooltip__content[active]{display:block}.fade-out{opacity:0;transition:opacity .2s ease-out}:host([position=top]) .nys-tooltip__arrow{top:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%)}:host([position=bottom]) .nys-tooltip__arrow{bottom:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(180deg)}:host([position=left]) .nys-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg);margin-left:-4px}:host([position=right]) .nys-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%) rotate(90deg);margin-right:-4px}:host([inverted]) .nys-tooltip__content{--_nys-tooltip-color: var(--nys-color-text, #1b1b1b);--_nys-tooltip-background-color: var(--nys-color-ink-reverse, #ffffff)}:host([inverted]) .nys-tooltip__arrow{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="white"/></svg>') no-repeat center}@media(max-width:400px){.nys-tooltip__content{max-width:calc(100vw - 2rem)}}`;var B1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,Qe=(r,e,t,s)=>{for(var o=s>1?void 0:s?O1(e,t):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=(s?i(e,t,o):i(o))||o);return s&&o&&B1(e,t,o),o};let V1=0;const $s=class $s extends f{constructor(){super(),this.id="",this.text="",this.inverted=!1,this.for="",this._active=!1,this._userHasSetPosition=!1,this._originalUserPosition=null,this._internallyUpdatingPosition=!1,this._hideTimeout=null,this._position=null,this._showTooltip=()=>{if(this._active=!0,this._addScrollListeners(),this._userHasSetPosition&&this._originalUserPosition&&this._doesPositionFit(this._originalUserPosition)){this.position=this._originalUserPosition,this.updateComplete.then(()=>{this._userPositionTooltip()});return}this._autoPositionTooltip()},this._handleBlurOrMouseLeave=()=>{const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");e!==document.activeElement&&(!e||!t||this._triggerFadeOut(t))},this._cancelFadeOut=()=>{const e=this.shadowRoot?.querySelector(".nys-tooltip__content"),t=this._getReferenceElement();if(!e||!t)return;const s=e.matches(":hover"),o=t.matches(":hover"),n=document.activeElement===t;!s&&!o&&!n||(this._hideTimeout&&(clearTimeout(this._hideTimeout),this._hideTimeout=null),e.classList.remove("fade-out"),this._active=!0)},this._handleScrollOrResize=()=>{!this._active||this._hideTimeout||this._showTooltip()},this._handleEscapeKey=e=>{if(e.key==="Escape"&&this._active){this._active=!1,this._removeScrollListeners();const t=this.shadowRoot?.querySelector(".nys-tooltip__content");t&&this._resetTooltipPositioningStyles(t)}}}get position(){return this._position}set position(e){const t=this._position;this._position=e,this.requestUpdate("position",t),this._internallyUpdatingPosition||(this._userHasSetPosition=e!==null,this._originalUserPosition=e)}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-tooltip-${Date.now()}-${V1++}`),window.addEventListener("keydown",this._handleEscapeKey)}disconnectedCallback(){super.disconnectedCallback();const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");e&&t&&(e.removeEventListener("mouseenter",this._showTooltip),e.removeEventListener("mouseenter",this._cancelFadeOut),e.removeEventListener("mouseleave",this._handleBlurOrMouseLeave),e.removeEventListener("focusin",this._showTooltip),e.removeEventListener("focusout",this._handleBlurOrMouseLeave),t.removeEventListener("mouseenter",this._cancelFadeOut),t.removeEventListener("mouseleave",this._handleBlurOrMouseLeave)),window.removeEventListener("keydown",this._handleEscapeKey)}async firstUpdated(){await this.updateComplete;const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");!e||!t||(this.applyInverseTransform(),this._applyTooltipPropToFormComponent(e),(e.tagName.toLowerCase()==="nys-button"||e.tagName.toLowerCase()==="nys-icon")&&(this._applyFocusBehavior(e),e.addEventListener("mouseenter",this._showTooltip),e.addEventListener("mouseenter",this._cancelFadeOut),e.addEventListener("mouseleave",this._handleBlurOrMouseLeave),e.addEventListener("focusin",this._showTooltip),e.addEventListener("focusout",this._handleBlurOrMouseLeave),t.addEventListener("mouseenter",this._cancelFadeOut),t.addEventListener("mouseleave",this._handleBlurOrMouseLeave)))}updated(e){super.updated(e);const t=this._getReferenceElement();t&&(this._positionStartingBase(),e.has("text")&&this._applyTooltipPropToFormComponent(t))}_triggerFadeOut(e){!e||this._hideTimeout||(e.classList.add("fade-out"),this._hideTimeout=window.setTimeout(()=>{this._active=!1,this._removeScrollListeners(),this._positionStartingBase(),this._resetTooltipPositioningStyles(e),e.classList.remove("fade-out"),this._hideTimeout=null},200))}_addScrollListeners(){window.addEventListener("scroll",this._handleScrollOrResize,!0),window.addEventListener("resize",this._handleScrollOrResize)}_removeScrollListeners(){window.removeEventListener("scroll",this._handleScrollOrResize,!0),window.removeEventListener("resize",this._handleScrollOrResize)}_getReferenceElement(){const e=this.for;if(!e)return null;let t=document.getElementById(e);if(t)return t;const s=o=>{for(const n of Array.from(o.querySelectorAll("*"))){const i=n.shadowRoot;if(i){const l=i.getElementById(e);if(l)return l;const c=s(i);if(c)return c}}return null};return s(document)}async _passAria(e){const t=e.tagName.toLowerCase();t==="nys-icon"?e.setAttribute("ariaLabel",`Hint: ${this.text}`):t==="nys-button"&&e.setAttribute("ariaDescription",`, Hint: ${this.text}`)}_applyTooltipPropToFormComponent(e){const t=e.tagName.toLowerCase();if(t.startsWith("nys-")){if(t==="nys-button"||t==="nys-icon"){this._applyFocusBehavior(e),this._passAria(e);return}"tooltip"in e&&(e.tooltip=this.text)}}async _applyFocusBehavior(e){if(e.style.cursor="pointer",e.tagName.toLowerCase()==="nys-icon"){"updateComplete"in e&&await e.updateComplete;const s=e.shadowRoot?.querySelector("svg");s&&s.setAttribute("tabindex","0")}}_doesPositionFit(e){const t=this._getReferenceElement(),s=this.shadowRoot?.querySelector(".nys-tooltip__content");if(!t||!s||e==null)return;const o=t.getBoundingClientRect(),n=s.getBoundingClientRect(),i=8,l={top:o.top-i,left:o.left-i,bottom:window.innerHeight-o.bottom-i,right:window.innerWidth-o.right-i};return{top:l.top>=n.height,bottom:l.bottom>=n.height,left:l.left>=n.width,right:l.right>=n.width}[e]}_userPositionTooltip(){const e=this.shadowRoot?.querySelector(".nys-tooltip__content"),t=this._getReferenceElement();e&&t&&(this._positionTooltipElement(t,e,this.position),this._shiftTooltipIntoViewport(e))}async _autoPositionTooltip(){const e=this._getReferenceElement(),t=this.shadowRoot?.querySelector(".nys-tooltip__content");if(!e||!t)return;const s=e.getBoundingClientRect(),o=8,n={top:s.top-o,left:s.left-o,bottom:window.innerHeight-s.bottom-o,right:window.innerWidth-s.right-o};let i=["top","bottom","right","left"];if(this._userHasSetPosition&&this._originalUserPosition){const d=this._originalUserPosition;d==="left"?i=["left","right","top","bottom"]:d==="right"?i=["right","left","top","bottom"]:d==="top"?i=["top","bottom","right","left"]:d==="bottom"&&(i=["bottom","top","right","left"])}for(const d of i)if(this._doesPositionFit(d)){this._setInternalPosition(d),await this.updateComplete,this._positionTooltipElement(e,t,d),this._shiftTooltipIntoViewport(t);return}let l="top",c=n.top;for(const d of i)n[d]>c&&(c=n[d],l=d);this._setInternalPosition(l),await this.updateComplete,this._positionTooltipElement(e,t,l),this._shiftTooltipIntoViewport(t)}_positionStartingBase(){const e=this.shadowRoot?.querySelector(".nys-tooltip__content");e&&(e.style.top="0px",e.style.left="0px")}_positionTooltipElement(e,t,s){const o=e.getBoundingClientRect(),n=t.getBoundingClientRect(),i=8;let l=0,c=0;switch(s){case"top":l=o.top-n.height-i,c=o.left+o.width/2-n.width/2;break;case"bottom":l=o.bottom+i,c=o.left+o.width/2-n.width/2;break;case"left":l=o.top+o.height/2-n.height/2,c=o.left-n.width-i;break;case"right":l=o.top+o.height/2-n.height/2,c=o.right+i;break;default:l=o.top-n.height-i,c=o.left+o.width/2-n.width/2;break}t.style.top=`${l}px`,t.style.left=`${c}px`}applyInverseTransform(){document.querySelectorAll('div[scale="1"]').forEach(e=>{e.style.transform="none"})}_setInternalPosition(e){this._internallyUpdatingPosition=!0,this.position=e,this._internallyUpdatingPosition=!1}_shiftTooltipIntoViewport(e){const t=this._getReferenceElement();if(!t)return;const s=t.getBoundingClientRect(),o=e.getBoundingClientRect(),n=s.left+s.width/2,i=o.left<0,l=o.right>window.innerWidth;i?(e.style.left="10px",e.style.transform="none"):l&&(e.style.right="0px",e.style.left="auto",e.style.transform="none");const c=e.getBoundingClientRect(),d=(n-c.left)/c.width,p=Math.max(0,Math.min(1,d))*100;e.style.setProperty("--arrow-offset-x",`${p}%`)}_resetTooltipPositioningStyles(e){e.style.left="",e.style.right="",e.style.top="",e.style.transform="",e.style.removeProperty("--arrow-offset-x")}render(){return h`
|
|
1526
1748
|
<div class="nys-tooltip__main">
|
|
1527
1749
|
${this.text?.trim()?h`<div
|
|
1528
1750
|
id=${this.id}
|
|
@@ -1536,7 +1758,7 @@
|
|
|
1536
1758
|
<span class="nys-tooltip__arrow"></span>
|
|
1537
1759
|
</div>`:""}
|
|
1538
1760
|
</div>
|
|
1539
|
-
`}}
|
|
1761
|
+
`}};$s.styles=_(z1);let he=$s;Qe([a({type:String,reflect:!0})],he.prototype,"id",2),Qe([a({type:String})],he.prototype,"text",2),Qe([a({type:Boolean,reflect:!0})],he.prototype,"inverted",2),Qe([a({type:String})],he.prototype,"for",2),Qe([m()],he.prototype,"_active",2),Qe([a({type:String,reflect:!0})],he.prototype,"position",1),customElements.get("nys-tooltip")||customElements.define("nys-tooltip",he);const H1=`<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
1540
1762
|
<path d="M55.1158 7.50499L58.2905 12.6494V7.5189C58.2905 7.5189 58.6487 7.26356 59.5098 7.26356C60.3708 7.26356 60.7378 7.5189 60.7378 7.5189V16.4327C60.7378 16.4327 60.3942 16.689 59.5215 16.689C58.6487 16.689 58.3295 16.4605 58.3295 16.4605L55.1421 11.3171V16.4337C55.1421 16.4337 54.7848 16.69 53.9111 16.69C53.0374 16.69 52.7065 16.4337 52.7065 16.4337V7.51989C52.7065 7.51989 53.0384 7.26456 53.9248 7.26456C54.8112 7.26456 55.1148 7.50697 55.1148 7.50697L55.1158 7.50499Z" fill="#457AA5"/>
|
|
1541
1763
|
<path d="M67.2209 12.5948H64.9063V14.8709H68.2538C68.2538 14.8709 68.5047 15.1531 68.5047 15.772C68.5047 16.391 68.2538 16.688 68.2538 16.688H62.4589V7.26257H67.9892C67.9892 7.26257 68.2538 7.54572 68.2538 8.17859C68.2538 8.81146 67.9892 9.09362 67.9892 9.09362H64.9063V10.7637H67.2209C67.2209 10.7637 67.4728 11.0598 67.4728 11.6787C67.4728 12.2977 67.2209 12.5948 67.2209 12.5948Z" fill="#457AA5"/>
|
|
1542
1764
|
<path d="M71.4802 16.4327L68.9791 7.5189C68.9791 7.5189 69.3491 7.26356 70.2101 7.26356C71.0711 7.26356 71.4275 7.5189 71.4275 7.5189L72.6839 12.0434C72.7766 12.3802 72.8166 12.6365 72.8557 12.7845C72.8557 12.7428 72.9221 12.3663 73.0011 12.0573L74.0984 7.5189C74.0984 7.5189 74.5211 7.26356 75.1176 7.26356C75.7141 7.26356 76.084 7.5189 76.084 7.5189L77.3004 12.7845C77.3004 12.6623 77.3795 12.3255 77.4586 12.0573L78.756 7.5189C78.7686 7.5189 79.1132 7.26356 79.9596 7.26356C80.806 7.26356 81.1897 7.5189 81.1897 7.5189L78.6496 16.4327C78.6496 16.4327 78.2922 16.6751 77.4859 16.689C76.5468 16.689 76.2158 16.4327 76.2158 16.4327L75.223 12.2987C75.1449 11.9887 75.0902 11.6529 75.0785 11.5844L74.9184 12.2987L73.9266 16.4327C73.9266 16.4327 73.583 16.689 72.7092 16.689C71.8355 16.689 71.4802 16.4327 71.4802 16.4327Z" fill="#457AA5"/>
|
|
@@ -1552,7 +1774,7 @@
|
|
|
1552
1774
|
<path d="M51.7107 54.9999C51.577 54.9999 51.4335 54.974 51.2939 54.8965C51.085 54.7803 50.9395 54.5876 50.8858 54.3551C50.8233 54.0868 50.8936 53.7868 51.082 53.5116L51.1426 53.4202C51.2041 53.3268 51.2685 53.2354 51.3407 53.1519C51.4218 53.0595 51.5047 52.995 51.5741 52.9493C51.5243 52.6691 51.5418 52.4267 51.5682 52.2061C51.5877 52.0233 51.6346 51.8683 51.6726 51.7451C51.6892 51.6925 51.7058 51.6388 51.7185 51.5812C51.8201 51.145 51.8855 50.7397 51.9206 50.3453C51.9528 49.9916 51.947 49.9846 51.8864 49.9061C51.7 49.6707 51.3847 49.5018 51.0498 49.3229C50.8878 49.2365 50.7286 49.1491 50.5754 49.0557C49.607 48.4536 48.6376 47.8505 47.6701 47.2465L47.3294 47.0339C47.2513 46.9862 47.1147 46.9156 46.9516 46.8282C45.8817 46.2659 45.172 45.8526 45.0539 45.2595C45.0363 45.173 44.9465 44.9644 44.884 44.864C44.8411 44.8611 44.7307 44.8521 44.6546 44.8471C44.3032 44.8183 43.7711 44.7726 43.3484 44.3196C43.2635 44.2272 43.1786 44.1408 43.1005 44.0583C42.5098 43.4443 42.0003 42.9148 41.9329 41.5993C41.9241 41.4275 41.9251 41.2506 41.928 41.0728C41.9339 40.5283 41.927 40.1836 41.7103 39.962C41.6078 39.8567 41.435 39.7862 41.2349 39.7037C40.9889 39.6034 40.7097 39.4881 40.45 39.2686C40.37 39.2 40.2792 39.1007 40.1776 38.9854C40.0712 38.8602 39.9082 38.6724 39.7969 38.6337C38.974 38.3436 37.986 38.3178 36.96 38.3178L3.07245 38.2909C2.85964 38.2909 2.66927 38.3138 2.48477 38.3347C2.07378 38.3823 1.60812 38.437 1.2313 38.0962C0.866192 37.7664 0.815429 37.2607 0.814452 36.8076L0.8125 34.3993C0.8125 34.2722 0.847644 34.147 0.913051 34.0387C1.22544 33.529 1.83265 33.2558 2.3686 33.0144C2.56872 32.924 2.77666 32.8316 2.88795 32.7571C3.17593 32.5623 3.43561 32.302 3.7109 32.0248C3.91688 31.8182 4.13068 31.6046 4.36887 31.4059C4.69786 31.1317 5.07078 30.931 5.43296 30.7372C5.74535 30.5703 6.03821 30.4124 6.24127 30.2395C6.38575 30.1173 6.49216 29.9146 6.61906 29.6792C6.75476 29.4238 6.90998 29.1337 7.15208 28.8804C7.41273 28.6081 7.7427 28.4194 8.03263 28.2535C8.69744 27.871 8.68182 27.8322 8.57736 27.5769C8.52855 27.4577 8.48072 27.3553 8.43972 27.2639C8.24447 26.8357 8.07754 26.4681 8.19078 25.7051C8.2025 25.6306 8.21616 25.5521 8.22983 25.4706C8.25619 25.3325 8.30305 25.0772 8.27571 25.0037C8.27571 25.0037 8.26204 24.9927 8.23471 24.9778C8.21128 24.9659 8.12928 24.9669 8.06875 24.9679C7.87448 24.9659 7.51914 24.9768 7.2497 24.6689C6.98124 24.3629 6.99686 23.9555 7.03982 23.6356C7.08179 23.3127 7.06032 23.1051 7.03982 22.9223C6.95684 22.1453 7.21358 21.7817 8.10097 21.424C10.7524 20.351 12.901 19.9884 14.8613 20.2805C14.9775 20.2974 15.1356 20.2656 15.3182 20.2269C15.5944 20.1702 15.9351 20.1017 16.312 20.1752L18.3952 20.5766C19.2475 20.7415 19.6653 20.9054 20.3047 21.4995C20.6327 21.8046 20.7655 21.7718 21.3327 21.5661C21.6168 21.4638 21.9399 21.3485 22.3323 21.2949C22.9727 21.2084 23.5731 21.2661 24.153 21.3227C24.4136 21.3475 24.6762 21.3734 24.9408 21.3843C25.2356 21.3952 25.6085 21.2561 25.9717 21.121C26.1318 21.0614 26.2889 21.0028 26.4412 20.9541C26.78 20.8468 27.0973 20.7991 27.4038 20.7514C27.5551 20.7266 27.7064 20.7037 27.8607 20.6729C27.8714 20.6531 27.8821 20.6332 27.8939 20.6113C27.9417 20.5249 27.9944 20.4345 28.0598 20.3411C28.3419 19.9497 28.7471 19.7003 29.0722 19.4966L29.2078 19.4122C29.5564 19.1916 29.8629 18.9879 30.105 18.7386C30.5423 18.2796 31.1232 18.3114 31.5108 18.3312C31.6455 18.3392 31.8495 18.3481 31.91 18.3223C32.1678 18.207 31.9413 17.3993 31.8065 16.9165C31.7119 16.5777 31.6299 16.2846 31.6133 16.0183C31.5664 15.2642 31.9764 14.7317 32.3064 14.3045C32.5651 13.9687 32.7213 13.7481 32.7164 13.5355C32.7164 13.4948 32.7027 13.4382 32.6851 13.3845C32.4587 13.4948 32.0955 13.6369 31.6796 13.4421C31.0129 13.1302 30.6468 12.0264 30.8508 11.3985C31.0197 10.8779 31.54 10.5421 31.9198 10.2957L32.0565 10.2053C32.3806 9.98471 32.7242 9.79792 33.0542 9.6181C33.5159 9.36873 33.9513 9.13227 34.2949 8.82726C34.4404 8.69711 34.5761 8.56994 34.7089 8.44376C35.0076 8.1626 35.3161 7.8715 35.6792 7.61319C35.7056 7.5188 35.728 7.34096 35.7437 7.22571C35.7729 7.00714 35.8022 6.78062 35.8803 6.5849C36.2513 5.64304 37.1592 4.90884 37.9597 4.25908C38.2252 4.04448 38.4771 3.84081 38.6743 3.65602C38.7992 3.53878 38.9222 3.42055 39.0452 3.30332C39.6388 2.73701 40.2509 2.15084 40.9967 1.68289C41.601 1.30536 42.3898 0.833439 43.1249 0.552274C44.0972 0.1807 44.5579 0.208518 45.4766 0.262168L45.6474 0.27111C47.3607 0.371455 49.1384 0.32476 50.8575 0.281045C51.7205 0.258194 52.5796 0.235343 53.4347 0.230376C53.6651 0.230376 54.0156 0.185667 54.3836 0.138972C55.6078 -0.0140291 56.994 -0.188888 57.7818 0.503592C58.1118 0.792705 58.2924 1.19806 58.3031 1.67594C58.311 2.05248 58.1567 2.33464 58.0435 2.54129C58.0064 2.60686 57.9527 2.7082 57.9458 2.74297C57.9488 2.73205 57.9849 2.78768 58.0103 2.82742C58.1362 3.01718 58.3686 3.37088 58.2748 3.89843C58.2397 4.10111 58.1811 4.3167 58.1216 4.53528C58.0464 4.81147 57.9693 5.09761 57.9624 5.31419C57.9498 5.69073 57.6335 5.99376 57.2703 5.97289C56.9013 5.95998 56.6104 5.64603 56.6231 5.26849C56.6367 4.89195 56.7392 4.50944 56.831 4.17264C56.8788 3.9948 56.9276 3.82094 56.9569 3.65502C56.9481 3.65502 56.9218 3.62323 56.8993 3.58746C56.791 3.42254 56.6065 3.14535 56.6065 2.73701C56.6065 2.36345 56.7607 2.08328 56.873 1.87862C56.9072 1.81702 56.9589 1.72462 56.9657 1.69084C56.9608 1.58354 56.9267 1.55274 56.9072 1.53685C56.5694 1.23979 55.2544 1.40372 54.5496 1.49313C54.1386 1.5438 53.752 1.59348 53.4435 1.59547C52.5971 1.60043 51.7439 1.62229 50.8907 1.64315C49.1442 1.68886 47.3382 1.73654 45.5722 1.63421L45.3985 1.62328C44.5345 1.57162 44.3022 1.55871 43.5964 1.82894C42.9618 2.07235 42.2101 2.5244 41.7006 2.84431C41.0699 3.23973 40.533 3.75338 39.9648 4.29683C39.8379 4.41804 39.712 4.53925 39.5831 4.65947C39.3479 4.87804 39.0794 5.09661 38.7953 5.32611C38.1237 5.87056 37.3642 6.48555 37.1231 7.09457C37.1065 7.14425 37.085 7.30221 37.0713 7.40753C37.0147 7.84666 36.9424 8.3931 36.5041 8.69016C36.1927 8.90277 35.9145 9.16704 35.6187 9.44523C35.4771 9.57935 35.3317 9.71546 35.1774 9.85257C34.7186 10.2629 34.1924 10.548 33.6838 10.8222C33.3675 10.9931 33.0698 11.1541 32.8033 11.3369C32.7554 11.3707 32.6978 11.4064 32.6373 11.4462C32.5114 11.5276 32.2332 11.7065 32.1346 11.8217C32.1424 11.8992 32.1726 12.0115 32.2117 12.1009C32.3757 12.0214 32.6041 11.924 32.8804 11.9459C33.6633 12.0135 34.0401 12.8937 34.0558 13.4988C34.0743 14.2191 33.677 14.7337 33.3587 15.145C33.0971 15.4868 32.9351 15.7074 32.9487 15.9319C32.9565 16.0511 33.0288 16.3114 33.0932 16.5419C33.3314 17.3933 33.7746 18.978 32.4479 19.5701C32.0965 19.7281 31.7314 19.7082 31.4375 19.6933C31.3126 19.6864 31.1046 19.6764 31.047 19.7023C30.7171 20.051 30.3227 20.3113 29.9166 20.5706L29.7692 20.663C29.5212 20.816 29.2654 20.976 29.1405 21.1488C29.1083 21.1935 29.0819 21.2412 29.0585 21.2859C28.9345 21.5085 28.7256 21.884 28.174 21.9993C27.9827 22.04 27.7943 22.0708 27.6059 22.0996C27.3364 22.1414 27.0807 22.1811 26.8386 22.2566C26.7087 22.2993 26.5711 22.35 26.4334 22.4017C25.9697 22.5745 25.4435 22.7732 24.8871 22.7474C24.5981 22.7355 24.3131 22.7087 24.027 22.6808C23.4989 22.6282 22.9981 22.5805 22.511 22.6481C22.2572 22.6828 22.0258 22.7653 21.7817 22.8537C21.1716 23.0733 20.3369 23.3733 19.4046 22.508C18.9927 22.1265 18.8267 22.049 18.1473 21.9178L16.065 21.5164C15.942 21.4936 15.775 21.5264 15.5818 21.5651C15.3289 21.6168 15.0136 21.6784 14.6719 21.6297C12.9508 21.3724 11.0218 21.7112 8.59689 22.6928C8.49829 22.7325 8.42703 22.7643 8.37431 22.7891C8.39579 22.9779 8.42312 23.2491 8.39091 23.6217C8.53343 23.6416 8.69353 23.6843 8.86047 23.7737C9.81228 24.2834 9.63461 25.256 9.5487 25.724C9.53601 25.7876 9.52528 25.8511 9.51551 25.9127C9.4628 26.2694 9.49501 26.3429 9.65511 26.6917C9.70392 26.798 9.75664 26.9162 9.81326 27.0543C10.3941 28.4681 9.28415 29.1039 8.68865 29.4447C8.46705 29.5719 8.23764 29.701 8.11268 29.8331C7.99944 29.9524 7.89987 30.1372 7.79541 30.3329C7.62945 30.6448 7.44104 30.9975 7.10522 31.2847C6.79088 31.5529 6.41894 31.7536 6.05871 31.9454C5.74144 32.1153 5.44077 32.2762 5.21623 32.464C5.02782 32.6219 4.84527 32.8048 4.65295 32.9985C4.34252 33.3085 4.02524 33.6294 3.62499 33.8976C3.41901 34.0347 3.17203 34.147 2.9104 34.2652C2.69661 34.3606 2.33443 34.5225 2.14992 34.6626L2.15383 36.8096C2.15383 36.8881 2.15578 36.9527 2.15871 37.0023C2.21533 36.9974 2.27586 36.9904 2.32662 36.9835C2.5287 36.9606 2.77959 36.9308 3.06952 36.9308L36.9581 36.9566C38.0573 36.9566 39.2141 36.9884 40.2304 37.3471C40.6755 37.5021 40.9801 37.8538 41.1812 38.0853C41.2281 38.1399 41.2681 38.1896 41.3052 38.2234C41.4018 38.3048 41.5551 38.3674 41.7328 38.441C42.0129 38.5562 42.3615 38.7003 42.6572 39.0043C43.2811 39.6411 43.2713 40.4469 43.2645 41.0927C43.2606 41.2417 43.2606 41.3897 43.2664 41.5328C43.3084 42.3326 43.5261 42.5581 44.0532 43.1055C44.1372 43.1929 44.2251 43.2853 44.3188 43.3847C44.3842 43.4542 44.5287 43.4701 44.761 43.491C45.0412 43.5138 45.3897 43.5417 45.6953 43.7751C46.0291 44.0275 46.2546 44.5888 46.3376 44.8809C46.5455 45.0846 47.2777 45.4711 47.5647 45.6211C47.7639 45.7264 47.9298 45.8158 48.0265 45.8754L48.3672 46.088C49.3346 46.6891 50.3011 47.2922 51.2705 47.8943C51.3993 47.9727 51.533 48.0463 51.6707 48.1188C52.0924 48.3443 52.5698 48.6006 52.9291 49.0567C53.3215 49.5544 53.2942 50.0045 53.259 50.4029C53.3156 50.2936 53.3781 50.1893 53.4513 50.0879C53.5841 49.8982 53.7393 49.7541 53.877 49.626C54.0136 49.4998 54.1073 49.4104 54.1396 49.3388C54.1132 49.2772 54.0527 49.1739 54.0117 49.1034C53.8487 48.8232 53.6271 48.4387 53.7315 47.9857C53.7725 47.8108 53.8789 47.6588 54.0283 47.5634C54.0849 47.5276 54.205 47.4591 54.3631 47.3717C54.5818 47.2495 55.1373 46.9405 55.475 46.71C54.9723 45.5913 55.1392 44.2163 55.2886 42.9843C55.3345 42.6038 55.3784 42.2451 55.3989 41.9222C55.4204 41.5467 55.7337 41.2606 56.1076 41.2834C56.4776 41.3063 56.7588 41.6301 56.7353 42.0057C56.7148 42.3693 56.667 42.7498 56.6182 43.1522C56.4776 44.3166 56.3165 45.637 56.833 46.3911C56.954 46.5669 56.994 46.7895 56.9452 47.0021C56.8417 47.4502 56.3898 47.7879 55.1958 48.4606C55.352 48.7308 55.5395 49.0904 55.4731 49.5167C55.4623 49.5812 55.4487 49.6428 55.4321 49.7015C55.766 49.5793 56.1154 49.464 56.4845 49.3577C57.8775 48.9543 59.3409 48.7745 61.225 48.7745C62.0587 48.7745 62.8006 48.5053 63.5874 48.2211C64.2103 47.9946 64.8546 47.7621 65.576 47.6508C66.1852 47.5555 66.5005 47.7562 66.7728 47.9688C66.8636 48.0403 66.93 48.09 67.0442 48.1357C67.3625 48.2619 67.7325 48.2211 68.1601 48.1754C68.5925 48.1277 69.0836 48.0731 69.5844 48.2042C69.8821 48.2837 70.09 48.5579 70.0861 48.8709C70.0744 50.0571 68.5076 50.5459 67.7549 50.7814L67.0384 51.0099C66.4985 51.1848 65.9567 51.3586 65.41 51.5176C65.1631 51.5881 64.918 51.6587 64.672 51.7223C64.3889 51.7948 64.099 51.9597 63.7944 52.1316C63.481 52.3094 63.1579 52.4922 62.786 52.6174C62.1426 52.83 61.4837 52.9413 60.6471 52.9761C60.4069 52.987 60.1746 53.0943 59.9295 53.2056C59.5674 53.3735 59.1154 53.5801 58.6107 53.4132C58.3949 53.3864 57.5534 53.6775 57.1502 53.8196C56.832 53.9289 56.5577 54.0242 56.3419 54.0759C55.598 54.2528 54.8415 54.3918 54.1103 54.527L53.5968 54.6223C53.1516 54.7058 52.7035 54.7922 52.2613 54.8926L52.2076 54.9085C52.0797 54.9482 51.9021 55.0038 51.7078 55.0038L51.7107 54.9999ZM53.0735 51.6746C53.0569 51.7471 53.0403 51.8196 53.0237 51.8941C53.0032 51.9806 52.9788 52.064 52.9544 52.1455C52.9281 52.2359 52.9066 52.3055 52.8988 52.3651C52.8793 52.5379 52.8773 52.6313 52.8978 52.7247C52.9495 52.9791 52.9388 53.1907 52.8949 53.3645C53.0482 53.3347 53.2024 53.3049 53.3566 53.2751L53.875 53.1808C54.5896 53.0486 55.3296 52.9125 56.0412 52.7436C56.1906 52.7078 56.4483 52.6194 56.7217 52.525C57.7721 52.1604 58.4994 51.9359 59.0295 52.1127C59.0646 52.1058 59.2559 52.0173 59.3828 51.9597C59.7001 51.8137 60.0945 51.6328 60.5924 51.611C61.3021 51.5812 61.8498 51.4908 62.372 51.3169C62.622 51.2345 62.8748 51.0914 63.1442 50.9374C63.5123 50.7298 63.892 50.5142 64.3469 50.3969C64.5793 50.3373 64.8136 50.2707 65.0459 50.2042C65.5789 50.0482 66.11 49.8773 66.6362 49.7064L67.1253 49.5514C66.9388 49.5246 66.7504 49.4779 66.56 49.4014C66.2672 49.2862 66.0836 49.1411 65.9616 49.0457C65.9313 49.0229 65.906 48.999 65.8757 48.9812C65.8737 48.9851 65.8405 48.9851 65.7781 48.9941C65.1845 49.0855 64.6281 49.2862 64.0394 49.4998C63.1794 49.8107 62.293 50.1326 61.2279 50.1326C59.4717 50.1326 58.1235 50.2966 56.8535 50.6642C55.7142 50.992 54.7868 51.3984 54.0166 51.9031C53.7901 52.0521 53.5001 52.0481 53.2776 51.8951C53.1917 51.8365 53.1214 51.76 53.0735 51.6716V51.6746Z" fill="#154973"/>
|
|
1553
1775
|
<path d="M67.6348 51.8019C67.6348 51.8019 67.6173 51.782 67.6173 51.7303C67.6173 51.6787 67.6348 51.6588 67.6348 51.6588H68.5564C68.5564 51.6588 68.5749 51.6806 68.5749 51.7303C68.5749 51.78 68.5564 51.8019 68.5564 51.8019H68.1932V52.9205C68.1932 52.9205 68.1659 52.9404 68.0976 52.9404C68.0292 52.9404 67.998 52.9205 67.998 52.9205V51.8019H67.6348Z" fill="#154973"/>
|
|
1554
1776
|
<path d="M69.4282 52.8659C69.4135 52.8748 69.3891 52.8858 69.3471 52.8858C69.3178 52.8858 69.2837 52.8798 69.27 52.8659L68.9889 52.1476C68.9723 52.1088 68.9459 52.0323 68.944 52.0214C68.944 52.0264 68.9371 52.1277 68.9332 52.1565L68.8815 52.9205C68.8815 52.9205 68.8561 52.9404 68.7858 52.9404C68.7155 52.9404 68.6862 52.9205 68.6862 52.9205L68.7839 51.6787C68.7839 51.6787 68.8112 51.6588 68.8776 51.6588C68.9518 51.6588 68.9781 51.6787 68.9781 51.6787L69.3042 52.5162L69.3471 52.6533C69.3481 52.6473 69.3774 52.5559 69.392 52.5162L69.7181 51.6787C69.7181 51.6787 69.7464 51.6588 69.8206 51.6588C69.886 51.6588 69.9124 51.6787 69.9124 51.6787L70.01 52.9205C70.01 52.9205 69.9807 52.9404 69.9104 52.9404C69.8401 52.9404 69.8167 52.9205 69.8167 52.9205L69.763 52.1546L69.7523 52.0194C69.7523 52.0194 69.722 52.1148 69.7093 52.1456L69.4282 52.8659Z" fill="#154973"/>
|
|
1555
|
-
</svg>`,Cn=':host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px);--_nys-unavheader-background-color: var( --nys-color-surface, var(--nys-color-white, #ffffff) );--_nys-unavheader-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-unavheader-background-color--section-raised: var( --nys-color-surface-raised, var(--nys-color-neutral-10, #f6f6f6) );font-size:var(--nys-font-size-ui-md, 16px);font-weight:var(--nys-font-weight-semibold, 600);line-height:var(--nys-font-lineheight-ui-md, 24px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.nys-unavheader{display:flex;flex-direction:column}.nys-unavheader>*{padding:0 var(--_nys-unavheader-padding--gutter)}.nys-unavheader__main.wrapper{background-color:var(--_nys-unavheader-background-color)}.nys-unavheader__main.content{display:flex;align-items:center;justify-content:space-between;gap:var(--nys-space-300, 24px);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__spacer{flex:1}.nys-unavheader__trustbar.wrapper{background-color:var(--nys-color-neutral-100, #d0d0ce);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__trustbar.wrapper>.content,.nys-unavheader__trustbar.wrapper>.content *{cursor:pointer}.nys-unavheader__trustbar.inline,.nys-unavheader__trustbar.inline #nys-unavheader__official{background-color:transparent;cursor:default}.nys-unavheader__trustbar>.content,.nys-unavheader__trustbar.inline{display:flex;align-items:center;gap:var(--nys-space-100, 8px);height:fit-content;font-size:var(--nys-font-size-ui-xs, 12px);font-weight:var(--nys-font-weight-regular, 400);line-height:var(--nys-font-lineheight-ui-xs, 20px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}a#nys-unavheader__logolink{outline-offset:var(--nys-space-2px, 2px)}.nys-unavheader__logo svg{vertical-align:top;height:var(--nys-size-500, 40px);width:auto}#nys-unavheader__know,#nys-unavheader__know--inline{width:max-content;display:flex;align-items:center;cursor:pointer;gap:var(--nys-space-50, 4px);--_nys-button-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strongest, #002971);--nys-button-background-color--hover: var( --nys-color-transparent, #ffffff00 );--nys-button-background-color--active: var( --nys-color-transparent, #ffffff00 );--_nys-button-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-button-font-weight: var(--nys-font-weight-regular, 400);--_nys-button-line-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}.hide{display:none}.nys-unavheader__trustpanel.wrapper.show{background-color:var(--_nys-unavheader-background-color--section-raised);display:flex;padding-top:var(--nys-space-400, 32px);padding-bottom:var(--nys-space-400, 32px)}.nys-unavheader__messagewrapper{display:flex;gap:var(--nys-space-400, 32px)}.nys-unavheader__trustpanel.content{display:flex;flex-direction:row-reverse}.nys-unavheader__trustcontentmessage{flex:1;display:flex;flex-direction:column;gap:var(--nys-space-100, 8px);font-family:var(--nys-type-family-ui, "Proxima Nova");font-size:var(--nys-type-size-ui-sm, 14px);font-style:normal;font-weight:400;line-height:var(--nys-typography-font-lineheight-ui-sm, 24px);letter-spacing:var(--nys-typography-font-letterspacing-ui-sm, .044px)}.nys-unavheader__searchdropdown.wrapper{background-color:var(--_nys-unavheader-background-color--section-raised);padding-top:var(--nys-space-250, 20px);padding-bottom:var(--nys-space-250, 20px)}.nys-unavheader__trustpanel.wrapper>.content,.nys-unavheader__main.wrapper>.content,.nys-unavheader__trustbar>.content,.nys-unavheader__searchdropdown.wrapper>.content{max-width:1280px;margin:0 auto}.nys-unavheader__search{max-width:var(--nys-form-width-md, 200px);transition:max-width .5s ease;--_nys-textinput-gap: 0px}.nys-unavheader__search:focus{width:var(--nys-form-width-lg, 384px);max-width:var(--nys-form-width-lg, 384px)}#nys-unavheader__translate--desktop,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton{--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-width: 0px}.nys-unavheader__iconbutton{--_nys-button-width: var(--nys-size-400, 32px);--_nys-button-height: var(--nys-size-400, 32px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-unavheader__translatewrapper{position:relative}.nys-unavheader__languagelist.show{position:absolute;display:flex;flex-direction:column;min-width:fit-content;width:max-content;z-index:99999;background-color:var(--_nys-unavheader-background-color--section-raised);color:var(--nys-color-state-blue-700, #154973);margin-top:var(--nys-space-150, 12px);right:0}a.nys-unavheader__languagelink{padding:var(--nys-space-200, 16px) var(--nys-space-250, 20px);color:var(--nys-color-state-blue-700, #154973);text-decoration:none}a.nys-unavheader__languagelink:hover{background-color:var(--nys-color-neutral-100, #d0d0ce)}a.nys-unavheader__languagelink:active{background-color:var(--nys-color-neutral-200, #bec0c1)}@media(min-width:0)and (max-width:479px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px)}#nys-unavheader__know{--_nys-button-padding--x: 0px;--_nys-button-padding--y: 0px;--_nys-button-height: var(--nys-space-200, 16px)}.nys-unavheader__trustbar>.content{flex-direction:column;align-items:flex-start;gap:0;line-height:16px}.nys-unavheader__trustbar.wrapper{padding-top:var(--nys-space-50, 4px);padding-bottom:var(--nys-space-50, 4px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:480px)and (max-width:767px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-sm, 20px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:768px)and (max-width:1023px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-md, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1024px)and (max-width:1279px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-lg, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1280px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xl, 64px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}';var mn=Object.defineProperty,me=(o,e,t,s)=>{for(var r=void 0,n=o.length-1,i;n>=0;n--)(i=o[n])&&(r=i(e,t,r)||r);return r&&mn(e,t,r),r};const vs=class vs extends g{constructor(){super(...arguments),this.trustbarVisible=!1,this.searchDropdownVisible=!1,this.languageVisible=!1,this.isSearchFocused=!1,this.hideTranslate=!1,this.hideSearch=!1,this.searchUrl="",this.languages=[["English",""],["Español","es"],["中文","zh"],["繁體中文","zh-traditional"],["Русский","ru"],["יידיש","yi"],["বাংলা","bn"],["한국어","ko"],["Kreyòl Ayisyen","ht"],["Italiano","it"],["العربية","ar"],["Polski","pl"],["Français","fr"],["اردو","ur"]]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}_getNysLogo(){return new DOMParser().parseFromString(_n,"image/svg+xml").documentElement}_toggleTrustbar(e){if(this.trustbarVisible=!this.trustbarVisible,this.trustbarVisible&&(this.languageVisible=!1,this.searchDropdownVisible=!1),e==="no focus")return;if(e==="nys-unavheader__know--inline"||!e){const s=this.trustbarVisible?"nys-unavheader__closetrustbar":"nys-unavheader__know--inline";this.updateComplete.then(()=>{this.shadowRoot?.getElementById(s)?.focus()})}}_toggleLanguageList(){this.languageVisible=!this.languageVisible,this.languageVisible&&(this.trustbarVisible=!1,this.searchDropdownVisible=!1)}_toggleSearchDropdown(){this.searchDropdownVisible=!this.searchDropdownVisible,this.searchDropdownVisible&&(this.trustbarVisible=!1,this.languageVisible=!1)}_handleSearchFocus(){this.isSearchFocused=!0,this.trustbarVisible=!1,this.languageVisible=!1}_handleSearchBlur(){this.isSearchFocused=!1}_handleSearchKeyup(e){if(e.key==="Escape"&&(this._handleSearchBlur(),e.target.blur()),e.key==="Enter"){const t=e.target.value?.trim();t!==""&&this._handleSearch(t)}}_handleSearchButton(e){const s=(this.shadowRoot?.getElementById(e)).value?.trim();s!==""&&this._handleSearch(s)}_handleSearch(e){const t=new CustomEvent("nys-search-submit",{bubbles:!0,composed:!0,cancelable:!0,detail:{query:e}});this.dispatchEvent(t),t.defaultPrevented||(this.searchUrl?window.location.href=`${this.searchUrl}${encodeURIComponent(e)}`:window.location.href=`https://search.its.ny.gov/search/search.html?q=${encodeURIComponent(e)}+inurl:${window.location.hostname}&site=default_collection`)}render(){return h`
|
|
1777
|
+
</svg>`,I1=':host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px);--_nys-unavheader-background-color: var(--nys-color-surface, var(--nys-color-white, #ffffff));--_nys-unavheader-color: var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b));--_nys-unavheader-background-color--section-raised: var(--nys-color-surface-raised, var(--nys-color-neutral-10, #f6f6f6));font-size:var(--nys-font-size-ui-md, 16px);font-weight:var(--nys-font-weight-semibold, 600);line-height:var(--nys-font-lineheight-ui-md, 24px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.nys-unavheader{display:flex;flex-direction:column}.nys-unavheader>*{padding:0 var(--_nys-unavheader-padding--gutter)}.nys-unavheader__main.wrapper{background-color:var(--_nys-unavheader-background-color)}.nys-unavheader__main.content{display:flex;align-items:center;justify-content:space-between;gap:var(--nys-space-300, 24px);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__spacer{flex:1}.nys-unavheader__trustbar.wrapper{background-color:var(--nys-color-neutral-100, #d0d0ce);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__trustbar.wrapper>.content,.nys-unavheader__trustbar.wrapper>.content *{cursor:pointer}.nys-unavheader__trustbar.inline,.nys-unavheader__trustbar.inline #nys-unavheader__official{background-color:transparent;cursor:default}.nys-unavheader__trustbar>.content,.nys-unavheader__trustbar.inline{display:flex;align-items:center;gap:var(--nys-space-100, 8px);height:fit-content;font-size:var(--nys-font-size-ui-xs, 12px);font-weight:var(--nys-font-weight-regular, 400);line-height:var(--nys-font-lineheight-ui-xs, 20px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}a#nys-unavheader__logolink{outline-offset:var(--nys-space-2px, 2px)}.nys-unavheader__logo svg{vertical-align:top;height:var(--nys-size-500, 40px);width:auto}#nys-unavheader__know,#nys-unavheader__know--inline{width:max-content;display:flex;align-items:center;cursor:pointer;gap:var(--nys-space-50, 4px);--_nys-button-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strongest, #002971);--nys-button-background-color--hover: var(--nys-color-transparent, #ffffff00);--nys-button-background-color--active: var(--nys-color-transparent, #ffffff00);--_nys-button-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-button-font-weight: var(--nys-font-weight-regular, 400);--_nys-button-line-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.hide{display:none}.nys-unavheader__trustpanel.wrapper.show{background-color:var(--_nys-unavheader-background-color--section-raised);display:flex;padding-top:var(--nys-space-400, 32px);padding-bottom:var(--nys-space-400, 32px)}.nys-unavheader__messagewrapper{display:flex;gap:var(--nys-space-400, 32px)}.nys-unavheader__trustpanel.content{display:flex;flex-direction:row-reverse}.nys-unavheader__trustcontentmessage{flex:1;display:flex;flex-direction:column;gap:var(--nys-space-100, 8px);font-family:var(--nys-type-family-ui, "Proxima Nova");font-size:var(--nys-type-size-ui-sm, 14px);font-style:normal;font-weight:400;line-height:var(--nys-typography-font-lineheight-ui-sm, 24px);letter-spacing:var(--nys-typography-font-letterspacing-ui-sm, .044px)}.nys-unavheader__searchdropdown.wrapper{background-color:var(--_nys-unavheader-background-color--section-raised);padding-top:var(--nys-space-250, 20px);padding-bottom:var(--nys-space-250, 20px)}.nys-unavheader__trustpanel.wrapper>.content,.nys-unavheader__main.wrapper>.content,.nys-unavheader__trustbar>.content,.nys-unavheader__searchdropdown.wrapper>.content{max-width:1280px;margin:0 auto}.nys-unavheader__search{max-width:var(--nys-form-width-md, 200px);transition:max-width .5s ease;--_nys-textinput-gap: 0px}.nys-unavheader__search:focus{width:var(--nys-form-width-lg, 384px);max-width:var(--nys-form-width-lg, 384px)}#nys-unavheader__translate--desktop,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton{--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-width: 0px}.nys-unavheader__iconbutton{--_nys-button-width: var(--nys-size-400, 32px);--_nys-button-height: var(--nys-size-400, 32px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-unavheader__translatewrapper{position:relative}.nys-unavheader__languagelist.show{position:absolute;display:flex;flex-direction:column;min-width:fit-content;width:max-content;z-index:99999;background-color:var(--_nys-unavheader-background-color--section-raised);color:var(--nys-color-state-blue-700, #154973);margin-top:var(--nys-space-150, 12px);right:0}.nys-unavheader__languagelink{--_nys-button-padding: var(--nys-space-200, 16px) var(--nys-space-250, 20px);--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-radius--start: 0;--_nys-button-border-radius--end: 0;--_nys-button-justify-content: start}@media(min-width:0)and (max-width:479px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px)}#nys-unavheader__know{--_nys-button-padding--x: 0px;--_nys-button-padding--y: 0px;--_nys-button-height: var(--nys-space-200, 16px)}.nys-unavheader__trustbar>.content{flex-direction:column;align-items:flex-start;gap:0;line-height:16px}.nys-unavheader__trustbar.wrapper{padding-top:var(--nys-space-50, 4px);padding-bottom:var(--nys-space-50, 4px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:480px)and (max-width:767px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-sm, 20px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:768px)and (max-width:1023px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-md, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1024px)and (max-width:1279px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-lg, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1280px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xl, 64px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}';var R1=Object.defineProperty,ke=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&R1(e,t,o),o};const Es=class Es extends f{constructor(){super(...arguments),this.trustbarVisible=!1,this.searchDropdownVisible=!1,this.languageVisible=!1,this.isSearchFocused=!1,this.hideTranslate=!1,this.hideSearch=!1,this.searchUrl="",this.languages=[{code:"en",label:"English"},{code:"es",label:"Español"},{code:"zh",label:"中文"},{code:"zh-traditional",label:"繁體中文"},{code:"yi",label:"יידיש"},{code:"ru",label:"Русский"},{code:"bn",label:"বাংলা"},{code:"ko",label:"한국어"},{code:"ht",label:"Kreyòl Ayisyen"},{code:"it",label:"Italiano"},{code:"ar",label:"العربية"},{code:"pl",label:"Polski"},{code:"fr",label:"Français"},{code:"ur",label:"اردو"}]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}_getNysLogo(){return new DOMParser().parseFromString(H1,"image/svg+xml").documentElement}_toggleTrustbar(e){if(this.trustbarVisible=!this.trustbarVisible,this.trustbarVisible&&(this.languageVisible=!1,this.searchDropdownVisible=!1),e==="no focus")return;if(e==="nys-unavheader__know--inline"||!e){const s=this.trustbarVisible?"nys-unavheader__closetrustbar":"nys-unavheader__know--inline";this.updateComplete.then(()=>{this.shadowRoot?.getElementById(s)?.focus()})}}_toggleLanguageList(){this.languageVisible=!this.languageVisible,this.languageVisible&&(this.trustbarVisible=!1,this.searchDropdownVisible=!1)}_toggleSearchDropdown(){this.searchDropdownVisible=!this.searchDropdownVisible,this.searchDropdownVisible&&(this.trustbarVisible=!1,this.languageVisible=!1)}_handleLanguageSelect(e){this.languageVisible=!1;const t=new CustomEvent("nys-language-select",{bubbles:!0,composed:!0,cancelable:!0,detail:{language:e}});if(this.dispatchEvent(t),!t.defaultPrevented)if(e.url)window.location.href=e.url;else{const s=e.code==="en"?"":`${e.code}.`;window.location.href=`https://${s}${window.location.hostname}`}}_handleSearchFocus(){this.isSearchFocused=!0,this.trustbarVisible=!1,this.languageVisible=!1}_handleSearchBlur(){this.isSearchFocused=!1}_handleSearchKeyup(e){if(e.key==="Escape"&&(this._handleSearchBlur(),e.target.blur()),e.key==="Enter"){const t=e.target.value?.trim();t!==""&&this._handleSearch(t)}}_handleSearchButton(e){const s=(this.shadowRoot?.getElementById(e)).value?.trim();s!==""&&this._handleSearch(s)}_handleSearch(e){const t=new CustomEvent("nys-search-submit",{bubbles:!0,composed:!0,cancelable:!0,detail:{query:e}});this.dispatchEvent(t),t.defaultPrevented||(this.searchUrl?window.location.href=`${this.searchUrl}${encodeURIComponent(e)}`:window.location.href=`https://search.its.ny.gov/search/search.html?q=${encodeURIComponent(e)}+inurl:${window.location.hostname}&site=default_collection`)}render(){return h`
|
|
1556
1778
|
<header class="nys-unavheader">
|
|
1557
1779
|
<div
|
|
1558
1780
|
class="nys-unavheader__trustbar wrapper"
|
|
@@ -1683,12 +1905,13 @@
|
|
|
1683
1905
|
<div
|
|
1684
1906
|
class="nys-unavheader__languagelist ${this.languageVisible?"show":"hide"}"
|
|
1685
1907
|
>
|
|
1686
|
-
${this.languages.map(
|
|
1908
|
+
${this.languages.map(e=>h`<nys-button
|
|
1909
|
+
variant="ghost"
|
|
1910
|
+
fullWidth
|
|
1911
|
+
label="${e.label}"
|
|
1687
1912
|
class="nys-unavheader__languagelink"
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
>${e}</a
|
|
1691
|
-
>`)}
|
|
1913
|
+
@click="${()=>this._handleLanguageSelect(e)}"
|
|
1914
|
+
></nys-button>`)}
|
|
1692
1915
|
</div>
|
|
1693
1916
|
</div>`}
|
|
1694
1917
|
${this.hideSearch?null:h`
|
|
@@ -1754,21 +1977,21 @@
|
|
|
1754
1977
|
</div>
|
|
1755
1978
|
</div>
|
|
1756
1979
|
</header>
|
|
1757
|
-
`}};
|
|
1980
|
+
`}};Es.styles=_(I1);let te=Es;ke([a({type:Boolean})],te.prototype,"trustbarVisible"),ke([a({type:Boolean})],te.prototype,"searchDropdownVisible"),ke([a({type:Boolean})],te.prototype,"languageVisible"),ke([a({type:Boolean})],te.prototype,"isSearchFocused"),ke([a({type:Boolean})],te.prototype,"hideTranslate"),ke([a({type:Boolean})],te.prototype,"hideSearch"),ke([a({type:String})],te.prototype,"searchUrl"),ke([a({type:Array})],te.prototype,"languages"),customElements.get("nys-unavheader")||customElements.define("nys-unavheader",te);const q1=':host{--_nys-globalheader-color: var( --nys-color-text-reverse, var(--nys-color-white, #ffffff) );--_nys-globalheader-link-color: var( --nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff) );--_nys-globalheader-background-color: var( --nys-color-theme, var(--nys-color-state-blue-700, #154973) );--_nys-globalheader-gap: var(--nys-space-300, 24px);--_nys-globalheader-padding: var(--nys-space-250, 20px);--_nys-globalheader-font-family--menu: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalheader-line-height: normal;--_nys-globalheader-letter-spacing: normal;--_nys-globalheader-font-weight: var(--nys-font-weight-semibold, 600);--_nys-globalheader-max-width: var(--nys-max-content-width, 1280px);--_nys-globalheader-gap--text: var(--nys-space-100, 8px);--_nys-globalheader-font-size--heading: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalheader-font-size--subheading: var( --nys-font-size-agency-md, var(--nys-font-size-md, 16px) );--_nys-globalheader-font-family--headings: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalheader-line-height--menu: var(--nys-font-lineheight-ui-md, 24px);--_nys-globalheader-letter-spacing--menu: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalheader-text-decoration-thickness--menu: var(--nys-size-2px, 2px);--_nys-globalheader-link-padding: var(--nys-space-300, 24px) var(--nys-space-200, 16px);--_nys-globalheader-font-size--menu-btn: var(--nys-type-size-ui-xs, 12px);--_nys-globalheader-line-height--menu-btn: var( --nys-font-lineheight-ui-xs, 20px );--_nys-globalheader-letter-spacing--menu-btn: var( --nys-font-letterspacing-ui-xs, .057px );--_nys-globalheader-border-color--menu: var(--nys-color-theme-mid, #457aa5);--_nys-globalheader-background-color--menu--hover: var( --nys-color-theme-strong, #0e324f );--_nys-globalheader-background-color--menu--active: var( --nys-color-theme-stronger, #081b2b )}ul{list-style-type:none;padding:0;margin:0}li{display:block;margin:0;padding:0;box-sizing:border-box}a{color:var(--_nys-globalheader-color);text-decoration:none;font-family:var(--_nys-globalheader-font-family--menu);font-style:normal;font-weight:400;line-height:var(--_nys-globalheader-line-height--menu);letter-spacing:var(--_nys-globalheader-letter-spacing--menu)}::slotted([slot=user-actions]){display:flex;align-items:center;margin-inline-start:auto;--_nys-button-outline-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) )}.nys-globalheader{display:flex;justify-content:center;padding:var(--_nys-globalheader-padding);background-color:var(--_nys-globalheader-background-color);color:var(--_nys-globalheader-color);width:100%;min-height:76px;box-sizing:border-box}a#nys-globalheader__logolink{outline-offset:var(--nys-space-2px, 2px);outline-color:var(--nys-color-ink-reverse, #ffffff);margin:auto 0}.nys-globalheader__logo svg{vertical-align:top;width:auto}.nys-globalheader__main-container{display:flex;gap:var(--_nys-globalheader-gap);max-width:var(--_nys-globalheader-max-width);width:100%}.nys-globalheader__name-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--_nys-globalheader-gap--text)}.nys-globalheader__name{margin:0;color:var(--_nys-globalheader-color);font-family:var(--_nys-globalheader-font-family--headings);font-size:var(--_nys-globalheader-font-size--heading);font-style:normal;font-weight:var(--_nys-globalheader-font-weight);line-height:var(--_nys-globalheader-line-height);letter-spacing:var(--_nys-globalheader-letter-spacing);overflow-wrap:break-word}.nys-globalheader__agencyName{font-size:var(--_nys-globalheader-font-size--subheading)}.nys-globalheader__agencyName.main{font-size:var(--_nys-globalheader-font-size--heading)}.nys-globalheader__content{display:none;font-family:var(--_nys-globalheader-font-family--menu)}.nys-globalheader__content ul{display:flex;flex-flow:column wrap;align-items:center}.nys-globalheader__content ul a:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font}.nys-globalheader__content ul a:active{text-decoration-thickness:var(--_nys-globalheader-text-decoration-thickness--menu)}.nys-globalheader__content li.active a,.nys-globalheader__content-mobile li.active a{font-weight:700}.nys-globalheader__content li.active{border-bottom:8px solid var(--nys-color-theme-weak, #cddde9)}.nys-globalheader__content li.active a{margin-bottom:calc(-1 * var(--nys-space-100, 8px))}.nys-globalheader__content-mobile li.active a{border-left:8px solid var(--nys-color-theme-weak, #cddde9);border-bottom:1px solid var(--_nys-globalheader-border-color--menu)}.nys-globalheader__content ul li.active a:hover{text-decoration:none}.nys-globalheader__content-mobile{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:center;background-color:var(--_nys-globalheader-background-color);width:fit-content}.nys-globalheader__content-mobile.close{display:none}.nys-globalheader__content-mobile ul{display:flex;flex-direction:column}.nys-globalheader__content-mobile ul li:first-child a{border-top:1px solid var(--_nys-globalheader-color)}.nys-globalheader__content-mobile ul li a{display:flex;padding:24px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid var(--_nys-globalheader-border-color--menu);background-color:var(--_nys-globalheader-background-color)}.nys-globalheader__content-mobile ul li a:hover{background-color:var(--_nys-globalheader-background-color--menu--hover)}.nys-globalheader__content-mobile ul li a:active{background-color:var(--_nys-globalheader-background-color--menu--active)}.nys-globalheader__name-container-link{display:flex;flex-direction:column;justify-content:center}.nys-globalheader__button-container{display:flex;justify-content:center;align-items:center}.nys-globalheader__mobile-menu-button{flex-direction:column;gap:3px;width:50px;height:50px;background-color:var(--_nys-globalheader-background-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;color:var(--_nys-globalheader-color)}.nys-globalheader__mobile-menu-button-text{font-size:var(--_nys-globalheader-font-size--menu-btn);line-height:var(--_nys-globalheader-line-height--menu-btn);letter-spacing:var(--_nys-globalheader-letter-spacing--menu-btn)}@media(min-width:1024px){.nys-globalheader__content{display:flex}.nys-globalheader__content ul{flex-direction:row}.nys-globalheader__content-mobile,.nys-globalheader__button-container{display:none}li{display:flex;align-items:center;padding:var(--_nys-globalheader-link-padding)}:host{--_nys-globalheader-gap: var(--nys-space-500, 40px);--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-size-400, 32px) 0}}@media(min-width:1280px){:host{--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-space-800, 64px) 0}}';var P1=Object.defineProperty,yt=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&P1(e,t,o),o};const Ss=class Ss extends f{constructor(){super(...arguments),this.appName="",this.agencyName="",this.homepageLink="",this._isMobileMenuOpen=!1,this._hasLinkContent=!1}firstUpdated(){this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange",()=>this._handleListSlotChange()),this._handleListSlotChange(),this._listenLinkClicks()}_highlightActiveLink(e){const t=Array.from(e.querySelectorAll("a")),s=window.location.pathname.replace(/\/+$/,"")||"/";let o={li:null,length:0};t.forEach(n=>{const i=this._normalizePath(n.getAttribute("href"));i&&(i==="/"&&s==="/"?o={li:n.closest("li"),length:1}:s.startsWith(i)&&i.length>o.length&&(o={li:n.closest("li"),length:i.length}))}),t.forEach(n=>n.closest("li")?.classList.remove("active")),o.li?.classList.add("active")}async _handleListSlotChange(){const e=this.shadowRoot?.querySelector('slot:not([name="user-actions"])');if(!e)return;const t=e.assignedNodes({flatten:!0}).filter(o=>o.nodeType===Node.ELEMENT_NODE),s=[this.shadowRoot?.querySelector(".nys-globalheader__content"),this.shadowRoot?.querySelector(".nys-globalheader__content-mobile")];if(!s.some(o=>!o)){for(const o of s)o.innerHTML="",t.forEach(n=>{o.appendChild(n.cloneNode(!0))}),this._highlightActiveLink(o);await this.updateComplete,this._hasLinkContent=t.length>0}}_normalizePath(e){if(!e)return null;try{return new URL(e,window.location.origin).pathname.replace(/\/+$/,"")||"/"}catch{return null}}_toggleMobileMenu(){this._isMobileMenuOpen=!this._isMobileMenuOpen}_listenLinkClicks(){this.shadowRoot?.querySelectorAll(".nys-globalheader__content, .nys-globalheader__content-mobile")?.forEach(t=>{t?.addEventListener("click",s=>{const n=s.target.closest("a");if(!n)return;t.querySelectorAll("li.active").forEach(l=>l.classList.remove("active"));const i=n.closest("li");i&&i.classList.add("active")})})}render(){return h`
|
|
1758
1981
|
<header class="nys-globalheader">
|
|
1759
1982
|
<div class="nys-globalheader__main-container">
|
|
1760
|
-
${this.
|
|
1983
|
+
${this._hasLinkContent?h` <div class="nys-globalheader__button-container">
|
|
1761
1984
|
<button
|
|
1762
1985
|
class="nys-globalheader__mobile-menu-button"
|
|
1763
1986
|
@click="${this._toggleMobileMenu}"
|
|
1764
1987
|
>
|
|
1765
1988
|
<nys-icon
|
|
1766
|
-
name="${this.
|
|
1989
|
+
name="${this._isMobileMenuOpen?"close":"menu"}"
|
|
1767
1990
|
size="32"
|
|
1768
|
-
label="${this.
|
|
1991
|
+
label="${this._isMobileMenuOpen?"close":"menu"} icon"
|
|
1769
1992
|
></nys-icon>
|
|
1770
1993
|
<span class="nys-globalheader__mobile-menu-button-text"
|
|
1771
|
-
>${this.
|
|
1994
|
+
>${this._isMobileMenuOpen?"CLOSE":"MENU"}</span
|
|
1772
1995
|
>
|
|
1773
1996
|
</button>
|
|
1774
1997
|
</div>`:""}
|
|
@@ -1811,9 +2034,9 @@
|
|
|
1811
2034
|
</div>
|
|
1812
2035
|
</header>
|
|
1813
2036
|
<div
|
|
1814
|
-
class="nys-globalheader__content-mobile ${this.
|
|
2037
|
+
class="nys-globalheader__content-mobile ${this._isMobileMenuOpen?"":"close"}"
|
|
1815
2038
|
></div>
|
|
1816
|
-
`}};
|
|
2039
|
+
`}};Ss.styles=_(q1);let _e=Ss;yt([a({type:String})],_e.prototype,"appName"),yt([a({type:String})],_e.prototype,"agencyName"),yt([a({type:String})],_e.prototype,"homepageLink"),yt([m()],_e.prototype,"_isMobileMenuOpen"),yt([m()],_e.prototype,"_hasLinkContent"),customElements.get("nys-globalheader")||customElements.define("nys-globalheader",_e);const U1=':host{--_nys-globalfooter-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-globalfooter-background-color: var( --nys-color-theme-weaker, var(--nys-color-state-blue-50, #eff6fb) );--_nys-globalfooter-gap: var(--nys-space-300, 24px);--_nys-globalfooter-padding--y: var(--nys-space-400, 32px);--_nys-globalfooter-padding--gutter: var(--nys-gutter-sm, 20px);--_nys-globalfooter-font-size--agency: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalfooter-font-size--link: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-globalfooter-line-height--agency: normal;--_nys-globalfooter-font-weight--regular: var( --nys-font-weight-regular, 400 );--_nys-globalfooter-font-weight--semibold: var( --nys-font-weight-semibold, 600 );--_nys-globalfooter-max-width: var(--nys-max-content-width, 1280px);--_nys-globalfooter-font-family--agency: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalfooter-column-gap: var(--nys-space-400, 32px);--_nys-globalfooter-row-gap: var(--nys-space-400, 32px);--_nys-globalfooter-line-height--link: var( --nys-font-lineheight-ui-md, 24px );--_nys-globalfooter-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalfooter-font-family--link: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalfooter-text-decoration-thickness: var(--nys-size-2px, 2px);--_nys-globalfooter-background--divider: var(--nys-color-theme, #154973);--_nys-globalfooter-margin--divider: var(--nys-space-50, 4px)}.nys-globalfooter{display:flex;padding:var(--_nys-globalfooter-padding--y) var(--_nys-globalfooter-padding--gutter);justify-content:center;background-color:var(--_nys-globalfooter-background-color);color:var(--_nys-globalfooter-color);width:100%;box-sizing:border-box}.nys-globalfooter__main-container{display:flex;flex-direction:column;gap:var(--_nys-globalfooter-gap);width:100%;max-width:var(--_nys-globalfooter-max-width)}.nys-globalfooter__name{text-align:left;margin:0;color:var(--_nys-globalfooter-color);font-family:var(--_nys-globalfooter-font-family--agency);font-size:var(--_nys-globalfooter-font-size--agency);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--agency);letter-spacing:normal}ul{list-style-type:none;padding:0;margin:0}li{margin:0;padding:0}a,span{color:var(--_nys-globalfooter-color);text-decoration:none;font-family:var(--_nys-globalfooter-font-family--link);font-size:var(--_nys-globalfooter-font-size--link);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--link);letter-spacing:var(--_nys-globalfooter-letter-spacing)}ul li>span+ul li a{font-weight:var(--_nys-globalfooter-font-weight--regular)}a:hover{text-decoration:underline}a:active{text-decoration-thickness:var(--_nys-globalfooter-text-decoration-thickness)}.nys-globalfooter__content{width:100%}.nys-globalfooter__content ul{display:flex;flex-flow:column wrap;gap:var(--_nys-globalfooter-row-gap) var(--_nys-globalfooter-column-gap)}.nys-globalfooter__content ul li:has(span~ul){flex:1;display:flex;flex-direction:column}.nys-globalfooter__content ul:has(li>span~ul){--_nys-globalfooter-column-gap: var(--nys-space-500, 40px)}.nys-globalfooter__content ul li>span~ul{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px)}.divider{margin-top:var(--_nys-globalfooter-margin--divider);margin-bottom:var(--nys-space-300, 24px)}@media(min-width:768px){.nys-globalfooter__content ul{flex-direction:row}.nys-globalfooter__content ul li:has(span~ul){flex:1 0 205px}:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-lg, 32px);--_nys-globalfooter-row-gap: var(--nys-space-600, 48px)}}@media(min-width:1280px){:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-xl, 64px)}}';var T1=Object.defineProperty,cs=(r,e,t,s)=>{for(var o=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=i(e,t,o)||o);return o&&T1(e,t,o),o};const Ls=class Ls extends f{constructor(){super(...arguments),this.agencyName="",this.homepageLink="",this.slotHasContent=!0}firstUpdated(){this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange",()=>this._handleSlotChange()),this._handleSlotChange()}async _handleSlotChange(){const e=this.shadowRoot?.querySelector("slot");if(!e)return;const t=e?.assignedNodes({flatten:!0}).filter(n=>n.nodeType===Node.ELEMENT_NODE);await Promise.resolve(),this.slotHasContent=t.length>0;const s=this.shadowRoot?.querySelector(".nys-globalfooter__content"),o=t?.some(n=>n.tagName==="H4");s&&(s.classList.toggle("columns",o),s.classList.toggle("small",!o),s.innerHTML="",t.forEach(i=>{if(i.nodeType===Node.ELEMENT_NODE){const l=i.cloneNode(!0);["script","iframe","object","embed","img"].forEach(d=>{l.querySelectorAll(d).forEach(p=>p.remove())}),s.appendChild(l),i.remove()}}),s.querySelectorAll("span").forEach(i=>{const l=document.createElement("nys-divider");l.classList.add("divider"),i.insertAdjacentElement("afterend",l)}))}render(){return h`
|
|
1817
2040
|
<footer class="nys-globalfooter">
|
|
1818
2041
|
<div class="nys-globalfooter__main-container">
|
|
1819
2042
|
${this.homepageLink?.trim()?h`<a href=${this.homepageLink?.trim()}>
|
|
@@ -1827,7 +2050,7 @@
|
|
|
1827
2050
|
</div>`:""}
|
|
1828
2051
|
</div>
|
|
1829
2052
|
</footer>
|
|
1830
|
-
`}};
|
|
2053
|
+
`}};Ls.styles=_(U1);let qe=Ls;cs([a({type:String})],qe.prototype,"agencyName"),cs([a({type:String})],qe.prototype,"homepageLink"),cs([m()],qe.prototype,"slotHasContent"),customElements.get("nys-globalfooter")||customElements.define("nys-globalfooter",qe);const Z1=`<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
1831
2054
|
<path d="M55.1158 7.50499L58.2905 12.6494V7.5189C58.2905 7.5189 58.6487 7.26356 59.5098 7.26356C60.3708 7.26356 60.7378 7.5189 60.7378 7.5189V16.4327C60.7378 16.4327 60.3942 16.689 59.5215 16.689C58.6487 16.689 58.3295 16.4605 58.3295 16.4605L55.1421 11.3171V16.4337C55.1421 16.4337 54.7848 16.69 53.9111 16.69C53.0374 16.69 52.7065 16.4337 52.7065 16.4337V7.51989C52.7065 7.51989 53.0384 7.26456 53.9248 7.26456C54.8112 7.26456 55.1148 7.50697 55.1148 7.50697L55.1158 7.50499Z" fill="white"/>
|
|
1832
2055
|
<path d="M67.2209 12.5948H64.9063V14.8709H68.2538C68.2538 14.8709 68.5047 15.1531 68.5047 15.772C68.5047 16.391 68.2538 16.688 68.2538 16.688H62.4589V7.26257H67.9892C67.9892 7.26257 68.2538 7.54572 68.2538 8.17859C68.2538 8.81146 67.9892 9.09362 67.9892 9.09362H64.9063V10.7637H67.2209C67.2209 10.7637 67.4728 11.0598 67.4728 11.6787C67.4728 12.2977 67.2209 12.5948 67.2209 12.5948Z" fill="white"/>
|
|
1833
2056
|
<path d="M71.4802 16.4327L68.9791 7.5189C68.9791 7.5189 69.3491 7.26356 70.2101 7.26356C71.0711 7.26356 71.4275 7.5189 71.4275 7.5189L72.6839 12.0434C72.7766 12.3802 72.8166 12.6365 72.8557 12.7845C72.8557 12.7428 72.9221 12.3663 73.0011 12.0573L74.0984 7.5189C74.0984 7.5189 74.5211 7.26356 75.1176 7.26356C75.7141 7.26356 76.084 7.5189 76.084 7.5189L77.3004 12.7845C77.3004 12.6623 77.3795 12.3255 77.4586 12.0573L78.756 7.5189C78.7686 7.5189 79.1132 7.26356 79.9596 7.26356C80.806 7.26356 81.1897 7.5189 81.1897 7.5189L78.6496 16.4327C78.6496 16.4327 78.2922 16.6751 77.4859 16.689C76.5468 16.689 76.2158 16.4327 76.2158 16.4327L75.223 12.2987C75.1449 11.9887 75.0902 11.6529 75.0785 11.5844L74.9184 12.2987L73.9266 16.4327C73.9266 16.4327 73.583 16.689 72.7092 16.689C71.8355 16.689 71.4802 16.4327 71.4802 16.4327Z" fill="white"/>
|
|
@@ -1843,7 +2066,7 @@
|
|
|
1843
2066
|
<path d="M51.7107 54.9999C51.577 54.9999 51.4335 54.974 51.2939 54.8965C51.085 54.7803 50.9395 54.5876 50.8858 54.3551C50.8233 54.0868 50.8936 53.7868 51.082 53.5116L51.1426 53.4202C51.2041 53.3268 51.2685 53.2354 51.3407 53.1519C51.4218 53.0595 51.5047 52.995 51.5741 52.9493C51.5243 52.6691 51.5418 52.4267 51.5682 52.2061C51.5877 52.0233 51.6346 51.8683 51.6726 51.7451C51.6892 51.6925 51.7058 51.6388 51.7185 51.5812C51.8201 51.145 51.8855 50.7397 51.9206 50.3453C51.9528 49.9916 51.947 49.9846 51.8864 49.9061C51.7 49.6707 51.3847 49.5018 51.0498 49.3229C50.8878 49.2365 50.7286 49.1491 50.5754 49.0557C49.607 48.4536 48.6376 47.8505 47.6701 47.2465L47.3294 47.0339C47.2513 46.9862 47.1147 46.9156 46.9516 46.8282C45.8817 46.2659 45.172 45.8526 45.0539 45.2595C45.0363 45.173 44.9465 44.9644 44.884 44.864C44.8411 44.8611 44.7307 44.8521 44.6546 44.8471C44.3032 44.8183 43.7711 44.7726 43.3484 44.3196C43.2635 44.2272 43.1786 44.1408 43.1005 44.0583C42.5098 43.4443 42.0003 42.9148 41.9329 41.5993C41.9241 41.4275 41.9251 41.2506 41.928 41.0728C41.9339 40.5283 41.927 40.1836 41.7103 39.962C41.6078 39.8567 41.435 39.7862 41.2349 39.7037C40.9889 39.6034 40.7097 39.4881 40.45 39.2686C40.37 39.2 40.2792 39.1007 40.1776 38.9854C40.0712 38.8602 39.9082 38.6724 39.7969 38.6337C38.974 38.3436 37.986 38.3178 36.96 38.3178L3.07245 38.2909C2.85964 38.2909 2.66927 38.3138 2.48477 38.3347C2.07378 38.3823 1.60812 38.437 1.2313 38.0962C0.866192 37.7664 0.815429 37.2607 0.814452 36.8076L0.8125 34.3993C0.8125 34.2722 0.847644 34.147 0.913051 34.0387C1.22544 33.529 1.83265 33.2558 2.3686 33.0144C2.56872 32.924 2.77666 32.8316 2.88795 32.7571C3.17593 32.5623 3.43561 32.302 3.7109 32.0248C3.91688 31.8182 4.13068 31.6046 4.36887 31.4059C4.69786 31.1317 5.07078 30.931 5.43296 30.7372C5.74535 30.5703 6.03821 30.4124 6.24127 30.2395C6.38575 30.1173 6.49216 29.9146 6.61906 29.6792C6.75476 29.4238 6.90998 29.1337 7.15208 28.8804C7.41273 28.6081 7.7427 28.4194 8.03263 28.2535C8.69744 27.871 8.68182 27.8322 8.57736 27.5769C8.52855 27.4577 8.48072 27.3553 8.43972 27.2639C8.24447 26.8357 8.07754 26.4681 8.19078 25.7051C8.2025 25.6306 8.21616 25.5521 8.22983 25.4706C8.25619 25.3325 8.30305 25.0772 8.27571 25.0037C8.27571 25.0037 8.26204 24.9927 8.23471 24.9778C8.21128 24.9659 8.12928 24.9669 8.06875 24.9679C7.87448 24.9659 7.51914 24.9768 7.2497 24.6689C6.98124 24.3629 6.99686 23.9555 7.03982 23.6356C7.08179 23.3127 7.06032 23.1051 7.03982 22.9223C6.95684 22.1453 7.21358 21.7817 8.10097 21.424C10.7524 20.351 12.901 19.9884 14.8613 20.2805C14.9775 20.2974 15.1356 20.2656 15.3182 20.2269C15.5944 20.1702 15.9351 20.1017 16.312 20.1752L18.3952 20.5766C19.2475 20.7415 19.6653 20.9054 20.3047 21.4995C20.6327 21.8046 20.7655 21.7718 21.3327 21.5661C21.6168 21.4638 21.9399 21.3485 22.3323 21.2949C22.9727 21.2084 23.5731 21.2661 24.153 21.3227C24.4136 21.3475 24.6762 21.3734 24.9408 21.3843C25.2356 21.3952 25.6085 21.2561 25.9717 21.121C26.1318 21.0614 26.2889 21.0028 26.4412 20.9541C26.78 20.8468 27.0973 20.7991 27.4038 20.7514C27.5551 20.7266 27.7064 20.7037 27.8607 20.6729C27.8714 20.6531 27.8821 20.6332 27.8939 20.6113C27.9417 20.5249 27.9944 20.4345 28.0598 20.3411C28.3419 19.9497 28.7471 19.7003 29.0722 19.4966L29.2078 19.4122C29.5564 19.1916 29.8629 18.9879 30.105 18.7386C30.5423 18.2796 31.1232 18.3114 31.5108 18.3312C31.6455 18.3392 31.8495 18.3481 31.91 18.3223C32.1678 18.207 31.9413 17.3993 31.8065 16.9165C31.7119 16.5777 31.6299 16.2846 31.6133 16.0183C31.5664 15.2642 31.9764 14.7317 32.3064 14.3045C32.5651 13.9687 32.7213 13.7481 32.7164 13.5355C32.7164 13.4948 32.7027 13.4382 32.6851 13.3845C32.4587 13.4948 32.0955 13.6369 31.6796 13.4421C31.0129 13.1302 30.6468 12.0264 30.8508 11.3985C31.0197 10.8779 31.54 10.5421 31.9198 10.2957L32.0565 10.2053C32.3806 9.98471 32.7242 9.79792 33.0542 9.6181C33.5159 9.36873 33.9513 9.13227 34.2949 8.82726C34.4404 8.69711 34.5761 8.56994 34.7089 8.44376C35.0076 8.1626 35.3161 7.8715 35.6792 7.61319C35.7056 7.5188 35.728 7.34096 35.7437 7.22571C35.7729 7.00714 35.8022 6.78062 35.8803 6.5849C36.2513 5.64304 37.1592 4.90884 37.9597 4.25908C38.2252 4.04448 38.4771 3.84081 38.6743 3.65602C38.7992 3.53878 38.9222 3.42055 39.0452 3.30332C39.6388 2.73701 40.2509 2.15084 40.9967 1.68289C41.601 1.30536 42.3898 0.833439 43.1249 0.552274C44.0972 0.1807 44.5579 0.208518 45.4766 0.262168L45.6474 0.27111C47.3607 0.371455 49.1384 0.32476 50.8575 0.281045C51.7205 0.258194 52.5796 0.235343 53.4347 0.230376C53.6651 0.230376 54.0156 0.185667 54.3836 0.138972C55.6078 -0.0140291 56.994 -0.188888 57.7818 0.503592C58.1118 0.792705 58.2924 1.19806 58.3031 1.67594C58.311 2.05248 58.1567 2.33464 58.0435 2.54129C58.0064 2.60686 57.9527 2.7082 57.9458 2.74297C57.9488 2.73205 57.9849 2.78768 58.0103 2.82742C58.1362 3.01718 58.3686 3.37088 58.2748 3.89843C58.2397 4.10111 58.1811 4.3167 58.1216 4.53528C58.0464 4.81147 57.9693 5.09761 57.9624 5.31419C57.9498 5.69073 57.6335 5.99376 57.2703 5.97289C56.9013 5.95998 56.6104 5.64603 56.6231 5.26849C56.6367 4.89195 56.7392 4.50944 56.831 4.17264C56.8788 3.9948 56.9276 3.82094 56.9569 3.65502C56.9481 3.65502 56.9218 3.62323 56.8993 3.58746C56.791 3.42254 56.6065 3.14535 56.6065 2.73701C56.6065 2.36345 56.7607 2.08328 56.873 1.87862C56.9072 1.81702 56.9589 1.72462 56.9657 1.69084C56.9608 1.58354 56.9267 1.55274 56.9072 1.53685C56.5694 1.23979 55.2544 1.40372 54.5496 1.49313C54.1386 1.5438 53.752 1.59348 53.4435 1.59547C52.5971 1.60043 51.7439 1.62229 50.8907 1.64315C49.1442 1.68886 47.3382 1.73654 45.5722 1.63421L45.3985 1.62328C44.5345 1.57162 44.3022 1.55871 43.5964 1.82894C42.9618 2.07235 42.2101 2.5244 41.7006 2.84431C41.0699 3.23973 40.533 3.75338 39.9648 4.29683C39.8379 4.41804 39.712 4.53925 39.5831 4.65947C39.3479 4.87804 39.0794 5.09661 38.7953 5.32611C38.1237 5.87056 37.3642 6.48555 37.1231 7.09457C37.1065 7.14425 37.085 7.30221 37.0713 7.40753C37.0147 7.84666 36.9424 8.3931 36.5041 8.69016C36.1927 8.90277 35.9145 9.16704 35.6187 9.44523C35.4771 9.57935 35.3317 9.71546 35.1774 9.85257C34.7186 10.2629 34.1924 10.548 33.6838 10.8222C33.3675 10.9931 33.0698 11.1541 32.8033 11.3369C32.7554 11.3707 32.6978 11.4064 32.6373 11.4462C32.5114 11.5276 32.2332 11.7065 32.1346 11.8217C32.1424 11.8992 32.1726 12.0115 32.2117 12.1009C32.3757 12.0214 32.6041 11.924 32.8804 11.9459C33.6633 12.0135 34.0401 12.8937 34.0558 13.4988C34.0743 14.2191 33.677 14.7337 33.3587 15.145C33.0971 15.4868 32.9351 15.7074 32.9487 15.9319C32.9565 16.0511 33.0288 16.3114 33.0932 16.5419C33.3314 17.3933 33.7746 18.978 32.4479 19.5701C32.0965 19.7281 31.7314 19.7082 31.4375 19.6933C31.3126 19.6864 31.1046 19.6764 31.047 19.7023C30.7171 20.051 30.3227 20.3113 29.9166 20.5706L29.7692 20.663C29.5212 20.816 29.2654 20.976 29.1405 21.1488C29.1083 21.1935 29.0819 21.2412 29.0585 21.2859C28.9345 21.5085 28.7256 21.884 28.174 21.9993C27.9827 22.04 27.7943 22.0708 27.6059 22.0996C27.3364 22.1414 27.0807 22.1811 26.8386 22.2566C26.7087 22.2993 26.5711 22.35 26.4334 22.4017C25.9697 22.5745 25.4435 22.7732 24.8871 22.7474C24.5981 22.7355 24.3131 22.7087 24.027 22.6808C23.4989 22.6282 22.9981 22.5805 22.511 22.6481C22.2572 22.6828 22.0258 22.7653 21.7817 22.8537C21.1716 23.0733 20.3369 23.3733 19.4046 22.508C18.9927 22.1265 18.8267 22.049 18.1473 21.9178L16.065 21.5164C15.942 21.4936 15.775 21.5264 15.5818 21.5651C15.3289 21.6168 15.0136 21.6784 14.6719 21.6297C12.9508 21.3724 11.0218 21.7112 8.59689 22.6928C8.49829 22.7325 8.42703 22.7643 8.37431 22.7891C8.39579 22.9779 8.42312 23.2491 8.39091 23.6217C8.53343 23.6416 8.69353 23.6843 8.86047 23.7737C9.81228 24.2834 9.63461 25.256 9.5487 25.724C9.53601 25.7876 9.52528 25.8511 9.51551 25.9127C9.4628 26.2694 9.49501 26.3429 9.65511 26.6917C9.70392 26.798 9.75664 26.9162 9.81326 27.0543C10.3941 28.4681 9.28415 29.1039 8.68865 29.4447C8.46705 29.5719 8.23764 29.701 8.11268 29.8331C7.99944 29.9524 7.89987 30.1372 7.79541 30.3329C7.62945 30.6448 7.44104 30.9975 7.10522 31.2847C6.79088 31.5529 6.41894 31.7536 6.05871 31.9454C5.74144 32.1153 5.44077 32.2762 5.21623 32.464C5.02782 32.6219 4.84527 32.8048 4.65295 32.9985C4.34252 33.3085 4.02524 33.6294 3.62499 33.8976C3.41901 34.0347 3.17203 34.147 2.9104 34.2652C2.69661 34.3606 2.33443 34.5225 2.14992 34.6626L2.15383 36.8096C2.15383 36.8881 2.15578 36.9527 2.15871 37.0023C2.21533 36.9974 2.27586 36.9904 2.32662 36.9835C2.5287 36.9606 2.77959 36.9308 3.06952 36.9308L36.9581 36.9566C38.0573 36.9566 39.2141 36.9884 40.2304 37.3471C40.6755 37.5021 40.9801 37.8538 41.1812 38.0853C41.2281 38.1399 41.2681 38.1896 41.3052 38.2234C41.4018 38.3048 41.5551 38.3674 41.7328 38.441C42.0129 38.5562 42.3615 38.7003 42.6572 39.0043C43.2811 39.6411 43.2713 40.4469 43.2645 41.0927C43.2606 41.2417 43.2606 41.3897 43.2664 41.5328C43.3084 42.3326 43.5261 42.5581 44.0532 43.1055C44.1372 43.1929 44.2251 43.2853 44.3188 43.3847C44.3842 43.4542 44.5287 43.4701 44.761 43.491C45.0412 43.5138 45.3897 43.5417 45.6953 43.7751C46.0291 44.0275 46.2546 44.5888 46.3376 44.8809C46.5455 45.0846 47.2777 45.4711 47.5647 45.6211C47.7639 45.7264 47.9298 45.8158 48.0265 45.8754L48.3672 46.088C49.3346 46.6891 50.3011 47.2922 51.2705 47.8943C51.3993 47.9727 51.533 48.0463 51.6707 48.1188C52.0924 48.3443 52.5698 48.6006 52.9291 49.0567C53.3215 49.5544 53.2942 50.0045 53.259 50.4029C53.3156 50.2936 53.3781 50.1893 53.4513 50.0879C53.5841 49.8982 53.7393 49.7541 53.877 49.626C54.0136 49.4998 54.1073 49.4104 54.1396 49.3388C54.1132 49.2772 54.0527 49.1739 54.0117 49.1034C53.8487 48.8232 53.6271 48.4387 53.7315 47.9857C53.7725 47.8108 53.8789 47.6588 54.0283 47.5634C54.0849 47.5276 54.205 47.4591 54.3631 47.3717C54.5818 47.2495 55.1373 46.9405 55.475 46.71C54.9723 45.5913 55.1392 44.2163 55.2886 42.9843C55.3345 42.6038 55.3784 42.2451 55.3989 41.9222C55.4204 41.5467 55.7337 41.2606 56.1076 41.2834C56.4776 41.3063 56.7588 41.6301 56.7353 42.0057C56.7148 42.3693 56.667 42.7498 56.6182 43.1522C56.4776 44.3166 56.3165 45.637 56.833 46.3911C56.954 46.5669 56.994 46.7895 56.9452 47.0021C56.8417 47.4502 56.3898 47.7879 55.1958 48.4606C55.352 48.7308 55.5395 49.0904 55.4731 49.5167C55.4623 49.5812 55.4487 49.6428 55.4321 49.7015C55.766 49.5793 56.1154 49.464 56.4845 49.3577C57.8775 48.9543 59.3409 48.7745 61.225 48.7745C62.0587 48.7745 62.8006 48.5053 63.5874 48.2211C64.2103 47.9946 64.8546 47.7621 65.576 47.6508C66.1852 47.5555 66.5005 47.7562 66.7728 47.9688C66.8636 48.0403 66.93 48.09 67.0442 48.1357C67.3625 48.2619 67.7325 48.2211 68.1601 48.1754C68.5925 48.1277 69.0836 48.0731 69.5844 48.2042C69.8821 48.2837 70.09 48.5579 70.0861 48.8709C70.0744 50.0571 68.5076 50.5459 67.7549 50.7814L67.0384 51.0099C66.4985 51.1848 65.9567 51.3586 65.41 51.5176C65.1631 51.5881 64.918 51.6587 64.672 51.7223C64.3889 51.7948 64.099 51.9597 63.7944 52.1316C63.481 52.3094 63.1579 52.4922 62.786 52.6174C62.1426 52.83 61.4837 52.9413 60.6471 52.9761C60.4069 52.987 60.1746 53.0943 59.9295 53.2056C59.5674 53.3735 59.1154 53.5801 58.6107 53.4132C58.3949 53.3864 57.5534 53.6775 57.1502 53.8196C56.832 53.9289 56.5577 54.0242 56.3419 54.0759C55.598 54.2528 54.8415 54.3918 54.1103 54.527L53.5968 54.6223C53.1516 54.7058 52.7035 54.7922 52.2613 54.8926L52.2076 54.9085C52.0797 54.9482 51.9021 55.0038 51.7078 55.0038L51.7107 54.9999ZM53.0735 51.6746C53.0569 51.7471 53.0403 51.8196 53.0237 51.8941C53.0032 51.9806 52.9788 52.064 52.9544 52.1455C52.9281 52.2359 52.9066 52.3055 52.8988 52.3651C52.8793 52.5379 52.8773 52.6313 52.8978 52.7247C52.9495 52.9791 52.9388 53.1907 52.8949 53.3645C53.0482 53.3347 53.2024 53.3049 53.3566 53.2751L53.875 53.1808C54.5896 53.0486 55.3296 52.9125 56.0412 52.7436C56.1906 52.7078 56.4483 52.6194 56.7217 52.525C57.7721 52.1604 58.4994 51.9359 59.0295 52.1127C59.0646 52.1058 59.2559 52.0173 59.3828 51.9597C59.7001 51.8137 60.0945 51.6328 60.5924 51.611C61.3021 51.5812 61.8498 51.4908 62.372 51.3169C62.622 51.2345 62.8748 51.0914 63.1442 50.9374C63.5123 50.7298 63.892 50.5142 64.3469 50.3969C64.5793 50.3373 64.8136 50.2707 65.0459 50.2042C65.5789 50.0482 66.11 49.8773 66.6362 49.7064L67.1253 49.5514C66.9388 49.5246 66.7504 49.4779 66.56 49.4014C66.2672 49.2862 66.0836 49.1411 65.9616 49.0457C65.9313 49.0229 65.906 48.999 65.8757 48.9812C65.8737 48.9851 65.8405 48.9851 65.7781 48.9941C65.1845 49.0855 64.6281 49.2862 64.0394 49.4998C63.1794 49.8107 62.293 50.1326 61.2279 50.1326C59.4717 50.1326 58.1235 50.2966 56.8535 50.6642C55.7142 50.992 54.7868 51.3984 54.0166 51.9031C53.7901 52.0521 53.5001 52.0481 53.2776 51.8951C53.1917 51.8365 53.1214 51.76 53.0735 51.6716V51.6746Z" fill="white"/>
|
|
1844
2067
|
<path d="M67.6348 51.8019C67.6348 51.8019 67.6173 51.782 67.6173 51.7303C67.6173 51.6787 67.6348 51.6588 67.6348 51.6588H68.5564C68.5564 51.6588 68.5749 51.6806 68.5749 51.7303C68.5749 51.78 68.5564 51.8019 68.5564 51.8019H68.1932V52.9205C68.1932 52.9205 68.1659 52.9404 68.0976 52.9404C68.0292 52.9404 67.998 52.9205 67.998 52.9205V51.8019H67.6348Z" fill="white"/>
|
|
1845
2068
|
<path d="M69.4282 52.8659C69.4135 52.8748 69.3891 52.8858 69.3471 52.8858C69.3178 52.8858 69.2837 52.8798 69.27 52.8659L68.9889 52.1476C68.9723 52.1088 68.9459 52.0323 68.944 52.0214C68.944 52.0264 68.9371 52.1277 68.9332 52.1565L68.8815 52.9205C68.8815 52.9205 68.8561 52.9404 68.7858 52.9404C68.7155 52.9404 68.6862 52.9205 68.6862 52.9205L68.7839 51.6787C68.7839 51.6787 68.8112 51.6588 68.8776 51.6588C68.9518 51.6588 68.9781 51.6787 68.9781 51.6787L69.3042 52.5162L69.3471 52.6533C69.3481 52.6473 69.3774 52.5559 69.392 52.5162L69.7181 51.6787C69.7181 51.6787 69.7464 51.6588 69.8206 51.6588C69.886 51.6588 69.9124 51.6787 69.9124 51.6787L70.01 52.9205C70.01 52.9205 69.9807 52.9404 69.9104 52.9404C69.8401 52.9404 69.8167 52.9205 69.8167 52.9205L69.763 52.1546L69.7523 52.0194C69.7523 52.0194 69.722 52.1148 69.7093 52.1456L69.4282 52.8659Z" fill="white"/>
|
|
1846
|
-
</svg>`,
|
|
2069
|
+
</svg>`,N1=':host{--_nys-unavfooter-color: var( --nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff) );--_nys-unavfooter-background-color: var( --nys-color-surface-reverse, #1b1b1b );--_nys-unavfooter-gap: var(--nys-space-200, 16px);--_nys-unavfooter-padding: var(--nys-space-250, 20px);--_nys-unavfooter-padding--gutter: var(--nys-gutter-sm, 20px);--_nys-unavfooter-font-size: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-unavfooter-font-weight: var(--nys-font-weight-semibold, 600);--_nys-unavfooter-max-width: var(--nys-max-content-width, 1280px);--_nys-unavfooter-row-gap: var(--nys-space-250, 20px);--_nys-unavfooter-column-gap: var(--nys-space-600, 48px);--_nys-unavfooter-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-unavfooter-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-unavfooter-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-unavfooter-text-decoration-thickness: var(--nys-size-2px, 2px)}ul{list-style-type:none;padding:0;margin:0}li{margin:0;padding:0}a{color:var(--_nys-unavfooter-color);text-decoration:none;font-family:var(--_nys-unavfooter-font-family);font-size:var(--_nys-unavfooter-font-size);font-style:normal;font-weight:var(--_nys-unavfooter-font-weight);line-height:var(--_nys-unavfooter-line-height);letter-spacing:var(--_nys-unavfooter-letter-spacing);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font}a:hover{text-decoration-line:underline}a:active{text-decoration-thickness:var(--_nys-unavfooter-text-decoration-thickness)}.nys-unavfooter{display:flex;flex-direction:column;gap:var(--_nys-unavfooter-gap);align-items:flex-start;background-color:var(--_nys-unavfooter-background-color);width:100%;box-sizing:border-box}.nys-unavfooter__main-container{display:flex;justify-content:center;width:100%}.nys-unavfooter__container_menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:var(--_nys-unavfooter-max-width);padding:var(--_nys-unavfooter-padding) var(--_nys-unavfooter-padding--gutter);gap:var(--_nys-unavfooter-gap);box-sizing:border-box}.nys-unavfooter__logo a{display:flex;align-items:center;line-height:0}.nys-unavfooter__content{display:flex;align-items:center}.nys-unavfooter__content ul{display:flex;justify-content:center;gap:var(--_nys-unavfooter-row-gap) var(--_nys-unavfooter-column-gap);flex-wrap:wrap}@media(min-width:768px){.nys-unavfooter__container_menu{flex-direction:row}.nys-unavfooter__content ul{justify-content:flex-start}:host{--_nys-unavfooter-padding--gutter: var(--nys-gutter-lg, 32px);--_nys-unavfooter-column-gap: var(--nys-space-600, 48px);--_nys-unavfooter-gap-spacing: var(--nys-space-800, 64px)}}@media(min-width:1280px){:host{--_nys-unavfooter-padding--gutter: var(--nys-gutter-xl, 64px)}}',Ds=class Ds extends f{_getNysLogo(){return new DOMParser().parseFromString(Z1,"image/svg+xml").documentElement}render(){return h`
|
|
1847
2070
|
<footer class="nys-unavfooter">
|
|
1848
2071
|
<div class="nys-unavfooter__main-container">
|
|
1849
2072
|
<div class="nys-unavfooter__container_menu">
|
|
@@ -1871,5 +2094,5 @@
|
|
|
1871
2094
|
</div>
|
|
1872
2095
|
</div>
|
|
1873
2096
|
</footer>
|
|
1874
|
-
`}};
|
|
2097
|
+
`}};Ds.styles=_(N1);let Tt=Ds;customElements.get("nys-unavfooter")||customElements.define("nys-unavfooter",Tt),b.NysAccordion=Ae,b.NysAccordionItem=ue,b.NysAlert=P,b.NysAvatar=K,b.NysBacktotop=we,b.NysBadge=Ws,b.NysButton=k,b.NysCheckbox=E,b.NysCheckboxgroup=z,b.NysCombobox=x,b.NysDatepicker=Ao,b.NysDivider=dt,b.NysDropdownMenu=Ve,b.NysDropdownMenuItem=le,b.NysErrorMessage=He,b.NysFileinput=B,b.NysGlobalFooter=qe,b.NysGlobalHeader=_e,b.NysIcon=ce,b.NysLabel=de,b.NysModal=ee,b.NysOption=ve,b.NysPagination=fe,b.NysRadiobutton=Oo,b.NysRadiogroup=I,b.NysSelect=q,b.NysSkipnav=Ge,b.NysStep=re,b.NysStepper=be,b.NysTable=J,b.NysTextarea=L,b.NysTextinput=C,b.NysToggle=Y,b.NysTooltip=he,b.NysUnavFooter=Tt,b.NysUnavHeader=te,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
|
|
1875
2098
|
//# sourceMappingURL=nysds.js.map
|