@nysds/components 1.12.0 → 1.13.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/README.md +3 -1
- package/custom-elements.json +10506 -0
- package/dist/.vscode/vscode.css-custom-data.json +47 -1
- package/dist/.vscode/vscode.html-custom-data.json +1280 -266
- package/dist/custom-elements.json +2183 -332
- package/dist/nys-stepper/newsletter.html +4 -0
- package/dist/nys-stepper/personal.html +6 -0
- package/dist/nys-stepper/survey.html +5 -0
- package/dist/nys-stepper/team.html +6 -0
- package/dist/nysds.es.js +3325 -1564
- package/dist/nysds.es.js.map +1 -1
- package/dist/nysds.js +280 -164
- package/dist/nysds.js.map +1 -1
- package/dist/packages/mcp-server/src/index.d.ts +8 -0
- package/dist/packages/mcp-server/src/lib/cem-parser.d.ts +95 -0
- package/dist/packages/mcp-server/src/lib/search.d.ts +19 -0
- package/dist/packages/mcp-server/src/lib/token-parser.d.ts +139 -0
- package/dist/packages/mcp-server/src/prompts/nysds-mode.d.ts +7 -0
- package/dist/packages/mcp-server/src/resources/components.d.ts +11 -0
- package/dist/packages/mcp-server/src/resources/guides.d.ts +10 -0
- package/dist/packages/mcp-server/src/resources/index.d.ts +7 -0
- package/dist/packages/mcp-server/src/resources/tokens.d.ts +16 -0
- package/dist/packages/mcp-server/src/server.d.ts +10 -0
- package/dist/packages/mcp-server/src/tools/component-tools.d.ts +13 -0
- package/dist/packages/mcp-server/src/tools/index.d.ts +7 -0
- package/dist/packages/mcp-server/src/tools/token-tools.d.ts +16 -0
- package/dist/packages/mcp-server/src/tools/validation-tools.d.ts +11 -0
- package/dist/packages/nys-accordion/src/nys-accordion.d.ts +37 -3
- package/dist/packages/nys-accordion/src/nys-accordionitem.d.ts +32 -0
- package/dist/packages/nys-alert/src/nys-alert.d.ts +62 -1
- package/dist/packages/nys-avatar/src/nys-avatar.d.ts +44 -0
- package/dist/packages/nys-backtotop/src/nys-backtotop.d.ts +29 -0
- package/dist/packages/nys-badge/src/nys-badge.d.ts +46 -0
- package/dist/packages/nys-button/src/nys-button.d.ts +141 -0
- package/dist/packages/nys-checkbox/src/nys-checkbox.d.ts +65 -1
- package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts +50 -0
- package/dist/packages/nys-datepicker/src/index.d.ts +1 -0
- package/dist/packages/nys-datepicker/src/nys-datepicker.d.ts +116 -0
- package/dist/packages/nys-datepicker/src/nys-datepicker.figma.d.ts +1 -0
- package/dist/packages/nys-divider/src/nys-divider.d.ts +22 -0
- package/dist/packages/nys-errormessage/src/nys-errormessage.d.ts +16 -0
- package/dist/packages/nys-fileinput/src/nys-fileinput.d.ts +59 -0
- package/dist/packages/nys-fileinput/src/nys-fileitem.d.ts +18 -0
- package/dist/packages/nys-globalfooter/src/nys-globalfooter.d.ts +29 -0
- package/dist/packages/nys-globalheader/src/nys-global.logo.d.ts +2 -0
- package/dist/packages/nys-globalheader/src/nys-globalheader.d.ts +32 -5
- package/dist/packages/nys-icon/src/nys-icon.d.ts +33 -0
- package/dist/packages/nys-label/src/nys-label.d.ts +17 -0
- package/dist/packages/nys-modal/src/nys-modal.d.ts +47 -0
- package/dist/packages/nys-pagination/src/nys-pagination.d.ts +33 -0
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.d.ts +52 -3
- package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts +55 -1
- package/dist/packages/nys-select/src/nys-option.d.ts +24 -0
- package/dist/packages/nys-select/src/nys-select.d.ts +70 -1
- package/dist/packages/nys-skipnav/src/nys-skipnav.d.ts +26 -0
- package/dist/packages/nys-stepper/src/index.d.ts +2 -0
- package/dist/packages/nys-stepper/src/nys-step.d.ts +37 -0
- package/dist/packages/nys-stepper/src/nys-stepper.d.ts +48 -0
- package/dist/packages/nys-stepper/src/nys-stepper.figma.d.ts +1 -0
- package/dist/packages/nys-table/src/index.d.ts +1 -0
- package/dist/packages/nys-table/src/nys-table.d.ts +39 -0
- package/dist/packages/nys-table/src/nys-table.figma.d.ts +1 -0
- package/dist/packages/nys-textarea/src/nys-textarea.d.ts +72 -1
- package/dist/packages/nys-textinput/src/nys-textinput.d.ts +85 -1
- package/dist/packages/nys-toggle/src/nys-toggle.d.ts +52 -0
- package/dist/packages/nys-tooltip/src/nys-tooltip.d.ts +41 -0
- package/dist/packages/nys-unavfooter/src/nys-unavfooter.d.ts +19 -0
- package/dist/packages/nys-unavheader/src/nys-unavheader.d.ts +38 -2
- package/dist/src/index.d.ts +2 -0
- package/package.json +22 -17
package/dist/nysds.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),R1=/'/g,N1=/"/g,T1=/^(?:script|style|textarea|title)$/i,ut=a=>(e,...t)=>({_$litType$:a,strings:e,values:t}),c=ut(1),xe=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),F1=new WeakMap,pe=ye.createTreeWalker(ye,129);function j1(a,e){if(!a1(a)||!a.hasOwnProperty("raw"))throw Error("invalid template strings array");return q1!==void 0?q1.createHTML(e):e}const pt=(a,e)=>{const t=a.length-1,o=[];let s,r=e===2?"<svg>":e===3?"<math>":"",n=Ae;for(let l=0;l<t;l++){const d=a[l];let h,g,v=-1,w=0;for(;w<d.length&&(n.lastIndex=w,g=n.exec(d),g!==null);)w=n.lastIndex,n===Ae?g[1]==="!--"?n=I1:g[1]!==void 0?n=O1:g[2]!==void 0?(T1.test(g[2])&&(s=RegExp("</"+g[2],"g")),n=ue):g[3]!==void 0&&(n=ue):n===ue?g[0]===">"?(n=s??Ae,v=-1):g[1]===void 0?v=-2:(v=n.lastIndex-g[2].length,h=g[1],n=g[3]===void 0?ue:g[3]==='"'?N1:R1):n===N1||n===R1?n=ue:n===I1||n===O1?n=Ae:(n=ue,s=void 0);const O=n===ue&&a[l+1].startsWith("/>")?" ":"";r+=n===Ae?d+ht:v>=0?(o.push(h),d.slice(0,v)+Z1+d.slice(v)+ae+O):d+ae+(v===-2?l:O)}return[j1(a,r+(a[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]};class Ve{constructor({strings:e,_$litType$:t},o){let s;this.parts=[];let r=0,n=0;const l=e.length-1,d=this.parts,[h,g]=pt(e,t);if(this.el=Ve.createElement(h,o),pe.currentNode=this.el.content,t===2||t===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(s=pe.nextNode())!==null&&d.length<l;){if(s.nodeType===1){if(s.hasAttributes())for(const v of s.getAttributeNames())if(v.endsWith(Z1)){const w=g[n++],O=s.getAttribute(v).split(ae),ne=/([.?@])?(.*)/.exec(w);d.push({type:1,index:r,name:ne[2],strings:O,ctor:ne[1]==="."?ft:ne[1]==="?"?gt:ne[1]==="@"?bt:Te}),s.removeAttribute(v)}else v.startsWith(ae)&&(d.push({type:6,index:r}),s.removeAttribute(v));if(T1.test(s.tagName)){const v=s.textContent.split(ae),w=v.length-1;if(w>0){s.textContent=Ne?Ne.emptyScript:"";for(let O=0;O<w;O++)s.append(v[O],Me()),pe.nextNode(),d.push({type:2,index:++r});s.append(v[w],Me())}}}else if(s.nodeType===8)if(s.data===U1)d.push({type:2,index:r});else{let v=-1;for(;(v=s.data.indexOf(ae,v+1))!==-1;)d.push({type:7,index:r}),v+=ae.length-1}r++}}static createElement(e,t){const o=ye.createElement("template");return o.innerHTML=e,o}}function we(a,e,t=a,o){if(e===xe)return e;let s=o!==void 0?t._$Co?.[o]:t._$Cl;const r=ze(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),r===void 0?s=void 0:(s=new r(a),s._$AT(a,t,o)),o!==void 0?(t._$Co??=[])[o]=s:t._$Cl=s),s!==void 0&&(e=we(a,s._$AS(a,e.values),s,o)),e}class vt{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:o}=this._$AD,s=(e?.creationScope??ye).importNode(t,!0);pe.currentNode=s;let r=pe.nextNode(),n=0,l=0,d=o[0];for(;d!==void 0;){if(n===d.index){let h;d.type===2?h=new De(r,r.nextSibling,this,e):d.type===1?h=new d.ctor(r,d.name,d.strings,this,e):d.type===6&&(h=new _t(r,this,e)),this._$AV.push(h),d=o[++l]}n!==d?.index&&(r=pe.nextNode(),n++)}return pe.currentNode=ye,s}p(e){let t=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class De{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,o,s){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=s,this._$Cv=s?.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=we(this,e,t),ze(e)?e===E||e==null||e===""?(this._$AH!==E&&this._$AR(),this._$AH=E):e!==this._$AH&&e!==xe&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):yt(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!==E&&ze(this._$AH)?this._$AA.nextSibling.data=e:this.T(ye.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:o}=e,s=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=Ve.createElement(j1(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===s)this._$AH.p(t);else{const r=new vt(s,this),n=r.u(this.options);r.p(t),this.T(n),this._$AH=r}}_$AC(e){let t=F1.get(e.strings);return t===void 0&&F1.set(e.strings,t=new Ve(e)),t}k(e){a1(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,s=0;for(const r of e)s===t.length?t.push(o=new De(this.O(Me()),this.O(Me()),this,this.options)):o=t[s],o._$AI(r),s++;s<t.length&&(this._$AR(o&&o._$AB.nextSibling,s),t.length=s)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}}class Te{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,s,r){this.type=1,this._$AH=E,this._$AN=void 0,this.element=e,this.name=t,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=E}_$AI(e,t=this,o,s){const r=this.strings;let n=!1;if(r===void 0)e=we(this,e,t,0),n=!ze(e)||e!==this._$AH&&e!==xe,n&&(this._$AH=e);else{const l=e;let d,h;for(e=r[0],d=0;d<r.length-1;d++)h=we(this,l[o+d],t,d),h===xe&&(h=this._$AH[d]),n||=!ze(h)||h!==this._$AH[d],h===E?e=E:e!==E&&(e+=(h??"")+r[d+1]),this._$AH[d]=h}n&&!s&&this.j(e)}j(e){e===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ft extends Te{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===E?void 0:e}}class gt extends Te{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==E)}}class bt extends Te{constructor(e,t,o,s,r){super(e,t,o,s,r),this.type=5}_$AI(e,t=this){if((e=we(this,e,t,0)??E)===xe)return;const o=this._$AH,s=e===E&&o!==E||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,r=e!==E&&(o===E||s);s&&this.element.removeEventListener(this.name,this,o),r&&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 _t{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){we(this,e)}}const Ct=i1.litHtmlPolyfillSupport;Ct?.(Ve,De),(i1.litHtmlVersions??=[]).push("3.3.1");const mt=(a,e,t)=>{const o=t?.renderBefore??e;let s=o._$litPart$;if(s===void 0){const r=t?.renderBefore??null;o._$litPart$=s=new De(e.insertBefore(Me(),r),r,void 0,t??{})}return s._$AI(a),s};const c1=globalThis;class p extends me{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=mt(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return xe}}p._$litElement$=!0,p.finalized=!0,c1.litElementHydrateSupport?.({LitElement:p});const xt=c1.litElementPolyfillSupport;xt?.({LitElement:p}),(c1.litElementVersions??=[]).push("4.2.1");const wt={attribute:!0,type:String,converter:Re,reflect:!1,hasChanged:n1},kt=(a=wt,e,t)=>{const{kind:o,metadata:s}=t;let r=globalThis.litPropertyMetadata.get(s);if(r===void 0&&globalThis.litPropertyMetadata.set(s,r=new Map),o==="setter"&&((a=Object.create(a)).wrapped=!0),r.set(t.name,a),o==="accessor"){const{name:n}=t;return{set(l){const d=e.get.call(this);e.set.call(this,l),this.requestUpdate(n,d,a)},init(l){return l!==void 0&&this.C(n,void 0,a,l),l}}}if(o==="setter"){const{name:n}=t;return function(l){const d=this[n];e.call(this,l),this.requestUpdate(n,d,a)}}throw Error("Unsupported decorator location: "+o)};function i(a){return(e,t)=>typeof t=="object"?kt(a,e,t):((o,s,r)=>{const n=s.hasOwnProperty(r);return s.constructor.createProperty(r,o),n?Object.getOwnPropertyDescriptor(s,r):void 0})(a,e,t)}function B(a){return i({...a,state:!0,attribute:!1})}const $t=(a,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(a,e,t),t);function Lt(a,e){return(t,o,s)=>{const r=n=>n.renderRoot?.querySelector(a)??null;return $t(t,o,{get(){return r(this)}})}}const K1=':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: var(--nys-color-neutral-50, #ededed);--_nys-accordion-background-color--hover: var( --nys-color-neutral-100, #d0d0ce );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #fff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_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);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--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:528px}.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 Et=Object.defineProperty,He=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&Et(e,t,s),s};let St=0;const u1=class u1 extends p{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()}-${St++}`}_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 c`
|
|
1
|
+
(function(v,ve){typeof exports=="object"&&typeof module<"u"?ve(exports):typeof define=="function"&&define.amd?define(["exports"],ve):(v=typeof globalThis<"u"?globalThis:v||self,ve(v.NYSDS={}))})(this,(function(v){"use strict";var we,He,$;const ve=globalThis,Ut=ve.ShadowRoot&&(ve.ShadyCSS===void 0||ve.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,C1=Symbol(),m1=new WeakMap;let xs=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==C1)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(Ut&&e===void 0){const s=t!==void 0&&t.length===1;s&&(e=m1.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&m1.set(t,e))}return e}toString(){return this.cssText}};const _=r=>new xs(typeof r=="string"?r:r+"",void 0,C1),$s=(r,e)=>{if(Ut)r.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const t of e){const s=document.createElement("style"),o=ve.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=t.cssText,r.appendChild(s)}},w1=Ut?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return _(t)})(r):r;const{is:Ss,defineProperty:Ls,getOwnPropertyDescriptor:Es,getOwnPropertyNames:Ds,getOwnPropertySymbols:Ms,getPrototypeOf:As}=Object,dt=globalThis,k1=dt.trustedTypes,zs=k1?k1.emptyScript:"",Bs=dt.reactiveElementPolyfillSupport,Ke=(r,e)=>r,ht={toAttribute(r,e){switch(e){case Boolean:r=r?zs: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}},It=(r,e)=>!Ss(r,e),x1={attribute:!0,type:String,converter:ht,reflect:!1,useDefault:!1,hasChanged:It};Symbol.metadata??=Symbol("metadata"),dt.litPropertyMetadata??=new WeakMap;let qe=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=x1){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&&Ls(this.prototype,e,o)}}static getPropertyDescriptor(e,t,s){const{get:o,set:n}=Es(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)??x1}static _$Ei(){if(this.hasOwnProperty(Ke("elementProperties")))return;const e=As(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Ke("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Ke("properties"))){const t=this.properties,s=[...Ds(t),...Ms(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(w1(o))}else e!==void 0&&t.push(w1(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 $s(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:ht).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:ht;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){if(e!==void 0){const o=this.constructor,n=this[e];if(s??=o.getPropertyOptions(e),!((s.hasChanged??It)(n,t)||s.useDefault&&s.reflect&&n===this._$Ej?.get(e)&&!this.hasAttribute(o._$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){}};qe.elementStyles=[],qe.shadowRootOptions={mode:"open"},qe[Ke("elementProperties")]=new Map,qe[Ke("finalized")]=new Map,Bs?.({ReactiveElement:qe}),(dt.reactiveElementVersions??=[]).push("2.1.1");const Ot=globalThis,ut=Ot.trustedTypes,$1=ut?ut.createPolicy("lit-html",{createHTML:r=>r}):void 0,S1="$lit$",ge=`lit$${Math.random().toFixed(9).slice(2)}$`,L1="?"+ge,Vs=`<${L1}>`,xe=document,Ge=()=>xe.createComment(""),Qe=r=>r===null||typeof r!="object"&&typeof r!="function",Tt=Array.isArray,Hs=r=>Tt(r)||typeof r?.[Symbol.iterator]=="function",Nt=`[
|
|
2
|
+
\f\r]`,Xe=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,E1=/-->/g,D1=/>/g,$e=RegExp(`>|${Nt}(?:([^\\s"'>=/]+)(${Nt}*=${Nt}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),M1=/'/g,A1=/"/g,z1=/^(?:script|style|textarea|title)$/i,qs=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),h=qs(1),Re=Symbol.for("lit-noChange"),M=Symbol.for("lit-nothing"),B1=new WeakMap,Se=xe.createTreeWalker(xe,129);function V1(r,e){if(!Tt(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return $1!==void 0?$1.createHTML(e):e}const Rs=(r,e)=>{const t=r.length-1,s=[];let o,n=e===2?"<svg>":e===3?"<math>":"",i=Xe;for(let l=0;l<t;l++){const c=r[l];let d,y,u=-1,p=0;for(;p<c.length&&(i.lastIndex=p,y=i.exec(c),y!==null);)p=i.lastIndex,i===Xe?y[1]==="!--"?i=E1:y[1]!==void 0?i=D1:y[2]!==void 0?(z1.test(y[2])&&(o=RegExp("</"+y[2],"g")),i=$e):y[3]!==void 0&&(i=$e):i===$e?y[0]===">"?(i=o??Xe,u=-1):y[1]===void 0?u=-2:(u=i.lastIndex-y[2].length,d=y[1],i=y[3]===void 0?$e:y[3]==='"'?A1:M1):i===A1||i===M1?i=$e:i===E1||i===D1?i=Xe:(i=$e,o=void 0);const C=i===$e&&r[l+1].startsWith("/>")?" ":"";n+=i===Xe?c+Vs:u>=0?(s.push(d),c.slice(0,u)+S1+c.slice(u)+ge+C):c+ge+(u===-2?l:C)}return[V1(r,n+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]};class Je{constructor({strings:e,_$litType$:t},s){let o;this.parts=[];let n=0,i=0;const l=e.length-1,c=this.parts,[d,y]=Rs(e,t);if(this.el=Je.createElement(d,s),Se.currentNode=this.el.content,t===2||t===3){const u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(o=Se.nextNode())!==null&&c.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(const u of o.getAttributeNames())if(u.endsWith(S1)){const p=y[i++],C=o.getAttribute(u).split(ge),P=/([.?@])?(.*)/.exec(p);c.push({type:1,index:n,name:P[2],strings:C,ctor:P[1]==="."?Us:P[1]==="?"?Is:P[1]==="@"?Os:yt}),o.removeAttribute(u)}else u.startsWith(ge)&&(c.push({type:6,index:n}),o.removeAttribute(u));if(z1.test(o.tagName)){const u=o.textContent.split(ge),p=u.length-1;if(p>0){o.textContent=ut?ut.emptyScript:"";for(let C=0;C<p;C++)o.append(u[C],Ge()),Se.nextNode(),c.push({type:2,index:++n});o.append(u[p],Ge())}}}else if(o.nodeType===8)if(o.data===L1)c.push({type:2,index:n});else{let u=-1;for(;(u=o.data.indexOf(ge,u+1))!==-1;)c.push({type:7,index:n}),u+=ge.length-1}n++}}static createElement(e,t){const s=xe.createElement("template");return s.innerHTML=e,s}}function Pe(r,e,t=r,s){if(e===Re)return e;let o=s!==void 0?t._$Co?.[s]:t._$Cl;const n=Qe(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=Pe(r,o._$AS(r,e.values),o,s)),e}class Ps{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??xe).importNode(t,!0);Se.currentNode=o;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 Ts(n,this,e)),this._$AV.push(d),c=s[++l]}i!==c?.index&&(n=Se.nextNode(),i++)}return Se.currentNode=xe,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 et{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,s,o){this.type=2,this._$AH=M,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=Pe(this,e,t),Qe(e)?e===M||e==null||e===""?(this._$AH!==M&&this._$AR(),this._$AH=M):e!==this._$AH&&e!==Re&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Hs(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!==M&&Qe(this._$AH)?this._$AA.nextSibling.data=e:this.T(xe.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=Je.createElement(V1(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(t);else{const n=new Ps(o,this),i=n.u(this.options);n.p(t),this.T(i),this._$AH=n}}_$AC(e){let t=B1.get(e.strings);return t===void 0&&B1.set(e.strings,t=new Je(e)),t}k(e){Tt(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 et(this.O(Ge()),this.O(Ge()),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=e.nextSibling;e.remove(),e=s}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}}class yt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,o,n){this.type=1,this._$AH=M,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=M}_$AI(e,t=this,s,o){const n=this.strings;let i=!1;if(n===void 0)e=Pe(this,e,t,0),i=!Qe(e)||e!==this._$AH&&e!==Re,i&&(this._$AH=e);else{const l=e;let c,d;for(e=n[0],c=0;c<n.length-1;c++)d=Pe(this,l[s+c],t,c),d===Re&&(d=this._$AH[c]),i||=!Qe(d)||d!==this._$AH[c],d===M?e=M:e!==M&&(e+=(d??"")+n[c+1]),this._$AH[c]=d}i&&!o&&this.j(e)}j(e){e===M?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}let Us=class extends yt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===M?void 0:e}};class Is extends yt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==M)}}class Os extends yt{constructor(e,t,s,o,n){super(e,t,s,o,n),this.type=5}_$AI(e,t=this){if((e=Pe(this,e,t,0)??M)===Re)return;const s=this._$AH,o=e===M&&s!==M||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==M&&(s===M||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 Ts{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){Pe(this,e)}}const Ns=Ot.litHtmlPolyfillSupport;Ns?.(Je,et),(Ot.litHtmlVersions??=[]).push("3.3.1");const Zs=(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 et(e.insertBefore(Ge(),n),n,void 0,t??{})}return o._$AI(r),o};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=Zs(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Re}}g._$litElement$=!0,g.finalized=!0,Zt.litElementHydrateSupport?.({LitElement:g});const Fs=Zt.litElementPolyfillSupport;Fs?.({LitElement:g}),(Zt.litElementVersions??=[]).push("4.2.1");const js={attribute:!0,type:String,converter:ht,reflect:!1,hasChanged:It},Ws=(r=js,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)},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)}}throw Error("Unsupported decorator location: "+s)};function a(r){return(e,t)=>typeof t=="object"?Ws(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)}function B(r){return a({...r,state:!0,attribute:!1})}const Ys=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);function Ks(r,e){return(t,s,o)=>{const n=i=>i.renderRoot?.querySelector(r)??null;return Ys(t,s,{get(){return n(this)}})}}const H1=':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: var(--nys-color-neutral-50, #ededed);--_nys-accordion-background-color--hover: var( --nys-color-neutral-100, #d0d0ce );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #fff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_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);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--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:528px}.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 Gs=Object.defineProperty,tt=(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&&Gs(e,t,o),o};let Qs=0;const e1=class e1 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()}-${Qs++}`}_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
4
|
<div class="nys-accordionitem">
|
|
5
5
|
<button
|
|
6
6
|
class="nys-accordionitem__heading"
|
|
@@ -21,42 +21,46 @@
|
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
|
-
</div>`}};
|
|
24
|
+
</div>`}};e1.styles=_(H1);let ce=e1;tt([a({type:String,reflect:!0})],ce.prototype,"id"),tt([a({type:String})],ce.prototype,"heading"),tt([a({type:Boolean,reflect:!0})],ce.prototype,"expanded"),tt([a({type:Boolean,reflect:!0})],ce.prototype,"bordered"),tt([Ks(".nys-accordionitem__content")],ce.prototype,"_contentContainer"),customElements.get("nys-accordionitem")||customElements.define("nys-accordionitem",ce);var Xs=Object.defineProperty,Ft=(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&&Xs(e,t,o),o};let Js=0;const t1=class t1 extends g{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()}-${Js++}`}_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
25
|
class="nys-accordion"
|
|
26
26
|
@nys-accordionitem-toggle=${this._onAccordionToggle}
|
|
27
27
|
>
|
|
28
28
|
<slot></slot>
|
|
29
|
-
</div>`}};
|
|
30
|
-
${this._alertClosed?"":
|
|
29
|
+
</div>`}};t1.styles=_(H1);let Le=t1;Ft([a({type:String,reflect:!0})],Le.prototype,"id"),Ft([a({type:Boolean,reflect:!0})],Le.prototype,"singleSelect"),Ft([a({type:Boolean,reflect:!0})],Le.prototype,"bordered"),customElements.get("nys-accordion")||customElements.define("nys-accordion",Le);const f=r=>r??M,eo=':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, #fff)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #fff)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #fff)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #fff)) )}:host([type=emergency]) a:hover{text-decoration-thickness:2px}:host([type=emergency]) a:active{text-decoration-thickness:3px}';var to=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&&to(e,t,o),o};let so=0;const s1=class s1 extends g{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()}-${so++}`}_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
|
+
${this._alertClosed?"":h` <div
|
|
31
31
|
class="nys-alert__container ${this._slotHasContent||this.text?.trim().length>0?"":"nys-alert--centered"}"
|
|
32
|
-
aria-label=${
|
|
32
|
+
aria-label=${f(t.trim()!==""?t:void 0)}
|
|
33
33
|
>
|
|
34
34
|
<div part="nys-alert__icon" class="nys-alert__icon">
|
|
35
35
|
<nys-icon
|
|
36
|
-
name="${this.
|
|
36
|
+
name="${this._resolveIconName()}"
|
|
37
37
|
size="3xl"
|
|
38
38
|
label="${this.type} icon"
|
|
39
39
|
></nys-icon>
|
|
40
40
|
</div>
|
|
41
|
-
<div
|
|
41
|
+
<div
|
|
42
|
+
class="nys-alert__texts"
|
|
43
|
+
role=${e}
|
|
44
|
+
aria-live=${f(this.liveRegion)}
|
|
45
|
+
>
|
|
42
46
|
<p class="nys-alert__header">${this.heading}</p>
|
|
43
|
-
${this._slotHasContent?
|
|
44
|
-
${this.primaryAction||this.secondaryAction?
|
|
45
|
-
${this.primaryAction?
|
|
46
|
-
href=${
|
|
47
|
+
${this._slotHasContent?h`<slot></slot>`:this.text?.trim().length>0?h`<p class="nys-alert__text">${this.text}</p>`:""}
|
|
48
|
+
${this.primaryAction||this.secondaryAction?h`<div class="nys-alert__actions">
|
|
49
|
+
${this.primaryAction?h`<a
|
|
50
|
+
href=${f(this.primaryAction||void 0)}
|
|
47
51
|
class="nys-alert__action nys-alert__primary"
|
|
48
52
|
>
|
|
49
53
|
${this.primaryLabel}
|
|
50
54
|
</a>`:""}
|
|
51
|
-
${this.secondaryAction?
|
|
52
|
-
href=${
|
|
55
|
+
${this.secondaryAction?h`<a
|
|
56
|
+
href=${f(this.secondaryAction||void 0)}
|
|
53
57
|
class="nys-alert__action nys-alert__secondary"
|
|
54
58
|
>
|
|
55
59
|
${this.secondaryLabel}
|
|
56
60
|
</a>`:""}
|
|
57
61
|
</div> `:""}
|
|
58
62
|
</div>
|
|
59
|
-
${this.dismissible?
|
|
63
|
+
${this.dismissible?h` <nys-button
|
|
60
64
|
id="dismiss-btn"
|
|
61
65
|
variant="ghost"
|
|
62
66
|
circle
|
|
@@ -65,33 +69,34 @@
|
|
|
65
69
|
?inverted=${this.type==="emergency"}
|
|
66
70
|
ariaLabel="${this.heading}, alert, Close"
|
|
67
71
|
@nys-click=${this._closeAlert}
|
|
72
|
+
style=${f(this.type==="emergency"?"--_nys-button-outline-color: var(--nys-color-ink-reverse, var(--nys-color-white, #fff));":void 0)}
|
|
68
73
|
></nys-button>`:""}
|
|
69
74
|
</div>`}
|
|
70
|
-
`}};
|
|
75
|
+
`}};s1.styles=_(eo);let R=s1;W([a({type:String,reflect:!0})],R.prototype,"id"),W([a({type:String})],R.prototype,"heading"),W([a({type:String})],R.prototype,"icon"),W([a({type:Boolean,reflect:!0})],R.prototype,"dismissible"),W([a({type:Number,reflect:!0})],R.prototype,"duration"),W([a({type:String})],R.prototype,"text"),W([a({type:String})],R.prototype,"primaryAction"),W([a({type:String})],R.prototype,"secondaryAction"),W([a({type:String})],R.prototype,"primaryLabel"),W([a({type:String})],R.prototype,"secondaryLabel"),W([a({type:String,reflect:!0})],R.prototype,"type"),W([B()],R.prototype,"_alertClosed"),W([B()],R.prototype,"_slotHasContent"),customElements.get("nys-alert")||customElements.define("nys-alert",R);const oo=":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, #fff);--_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;-moz-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, #fff );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 ro=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&&ro(e,t,o),o};let no=0;const o1=class o1 extends g{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()}-${no++}`)}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]),y=Number(l[2]),p=(.299*c+.587*d+.114*y)/255<.5;return this.initials?.length>0?p?o:s:p?t:e}render(){return h`
|
|
71
76
|
<div class="nys-avatar">
|
|
72
77
|
<div class="nys-avatar__content">
|
|
73
78
|
<div
|
|
74
79
|
part="nys-avatar"
|
|
75
80
|
class="nys-avatar__component"
|
|
76
81
|
style=${this.color?`--_nys-avatar-background-color: ${this.color}; color: ${this.getContrastForeground()}`:""}
|
|
77
|
-
role=${
|
|
78
|
-
aria-label=${
|
|
79
|
-
tabindex=${
|
|
82
|
+
role=${f(this.interactive?"button":this.image?void 0:"img")}
|
|
83
|
+
aria-label=${f(this.image?void 0:this.ariaLabel?this.ariaLabel:"avatar")}
|
|
84
|
+
tabindex=${f(this.interactive&&!this.disabled?0:void 0)}
|
|
80
85
|
>
|
|
81
|
-
${this.image?.length>0?
|
|
86
|
+
${this.image?.length>0?h`<img
|
|
82
87
|
part="nys-avatar__image"
|
|
83
88
|
class="nys-avatar__image"
|
|
84
89
|
src=${this.image}
|
|
85
90
|
alt=${this.ariaLabel||"avatar"}
|
|
86
91
|
loading=${this.lazy?"lazy":"eager"}
|
|
87
|
-
/>`:this.initials?.length>0?
|
|
92
|
+
/>`:this.initials?.length>0?h`<span
|
|
88
93
|
part="nys-avatar__initials"
|
|
89
94
|
class="nys-avatar__initials"
|
|
90
95
|
aria-hidden="true"
|
|
91
96
|
>${this.initials}</span
|
|
92
|
-
>`:
|
|
97
|
+
>`:h`<div part="nys-avatar__icon">
|
|
93
98
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
94
|
-
${this._slotHasContent?null:
|
|
99
|
+
${this._slotHasContent?null:h`<nys-icon
|
|
95
100
|
label="nys-avatar__icon"
|
|
96
101
|
name=${this.icon?.length>0?this.icon:"account_circle"}
|
|
97
102
|
></nys-icon>`}
|
|
@@ -99,7 +104,7 @@
|
|
|
99
104
|
</div>
|
|
100
105
|
</div>
|
|
101
106
|
</div>
|
|
102
|
-
`}};
|
|
107
|
+
`}};o1.styles=_(oo);let Z=o1;re([a({type:String,reflect:!0})],Z.prototype,"id"),re([a({type:String})],Z.prototype,"ariaLabel"),re([a({type:String})],Z.prototype,"image"),re([a({type:String})],Z.prototype,"initials"),re([a({type:String})],Z.prototype,"icon"),re([a({type:String})],Z.prototype,"color"),re([a({type:Boolean,reflect:!0})],Z.prototype,"interactive"),re([a({type:Boolean,reflect:!0})],Z.prototype,"disabled"),re([a({type:Boolean,reflect:!0})],Z.prototype,"lazy"),re([B()],Z.prototype,"_slotHasContent"),customElements.get("nys-avatar")||customElements.define("nys-avatar",Z);const io=".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 ao=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&&ao(e,t,o),o};const r1=class r1 extends g{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
|
|
103
108
|
id="nys-backtotop"
|
|
104
109
|
prefixIcon="chevron_up"
|
|
105
110
|
variant="outline"
|
|
@@ -108,15 +113,15 @@
|
|
|
108
113
|
class="${e}"
|
|
109
114
|
?circle=${this.isMobile}
|
|
110
115
|
@nys-click=${this._scrollToTop}
|
|
111
|
-
></nys-button>`}};g1.styles=f(qt);let le=g1;Fe([i({type:String})],le.prototype,"position"),Fe([i({type:Boolean,reflect:!0})],le.prototype,"visible"),Fe([B()],le.prototype,"isMobile"),Fe([B()],le.prototype,"forceVisible"),customElements.get("nys-backtotop")||customElements.define("nys-backtotop",le);const Ut=':host{display:block;width:fit-content;height:fit-content;--_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-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 ) )}: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]){--_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-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);--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) )}: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-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);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}: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-100, #ffffff1a) );--_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-200, #ffffff33) );--_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:center;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 It=Object.defineProperty,x=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&It(e,t,s),s};let Ot=0;const We=class We extends p{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()}-${Ot++}`}_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 c`
|
|
112
|
-
${this.href?
|
|
116
|
+
></nys-button>`}};r1.styles=_(io);let be=r1;pt([a({type:String})],be.prototype,"position"),pt([a({type:Boolean,reflect:!0})],be.prototype,"visible"),pt([B()],be.prototype,"isMobile"),pt([B()],be.prototype,"forceVisible"),customElements.get("nys-backtotop")||customElements.define("nys-backtotop",be);const lo=':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-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);--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00))}: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-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);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}: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-100, #ffffff1a));--_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-200, #ffffff33));--_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 co=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&&co(e,t,o),o};let ho=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()}-${ho++}`}_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`
|
|
117
|
+
${this.href?h`
|
|
113
118
|
<div class="nys-button__linkwrapper">
|
|
114
119
|
<a
|
|
115
120
|
class="nys-button"
|
|
116
|
-
name=${
|
|
121
|
+
name=${f(this.name?this.name:void 0)}
|
|
117
122
|
?disabled=${this.disabled}
|
|
118
123
|
aria-disabled="${this.disabled?"true":"false"}"
|
|
119
|
-
value=${
|
|
124
|
+
value=${f(this.value?this.value:void 0)}
|
|
120
125
|
href=${this.href}
|
|
121
126
|
target=${this.target}
|
|
122
127
|
@click=${this._handleClick}
|
|
@@ -124,17 +129,17 @@
|
|
|
124
129
|
@blur="${this._handleBlur}"
|
|
125
130
|
@keydown="${this._handleKeydown}"
|
|
126
131
|
tabindex="${this.disabled?-1:0}"
|
|
127
|
-
aria-label=${
|
|
128
|
-
aria-description=${
|
|
132
|
+
aria-label=${f(this.ariaLabel||this.label||(this.circle?this.icon:null)||"button")}
|
|
133
|
+
aria-description=${f(this.ariaDescription||void 0)}
|
|
129
134
|
>
|
|
130
|
-
${this.prefixIcon&&this.variant!=="text"?
|
|
135
|
+
${this.prefixIcon&&this.variant!=="text"?h`<slot name="prefix-icon">
|
|
131
136
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
132
137
|
</slot>`:""}
|
|
133
|
-
${this.label&&!this.circle?
|
|
134
|
-
${this.suffixIcon&&this.variant!=="text"?
|
|
138
|
+
${this.label&&!this.circle?h`<div class="nys-button__text">${this.label}</div>`:""}
|
|
139
|
+
${this.suffixIcon&&this.variant!=="text"?h`<slot name="suffix-icon">
|
|
135
140
|
<nys-icon size="16" name=${this.suffixIcon}></nys-icon>
|
|
136
141
|
</slot>`:""}
|
|
137
|
-
${this.circle&&this.icon?
|
|
142
|
+
${this.circle&&this.icon?h`<slot name="circle-icon"
|
|
138
143
|
><nys-icon
|
|
139
144
|
size=${this.size==="sm"?"24":this.size==="lg"?"40":"32"}
|
|
140
145
|
name=${this.icon}
|
|
@@ -142,32 +147,32 @@
|
|
|
142
147
|
></slot>`:""}
|
|
143
148
|
</a>
|
|
144
149
|
</div>
|
|
145
|
-
`:
|
|
150
|
+
`:h`
|
|
146
151
|
<button
|
|
147
152
|
class="nys-button"
|
|
148
|
-
name=${
|
|
153
|
+
name=${f(this.name?this.name:void 0)}
|
|
149
154
|
?disabled=${this.disabled}
|
|
150
|
-
form=${
|
|
151
|
-
value=${
|
|
155
|
+
form=${f(this.form||void 0)}
|
|
156
|
+
value=${f(this.value?this.value:void 0)}
|
|
152
157
|
type=${this.type}
|
|
153
|
-
aria-controls=${
|
|
158
|
+
aria-controls=${f(this.ariaControls||void 0)}
|
|
154
159
|
@click=${this._handleClick}
|
|
155
160
|
@focus="${this._handleFocus}"
|
|
156
161
|
@blur="${this._handleBlur}"
|
|
157
162
|
@keydown="${this._handleKeydown}"
|
|
158
163
|
tabindex="${this.disabled?-1:0}"
|
|
159
|
-
aria-label=${
|
|
160
|
-
aria-description=${
|
|
164
|
+
aria-label=${f(this.ariaLabel||this.label||(this.circle?this.icon:null)||this.prefixIcon||this.suffixIcon||"button")}
|
|
165
|
+
aria-description=${f(this.ariaDescription||void 0)}
|
|
161
166
|
role="button"
|
|
162
167
|
>
|
|
163
|
-
${this.prefixIcon&&this.variant!=="text"?
|
|
168
|
+
${this.prefixIcon&&this.variant!=="text"?h`<slot name="prefix-icon">
|
|
164
169
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
165
170
|
</slot>`:""}
|
|
166
|
-
${this.label&&!this.circle?
|
|
167
|
-
${this.suffixIcon&&this.variant!=="text"?
|
|
171
|
+
${this.label&&!this.circle?h`<div class="nys-button__text">${this.label}</div>`:""}
|
|
172
|
+
${this.suffixIcon&&this.variant!=="text"?h`<slot name="suffix-icon">
|
|
168
173
|
<nys-icon size="16" name=${this.suffixIcon}></nys-icon>
|
|
169
174
|
</slot>`:""}
|
|
170
|
-
${this.circle&&this.icon?
|
|
175
|
+
${this.circle&&this.icon?h`<slot name="circle-icon">
|
|
171
176
|
<nys-icon
|
|
172
177
|
size=${this.size==="sm"?"24":this.size==="lg"?"40":"32"}
|
|
173
178
|
name=${this.icon}
|
|
@@ -175,14 +180,14 @@
|
|
|
175
180
|
</slot>`:""}
|
|
176
181
|
</button>
|
|
177
182
|
`}
|
|
178
|
-
`}};
|
|
183
|
+
`}};Dt.styles=_(lo),Dt.formAssociated=!0;let w=Dt;S([a({type:String,reflect:!0})],w.prototype,"id"),S([a({type:String,reflect:!0})],w.prototype,"name"),S([a({type:String,reflect:!0})],w.prototype,"size"),S([a({type:Boolean,reflect:!0})],w.prototype,"fullWidth"),S([a({type:String,reflect:!0})],w.prototype,"variant"),S([a({type:Boolean,reflect:!0})],w.prototype,"inverted"),S([a({type:String})],w.prototype,"label"),S([a({type:String})],w.prototype,"ariaLabel"),S([a({type:String})],w.prototype,"ariaControls"),S([a({type:String})],w.prototype,"prefixIcon"),S([a({type:String})],w.prototype,"suffixIcon"),S([a({type:Boolean,reflect:!0})],w.prototype,"circle"),S([a({type:String})],w.prototype,"icon"),S([a({type:Boolean,reflect:!0})],w.prototype,"disabled"),S([a({type:String,reflect:!0})],w.prototype,"form"),S([a({type:String})],w.prototype,"value"),S([a({type:String})],w.prototype,"ariaDescription"),S([a({type:String,reflect:!0})],w.prototype,"type"),S([a({attribute:!1})],w.prototype,"onClick"),S([a({type:String})],w.prototype,"href"),S([a({type:String,reflect:!0})],w.prototype,"target"),customElements.get("nys-button")||customElements.define("nys-button",w);const uo=':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 yo=Object.defineProperty,po=Object.getOwnPropertyDescriptor,de=(r,e,t,s)=>{for(var o=s>1?void 0:s?po(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&&yo(e,t,o),o};let fo=0;const ne=(we=class extends g{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()}-${fo++}`);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?we.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`
|
|
179
184
|
<div class="nys-badge">
|
|
180
|
-
${e?
|
|
181
|
-
${this.prefixLabel?
|
|
185
|
+
${e?h`<nys-icon size="16" name=${e}></nys-icon>`:""}
|
|
186
|
+
${this.prefixLabel?h`<div class="nys-badge__prefix">${this.prefixLabel}</div>`:""}
|
|
182
187
|
<div class="nys-badge__label">${this.label}</div>
|
|
183
|
-
${t?
|
|
188
|
+
${t?h`<nys-icon size="16" name=${t}></nys-icon>`:""}
|
|
184
189
|
</div>
|
|
185
|
-
`}},he.styles=f(Rt),he.DEFAULT_ICONS={neutral:"info",error:"emergency_home",success:"check_circle",warning:"warning"},he);ce([i({type:String,reflect:!0})],ee.prototype,"id",2),ce([i({type:String,reflect:!0})],ee.prototype,"name",2),ce([i({type:String,reflect:!0})],ee.prototype,"size",2),ce([i({type:String,reflect:!0})],ee.prototype,"intent",2),ce([i({type:String})],ee.prototype,"prefixLabel",2),ce([i({type:String})],ee.prototype,"label",2),ce([i({type:String,attribute:"prefixicon"})],ee.prototype,"prefixIcon",1),ce([i({type:String,attribute:"suffixicon"})],ee.prototype,"suffixIcon",1);let W1=ee;customElements.get("nys-badge")||customElements.define("nys-badge",W1);const G1=':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;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);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);gap:var(--_nys-checkbox-gap)}.nys-checkbox__checkboxwrapper{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:#fff}.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}.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>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox>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}';var Ft=Object.defineProperty,U=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&Ft(e,t,s),s};let jt=0;const Ge=class Ge extends p{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._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkbox-${Date.now()}-${jt++}`),this.addEventListener("nys-change",this._handleCheckboxChange),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("nys-change",this._handleCheckboxChange),this.removeEventListener("invalid",this._handleInvalid)}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()}_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",o=e?await e.getInputElement():null;this._internals.setValidity({valueMissing:!0},t,o||this)}async _manageRequire(){if(this.required){const e=this.errorMessage||"Please select at least one option.",t=this.querySelector("nys-checkbox"),o=t?await t.getInputElement().catch(()=>null):null,s=this.querySelectorAll("nys-checkbox");Array.from(s).some(n=>n.checked)?(this._internals.setValidity({}),this.showError=!1):(this._internals.setValidity({valueMissing:!0},e,o||this),this.showError=!0)}}_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(o=>o.textContent?.trim()).filter(Boolean).join(", ")}async _handleInvalid(e){e.preventDefault(),this.showError=!0,this._manageRequire();const t=this.querySelector("nys-checkbox"),o=t?await t.getInputElement():null;if(o){const s=this._internals.form;s?Array.from(s.elements).find(l=>{if(l.tagName.toLowerCase()==="nys-checkboxgroup"){if(Array.from(this.querySelectorAll("nys-checkbox")).filter(g=>g.checked).length===0)return l}else return typeof l.checkValidity=="function"&&!l.checkValidity()})===this&&o.focus():o.focus()}}_handleCheckboxChange(e){const t=e,{name:o}=t.detail,r=Array.from(this.querySelectorAll("nys-checkbox")).filter(n=>n.checked).map(n=>n.value);this.name=o,this._internals.setFormValue(r.join(", ")),this._manageRequire()}render(){return c`
|
|
190
|
+
`}},we.styles=_(uo),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 q1=ne;customElements.get("nys-badge")||customElements.define("nys-badge",q1);const R1=':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;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);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);gap:var(--_nys-checkbox-gap)}.nys-checkbox__checkboxwrapper{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:#fff}.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}.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>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox>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}';var vo=Object.defineProperty,F=(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&&vo(e,t,o),o};let go=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._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkboxgroup-${Date.now()}-${go++}`),this.addEventListener("nys-change",this._handleCheckboxChange),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("nys-change",this._handleCheckboxChange),this.removeEventListener("invalid",this._handleInvalid)}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()}_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){const e=this.errorMessage||"Please select at least one option.",t=this.querySelector("nys-checkbox"),s=t?await t.getInputElement().catch(()=>null):null,o=this.querySelectorAll("nys-checkbox");Array.from(o).some(i=>i.checked)?(this._internals.setValidity({}),this.showError=!1):(this._internals.setValidity({valueMissing:!0},e,s||this),this.showError=!0)}}_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){e.preventDefault(),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(y=>y.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,n=Array.from(this.querySelectorAll("nys-checkbox")).filter(i=>i.checked).map(i=>i.value);this.name=s,this._internals.setFormValue(n.join(", ")),this._manageRequire()}render(){return h`
|
|
186
191
|
<div class="nys-checkboxgroup">
|
|
187
192
|
<nys-label
|
|
188
193
|
for=${this.id+"--native"}
|
|
@@ -208,19 +213,19 @@
|
|
|
208
213
|
.showDivider=${!this.tile}
|
|
209
214
|
></nys-errormessage>
|
|
210
215
|
</div>
|
|
211
|
-
`}};
|
|
212
|
-
<
|
|
216
|
+
`}};Mt.styles=_(R1),Mt.formAssociated=!0;let V=Mt;F([a({type:String,reflect:!0})],V.prototype,"id"),F([a({type:String,reflect:!0})],V.prototype,"name"),F([a({type:Boolean,reflect:!0})],V.prototype,"required"),F([a({type:Boolean,reflect:!0})],V.prototype,"optional"),F([a({type:Boolean,reflect:!0})],V.prototype,"showError"),F([a({type:String})],V.prototype,"errorMessage"),F([a({type:String})],V.prototype,"label"),F([a({type:String})],V.prototype,"description"),F([a({type:Boolean,reflect:!0})],V.prototype,"tile"),F([a({type:String})],V.prototype,"tooltip"),F([a({type:Boolean,reflect:!0})],V.prototype,"inverted"),F([a({type:String,reflect:!0})],V.prototype,"form"),F([a({type:String,reflect:!0})],V.prototype,"size"),F([B()],V.prototype,"_slottedDescriptionText"),customElements.get("nys-checkboxgroup")||customElements.define("nys-checkboxgroup",V);var bo=Object.defineProperty,U=(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&&bo(e,t,o),o};let _o=0;const At=class At extends g{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._manageLabelClick=()=>{const e=this.shadowRoot?.querySelector(".nys-checkbox"),t=this.shadowRoot?.querySelector("input");!e||!t||e.addEventListener("click",s=>{s.target.tagName.toLowerCase()!=="input"&&(this.disabled||t.click())})},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()}-${_o++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}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()}}_emitChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,checked:this.checked,name:this.name,value:this.value},bubbles:!0,composed:!0}))}_handleChange(e){const{checked:t}=e.target;this.checked=t,this.groupExist||this._internals.setFormValue(this.checked?this.value:null),this._validate(),this._emitChangeEvent()}_handleFocus(){this.dispatchEvent(new Event("nys-focus"))}_handleBlur(){this.dispatchEvent(new Event("nys-blur"))}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()))}render(){return h`
|
|
217
|
+
<div class="nys-checkbox">
|
|
213
218
|
<div class="nys-checkbox__checkboxwrapper">
|
|
214
219
|
<input
|
|
215
220
|
id=${this.id+"--native"}
|
|
216
221
|
class="nys-checkbox__checkbox"
|
|
217
222
|
type="checkbox"
|
|
218
|
-
name="${
|
|
223
|
+
name="${f(this.name?this.name:void 0)}"
|
|
219
224
|
.checked=${this.checked}
|
|
220
225
|
?disabled=${this.disabled}
|
|
221
226
|
.value=${this.value}
|
|
222
227
|
?required="${this.required}"
|
|
223
|
-
form=${
|
|
228
|
+
form=${f(this.form||void 0)}
|
|
224
229
|
aria-checked="${this.checked}"
|
|
225
230
|
aria-disabled="${this.disabled?"true":"false"}"
|
|
226
231
|
aria-required="${this.required}"
|
|
@@ -231,19 +236,19 @@
|
|
|
231
236
|
@keydown="${this._handleKeydown}"
|
|
232
237
|
aria-label="${this.label}"
|
|
233
238
|
/>
|
|
234
|
-
${this.checked?
|
|
239
|
+
${this.checked?h`<nys-icon
|
|
235
240
|
name="check"
|
|
236
241
|
size="${this.size==="md"?"4xl":this.size==="sm"?"2xl":"4xl"}"
|
|
237
242
|
class="nys-checkbox__icon"
|
|
238
243
|
></nys-icon>`:""}
|
|
239
244
|
</div>
|
|
240
|
-
${this.label&&
|
|
245
|
+
${this.label&&h`
|
|
241
246
|
<nys-label
|
|
242
247
|
tooltip=${this.tooltip}
|
|
243
248
|
for=${this.id+"--native"}
|
|
244
249
|
label=${this.label}
|
|
245
|
-
description=${
|
|
246
|
-
flag=${
|
|
250
|
+
description=${f(this.description??void 0)}
|
|
251
|
+
flag=${f(this.required?"required":void 0)}
|
|
247
252
|
?inverted=${this.inverted}
|
|
248
253
|
>
|
|
249
254
|
<slot name="description" slot="description"
|
|
@@ -251,17 +256,102 @@
|
|
|
251
256
|
>
|
|
252
257
|
</nys-label>
|
|
253
258
|
`}
|
|
254
|
-
</
|
|
255
|
-
${this.parentElement?.tagName.toLowerCase()!=="nys-checkboxgroup"?
|
|
259
|
+
</div>
|
|
260
|
+
${this.parentElement?.tagName.toLowerCase()!=="nys-checkboxgroup"?h`<nys-errormessage
|
|
256
261
|
id="single-error-message"
|
|
257
262
|
?showError=${this.showError}
|
|
258
263
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
259
264
|
.showDivider=${!this.tile}
|
|
260
265
|
></nys-errormessage>`:""}
|
|
261
|
-
`}};Ye.styles=f(G1),Ye.formAssociated=!0;let k=Ye;D([i({type:Boolean,reflect:!0})],k.prototype,"checked"),D([i({type:Boolean,reflect:!0})],k.prototype,"disabled"),D([i({type:Boolean,reflect:!0})],k.prototype,"required"),D([i({type:String})],k.prototype,"label"),D([i({type:String})],k.prototype,"description"),D([i({type:String,reflect:!0})],k.prototype,"id"),D([i({type:String,reflect:!0})],k.prototype,"name"),D([i({type:String})],k.prototype,"value"),D([i({type:String,reflect:!0})],k.prototype,"form"),D([i({type:Boolean,reflect:!0})],k.prototype,"showError"),D([i({type:String})],k.prototype,"errorMessage"),D([i({type:Boolean})],k.prototype,"groupExist"),D([i({type:Boolean,reflect:!0})],k.prototype,"tile"),D([i({type:Boolean,reflect:!0})],k.prototype,"inverted"),D([i({type:String})],k.prototype,"tooltip"),D([i({type:String,reflect:!0})],k.prototype,"size"),customElements.get("nys-checkbox")||customElements.define("nys-checkbox",k);const Gt=":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, #fff)}.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 Yt=Object.defineProperty,Xt=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&Yt(e,t,s),s};const b1=class b1 extends p{constructor(){super(),this.inverted=!1}render(){return c`<hr class="nys-divider" />`}};b1.styles=f(Gt);let Be=b1;Xt([i({type:Boolean,reflect:!0})],Be.prototype,"inverted"),customElements.get("nys-divider")||customElements.define("nys-divider",Be);const Qt=':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 Jt=Object.defineProperty,h1=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&Jt(e,t,s),s};const Xe=class Xe extends p{constructor(){super(),this.showError=!1,this.errorMessage="",this.showDivider=!1,this._internals=this.attachInternals()}render(){return c`${this.showError?c`<div class="nys-errormessage" ?showDivider=${this.showDivider}>
|
|
266
|
+
`}};At.styles=_(R1),At.formAssociated=!0;let L=At;U([a({type:Boolean,reflect:!0})],L.prototype,"checked"),U([a({type:Boolean,reflect:!0})],L.prototype,"disabled"),U([a({type:Boolean,reflect:!0})],L.prototype,"required"),U([a({type:String})],L.prototype,"label"),U([a({type:String})],L.prototype,"description"),U([a({type:String,reflect:!0})],L.prototype,"id"),U([a({type:String,reflect:!0})],L.prototype,"name"),U([a({type:String})],L.prototype,"value"),U([a({type:String,reflect:!0})],L.prototype,"form"),U([a({type:Boolean,reflect:!0})],L.prototype,"showError"),U([a({type:String})],L.prototype,"errorMessage"),U([a({type:Boolean})],L.prototype,"groupExist"),U([a({type:Boolean,reflect:!0})],L.prototype,"tile"),U([a({type:Boolean,reflect:!0})],L.prototype,"inverted"),U([a({type:String})],L.prototype,"tooltip"),U([a({type:String,reflect:!0})],L.prototype,"size"),customElements.get("nys-checkbox")||customElements.define("nys-checkbox",L);const Co=':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, #fff);--_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-color:transparent;outline-width:1px;outline-style:solid;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;-webkit-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-color:transparent;outline-width:1px;outline-style:solid;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}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):not(.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}',Ue={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 Ie,P1,ft,U1=!1,vt=!1,jt=!1,Y=!1,I1=null,Wt=!1;const Ee=(r,e="")=>()=>{},O1="http://www.w3.org/1999/xlink",T1={},mo="http://www.w3.org/2000/svg",wo="http://www.w3.org/1999/xhtml",ko=r=>r!=null,Yt=r=>(r=typeof r,r==="object"||r==="function");function xo(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 b=(r,e,...t)=>{let s=null,o=null,n=null,i=!1,l=!1;const c=[],d=u=>{for(let p=0;p<u.length;p++)s=u[p],Array.isArray(s)?d(s):s!=null&&typeof s!="boolean"&&((i=typeof r!="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&&(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(p=>u[p]).join(" "))}}if(typeof r=="function")return r(e===null?{}:e,c,So);const y=gt(r,null);return y.$attrs$=e,c.length>0&&(y.$children$=c),y.$key$=o,y.$name$=n,y},gt=(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},N1={},$o=r=>r&&r.$tag$===N1,So={forEach:(r,e)=>r.map(Z1).forEach(e),map:(r,e)=>r.map(Z1).map(e).map(Lo)},Z1=r=>({vattrs:r.$attrs$,vchildren:r.$children$,vkey:r.$key$,vname:r.$name$,vtag:r.$tag$,vtext:r.$text$}),Lo=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),b(r.vtag,t,...r.vchildren||[])}const e=gt(r.vtag,r.vtext);return e.$attrs$=r.vattrs,e.$children$=r.vchildren,e.$key$=r.vkey,e.$name$=r.vname,e},Eo=r=>sr.map(e=>e(r)).find(e=>!!e),Do=(r,e)=>r!=null&&!Yt(r)?e&4?r==="false"?!1:r===""||!!r:e&2?parseFloat(r):e&1?String(r):r:r,Mo=r=>r,F1=(r,e,t)=>{const s=Mo(r);return{emit:o=>Ao(s,e,{bubbles:!0,composed:!0,cancelable:!0,detail:o})}},Ao=(r,e,t)=>{const s=I.ce(e,t);return r.dispatchEvent(s),s},j1=new WeakMap,zo=(r,e,t)=>{let s=mt.get(r);ir&&t?(s=s||new CSSStyleSheet,typeof s=="string"?s=e:s.replaceSync(e)):s=e,mt.set(r,s)},Bo=(r,e,t,s)=>{var o;let n=W1(e,t);const i=mt.get(n);if(r=r.nodeType===11?r:te,i)if(typeof i=="string"){r=r.head||r;let l=j1.get(r),c;if(l||j1.set(r,l=new Set),!l.has(n)){{c=te.createElement("style"),c.innerHTML=i;const d=(o=I.$nonce$)!==null&&o!==void 0?o:xo(te);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},Vo=r=>{const e=r.$cmpMeta$,t=r.$hostElement$,s=e.$flags$,o=Ee("attachStyles",e.$tagName$),n=Bo(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()},W1=(r,e)=>"sc-"+(e&&r.$flags$&32?r.$tagName$+"-"+e:r.$tagName$),Y1=(r,e,t,s,o,n)=>{if(t!==s){let i=ls(r,e),l=e.toLowerCase();if(e==="class"){const c=r.classList,d=K1(t),y=K1(s);c.remove(...d.filter(u=>u&&!y.includes(u))),c.add(...y.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):ls(wt,l)?e=l.slice(2):e=l[2]+e.slice(3),t&&I.rel(r,e,t,!1),s&&I.ael(r,e,s,!1);else{const c=Yt(s);if((i||c&&s!==null)&&!o)try{if(r.tagName.includes("-"))r[e]=s;else{const y=s??"";e==="list"?i=!1:(t==null||r[e]!=y)&&(r[e]=y)}}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(O1,e):r.removeAttribute(e)):(!i||n&4||o)&&!c&&(s=s===!0?"":s,d?r.setAttributeNS(O1,e,s):r.setAttribute(e,s))}}},Ho=/\s/,K1=r=>r?r.split(Ho):[],G1=(r,e,t,s)=>{const o=e.$elm$.nodeType===11&&e.$elm$.host?e.$elm$.host:e.$elm$,n=r&&r.$attrs$||T1,i=e.$attrs$||T1;for(s in n)s in i||Y1(o,s,n[s],void 0,t,e.$flags$);for(s in i)Y1(o,s,n[s],i[s],t,e.$flags$)},bt=(r,e,t,s)=>{const o=e.$children$[t];let n=0,i,l,c;if(U1||(jt=!0,o.$tag$==="slot"&&(Ie&&s.classList.add(Ie+"-s"),o.$flags$|=o.$children$?2:1)),o.$text$!==null)i=o.$elm$=te.createTextNode(o.$text$);else if(o.$flags$&1)i=o.$elm$=te.createTextNode("");else{if(Y||(Y=o.$tag$==="svg"),i=o.$elm$=te.createElementNS(Y?mo:wo,o.$flags$&2?"slot-fb":o.$tag$),Y&&o.$tag$==="foreignObject"&&(Y=!1),G1(null,o,Y),ko(Ie)&&i["s-si"]!==Ie&&i.classList.add(i["s-si"]=Ie),o.$children$)for(n=0;n<o.$children$.length;++n)l=bt(r,o,n,i),l&&i.appendChild(l);o.$tag$==="svg"?Y=!1:i.tagName==="foreignObject"&&(Y=!0)}return i["s-hn"]=ft,o.$flags$&3&&(i["s-sr"]=!0,i["s-cr"]=P1,i["s-sn"]=o.$name$||"",c=r&&r.$children$&&r.$children$[t],c&&c.$tag$===o.$tag$&&r.$elm$&&st(r.$elm$,!1)),i},st=(r,e)=>{I.$flags$|=1;const t=r.childNodes;for(let s=t.length-1;s>=0;s--){const o=t[s];o["s-hn"]!==ft&&o["s-ol"]&&(J1(o).insertBefore(o,Kt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,jt=!0),e&&st(o,e)}I.$flags$&=-2},Q1=(r,e,t,s,o,n)=>{let i=r["s-cr"]&&r["s-cr"].parentNode||r,l;for(i.shadowRoot&&i.tagName===ft&&(i=i.shadowRoot);o<=n;++o)s[o]&&(l=bt(null,t,o,r),l&&(s[o].$elm$=l,i.insertBefore(l,Kt(e))))},X1=(r,e,t,s,o)=>{for(;e<=t;++e)(s=r[e])&&(o=s.$elm$,os(s),vt=!0,o["s-ol"]?o["s-ol"].remove():st(o,!0),o.remove())},qo=(r,e,t,s)=>{let o=0,n=0,i=0,l=0,c=e.length-1,d=e[0],y=e[c],u=s.length-1,p=s[0],C=s[u],P,ke;for(;o<=c&&n<=u;)if(d==null)d=e[++o];else if(y==null)y=e[--c];else if(p==null)p=s[++n];else if(C==null)C=s[--u];else if(_t(d,p))Oe(d,p),d=e[++o],p=s[++n];else if(_t(y,C))Oe(y,C),y=e[--c],C=s[--u];else if(_t(d,C))(d.$tag$==="slot"||C.$tag$==="slot")&&st(d.$elm$.parentNode,!1),Oe(d,C),r.insertBefore(d.$elm$,y.$elm$.nextSibling),d=e[++o],C=s[--u];else if(_t(y,p))(d.$tag$==="slot"||C.$tag$==="slot")&&st(y.$elm$.parentNode,!1),Oe(y,p),r.insertBefore(y.$elm$,d.$elm$),y=e[--c],p=s[++n];else{for(i=-1,l=o;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$?P=bt(e&&e[n],t,i,r):(Oe(ke,p),e[i]=void 0,P=ke.$elm$),p=s[++n]):(P=bt(e&&e[n],t,n,r),p=s[++n]),P&&J1(d.$elm$).insertBefore(P,Kt(d.$elm$))}o>c?Q1(r,s[u+1]==null?null:s[u+1].$elm$,t,s,n,u):n>u&&X1(e,o,c)},_t=(r,e)=>r.$tag$===e.$tag$?r.$tag$==="slot"?r.$name$===e.$name$:r.$key$===e.$key$:!1,Kt=r=>r&&r["s-ol"]||r,J1=r=>(r["s-ol"]?r["s-ol"]:r).parentNode,Oe=(r,e)=>{const t=e.$elm$=r.$elm$,s=r.$children$,o=e.$children$,n=e.$tag$,i=e.$text$;let l;i===null?(Y=n==="svg"?!0:n==="foreignObject"?!1:Y,n==="slot"||G1(r,e,Y),s!==null&&o!==null?qo(t,s,e,o):o!==null?(r.$text$!==null&&(t.textContent=""),Q1(t,null,e,o,0,o.length-1)):s!==null&&X1(s,0,s.length-1),Y&&n==="svg"&&(Y=!1)):(l=t["s-cr"])?l.parentNode.textContent=i:r.$text$!==i&&(t.data=i)},es=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}}es(t)}},ee=[],ts=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"]&&(ss(t,o)?(n=ee.find(y=>y.$nodeToRelocate$===t),vt=!0,t["s-sn"]=t["s-sn"]||o,n?n.$slotRefNode$=e:ee.push({$slotRefNode$:e,$nodeToRelocate$:t}),t["s-sr"]&&ee.map(y=>{ss(y.$nodeToRelocate$,t["s-sn"])&&(n=ee.find(u=>u.$nodeToRelocate$===t),n&&!y.$slotRefNode$&&(y.$slotRefNode$=n.$slotRefNode$))})):ee.some(y=>y.$nodeToRelocate$===t)||ee.push({$nodeToRelocate$:t}));e.nodeType===1&&ts(e)}},ss=(r,e)=>r.nodeType===1?r.getAttribute("slot")===null&&e===""||r.getAttribute("slot")===e:r["s-sn"]===e?!0:e==="",os=r=>{r.$attrs$&&r.$attrs$.ref&&r.$attrs$.ref(null),r.$children$&&r.$children$.map(os)},Ro=(r,e)=>{const t=r.$hostElement$,s=r.$cmpMeta$,o=r.$vnode$||gt(null,null),n=$o(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,r.$vnode$=n,n.$elm$=o.$elm$=t.shadowRoot||t,Ie=t["s-sc"],P1=t["s-cr"],U1=(s.$flags$&1)!==0,vt=!1,Oe(o,n);{if(I.$flags$|=1,jt){ts(n.$elm$);let i,l,c,d,y,u,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,y=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"])){y=u;break}(!y&&d!==l.parentNode||l.nextSibling!==y)&&l!==y&&(!l["s-hn"]&&l["s-ol"]&&(l["s-hn"]=l["s-ol"].parentNode.nodeName),d.insertBefore(l,y))}else l.nodeType===1&&(l.hidden=!0)}vt&&es(n.$elm$),I.$flags$&=-2,ee.length=0}},Po=(r,e)=>{},rs=(r,e)=>(r.$flags$|=16,Po(r,r.$ancestorComponent$),cr(()=>Uo(r,e))),Uo=(r,e)=>{const t=r.$hostElement$,s=Ee("scheduleUpdate",r.$cmpMeta$.$tagName$),o=t;let n;return e?n=Te(o,"componentWillLoad"):n=Te(o,"componentWillUpdate"),n=ns(n,()=>Te(o,"componentWillRender")),s(),ns(n,()=>Io(r,o,e))},Io=async(r,e,t)=>{const s=r.$hostElement$,o=Ee("update",r.$cmpMeta$.$tagName$);s["s-rc"],t&&Vo(r);const n=Ee("render",r.$cmpMeta$.$tagName$);Oo(r,e,s),n(),o(),To(r)},Oo=(r,e,t)=>{try{I1=e,e=e.render&&e.render(),r.$flags$&=-17,r.$flags$|=2,(Ue.hasRenderFn||Ue.reflect)&&(Ue.vdomRender||Ue.reflect)&&(Ue.hydrateServerSide||Ro(r,e))}catch(l){ot(l,r.$hostElement$)}return I1=null,null},To=r=>{const e=r.$cmpMeta$.$tagName$,t=r.$hostElement$,s=Ee("postUpdate",e),o=t;r.$ancestorComponent$,Te(o,"componentDidRender"),r.$flags$&64?(Te(o,"componentDidUpdate"),s()):(r.$flags$|=64,Te(o,"componentDidLoad"),s())},Te=(r,e,t)=>{if(r&&r[e])try{return r[e](t)}catch(s){ot(s)}},ns=(r,e)=>r&&r.then?r.then(e):e(),No=(r,e)=>Ct(r).$instanceValues$.get(e),Zo=(r,e,t,s)=>{const o=Ct(r),n=r,i=o.$instanceValues$.get(e),l=o.$flags$,c=n;t=Do(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(p=>{try{c[p](t,i,e)}catch(C){ot(C,n)}})}if((l&18)===2){if(c.componentShouldUpdate&&c.componentShouldUpdate(t,i,e)===!1)return;rs(o,!1)}}}},Fo=(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 No(this,n)},set(l){Zo(this,n,l,e)},configurable:!0,enumerable:!0})});{const n=new Map;o.attributeChangedCallback=function(i,l,c){I.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},jo=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$=Eo(r)]);const l=W1(t,e.$modeName$);if(!mt.has(l)){const c=Ee("registerStyles",t.$tagName$);zo(l,i,!!(t.$flags$&1)),c()}}e.$ancestorComponent$,rs(e,!0)},Wo=r=>{},Yo=r=>{if((I.$flags$&1)===0){const e=Ct(r),t=e.$cmpMeta$,s=Ee("connectedCallback",t.$tagName$);e.$flags$&1?(is(r,e,t.$listeners$),Wo(e.$lazyInstance$)):(e.$flags$|=1,t.$flags$&12&&Ko(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}}),jo(r,e,t)),s()}},Ko=r=>{const e=r["s-cr"]=te.createComment("");e["s-cn"]=!0,r.insertBefore(e,r.firstChild)},Go=r=>{if((I.$flags$&1)===0){const e=Ct(r);e.$rmListeners$&&(e.$rmListeners$.map(t=>t()),e.$rmListeners$=void 0)}},Qo=(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(){tr(this,t)},connectedCallback(){Yo(this),s&&s.call(this)},disconnectedCallback(){Go(this),o&&o.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(t.$flags$&16)})}}),r.is=t.$tagName$,Fo(r,t)},is=(r,e,t,s)=>{t&&t.map(([o,n,i])=>{const l=Jo(r,o),c=Xo(e,i),d=er(o);I.ael(l,n,c,d),(e.$rmListeners$=e.$rmListeners$||[]).push(()=>I.rel(l,n,c,d))})},Xo=(r,e)=>t=>{try{Ue.lazyLoad||r.$hostElement$[e](t)}catch(s){ot(s)}},Jo=(r,e)=>e&4?te:e&8?wt:e&16?te.body:r,er=r=>rr?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0,as=new WeakMap,Ct=r=>as.get(r),tr=(r,e)=>{const t={$flags$:0,$hostElement$:r,$cmpMeta$:e,$instanceValues$:new Map};return is(r,t,e.$listeners$),as.set(r,t)},ls=(r,e)=>e in r,ot=(r,e)=>(0,console.error)(r,e),mt=new Map,sr=[],wt=typeof window<"u"?window:{},te=wt.document||{head:{}},or=wt.HTMLElement||class{},I={$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)},rr=(()=>{let r=!1;try{te.addEventListener("e",null,Object.defineProperty({},"passive",{get(){r=!0}}))}catch{}return r})(),nr=r=>Promise.resolve(r),ir=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),cs=[],ds=[],ar=(r,e)=>t=>{r.push(t),Wt||(Wt=!0,e&&I.$flags$&4?lr(Gt):I.raf(Gt))},hs=r=>{for(let e=0;e<r.length;e++)try{r[e](performance.now())}catch(t){ot(t)}r.length=0},Gt=()=>{hs(cs),hs(ds),(Wt=cs.length>0)&&I.raf(Gt)},lr=r=>nr().then(r),cr=ar(ds,!0);function kt(r,e){const t=new Date(r);return t.setDate(t.getDate()+e),t}function dr(r,e,t){const s=[],o=Qt(r),n=o.getDay()===0?7:o.getDay(),i=xt(r),l=i.getDay()===0?7:i.getDay(),c=t===1?7:t-1,d=[],y=[];{let C=(7-t+n)%7,P=$t(o);for(;C>0;)d.push(P),P=$t(P),C-=1;d.reverse();let We=(7-l+c)%7,Ye=rt(i);for(;We>0;)y.push(Ye),Ye=rt(Ye),We-=1}let u=o;for(;u.getMonth()===r.getMonth();)s.push(u),u=rt(u);return[...d,...s,...y]}function Qt(r){return Me(new Date(`${String(gs(r)).padStart(4,"0")}-${String(us(r)).padStart(2,"0")}-01`))}function De(r){if(r instanceof Date)return`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}function xt(r){const e=Qt(r);return e.setMonth(e.getMonth()+1),e.setDate(e.getDate()-1),e}function us(r){return r.getMonth()+1}function hr(r){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(r,{month:"long"}).format(s)})}function rt(r){return kt(r,1)}function ys(r){const e=new Date(r);return e.setDate(1),e.setMonth(e.getMonth()+1),e}function ps(r){const e=new Date(r);return e.setFullYear(e.getFullYear()+1),e}function $t(r){return St(r,1)}function fs(r){const e=new Date(r);return e.setDate(1),e.setMonth(e.getMonth()-1),e}function vs(r){const e=new Date(r);return e.setFullYear(e.getFullYear()-1),e}function ur(r,e){return new Array(7).fill(void 0).map((t,s)=>(r+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 gs(r){return r.getFullYear()}function bs(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 _e(r,e){return!r||!e?!1:r.getFullYear()===e.getFullYear()&&r.getMonth()===e.getMonth()&&r.getDate()===e.getDate()}function Me(r){const e=new Date(r);return e.setMinutes(e.getMinutes()+e.getTimezoneOffset()),e}function St(r,e){const t=new Date(r);return t.setDate(t.getDate()-e),t}const yr=".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%)}",pr={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"},fr=Qo(class extends or{constructor(){super(),this.__registerHost(),this.selectDate=F1(this,"selectDate"),this.changeMonth=F1(this,"changeMonth"),this.disabled=!1,this.disableDate=()=>!1,this.elementClassName="wc-datepicker",this.firstDayOfWeek=0,this.labels=pr,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=(r,e)=>{let t,s=!1;switch(e){case"previousDay":t=$t(r);break;case"nextDay":t=rt(r);break;case"previousSameWeekDay":t=St(r,7);break;case"nextSameWeekDay":t=kt(r,7);break;case"firstOfMonth":t=Qt(r);break;case"lastOfMonth":t=xt(r);break;case"previousMonth":t=fs(r);break;case"nextMonth":t=ys(r);break;case"previousYear":t=vs(r);break;case"nextYear":t=ps(r);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=rt(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()!==r.getMonth();break;case"previousMonth":s=t.getMonth()!==r.getMonth()-1;break;case"nextMonth":s=t.getMonth()!==r.getMonth()+1;break;default:s=!bs(t,{from:St(r,this.maxSearchDays),to:kt(r,this.maxSearchDays)});break}}return s?r:t},this.nextMonth=()=>{this.updateCurrentDate(ys(this.currentDate))},this.nextYear=()=>{this.updateCurrentDate(ps(this.currentDate))},this.previousMonth=()=>{this.updateCurrentDate(fs(this.currentDate))},this.previousYear=()=>{this.updateCurrentDate(vs(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=Me(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=xt(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=xt(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=Me(new Date(r.target.closest("td").dataset.date));this.hoveredDate=e},this.onMouseLeave=()=>{this.hoveredDate=void 0}}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=ur(this.firstDayOfWeek===0?7:this.firstDayOfWeek,this.locale)}getClassName(r){return r?`${this.elementClassName}__${r}`:this.elementClassName}getCalendarRows(){const r=dr(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="${De(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:us(r),year:gs(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?[De(s[0])]:[De(s[0]),De(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(De(r))}}isRangeValue(r){return this.range}render(){const r=this.showTodayButton||this.showClearButton;return b(N1,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},hr(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 o,n,i,l,c;const d=_e(s,this.currentDate),y=s.getMonth()!==this.currentDate.getMonth(),u=Array.isArray(this.value)?_e(s,this.value[0])||_e(s,this.value[1]):_e(s,this.value),p=this.isRangeValue?bs(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,C=!((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((Mn,An)=>Mn-An):[],P=this.range&&_e(C[0],s),ke=this.range&&_e(C[1],s),We=_e(s,new Date),Ye=this.disableDate(s),Ln=`cell-${s.getMonth()}-${s.getDate()}`,En={[this.getClassName("date")]:!0,[this.getClassName("date--current")]:d,[this.getClassName("date--disabled")]:Ye,[this.getClassName("date--overflowing")]:y,[this.getClassName("date--today")]:We,[this.getClassName("date--selected")]:u,[this.getClassName("date--in-range")]:p,[this.getClassName("date--start")]:P,[this.getClassName("date--end")]:ke},Dn=u?"strong":We?"em":"span";return b("td",{"aria-disabled":String(Ye),"aria-selected":u?"true":void 0,"aria-current":We?"date":void 0,class:En,"data-date":De(s),key:Ln,onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,role:"gridcell",tabIndex:_e(s,this.currentDate)&&!this.disabled?0:-1},b(Dn,{"aria-hidden":"true"},s.getDate()),b("span",{class:"visually-hidden"},Intl.DateTimeFormat(this.locale,{day:"numeric",month:"long"}).format(s)))}))})))),r&&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 yr}},[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 vr=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&&vr(e,t,o),o};customElements.get("wc-datepicker")||customElements.define("wc-datepicker",fr);let gr=0;const E=(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._hasUserInteracted=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-datepicker-${Date.now()}-${gr++}`),this.addEventListener("invalid",this._handleInvalid),this.addEventListener("focusout",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid),this.removeEventListener("focusout",this._handleBlur)}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=`
|
|
267
|
+
<nys-icon name="arrow_back" size="18"></nys-icon>
|
|
268
|
+
`,t.innerHTML=`
|
|
269
|
+
<nys-icon name="arrow_forward" size="18"></nys-icon>
|
|
270
|
+
`)}_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)}_handleInputKeydown(e){this.disabled||this._shouldUseNativeDatepicker()||(e.key==" "||e.code=="Space")&&(e.preventDefault(),this._openDatepicker())}_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._validate(),this.dispatchEvent(new Event("nys-blur"))}_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 t=this.shadowRoot?.querySelector("input");t&&t.focus();return}this.shadowRoot?.querySelector("wc-datepicker")?.classList.toggle("active")}_openDatepicker(){if(this.disabled||this._shouldUseNativeDatepicker())return;this.shadowRoot?.querySelector("wc-datepicker")?.classList.add("active")}_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(),e.classList.remove("active")})}_handleTodayClick(){if(this.disabled)return;const e=new Date;e.setHours(0,0,0,0),this._setValue(e),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);s&&(this._setValue(s),this._hasUserInteracted&&this._validate(),this.dispatchEvent(new CustomEvent("nys-input",{detail:{id:this.id,value:this.value},bubbles:!0,composed:!0})))}_getValidDateFromInput(e){const s=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e);return!s||Number(s[1])<1e3?null:this._parseLocalDate(e)}_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">
|
|
271
|
+
<nys-label
|
|
272
|
+
for=${this.id+"--native"}
|
|
273
|
+
label=${this.label}
|
|
274
|
+
description=${this.description}
|
|
275
|
+
flag=${this.required?"required":this.optional?"optional":""}
|
|
276
|
+
tooltip=${this.tooltip}
|
|
277
|
+
?inverted=${this.inverted}
|
|
278
|
+
></nys-label>
|
|
279
|
+
<div
|
|
280
|
+
class="nys-datepicker--input-container ${this.disabled?"disabled":""}"
|
|
281
|
+
>
|
|
282
|
+
<input
|
|
283
|
+
id="nys-datepicker--input"
|
|
284
|
+
type="date"
|
|
285
|
+
max="9999-12-31"
|
|
286
|
+
?required=${this.required}
|
|
287
|
+
.value=${this.value instanceof Date?this.value.toISOString().split("T")[0]:this.value||""}
|
|
288
|
+
?disabled=${this.disabled}
|
|
289
|
+
aria-disabled=${f(this.disabled?"true":void 0)}
|
|
290
|
+
aria-required=${f(this.required?"true":void 0)}
|
|
291
|
+
aria-label=${f(this.label||void 0)}
|
|
292
|
+
aria-description=${f(this.description||void 0)}
|
|
293
|
+
@click=${this._openDatepicker}
|
|
294
|
+
@input=${this._handleInputChange}
|
|
295
|
+
@blur=${this._handleBlur}
|
|
296
|
+
@keydown=${this._handleInputKeydown}
|
|
297
|
+
/>
|
|
298
|
+
${e?null:h`
|
|
299
|
+
<button
|
|
300
|
+
id="calendar-button"
|
|
301
|
+
@click=${this._toggleDatepicker}
|
|
302
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
303
|
+
?disabled=${this.disabled}
|
|
304
|
+
aria-label="Open calendar"
|
|
305
|
+
>
|
|
306
|
+
<nys-icon name="calendar_month" size="24"></nys-icon>
|
|
307
|
+
</button>
|
|
308
|
+
`}
|
|
309
|
+
</div>
|
|
310
|
+
|
|
311
|
+
<div class="wc-datepicker--container">
|
|
312
|
+
<wc-datepicker
|
|
313
|
+
.value=${this.value instanceof Date?this.value:this.value?this._parseLocalDate(this.value):void 0}
|
|
314
|
+
?disabled=${this.disabled}
|
|
315
|
+
start-date=${f(this.startDate?this.startDate:void 0)}
|
|
316
|
+
>
|
|
317
|
+
${!this.hideTodayButton||!this.hideClearButton?h`
|
|
318
|
+
<div class="wc-datepicker--button-container">
|
|
319
|
+
${this.hideTodayButton?null:h`
|
|
320
|
+
<nys-button
|
|
321
|
+
label="Today"
|
|
322
|
+
size="sm"
|
|
323
|
+
fullWidth
|
|
324
|
+
variant="outline"
|
|
325
|
+
?disabled=${this.disabled}
|
|
326
|
+
@nys-click=${this._handleTodayClick}
|
|
327
|
+
></nys-button>
|
|
328
|
+
`}
|
|
329
|
+
${this.hideClearButton?null:h`
|
|
330
|
+
<nys-button
|
|
331
|
+
label="Clear"
|
|
332
|
+
size="sm"
|
|
333
|
+
fullWidth
|
|
334
|
+
variant="outline"
|
|
335
|
+
?disabled=${this.disabled}
|
|
336
|
+
@nys-click=${this._handleClearClick}
|
|
337
|
+
></nys-button>
|
|
338
|
+
`}
|
|
339
|
+
</div>
|
|
340
|
+
`:null}
|
|
341
|
+
</wc-datepicker>
|
|
342
|
+
</div>
|
|
343
|
+
</div>
|
|
344
|
+
<nys-errormessage
|
|
345
|
+
?showError=${this.showError}
|
|
346
|
+
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
347
|
+
></nys-errormessage>`}},He.styles=_(Co),He.formAssociated=!0,He);H([a({type:String,reflect:!0})],E.prototype,"id"),H([a({type:String,reflect:!0})],E.prototype,"name"),H([a({type:String,reflect:!0})],E.prototype,"width"),H([a({type:Boolean})],E.prototype,"hideTodayButton"),H([a({type:Boolean})],E.prototype,"hideClearButton"),H([a({type:Boolean,reflect:!0})],E.prototype,"disabled"),H([a({type:Boolean,reflect:!0})],E.prototype,"required"),H([a({type:Boolean,reflect:!0})],E.prototype,"optional"),H([a({type:Boolean,reflect:!0})],E.prototype,"showError"),H([a({type:String})],E.prototype,"errorMessage"),H([a({type:String,reflect:!0})],E.prototype,"form"),H([a({type:String})],E.prototype,"tooltip"),H([a({type:String})],E.prototype,"type"),H([a({type:String})],E.prototype,"label"),H([a({type:String})],E.prototype,"description"),H([a({type:String})],E.prototype,"startDate"),H([a({type:Boolean,reflect:!0})],E.prototype,"inverted"),H([a({type:Object,converter:{fromAttribute:r=>r?E.prototype._parseLocalDate(r):void 0,toAttribute:r=>r?typeof r=="string"?r:r.toISOString().split("T")[0]:""}})],E.prototype,"value");let _s=E;customElements.get("nys-datepicker")||customElements.define("nys-datepicker",_s);const br=":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, #fff)}.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 _r=Object.defineProperty,Cr=(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};let mr=0;const n1=class n1 extends g{constructor(){super(),this.inverted=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}_generateUniqueId(){return`nys-divider-${Date.now()}-${mr++}`}render(){return h`<hr class="nys-divider" />`}};n1.styles=_(br);let nt=n1;Cr([a({type:Boolean,reflect:!0})],nt.prototype,"inverted"),customElements.get("nys-divider")||customElements.define("nys-divider",nt);const wr=':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 kr=Object.defineProperty,Xt=(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&&kr(e,t,o),o};const zt=class zt extends g{constructor(){super(),this.showError=!1,this.errorMessage="",this.showDivider=!1,this._internals=this.attachInternals()}render(){return h`${this.showError?h`<div
|
|
348
|
+
class="nys-errormessage"
|
|
349
|
+
?showDivider=${this.showDivider}
|
|
350
|
+
role="alert"
|
|
351
|
+
>
|
|
262
352
|
<nys-icon name="error" size="2xl"></nys-icon>
|
|
263
353
|
${this._internals.validationMessage||this.errorMessage}
|
|
264
|
-
</div>`:""}`}};
|
|
354
|
+
</div>`:""}`}};zt.styles=_(wr),zt.formAssociated=!0;let Ae=zt;Xt([a({type:Boolean})],Ae.prototype,"showError"),Xt([a({type:String})],Ae.prototype,"errorMessage"),Xt([a({type:Boolean,reflect:!0})],Ae.prototype,"showDivider"),customElements.get("nys-errormessage")||customElements.define("nys-errormessage",Ae);async function xr(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 $r=':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, #fff);--_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;justify-items:center;align-items: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 Sr=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&&Sr(e,t,o),o};const i1=class i1 extends g{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`
|
|
265
355
|
<div
|
|
266
356
|
class="file-item ${this.status}"
|
|
267
357
|
aria-busy=${this.status==="processing"?"true":"false"}
|
|
@@ -277,10 +367,10 @@
|
|
|
277
367
|
<div class="file-item__info-name">
|
|
278
368
|
<span class="file-item__info-name-start">${e}</span>
|
|
279
369
|
<span class="file-item__info-name-end"
|
|
280
|
-
>${t}${
|
|
370
|
+
>${t}${s}</span
|
|
281
371
|
>
|
|
282
372
|
</div>
|
|
283
|
-
${this.errorMessage?
|
|
373
|
+
${this.errorMessage?h`<p
|
|
284
374
|
class="file-item__error"
|
|
285
375
|
role="alert"
|
|
286
376
|
aria-live="assertive"
|
|
@@ -301,7 +391,7 @@
|
|
|
301
391
|
ariaLabel="Remove file: ${this.filename}"
|
|
302
392
|
></nys-button>
|
|
303
393
|
</div>
|
|
304
|
-
${this.status==="processing"?
|
|
394
|
+
${this.status==="processing"?h`<div
|
|
305
395
|
class="file-item__progress-container"
|
|
306
396
|
role="progressbar"
|
|
307
397
|
aria-valuemin="0"
|
|
@@ -312,7 +402,7 @@
|
|
|
312
402
|
<progress value=${this.progress} max="100"></progress>
|
|
313
403
|
</div>`:null}
|
|
314
404
|
</div>
|
|
315
|
-
`}};
|
|
405
|
+
`}};i1.styles=_($r);let ze=i1;Lt([a({type:String})],ze.prototype,"filename"),Lt([a({type:String})],ze.prototype,"status"),Lt([a({type:Number})],ze.prototype,"progress"),Lt([a({type:String})],ze.prototype,"errorMessage"),customElements.define("nys-fileitem",ze);const Lr=':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, #fff );--_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 Er=Object.defineProperty,O=(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&&Er(e,t,o),o};let Dr=0;const Bt=class Bt extends g{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()}-${Dr++}`),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 xr(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
|
|
316
406
|
class="nys-fileinput"
|
|
317
407
|
@nys-fileRemove=${this._handleFileRemove}
|
|
318
408
|
>
|
|
@@ -332,7 +422,7 @@
|
|
|
332
422
|
type="file"
|
|
333
423
|
name=${this.name}
|
|
334
424
|
accept=${this.accept}
|
|
335
|
-
form=${
|
|
425
|
+
form=${f(this.form||void 0)}
|
|
336
426
|
?multiple=${this.multiple}
|
|
337
427
|
?required=${this.required}
|
|
338
428
|
?disabled=${this.disabled||!this.multiple&&this._selectedFiles.length>0}
|
|
@@ -342,7 +432,7 @@
|
|
|
342
432
|
hidden
|
|
343
433
|
/>
|
|
344
434
|
|
|
345
|
-
${this.dropzone?
|
|
435
|
+
${this.dropzone?h`<div
|
|
346
436
|
class="nys-fileinput__dropzone
|
|
347
437
|
${this._dragActive?"drag-active":""}
|
|
348
438
|
${this._isDropDisabled?"disabled":""}
|
|
@@ -353,7 +443,7 @@
|
|
|
353
443
|
@drop=${this._isDropDisabled?null:this._onDrop}
|
|
354
444
|
aria-label="Drag files here or choose from folder"
|
|
355
445
|
>
|
|
356
|
-
${this._dragActive?
|
|
446
|
+
${this._dragActive?h`<p>Drop file to upload</p>`:h` <nys-button
|
|
357
447
|
id="choose-files-btn-drag"
|
|
358
448
|
name="file-btn"
|
|
359
449
|
label=${this.multiple?"Choose files":"Choose file"}
|
|
@@ -364,7 +454,7 @@
|
|
|
364
454
|
@nys-click="${e=>{e.preventDefault(),e.stopPropagation(),this._openFileDialog()}}"
|
|
365
455
|
></nys-button>
|
|
366
456
|
<p>or drag here</p>`}
|
|
367
|
-
</div>`:
|
|
457
|
+
</div>`:h`<nys-button
|
|
368
458
|
id="choose-files-btn"
|
|
369
459
|
name="file-btn"
|
|
370
460
|
label=${this.multiple?"Choose files":"Choose file"}
|
|
@@ -374,15 +464,15 @@
|
|
|
374
464
|
?disabled=${this.disabled||!this.multiple&&this._selectedFiles.length>0}
|
|
375
465
|
@nys-click=${this._openFileDialog}
|
|
376
466
|
></nys-button>`}
|
|
377
|
-
${this.showError?
|
|
467
|
+
${this.showError?h`
|
|
378
468
|
<nys-errormessage
|
|
379
469
|
?showError=${this.showError}
|
|
380
470
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
381
471
|
></nys-errormessage>
|
|
382
472
|
`:null}
|
|
383
|
-
${this._selectedFiles.length>0?
|
|
473
|
+
${this._selectedFiles.length>0?h`
|
|
384
474
|
<ul>
|
|
385
|
-
${this._selectedFiles.map(e=>
|
|
475
|
+
${this._selectedFiles.map(e=>h`<li>
|
|
386
476
|
<nys-fileitem
|
|
387
477
|
filename=${e.file.name}
|
|
388
478
|
status=${e.status}
|
|
@@ -392,7 +482,7 @@
|
|
|
392
482
|
</li>`)}
|
|
393
483
|
</ul>
|
|
394
484
|
`:null}
|
|
395
|
-
</div>`}};
|
|
485
|
+
</div>`}};Bt.styles=_(Lr),Bt.formAssociated=!0;let D=Bt;O([a({type:String,reflect:!0})],D.prototype,"id"),O([a({type:String,reflect:!0})],D.prototype,"name"),O([a({type:String})],D.prototype,"label"),O([a({type:String})],D.prototype,"description"),O([a({type:Boolean})],D.prototype,"multiple"),O([a({type:String,reflect:!0})],D.prototype,"form"),O([a({type:String})],D.prototype,"tooltip"),O([a({type:String})],D.prototype,"accept"),O([a({type:Boolean,reflect:!0})],D.prototype,"disabled"),O([a({type:Boolean,reflect:!0})],D.prototype,"required"),O([a({type:Boolean,reflect:!0})],D.prototype,"optional"),O([a({type:Boolean,reflect:!0})],D.prototype,"showError"),O([a({type:String})],D.prototype,"errorMessage"),O([a({type:Boolean})],D.prototype,"dropzone"),O([a({type:String,reflect:!0})],D.prototype,"width"),O([a({type:Boolean,reflect:!0})],D.prototype,"inverted"),customElements.get("nys-fileinput")||customElements.define("nys-fileinput",D);const Mr={account_circle:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
396
486
|
<mask id="mask0_12372_781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
397
487
|
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
398
488
|
</mask>
|
|
@@ -937,15 +1027,15 @@
|
|
|
937
1027
|
<g mask="url(#mask0_12372_621)">
|
|
938
1028
|
<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)"/>
|
|
939
1029
|
</g>
|
|
940
|
-
</svg>`},
|
|
1030
|
+
</svg>`},Ar=":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 zr=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&&zr(e,t,o),o};const a1=class a1 extends g{constructor(){super(...arguments),this.name="",this.ariaLabel="",this.rotate="0",this.flip="",this.color="",this.size="md"}getIcon(){const e=Mr[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}};a1.styles=_(Ar);let ie=a1;Ne([a({type:String,reflect:!0})],ie.prototype,"name"),Ne([a({type:String})],ie.prototype,"ariaLabel"),Ne([a({type:String})],ie.prototype,"rotate"),Ne([a({type:String})],ie.prototype,"flip"),Ne([a({type:String})],ie.prototype,"color"),Ne([a({type:String})],ie.prototype,"size"),customElements.get("nys-icon")||customElements.define("nys-icon",ie);const Br=':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)}.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, #fff)}.nys-label.invert .nys-label__tooltip-icon{color:var(--nys-color-ink-reverse, #fff)}';var Vr=Object.defineProperty,Hr=Object.getOwnPropertyDescriptor,Ze=(r,e,t,s)=>{for(var o=s>1?void 0:s?Hr(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&&Vr(e,t,o),o};const l1=class l1 extends g{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}render(){return h`
|
|
941
1031
|
<div class="nys-label ${this.inverted?"invert":""}">
|
|
942
1032
|
<div class="nys-label__tooltip-wrapper">
|
|
943
1033
|
<label for=${this.for} class="nys-label__label"
|
|
944
1034
|
>${this.label}
|
|
945
|
-
${this.flag==="required"?
|
|
946
|
-
${this.flag==="optional"?
|
|
1035
|
+
${this.flag==="required"?h`<div class="nys-label__required">*</div>`:""}
|
|
1036
|
+
${this.flag==="optional"?h`<div class="nys-label__optional">(Optional)</div>`:""}</label
|
|
947
1037
|
>
|
|
948
|
-
${this._tooltip?
|
|
1038
|
+
${this._tooltip?h`<nys-tooltip
|
|
949
1039
|
text="${this._tooltip}"
|
|
950
1040
|
position="top"
|
|
951
1041
|
focusable
|
|
@@ -963,7 +1053,7 @@
|
|
|
963
1053
|
<slot name="description">${this.description}</slot>
|
|
964
1054
|
</label>
|
|
965
1055
|
</div>
|
|
966
|
-
`}};
|
|
1056
|
+
`}};l1.styles=_(Br);let ae=l1;Ze([a({type:String})],ae.prototype,"for",2),Ze([a({type:String})],ae.prototype,"label",2),Ze([a({type:String})],ae.prototype,"description",2),Ze([a({type:String})],ae.prototype,"flag",2),Ze([a({type:Boolean,reflect:!0})],ae.prototype,"inverted",2),Ze([a({type:String})],ae.prototype,"tooltip",1),customElements.get("nys-label")||customElements.define("nys-label",ae);const qr=':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, #fff);--_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 Rr=Object.defineProperty,Ce=(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&&Rr(e,t,o),o};let Pr=0;const c1=class c1 extends g{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()}-${Pr++}`),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(y=>{o.push(y)})}if(o.length>0){const l=o[0],c=o[o.length-1];let d=document.activeElement,y=o.indexOf(d);if(e.shiftKey){e.preventDefault();let u=y-1;u<0&&(u=o.length-1);const p=o[u];o[u].tagName.toLowerCase()==="nys-button"?(await p.getButtonElement())?.focus():p.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
|
|
967
1057
|
class="nys-modal-overlay"
|
|
968
1058
|
role="dialog"
|
|
969
1059
|
aria-modal="true"
|
|
@@ -974,7 +1064,7 @@
|
|
|
974
1064
|
<div class="nys-modal_header">
|
|
975
1065
|
<div class="nys-modal_header-inner">
|
|
976
1066
|
<h2 id="${this.id}-heading">${this.heading}</h2>
|
|
977
|
-
${this.mandatory?"":
|
|
1067
|
+
${this.mandatory?"":h`<nys-button
|
|
978
1068
|
id="dismiss-modal"
|
|
979
1069
|
circle
|
|
980
1070
|
icon="close"
|
|
@@ -982,7 +1072,7 @@
|
|
|
982
1072
|
@nys-click=${this._closeModal}
|
|
983
1073
|
></nys-button>`}
|
|
984
1074
|
</div>
|
|
985
|
-
${this.subheading?
|
|
1075
|
+
${this.subheading?h`<p id="${this.id}-subheading">${this.subheading}</p>`:""}
|
|
986
1076
|
</div>
|
|
987
1077
|
|
|
988
1078
|
<div
|
|
@@ -1003,25 +1093,28 @@
|
|
|
1003
1093
|
></slot>
|
|
1004
1094
|
</div>
|
|
1005
1095
|
</div>
|
|
1006
|
-
</div>`:""}};
|
|
1096
|
+
</div>`:""}};c1.styles=_(qr);let Q=c1;Ce([a({type:String,reflect:!0})],Q.prototype,"id"),Ce([a({type:String})],Q.prototype,"heading"),Ce([a({type:String})],Q.prototype,"subheading"),Ce([a({type:Boolean,reflect:!0})],Q.prototype,"open"),Ce([a({type:Boolean,reflect:!0})],Q.prototype,"mandatory"),Ce([a({type:String,reflect:!0})],Q.prototype,"width"),Ce([B()],Q.prototype,"hasBodySlots"),Ce([B()],Q.prototype,"hasActionSlots"),customElements.get("nys-modal")||customElements.define("nys-modal",Q);const Ur=':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, #fff);--nys-button-color--hover: var(--nys-color-ink-reverse, #fff);--nys-button-color--active: var(--nys-color-ink-reverse, #fff)}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 Ir=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&&Ir(e,t,o),o};let Or=0;const d1=class d1 extends g{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()}-${Or++}`)}_clampPage(e){return e<1?1:e>this.totalPages?this.totalPages:e}renderPageButtons(){const e=[],t=(c,d)=>{e.push(h`
|
|
1007
1097
|
<nys-button
|
|
1008
|
-
label=${String(
|
|
1009
|
-
ariaLabel="Page ${
|
|
1010
|
-
id=${
|
|
1011
|
-
variant=${this.currentPage===
|
|
1012
|
-
|
|
1098
|
+
label=${String(c)}
|
|
1099
|
+
ariaLabel="Page ${c}"
|
|
1100
|
+
id=${f(d)}
|
|
1101
|
+
variant=${this.currentPage===c?"filled":"outline"}
|
|
1102
|
+
size="sm"
|
|
1103
|
+
@nys-click="${()=>this._handlePageClick(c)}"
|
|
1013
1104
|
></nys-button>
|
|
1014
|
-
`)},
|
|
1105
|
+
`)},s=c=>{e.push(h`<nys-button
|
|
1015
1106
|
label="..."
|
|
1016
1107
|
class="spacer"
|
|
1017
1108
|
tabindex="-1"
|
|
1018
|
-
id=${
|
|
1019
|
-
|
|
1109
|
+
id=${c}
|
|
1110
|
+
size="sm"
|
|
1111
|
+
></nys-button>`)},n=this.totalPages,i=this.currentPage-1,l=this.currentPage+1;return t(1),this.currentPage>2&&s("first-spacer"),i>1&&t(i,"prev-page"),this.currentPage!==1&&this.currentPage!==n&&t(this.currentPage,"current-page"),l<n&&t(l,"next-page"),this.currentPage<n-1&&s("last-spacer"),n>1&&t(n),e}_handlePageClick(e){this.currentPage=this._clampPage(e),this.dispatchEvent(new CustomEvent("nys-change",{detail:{page:this.currentPage},bubbles:!0,composed:!0}))}render(){return this.totalPages<=1?null:h`<div class="nys-pagination">
|
|
1020
1112
|
<nys-button
|
|
1021
1113
|
id="previous"
|
|
1022
1114
|
label="Previous"
|
|
1023
1115
|
prefixIcon="chevron_left"
|
|
1024
1116
|
variant="outline"
|
|
1117
|
+
size="sm"
|
|
1025
1118
|
?disabled=${this.currentPage===1}
|
|
1026
1119
|
@nys-click="${()=>this._handlePageClick(this.currentPage-1)}"
|
|
1027
1120
|
></nys-button>
|
|
@@ -1030,6 +1123,7 @@
|
|
|
1030
1123
|
prefixIcon="chevron_left"
|
|
1031
1124
|
ariaLabel="Previous Page"
|
|
1032
1125
|
variant="outline"
|
|
1126
|
+
size="sm"
|
|
1033
1127
|
?disabled=${this.currentPage===1}
|
|
1034
1128
|
@nys-click="${()=>this._handlePageClick(this.currentPage-1)}"
|
|
1035
1129
|
></nys-button>
|
|
@@ -1039,6 +1133,7 @@
|
|
|
1039
1133
|
label="Next"
|
|
1040
1134
|
suffixIcon="chevron_right"
|
|
1041
1135
|
variant="outline"
|
|
1136
|
+
size="sm"
|
|
1042
1137
|
?disabled=${this.currentPage===this.totalPages}
|
|
1043
1138
|
@nys-click="${()=>this._handlePageClick(this.currentPage+1)}"
|
|
1044
1139
|
></nys-button>
|
|
@@ -1047,10 +1142,11 @@
|
|
|
1047
1142
|
suffixIcon="chevron_right"
|
|
1048
1143
|
ariaLabel="Next Page"
|
|
1049
1144
|
variant="outline"
|
|
1145
|
+
size="sm"
|
|
1050
1146
|
?disabled=${this.currentPage===this.totalPages}
|
|
1051
1147
|
@nys-click="${()=>this._handlePageClick(this.currentPage+1)}"
|
|
1052
1148
|
></nys-button>
|
|
1053
|
-
</div>`}};w1.styles=f(vs);let te=w1;Pe([i({type:String,reflect:!0})],te.prototype,"id"),Pe([i({type:String,reflect:!0})],te.prototype,"name"),Pe([i({type:Number,reflect:!0})],te.prototype,"currentPage"),Pe([i({type:Number,reflect:!0})],te.prototype,"totalPages"),Pe([i({type:Boolean,reflect:!0})],te.prototype,"_twoBeforeLast"),customElements.get("nys-pagination")||customElements.define("nys-pagination",te);const Y1=`: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;align-items:center;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,:host(.active-focus){outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}.nys-radiobutton>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>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton>nys-label,input:disabled+.nys-radiobutton>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 bs=Object.defineProperty,P=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&bs(e,t,s),s};let _s=0;const Je=class Je extends p{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()}-${_s++}`),this.addEventListener("nys-change",this._handleRadioButtonChange),this.addEventListener("invalid",this._handleInvalid)}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()}formResetCallback(){this.querySelectorAll("nys-radiobutton").forEach(t=>{t.formResetUpdate()})}_setValue(){this._internals.setFormValue(this.selectedValue)}_setRadioButtonRequire(){this.querySelectorAll("nys-radiobutton").forEach((t,o)=>{this.required&&o===0&&t.setAttribute("required","required")})}async _manageRequire(){const e=this.errorMessage||"Please select an option.",o=Array.from(this.querySelectorAll("nys-radiobutton"))[0];o&&(this.required&&!this.selectedValue?this._internals.setValidity({valueMissing:!0},e,o):(this.showError=!1,this._internals.setValidity({},"",o)))}checkValidity(){const e=Array.from(this.querySelectorAll("nys-radiobutton"));return!this.required||e.some(o=>o.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","ArrowLeft","ArrowRight"," ","Enter"].includes(e.key))return;e.preventDefault();const o=this._getAllRadios().filter(h=>!h.disabled),s=o.find(h=>h.checked)||o[0],r=e.key===" "||e.key==="Enter"?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let n=o.indexOf(s)+r;n<0&&(n=o.length-1),n>=o.length&&(n=0);const l=o[n];(await l.getInputElement())?.click(),this._updateGroupTabIndex(),l.focus()}_updateGroupTabIndex(){const e=this._getAllRadios(),t=e.find(o=>o.checked)||e[0];e.forEach(o=>{o.disabled?o.tabIndex=-1:o.tabIndex=o===t?0:-1,o.setAttribute("aria-checked",o.checked?"true":"false"),o.setAttribute("aria-disabled",o.disabled?"true":"false"),o.setAttribute("aria-required",this.required?"true":"false")})}_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(o=>o.textContent?.trim()).filter(Boolean).join(", ")}_handleRadioButtonChange(e){const t=e,{name:o,value:s}=t.detail;this.name=o,this.selectedValue=s,this._internals.setFormValue(this.selectedValue),this._updateGroupTabIndex()}async _handleInvalid(e){if(e.preventDefault(),this._internals.validity.valueMissing){this.showError=!0,this._manageRequire();const t=this.querySelector("nys-radiobutton");if(t){const o=this._internals.form;o?Array.from(o.elements).find(n=>typeof n.checkValidity=="function"&&!n.checkValidity())===this&&(t.focus(),t.classList.add("active-focus")):(t.focus(),t.classList.add("active-focus"))}}}render(){return c`<div class="nys-radiogroup">
|
|
1149
|
+
</div>`}};d1.styles=_(Ur);let he=d1;it([a({type:String,reflect:!0})],he.prototype,"id"),it([a({type:String,reflect:!0})],he.prototype,"name"),it([a({type:Number,reflect:!0})],he.prototype,"currentPage"),it([a({type:Number,reflect:!0})],he.prototype,"totalPages"),it([a({type:Boolean,reflect:!0})],he.prototype,"_twoBeforeLast"),customElements.get("nys-pagination")||customElements.define("nys-pagination",he);const Cs=`: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;align-items:center;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,:host(.active-focus){outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}.nys-radiobutton>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>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton>nys-label,input:disabled+.nys-radiobutton>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 Tr=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&&Tr(e,t,o),o};let Nr=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()}-${Nr++}`),this.addEventListener("nys-change",this._handleRadioButtonChange),this.addEventListener("invalid",this._handleInvalid)}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","ArrowLeft","ArrowRight"," ","Enter"].includes(e.key))return;e.preventDefault();const s=this._getAllRadios().filter(d=>!d.disabled),o=s.find(d=>d.checked)||s[0],n=e.key===" "||e.key==="Enter"?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let i=s.indexOf(o)+n;i<0&&(i=s.length-1),i>=s.length&&(i=0);const l=s[i];(await l.getInputElement())?.click(),this._updateGroupTabIndex(),l.focus()}_updateGroupTabIndex(){const e=this._getAllRadios(),t=e.find(s=>s.checked)||e[0];e.forEach(s=>{s.disabled?s.tabIndex=-1:s.tabIndex=s===t?0:-1,s.setAttribute("aria-checked",s.checked?"true":"false"),s.setAttribute("aria-disabled",s.disabled?"true":"false"),s.setAttribute("aria-required",this.required?"true":"false")})}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 t=e,{name:s,value:o}=t.detail;this.name=s,this.selectedValue=o,this._internals.setFormValue(this.selectedValue),this._updateGroupTabIndex()}async _handleInvalid(e){if(e.preventDefault(),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.classList.add("active-focus")):(t.focus(),t.classList.add("active-focus"))}}}render(){return h`<div class="nys-radiogroup">
|
|
1054
1150
|
<nys-label
|
|
1055
1151
|
for=${this.id+"--native"}
|
|
1056
1152
|
label=${this.label}
|
|
@@ -1074,15 +1170,15 @@
|
|
|
1074
1170
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
1075
1171
|
.showDivider=${!this.tile}
|
|
1076
1172
|
></nys-errormessage>
|
|
1077
|
-
</div>`}};
|
|
1173
|
+
</div>`}};Vt.styles=_(Cs),Vt.formAssociated=!0;let A=Vt;T([a({type:String,reflect:!0})],A.prototype,"id"),T([a({type:String,reflect:!0})],A.prototype,"name"),T([a({type:Boolean,reflect:!0})],A.prototype,"required"),T([a({type:Boolean,reflect:!0})],A.prototype,"optional"),T([a({type:Boolean,reflect:!0})],A.prototype,"showError"),T([a({type:String})],A.prototype,"errorMessage"),T([a({type:String})],A.prototype,"label"),T([a({type:String})],A.prototype,"description"),T([a({type:Boolean,reflect:!0})],A.prototype,"tile"),T([a({type:String})],A.prototype,"tooltip"),T([a({type:Boolean,reflect:!0})],A.prototype,"inverted"),T([a({type:String,reflect:!0})],A.prototype,"form"),T([a({type:String,reflect:!0})],A.prototype,"size"),T([B()],A.prototype,"selectedValue"),T([B()],A.prototype,"_slottedDescriptionText"),customElements.get("nys-radiogroup")||customElements.define("nys-radiogroup",A);var Zr=Object.defineProperty,X=(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 Fr=0;const K=($=class extends g{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}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-radiobutton-${Date.now()}-${Fr++}`),this.checked&&($.buttonGroup[this.name]&&($.buttonGroup[this.name].checked=!1,$.buttonGroup[this.name].requestUpdate()),$.buttonGroup[this.name]=this),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur),this.addEventListener("click",this._handleChange)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}updated(e){e.has("checked")&&this.checked&&$.buttonGroup[this.name]!==this&&($.buttonGroup[this.name]&&($.buttonGroup[this.name].checked=!1,$.buttonGroup[this.name].requestUpdate()),$.buttonGroup[this.name]=this)}async getInputElement(){return await this.updateComplete,this.shadowRoot?.querySelector("input")||null}formResetUpdate(){this.checked=!1,this.setAttribute("aria-checked","false"),$.buttonGroup[this.name]===this&&delete $.buttonGroup[this.name],this.requestUpdate()}_emitChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,checked:this.checked,name:this.name,value:this.value},bubbles:!0,composed:!0}))}_handleChange(){this.classList.remove("active-focus"),!this.checked&&!this.disabled&&($.buttonGroup[this.name]&&($.buttonGroup[this.name].checked=!1,$.buttonGroup[this.name].requestUpdate()),$.buttonGroup[this.name]=this,this.checked=!0,this._emitChangeEvent())}_handleFocus(){this.dispatchEvent(new Event("nys-focus"))}_handleBlur(){this.classList.remove("active-focus"),this.dispatchEvent(new Event("nys-blur"))}_callInputHandling(){if(this.disabled)return;const e=this.shadowRoot?.querySelector('input[type="radio"]');e&&(e.focus(),e.click())}render(){return h`
|
|
1078
1174
|
<input
|
|
1079
1175
|
type="radio"
|
|
1080
|
-
name="${
|
|
1176
|
+
name="${f(this.name?this.name:void 0)}"
|
|
1081
1177
|
.checked=${this.checked}
|
|
1082
1178
|
?disabled=${this.disabled}
|
|
1083
1179
|
.value=${this.value}
|
|
1084
1180
|
?required="${this.required}"
|
|
1085
|
-
form=${
|
|
1181
|
+
form=${f(this.form||void 0)}
|
|
1086
1182
|
@change="${this._handleChange}"
|
|
1087
1183
|
hidden
|
|
1088
1184
|
aria-hidden="true"
|
|
@@ -1093,15 +1189,15 @@
|
|
|
1093
1189
|
aria-label=${this.label}
|
|
1094
1190
|
>
|
|
1095
1191
|
<span class="nys-radiobutton__radio"></span>
|
|
1096
|
-
${this.label&&
|
|
1192
|
+
${this.label&&h`<nys-label
|
|
1097
1193
|
label=${this.label}
|
|
1098
|
-
description=${
|
|
1194
|
+
description=${f(this.description||void 0)}
|
|
1099
1195
|
?inverted=${this.inverted}
|
|
1100
1196
|
>
|
|
1101
1197
|
<slot name="description" slot="description">${this.description}</slot>
|
|
1102
1198
|
</nys-label> `}
|
|
1103
1199
|
</div>
|
|
1104
|
-
`}}
|
|
1200
|
+
`}},$.styles=_(Cs),$.buttonGroup={},$);X([a({type:Boolean,reflect:!0})],K.prototype,"checked"),X([a({type:Boolean,reflect:!0})],K.prototype,"disabled"),X([a({type:Boolean,reflect:!0})],K.prototype,"required"),X([a({type:String})],K.prototype,"label"),X([a({type:String})],K.prototype,"description"),X([a({type:String,reflect:!0})],K.prototype,"id"),X([a({type:String,reflect:!0})],K.prototype,"name"),X([a({type:String})],K.prototype,"value"),X([a({type:Boolean,reflect:!0})],K.prototype,"inverted"),X([a({type:String,reflect:!0})],K.prototype,"form"),X([a({type:String,reflect:!0})],K.prototype,"size"),X([a({type:Boolean,reflect:!0})],K.prototype,"tile");let ms=K;customElements.get("nys-radiobutton")||customElements.define("nys-radiobutton",ms);var jr=Object.defineProperty,at=(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&&jr(e,t,o),o};class ue 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`
|
|
1105
1201
|
<option
|
|
1106
1202
|
?disabled=${this.disabled}
|
|
1107
1203
|
?selected=${this.selected}
|
|
@@ -1111,7 +1207,7 @@
|
|
|
1111
1207
|
>
|
|
1112
1208
|
<slot>${this.label}</slot>
|
|
1113
1209
|
</option>
|
|
1114
|
-
`}}
|
|
1210
|
+
`}}at([a({type:Boolean,reflect:!0})],ue.prototype,"disabled"),at([a({type:Boolean,reflect:!0})],ue.prototype,"selected"),at([a({type:String})],ue.prototype,"value"),at([a({type:String})],ue.prototype,"label"),at([a({type:Boolean,reflect:!0})],ue.prototype,"hidden"),customElements.define("nys-option",ue);const Wr=':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, #fff);--_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);-webkit-appearance:none;-moz-appearance:none;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 Yr=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&&Yr(e,t,o),o};let Kr=0;const Ht=class Ht extends g{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()}-${Kr++}`),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 ue){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 ue){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"))}_handleBlur(){this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur"))}updated(e){if(super.updated(e),e.has("value")){const t=this.shadowRoot?.querySelector("select");t&&(t.value=this.value)}}render(){return h`
|
|
1115
1211
|
<div class="nys-select">
|
|
1116
1212
|
<nys-label
|
|
1117
1213
|
for=${this.id+"--native"}
|
|
@@ -1128,7 +1224,7 @@
|
|
|
1128
1224
|
class="nys-select__select"
|
|
1129
1225
|
name=${this.name}
|
|
1130
1226
|
id=${this.id+"--native"}
|
|
1131
|
-
form=${
|
|
1227
|
+
form=${f(this.form||void 0)}
|
|
1132
1228
|
?disabled=${this.disabled}
|
|
1133
1229
|
?required=${this.required}
|
|
1134
1230
|
aria-disabled="${this.disabled}"
|
|
@@ -1142,7 +1238,7 @@
|
|
|
1142
1238
|
</select>
|
|
1143
1239
|
<slot style="display: none;"></slot>
|
|
1144
1240
|
<nys-icon
|
|
1145
|
-
name="
|
|
1241
|
+
name="chevron_down"
|
|
1146
1242
|
size="2xl"
|
|
1147
1243
|
class="nys-select__icon"
|
|
1148
1244
|
></nys-icon>
|
|
@@ -1152,7 +1248,7 @@
|
|
|
1152
1248
|
errorMessage=${this.errorMessage}
|
|
1153
1249
|
></nys-errormessage>
|
|
1154
1250
|
</div>
|
|
1155
|
-
`}};
|
|
1251
|
+
`}};Ht.styles=_(Wr),Ht.formAssociated=!0;let q=Ht;j([a({type:String,reflect:!0})],q.prototype,"id"),j([a({type:String,reflect:!0})],q.prototype,"name"),j([a({type:String})],q.prototype,"label"),j([a({type:String})],q.prototype,"description"),j([a({type:String})],q.prototype,"value"),j([a({type:Boolean,reflect:!0})],q.prototype,"disabled"),j([a({type:Boolean,reflect:!0})],q.prototype,"required"),j([a({type:Boolean,reflect:!0})],q.prototype,"optional"),j([a({type:String})],q.prototype,"tooltip"),j([a({type:String,reflect:!0})],q.prototype,"form"),j([a({type:Boolean,reflect:!0})],q.prototype,"inverted"),j([a({type:Boolean,reflect:!0})],q.prototype,"showError"),j([a({type:String})],q.prototype,"errorMessage"),j([a({type:String,reflect:!0})],q.prototype,"width"),customElements.get("nys-select")||customElements.define("nys-select",q);const Gr=':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, #fff)}.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 Qr=Object.defineProperty,ws=(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&&Qr(e,t,o),o};const h1=class h1 extends g{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`
|
|
1156
1252
|
<div class="nys-skipnav">
|
|
1157
1253
|
<a
|
|
1158
1254
|
href=${this.href?this.href:"#main-content"}
|
|
@@ -1165,7 +1261,7 @@
|
|
|
1165
1261
|
Skip to main content
|
|
1166
1262
|
</a>
|
|
1167
1263
|
</div>
|
|
1168
|
-
`}};
|
|
1264
|
+
`}};h1.styles=_(Gr);let Fe=h1;ws([a({type:String,reflect:!0})],Fe.prototype,"id"),ws([a({type:String})],Fe.prototype,"href"),customElements.get("nys-skipnav")||customElements.define("nys-skipnav",Fe);const ks=':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:-webkit-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, #fff);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, #fff);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, #fff);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, #fff);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 Xr=Object.defineProperty,Be=(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&&Xr(e,t,o),o};const u1=class u1 extends g{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`
|
|
1169
1265
|
<div class="nys-step">
|
|
1170
1266
|
<div class="nys-step__linewrapper">
|
|
1171
1267
|
<div class="nys-step__line"></div>
|
|
@@ -1174,8 +1270,6 @@
|
|
|
1174
1270
|
class="nys-step__contentwrapper"
|
|
1175
1271
|
@click=${this._handleActivate}
|
|
1176
1272
|
@keydown=${this._handleKeydown}
|
|
1177
|
-
role="button"
|
|
1178
|
-
aria-label="${this.label} Step"
|
|
1179
1273
|
?disabled=${!(this.selected||this.current||this.hasAttribute("previous"))}
|
|
1180
1274
|
>
|
|
1181
1275
|
<div class="nys-step__number" tabindex="-1" aria-hidden="true">
|
|
@@ -1184,6 +1278,8 @@
|
|
|
1184
1278
|
<div class="nys-step__content" tabindex="-1" aria-hidden="true">
|
|
1185
1279
|
<div
|
|
1186
1280
|
class="nys-step__label"
|
|
1281
|
+
role="button"
|
|
1282
|
+
aria-label="${this.label} Step"
|
|
1187
1283
|
tabindex=${this.selected||this.current||this.hasAttribute("previous")?"0":"-1"}
|
|
1188
1284
|
aria-hidden="true"
|
|
1189
1285
|
>
|
|
@@ -1192,7 +1288,7 @@
|
|
|
1192
1288
|
</div>
|
|
1193
1289
|
</div>
|
|
1194
1290
|
</div>
|
|
1195
|
-
`}}
|
|
1291
|
+
`}};u1.styles=_(ks);let se=u1;Be([a({type:Boolean,reflect:!0})],se.prototype,"selected"),Be([a({type:Boolean,reflect:!0})],se.prototype,"current"),Be([a({type:String})],se.prototype,"label"),Be([a({type:String})],se.prototype,"href"),Be([a({type:Boolean})],se.prototype,"isCompactExpanded"),Be([a({attribute:!1})],se.prototype,"onClick"),Be([a({type:Number})],se.prototype,"stepNumber"),customElements.get("nys-step")||customElements.define("nys-step",se);var Jr=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&&Jr(e,t,o),o};let en=0;const y1=class y1 extends g{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-${++en}-${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`
|
|
1196
1292
|
<div class="nys-stepper" name=${this.name}>
|
|
1197
1293
|
<div class="nys-stepper__header">
|
|
1198
1294
|
<slot name="actions" @slotchange=${this._validateButtonSlot}></slot>
|
|
@@ -1213,13 +1309,27 @@
|
|
|
1213
1309
|
</div>
|
|
1214
1310
|
<slot class="nys-stepper__steps"></slot>
|
|
1215
1311
|
</div>
|
|
1216
|
-
`}};
|
|
1312
|
+
`}};y1.styles=_(ks);let ye=y1;lt([a({type:String,reflect:!0})],ye.prototype,"id"),lt([a({type:String,reflect:!0})],ye.prototype,"name"),lt([a({type:String})],ye.prototype,"label"),lt([a({type:String})],ye.prototype,"counterText"),lt([a({type:Boolean,reflect:!0})],ye.prototype,"isCompactExpanded"),customElements.get("nys-stepper")||customElements.define("nys-stepper",ye);const tn=':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: 16px;--_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, #fff);--_nys-table-background-color--striped: 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 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)}.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:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!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 sn=Object.defineProperty,pe=(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&&sn(e,t,o),o};let on=0;const p1=class p1 extends g{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()}-${on++}`)}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(y=>{Array.from(y.childNodes).forEach(u=>{if(u.nodeType===Node.TEXT_NODE&&u.textContent?.trim()){const p=document.createElement("p");p.textContent=u.textContent,y.replaceChild(p,u)}})}),i.appendChild(d),n.forEach((y,u)=>{u!==c&&l.appendChild(y)})}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 y=document.createElement("caption");y.appendChild(d),e.appendChild(y)}}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){this._sortColumn!==e?(this._sortColumn=e,this._sortDirection="asc"):this._sortDirection=this._sortDirection==="asc"?"desc":"asc",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()??"",y=Number(c),u=Number(d);let p;return!isNaN(y)&&!isNaN(u)?p=y-u:p=c.localeCompare(d),s==="asc"?p:-p}),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)}render(){return h`
|
|
1313
|
+
<div class="nys-table">
|
|
1314
|
+
<div class="table-container"></div>
|
|
1315
|
+
</div>
|
|
1316
|
+
${this.download?h` <nys-button
|
|
1317
|
+
id="${this.id}-download-button"
|
|
1318
|
+
label="Download table"
|
|
1319
|
+
aria-label=${this._captionText?`Download ${this._captionText}`:"Download table"}
|
|
1320
|
+
size="sm"
|
|
1321
|
+
variant="outline"
|
|
1322
|
+
prefixIcon="download"
|
|
1323
|
+
@nys-click=${this.downloadFile}
|
|
1324
|
+
></nys-button>`:""}
|
|
1325
|
+
<slot style="display:none"></slot>
|
|
1326
|
+
`}};p1.styles=_(tn);let G=p1;pe([a({type:String,reflect:!0})],G.prototype,"id"),pe([a({type:String,reflect:!0})],G.prototype,"name"),pe([a({type:Boolean,reflect:!0})],G.prototype,"striped"),pe([a({type:Boolean,reflect:!0})],G.prototype,"sortable"),pe([a({type:Boolean,reflect:!0})],G.prototype,"bordered"),pe([a({type:String,reflect:!0})],G.prototype,"download"),pe([B()],G.prototype,"_sortColumn"),pe([B()],G.prototype,"_sortDirection"),pe([B()],G.prototype,"_captionText"),customElements.get("nys-table")||customElements.define("nys-table",G);const rn=':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;-webkit-box-sizing:border-box;-moz-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 nn=Object.defineProperty,z=(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&&nn(e,t,o),o};let an=0;const qt=class qt extends g{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()}-${an++}`),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"))}_handleBlur(){this._hasUserInteracted||(this._hasUserInteracted=!0),this._validate(),this.dispatchEvent(new Event("nys-blur"))}_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`
|
|
1217
1327
|
<label class="nys-textarea">
|
|
1218
1328
|
<nys-label
|
|
1219
1329
|
for=${this.id+"--native"}
|
|
1220
1330
|
label=${this.label}
|
|
1221
1331
|
description=${this.description}
|
|
1222
|
-
flag=${this.required?"required":this.optional?"optional":""}
|
|
1332
|
+
flag=${this.required&&!this.readonly?"required":this.optional?"optional":""}
|
|
1223
1333
|
tooltip=${this.tooltip}
|
|
1224
1334
|
?inverted=${this.inverted}
|
|
1225
1335
|
>
|
|
@@ -1231,16 +1341,16 @@
|
|
|
1231
1341
|
id=${this.id+"--native"}
|
|
1232
1342
|
.value=${this.value}
|
|
1233
1343
|
?disabled=${this.disabled}
|
|
1234
|
-
?required=${this.required}
|
|
1344
|
+
?required=${this.required&&!this.readonly}
|
|
1235
1345
|
?readonly=${this.readonly}
|
|
1236
|
-
aria-disabled=${
|
|
1237
|
-
aria-required=${
|
|
1238
|
-
aria-label=${
|
|
1239
|
-
aria-description=${
|
|
1240
|
-
placeholder=${
|
|
1241
|
-
maxlength=${
|
|
1346
|
+
aria-disabled=${f(this.disabled?"true":void 0)}
|
|
1347
|
+
aria-required=${f(this.required?"true":void 0)}
|
|
1348
|
+
aria-label=${f(this.label||void 0)}
|
|
1349
|
+
aria-description=${f(this.description||void 0)}
|
|
1350
|
+
placeholder=${f(this.placeholder?this.placeholder:void 0)}
|
|
1351
|
+
maxlength=${f(this.maxlength??void 0)}
|
|
1242
1352
|
.rows=${this.rows}
|
|
1243
|
-
form=${
|
|
1353
|
+
form=${f(this.form||void 0)}
|
|
1244
1354
|
@input=${this._handleInput}
|
|
1245
1355
|
@focus="${this._handleFocus}"
|
|
1246
1356
|
@blur="${this._handleBlur}"
|
|
@@ -1252,13 +1362,13 @@
|
|
|
1252
1362
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
1253
1363
|
></nys-errormessage>
|
|
1254
1364
|
</label>
|
|
1255
|
-
`}};t1.styles=f(zs),t1.formAssociated=!0;let C=t1;M([i({type:String,reflect:!0})],C.prototype,"id"),M([i({type:String,reflect:!0})],C.prototype,"name"),M([i({type:String})],C.prototype,"label"),M([i({type:String})],C.prototype,"description"),M([i({type:String})],C.prototype,"placeholder"),M([i({type:String})],C.prototype,"value"),M([i({type:Boolean,reflect:!0})],C.prototype,"disabled"),M([i({type:Boolean,reflect:!0})],C.prototype,"readonly"),M([i({type:Boolean,reflect:!0})],C.prototype,"required"),M([i({type:Boolean,reflect:!0})],C.prototype,"optional"),M([i({type:String})],C.prototype,"tooltip"),M([i({type:Boolean,reflect:!0})],C.prototype,"inverted"),M([i({type:String,reflect:!0})],C.prototype,"form"),M([i({type:Number})],C.prototype,"maxlength"),M([i({type:String,reflect:!0})],C.prototype,"width"),M([i({type:Number})],C.prototype,"rows"),M([i({type:String,reflect:!0})],C.prototype,"resize"),M([i({type:Boolean,reflect:!0})],C.prototype,"showError"),M([i({type:String})],C.prototype,"errorMessage"),customElements.get("nys-textarea")||customElements.define("nys-textarea",C);const Ds=':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-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_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-color:transparent;outline-width:var(--_nys-textinput-outline-width);outline-style:solid;padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-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){outline-color:var(--_nys-textinput-outline-color--hover);border-color:var(--_nys-textinput-outline-color--hover)}.nys-textinput__input:focus{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 Hs=Object.defineProperty,m=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&Hs(e,t,s),s};let Bs=0;const s1=class s1 extends p{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.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()}-${Bs++}`),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],o=this.shadowRoot?.querySelector("input");if(o)if(t)o.maxLength=t.length,this._updateOverlay(o.value,t);else{o.removeAttribute("maxLength");const s=this.shadowRoot?.querySelector(".nys-textinput__mask-overlay");s&&(s.textContent="")}}}formResetCallback(){this.value=""}_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 o=e?{customError:!0}:{};this._internals.setValidity(o,this.errorMessage,t)}_validate(){const e=this.shadowRoot?.querySelector("input");if(!e)return;const t=e.validity;let o="";t.valueMissing?o="This field is required":t.typeMismatch?o="Invalid format for this type":t.patternMismatch?o="Invalid format":t.tooShort?o=`Value is too short. Minimum length is ${e.minLength}`:t.tooLong?o=`Value is too long. Maximum length is ${e.maxLength}`:t.rangeUnderflow?o=`Value must be at least ${e.min}`:t.rangeOverflow?o=`Value must be at most ${e.max}`:t.stepMismatch?o="Invalid step value":o=e.validationMessage,this._setValidityMessage(o)}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 o=this._internals.form;o?Array.from(o.elements).find(n=>typeof n.checkValidity=="function"&&!n.checkValidity())===this&&t.focus():t.focus()}}_togglePasswordVisibility(){this.showPassword=!this.showPassword}_updateOverlay(e,t){const o=this.shadowRoot?.querySelector(".nys-textinput__mask-overlay");if(!o)return;const s=e,r=t.slice(s.length);o.textContent=s+r}_applyMask(e,t){const o=e.replace(/\D/g,"");let s="";if(this.type==="tel")return o.length>0&&(s="("+o.substring(0,3)),o.length>=4&&(s+=") "+o.substring(3,6)),o.length>6&&(s+="-"+o.substring(6,10)),s;let r=0;for(let n=0;n<t.length;n++)if(t[n]==="_"||t[n].match(/[d9]/i))if(r<o.length)s+=o[r++];else break;else s+=t[n];return s}_handleInput(e){const t=e.target;let o=t.value;const s=this._maskPatterns[this.type];s&&(o=this._applyMask(o,s),t.value=o,this._updateOverlay(o,s)),this.value=o,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+'"]'),o=this.shadowRoot?.querySelector(".nys-textinput__buttoncontainer");if(!t||!o)return;const s=t.assignedElements();let r=!1;s.forEach(n=>{n instanceof HTMLElement&&n.tagName.toLowerCase()==="nys-button"&&!r?(r=!0,n.setAttribute("size","sm"),n.setAttribute("variant","primary"),this.disabled?n.setAttribute("disabled","true"):n.removeAttribute("disabled")):(console.warn("The '"+e+"' slot only accepts a single <nys-button> element. Removing invalid or extra node:",n),n.remove())}),e==="startButton"?o.classList.toggle("has-start-button",r):e==="endButton"&&o.classList.toggle("has-end-button",r)}render(){return c`
|
|
1365
|
+
`}};qt.styles=_(rn),qt.formAssociated=!0;let k=qt;z([a({type:String,reflect:!0})],k.prototype,"id"),z([a({type:String,reflect:!0})],k.prototype,"name"),z([a({type:String})],k.prototype,"label"),z([a({type:String})],k.prototype,"description"),z([a({type:String})],k.prototype,"placeholder"),z([a({type:String})],k.prototype,"value"),z([a({type:Boolean,reflect:!0})],k.prototype,"disabled"),z([a({type:Boolean,reflect:!0})],k.prototype,"readonly"),z([a({type:Boolean,reflect:!0})],k.prototype,"required"),z([a({type:Boolean,reflect:!0})],k.prototype,"optional"),z([a({type:String})],k.prototype,"tooltip"),z([a({type:Boolean,reflect:!0})],k.prototype,"inverted"),z([a({type:String,reflect:!0})],k.prototype,"form"),z([a({type:Number})],k.prototype,"maxlength"),z([a({type:String,reflect:!0})],k.prototype,"width"),z([a({type:Number})],k.prototype,"rows"),z([a({type:String,reflect:!0})],k.prototype,"resize"),z([a({type:Boolean,reflect:!0})],k.prototype,"showError"),z([a({type:String})],k.prototype,"errorMessage"),customElements.get("nys-textarea")||customElements.define("nys-textarea",k);const ln=':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-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_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-color:transparent;outline-width:var(--_nys-textinput-outline-width);outline-style:solid;padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-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 cn=Object.defineProperty,x=(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&&cn(e,t,o),o};let dn=0;const Rt=class Rt 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.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()}-${dn++}`),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 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"))}_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 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`
|
|
1256
1366
|
<div class="nys-textinput">
|
|
1257
1367
|
<nys-label
|
|
1258
1368
|
for=${this.id+"--native"}
|
|
1259
1369
|
label=${this.label}
|
|
1260
1370
|
description=${this.description}
|
|
1261
|
-
flag=${this.required?"required":this.optional?"optional":""}
|
|
1371
|
+
flag=${this.required&&!this.readonly?"required":this.optional?"optional":""}
|
|
1262
1372
|
tooltip=${this.tooltip}
|
|
1263
1373
|
?inverted=${this.inverted}
|
|
1264
1374
|
>
|
|
@@ -1277,24 +1387,24 @@
|
|
|
1277
1387
|
name=${this.name}
|
|
1278
1388
|
id=${this.id+"--native"}
|
|
1279
1389
|
?disabled=${this.disabled}
|
|
1280
|
-
?required=${this.required}
|
|
1390
|
+
?required=${this.required&&!this.readonly}
|
|
1281
1391
|
?readonly=${this.readonly}
|
|
1282
1392
|
aria-required=${this.required}
|
|
1283
1393
|
aria-disabled="${this.disabled}"
|
|
1284
1394
|
aria-label="${[this.label,this.description].filter(Boolean).join(" ")}"
|
|
1285
1395
|
.value=${this.value}
|
|
1286
|
-
placeholder=${
|
|
1287
|
-
pattern=${
|
|
1288
|
-
min=${
|
|
1289
|
-
maxlength=${
|
|
1290
|
-
step=${
|
|
1291
|
-
max=${
|
|
1292
|
-
form=${
|
|
1396
|
+
placeholder=${f(this.placeholder?this.placeholder:void 0)}
|
|
1397
|
+
pattern=${f(this.pattern?this.pattern:void 0)}
|
|
1398
|
+
min=${f(this.min!==null?this.min:void 0)}
|
|
1399
|
+
maxlength=${f(this.maxlength!==null?this.maxlength:void 0)}
|
|
1400
|
+
step=${f(this.step!==null?this.step:void 0)}
|
|
1401
|
+
max=${f(this.max!==null?this.max:void 0)}
|
|
1402
|
+
form=${f(this.form||void 0)}
|
|
1293
1403
|
@input=${this._handleInput}
|
|
1294
1404
|
@focus="${this._handleFocus}"
|
|
1295
1405
|
@blur="${this._handleBlur}"
|
|
1296
1406
|
/>
|
|
1297
|
-
${this.type==="password"?
|
|
1407
|
+
${this.type==="password"?h` <nys-button
|
|
1298
1408
|
class="eye-icon"
|
|
1299
1409
|
id="password-toggle"
|
|
1300
1410
|
suffixIcon="slotted"
|
|
@@ -1320,20 +1430,21 @@
|
|
|
1320
1430
|
errorMessage=${this.errorMessage}
|
|
1321
1431
|
></nys-errormessage>
|
|
1322
1432
|
</div>
|
|
1323
|
-
`}};
|
|
1433
|
+
`}};Rt.styles=_(ln),Rt.formAssociated=!0;let m=Rt;x([a({type:String,reflect:!0})],m.prototype,"id"),x([a({type:String,reflect:!0})],m.prototype,"name"),x([a({type:String,reflect:!0})],m.prototype,"type"),x([a({type:String})],m.prototype,"label"),x([a({type:String})],m.prototype,"description"),x([a({type:String})],m.prototype,"placeholder"),x([a({type:String})],m.prototype,"value"),x([a({type:Boolean,reflect:!0})],m.prototype,"disabled"),x([a({type:Boolean,reflect:!0})],m.prototype,"readonly"),x([a({type:Boolean,reflect:!0})],m.prototype,"required"),x([a({type:Boolean,reflect:!0})],m.prototype,"optional"),x([a({type:String})],m.prototype,"tooltip"),x([a({type:String,reflect:!0})],m.prototype,"form"),x([a({type:String})],m.prototype,"pattern"),x([a({type:Number})],m.prototype,"maxlength"),x([a({type:String,reflect:!0})],m.prototype,"width"),x([a({type:Number})],m.prototype,"step"),x([a({type:Number})],m.prototype,"min"),x([a({type:Number})],m.prototype,"max"),x([a({type:Boolean,reflect:!0})],m.prototype,"inverted"),x([a({type:Boolean,reflect:!0})],m.prototype,"showError"),x([a({type:String})],m.prototype,"errorMessage"),x([B()],m.prototype,"showPassword"),customElements.get("nys-textinput")||customElements.define("nys-textinput",m);const hn=':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, #fff);--_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 un=Object.defineProperty,oe=(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&&un(e,t,o),o};let yn=0;const Pt=class Pt extends g{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()}-${yn++}`)}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"))}_handleBlur(){this.dispatchEvent(new Event("nys-blur"))}_handleChange(e){const{checked:t}=e.target;this.checked=t,this._emitChangeEvent()}_handleKeyDown(e){!this.disabled&&(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.checked=!this.checked,this._emitChangeEvent())}render(){return h`
|
|
1324
1434
|
<label class="nys-toggle">
|
|
1325
1435
|
<div class="nys-toggle__content">
|
|
1326
1436
|
<div class="nys-toggle__toggle">
|
|
1327
1437
|
<input
|
|
1328
1438
|
type="checkbox"
|
|
1329
|
-
name="${
|
|
1439
|
+
name="${f(this.name?this.name:void 0)}"
|
|
1330
1440
|
.value=${this.value}
|
|
1331
|
-
form=${
|
|
1441
|
+
form=${f(this.form||void 0)}
|
|
1332
1442
|
.checked=${this.checked}
|
|
1333
1443
|
?disabled=${this.disabled}
|
|
1334
1444
|
role="switch"
|
|
1335
1445
|
aria-checked="${this.checked?"true":"false"}"
|
|
1336
1446
|
aria-disabled="${this.disabled?"true":"false"}"
|
|
1447
|
+
aria-label="${this.label||"Toggle switch"}"
|
|
1337
1448
|
@change=${this._handleChange}
|
|
1338
1449
|
@focus=${this._handleFocus}
|
|
1339
1450
|
@blur=${this._handleBlur}
|
|
@@ -1341,7 +1452,7 @@
|
|
|
1341
1452
|
/>
|
|
1342
1453
|
<span class="slider">
|
|
1343
1454
|
<div class="knob">
|
|
1344
|
-
${this.noIcon?"":
|
|
1455
|
+
${this.noIcon?"":h`<nys-icon
|
|
1345
1456
|
class="toggle-icon"
|
|
1346
1457
|
name="${this.checked?"check":"close"}"
|
|
1347
1458
|
size="2xl"
|
|
@@ -1349,15 +1460,20 @@
|
|
|
1349
1460
|
</div>
|
|
1350
1461
|
</span>
|
|
1351
1462
|
</div>
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1463
|
+
${this.label&&h`<nys-label
|
|
1464
|
+
label=${this.label}
|
|
1465
|
+
description=${f(this.description||void 0)}
|
|
1466
|
+
?inverted=${this.inverted}
|
|
1467
|
+
>
|
|
1468
|
+
<slot name="description" slot="description"
|
|
1469
|
+
>${this.description}</slot
|
|
1470
|
+
>
|
|
1471
|
+
</nys-label> `}
|
|
1356
1472
|
</div>
|
|
1357
1473
|
</label>
|
|
1358
|
-
`}};o1.styles=f(Ps),o1.formAssociated=!0;let q=o1;K([i({type:String,reflect:!0})],q.prototype,"id"),K([i({type:String,reflect:!0})],q.prototype,"name"),K([i({type:String})],q.prototype,"value"),K([i({type:String})],q.prototype,"label"),K([i({type:String})],q.prototype,"description"),K([i({type:String,reflect:!0})],q.prototype,"form"),K([i({type:Boolean,reflect:!0})],q.prototype,"checked"),K([i({type:Boolean,reflect:!0})],q.prototype,"disabled"),K([i({type:Boolean})],q.prototype,"noIcon"),K([i({type:Boolean,reflect:!0})],q.prototype,"inverted"),K([i({type:String,reflect:!0})],q.prototype,"size"),customElements.get("nys-toggle")||customElements.define("nys-toggle",q);const Us=`: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{display:block;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;word-break:break-word;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, #fff)}: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 Is=Object.defineProperty,Os=Object.getOwnPropertyDescriptor,Ee=(a,e,t,o)=>{for(var s=o>1?void 0:o?Os(e,t):e,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=(o?n(e,t,s):n(s))||s);return o&&s&&Is(e,t,s),s};let Rs=0;const E1=class E1 extends p{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 o=e.matches(":hover"),s=t.matches(":hover"),r=document.activeElement===t;!o&&!s&&!r||(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()}-${Rs++}`),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 o=s=>{for(const r of Array.from(s.querySelectorAll("*"))){const n=r.shadowRoot;if(n){const l=n.getElementById(e);if(l)return l;const d=o(n);if(d)return d}}return null};return o(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 o=e.shadowRoot?.querySelector("svg");o&&o.setAttribute("tabindex","0")}}_doesPositionFit(e){const t=this._getReferenceElement(),o=this.shadowRoot?.querySelector(".nys-tooltip__content");if(!t||!o||e==null)return;const s=t.getBoundingClientRect(),r=o.getBoundingClientRect(),n=8,l={top:s.top-n,left:s.left-n,bottom:window.innerHeight-s.bottom-n,right:window.innerWidth-s.right-n};return{top:l.top>=r.height,bottom:l.bottom>=r.height,left:l.left>=r.width,right:l.right>=r.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 o=e.getBoundingClientRect(),s=8,r={top:o.top-s,left:o.left-s,bottom:window.innerHeight-o.bottom-s,right:window.innerWidth-o.right-s};let n=["top","bottom","right","left"];if(this._userHasSetPosition&&this._originalUserPosition){const h=this._originalUserPosition;h==="left"?n=["left","right","top","bottom"]:h==="right"?n=["right","left","top","bottom"]:h==="top"?n=["top","bottom","right","left"]:h==="bottom"&&(n=["bottom","top","right","left"])}for(const h of n)if(this._doesPositionFit(h)){this._setInternalPosition(h),await this.updateComplete,this._positionTooltipElement(e,t,h),this._shiftTooltipIntoViewport(t);return}let l="top",d=r.top;for(const h of n)r[h]>d&&(d=r[h],l=h);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,o){const s=e.getBoundingClientRect(),r=t.getBoundingClientRect(),n=8;let l=0,d=0;switch(o){case"top":l=s.top-r.height-n,d=s.left+s.width/2-r.width/2;break;case"bottom":l=s.bottom+n,d=s.left+s.width/2-r.width/2;break;case"left":l=s.top+s.height/2-r.height/2,d=s.left-r.width-n;break;case"right":l=s.top+s.height/2-r.height/2,d=s.right+n;break;default:l=s.top-r.height-n,d=s.left+s.width/2-r.width/2;break}t.style.top=`${l}px`,t.style.left=`${d}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 o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),r=o.left+o.width/2,n=s.left<0,l=s.right>window.innerWidth;n?(e.style.left="10px",e.style.transform="none"):l&&(e.style.right="0px",e.style.left="auto",e.style.transform="none");const d=e.getBoundingClientRect(),h=(r-d.left)/d.width,g=Math.max(0,Math.min(1,h))*100;e.style.setProperty("--arrow-offset-x",`${g}%`)}_resetTooltipPositioningStyles(e){e.style.left="",e.style.right="",e.style.top="",e.style.transform="",e.style.removeProperty("--arrow-offset-x")}render(){return c`
|
|
1474
|
+
`}};Pt.styles=_(hn),Pt.formAssociated=!0;let N=Pt;oe([a({type:String,reflect:!0})],N.prototype,"id"),oe([a({type:String,reflect:!0})],N.prototype,"name"),oe([a({type:String})],N.prototype,"value"),oe([a({type:String})],N.prototype,"label"),oe([a({type:String})],N.prototype,"description"),oe([a({type:String,reflect:!0})],N.prototype,"form"),oe([a({type:Boolean,reflect:!0})],N.prototype,"checked"),oe([a({type:Boolean,reflect:!0})],N.prototype,"disabled"),oe([a({type:Boolean})],N.prototype,"noIcon"),oe([a({type:Boolean,reflect:!0})],N.prototype,"inverted"),oe([a({type:String,reflect:!0})],N.prototype,"size"),customElements.get("nys-toggle")||customElements.define("nys-toggle",N);const pn=`: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{display:block;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;word-break:break-word;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, #fff)}: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 fn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,je=(r,e,t,s)=>{for(var o=s>1?void 0:s?vn(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&&fn(e,t,o),o};let gn=0;const f1=class f1 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"),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()}-${gn++}`),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,y=Math.max(0,Math.min(1,d))*100;e.style.setProperty("--arrow-offset-x",`${y}%`)}_resetTooltipPositioningStyles(e){e.style.left="",e.style.right="",e.style.top="",e.style.transform="",e.style.removeProperty("--arrow-offset-x")}render(){return h`
|
|
1359
1475
|
<div class="nys-tooltip__main">
|
|
1360
|
-
${this.text?.trim()?
|
|
1476
|
+
${this.text?.trim()?h`<div
|
|
1361
1477
|
id=${this.id}
|
|
1362
1478
|
class="nys-tooltip__content"
|
|
1363
1479
|
role="tooltip"
|
|
@@ -1369,7 +1485,7 @@
|
|
|
1369
1485
|
<span class="nys-tooltip__arrow"></span>
|
|
1370
1486
|
</div>`:""}
|
|
1371
1487
|
</div>
|
|
1372
|
-
`}};
|
|
1488
|
+
`}};f1.styles=_(pn);let le=f1;je([a({type:String,reflect:!0})],le.prototype,"id",2),je([a({type:String})],le.prototype,"text",2),je([a({type:Boolean,reflect:!0})],le.prototype,"inverted",2),je([a({type:String})],le.prototype,"for",2),je([B()],le.prototype,"_active",2),je([a({type:String,reflect:!0})],le.prototype,"position",1),customElements.get("nys-tooltip")||customElements.define("nys-tooltip",le);const bn=`<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
1373
1489
|
<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"/>
|
|
1374
1490
|
<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"/>
|
|
1375
1491
|
<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"/>
|
|
@@ -1385,7 +1501,7 @@
|
|
|
1385
1501
|
<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"/>
|
|
1386
1502
|
<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"/>
|
|
1387
1503
|
<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"/>
|
|
1388
|
-
</svg>`,Ts=':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:0px;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 Fs=Object.defineProperty,_e=(a,e,t,o)=>{for(var s=void 0,r=a.length-1,n;r>=0;r--)(n=a[r])&&(s=n(e,t,s)||s);return s&&Fs(e,t,s),s};const S1=class S1 extends p{constructor(){super(...arguments),this.trustbarVisible=!1,this.searchDropdownVisible=!1,this.languageVisible=!1,this.isSearchFocused=!1,this.hideTranslate=!1,this.hideSearch=!1,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"]]}_getNysLogo(){return new DOMParser().parseFromString(Ns,"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 o=this.trustbarVisible?"nys-unavheader__closetrustbar":"nys-unavheader__know--inline";this.updateComplete.then(()=>{this.shadowRoot?.getElementById(o)?.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 o=(this.shadowRoot?.getElementById(e)).value?.trim();o!==""&&this._handleSearch(o)}_handleSearch(e){window.location.href=`https://search.its.ny.gov/search/search.html?btnG=Search&client=default_frontend&output=xml_no_dtd&proxystylesheet=default_frontend&ulang=en&sort=date:D:L:d1&entqr=3&entqrm=0&wc=200&wc_mc=1&oe=UTF-8&ie=UTF-8&ud=1&site=default_collection&q=${e}+inurl:${window.location.hostname}&site=default_collection`}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}render(){return c`
|
|
1504
|
+
</svg>`,_n=':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:0px;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 Cn=Object.defineProperty,me=(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&&Cn(e,t,o),o};const v1=class v1 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(bn,"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`
|
|
1389
1505
|
<header class="nys-unavheader">
|
|
1390
1506
|
<div
|
|
1391
1507
|
class="nys-unavheader__trustbar wrapper"
|
|
@@ -1484,7 +1600,7 @@
|
|
|
1484
1600
|
</nys-button>
|
|
1485
1601
|
</div>
|
|
1486
1602
|
<div class="nys-unavheader__spacer"></div>
|
|
1487
|
-
${this.hideTranslate?null:
|
|
1603
|
+
${this.hideTranslate?null:h`<div class="nys-unavheader__translatewrapper">
|
|
1488
1604
|
<nys-button
|
|
1489
1605
|
variant="ghost"
|
|
1490
1606
|
circle
|
|
@@ -1501,7 +1617,7 @@
|
|
|
1501
1617
|
size="16"
|
|
1502
1618
|
></nys-icon>
|
|
1503
1619
|
</nys-button>
|
|
1504
|
-
${this.isSearchFocused?null:
|
|
1620
|
+
${this.isSearchFocused?null:h`
|
|
1505
1621
|
<nys-button
|
|
1506
1622
|
variant="ghost"
|
|
1507
1623
|
label="Translate"
|
|
@@ -1516,7 +1632,7 @@
|
|
|
1516
1632
|
<div
|
|
1517
1633
|
class="nys-unavheader__languagelist ${this.languageVisible?"show":"hide"}"
|
|
1518
1634
|
>
|
|
1519
|
-
${this.languages.map(([e,t])=>
|
|
1635
|
+
${this.languages.map(([e,t])=>h`<a
|
|
1520
1636
|
class="nys-unavheader__languagelink"
|
|
1521
1637
|
target="_self"
|
|
1522
1638
|
href="https://${t?t+".":""}${window.location.hostname}"
|
|
@@ -1524,7 +1640,7 @@
|
|
|
1524
1640
|
>`)}
|
|
1525
1641
|
</div>
|
|
1526
1642
|
</div>`}
|
|
1527
|
-
${this.hideSearch?null:
|
|
1643
|
+
${this.hideSearch?null:h`
|
|
1528
1644
|
<nys-button
|
|
1529
1645
|
variant="ghost"
|
|
1530
1646
|
circle
|
|
@@ -1587,10 +1703,10 @@
|
|
|
1587
1703
|
</div>
|
|
1588
1704
|
</div>
|
|
1589
1705
|
</header>
|
|
1590
|
-
`}};
|
|
1706
|
+
`}};v1.styles=_(_n);let J=v1;me([a({type:Boolean})],J.prototype,"trustbarVisible"),me([a({type:Boolean})],J.prototype,"searchDropdownVisible"),me([a({type:Boolean})],J.prototype,"languageVisible"),me([a({type:Boolean})],J.prototype,"isSearchFocused"),me([a({type:Boolean})],J.prototype,"hideTranslate"),me([a({type:Boolean})],J.prototype,"hideSearch"),me([a({type:String})],J.prototype,"searchUrl"),me([a({type:Array})],J.prototype,"languages"),customElements.get("nys-unavheader")||customElements.define("nys-unavheader",J);const mn=':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, #fff) );--_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, #fff) )}.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:#fff;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-direction:column;align-items:center;flex-wrap:wrap}.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 wn=Object.defineProperty,ct=(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};const g1=class g1 extends g{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(n=>n.nodeType===Node.ELEMENT_NODE);this.hasLinkContent=t.length>0,await Promise.resolve();const s=this.shadowRoot?.querySelector(".nys-globalheader__content"),o=this.shadowRoot?.querySelector(".nys-globalheader__content-mobile");!s||!o||(s.innerHTML="",o.innerHTML="",t.forEach(n=>{if(n instanceof HTMLElement){const i=n.cloneNode(!0),l=n.cloneNode(!0);s.appendChild(i),o.appendChild(l)}}),this._highlightActiveLink(s),this._highlightActiveLink(o))}_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`
|
|
1591
1707
|
<header class="nys-globalheader">
|
|
1592
1708
|
<div class="nys-globalheader__main-container">
|
|
1593
|
-
${this.
|
|
1709
|
+
${this.hasLinkContent?h` <div class="nys-globalheader__button-container">
|
|
1594
1710
|
<button
|
|
1595
1711
|
class="nys-globalheader__mobile-menu-button"
|
|
1596
1712
|
@click="${this._toggleMobileMenu}"
|
|
@@ -1605,54 +1721,54 @@
|
|
|
1605
1721
|
>
|
|
1606
1722
|
</button>
|
|
1607
1723
|
</div>`:""}
|
|
1608
|
-
${this.homepageLink?.trim()?
|
|
1724
|
+
${this.homepageLink?.trim()?h`<a
|
|
1609
1725
|
class="nys-globalheader__name-container-link"
|
|
1610
1726
|
href=${this.homepageLink?.trim()}
|
|
1611
1727
|
>
|
|
1612
1728
|
<div class="nys-globalheader__name-container">
|
|
1613
|
-
${this.appName?.trim().length>0?
|
|
1729
|
+
${this.appName?.trim().length>0?h`<div
|
|
1614
1730
|
class="nys-globalheader__appName nys-globalheader__name"
|
|
1615
1731
|
>
|
|
1616
1732
|
${this.appName}
|
|
1617
1733
|
</div> `:""}
|
|
1618
|
-
${this.agencyName?.trim().length>0?
|
|
1734
|
+
${this.agencyName?.trim().length>0?h`<div
|
|
1619
1735
|
class="nys-globalheader__agencyName nys-globalheader__name ${this.appName?.trim().length>0?"":"main"}"
|
|
1620
1736
|
>
|
|
1621
1737
|
${this.agencyName}
|
|
1622
1738
|
</div> `:""}
|
|
1623
1739
|
</div>
|
|
1624
|
-
</a>`:
|
|
1740
|
+
</a>`:h`
|
|
1625
1741
|
<div class="nys-globalheader__name-container">
|
|
1626
|
-
${this.appName?.trim().length>0?
|
|
1742
|
+
${this.appName?.trim().length>0?h`<div
|
|
1627
1743
|
class="nys-globalheader__appName nys-globalheader__name"
|
|
1628
1744
|
>
|
|
1629
1745
|
${this.appName}
|
|
1630
1746
|
</div> `:""}
|
|
1631
|
-
${this.agencyName?.trim().length>0?
|
|
1747
|
+
${this.agencyName?.trim().length>0?h`<div
|
|
1632
1748
|
class="nys-globalheader__agencyName nys-globalheader__name ${this.appName?.trim().length>0?"":"main"}"
|
|
1633
1749
|
>
|
|
1634
1750
|
${this.agencyName}
|
|
1635
1751
|
</div> `:""}
|
|
1636
1752
|
</div>
|
|
1637
1753
|
`}
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1754
|
+
<div class="nys-globalheader__content"></div>
|
|
1755
|
+
<slot
|
|
1756
|
+
style="display: none;"
|
|
1757
|
+
@slotchange="${this._handleListSlotChange}"
|
|
1758
|
+
></slot>
|
|
1759
|
+
<slot name="user-actions"></slot>
|
|
1644
1760
|
</div>
|
|
1645
1761
|
</header>
|
|
1646
1762
|
<div
|
|
1647
1763
|
class="nys-globalheader__content-mobile ${this.isMobileMenuOpen?"":"close"}"
|
|
1648
1764
|
></div>
|
|
1649
|
-
`}};
|
|
1765
|
+
`}};g1.styles=_(mn);let fe=g1;ct([a({type:String})],fe.prototype,"appName"),ct([a({type:String})],fe.prototype,"agencyName"),ct([a({type:String})],fe.prototype,"homepageLink"),ct([B()],fe.prototype,"isMobileMenuOpen"),ct([B()],fe.prototype,"hasLinkContent"),customElements.get("nys-globalheader")||customElements.define("nys-globalheader",fe);const kn=':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-direction:column;gap:var(--_nys-globalfooter-row-gap) var(--_nys-globalfooter-column-gap);flex-wrap:wrap}.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 xn=Object.defineProperty,Jt=(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&&xn(e,t,o),o};const b1=class b1 extends g{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(y=>y.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`
|
|
1650
1766
|
<footer class="nys-globalfooter">
|
|
1651
1767
|
<div class="nys-globalfooter__main-container">
|
|
1652
|
-
${this.homepageLink?.trim()?
|
|
1768
|
+
${this.homepageLink?.trim()?h`<a href=${this.homepageLink?.trim()}>
|
|
1653
1769
|
<h2 class="nys-globalfooter__name">${this.agencyName}</h2>
|
|
1654
|
-
</a>`:
|
|
1655
|
-
${this.slotHasContent?
|
|
1770
|
+
</a>`:h`<h2 class="nys-globalfooter__name">${this.agencyName}</h2>`}
|
|
1771
|
+
${this.slotHasContent?h`<div class="nys-globalfooter__content">
|
|
1656
1772
|
<slot
|
|
1657
1773
|
style="display: hidden"
|
|
1658
1774
|
@slotchange="${this._handleSlotChange}"
|
|
@@ -1660,7 +1776,7 @@
|
|
|
1660
1776
|
</div>`:""}
|
|
1661
1777
|
</div>
|
|
1662
1778
|
</footer>
|
|
1663
|
-
`}};
|
|
1779
|
+
`}};b1.styles=_(kn);let Ve=b1;Jt([a({type:String})],Ve.prototype,"agencyName"),Jt([a({type:String})],Ve.prototype,"homepageLink"),Jt([B()],Ve.prototype,"slotHasContent"),customElements.get("nys-globalfooter")||customElements.define("nys-globalfooter",Ve);const $n=`<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
1664
1780
|
<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"/>
|
|
1665
1781
|
<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"/>
|
|
1666
1782
|
<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"/>
|
|
@@ -1676,7 +1792,7 @@
|
|
|
1676
1792
|
<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"/>
|
|
1677
1793
|
<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"/>
|
|
1678
1794
|
<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"/>
|
|
1679
|
-
</svg>`,
|
|
1795
|
+
</svg>`,Sn=':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)}}',_1=class _1 extends g{_getNysLogo(){return new DOMParser().parseFromString($n,"image/svg+xml").documentElement}render(){return h`
|
|
1680
1796
|
<footer class="nys-unavfooter">
|
|
1681
1797
|
<div class="nys-unavfooter__main-container">
|
|
1682
1798
|
<div class="nys-unavfooter__container_menu">
|
|
@@ -1704,5 +1820,5 @@
|
|
|
1704
1820
|
</div>
|
|
1705
1821
|
</div>
|
|
1706
1822
|
</footer>
|
|
1707
|
-
`}};
|
|
1823
|
+
`}};_1.styles=_(Sn);let Et=_1;customElements.get("nys-unavfooter")||customElements.define("nys-unavfooter",Et),v.NysAccordion=Le,v.NysAccordionItem=ce,v.NysAlert=R,v.NysAvatar=Z,v.NysBacktotop=be,v.NysBadge=q1,v.NysButton=w,v.NysCheckbox=L,v.NysCheckboxgroup=V,v.NysDatepicker=_s,v.NysDivider=nt,v.NysErrorMessage=Ae,v.NysFileinput=D,v.NysGlobalFooter=Ve,v.NysGlobalHeader=fe,v.NysIcon=ie,v.NysLabel=ae,v.NysModal=Q,v.NysOption=ue,v.NysPagination=he,v.NysRadiobutton=ms,v.NysRadiogroup=A,v.NysSelect=q,v.NysSkipnav=Fe,v.NysStep=se,v.NysStepper=ye,v.NysTable=G,v.NysTextarea=k,v.NysTextinput=m,v.NysToggle=N,v.NysTooltip=le,v.NysUnavFooter=Et,v.NysUnavHeader=J,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})}));
|
|
1708
1824
|
//# sourceMappingURL=nysds.js.map
|