@nysds/components 1.9.1 → 1.10.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/dist/nysds.es.js +2634 -1836
- package/dist/nysds.es.js.map +1 -1
- package/dist/nysds.js +1012 -555
- package/dist/nysds.js.map +1 -1
- package/dist/packages/nys-button/src/nys-button.d.ts +4 -0
- package/dist/packages/nys-checkbox/src/nys-checkbox.d.ts +2 -0
- package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts +2 -0
- package/dist/packages/nys-fileinput/src/nys-fileinput.d.ts +2 -1
- package/dist/packages/nys-label/src/nys-label.d.ts +1 -1
- package/dist/packages/nys-modal/src/index.d.ts +1 -0
- package/dist/packages/nys-modal/src/nys-modal.d.ts +45 -0
- package/dist/packages/nys-pagination/src/index.d.ts +1 -0
- package/dist/packages/nys-pagination/src/nys-pagination.d.ts +19 -0
- package/dist/packages/nys-pagination/src/nys-pagination.styles.d.ts +2 -0
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.d.ts +1 -0
- package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts +2 -0
- package/dist/packages/nys-select/src/nys-select.d.ts +1 -0
- package/dist/packages/nys-textarea/src/nys-textarea.d.ts +1 -0
- package/dist/packages/nys-textinput/src/nys-textinput.d.ts +1 -0
- package/dist/packages/nys-toggle/src/nys-toggle.d.ts +1 -0
- package/dist/src/index.d.ts +2 -0
- package/package.json +10 -10
- package/dist/packages/nys-stepper/src/index.d.ts +0 -2
- package/dist/packages/nys-stepper/src/nys-step.d.ts +0 -14
- package/dist/packages/nys-stepper/src/nys-stepper.d.ts +0 -22
- /package/dist/packages/{nys-stepper/src/nys-stepper.styles.d.ts → nys-modal/src/nys-modal.styles.d.ts} +0 -0
package/dist/nysds.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
* New York State Design System (v1.
|
|
1
|
+
(function(v,ue){typeof exports=="object"&&typeof module<"u"?ue(exports):typeof define=="function"&&define.amd?define(["exports"],ue):(v=typeof globalThis<"u"?globalThis:v||self,ue(v.NYSDS={}))})(this,function(v){"use strict";/*!
|
|
2
|
+
* New York State Design System (v1.10.1)
|
|
3
3
|
* Description: A design system for New York State's digital products.
|
|
4
4
|
* Repository: https://github.com/its-hcd/nysds
|
|
5
5
|
* License: MIT
|
|
@@ -7,37 +7,37 @@
|
|
|
7
7
|
* @license
|
|
8
8
|
* Copyright 2019 Google LLC
|
|
9
9
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
10
|
-
*/var
|
|
10
|
+
*/var g1,Ce,P,j,ae,le,me,xe,ce,m,de,K,X,he;const ue=globalThis,dt=ue.ShadowRoot&&(ue.ShadyCSS===void 0||ue.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ht=Symbol(),Ot=new WeakMap;let Zt=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==ht)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(dt&&e===void 0){const o=t!==void 0&&t.length===1;o&&(e=Ot.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&Ot.set(t,e))}return e}toString(){return this.cssText}};const C1=a=>new Zt(typeof a=="string"?a:a+"",void 0,ht),g=(a,...e)=>{const t=a.length===1?a[0]:e.reduce((o,s,r)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+a[r+1],a[0]);return new Zt(t,a,ht)},m1=(a,e)=>{if(dt)a.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const o=document.createElement("style"),s=ue.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=t.cssText,a.appendChild(o)}},Ut=dt?a=>a:a=>a instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return C1(t)})(a):a;/**
|
|
11
11
|
* @license
|
|
12
12
|
* Copyright 2017 Google LLC
|
|
13
13
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
14
|
-
*/const{is:
|
|
14
|
+
*/const{is:x1,defineProperty:w1,getOwnPropertyDescriptor:k1,getOwnPropertyNames:$1,getOwnPropertySymbols:S1,getPrototypeOf:L1}=Object,pe=globalThis,qt=pe.trustedTypes,E1=qt?qt.emptyScript:"",yt=pe.reactiveElementPolyfillSupport,qe=(a,e)=>a,tt={toAttribute(a,e){switch(e){case Boolean:a=a?E1:null;break;case Object:case Array:a=a==null?a:JSON.stringify(a)}return a},fromAttribute(a,e){let t=a;switch(e){case Boolean:t=a!==null;break;case Number:t=a===null?null:Number(a);break;case Object:case Array:try{t=JSON.parse(a)}catch{t=null}}return t}},ut=(a,e)=>!x1(a,e),Tt={attribute:!0,type:String,converter:tt,reflect:!1,hasChanged:ut};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),pe.litPropertyMetadata??(pe.litPropertyMetadata=new WeakMap);class He extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Tt){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const o=Symbol(),s=this.getPropertyDescriptor(e,o,t);s!==void 0&&w1(this.prototype,e,s)}}static getPropertyDescriptor(e,t,o){const{get:s,set:r}=k1(this.prototype,e)??{get(){return this[t]},set(n){this[t]=n}};return{get(){return s==null?void 0:s.call(this)},set(n){const d=s==null?void 0:s.call(this);r.call(this,n),this.requestUpdate(e,d,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??Tt}static _$Ei(){if(this.hasOwnProperty(qe("elementProperties")))return;const e=L1(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(qe("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(qe("properties"))){const t=this.properties,o=[...$1(t),...S1(t)];for(const s of o)this.createProperty(s,t[s])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[o,s]of t)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[t,o]of this.elementProperties){const s=this._$Eu(t,o);s!==void 0&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const s of o)t.unshift(Ut(s))}else e!==void 0&&t.push(Ut(e));return t}static _$Eu(e,t){const o=t.attribute;return o===!1?void 0:typeof o=="string"?o: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(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return m1(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var o;return(o=t.hostConnected)==null?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var o;return(o=t.hostDisconnected)==null?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EC(e,t){var r;const o=this.constructor.elementProperties.get(e),s=this.constructor._$Eu(e,o);if(s!==void 0&&o.reflect===!0){const n=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:tt).toAttribute(t,o.type);this._$Em=e,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$Em=null}}_$AK(e,t){var r;const o=this.constructor,s=o._$Eh.get(e);if(s!==void 0&&this._$Em!==s){const n=o.getPropertyOptions(s),d=typeof n.converter=="function"?{fromAttribute:n.converter}:((r=n.converter)==null?void 0:r.fromAttribute)!==void 0?n.converter:tt;this._$Em=s,this[s]=d.fromAttribute(t,n.type),this._$Em=null}}requestUpdate(e,t,o){if(e!==void 0){if(o??(o=this.constructor.getPropertyOptions(e)),!(o.hasChanged??ut)(this[e],t))return;this.P(e,t,o)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,t,o){this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$ET(){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(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,n]of this._$Ep)this[r]=n;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,n]of s)n.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.P(r,this[r],n)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(o=this._$EO)==null||o.forEach(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(t)):this._$EU()}catch(s){throw e=!1,this._$EU(),s}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EC(t,this[t]))),this._$EU()}updated(e){}firstUpdated(e){}}He.elementStyles=[],He.shadowRootOptions={mode:"open"},He[qe("elementProperties")]=new Map,He[qe("finalized")]=new Map,yt==null||yt({ReactiveElement:He}),(pe.reactiveElementVersions??(pe.reactiveElementVersions=[])).push("2.0.4");/**
|
|
15
15
|
* @license
|
|
16
16
|
* Copyright 2017 Google LLC
|
|
17
17
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
|
-
*/const
|
|
19
|
-
\f\r]`,
|
|
20
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
18
|
+
*/const Te=globalThis,st=Te.trustedTypes,Rt=st?st.createPolicy("lit-html",{createHTML:a=>a}):void 0,Nt="$lit$",ve=`lit$${Math.random().toFixed(9).slice(2)}$`,Ft="?"+ve,A1=`<${Ft}>`,ke=document,Re=()=>ke.createComment(""),Ne=a=>a===null||typeof a!="object"&&typeof a!="function",pt=Array.isArray,D1=a=>pt(a)||typeof(a==null?void 0:a[Symbol.iterator])=="function",vt=`[
|
|
19
|
+
\f\r]`,Fe=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,jt=/-->/g,Gt=/>/g,$e=RegExp(`>|${vt}(?:([^\\s"'>=/]+)(${vt}*=${vt}*(?:[^
|
|
20
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Wt=/'/g,Yt=/"/g,Kt=/^(?:script|style|textarea|title)$/i,M1=a=>(e,...t)=>({_$litType$:a,strings:e,values:t}),c=M1(1),Be=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),Xt=new WeakMap,Se=ke.createTreeWalker(ke,129);function Qt(a,e){if(!pt(a)||!a.hasOwnProperty("raw"))throw Error("invalid template strings array");return Rt!==void 0?Rt.createHTML(e):e}const z1=(a,e)=>{const t=a.length-1,o=[];let s,r=e===2?"<svg>":e===3?"<math>":"",n=Fe;for(let d=0;d<t;d++){const l=a[d];let y,p,h=-1,x=0;for(;x<l.length&&(n.lastIndex=x,p=n.exec(l),p!==null);)x=n.lastIndex,n===Fe?p[1]==="!--"?n=jt:p[1]!==void 0?n=Gt:p[2]!==void 0?(Kt.test(p[2])&&(s=RegExp("</"+p[2],"g")),n=$e):p[3]!==void 0&&(n=$e):n===$e?p[0]===">"?(n=s??Fe,h=-1):p[1]===void 0?h=-2:(h=n.lastIndex-p[2].length,y=p[1],n=p[3]===void 0?$e:p[3]==='"'?Yt:Wt):n===Yt||n===Wt?n=$e:n===jt||n===Gt?n=Fe:(n=$e,s=void 0);const E=n===$e&&a[d+1].startsWith("/>")?" ":"";r+=n===Fe?l+A1:h>=0?(o.push(y),l.slice(0,h)+Nt+l.slice(h)+ve+E):l+ve+(h===-2?d:E)}return[Qt(a,r+(a[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]};class je{constructor({strings:e,_$litType$:t},o){let s;this.parts=[];let r=0,n=0;const d=e.length-1,l=this.parts,[y,p]=z1(e,t);if(this.el=je.createElement(y,o),Se.currentNode=this.el.content,t===2||t===3){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(s=Se.nextNode())!==null&&l.length<d;){if(s.nodeType===1){if(s.hasAttributes())for(const h of s.getAttributeNames())if(h.endsWith(Nt)){const x=p[n++],E=s.getAttribute(h).split(ve),ye=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:ye[2],strings:E,ctor:ye[1]==="."?H1:ye[1]==="?"?B1:ye[1]==="@"?I1:ot}),s.removeAttribute(h)}else h.startsWith(ve)&&(l.push({type:6,index:r}),s.removeAttribute(h));if(Kt.test(s.tagName)){const h=s.textContent.split(ve),x=h.length-1;if(x>0){s.textContent=st?st.emptyScript:"";for(let E=0;E<x;E++)s.append(h[E],Re()),Se.nextNode(),l.push({type:2,index:++r});s.append(h[x],Re())}}}else if(s.nodeType===8)if(s.data===Ft)l.push({type:2,index:r});else{let h=-1;for(;(h=s.data.indexOf(ve,h+1))!==-1;)l.push({type:7,index:r}),h+=ve.length-1}r++}}static createElement(e,t){const o=ke.createElement("template");return o.innerHTML=e,o}}function Ie(a,e,t=a,o){var n,d;if(e===Be)return e;let s=o!==void 0?(n=t._$Co)==null?void 0:n[o]:t._$Cl;const r=Ne(e)?void 0:e._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((d=s==null?void 0:s._$AO)==null||d.call(s,!1),r===void 0?s=void 0:(s=new r(a),s._$AT(a,t,o)),o!==void 0?(t._$Co??(t._$Co=[]))[o]=s:t._$Cl=s),s!==void 0&&(e=Ie(a,s._$AS(a,e.values),s,o)),e}class V1{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==null?void 0:e.creationScope)??ke).importNode(t,!0);Se.currentNode=s;let r=Se.nextNode(),n=0,d=0,l=o[0];for(;l!==void 0;){if(n===l.index){let y;l.type===2?y=new Ge(r,r.nextSibling,this,e):l.type===1?y=new l.ctor(r,l.name,l.strings,this,e):l.type===6&&(y=new P1(r,this,e)),this._$AV.push(y),l=o[++d]}n!==(l==null?void 0:l.index)&&(r=Se.nextNode(),n++)}return Se.currentNode=ke,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 Ge{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,o,s){this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=s,this._$Cv=(s==null?void 0:s.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Ie(this,e,t),Ne(e)?e===S||e==null||e===""?(this._$AH!==S&&this._$AR(),this._$AH=S):e!==this._$AH&&e!==Be&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):D1(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!==S&&Ne(this._$AH)?this._$AA.nextSibling.data=e:this.T(ke.createTextNode(e)),this._$AH=e}$(e){var r;const{values:t,_$litType$:o}=e,s=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=je.createElement(Qt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===s)this._$AH.p(t);else{const n=new V1(s,this),d=n.u(this.options);n.p(t),this.T(d),this._$AH=n}}_$AC(e){let t=Xt.get(e.strings);return t===void 0&&Xt.set(e.strings,t=new je(e)),t}k(e){pt(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 Ge(this.O(Re()),this.O(Re()),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){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,t);e&&e!==this._$AB;){const s=e.nextSibling;e.remove(),e=s}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class ot{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,s,r){this.type=1,this._$AH=S,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=S}_$AI(e,t=this,o,s){const r=this.strings;let n=!1;if(r===void 0)e=Ie(this,e,t,0),n=!Ne(e)||e!==this._$AH&&e!==Be,n&&(this._$AH=e);else{const d=e;let l,y;for(e=r[0],l=0;l<r.length-1;l++)y=Ie(this,d[o+l],t,l),y===Be&&(y=this._$AH[l]),n||(n=!Ne(y)||y!==this._$AH[l]),y===S?e=S:e!==S&&(e+=(y??"")+r[l+1]),this._$AH[l]=y}n&&!s&&this.j(e)}j(e){e===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class H1 extends ot{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===S?void 0:e}}class B1 extends ot{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==S)}}class I1 extends ot{constructor(e,t,o,s,r){super(e,t,o,s,r),this.type=5}_$AI(e,t=this){if((e=Ie(this,e,t,0)??S)===Be)return;const o=this._$AH,s=e===S&&o!==S||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,r=e!==S&&(o===S||s);s&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}}class P1{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){Ie(this,e)}}const ft=Te.litHtmlPolyfillSupport;ft==null||ft(je,Ge),(Te.litHtmlVersions??(Te.litHtmlVersions=[])).push("3.2.1");const O1=(a,e,t)=>{const o=(t==null?void 0:t.renderBefore)??e;let s=o._$litPart$;if(s===void 0){const r=(t==null?void 0:t.renderBefore)??null;o._$litPart$=s=new Ge(e.insertBefore(Re(),r),r,void 0,t??{})}return s._$AI(a),s};/**
|
|
21
21
|
* @license
|
|
22
22
|
* Copyright 2017 Google LLC
|
|
23
23
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
24
|
-
*/let
|
|
24
|
+
*/let f=class extends He{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=O1(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return Be}};f._$litElement$=!0,f.finalized=!0,(g1=globalThis.litElementHydrateSupport)==null||g1.call(globalThis,{LitElement:f});const gt=globalThis.litElementPolyfillSupport;gt==null||gt({LitElement:f}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
*/const
|
|
28
|
+
*/const Z1={attribute:!0,type:String,converter:tt,reflect:!1,hasChanged:ut},U1=(a=Z1,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),r.set(t.name,a),o==="accessor"){const{name:n}=t;return{set(d){const l=e.get.call(this);e.set.call(this,d),this.requestUpdate(n,l,a)},init(d){return d!==void 0&&this.P(n,void 0,a),d}}}if(o==="setter"){const{name:n}=t;return function(d){const l=this[n];e.call(this,d),this.requestUpdate(n,l,a)}}throw Error("Unsupported decorator location: "+o)};function i(a){return(e,t)=>typeof t=="object"?U1(a,e,t):((o,s,r)=>{const n=s.hasOwnProperty(r);return s.constructor.createProperty(r,n?{...o,wrapped:!0}:o),n?Object.getOwnPropertyDescriptor(s,r):void 0})(a,e,t)}/**
|
|
29
29
|
* @license
|
|
30
30
|
* Copyright 2017 Google LLC
|
|
31
31
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
32
|
-
*/function
|
|
32
|
+
*/function z(a){return i({...a,state:!0,attribute:!1})}/**
|
|
33
33
|
* @license
|
|
34
34
|
* Copyright 2017 Google LLC
|
|
35
35
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
36
|
-
*/const
|
|
36
|
+
*/const q1=(a,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(a,e,t),t);/**
|
|
37
37
|
* @license
|
|
38
38
|
* Copyright 2017 Google LLC
|
|
39
39
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
40
|
-
*/function
|
|
40
|
+
*/function T1(a,e){return(t,o,s)=>{const r=n=>{var d;return((d=n.renderRoot)==null?void 0:d.querySelector(a))??null};return q1(t,o,{get(){return r(this)}})}}const Jt=g`
|
|
41
41
|
:host {
|
|
42
42
|
/* Anything that can be overridden should be defined here */
|
|
43
43
|
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
flex-direction: column;
|
|
183
183
|
gap: var(--_nys-accordion-gap);
|
|
184
184
|
}
|
|
185
|
-
`;var
|
|
185
|
+
`;var R1=Object.defineProperty,We=(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&&R1(e,t,s),s};let N1=0;const mt=class mt extends f{constructor(){super(),this.id="",this.heading="",this.expanded=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");this.expanded&&e&&e.addEventListener("slotchange",()=>{this._updateHeight()})}updated(e){e.has("expanded")&&this._updateHeight()}_generateUniqueId(){return`nys-accordionitem-${Date.now()}-${N1++}`}_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`
|
|
186
186
|
<div id=${this.id} class="nys-accordionitem">
|
|
187
187
|
<button
|
|
188
188
|
class="nys-accordionitem__heading"
|
|
@@ -203,13 +203,13 @@
|
|
|
203
203
|
</div>
|
|
204
204
|
</div>
|
|
205
205
|
</div>
|
|
206
|
-
</div>`}};
|
|
206
|
+
</div>`}};mt.styles=Jt;let te=mt;We([i({type:String})],te.prototype,"id"),We([i({type:String})],te.prototype,"heading"),We([i({type:Boolean,reflect:!0})],te.prototype,"expanded"),We([i({type:Boolean,reflect:!0})],te.prototype,"bordered"),We([T1(".nys-accordionitem__content")],te.prototype,"_contentContainer"),customElements.get("nys-accordionitem")||customElements.define("nys-accordionitem",te);var F1=Object.defineProperty,bt=(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&&F1(e,t,s),s};let j1=0;const xt=class xt extends f{constructor(){super(),this.id="",this.singleSelect=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}updated(e){e.has("bordered")&&this._applyBordered()}_generateUniqueId(){return`nys-accordionitem-${Date.now()}-${j1++}`}_getAccordions(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector("slot");return((e==null?void 0:e.assignedElements())||[]).filter(s=>s.tagName.toLowerCase()==="nys-accordionitem")}_onAccordionToggle(e){if(!this.singleSelect)return;const t=e.detail.id;e.detail.expanded&&this._getAccordions().forEach(s=>{s.id!==t&&s.expanded&&(s.expanded=!1)})}_applyBordered(){this._getAccordions().forEach(e=>{e.bordered=this.bordered})}render(){return c`<div
|
|
207
207
|
id=${this.id}
|
|
208
208
|
class="nys-accordion"
|
|
209
209
|
@nys-accordionitem-toggle=${this._onAccordionToggle}
|
|
210
210
|
>
|
|
211
211
|
<slot></slot>
|
|
212
|
-
</div>`}};
|
|
212
|
+
</div>`}};xt.styles=Jt;let Le=xt;bt([i({type:String})],Le.prototype,"id"),bt([i({type:Boolean,reflect:!0})],Le.prototype,"singleSelect"),bt([i({type:Boolean,reflect:!0})],Le.prototype,"bordered"),customElements.get("nys-accordion")||customElements.define("nys-accordion",Le);const G1=g`
|
|
213
213
|
:host {
|
|
214
214
|
/* Global Alert Styles */
|
|
215
215
|
--_nys-alert-border-width: var(--nys-border-width-lg, 4px);
|
|
@@ -286,7 +286,6 @@
|
|
|
286
286
|
line-height: var(--_nys-alert-line-height);
|
|
287
287
|
letter-spacing: var(--_nys-alert-letter-spacing);
|
|
288
288
|
gap: var(--_nys-alert-gap--icon);
|
|
289
|
-
text-align: left;
|
|
290
289
|
}
|
|
291
290
|
|
|
292
291
|
p {
|
|
@@ -368,6 +367,11 @@
|
|
|
368
367
|
flex-wrap: wrap;
|
|
369
368
|
}
|
|
370
369
|
|
|
370
|
+
/* Dismiss Button */
|
|
371
|
+
#dismiss-btn {
|
|
372
|
+
margin-top: -8px;
|
|
373
|
+
}
|
|
374
|
+
|
|
371
375
|
/* Alert Types */
|
|
372
376
|
:host([type="info"]) {
|
|
373
377
|
--_nys-alert-border-color: var(
|
|
@@ -445,8 +449,8 @@
|
|
|
445
449
|
* @license
|
|
446
450
|
* Copyright 2018 Google LLC
|
|
447
451
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
448
|
-
*/const u=a=>a??
|
|
449
|
-
${this._alertClosed?"":
|
|
452
|
+
*/const u=a=>a??S;var W1=Object.defineProperty,Y1=Object.getOwnPropertyDescriptor,T=(a,e,t,o)=>{for(var s=o>1?void 0:o?Y1(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&&W1(e,t,s),s};let K1=0;const O=(Ce=class extends f{constructor(){super(...arguments),this.id="",this.heading="",this.icon="",this.dismissible=!1,this.duration=0,this.text="",this.primaryAction="",this.secondaryAction="",this.primaryLabel="Learn more",this.secondaryLabel="Dismiss",this._alertClosed=!1,this._slotHasContent=!0,this._type="base",this._timeoutId=null}get type(){return this._type}set type(e){this._type=Ce.VALID_TYPES.includes(e)?e:"base"}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}}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()}-${K1++}`}_getIconName(){return this.icon?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(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");if(e){const o=e.assignedNodes({flatten:!0}).filter(s=>{var r;return s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&((r=s.textContent)==null?void 0:r.trim())});await Promise.resolve(),this._slotHasContent=o.length>0}else await Promise.resolve(),this._slotHasContent=!1}render(){var o,s;const{role:e,ariaLabel:t}=this.ariaAttributes;return c`
|
|
453
|
+
${this._alertClosed?"":c` <div
|
|
450
454
|
id=${this.id}
|
|
451
455
|
class="nys-alert__container ${this._slotHasContent||((o=this.text)==null?void 0:o.trim().length)>0?"":"nys-alert--centered"}"
|
|
452
456
|
aria-label=${u(t.trim()!==""?t:void 0)}
|
|
@@ -460,15 +464,15 @@
|
|
|
460
464
|
</div>
|
|
461
465
|
<div class="nys-alert__texts" role=${e}>
|
|
462
466
|
<p class="nys-alert__header">${this.heading}</p>
|
|
463
|
-
${this._slotHasContent?
|
|
464
|
-
${this.primaryAction||this.secondaryAction?
|
|
465
|
-
${this.primaryAction?
|
|
467
|
+
${this._slotHasContent?c`<slot></slot>`:((s=this.text)==null?void 0:s.trim().length)>0?c`<p class="nys-alert__text">${this.text}</p>`:""}
|
|
468
|
+
${this.primaryAction||this.secondaryAction?c`<div class="nys-alert__actions">
|
|
469
|
+
${this.primaryAction?c`<a
|
|
466
470
|
href=${u(this.primaryAction||void 0)}
|
|
467
471
|
class="nys-alert__action nys-alert__primary"
|
|
468
472
|
>
|
|
469
473
|
${this.primaryLabel}
|
|
470
474
|
</a>`:""}
|
|
471
|
-
${this.secondaryAction?
|
|
475
|
+
${this.secondaryAction?c`<a
|
|
472
476
|
href=${u(this.secondaryAction||void 0)}
|
|
473
477
|
class="nys-alert__action nys-alert__secondary"
|
|
474
478
|
>
|
|
@@ -476,7 +480,7 @@
|
|
|
476
480
|
</a>`:""}
|
|
477
481
|
</div> `:""}
|
|
478
482
|
</div>
|
|
479
|
-
${this.dismissible?
|
|
483
|
+
${this.dismissible?c` <nys-button
|
|
480
484
|
id="dismiss-btn"
|
|
481
485
|
variant="ghost"
|
|
482
486
|
circle
|
|
@@ -487,7 +491,7 @@
|
|
|
487
491
|
.onClick=${()=>this._closeAlert()}
|
|
488
492
|
></nys-button>`:""}
|
|
489
493
|
</div>`}
|
|
490
|
-
`}},
|
|
494
|
+
`}},Ce.styles=G1,Ce.VALID_TYPES=["base","info","success","warning","danger","emergency"],Ce);T([i({type:String})],O.prototype,"id",2),T([i({type:String})],O.prototype,"heading",2),T([i({type:String})],O.prototype,"icon",2),T([i({type:Boolean,reflect:!0})],O.prototype,"dismissible",2),T([i({type:Number,reflect:!0})],O.prototype,"duration",2),T([i({type:String})],O.prototype,"text",2),T([i({type:String})],O.prototype,"primaryAction",2),T([i({type:String})],O.prototype,"secondaryAction",2),T([i({type:String})],O.prototype,"primaryLabel",2),T([i({type:String})],O.prototype,"secondaryLabel",2),T([z()],O.prototype,"_alertClosed",2),T([z()],O.prototype,"_slotHasContent",2),T([i({reflect:!0})],O.prototype,"type",1);let e1=O;customElements.get("nys-alert")||customElements.define("nys-alert",e1);const X1=g`
|
|
491
495
|
:host {
|
|
492
496
|
/* Global Avatar Styles */
|
|
493
497
|
|
|
@@ -588,7 +592,7 @@
|
|
|
588
592
|
height: 100%;
|
|
589
593
|
fill: currentColor;
|
|
590
594
|
}
|
|
591
|
-
`;var
|
|
595
|
+
`;var Q1=Object.defineProperty,Q=(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&&Q1(e,t,s),s};let J1=0;const wt=class wt extends f{constructor(){super(...arguments),this.id="",this.ariaLabel="",this.image="",this.initials="",this.icon="",this.color="",this.interactive=!1,this.disabled=!1,this.lazy=!1,this._slotHasContent=!0}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-avatar-${Date.now()}-${J1++}`)}firstUpdated(){this._checkSlotContent()}async _checkSlotContent(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector("slot");if(!e){this._slotHasContent=!1;return}await Promise.resolve();const t=e.assignedNodes({flatten:!0}).filter(s=>{var r;return s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&((r=s.textContent)==null?void 0:r.trim())});this._slotHasContent=t.length>0}getContrastForeground(){var E;const e="var(--nys-color-ink, #000)",t="var(--nys-color-ink-reverse, #fff)",o="var(--nys-color-text, #000)",s="var(--nys-color-text-reverse, #fff)";if(!this.color)return;const r=document.createElement("div");r.style.color=this.color,document.body.appendChild(r);const n=getComputedStyle(r).color;document.body.removeChild(r);const d=n.match(/\d+/g);if(!d)return;const l=Number(d[0]),y=Number(d[1]),p=Number(d[2]),x=(.299*l+.587*y+.114*p)/255<.5;return((E=this.initials)==null?void 0:E.length)>0?x?s:o:x?t:e}render(){var e,t,o;return c`
|
|
592
596
|
<label class="nys-avatar" id=${this.id}>
|
|
593
597
|
<div class="nys-avatar__content">
|
|
594
598
|
<div
|
|
@@ -599,20 +603,20 @@
|
|
|
599
603
|
aria-label=${u(this.image?void 0:this.ariaLabel?this.ariaLabel:"avatar")}
|
|
600
604
|
tabindex=${this.interactive&&!this.disabled?"0":u(void 0)}
|
|
601
605
|
>
|
|
602
|
-
${((e=this.image)==null?void 0:e.length)>0?
|
|
606
|
+
${((e=this.image)==null?void 0:e.length)>0?c`<img
|
|
603
607
|
part="nys-avatar__image"
|
|
604
608
|
class="nys-avatar__image"
|
|
605
609
|
src=${this.image}
|
|
606
610
|
alt=${this.ariaLabel||"avatar"}
|
|
607
611
|
loading=${this.lazy?"lazy":"eager"}
|
|
608
|
-
/>`:((t=this.initials)==null?void 0:t.length)>0?
|
|
612
|
+
/>`:((t=this.initials)==null?void 0:t.length)>0?c`<span
|
|
609
613
|
part="nys-avatar__initials"
|
|
610
614
|
class="nys-avatar__initials"
|
|
611
615
|
aria-hidden="true"
|
|
612
616
|
>${this.initials}</span
|
|
613
|
-
>`:this._slotHasContent?
|
|
617
|
+
>`:this._slotHasContent?c`<div part="nys-avatar__icon">
|
|
614
618
|
<slot></slot>
|
|
615
|
-
</div>`:
|
|
619
|
+
</div>`:c`<div part="nys-avatar__icon">
|
|
616
620
|
<nys-icon
|
|
617
621
|
label="nys-avatar__icon"
|
|
618
622
|
name=${((o=this.icon)==null?void 0:o.length)>0?this.icon:"account_circle"}
|
|
@@ -621,11 +625,11 @@
|
|
|
621
625
|
</div>
|
|
622
626
|
</div>
|
|
623
627
|
</label>
|
|
624
|
-
`}};
|
|
628
|
+
`}};wt.styles=X1;let Z=wt;Q([i({type:String})],Z.prototype,"id"),Q([i({type:String})],Z.prototype,"ariaLabel"),Q([i({type:String})],Z.prototype,"image"),Q([i({type:String})],Z.prototype,"initials"),Q([i({type:String})],Z.prototype,"icon"),Q([i({type:String})],Z.prototype,"color"),Q([i({type:Boolean,reflect:!0})],Z.prototype,"interactive"),Q([i({type:Boolean,reflect:!0})],Z.prototype,"disabled"),Q([i({type:Boolean,reflect:!0})],Z.prototype,"lazy"),Q([z()],Z.prototype,"_slotHasContent"),customElements.get("nys-avatar")||customElements.define("nys-avatar",Z);const es=g`
|
|
625
629
|
.nys-backtotop {
|
|
626
630
|
/* These props ARE NOT publicly overridable */
|
|
627
|
-
--_nys-button-border-radius--
|
|
628
|
-
--_nys-button-border-radius--
|
|
631
|
+
--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);
|
|
632
|
+
--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);
|
|
629
633
|
--_nys-button-padding--y: var(--nys-space-100, 8px);
|
|
630
634
|
--_nys-button-padding--x: var(--nys-space-200, 16px);
|
|
631
635
|
|
|
@@ -644,7 +648,7 @@
|
|
|
644
648
|
.visible {
|
|
645
649
|
display: inline-flex;
|
|
646
650
|
}
|
|
647
|
-
`;var
|
|
651
|
+
`;var ts=Object.defineProperty,rt=(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&&ts(e,t,s),s};const kt=class kt extends f{constructor(){super(),this.position="right",this.visible=!1,this.isMobile=!1,this.forceVisible=!1,this._handleScroll=this._handleScroll.bind(this),this._handleResize=this._handleResize.bind(this),this.mediaQuery=window.matchMedia("(max-width: 480px)")}connectedCallback(){super.connectedCallback(),this.forceVisible=this.hasAttribute("visible"),window.addEventListener("scroll",this._handleScroll),this.mediaQuery.addEventListener("change",this._handleResize),this._handleResize()}disconnectedCallback(){window.removeEventListener("scroll",this._handleScroll),this.mediaQuery.removeEventListener("change",this._handleResize),super.disconnectedCallback()}_handleScroll(){if(this.forceVisible)return;const e=window.innerHeight,t=document.documentElement.scrollHeight;this.visible=t>=e*4&&window.scrollY>e*1.5}_scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}_handleResize(){this.isMobile=this.mediaQuery.matches}render(){const e=["nys-backtotop",this.position,this.visible?"visible":""].filter(Boolean).join(" ");return c`<nys-button
|
|
648
652
|
id="nys-backtotop"
|
|
649
653
|
prefixIcon="chevron_up"
|
|
650
654
|
variant="outline"
|
|
@@ -653,15 +657,15 @@
|
|
|
653
657
|
class="${e}"
|
|
654
658
|
.onClick=${this._scrollToTop}
|
|
655
659
|
?circle=${this.isMobile}
|
|
656
|
-
></nys-button>`}};
|
|
660
|
+
></nys-button>`}};kt.styles=es;let fe=kt;rt([i({type:String})],fe.prototype,"position"),rt([i({type:Boolean,reflect:!0})],fe.prototype,"visible"),rt([z()],fe.prototype,"isMobile"),rt([z()],fe.prototype,"forceVisible"),customElements.get("nys-backtotop")||customElements.define("nys-backtotop",fe);const ss=g`
|
|
657
661
|
:host {
|
|
658
662
|
/* Anything that can be overridden should be defined here */
|
|
659
663
|
|
|
660
664
|
/* Global Button Styles */
|
|
661
665
|
--_nys-button-width: fit-content;
|
|
662
666
|
--_nys-button-height: var(--nys-size-600, 48px);
|
|
663
|
-
--_nys-button-border-radius--
|
|
664
|
-
--_nys-button-border-radius--
|
|
667
|
+
--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);
|
|
668
|
+
--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);
|
|
665
669
|
--_nys-button-padding--y: var(--nys-space-150, 12px);
|
|
666
670
|
--_nys-button-padding--x: var(--nys-space-250, 20px);
|
|
667
671
|
--_nys-button-gap: var(--nys-space-100, 8px);
|
|
@@ -865,8 +869,8 @@
|
|
|
865
869
|
/* Text */
|
|
866
870
|
:host([variant="text"]) {
|
|
867
871
|
--_nys-button-height: fit-content;
|
|
868
|
-
--_nys-button-border-radius--
|
|
869
|
-
--_nys-button-border-radius--
|
|
872
|
+
--_nys-button-border-radius--start: var(--nys-radius-md, 4px);
|
|
873
|
+
--_nys-button-border-radius--end: var(--nys-radius-md, 4px);
|
|
870
874
|
--_nys-button-padding--y: var(--nys-space-2px, 2px);
|
|
871
875
|
--_nys-button-padding--x: var(--nys-space-50, 4px);
|
|
872
876
|
--_nys-button-border-width: 0px;
|
|
@@ -1096,8 +1100,8 @@
|
|
|
1096
1100
|
/* Text Inverted */
|
|
1097
1101
|
:host([variant="text"][inverted]) {
|
|
1098
1102
|
--_nys-button-height: fit-content;
|
|
1099
|
-
--_nys-button-border-radius--
|
|
1100
|
-
--_nys-button-border-radius--
|
|
1103
|
+
--_nys-button-border-radius--start: var(--nys-radius-md, 4px);
|
|
1104
|
+
--_nys-button-border-radius--end: var(--nys-radius-md, 4px);
|
|
1101
1105
|
--_nys-button-padding--y: var(--nys-space-2px, 2px);
|
|
1102
1106
|
--_nys-button-padding--x: var(--nys-space-50, 4px);
|
|
1103
1107
|
--_nys-button-border-width: 0px;
|
|
@@ -1219,8 +1223,8 @@
|
|
|
1219
1223
|
/* Circle */
|
|
1220
1224
|
:host([circle]) {
|
|
1221
1225
|
--_nys-button-width: var(--_nys-button-height);
|
|
1222
|
-
--_nys-button-border-radius--
|
|
1223
|
-
--_nys-button-border-radius--
|
|
1226
|
+
--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);
|
|
1227
|
+
--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);
|
|
1224
1228
|
--_nys-button-padding--y: 0;
|
|
1225
1229
|
--_nys-button-padding--x: 0;
|
|
1226
1230
|
}
|
|
@@ -1228,11 +1232,12 @@
|
|
|
1228
1232
|
.nys-button {
|
|
1229
1233
|
width: var(--_nys-button-width);
|
|
1230
1234
|
min-height: var(--_nys-button-height);
|
|
1235
|
+
height: var(--_nys-button-height);
|
|
1231
1236
|
/* set every corner individually */
|
|
1232
|
-
border-
|
|
1233
|
-
border-
|
|
1234
|
-
border-
|
|
1235
|
-
border-
|
|
1237
|
+
border-start-start-radius: var(--_nys-button-border-radius--start);
|
|
1238
|
+
border-end-start-radius: var(--_nys-button-border-radius--start);
|
|
1239
|
+
border-start-end-radius: var(--_nys-button-border-radius--end);
|
|
1240
|
+
border-end-end-radius: var(--_nys-button-border-radius--end);
|
|
1236
1241
|
padding: var(--_nys-button-padding--y) var(--_nys-button-padding--x);
|
|
1237
1242
|
display: flex;
|
|
1238
1243
|
align-items: center;
|
|
@@ -1248,7 +1253,7 @@
|
|
|
1248
1253
|
color: var(--_nys-button-color);
|
|
1249
1254
|
border: solid var(--_nys-button-border-width)
|
|
1250
1255
|
var(--_nys-button-border-color);
|
|
1251
|
-
cursor: pointer;
|
|
1256
|
+
cursor: var(--_nys-button-cursor, pointer);
|
|
1252
1257
|
}
|
|
1253
1258
|
|
|
1254
1259
|
:host([circle]) .nys-button {
|
|
@@ -1293,7 +1298,7 @@
|
|
|
1293
1298
|
}
|
|
1294
1299
|
|
|
1295
1300
|
.nys-button * {
|
|
1296
|
-
cursor: pointer;
|
|
1301
|
+
cursor: var(--_nys-button-cursor, pointer);
|
|
1297
1302
|
}
|
|
1298
1303
|
|
|
1299
1304
|
.nys-button:disabled * {
|
|
@@ -1311,8 +1316,8 @@
|
|
|
1311
1316
|
align-items: center;
|
|
1312
1317
|
user-select: none;
|
|
1313
1318
|
}
|
|
1314
|
-
`;var
|
|
1315
|
-
${this.href?
|
|
1319
|
+
`;var os=Object.defineProperty,rs=Object.getOwnPropertyDescriptor,w=(a,e,t,o)=>{for(var s=o>1?void 0:o?rs(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&&os(e,t,s),s};let ns=0;const C=(P=class extends f{constructor(){super(),this.id="",this.name="",this._size="md",this.fullWidth=!1,this._variant="filled",this.inverted=!1,this.label="",this.ariaLabel="",this.ariaControls="",this.prefixIcon="",this.suffixIcon="",this.circle=!1,this.icon="",this.disabled=!1,this.form=null,this.value="",this.ariaDescription="",this._type="button",this.onClick=()=>{},this.href="",this._target="_self",this._internals=this.attachInternals()}get size(){return this._size}set size(e){this._size=P.VALID_SIZES.includes(e)?e:"md"}get variant(){return this._variant}set variant(e){this._variant=P.VALID_VARIANTS.includes(e)?e:"filled"}get type(){return this._type}set type(e){this._type=P.VALID_TYPES.includes(e)?e:"button"}get target(){return this._target}set target(e){this._target=P.VALID_TARGETS.includes(e)?e:"_self"}async getButtonElement(){var o,s;await this.updateComplete;const e=((o=this.shadowRoot)==null?void 0:o.querySelector("a.nys-button"))||null;if(e)return e;const t=((s=this.shadowRoot)==null?void 0:s.querySelector("button.nys-button"))||null;return t||null}connectedCallback(){super.connectedCallback(),this.id||(this.id=this._generateUniqueId())}_generateUniqueId(){return`nys-button-${Date.now()}-${ns++}`}_manageFormAction(e){typeof this.onClick=="function"&&this.onClick(e);const t=this._internals.form;if(t)switch(this.type){case"submit":t.requestSubmit();break;case"reset":t.reset();break}}_handleFocus(){this.dispatchEvent(new Event("nys-focus"))}_handleBlur(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-button");e==null||e.classList.remove("active-focus"),this.dispatchEvent(new Event("nys-blur"))}_handleClick(e){if(this.disabled){e.preventDefault();return}this._manageFormAction(e),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._handleClick(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`
|
|
1320
|
+
${this.href?c`
|
|
1316
1321
|
<div class="nys-button__linkwrapper">
|
|
1317
1322
|
<a
|
|
1318
1323
|
class="nys-button"
|
|
@@ -1332,14 +1337,14 @@
|
|
|
1332
1337
|
role="button"
|
|
1333
1338
|
tabindex="${this.disabled?-1:0}"
|
|
1334
1339
|
>
|
|
1335
|
-
${this.prefixIcon&&this.variant!=="text"?
|
|
1340
|
+
${this.prefixIcon&&this.variant!=="text"?c`<slot name="prefix-icon">
|
|
1336
1341
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
1337
1342
|
</slot>`:""}
|
|
1338
|
-
${this.label&&!this.circle?
|
|
1339
|
-
${this.suffixIcon&&this.variant!=="text"?
|
|
1343
|
+
${this.label&&!this.circle?c`<div class="nys-button__text">${this.label}</div>`:""}
|
|
1344
|
+
${this.suffixIcon&&this.variant!=="text"?c`<slot name="suffix-icon">
|
|
1340
1345
|
<nys-icon size="16" name=${this.suffixIcon}></nys-icon>
|
|
1341
1346
|
</slot>`:""}
|
|
1342
|
-
${this.circle&&this.icon?
|
|
1347
|
+
${this.circle&&this.icon?c`<slot name="circle-icon"
|
|
1343
1348
|
><nys-icon
|
|
1344
1349
|
size=${this.size==="sm"?"24":this.size==="lg"?"40":"32"}
|
|
1345
1350
|
name=${this.icon}
|
|
@@ -1347,7 +1352,7 @@
|
|
|
1347
1352
|
></slot>`:""}
|
|
1348
1353
|
</a>
|
|
1349
1354
|
</div>
|
|
1350
|
-
`:
|
|
1355
|
+
`:c`
|
|
1351
1356
|
<button
|
|
1352
1357
|
class="nys-button"
|
|
1353
1358
|
id=${u(this.id)}
|
|
@@ -1356,22 +1361,24 @@
|
|
|
1356
1361
|
form=${u(this.form||void 0)}
|
|
1357
1362
|
value=${u(this.value?this.value:void 0)}
|
|
1358
1363
|
type=${this.type}
|
|
1364
|
+
aria-controls=${u(this.ariaControls||void 0)}
|
|
1359
1365
|
aria-label=${u(this.ariaLabel||this.label||(this.circle?this.icon:null)||this.prefixIcon||this.suffixIcon||"button")}
|
|
1360
1366
|
aria-description=${u(this.ariaDescription||void 0)}
|
|
1367
|
+
onclick="${this.onClick}"
|
|
1361
1368
|
@click=${this._handleClick}
|
|
1362
1369
|
@focus="${this._handleFocus}"
|
|
1363
1370
|
@blur="${this._handleBlur}"
|
|
1364
1371
|
@keydown="${this._handleKeydown}"
|
|
1365
1372
|
role="button"
|
|
1366
1373
|
>
|
|
1367
|
-
${this.prefixIcon&&this.variant!=="text"?
|
|
1374
|
+
${this.prefixIcon&&this.variant!=="text"?c`<slot name="prefix-icon">
|
|
1368
1375
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
1369
1376
|
</slot>`:""}
|
|
1370
|
-
${this.label&&!this.circle?
|
|
1371
|
-
${this.suffixIcon&&this.variant!=="text"?
|
|
1377
|
+
${this.label&&!this.circle?c`<div class="nys-button__text">${this.label}</div>`:""}
|
|
1378
|
+
${this.suffixIcon&&this.variant!=="text"?c`<slot name="suffix-icon">
|
|
1372
1379
|
<nys-icon size="16" name=${this.suffixIcon}></nys-icon>
|
|
1373
1380
|
</slot>`:""}
|
|
1374
|
-
${this.circle&&this.icon?
|
|
1381
|
+
${this.circle&&this.icon?c`<slot name="circle-icon">
|
|
1375
1382
|
<nys-icon
|
|
1376
1383
|
size=${this.size==="sm"?"24":this.size==="lg"?"40":"32"}
|
|
1377
1384
|
name=${this.icon}
|
|
@@ -1379,7 +1386,7 @@
|
|
|
1379
1386
|
</slot>`:""}
|
|
1380
1387
|
</button>
|
|
1381
1388
|
`}
|
|
1382
|
-
`}},
|
|
1389
|
+
`}},P.VALID_SIZES=["sm","md","lg"],P.VALID_VARIANTS=["filled","outline","ghost","text"],P.VALID_TYPES=["submit","reset","button"],P.VALID_TARGETS=["_self","_blank","_parent","_top","framename"],P.styles=ss,P.formAssociated=!0,P);w([i({type:String})],C.prototype,"id",2),w([i({type:String,reflect:!0})],C.prototype,"name",2),w([i({reflect:!0})],C.prototype,"size",1),w([i({type:Boolean,reflect:!0})],C.prototype,"fullWidth",2),w([i({reflect:!0})],C.prototype,"variant",1),w([i({type:Boolean,reflect:!0})],C.prototype,"inverted",2),w([i({type:String})],C.prototype,"label",2),w([i({type:String})],C.prototype,"ariaLabel",2),w([i({type:String})],C.prototype,"ariaControls",2),w([i({type:String})],C.prototype,"prefixIcon",2),w([i({type:String})],C.prototype,"suffixIcon",2),w([i({type:Boolean,reflect:!0})],C.prototype,"circle",2),w([i({type:String})],C.prototype,"icon",2),w([i({type:Boolean,reflect:!0})],C.prototype,"disabled",2),w([i({type:String,reflect:!0})],C.prototype,"form",2),w([i({type:String})],C.prototype,"value",2),w([i({type:String})],C.prototype,"ariaDescription",2),w([i({reflect:!0})],C.prototype,"type",1),w([i({type:Function})],C.prototype,"onClick",2),w([i({type:String})],C.prototype,"href",2),w([i({reflect:!0})],C.prototype,"target",1);let t1=C;customElements.get("nys-button")||customElements.define("nys-button",t1);const is=g`
|
|
1383
1390
|
:host {
|
|
1384
1391
|
/* Anything that can be overridden should be defined here */
|
|
1385
1392
|
|
|
@@ -1458,14 +1465,14 @@
|
|
|
1458
1465
|
.nys-badge__prefix {
|
|
1459
1466
|
font-weight: var(--_nys-badge-prefix-font-weight);
|
|
1460
1467
|
}
|
|
1461
|
-
`;var
|
|
1468
|
+
`;var as=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,ge=(a,e,t,o)=>{for(var s=o>1?void 0:o?ls(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&&as(e,t,s),s};const se=(j=class extends f{constructor(){super(...arguments),this.id="",this.name="",this._size="md",this._intent="neutral",this.prefixLabel="",this.label="",this._prefixIcon="",this._suffixIcon=""}get size(){return this._size}set size(e){this._size=j.VALID_SIZES.includes(e)?e:"md"}get intent(){return this._intent}set intent(e){this._intent=j.VALID_INTENT.includes(e)?e:"neutral"}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();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?j.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 c`
|
|
1462
1469
|
<div class="nys-badge">
|
|
1463
|
-
${e?
|
|
1464
|
-
${this.prefixLabel?
|
|
1470
|
+
${e?c`<nys-icon size="16" name=${e}></nys-icon>`:""}
|
|
1471
|
+
${this.prefixLabel?c`<div class="nys-badge__prefix">${this.prefixLabel}</div>`:""}
|
|
1465
1472
|
<div class="nys-badge__label">${this.label}</div>
|
|
1466
|
-
${t?
|
|
1473
|
+
${t?c`<nys-icon size="16" name=${t}></nys-icon>`:""}
|
|
1467
1474
|
</div>
|
|
1468
|
-
`}},
|
|
1475
|
+
`}},j.VALID_SIZES=["sm","md"],j.VALID_INTENT=["neutral","error","success","warning"],j.styles=is,j.DEFAULT_ICONS={neutral:"info",error:"emergency_home",success:"check_circle",warning:"warning"},j);ge([i({type:String})],se.prototype,"id",2),ge([i({type:String,reflect:!0})],se.prototype,"name",2),ge([i({reflect:!0})],se.prototype,"size",1),ge([i({reflect:!0})],se.prototype,"intent",1),ge([i({type:String})],se.prototype,"prefixLabel",2),ge([i({type:String})],se.prototype,"label",2),ge([i({type:String,attribute:"prefixicon"})],se.prototype,"prefixIcon",1),ge([i({type:String,attribute:"suffixicon"})],se.prototype,"suffixIcon",1);let s1=se;customElements.get("nys-badge")||customElements.define("nys-badge",s1);const o1=g`
|
|
1469
1476
|
:host {
|
|
1470
1477
|
/* Anything that can be overridden should be defined here */
|
|
1471
1478
|
|
|
@@ -1744,11 +1751,11 @@
|
|
|
1744
1751
|
border-color: var(--_nys-checkbox-border-color--disabled);
|
|
1745
1752
|
cursor: not-allowed;
|
|
1746
1753
|
}
|
|
1747
|
-
.nys-
|
|
1748
|
-
.nys-checkbox__text
|
|
1749
|
-
* {
|
|
1754
|
+
.nys-checkbox:has(.nys-checkbox__checkbox:disabled) * {
|
|
1750
1755
|
color: var(--_nys-checkbox-color--disabled);
|
|
1751
1756
|
cursor: not-allowed;
|
|
1757
|
+
--_nys-label-cursor: not-allowed;
|
|
1758
|
+
--_nys-label-color: var(--_nys-checkbox-color--disabled);
|
|
1752
1759
|
}
|
|
1753
1760
|
:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled) {
|
|
1754
1761
|
background-color: var(--_nys-checkbox-background-color--disabled);
|
|
@@ -1814,25 +1821,12 @@
|
|
|
1814
1821
|
border-color: var(--_nys-checkbox-outline-color) !important;
|
|
1815
1822
|
}
|
|
1816
1823
|
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
display: flex;
|
|
1820
|
-
flex-direction: column;
|
|
1821
|
-
margin: auto 0; /* Center text if single line label */
|
|
1822
|
-
align-items: flex-start;
|
|
1823
|
-
}
|
|
1824
|
-
|
|
1825
|
-
/* Label styling */
|
|
1826
|
-
.nys-checkbox__label {
|
|
1827
|
-
font-weight: var(--_nys-checkbox-font-weight);
|
|
1828
|
-
color: var(--nys-color-text, #1b1b1b);
|
|
1824
|
+
:host(:not([tile])) .nys-checkbox > nys-label {
|
|
1825
|
+
--_nys-label-font-weight: var(--_nys-checkbox-font-weight);
|
|
1829
1826
|
}
|
|
1830
1827
|
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
font-weight: var(--_nys-checkbox-font-weight);
|
|
1834
|
-
font-style: italic;
|
|
1835
|
-
text-align: left;
|
|
1828
|
+
:host([tile]) .nys-checkbox > nys-label {
|
|
1829
|
+
--_nys-description-font-style: normal;
|
|
1836
1830
|
}
|
|
1837
1831
|
|
|
1838
1832
|
/* Required */
|
|
@@ -1860,7 +1854,7 @@
|
|
|
1860
1854
|
overflow: hidden;
|
|
1861
1855
|
border: 0;
|
|
1862
1856
|
}
|
|
1863
|
-
`;var
|
|
1857
|
+
`;var cs=Object.defineProperty,ds=Object.getOwnPropertyDescriptor,U=(a,e,t,o)=>{for(var s=o>1?void 0:o?ds(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&&cs(e,t,s),s};let hs=0;const V=(ae=class extends f{constructor(){super(),this.id="",this.name="",this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.label="",this.description="",this.tile=!1,this._tooltip="",this.invert=!1,this.form=null,this._slottedDescriptionText="",this._size="md",this._internals=this.attachInternals()}get size(){return this._size}set size(e){this._size=ae.VALID_SIZES.includes(e)?e:"md"}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkbox-${Date.now()}-${hs++}`),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("invert")&&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.invert?t.toggleAttribute("invert",!0):t.removeAttribute("invert")})}_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(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector('slot[name="description"]'),t=(e==null?void 0:e.assignedNodes({flatten:!0}))||[];this._slottedDescriptionText=t.map(s=>{var r;return(r=s.textContent)==null?void 0:r.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(d=>{if(d.tagName.toLowerCase()==="nys-checkboxgroup"){if(Array.from(this.querySelectorAll("nys-checkbox")).filter(p=>p.checked).length===0)return d}else return typeof d.checkValidity=="function"&&!d.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`
|
|
1864
1858
|
<div class="nys-checkboxgroup">
|
|
1865
1859
|
<nys-label
|
|
1866
1860
|
for=${this.id}
|
|
@@ -1868,6 +1862,7 @@
|
|
|
1868
1862
|
description=${this.description}
|
|
1869
1863
|
flag=${this.required?"required":this.optional?"optional":""}
|
|
1870
1864
|
tooltip=${this._tooltip}
|
|
1865
|
+
?invert=${this.invert}
|
|
1871
1866
|
>
|
|
1872
1867
|
<slot name="description" slot="description">${this.description}</slot>
|
|
1873
1868
|
</nys-label>
|
|
@@ -1885,7 +1880,7 @@
|
|
|
1885
1880
|
.showDivider=${!this.tile}
|
|
1886
1881
|
></nys-errormessage>
|
|
1887
1882
|
</div>
|
|
1888
|
-
`}},
|
|
1883
|
+
`}},ae.VALID_SIZES=["sm","md"],ae.styles=o1,ae.formAssociated=!0,ae);U([i({type:String})],V.prototype,"id",2),U([i({type:String,reflect:!0})],V.prototype,"name",2),U([i({type:Boolean,reflect:!0})],V.prototype,"required",2),U([i({type:Boolean,reflect:!0})],V.prototype,"optional",2),U([i({type:Boolean,reflect:!0})],V.prototype,"showError",2),U([i({type:String})],V.prototype,"errorMessage",2),U([i({type:String})],V.prototype,"label",2),U([i({type:String})],V.prototype,"description",2),U([i({type:Boolean,reflect:!0})],V.prototype,"tile",2),U([i({type:String})],V.prototype,"_tooltip",2),U([i({type:Boolean,reflect:!0})],V.prototype,"invert",2),U([i({type:String,reflect:!0})],V.prototype,"form",2),U([z()],V.prototype,"_slottedDescriptionText",2),U([i({reflect:!0})],V.prototype,"size",1);let r1=V;customElements.get("nys-checkboxgroup")||customElements.define("nys-checkboxgroup",r1);var ys=Object.defineProperty,us=Object.getOwnPropertyDescriptor,H=(a,e,t,o)=>{for(var s=o>1?void 0:o?us(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&&ys(e,t,s),s};let ps=0;const A=(le=class extends f{constructor(){super(),this.checked=!1,this.disabled=!1,this.required=!1,this.label="",this.description="",this.id="",this.name="",this.value="",this.form=null,this.showError=!1,this.errorMessage="",this.groupExist=!1,this.tile=!1,this.invert=!1,this._size="md",this._manageLabelClick=()=>{var o,s;const e=(o=this.shadowRoot)==null?void 0:o.querySelector("nys-label"),t=(s=this.shadowRoot)==null?void 0:s.querySelector("input");e&&t&&e.addEventListener("click",()=>t.click())},this._internals=this.attachInternals()}get size(){return this._size}set size(e){this._size=le.VALID_SIZES.includes(e)?e:"md"}async getInputElement(){var e;return await this.updateComplete,((e=this.shadowRoot)==null?void 0:e.querySelector("input"))||null}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-checkbox-${Date.now()}-${ps++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue(),this._manageRequire(),this._manageLabelClick()}formResetCallback(){this.checked=!1}_setValue(){this.groupExist||this._internals.setFormValue(this.checked?this.value:null)}_manageRequire(){var o;const e=(o=this.shadowRoot)==null?void 0:o.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=""){var o,s;const t=(o=this.shadowRoot)==null?void 0:o.querySelector("input");t&&(this.showError=!!e,(s=this.errorMessage)!=null&&s.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){var s;const e=(s=this.shadowRoot)==null?void 0:s.querySelector("input");if(!e)return;const t=e.validity;let o="";t.valueMissing&&(o="This field is required"),this._setValidityMessage(o)}checkValidity(){var t;if(this.required&&!this.checked)return!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("input");return e?e.checkValidity():!0}_handleInvalid(e){var o;e.preventDefault(),this.showError=!0,this._validate();const t=(o=this.shadowRoot)==null?void 0:o.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(d=>typeof d.checkValidity=="function"&&!d.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(){var e;return c`
|
|
1889
1884
|
<label class="nys-checkbox">
|
|
1890
1885
|
<div class="nys-checkbox__checkboxwrapper">
|
|
1891
1886
|
<input
|
|
@@ -1906,31 +1901,36 @@
|
|
|
1906
1901
|
@focus="${this._handleFocus}"
|
|
1907
1902
|
@blur="${this._handleBlur}"
|
|
1908
1903
|
@keydown="${this._handleKeydown}"
|
|
1904
|
+
aria-label="${this.label}"
|
|
1909
1905
|
/>
|
|
1910
|
-
${this.checked?
|
|
1906
|
+
${this.checked?c`<nys-icon
|
|
1911
1907
|
for="${this.id}"
|
|
1912
1908
|
name="check"
|
|
1913
1909
|
size="${this.size==="md"?"4xl":this.size==="sm"?"2xl":"xl"}"
|
|
1914
1910
|
class="nys-checkbox__icon"
|
|
1915
1911
|
></nys-icon>`:""}
|
|
1916
1912
|
</div>
|
|
1917
|
-
${this.label&&
|
|
1918
|
-
<
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1913
|
+
${this.label&&c`
|
|
1914
|
+
<nys-label
|
|
1915
|
+
for=${this.id}
|
|
1916
|
+
label=${this.label}
|
|
1917
|
+
description=${u(this.description??void 0)}
|
|
1918
|
+
flag=${u(this.required?"required":void 0)}
|
|
1919
|
+
?invert=${this.invert}
|
|
1920
|
+
>
|
|
1921
|
+
<slot name="description" slot="description"
|
|
1922
|
+
>${this.description}</slot
|
|
1923
|
+
>
|
|
1924
|
+
</nys-label>
|
|
1925
|
+
`}
|
|
1926
1926
|
</label>
|
|
1927
|
-
${((e=this.parentElement)==null?void 0:e.tagName.toLowerCase())!=="nys-checkboxgroup"?
|
|
1927
|
+
${((e=this.parentElement)==null?void 0:e.tagName.toLowerCase())!=="nys-checkboxgroup"?c`<nys-errormessage
|
|
1928
1928
|
id="single-error-message"
|
|
1929
1929
|
?showError=${this.showError}
|
|
1930
1930
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
1931
1931
|
.showDivider=${!this.tile}
|
|
1932
1932
|
></nys-errormessage>`:""}
|
|
1933
|
-
`}},
|
|
1933
|
+
`}},le.VALID_SIZES=["sm","md"],le.styles=o1,le.formAssociated=!0,le);H([i({type:Boolean,reflect:!0})],A.prototype,"checked",2),H([i({type:Boolean,reflect:!0})],A.prototype,"disabled",2),H([i({type:Boolean,reflect:!0})],A.prototype,"required",2),H([i({type:String})],A.prototype,"label",2),H([i({type:String})],A.prototype,"description",2),H([i({type:String})],A.prototype,"id",2),H([i({type:String,reflect:!0})],A.prototype,"name",2),H([i({type:String})],A.prototype,"value",2),H([i({type:String,reflect:!0})],A.prototype,"form",2),H([i({type:Boolean,reflect:!0})],A.prototype,"showError",2),H([i({type:String})],A.prototype,"errorMessage",2),H([i({type:Boolean})],A.prototype,"groupExist",2),H([i({type:Boolean,reflect:!0})],A.prototype,"tile",2),H([i({type:Boolean,reflect:!0})],A.prototype,"invert",2),H([i({reflect:!0})],A.prototype,"size",1);let n1=A;customElements.get("nys-checkbox")||customElements.define("nys-checkbox",n1);const vs=g`
|
|
1934
1934
|
:host {
|
|
1935
1935
|
/* Anything that can be overridden should be defined here */
|
|
1936
1936
|
|
|
@@ -1952,7 +1952,7 @@
|
|
|
1952
1952
|
margin: 0;
|
|
1953
1953
|
border: none;
|
|
1954
1954
|
}
|
|
1955
|
-
`;var
|
|
1955
|
+
`;var fs=Object.defineProperty,gs=(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 $t=class $t extends f{constructor(){super(),this.inverted=!1}render(){return c`<hr class="nys-divider" />`}};$t.styles=vs;let Ye=$t;gs([i({type:Boolean,reflect:!0})],Ye.prototype,"inverted"),customElements.get("nys-divider")||customElements.define("nys-divider",Ye);const bs=g`
|
|
1956
1956
|
:host {
|
|
1957
1957
|
--_nys-errormessage-font-family: var(
|
|
1958
1958
|
--nys-font-family-ui,
|
|
@@ -2001,10 +2001,10 @@
|
|
|
2001
2001
|
border-top: var(--_nys-errormessage-width--divider) solid
|
|
2002
2002
|
var(--_nys-errormessage-color);
|
|
2003
2003
|
}
|
|
2004
|
-
`;var
|
|
2004
|
+
`;var _s=Object.defineProperty,_t=(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&&_s(e,t,s),s};const at=class at extends f{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}>
|
|
2005
2005
|
<nys-icon name="error" size="2xl"></nys-icon>
|
|
2006
2006
|
${this._internals.validationMessage||this.errorMessage}
|
|
2007
|
-
</div>`:""}`}};
|
|
2007
|
+
</div>`:""}`}};at.styles=bs,at.formAssociated=!0;let Ee=at;_t([i({type:Boolean})],Ee.prototype,"showError"),_t([i({type:String})],Ee.prototype,"errorMessage"),_t([i({type:Boolean,reflect:!0})],Ee.prototype,"showDivider"),customElements.get("nys-errormessage")||customElements.define("nys-errormessage",Ee);async function Cs(a,e){if(!e||e.trim()==="")return!0;const t=e.toLowerCase().split(",").map(r=>r.trim()),o=a.name.toLowerCase(),s=o.includes(".")?o.split(".").pop():"";for(const r of t)if(r.startsWith(".")&&r.slice(1)===s||r.endsWith("/*")&&a.type.startsWith(r.slice(0,-1))||a.type===r)return!0;return!1}const ms=g`
|
|
2008
2008
|
:host {
|
|
2009
2009
|
/* Global Fileinput Styles */
|
|
2010
2010
|
--_nys-fileinput-gap: var(--nys-space-100, 8px);
|
|
@@ -2137,7 +2137,7 @@
|
|
|
2137
2137
|
progress::-webkit-progress-bar {
|
|
2138
2138
|
background-color: var(--_nys-fileinput-progress-background);
|
|
2139
2139
|
}
|
|
2140
|
-
`,
|
|
2140
|
+
`,xs=g`
|
|
2141
2141
|
:host {
|
|
2142
2142
|
/* Global fileitem Styles */
|
|
2143
2143
|
--_nys-fileitem-border-radius: var(--nys-radius-md, 4px);
|
|
@@ -2282,7 +2282,7 @@
|
|
|
2282
2282
|
transform: rotate(360deg);
|
|
2283
2283
|
}
|
|
2284
2284
|
}
|
|
2285
|
-
`;var
|
|
2285
|
+
`;var ws=Object.defineProperty,nt=(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&&ws(e,t,s),s};const St=class St extends f{constructor(){super(...arguments),this.filename="",this.status="pending",this.progress=0,this.errorMessage=""}_handleRemove(){this.dispatchEvent(new CustomEvent("nys-fileRemove",{detail:{filename:this.filename},bubbles:!0,composed:!0}))}splitFilename(e){const t=e.lastIndexOf("."),o=t!==-1?e.slice(t):"",s=t!==-1?e.slice(0,t):e,r=s.slice(0,s.length-3),n=s.slice(-3);return{startPart:r,endPart:n,extension:o}}render(){const{startPart:e,endPart:t,extension:o}=this.splitFilename(this.filename);return c`
|
|
2286
2286
|
<div
|
|
2287
2287
|
class="file-item ${this.status}"
|
|
2288
2288
|
aria-busy=${this.status==="processing"?"true":"false"}
|
|
@@ -2301,7 +2301,7 @@
|
|
|
2301
2301
|
>${t}${o}</span
|
|
2302
2302
|
>
|
|
2303
2303
|
</div>
|
|
2304
|
-
${this.errorMessage?
|
|
2304
|
+
${this.errorMessage?c`<p
|
|
2305
2305
|
class="file-item__error"
|
|
2306
2306
|
role="alert"
|
|
2307
2307
|
aria-live="assertive"
|
|
@@ -2322,7 +2322,7 @@
|
|
|
2322
2322
|
ariaLabel="Remove file: ${this.filename}"
|
|
2323
2323
|
></nys-button>
|
|
2324
2324
|
</div>
|
|
2325
|
-
${this.status==="processing"?
|
|
2325
|
+
${this.status==="processing"?c`<div
|
|
2326
2326
|
class="file-item__progress-container"
|
|
2327
2327
|
role="progressbar"
|
|
2328
2328
|
aria-valuemin="0"
|
|
@@ -2333,7 +2333,7 @@
|
|
|
2333
2333
|
<progress value=${this.progress} max="100"></progress>
|
|
2334
2334
|
</div>`:null}
|
|
2335
2335
|
</div>
|
|
2336
|
-
`}};
|
|
2336
|
+
`}};St.styles=xs;let Ae=St;nt([i({type:String})],Ae.prototype,"filename"),nt([i({type:String})],Ae.prototype,"status"),nt([i({type:Number})],Ae.prototype,"progress"),nt([i({type:String})],Ae.prototype,"errorMessage"),customElements.define("nys-fileitem",Ae);var ks=Object.defineProperty,D=(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&&ks(e,t,s),s};let $s=0;const lt=class lt extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.multiple=!1,this.form=null,this._tooltip="",this.accept="",this.disabled=!1,this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.dropzone=!1,this.width="full",this.invert=!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(s=>s.status==="error");let t="";if(this._selectedFiles.length===1)t=`You have selected ${this._selectedFiles[0].file.name}.`;else{const s=this._selectedFiles.map(r=>r.file.name).join(", ");t=`You have selected ${this._selectedFiles.length} files: ${s}`}return`${t}${e?" Error: One or more files are not valid file types.":""}`}get _innerNysButton(){var o;const e=this.renderRoot.querySelector('[name="file-btn"]');return(o=e==null?void 0:e.shadowRoot)==null?void 0:o.querySelector("button")}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-fileinput-${Date.now()}-${$s++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}_setValue(){var e;if(this.multiple){const t=this._selectedFiles.map(o=>o.file);if(t.length>0){const o=new FormData;t.forEach(s=>{o.append(this.name,s)}),this._internals.setFormValue(o)}else this._internals.setFormValue(null)}else{const t=((e=this._selectedFiles[0])==null?void 0:e.file)||null;this._internals.setFormValue(t)}this._manageRequire()}_manageRequire(){var s;const e=(s=this.shadowRoot)==null?void 0:s.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=""){var o,s;const t=(o=this.shadowRoot)==null?void 0:o.querySelector("input");t&&(this.showError=e===(this.errorMessage||"Please upload a file."),(s=this.errorMessage)!=null&&s.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){const e=this._selectedFiles.some(s=>s.status==="error"),t=this.required&&this._selectedFiles.length===0;let o="";t?o=this.errorMessage||"Please upload a file.":e&&(o="One or more files are invalid."),this._setValidityMessage(o)}checkValidity(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("input");return e?e.checkValidity():!0}_handleInvalid(e){e.preventDefault(),this._validate();const t=this._innerNysButton;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"))}}async _saveSelectedFiles(e){if(this._selectedFiles.some(s=>s.file.name==e.name)||!this.multiple&&this._selectedFiles.length>=1)return;const o={file:e,progress:0,status:"pending"};this._selectedFiles.push(o),await this._processFile(o),this._setValue(),this._validate()}async _processFile(e){e.status="processing";try{if(!await Cs(e.file,this.accept)){e.status="error",e.errorMsg="File type is invalid.",this.requestUpdate();return}const o=new FileReader;o.onprogress=s=>{if(s.lengthComputable){const r=Math.round(s.loaded*100/s.total);e.progress=r,this.requestUpdate()}},o.onload=()=>{e.progress=100,e.status="done",this.requestUpdate()},o.onerror=()=>{e.status="error",e.errorMsg="Failed to load file.",this.requestUpdate()},o.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(){const e=this.renderRoot.querySelector(".hidden-file-input");e==null||e.click()}_handlePostFileSelectionFocus(){if(this.multiple){const e=this._innerNysButton;e&&e.focus()}else this._focusFirstFileItemIfSingleMode()}async _focusFirstFileItemIfSingleMode(){var e;if(!this.multiple){await this.updateComplete;const t=this.renderRoot.querySelector("nys-fileitem"),o=(e=t==null?void 0:t.shadowRoot)==null?void 0:e.querySelector(".file-item");o&&(o.setAttribute("tabindex","-1"),o.focus())}}_handleFileChange(e){const o=e.target.files;(o?Array.from(o):[]).map(r=>{this._saveSelectedFiles(r)}),this.requestUpdate(),this._dispatchChangeEvent(),this._handlePostFileSelectionFocus()}_handleFileRemove(e){var o;const t=e.detail.filename;if(this._selectedFiles=this._selectedFiles.filter(s=>s.file.name!==t),this._selectedFiles.length===0){const s=(o=this.shadowRoot)==null?void 0:o.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){var s;if(this.disabled)return;e.preventDefault(),this._dragActive=!1,this.requestUpdate();const t=(s=e.dataTransfer)==null?void 0:s.files;if(!t)return;const o=Array.from(t);this.multiple?o.forEach(r=>{this._saveSelectedFiles(r)}):this._saveSelectedFiles(o[0]),this.requestUpdate(),this._dispatchChangeEvent()}render(){return c`<div
|
|
2337
2337
|
class="nys-fileinput"
|
|
2338
2338
|
@nys-fileRemove=${this._handleFileRemove}
|
|
2339
2339
|
>
|
|
@@ -2343,6 +2343,7 @@
|
|
|
2343
2343
|
description=${this.description}
|
|
2344
2344
|
flag=${this.required?"required":this.optional?"optional":""}
|
|
2345
2345
|
_tooltip=${this._tooltip}
|
|
2346
|
+
?invert=${this.invert}
|
|
2346
2347
|
>
|
|
2347
2348
|
<slot name="description" slot="description">${this.description}</slot>
|
|
2348
2349
|
</nys-label>
|
|
@@ -2363,7 +2364,7 @@
|
|
|
2363
2364
|
hidden
|
|
2364
2365
|
/>
|
|
2365
2366
|
|
|
2366
|
-
${this.dropzone?
|
|
2367
|
+
${this.dropzone?c`<div
|
|
2367
2368
|
class="nys-fileinput__dropzone
|
|
2368
2369
|
${this._dragActive?"drag-active":""}
|
|
2369
2370
|
${this._isDropDisabled?"disabled":""}
|
|
@@ -2375,7 +2376,7 @@
|
|
|
2375
2376
|
@drop=${this._isDropDisabled?null:this._onDrop}
|
|
2376
2377
|
aria-label="Drag files here or choose from folder"
|
|
2377
2378
|
>
|
|
2378
|
-
${this._dragActive?
|
|
2379
|
+
${this._dragActive?c`<p>Drop file to upload</p>`:c` <nys-button
|
|
2379
2380
|
id=${this.id}
|
|
2380
2381
|
name="file-btn"
|
|
2381
2382
|
label=${this.multiple?"Choose files":"Choose file"}
|
|
@@ -2386,7 +2387,7 @@
|
|
|
2386
2387
|
.onClick=${e=>{e.stopPropagation(),this._openFileDialog()}}
|
|
2387
2388
|
></nys-button>
|
|
2388
2389
|
<p>or drag here</p>`}
|
|
2389
|
-
</div>`:
|
|
2390
|
+
</div>`:c`<nys-button
|
|
2390
2391
|
id=${this.id}
|
|
2391
2392
|
name="file-btn"
|
|
2392
2393
|
label=${this.multiple?"Choose files":"Choose file"}
|
|
@@ -2396,15 +2397,15 @@
|
|
|
2396
2397
|
?disabled=${this.disabled||!this.multiple&&this._selectedFiles.length>0}
|
|
2397
2398
|
.onClick=${()=>this._openFileDialog()}
|
|
2398
2399
|
></nys-button>`}
|
|
2399
|
-
${this.showError?
|
|
2400
|
+
${this.showError?c`
|
|
2400
2401
|
<nys-errormessage
|
|
2401
2402
|
?showError=${this.showError}
|
|
2402
2403
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
2403
2404
|
></nys-errormessage>
|
|
2404
2405
|
`:null}
|
|
2405
|
-
${this._selectedFiles.length>0?
|
|
2406
|
+
${this._selectedFiles.length>0?c`
|
|
2406
2407
|
<ul>
|
|
2407
|
-
${this._selectedFiles.map(e=>
|
|
2408
|
+
${this._selectedFiles.map(e=>c`<li>
|
|
2408
2409
|
<nys-fileitem
|
|
2409
2410
|
filename=${e.file.name}
|
|
2410
2411
|
status=${e.status}
|
|
@@ -2414,7 +2415,7 @@
|
|
|
2414
2415
|
</li>`)}
|
|
2415
2416
|
</ul>
|
|
2416
2417
|
`:null}
|
|
2417
|
-
</div>`}};
|
|
2418
|
+
</div>`}};lt.styles=ms,lt.formAssociated=!0;let k=lt;D([i({type:String})],k.prototype,"id"),D([i({type:String,reflect:!0})],k.prototype,"name"),D([i({type:String})],k.prototype,"label"),D([i({type:String})],k.prototype,"description"),D([i({type:Boolean})],k.prototype,"multiple"),D([i({type:String,reflect:!0})],k.prototype,"form"),D([i({type:String})],k.prototype,"_tooltip"),D([i({type:String})],k.prototype,"accept"),D([i({type:Boolean,reflect:!0})],k.prototype,"disabled"),D([i({type:Boolean,reflect:!0})],k.prototype,"required"),D([i({type:Boolean,reflect:!0})],k.prototype,"optional"),D([i({type:Boolean,reflect:!0})],k.prototype,"showError"),D([i({type:String})],k.prototype,"errorMessage"),D([i({type:Boolean})],k.prototype,"dropzone"),D([i({type:String,reflect:!0})],k.prototype,"width"),D([i({type:Boolean,reflect:!0})],k.prototype,"invert"),customElements.get("nys-fileinput")||customElements.define("nys-fileinput",k);const Ss={account_circle:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2418
2419
|
<mask id="mask0_12372_781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
2419
2420
|
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
2420
2421
|
</mask>
|
|
@@ -2547,6 +2548,13 @@
|
|
|
2547
2548
|
<g mask="url(#mask0_5058_681)">
|
|
2548
2549
|
<path d="M8 21C7.45 21 6.97917 20.8042 6.5875 20.4125C6.19583 20.0208 6 19.55 6 19V17H4C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V11C2 10.15 2.29167 9.4375 2.875 8.8625C3.45833 8.2875 4.16667 8 5 8H19C19.85 8 20.5625 8.2875 21.1375 8.8625C21.7125 9.4375 22 10.15 22 11V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H18V19C18 19.55 17.8042 20.0208 17.4125 20.4125C17.0208 20.8042 16.55 21 16 21H8ZM4 15H6C6 14.45 6.19583 13.9792 6.5875 13.5875C6.97917 13.1958 7.45 13 8 13H16C16.55 13 17.0208 13.1958 17.4125 13.5875C17.8042 13.9792 18 14.45 18 15H20V11C20 10.7167 19.9042 10.4792 19.7125 10.2875C19.5208 10.0958 19.2833 10 19 10H5C4.71667 10 4.47917 10.0958 4.2875 10.2875C4.09583 10.4792 4 10.7167 4 11V15ZM16 8V5H8V8H6V5C6 4.45 6.19583 3.97917 6.5875 3.5875C6.97917 3.19583 7.45 3 8 3H16C16.55 3 17.0208 3.19583 17.4125 3.5875C17.8042 3.97917 18 4.45 18 5V8H16ZM18 12.5C18.2833 12.5 18.5208 12.4042 18.7125 12.2125C18.9042 12.0208 19 11.7833 19 11.5C19 11.2167 18.9042 10.9792 18.7125 10.7875C18.5208 10.5958 18.2833 10.5 18 10.5C17.7167 10.5 17.4792 10.5958 17.2875 10.7875C17.0958 10.9792 17 11.2167 17 11.5C17 11.7833 17.0958 12.0208 17.2875 12.2125C17.4792 12.4042 17.7167 12.5 18 12.5ZM16 19V15H8V19H16Z" fill="var(--nys-icon-color, currentcolor)"/>
|
|
2549
2550
|
</g>
|
|
2551
|
+
</svg>`,phone_in_talk:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2552
|
+
<mask id="mask0_10908_589" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
2553
|
+
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
2554
|
+
</mask>
|
|
2555
|
+
<g mask="url(#mask0_10908_589)">
|
|
2556
|
+
<path d="M20 12C19.7333 12 19.4958 11.9042 19.2875 11.7125C19.0792 11.5208 18.9583 11.2833 18.925 11C18.7083 9.45 18.0542 8.12917 16.9625 7.0375C15.8708 5.94583 14.55 5.29167 13 5.075C12.7167 5.04167 12.4792 4.925 12.2875 4.725C12.0958 4.525 12 4.28333 12 4C12 3.71667 12.1 3.47917 12.3 3.2875C12.5 3.09583 12.7333 3.01667 13 3.05C15.1 3.28333 16.8917 4.14167 18.375 5.625C19.8583 7.10833 20.7167 8.9 20.95 11C20.9833 11.2667 20.9042 11.5 20.7125 11.7C20.5208 11.9 20.2833 12 20 12ZM15.825 12C15.6083 12 15.4167 11.925 15.25 11.775C15.0833 11.625 14.9583 11.425 14.875 11.175C14.7417 10.6917 14.4875 10.2625 14.1125 9.8875C13.7375 9.5125 13.3083 9.25833 12.825 9.125C12.575 9.04167 12.375 8.91667 12.225 8.75C12.075 8.58333 12 8.38333 12 8.15C12 7.81667 12.1167 7.54583 12.35 7.3375C12.5833 7.12917 12.8417 7.05833 13.125 7.125C14.0583 7.34167 14.8625 7.7875 15.5375 8.4625C16.2125 9.1375 16.6583 9.94167 16.875 10.875C16.9417 11.1583 16.8667 11.4167 16.65 11.65C16.4333 11.8833 16.1583 12 15.825 12ZM19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM6.025 9L7.675 7.35L7.25 5H5.025C5.10833 5.68333 5.225 6.35833 5.375 7.025C5.525 7.69167 5.74167 8.35 6.025 9ZM14.975 17.95C15.625 18.2333 16.2875 18.4583 16.9625 18.625C17.6375 18.7917 18.3167 18.9 19 18.95V16.75L16.65 16.275L14.975 17.95Z" fill="var(--nys-icon-color, currentcolor)"/>
|
|
2557
|
+
</g>
|
|
2550
2558
|
</svg>`,progress_activity:`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2551
2559
|
<mask id="mask0_4782_166" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
2552
2560
|
<rect width="24" height="24" fill="#D9D9D9"/>
|
|
@@ -2931,7 +2939,7 @@
|
|
|
2931
2939
|
<g mask="url(#mask0_12372_621)">
|
|
2932
2940
|
<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)"/>
|
|
2933
2941
|
</g>
|
|
2934
|
-
</svg>`},
|
|
2942
|
+
</svg>`},Ls=g`
|
|
2935
2943
|
:host {
|
|
2936
2944
|
display: inline-block;
|
|
2937
2945
|
--_nys-icon-size: var(
|
|
@@ -3034,7 +3042,7 @@
|
|
|
3034
3042
|
.nys-icon--flip-both {
|
|
3035
3043
|
transform: scale(-1, -1);
|
|
3036
3044
|
}
|
|
3037
|
-
`;var
|
|
3045
|
+
`;var Es=Object.defineProperty,As=Object.getOwnPropertyDescriptor,Pe=(a,e,t,o)=>{for(var s=o>1?void 0:o?As(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&&Es(e,t,s),s};const De=(me=class extends f{constructor(){super(...arguments),this.name="",this.ariaLabel="",this.rotate="0",this.flip="",this.color="",this._size="sm"}get size(){return this._size}set size(e){this._size=me.VALID_TYPES.includes(e)?e:"sm"}getIcon(){const e=Ss[this.name];if(!e)return null;const s=new DOMParser().parseFromString(e,"image/svg+xml").documentElement;return s instanceof SVGElement?(s.setAttribute("role","img"),this.ariaLabel?(s.setAttribute("aria-label",this.ariaLabel),s.removeAttribute("aria-hidden")):(s.setAttribute("aria-hidden","true"),s.removeAttribute("aria-label")),s.style.rotate=`${this.rotate}deg`,s.style.color=this.color||"currentcolor",s.classList.add(`nys-icon--${this.size}`),s.classList.add("nys-icon--svg"),this.flip&&s.classList.add(`nys-icon--flip-${this.flip}`),s):null}render(){const e=this.getIcon();return e?c`${e}`:null}},me.styles=Ls,me.VALID_TYPES=["2xs","xs","sm","md","lg","xl","2xl","3xl","4xl","12","16","24","32","40","48","64"],me);Pe([i({type:String,reflect:!0})],De.prototype,"name",2),Pe([i({type:String})],De.prototype,"ariaLabel",2),Pe([i({type:String})],De.prototype,"rotate",2),Pe([i({type:String})],De.prototype,"flip",2),Pe([i({type:String})],De.prototype,"color",2),Pe([i({reflect:!0})],De.prototype,"size",1);let i1=De;customElements.get("nys-icon")||customElements.define("nys-icon",i1);const Ds=g`
|
|
3038
3046
|
:host {
|
|
3039
3047
|
/* Label Typography */
|
|
3040
3048
|
--_nys-label-font-family: var(
|
|
@@ -3053,18 +3061,19 @@
|
|
|
3053
3061
|
--_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);
|
|
3054
3062
|
--_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);
|
|
3055
3063
|
--_nys-label-color: var(--nys-color-text, #1b1b1b);
|
|
3064
|
+
--_nys-label-cursor: normal;
|
|
3056
3065
|
|
|
3057
3066
|
/* Description */
|
|
3058
|
-
--
|
|
3059
|
-
--
|
|
3060
|
-
--
|
|
3067
|
+
--_nys-description-font-weight: var(--nys-font-weight-regular, 400);
|
|
3068
|
+
--_nys-description-font-style: italic;
|
|
3069
|
+
--_nys-description-font-color: var(--nys-color-text, #1b1b1b);
|
|
3061
3070
|
|
|
3062
3071
|
/* Required Flag */
|
|
3063
|
-
--
|
|
3072
|
+
--_nys-required-font-color: var(--nys-color-danger, #b52c2c);
|
|
3064
3073
|
|
|
3065
3074
|
/* Optional Flag */
|
|
3066
|
-
--
|
|
3067
|
-
--
|
|
3075
|
+
--_nys-optional-font-weight: var(--nys-font-weight-regular, 400);
|
|
3076
|
+
--_nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);
|
|
3068
3077
|
|
|
3069
3078
|
/* Spacing */
|
|
3070
3079
|
--_nys-label-gap: var(--nys-space-4px, 4px);
|
|
@@ -3080,6 +3089,10 @@
|
|
|
3080
3089
|
letter-spacing: var(--_nys-label-letter-spacing);
|
|
3081
3090
|
}
|
|
3082
3091
|
|
|
3092
|
+
.nys-label * {
|
|
3093
|
+
cursor: var(--_nys-label-cursor);
|
|
3094
|
+
}
|
|
3095
|
+
|
|
3083
3096
|
.nys-label__label {
|
|
3084
3097
|
display: flex;
|
|
3085
3098
|
gap: var(--_nys-label-gap);
|
|
@@ -3090,19 +3103,21 @@
|
|
|
3090
3103
|
|
|
3091
3104
|
.nys-label__description {
|
|
3092
3105
|
text-align: left;
|
|
3093
|
-
font-weight: var(--
|
|
3094
|
-
font-style: var(--
|
|
3095
|
-
color: var(--
|
|
3106
|
+
font-weight: var(--_nys-description-font-weight);
|
|
3107
|
+
font-style: var(--_nys-description-font-style);
|
|
3108
|
+
color: var(--_nys-description-font-color);
|
|
3096
3109
|
}
|
|
3097
3110
|
|
|
3098
3111
|
.nys-label__required {
|
|
3112
|
+
display: contents;
|
|
3099
3113
|
font-weight: var(--_nys-label-font-weight);
|
|
3100
|
-
color: var(--
|
|
3114
|
+
color: var(--_nys-required-font-color);
|
|
3101
3115
|
}
|
|
3102
3116
|
|
|
3103
3117
|
.nys-label__optional {
|
|
3104
|
-
|
|
3105
|
-
|
|
3118
|
+
display: contents;
|
|
3119
|
+
font-weight: var(--_nys-optional-font-weight);
|
|
3120
|
+
color: var(--_nys-optional-font-color);
|
|
3106
3121
|
}
|
|
3107
3122
|
|
|
3108
3123
|
.nys-label__tooltip-wrapper {
|
|
@@ -3113,19 +3128,29 @@
|
|
|
3113
3128
|
.nys-label__tooltip-icon {
|
|
3114
3129
|
margin-top: -2px;
|
|
3115
3130
|
}
|
|
3116
|
-
|
|
3117
|
-
|
|
3131
|
+
|
|
3132
|
+
.nys-label.invert .nys-label__label,
|
|
3133
|
+
.nys-label.invert .nys-label__description,
|
|
3134
|
+
.nys-label.invert .nys-label__optional {
|
|
3135
|
+
color: var(--nys-color-text-inverse, #fff);
|
|
3136
|
+
}
|
|
3137
|
+
|
|
3138
|
+
.nys-label.invert .nys-label__tooltip-icon {
|
|
3139
|
+
color: var(--nys-color-ink-inverse, #fff);
|
|
3140
|
+
}
|
|
3141
|
+
`;var Ms=Object.defineProperty,zs=Object.getOwnPropertyDescriptor,Oe=(a,e,t,o)=>{for(var s=o>1?void 0:o?zs(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&&Ms(e,t,s),s};const Lt=class Lt extends f{constructor(){super(...arguments),this.for="",this.label="",this.description="",this.flag="",this.invert=!1,this._tooltip=""}get tooltip(){return this._tooltip}set tooltip(e){this._tooltip=e}render(){return c`
|
|
3142
|
+
<div class="nys-label ${this.invert?"invert":""}">
|
|
3118
3143
|
<div class="nys-label__tooltip-wrapper">
|
|
3119
3144
|
<label for=${this.for} class="nys-label__label"
|
|
3120
3145
|
>${this.label}
|
|
3121
|
-
${this.flag==="required"?
|
|
3122
|
-
${this.flag==="optional"?
|
|
3146
|
+
${this.flag==="required"?c`<div class="nys-label__required">*</div>`:""}
|
|
3147
|
+
${this.flag==="optional"?c`<div class="nys-label__optional">(Optional)</div>`:""}</label
|
|
3123
3148
|
>
|
|
3124
|
-
${this._tooltip?
|
|
3149
|
+
${this._tooltip?c`<nys-tooltip
|
|
3125
3150
|
text="${this._tooltip}"
|
|
3126
3151
|
position="top"
|
|
3127
3152
|
focusable
|
|
3128
|
-
?inverted=${this.
|
|
3153
|
+
?inverted=${this.invert}
|
|
3129
3154
|
>
|
|
3130
3155
|
<div class="nys-label__tooltip-icon">
|
|
3131
3156
|
<nys-icon name="info" size="3xl"></nys-icon>
|
|
@@ -3136,7 +3161,386 @@
|
|
|
3136
3161
|
<slot name="description">${this.description}</slot>
|
|
3137
3162
|
</label>
|
|
3138
3163
|
</div>
|
|
3139
|
-
`}};
|
|
3164
|
+
`}};Lt.styles=Ds;let J=Lt;Oe([i({type:String})],J.prototype,"for",2),Oe([i({type:String})],J.prototype,"label",2),Oe([i({type:String})],J.prototype,"description",2),Oe([i({type:String})],J.prototype,"flag",2),Oe([i({type:Boolean,reflect:!0})],J.prototype,"invert",2),Oe([i({type:String})],J.prototype,"tooltip",1),customElements.get("nys-label")||customElements.define("nys-label",J);const Vs=g`
|
|
3165
|
+
:host {
|
|
3166
|
+
/* Global Modal Styles */
|
|
3167
|
+
--_nys-modal-width: 480px;
|
|
3168
|
+
--_nys-modal-min-width: 320px;
|
|
3169
|
+
--_nys-modal-border-radius: var(--nys-radius-lg, 8px);
|
|
3170
|
+
--_nys-modal-border-color: var(--nys-color-neutral-200, #bec0c1);
|
|
3171
|
+
--_nys-modal-border-width: 1px;
|
|
3172
|
+
--_nys-modal-background-color: var(--nys-color-surface, #fff);
|
|
3173
|
+
--_nys-modal-margin: var(--nys-space-250, 20px);
|
|
3174
|
+
--_nys-modal-padding: var(--nys-space-300, 24px);
|
|
3175
|
+
--_nys-modal-gap: var(--nys-space-200, 16px);
|
|
3176
|
+
|
|
3177
|
+
/* Modal Overlay */
|
|
3178
|
+
--_nys-modal-background-color--overlay: var(
|
|
3179
|
+
--nys-color-black-transparent-700,
|
|
3180
|
+
rgba(27, 27, 27, 0.7)
|
|
3181
|
+
);
|
|
3182
|
+
|
|
3183
|
+
/* Modal Header */
|
|
3184
|
+
--_nys-modal-gap--header: var(--nys-space-100, 8px);
|
|
3185
|
+
|
|
3186
|
+
/* Modal Footer */
|
|
3187
|
+
--_nys-modal-gap--footer: var(--nys-space-250, 20px);
|
|
3188
|
+
|
|
3189
|
+
/* Typography */
|
|
3190
|
+
--_nys-modal-font-size: var(--nys-font-size-ui-md, 16px);
|
|
3191
|
+
--_nys-modal-font-weight--header: var(--nys-font-weight-bold, 700);
|
|
3192
|
+
--_nys-modal-font-weight--subheader: var(--nys-font-weight-regular, 400);
|
|
3193
|
+
--_nys-modal-line-height: var(--nys-font-lineheight-ui-md, 24px);
|
|
3194
|
+
--_nys-modal-font-family: var(
|
|
3195
|
+
--nys-font-family-ui,
|
|
3196
|
+
var(
|
|
3197
|
+
--nys-font-family-sans,
|
|
3198
|
+
"Proxima Nova",
|
|
3199
|
+
"Helvetica Neue",
|
|
3200
|
+
"Helvetica",
|
|
3201
|
+
"Arial",
|
|
3202
|
+
sans-serif
|
|
3203
|
+
)
|
|
3204
|
+
);
|
|
3205
|
+
}
|
|
3206
|
+
|
|
3207
|
+
/*** CSS & Slot resets ***/
|
|
3208
|
+
* {
|
|
3209
|
+
box-sizing: border-box;
|
|
3210
|
+
}
|
|
3211
|
+
|
|
3212
|
+
::slotted(p) {
|
|
3213
|
+
margin: 0 !important;
|
|
3214
|
+
}
|
|
3215
|
+
|
|
3216
|
+
h2,
|
|
3217
|
+
p {
|
|
3218
|
+
flex: 1;
|
|
3219
|
+
margin: 0;
|
|
3220
|
+
margin-bottom: 0;
|
|
3221
|
+
}
|
|
3222
|
+
|
|
3223
|
+
/*** Modal Overlay (black transparent background) ***/
|
|
3224
|
+
.nys-modal-overlay {
|
|
3225
|
+
position: fixed;
|
|
3226
|
+
top: 0;
|
|
3227
|
+
left: 0;
|
|
3228
|
+
width: 100vw;
|
|
3229
|
+
height: 100vh;
|
|
3230
|
+
display: flex;
|
|
3231
|
+
align-items: center;
|
|
3232
|
+
justify-content: center;
|
|
3233
|
+
z-index: 1000;
|
|
3234
|
+
background: var(--_nys-modal-background-color--overlay);
|
|
3235
|
+
}
|
|
3236
|
+
|
|
3237
|
+
/*** Base ***/
|
|
3238
|
+
.nys-modal {
|
|
3239
|
+
display: flex;
|
|
3240
|
+
flex-direction: column;
|
|
3241
|
+
margin: var(--_nys-modal-margin);
|
|
3242
|
+
padding: var(--_nys-modal-padding);
|
|
3243
|
+
gap: var(--_nys-modal-gap);
|
|
3244
|
+
width: var(--_nys-modal-width);
|
|
3245
|
+
min-width: var(--_nys-modal-min-width);
|
|
3246
|
+
border-radius: var(--_nys-modal-border-radius);
|
|
3247
|
+
border: var(--_nys-modal-border-width) solid var(--_nys-modal-border-color);
|
|
3248
|
+
font-family: var(--_nys-modal-font-family);
|
|
3249
|
+
font-size: var(--_nys-modal-font-size);
|
|
3250
|
+
line-height: var(--_nys-modal-line-height);
|
|
3251
|
+
background: var(--_nys-modal-background-color);
|
|
3252
|
+
position: relative;
|
|
3253
|
+
z-index: 10000;
|
|
3254
|
+
}
|
|
3255
|
+
|
|
3256
|
+
/*** Modal Header ***/
|
|
3257
|
+
.nys-modal_header {
|
|
3258
|
+
display: flex;
|
|
3259
|
+
flex-direction: column;
|
|
3260
|
+
align-items: flex-start;
|
|
3261
|
+
gap: var(--_nys-modal-gap--header);
|
|
3262
|
+
}
|
|
3263
|
+
|
|
3264
|
+
.nys-modal_header p {
|
|
3265
|
+
font-weight: var(--_nys-modal-font-weight--subheader);
|
|
3266
|
+
}
|
|
3267
|
+
|
|
3268
|
+
.nys-modal_header-inner {
|
|
3269
|
+
display: flex;
|
|
3270
|
+
align-items: center;
|
|
3271
|
+
width: 100%;
|
|
3272
|
+
font-weight: var(--_nys-modal-font-weight--header);
|
|
3273
|
+
}
|
|
3274
|
+
|
|
3275
|
+
/*** Modal Body ***/
|
|
3276
|
+
.nys-modal_body {
|
|
3277
|
+
display: flex;
|
|
3278
|
+
flex-direction: column;
|
|
3279
|
+
align-items: flex-start;
|
|
3280
|
+
}
|
|
3281
|
+
|
|
3282
|
+
.nys-modal_body-inner {
|
|
3283
|
+
overflow: auto;
|
|
3284
|
+
width: 100%;
|
|
3285
|
+
max-height: 45vh;
|
|
3286
|
+
}
|
|
3287
|
+
|
|
3288
|
+
.nys-modal_body.hidden {
|
|
3289
|
+
display: none;
|
|
3290
|
+
}
|
|
3291
|
+
|
|
3292
|
+
/*** Modal Footer (i.e. where the button slot is) ***/
|
|
3293
|
+
.nys-modal_footer ::slotted(*) {
|
|
3294
|
+
display: flex;
|
|
3295
|
+
flex-direction: column-reverse;
|
|
3296
|
+
justify-content: center;
|
|
3297
|
+
gap: var(--_nys-modal-gap--footer);
|
|
3298
|
+
align-self: stretch;
|
|
3299
|
+
}
|
|
3300
|
+
|
|
3301
|
+
.nys-modal_footer.hidden ::slotted(*) {
|
|
3302
|
+
display: none;
|
|
3303
|
+
}
|
|
3304
|
+
|
|
3305
|
+
@media (min-width: 480px) {
|
|
3306
|
+
.nys-modal_body-inner {
|
|
3307
|
+
max-height: 25vh;
|
|
3308
|
+
}
|
|
3309
|
+
.nys-modal_footer ::slotted(*) {
|
|
3310
|
+
flex-direction: row;
|
|
3311
|
+
justify-content: flex-end;
|
|
3312
|
+
align-items: center;
|
|
3313
|
+
}
|
|
3314
|
+
}
|
|
3315
|
+
`;var Hs=Object.defineProperty,Bs=Object.getOwnPropertyDescriptor,be=(a,e,t,o)=>{for(var s=o>1?void 0:o?Bs(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&&Hs(e,t,s),s};let Is=0;const oe=(xe=class extends f{constructor(){super(),this.id="",this.heading="",this.subheading="",this.open=!1,this.mandatory=!1,this._width="md",this._actionButtonSlot=null,this._prevFocusedElement=null,this._originalBodyOverflow=null,this.hasBodySlots=!1,this.hasActionSlots=!1}get width(){return this._width}set width(e){this._width=xe.VALID_WIDTHS.includes(e)?e:"md"}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-{{componentName}}-${Date.now()}-${Is++}`),window.addEventListener("resize",()=>this._updateSlottedButtonWidth()),window.addEventListener("keydown",e=>this._handleKeydown(e))}disconnectedCallback(){super.disconnectedCallback(),this._restoreBodyScroll(),window.removeEventListener("keydown",e=>this._handleKeydown(e))}firstUpdated(){this._handleBodySlotChange(),this._handleActionSlotChange()}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(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-modal");e==null||e.focus()}async _restorePrevFocused(){var t;const e=this._prevFocusedElement;if(e&&e.tagName.toLowerCase()==="nys-button"){const o=await e.getButtonElement();if(o){o.focus();return}}else(t=this._prevFocusedElement)==null||t.focus();this._prevFocusedElement=null}async _handleBodySlotChange(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");e&&(this.hasBodySlots=e.assignedNodes({flatten:!0}).some(o=>{var s;return o.nodeType===Node.ELEMENT_NODE||((s=o.textContent)==null?void 0:s.trim())}))}async _handleActionSlotChange(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector('slot[name="actions"]');e&&(this.hasActionSlots=e.assignedNodes({flatten:!0}).some(o=>{var s;return o.nodeType===Node.ELEMENT_NODE||((s=o.textContent)==null?void 0:s.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(o=>{e?o==null||o.setAttribute("fullWidth",""):o==null||o.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(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("nys-button");e&&(e.setAttribute("ariaLabel"," "),this.open&&setTimeout(()=>{e.setAttribute("ariaLabel","Close this window")},100))}async _handleKeydown(e){var t;if(this.open&&(e.key==="Escape"&&!this.mandatory&&(e.preventDefault(),this._closeModal()),e.key==="Tab")){const o=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-modal");if(!o)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^="-"])',r=[],n=o.querySelector("nys-button");n&&r.push(n);const d=Array.from(o.querySelectorAll("slot"));for(const l of d){const y=l.assignedElements({flatten:!0});for(const p of y)p instanceof HTMLElement&&p.matches(s)&&r.push(p),p.querySelectorAll("nys-button").forEach(h=>{r.push(h)})}if(r.length>0){const l=r[0],y=r[r.length-1];let p=document.activeElement,h=r.indexOf(p);if(e.shiftKey){e.preventDefault();let x=h-1;x<0&&(x=r.length-1);const E=r[x];if(r[x].tagName.toLowerCase()==="nys-button"){const we=await E.getButtonElement();we==null||we.focus()}else E.focus()}else if(p===y)if(e.preventDefault(),l.tagName.toLowerCase()==="nys-button"){const x=await l.getButtonElement();x==null||x.focus()}else l.focus()}}}_closeModal(){this.open=!1,this._dispatchCloseEvent()}render(){return this.open?c`<div
|
|
3316
|
+
id=${this.id}
|
|
3317
|
+
class="nys-modal-overlay"
|
|
3318
|
+
role="dialog"
|
|
3319
|
+
aria-modal="true"
|
|
3320
|
+
aria-labelledby="${this.id}-heading"
|
|
3321
|
+
aria-describedby="${this._getAriaDescribedBy()}"
|
|
3322
|
+
>
|
|
3323
|
+
<div class="nys-modal" tabindex="-1">
|
|
3324
|
+
<div class="nys-modal_header">
|
|
3325
|
+
<div class="nys-modal_header-inner">
|
|
3326
|
+
<h2 id="${this.id}-heading">${this.heading}</h2>
|
|
3327
|
+
${this.mandatory?"":c`<nys-button
|
|
3328
|
+
circle
|
|
3329
|
+
icon="close"
|
|
3330
|
+
variant="ghost"
|
|
3331
|
+
.onClick=${()=>this._closeModal()}
|
|
3332
|
+
></nys-button>`}
|
|
3333
|
+
</div>
|
|
3334
|
+
${this.subheading?c`<p id="${this.id}-subheading">${this.subheading}</p>`:""}
|
|
3335
|
+
</div>
|
|
3336
|
+
|
|
3337
|
+
<div
|
|
3338
|
+
id="${this.id}-desc"
|
|
3339
|
+
class="nys-modal_body ${this.hasBodySlots?"":"hidden"}"
|
|
3340
|
+
>
|
|
3341
|
+
<div class="nys-modal_body-inner">
|
|
3342
|
+
<slot @slotchange=${this._handleBodySlotChange}></slot>
|
|
3343
|
+
</div>
|
|
3344
|
+
</div>
|
|
3345
|
+
|
|
3346
|
+
<div
|
|
3347
|
+
class="nys-modal_footer ${this.hasActionSlots?"":"hidden"}"
|
|
3348
|
+
>
|
|
3349
|
+
<slot
|
|
3350
|
+
name="actions"
|
|
3351
|
+
@slotchange=${this._handleActionSlotChange}
|
|
3352
|
+
></slot>
|
|
3353
|
+
</div>
|
|
3354
|
+
</div>
|
|
3355
|
+
</div>`:""}},xe.VALID_WIDTHS=["sm","md","lg"],xe.styles=Vs,xe);be([i({type:String})],oe.prototype,"id",2),be([i({type:String})],oe.prototype,"heading",2),be([i({type:String})],oe.prototype,"subheading",2),be([i({type:Boolean,reflect:!0})],oe.prototype,"open",2),be([i({type:Boolean,reflect:!0})],oe.prototype,"mandatory",2),be([i({reflect:!0})],oe.prototype,"width",1),be([z()],oe.prototype,"hasBodySlots",2),be([z()],oe.prototype,"hasActionSlots",2);let a1=oe;customElements.get("nys-modal")||customElements.define("nys-modal",a1);const Ps=g`
|
|
3356
|
+
:host {
|
|
3357
|
+
/* Anything that can be overridden should be defined here */
|
|
3358
|
+
|
|
3359
|
+
/* Global Pagination Styles */
|
|
3360
|
+
--_nys-pagination-width: fit-content;
|
|
3361
|
+
--_nys-pagination-height: var(--nys-size-500, 40px);
|
|
3362
|
+
--_nys-pagination-radius: var(--nys-radius-xl, 12px);
|
|
3363
|
+
--_nys-pagination-gap: var(--nys-space-100, 8px);
|
|
3364
|
+
|
|
3365
|
+
/* Typography */
|
|
3366
|
+
--_nys-pagination-font-size: var(--nys-font-size-ui-md, 16px);
|
|
3367
|
+
--_nys-pagination-font-weight: var(--nys-font-weight-semibold, 600);
|
|
3368
|
+
--_nys-pagination-line-height: var(--nys-font-lineheight-ui-md, 24px);
|
|
3369
|
+
--_nys-pagination-font-family: var(
|
|
3370
|
+
--nys-font-family-ui,
|
|
3371
|
+
var(
|
|
3372
|
+
--nys-font-family-sans,
|
|
3373
|
+
"Proxima Nova",
|
|
3374
|
+
"Helvetica Neue",
|
|
3375
|
+
"Helvetica",
|
|
3376
|
+
"Arial",
|
|
3377
|
+
sans-serif
|
|
3378
|
+
)
|
|
3379
|
+
);
|
|
3380
|
+
}
|
|
3381
|
+
|
|
3382
|
+
.nys-pagination {
|
|
3383
|
+
width: var(--_nys-pagination-width);
|
|
3384
|
+
height: var(--_nys-pagination-height);
|
|
3385
|
+
border-radius: var(--_nys-pagination-radius);
|
|
3386
|
+
display: flex;
|
|
3387
|
+
align-items: center;
|
|
3388
|
+
justify-content: center;
|
|
3389
|
+
gap: var(--_nys-pagination-gap);
|
|
3390
|
+
font-family: var(--_nys-pagination-font-family);
|
|
3391
|
+
font-size: var(--_nys-pagination-font-size);
|
|
3392
|
+
font-weight: var(--_nys-pagination-font-weight);
|
|
3393
|
+
line-height: var(--_nys-pagination-line-height);
|
|
3394
|
+
}
|
|
3395
|
+
|
|
3396
|
+
nys-button {
|
|
3397
|
+
--_nys-button-height: var(--_nys-pagination-height);
|
|
3398
|
+
--_nys-button-border-width: var(--nys-border-width-sm, 1px);
|
|
3399
|
+
--_nys-button-border-radius--start: var(--nys-radius-md, 4px);
|
|
3400
|
+
--_nys-button-border-radius--end: var(--nys-radius-md, 4px);
|
|
3401
|
+
--_nys-button-padding--x: var(--nys-space-200, 16px);
|
|
3402
|
+
}
|
|
3403
|
+
|
|
3404
|
+
nys-button[variant="outline"] {
|
|
3405
|
+
--nys-button-background-color: var(--nys-color-ink-reverse, #fff);
|
|
3406
|
+
--nys-button-background-color--hover: var(--nys-color-neutral-10, #f6f6f6);
|
|
3407
|
+
--nys-button-background-color--active: var(--nys-color-neutral-50, #ededed);
|
|
3408
|
+
--nys-button-border-color: var(--nys-color-neutral-200, #bec0c1);
|
|
3409
|
+
--nys-button-border-color--hover: var(--nys-color-neutral-600, #62666a);
|
|
3410
|
+
--nys-button-border-color--active: var(--nys-color-neutral-900, #1b1b1b);
|
|
3411
|
+
--nys-button-color: var(--nys-color-link, #004dd1);
|
|
3412
|
+
--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);
|
|
3413
|
+
--nys-button-color--active: var(--nys-color-link-strong, #003ba1);
|
|
3414
|
+
}
|
|
3415
|
+
|
|
3416
|
+
nys-button[variant="filled"] {
|
|
3417
|
+
--nys-button-background-color: var(--nys-color-link, #004dd1);
|
|
3418
|
+
--nys-button-background-color--hover: var(
|
|
3419
|
+
--nys-color-link-strong,
|
|
3420
|
+
##003ba1
|
|
3421
|
+
);
|
|
3422
|
+
--nys-button-background-color--active: var(
|
|
3423
|
+
--nys-color-link-strongest,
|
|
3424
|
+
##002971
|
|
3425
|
+
);
|
|
3426
|
+
--nys-button-border-color: var(--nys-color-link, #004dd1);
|
|
3427
|
+
--nys-button-border-color--hover: var(--nys-color-link-strong, ##003ba1);
|
|
3428
|
+
--nys-button-border-color--active: var(
|
|
3429
|
+
--nys-color-link-strongest,
|
|
3430
|
+
##002971
|
|
3431
|
+
);
|
|
3432
|
+
--nys-button-color: var(--nys-color-ink-reverse, #fff);
|
|
3433
|
+
--nys-button-color--hover: var(--nys-color-ink-reverse, #fff);
|
|
3434
|
+
--nys-button-color--active: var(--nys-color-ink-reverse, #fff);
|
|
3435
|
+
}
|
|
3436
|
+
|
|
3437
|
+
nys-button#previous,
|
|
3438
|
+
nys-button#next,
|
|
3439
|
+
nys-button#previous--mobile,
|
|
3440
|
+
nys-button#next--mobile {
|
|
3441
|
+
--nys-button-color: var(--nys-color-text, ##1b1b1b);
|
|
3442
|
+
--nys-button-color--hover: var(--nys-color-text, ##1b1b1b);
|
|
3443
|
+
--nys-button-color--active: var(--nys-color-text, ##1b1b1b);
|
|
3444
|
+
--_nys-button-padding--x: var(--nys-space-150, 12px);
|
|
3445
|
+
}
|
|
3446
|
+
|
|
3447
|
+
nys-button#previous--mobile,
|
|
3448
|
+
nys-button#next--mobile {
|
|
3449
|
+
display: none;
|
|
3450
|
+
}
|
|
3451
|
+
|
|
3452
|
+
nys-button.spacer {
|
|
3453
|
+
--nys-button-border-color: transparent;
|
|
3454
|
+
--nys-button-border-color--hover: transparent;
|
|
3455
|
+
--nys-button-border-color--active: transparent;
|
|
3456
|
+
--nys-button-background-color: transparent;
|
|
3457
|
+
--nys-button-background-color--hover: transparent;
|
|
3458
|
+
--nys-button-background-color--active: transparent;
|
|
3459
|
+
--nys-button-color: var(--nys-color-text, ##1b1b1b);
|
|
3460
|
+
--nys-button-color--hover: var(--nys-color-text, ##1b1b1b);
|
|
3461
|
+
--nys-button-color--active: var(--nys-color-text, ##1b1b1b);
|
|
3462
|
+
--_nys-button-padding--x: var(--nys-space-1px, 1px);
|
|
3463
|
+
--_nys-button-cursor: default;
|
|
3464
|
+
}
|
|
3465
|
+
|
|
3466
|
+
:host([currentPage="3"]) nys-button#first-spacer,
|
|
3467
|
+
:host([_twoBeforeLast]) nys-button#last-spacer {
|
|
3468
|
+
display: none;
|
|
3469
|
+
}
|
|
3470
|
+
|
|
3471
|
+
@media (min-width: 0) and (max-width: 767px) {
|
|
3472
|
+
/* Mobile (XS) and Mobile Large (SM) */
|
|
3473
|
+
|
|
3474
|
+
/* Hide 1 less and more than currentPage */
|
|
3475
|
+
nys-button#prev-page,
|
|
3476
|
+
nys-button#next-page {
|
|
3477
|
+
display: none;
|
|
3478
|
+
}
|
|
3479
|
+
|
|
3480
|
+
/* Show spacer instead of 1 less and more than currentPage*/
|
|
3481
|
+
:host([currentPage="3"]) nys-button#first-spacer,
|
|
3482
|
+
:host([_twoBeforeLast]) nys-button#last-spacer {
|
|
3483
|
+
display: block;
|
|
3484
|
+
}
|
|
3485
|
+
|
|
3486
|
+
/* Swap to icon only previous and next buttons */
|
|
3487
|
+
nys-button#previous--mobile,
|
|
3488
|
+
nys-button#next--mobile {
|
|
3489
|
+
display: block;
|
|
3490
|
+
}
|
|
3491
|
+
nys-button#previous,
|
|
3492
|
+
nys-button#next {
|
|
3493
|
+
display: none;
|
|
3494
|
+
}
|
|
3495
|
+
}
|
|
3496
|
+
`;var Os=Object.defineProperty,Ke=(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&&Os(e,t,s),s};let Zs=0;const Et=class Et extends f{constructor(){super(),this.id="",this.name="",this.currentPage=1,this.totalPages=1,this._twoBeforeLast=!1}updated(e){super.updated(e),this.currentPage=this._clampPage(this.currentPage),this._twoBeforeLast=this.currentPage===this.totalPages-2}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-pagination-${Date.now()}-${Zs++}`)}_clampPage(e){return e<1?1:e>this.totalPages?this.totalPages:e}renderPageButtons(){const e=[],t=(l,y)=>{e.push(c`
|
|
3497
|
+
<nys-button
|
|
3498
|
+
label=${String(l)}
|
|
3499
|
+
ariaLabel="Page ${l}"
|
|
3500
|
+
id=${u(y)}
|
|
3501
|
+
variant=${this.currentPage===l?"filled":"outline"}
|
|
3502
|
+
@nys-click="${()=>this._handlePageClick(l)}"
|
|
3503
|
+
></nys-button>
|
|
3504
|
+
`)},o=l=>{e.push(c`<nys-button
|
|
3505
|
+
label="..."
|
|
3506
|
+
class="spacer"
|
|
3507
|
+
tabindex="-1"
|
|
3508
|
+
id=${l}
|
|
3509
|
+
></nys-button>`)},r=this.totalPages,n=this.currentPage-1,d=this.currentPage+1;return t(1),this.currentPage>2&&o("first-spacer"),n>1&&t(n,"prev-page"),this.currentPage!==1&&this.currentPage!==r&&t(this.currentPage,"current-page"),d<r&&t(d,"next-page"),this.currentPage<r-1&&o("last-spacer"),r>1&&t(r),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:c`<div class="nys-pagination">
|
|
3510
|
+
<nys-button
|
|
3511
|
+
id="previous"
|
|
3512
|
+
label="Previous"
|
|
3513
|
+
prefixIcon="chevron_left"
|
|
3514
|
+
variant="outline"
|
|
3515
|
+
?disabled=${this.currentPage===1}
|
|
3516
|
+
@nys-click="${()=>this._handlePageClick(this.currentPage-1)}"
|
|
3517
|
+
></nys-button>
|
|
3518
|
+
<nys-button
|
|
3519
|
+
id="previous--mobile"
|
|
3520
|
+
prefixIcon="chevron_left"
|
|
3521
|
+
ariaLabel="Previous Page"
|
|
3522
|
+
variant="outline"
|
|
3523
|
+
?disabled=${this.currentPage===1}
|
|
3524
|
+
@nys-click="${()=>this._handlePageClick(this.currentPage-1)}"
|
|
3525
|
+
></nys-button>
|
|
3526
|
+
${this.renderPageButtons()}
|
|
3527
|
+
<nys-button
|
|
3528
|
+
id="next"
|
|
3529
|
+
label="Next"
|
|
3530
|
+
suffixIcon="chevron_right"
|
|
3531
|
+
variant="outline"
|
|
3532
|
+
?disabled=${this.currentPage===this.totalPages}
|
|
3533
|
+
@nys-click="${()=>this._handlePageClick(this.currentPage+1)}"
|
|
3534
|
+
></nys-button>
|
|
3535
|
+
<nys-button
|
|
3536
|
+
id="next--mobile"
|
|
3537
|
+
suffixIcon="chevron_right"
|
|
3538
|
+
ariaLabel="Next Page"
|
|
3539
|
+
variant="outline"
|
|
3540
|
+
?disabled=${this.currentPage===this.totalPages}
|
|
3541
|
+
@nys-click="${()=>this._handlePageClick(this.currentPage+1)}"
|
|
3542
|
+
></nys-button>
|
|
3543
|
+
</div>`}};Et.styles=Ps;let re=Et;Ke([i({type:String})],re.prototype,"id"),Ke([i({type:String,reflect:!0})],re.prototype,"name"),Ke([i({type:Number,reflect:!0})],re.prototype,"currentPage"),Ke([i({type:Number,reflect:!0})],re.prototype,"totalPages"),Ke([i({type:Boolean,reflect:!0})],re.prototype,"_twoBeforeLast"),customElements.get("nys-pagination")||customElements.define("nys-pagination",re);const l1=g`
|
|
3140
3544
|
:host {
|
|
3141
3545
|
/* Global Radiobutton Styles */
|
|
3142
3546
|
--_nys-radiobutton-size: var(--nys-size-400, 32px);
|
|
@@ -3164,10 +3568,6 @@
|
|
|
3164
3568
|
);
|
|
3165
3569
|
--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);
|
|
3166
3570
|
--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);
|
|
3167
|
-
--_nys-radiobutton-font-weight--description: var(
|
|
3168
|
-
--nys-font-weight-regular,
|
|
3169
|
-
400
|
|
3170
|
-
);
|
|
3171
3571
|
--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);
|
|
3172
3572
|
|
|
3173
3573
|
/* Global Radio Button Colors */
|
|
@@ -3391,6 +3791,7 @@
|
|
|
3391
3791
|
--_nys-radiobutton-background-color--checked--disabled
|
|
3392
3792
|
);
|
|
3393
3793
|
}
|
|
3794
|
+
|
|
3394
3795
|
:host([tile])
|
|
3395
3796
|
.nys-radiobutton:has(input:disabled:checked)
|
|
3396
3797
|
+ .nys-radiobutton
|
|
@@ -3463,40 +3864,24 @@
|
|
|
3463
3864
|
outline: solid var(--_nys-radiobutton-outline-width)
|
|
3464
3865
|
var(--_nys-radiobutton-outline-color);
|
|
3465
3866
|
}
|
|
3466
|
-
/* Radiobutton Label Holder */
|
|
3467
|
-
.nys-radiobutton__text {
|
|
3468
|
-
line-height: var(--_nys-radiobutton-line-height);
|
|
3469
|
-
display: flex;
|
|
3470
|
-
flex-direction: column;
|
|
3471
|
-
}
|
|
3472
|
-
|
|
3473
|
-
/* Label styling */
|
|
3474
|
-
.nys-radiobutton__label {
|
|
3475
|
-
font-weight: var(--_nys-radiobutton-font-weight--label);
|
|
3476
|
-
color: var(--_nys-radiobutton-color);
|
|
3477
|
-
}
|
|
3478
3867
|
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
text-align: left;
|
|
3484
|
-
}
|
|
3485
|
-
:host([tile]) .nys-radiobutton__description {
|
|
3486
|
-
font-style: normal;
|
|
3868
|
+
.nys-radiobutton > nys-label {
|
|
3869
|
+
--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);
|
|
3870
|
+
display: flex;
|
|
3871
|
+
padding-inline-start: var(--_nys-radiobutton-gap);
|
|
3487
3872
|
}
|
|
3488
3873
|
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
.nys-radiobutton__description {
|
|
3492
|
-
margin-inline-start: var(--_nys-radiobutton-gap);
|
|
3874
|
+
:host([tile]) .nys-radiobutton > nys-label {
|
|
3875
|
+
--_nys-description-font-style: normal;
|
|
3493
3876
|
}
|
|
3494
3877
|
|
|
3495
|
-
|
|
3496
|
-
input:disabled +
|
|
3497
|
-
input:disabled + span + .nys-radiobutton__text .nys-radiobutton__description {
|
|
3498
|
-
color: var(--_nys-radiobutton-color--disabled);
|
|
3878
|
+
input:disabled + .nys-radiobutton > nys-label,
|
|
3879
|
+
input:disabled + .nys-radiobutton > nys-label * {
|
|
3499
3880
|
cursor: not-allowed;
|
|
3881
|
+
--_nys-label-cursor: not-allowed;
|
|
3882
|
+
--_nys-label-color: var(--_nys-radiobutton-color--disabled);
|
|
3883
|
+
--_nys-description-color: var(--_nys-radiobutton-color--disabled);
|
|
3884
|
+
color: var(--_nys-radiobutton-color--disabled);
|
|
3500
3885
|
}
|
|
3501
3886
|
|
|
3502
3887
|
/* Screen readers ONLY */
|
|
@@ -3514,13 +3899,14 @@
|
|
|
3514
3899
|
overflow: hidden;
|
|
3515
3900
|
border: 0;
|
|
3516
3901
|
}
|
|
3517
|
-
`;var
|
|
3902
|
+
`;var Us=Object.defineProperty,qs=Object.getOwnPropertyDescriptor,B=(a,e,t,o)=>{for(var s=o>1?void 0:o?qs(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&&Us(e,t,s),s};let Ts=0;const M=(ce=class extends f{constructor(){super(),this.id="",this.name="",this.required=!1,this.optional=!1,this.showError=!1,this.errorMessage="",this.label="",this.description="",this.tile=!1,this._tooltip="",this.invert=!1,this.form=null,this.selectedValue=null,this._slottedDescriptionText="",this._size="md",this._internals=this.attachInternals()}get size(){return this._size}set size(e){this._size=ce.VALID_SIZES.includes(e)?e:"md"}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-radiogroup-${Date.now()}-${Ts++}`),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(){this._initializeCheckedRadioValue(),this._setValue(),this._setRadioButtonRequire(),this._updateRadioButtonsSize(),this._updateRadioButtonsTile(),this._updateRadioButtonsShowError(),this._getSlotDescriptionForAria(),await this.updateComplete,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("invert")&&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(y=>!y.disabled),s=o.find(y=>y.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 d=o[n],l=await d.getInputElement();l==null||l.click(),this._updateGroupTabIndex(),d.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.invert?t.toggleAttribute("invert",!0):t.removeAttribute("invert")})}_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(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector('slot[name="description"]'),t=(e==null?void 0:e.assignedNodes({flatten:!0}))||[];this._slottedDescriptionText=t.map(s=>{var r;return(r=s.textContent)==null?void 0:r.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">
|
|
3518
3903
|
<nys-label
|
|
3519
3904
|
for=${this.id}
|
|
3520
3905
|
label=${this.label}
|
|
3521
3906
|
description=${this.description}
|
|
3522
3907
|
flag=${this.required?"required":this.optional?"optional":""}
|
|
3523
3908
|
_tooltip=${this._tooltip}
|
|
3909
|
+
?invert=${this.invert}
|
|
3524
3910
|
>
|
|
3525
3911
|
<slot name="description" slot="description">${this.description}</slot>
|
|
3526
3912
|
</nys-label>
|
|
@@ -3537,7 +3923,7 @@
|
|
|
3537
3923
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
3538
3924
|
.showDivider=${!this.tile}
|
|
3539
3925
|
></nys-errormessage>
|
|
3540
|
-
</div>`}},
|
|
3926
|
+
</div>`}},ce.VALID_SIZES=["sm","md"],ce.styles=l1,ce.formAssociated=!0,ce);B([i({type:String})],M.prototype,"id",2),B([i({type:String,reflect:!0})],M.prototype,"name",2),B([i({type:Boolean,reflect:!0})],M.prototype,"required",2),B([i({type:Boolean,reflect:!0})],M.prototype,"optional",2),B([i({type:Boolean,reflect:!0})],M.prototype,"showError",2),B([i({type:String})],M.prototype,"errorMessage",2),B([i({type:String})],M.prototype,"label",2),B([i({type:String})],M.prototype,"description",2),B([i({type:Boolean,reflect:!0})],M.prototype,"tile",2),B([i({type:String})],M.prototype,"_tooltip",2),B([i({type:Boolean,reflect:!0})],M.prototype,"invert",2),B([i({type:String,reflect:!0})],M.prototype,"form",2),B([z()],M.prototype,"selectedValue",2),B([z()],M.prototype,"_slottedDescriptionText",2),B([i({reflect:!0})],M.prototype,"size",1);let c1=M;customElements.get("nys-radiogroup")||customElements.define("nys-radiogroup",c1);var Rs=Object.defineProperty,Ns=Object.getOwnPropertyDescriptor,N=(a,e,t,o)=>{for(var s=o>1?void 0:o?Ns(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&&Rs(e,t,s),s};let Fs=0;const R=(m=class extends f{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.required=!1,this.label="",this.description="",this.id="",this.name="",this.value="",this.invert=!1,this.form=null,this._size="md",this.tile=!1}get size(){return this._size}set size(e){this._size=m.VALID_SIZES.includes(e)?e:"md"}async getInputElement(){var e;return await this.updateComplete,((e=this.shadowRoot)==null?void 0:e.querySelector("input"))||null}formResetUpdate(){this.checked=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-radiobutton-${Date.now()}-${Fs++}`),this.checked&&(m.buttonGroup[this.name]&&(m.buttonGroup[this.name].checked=!1,m.buttonGroup[this.name].requestUpdate()),m.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&&m.buttonGroup[this.name]!==this&&(m.buttonGroup[this.name]&&(m.buttonGroup[this.name].checked=!1,m.buttonGroup[this.name].requestUpdate()),m.buttonGroup[this.name]=this)}checkValidity(){var t;if(this.required&&!this.checked)return!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("input");return e?e.checkValidity():!0}_emitChangeEvent(){this.dispatchEvent(new CustomEvent("nys-change",{detail:{id:this.id,checked:this.checked,name:this.name,value:this.value},bubbles:!0,composed:!0}))}_handleChange(){this.classList.remove("active-focus"),!this.checked&&!this.disabled&&(m.buttonGroup[this.name]&&(m.buttonGroup[this.name].checked=!1,m.buttonGroup[this.name].requestUpdate()),m.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(){var t;if(this.disabled)return;const e=(t=this.shadowRoot)==null?void 0:t.querySelector('input[type="radio"]');e&&(e.focus(),e.click())}render(){return c`
|
|
3541
3927
|
<input
|
|
3542
3928
|
id="${this.id}"
|
|
3543
3929
|
type="radio"
|
|
@@ -3555,16 +3941,19 @@
|
|
|
3555
3941
|
class="nys-radiobutton"
|
|
3556
3942
|
for="${this.id}"
|
|
3557
3943
|
@click="${this._callInputHandling}"
|
|
3944
|
+
aria-label=${this.label}
|
|
3558
3945
|
>
|
|
3559
3946
|
<span class="nys-radiobutton__radio"></span>
|
|
3560
|
-
${this.label&&
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3947
|
+
${this.label&&c`<nys-label
|
|
3948
|
+
for=${this.id}
|
|
3949
|
+
label=${this.label}
|
|
3950
|
+
description=${u(this.description||void 0)}
|
|
3951
|
+
?invert=${this.invert}
|
|
3952
|
+
>
|
|
3953
|
+
<slot name="description" slot="description">${this.description}</slot>
|
|
3954
|
+
</nys-label> `}
|
|
3566
3955
|
</label>
|
|
3567
|
-
`}},
|
|
3956
|
+
`}},m.VALID_SIZES=["sm","md"],m.buttonGroup={},m.styles=l1,m);N([i({type:Boolean,reflect:!0})],R.prototype,"checked",2),N([i({type:Boolean,reflect:!0})],R.prototype,"disabled",2),N([i({type:Boolean,reflect:!0})],R.prototype,"required",2),N([i({type:String})],R.prototype,"label",2),N([i({type:String})],R.prototype,"description",2),N([i({type:String})],R.prototype,"id",2),N([i({type:String,reflect:!0})],R.prototype,"name",2),N([i({type:String})],R.prototype,"value",2),N([i({type:Boolean,reflect:!0})],R.prototype,"invert",2),N([i({type:String,reflect:!0})],R.prototype,"form",2),N([i({reflect:!0})],R.prototype,"size",1),N([i({type:Boolean,reflect:!0})],R.prototype,"tile",2);let d1=R;customElements.get("nys-radiobutton")||customElements.define("nys-radiobutton",d1);const js=g`
|
|
3568
3957
|
:host {
|
|
3569
3958
|
/* Global Select Styles */
|
|
3570
3959
|
--_nys-select-width: 100%;
|
|
@@ -3707,7 +4096,7 @@
|
|
|
3707
4096
|
--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid
|
|
3708
4097
|
var(--_nys-select-color--error);
|
|
3709
4098
|
}
|
|
3710
|
-
`;var
|
|
4099
|
+
`;var Gs=Object.defineProperty,Xe=(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&&Gs(e,t,s),s};class _e extends f{constructor(){super(...arguments),this.disabled=!1,this.selected=!1,this.value="",this.label="",this.hidden=!1}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",()=>{var s;const o=e.assignedNodes({flatten:!0});o.length>0&&(this.label=((s=o[0].textContent)==null?void 0:s.trim())||"")})}render(){return c`
|
|
3711
4100
|
<option
|
|
3712
4101
|
?disabled=${this.disabled}
|
|
3713
4102
|
?selected=${this.selected}
|
|
@@ -3717,7 +4106,7 @@
|
|
|
3717
4106
|
>
|
|
3718
4107
|
<slot>${this.label}</slot>
|
|
3719
4108
|
</option>
|
|
3720
|
-
`}}
|
|
4109
|
+
`}}Xe([i({type:Boolean,reflect:!0})],_e.prototype,"disabled"),Xe([i({type:Boolean,reflect:!0})],_e.prototype,"selected"),Xe([i({type:String})],_e.prototype,"value"),Xe([i({type:String})],_e.prototype,"label"),Xe([i({type:Boolean,reflect:!0})],_e.prototype,"hidden"),customElements.define("nys-option",_e);var Ws=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,q=(a,e,t,o)=>{for(var s=o>1?void 0:o?Ys(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&&Ws(e,t,s),s};let Ks=0;const I=(de=class extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.value="",this.disabled=!1,this.required=!1,this.optional=!1,this._tooltip="",this.form=null,this.invert=!1,this.showError=!1,this.errorMessage="",this._width="md",this._hasUserInteracted=!1,this._internals=this.attachInternals()}get width(){return this._width}set width(e){this._width=de.VALID_WIDTHS.includes(e)?e:"full"}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-select-${Date.now()}-${Ks++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}formResetCallback(){this.value=""}_handleSlotChange(){var s,r;const e=(s=this.shadowRoot)==null?void 0:s.querySelector('slot:not([name="description"])'),t=(r=this.shadowRoot)==null?void 0:r.querySelector("select");if(!e||!t)return;t.querySelectorAll("option:not([hidden])").forEach(n=>n.remove()),e.assignedElements({flatten:!0}).forEach(n=>{var d;if(n instanceof _e){const l=document.createElement("option");l.value=n.value,l.textContent=n.label||((d=n.textContent)==null?void 0:d.trim())||"",l.disabled=n.disabled,l.selected=n.selected,t.appendChild(l)}})}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){var s;const e=(s=this.shadowRoot)==null?void 0:s.querySelector("select");if(!e)return;const t=this.errorMessage||"Please select an option.";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=""){var o,s;const t=(o=this.shadowRoot)==null?void 0:o.querySelector("select");t&&(this.showError=!!e,(s=this.errorMessage)!=null&&s.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector("select");if(!e)return;let t=e.validationMessage;this._manageRequire(),this._setValidityMessage(t)}checkValidity(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("select");return e?e.checkValidity():!0}_handleInvalid(e){var o;e.preventDefault(),this._hasUserInteracted=!0,this._validate(),this.showError=!0;const t=(o=this.shadowRoot)==null?void 0:o.querySelector("select");if(t){const s=this._internals.form;s?Array.from(s.elements).find(d=>typeof d.checkValidity=="function"&&!d.checkValidity())===this&&t.focus():t.focus()}}_handleChange(e){const t=e.target;this.value=t.value,this._internals.setFormValue(this.value),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){var t;if(super.updated(e),e.has("value")){const o=(t=this.shadowRoot)==null?void 0:t.querySelector("select");o&&(o.value=this.value)}}render(){return c`
|
|
3721
4110
|
<div class="nys-select">
|
|
3722
4111
|
<nys-label
|
|
3723
4112
|
for=${this.id}
|
|
@@ -3725,6 +4114,7 @@
|
|
|
3725
4114
|
description=${this.description}
|
|
3726
4115
|
flag=${this.required?"required":this.optional?"optional":""}
|
|
3727
4116
|
_tooltip=${this._tooltip}
|
|
4117
|
+
?invert=${this.invert}
|
|
3728
4118
|
>
|
|
3729
4119
|
<slot name="description" slot="description">${this.description}</slot>
|
|
3730
4120
|
</nys-label>
|
|
@@ -3760,7 +4150,7 @@
|
|
|
3760
4150
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
3761
4151
|
></nys-errormessage>
|
|
3762
4152
|
</div>
|
|
3763
|
-
`}},
|
|
4153
|
+
`}},de.VALID_WIDTHS=["sm","md","lg","full"],de.styles=js,de.formAssociated=!0,de);q([i({type:String})],I.prototype,"id",2),q([i({type:String,reflect:!0})],I.prototype,"name",2),q([i({type:String})],I.prototype,"label",2),q([i({type:String})],I.prototype,"description",2),q([i({type:String})],I.prototype,"value",2),q([i({type:Boolean,reflect:!0})],I.prototype,"disabled",2),q([i({type:Boolean,reflect:!0})],I.prototype,"required",2),q([i({type:Boolean,reflect:!0})],I.prototype,"optional",2),q([i({type:String})],I.prototype,"_tooltip",2),q([i({type:String,reflect:!0})],I.prototype,"form",2),q([i({type:Boolean,reflect:!0})],I.prototype,"invert",2),q([i({type:Boolean,reflect:!0})],I.prototype,"showError",2),q([i({type:String})],I.prototype,"errorMessage",2),q([i({reflect:!0})],I.prototype,"width",1);let h1=I;customElements.get("nys-select")||customElements.define("nys-select",h1);const Xs=g`
|
|
3764
4154
|
:host {
|
|
3765
4155
|
/* Global Skipnav Styles */
|
|
3766
4156
|
--_nys-skipnav-padding--y: var(--nys-space-100, 8px);
|
|
@@ -3829,7 +4219,7 @@
|
|
|
3829
4219
|
left: auto;
|
|
3830
4220
|
outline: none;
|
|
3831
4221
|
}
|
|
3832
|
-
`;var
|
|
4222
|
+
`;var Qs=Object.defineProperty,y1=(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&&Qs(e,t,s),s};const At=class At extends f{constructor(){super(),this.id="",this.href=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-skipnav-${Date.now()}`)}_handleFocus(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-skipnav__link");e==null||e.classList.add("show")}_handleBlur(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-skipnav__link");e==null||e.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 c`
|
|
3833
4223
|
<div class="nys-skipnav">
|
|
3834
4224
|
<a
|
|
3835
4225
|
id=${this.id}
|
|
@@ -3843,7 +4233,7 @@
|
|
|
3843
4233
|
Skip to main content
|
|
3844
4234
|
</a>
|
|
3845
4235
|
</div>
|
|
3846
|
-
`}};
|
|
4236
|
+
`}};At.styles=Xs;let Ze=At;y1([i({type:String})],Ze.prototype,"id"),y1([i({type:String})],Ze.prototype,"href"),customElements.get("nys-skipnav")||customElements.define("nys-skipnav",Ze);const u1=g`
|
|
3847
4237
|
:host {
|
|
3848
4238
|
/* Anything that can be overridden should be defined here */
|
|
3849
4239
|
|
|
@@ -4196,7 +4586,7 @@
|
|
|
4196
4586
|
pointer-events: all;
|
|
4197
4587
|
}
|
|
4198
4588
|
}
|
|
4199
|
-
`;var
|
|
4589
|
+
`;var Js=Object.defineProperty,Me=(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&&Js(e,t,s),s};const Dt=class Dt extends f{constructor(){super(...arguments),this.selected=!1,this.current=!1,this.label="",this.href="",this.isCompactExpanded=!1,this.stepNumber=0}_handleActivate(e){typeof this.onClick=="function"&&this.onClick(e);const t=new CustomEvent("nys-step-click",{bubbles:!0,composed:!0,cancelable:!0,detail:{href:this.href,label:this.label}});(this.hasAttribute("previous")||this.current)&&!this.selected&&(this.dispatchEvent(t),!t.defaultPrevented&&this.href&&(window.location.href=this.href))}_handleKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._handleActivate(e))}render(){return c`
|
|
4200
4590
|
<div class="nys-step">
|
|
4201
4591
|
<div class="nys-step__linewrapper">
|
|
4202
4592
|
<div class="nys-step__line"></div>
|
|
@@ -4223,7 +4613,7 @@
|
|
|
4223
4613
|
</div>
|
|
4224
4614
|
</div>
|
|
4225
4615
|
</div>
|
|
4226
|
-
`}};
|
|
4616
|
+
`}};Dt.styles=u1;let G=Dt;Me([i({type:Boolean,reflect:!0})],G.prototype,"selected"),Me([i({type:Boolean,reflect:!0})],G.prototype,"current"),Me([i({type:String})],G.prototype,"label"),Me([i({type:String})],G.prototype,"href"),Me([i({type:Boolean})],G.prototype,"isCompactExpanded"),Me([i({type:Function})],G.prototype,"onClick"),Me([i({type:Number})],G.prototype,"stepNumber"),customElements.get("nys-step")||customElements.define("nys-step",G);var eo=Object.defineProperty,Qe=(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&&eo(e,t,s),s};const Mt=class Mt extends f{constructor(){super(),this.id="",this.name="",this.label="",this.counterText="initial",this.isCompactExpanded=!1,this._stepsNumbered=!1,this._onStepClick=async e=>{const t=e.composedPath().find(n=>n instanceof HTMLElement&&n.tagName.toLowerCase()==="nys-step");if(!t)return;const o=Array.from(this.querySelectorAll("nys-step")),s=o.findIndex(n=>n.hasAttribute("current")),r=o.indexOf(t);s!==-1&&r>s||t.hasAttribute("selected")||(o.forEach(n=>n.removeAttribute("selected")),t.setAttribute("selected",""),this._updateCounter(),this.isCompactExpanded=!1)}}connectedCallback(){super.connectedCallback(),this.addEventListener("nys-step-click",this._onStepClick),requestAnimationFrame(()=>this._validateSteps())}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",o=e instanceof HTMLElement&&e.hasAttribute("slot")&&e.getAttribute("slot")==="actions";!t&&!o&&(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 o=e.target.assignedElements();if(o.length!==1||o[0].tagName.toLowerCase()!=="div"){console.warn("The 'actions' slot must have exactly one <div> as a direct child.");return}const s=o[0];Array.from(s.children).forEach(r=>{r instanceof HTMLElement&&r.tagName.toLowerCase()==="nys-button"?(r.setAttribute("size","sm"),r.hasAttribute("fullWidth")&&(r.style.flex="1 1 0")):(console.warn("The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",r),r.remove())})}_updateCounter(){if(this.isCompactExpanded){this.counterText="Back to Form",this.style.height="-webkit-fit-content",this.style.height="-moz-fit-content",this.style.height="fit-content";return}else this.style.height="auto";const e=this.querySelectorAll("nys-step"),t=Array.from(e).findIndex(s=>s.hasAttribute("selected")),o=e.length;this.counterText=t>=0?`Step ${t+1} of ${o}`:`Step 1 of ${o}`}updated(){const e=this.querySelectorAll("nys-step");this._stepsNumbered||(e.forEach((r,n)=>{r.stepNumber=n+1}),this._stepsNumbered=!0);let t=!1,o=!1,s=!1;e.forEach((r,n)=>{r.hasAttribute("current")&&(s?r.removeAttribute("current"):s=!0),n===0?r.setAttribute("first",""):r.removeAttribute("first"),r.hasAttribute("current")?(t=!0,r.removeAttribute("previous")):t?r.removeAttribute("previous"):r.setAttribute("previous",""),r.hasAttribute("selected")&&(t||o?r.removeAttribute("selected"):o=!0),this.hasAttribute("isCompactExpanded")?r.setAttribute("isCompactExpanded",""):r.removeAttribute("isCompactExpanded")}),o||(s?e.forEach(r=>{r.hasAttribute("current")&&!o&&(r.setAttribute("selected",""),o=!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 c`
|
|
4227
4617
|
<div class="nys-stepper" id=${this.id} name=${this.name}>
|
|
4228
4618
|
<div class="nys-stepper__header">
|
|
4229
4619
|
<slot name="actions" @slotchange=${this._validateButtonSlot}></slot>
|
|
@@ -4244,7 +4634,7 @@
|
|
|
4244
4634
|
</div>
|
|
4245
4635
|
<slot class="nys-stepper__steps"></slot>
|
|
4246
4636
|
</div>
|
|
4247
|
-
`}}
|
|
4637
|
+
`}};Mt.styles=u1;let ne=Mt;Qe([i({type:String})],ne.prototype,"id"),Qe([i({type:String,reflect:!0})],ne.prototype,"name"),Qe([i({type:String})],ne.prototype,"label"),Qe([i({type:String})],ne.prototype,"counterText"),Qe([i({type:Boolean,reflect:!0})],ne.prototype,"isCompactExpanded"),customElements.get("nys-stepper")||customElements.define("nys-stepper",ne);const to=g`
|
|
4248
4638
|
:host {
|
|
4249
4639
|
/* Anything that can be overridden should be defined here */
|
|
4250
4640
|
|
|
@@ -4383,7 +4773,7 @@
|
|
|
4383
4773
|
color: var(--_nys-textarea-color--disabled);
|
|
4384
4774
|
cursor: not-allowed;
|
|
4385
4775
|
}
|
|
4386
|
-
`;var
|
|
4776
|
+
`;var so=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,L=(a,e,t,o)=>{for(var s=o>1?void 0:o?oo(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&&so(e,t,s),s};let ro=0;const $=(K=class extends f{constructor(){super(),this.id="",this.name="",this.label="",this.description="",this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.required=!1,this.optional=!1,this._tooltip="",this.invert=!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()}get resize(){return this._resize}set resize(e){this._resize=K.VALID_RESIZE.includes(e)?e:"vertical"}async updated(e){await Promise.resolve(),e.has("width")&&(this.width=K.VALID_WIDTHS.includes(this.width)?this.width:"full"),e.has("rows")&&(this.rows=this.rows??4)}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-textarea-${Date.now()}-${ro++}`),this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}formResetCallback(){this.value=""}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){var s;const e=(s=this.shadowRoot)==null?void 0:s.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=""){var o,s;const t=(o=this.shadowRoot)==null?void 0:o.querySelector("textarea");t&&(this.showError=!!e,(s=this.errorMessage)!=null&&s.trim()&&e!==""&&(e=this.errorMessage),this._internals.setValidity(e?{customError:!0}:{},e,t))}_validate(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector("textarea");if(!e)return;let t=e.validationMessage;this._setValidityMessage(t)}checkValidity(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("textarea");return e?e.checkValidity():!0}_handleInvalid(e){var o;e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=(o=this.shadowRoot)==null?void 0:o.querySelector("textarea");if(t){const s=this._internals.form;s?Array.from(s.elements).find(d=>typeof d.checkValidity=="function"&&!d.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:{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 c`
|
|
4387
4777
|
<label class="nys-textarea">
|
|
4388
4778
|
<nys-label
|
|
4389
4779
|
for=${this.id}
|
|
@@ -4391,6 +4781,7 @@
|
|
|
4391
4781
|
description=${this.description}
|
|
4392
4782
|
flag=${this.required?"required":this.optional?"optional":""}
|
|
4393
4783
|
_tooltip=${this._tooltip}
|
|
4784
|
+
?invert=${this.invert}
|
|
4394
4785
|
>
|
|
4395
4786
|
<slot name="description" slot="description">${this.description}</slot>
|
|
4396
4787
|
</nys-label>
|
|
@@ -4422,7 +4813,7 @@ ${this.value}</textarea
|
|
|
4422
4813
|
errorMessage=${this._internals.validationMessage||this.errorMessage}
|
|
4423
4814
|
></nys-errormessage>
|
|
4424
4815
|
</label>
|
|
4425
|
-
`}},
|
|
4816
|
+
`}},K.VALID_WIDTHS=["sm","md","lg","full"],K.VALID_RESIZE=["vertical","none"],K.styles=to,K.formAssociated=!0,K);L([i({type:String})],$.prototype,"id",2),L([i({type:String,reflect:!0})],$.prototype,"name",2),L([i({type:String})],$.prototype,"label",2),L([i({type:String})],$.prototype,"description",2),L([i({type:String})],$.prototype,"placeholder",2),L([i({type:String})],$.prototype,"value",2),L([i({type:Boolean,reflect:!0})],$.prototype,"disabled",2),L([i({type:Boolean,reflect:!0})],$.prototype,"readonly",2),L([i({type:Boolean,reflect:!0})],$.prototype,"required",2),L([i({type:Boolean,reflect:!0})],$.prototype,"optional",2),L([i({type:String})],$.prototype,"_tooltip",2),L([i({type:Boolean,reflect:!0})],$.prototype,"invert",2),L([i({type:String,reflect:!0})],$.prototype,"form",2),L([i({type:Number})],$.prototype,"maxlength",2),L([i({reflect:!0})],$.prototype,"width",2),L([i({type:Number})],$.prototype,"rows",2),L([i({reflect:!0})],$.prototype,"resize",1),L([i({type:Boolean,reflect:!0})],$.prototype,"showError",2),L([i({type:String})],$.prototype,"errorMessage",2);let p1=$;customElements.get("nys-textarea")||customElements.define("nys-textarea",p1);const no=g`
|
|
4426
4817
|
:host {
|
|
4427
4818
|
/* Anything that can be overridden should be defined here */
|
|
4428
4819
|
|
|
@@ -4571,15 +4962,15 @@ ${this.value}</textarea
|
|
|
4571
4962
|
}
|
|
4572
4963
|
|
|
4573
4964
|
.nys-textinput__buttoncontainer.has-end-button .nys-textinput__input {
|
|
4574
|
-
border-
|
|
4575
|
-
border-
|
|
4576
|
-
border-
|
|
4965
|
+
border-start-end-radius: 0;
|
|
4966
|
+
border-end-end-radius: 0;
|
|
4967
|
+
border-inline-end: none;
|
|
4577
4968
|
}
|
|
4578
4969
|
|
|
4579
4970
|
.nys-textinput__buttoncontainer.has-start-button .nys-textinput__input {
|
|
4580
|
-
border-
|
|
4581
|
-
border-
|
|
4582
|
-
border-
|
|
4971
|
+
border-start-start-radius: 0;
|
|
4972
|
+
border-end-start-radius: 0;
|
|
4973
|
+
border-inline-start: none;
|
|
4583
4974
|
}
|
|
4584
4975
|
|
|
4585
4976
|
.nys-textinput__container {
|
|
@@ -4594,8 +4985,8 @@ ${this.value}</textarea
|
|
|
4594
4985
|
::slotted(nys-button) {
|
|
4595
4986
|
/* These props ARE NOT publicly overridable */
|
|
4596
4987
|
--_nys-button-height: var(--_nys-textinput-height);
|
|
4597
|
-
--_nys-button-border-radius--
|
|
4598
|
-
--_nys-button-border-radius--
|
|
4988
|
+
--_nys-button-border-radius--start: var(--_nys-textinput-border-radius);
|
|
4989
|
+
--_nys-button-border-radius--end: var(--_nys-textinput-border-radius);
|
|
4599
4990
|
--_nys-button-background-color--disabled: var(
|
|
4600
4991
|
--_nys-textinput-background-color--disabled
|
|
4601
4992
|
);
|
|
@@ -4606,11 +4997,11 @@ ${this.value}</textarea
|
|
|
4606
4997
|
}
|
|
4607
4998
|
|
|
4608
4999
|
.nys-textinput__buttoncontainer.has-start-button ::slotted(nys-button) {
|
|
4609
|
-
--_nys-button-border-radius--
|
|
5000
|
+
--_nys-button-border-radius--end: 0;
|
|
4610
5001
|
}
|
|
4611
5002
|
|
|
4612
5003
|
.nys-textinput__buttoncontainer.has-end-button ::slotted(nys-button) {
|
|
4613
|
-
--_nys-button-border-radius--
|
|
5004
|
+
--_nys-button-border-radius--start: 0;
|
|
4614
5005
|
}
|
|
4615
5006
|
|
|
4616
5007
|
.eye-icon {
|
|
@@ -4660,7 +5051,7 @@ ${this.value}</textarea
|
|
|
4660
5051
|
color: var(--_nys-textinput-color--disabled);
|
|
4661
5052
|
cursor: not-allowed;
|
|
4662
5053
|
}
|
|
4663
|
-
`;var
|
|
5054
|
+
`;var io=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,_=(a,e,t,o)=>{for(var s=o>1?void 0:o?ao(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&&io(e,t,s),s};let lo=0;const b=(X=class extends f{constructor(){super(),this.id="",this.name="",this._type="text",this.label="",this.description="",this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.required=!1,this.optional=!1,this._tooltip="",this.form=null,this.pattern="",this.maxlength=null,this.width="full",this.step=null,this.min=null,this.max=null,this.invert=!1,this.showError=!1,this.errorMessage="",this.showPassword=!1,this._originalErrorMessage="",this._hasUserInteracted=!1,this._maskPatterns={tel:"(___) ___-____"},this._internals=this.attachInternals()}get type(){return this._type}set type(e){this._type=X.VALID_TYPES.includes(e)?e:"text"}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-textinput-${Date.now()}-${lo++}`),this._originalErrorMessage=this.errorMessage??"",this.addEventListener("invalid",this._handleInvalid)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",this._handleInvalid)}firstUpdated(){this._setValue()}async updated(e){var t,o;if(e.has("width")&&(await Promise.resolve(),this.width=X.VALID_WIDTHS.includes(this.width)?this.width:"full"),e.has("disabled")&&(this._validateButtonSlot("startButton"),this._validateButtonSlot("endButton")),e.has("type")){const s=this._maskPatterns[this.type],r=(t=this.shadowRoot)==null?void 0:t.querySelector("input");if(r)if(s)r.maxLength=s.length,this._updateOverlay(r.value,s);else{r.removeAttribute("maxLength");const n=(o=this.shadowRoot)==null?void 0:o.querySelector(".nys-textinput__mask-overlay");n&&(n.textContent="")}}}formResetCallback(){this.value=""}_setValue(){this._internals.setFormValue(this.value),this._manageRequire()}_manageRequire(){var s,r;const e=(s=this.shadowRoot)==null?void 0:s.querySelector("input");if(!e)return;const t=this.errorMessage||"This field is required";this.required&&(!this.value||((r=this.value)==null?void 0:r.trim())==="")?(this._internals.ariaRequired="true",this._internals.setValidity({valueMissing:!0},t,e)):(this._internals.ariaRequired="false",this._internals.setValidity({}),this._hasUserInteracted=!1)}_setValidityMessage(e=""){var s,r;const t=(s=this.shadowRoot)==null?void 0:s.querySelector("input");if(!t)return;this.showError=!!e,(r=this._originalErrorMessage)!=null&&r.trim()&&e!==""?this.errorMessage=this._originalErrorMessage:this.errorMessage=e;const o=e?{customError:!0}:{};this._internals.setValidity(o,this.errorMessage,t)}_validate(){var s;const e=(s=this.shadowRoot)==null?void 0:s.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(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("input");return e?e.checkValidity():!0}_handleInvalid(e){var o;e.preventDefault(),this._hasUserInteracted=!0,this._validate();const t=(o=this.shadowRoot)==null?void 0:o.querySelector("input");if(t){const s=this._internals.form;s?Array.from(s.elements).find(d=>typeof d.checkValidity=="function"&&!d.checkValidity())===this&&t.focus():t.focus()}}_togglePasswordVisibility(){this.showPassword=!this.showPassword}_updateOverlay(e,t){var n;const o=(n=this.shadowRoot)==null?void 0:n.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){var n,d;const t=(n=this.shadowRoot)==null?void 0:n.querySelector('slot[name="'+e+'"]'),o=(d=this.shadowRoot)==null?void 0:d.querySelector(".nys-textinput__buttoncontainer");if(!t||!o)return;const s=t.assignedElements();let r=!1;s.forEach(l=>{l instanceof HTMLElement&&l.tagName.toLowerCase()==="nys-button"&&!r?(r=!0,l.setAttribute("size","sm"),l.setAttribute("variant","primary"),this.disabled?l.setAttribute("disabled","true"):l.removeAttribute("disabled")):(console.warn("The '"+e+"' slot only accepts a single <nys-button> element. Removing invalid or extra node:",l),l.remove())}),e==="startButton"?o.classList.toggle("has-start-button",r):e==="endButton"&&o.classList.toggle("has-end-button",r)}render(){return c`
|
|
4664
5055
|
<div class="nys-textinput">
|
|
4665
5056
|
<nys-label
|
|
4666
5057
|
for=${this.id}
|
|
@@ -4668,6 +5059,7 @@ ${this.value}</textarea
|
|
|
4668
5059
|
description=${this.description}
|
|
4669
5060
|
flag=${this.required?"required":this.optional?"optional":""}
|
|
4670
5061
|
_tooltip=${this._tooltip}
|
|
5062
|
+
?invert=${this.invert}
|
|
4671
5063
|
>
|
|
4672
5064
|
<slot name="description" slot="description">${this.description}</slot>
|
|
4673
5065
|
</nys-label>
|
|
@@ -4701,7 +5093,7 @@ ${this.value}</textarea
|
|
|
4701
5093
|
@focus="${this._handleFocus}"
|
|
4702
5094
|
@blur="${this._handleBlur}"
|
|
4703
5095
|
/>
|
|
4704
|
-
${this.type==="password"?
|
|
5096
|
+
${this.type==="password"?c` <nys-button
|
|
4705
5097
|
class="eye-icon"
|
|
4706
5098
|
id="password-toggle"
|
|
4707
5099
|
suffixIcon="slotted"
|
|
@@ -4727,7 +5119,7 @@ ${this.value}</textarea
|
|
|
4727
5119
|
errorMessage=${this.errorMessage}
|
|
4728
5120
|
></nys-errormessage>
|
|
4729
5121
|
</div>
|
|
4730
|
-
`}},
|
|
5122
|
+
`}},X.VALID_TYPES=["email","number","password","search","tel","text","url"],X.VALID_WIDTHS=["sm","md","lg","full"],X.styles=no,X.formAssociated=!0,X);_([i({type:String})],b.prototype,"id",2),_([i({type:String,reflect:!0})],b.prototype,"name",2),_([i({reflect:!0})],b.prototype,"type",1),_([i({type:String})],b.prototype,"label",2),_([i({type:String})],b.prototype,"description",2),_([i({type:String})],b.prototype,"placeholder",2),_([i({type:String})],b.prototype,"value",2),_([i({type:Boolean,reflect:!0})],b.prototype,"disabled",2),_([i({type:Boolean,reflect:!0})],b.prototype,"readonly",2),_([i({type:Boolean,reflect:!0})],b.prototype,"required",2),_([i({type:Boolean,reflect:!0})],b.prototype,"optional",2),_([i({type:String})],b.prototype,"_tooltip",2),_([i({type:String,reflect:!0})],b.prototype,"form",2),_([i({type:String})],b.prototype,"pattern",2),_([i({type:Number})],b.prototype,"maxlength",2),_([i({reflect:!0})],b.prototype,"width",2),_([i({type:Number})],b.prototype,"step",2),_([i({type:Number})],b.prototype,"min",2),_([i({type:Number})],b.prototype,"max",2),_([i({type:Boolean,reflect:!0})],b.prototype,"invert",2),_([i({type:Boolean,reflect:!0})],b.prototype,"showError",2),_([i({type:String})],b.prototype,"errorMessage",2),_([z()],b.prototype,"showPassword",2);let v1=b;customElements.get("nys-textinput")||customElements.define("nys-textinput",v1);const co=g`
|
|
4731
5123
|
:host {
|
|
4732
5124
|
/* Global Toggle Styles */
|
|
4733
5125
|
--_nys-toggle-width: var(--nys-font-size-8xl, 44px);
|
|
@@ -4987,12 +5379,17 @@ ${this.value}</textarea
|
|
|
4987
5379
|
--_nys-toggle-size--knob: var(--nys-size-250, 20px);
|
|
4988
5380
|
}
|
|
4989
5381
|
|
|
5382
|
+
/* Text Invert */
|
|
5383
|
+
.nys-toggle__text.invert {
|
|
5384
|
+
--_nys-toggle-color: var(--nys-color-text-reverse, #fff);
|
|
5385
|
+
}
|
|
5386
|
+
|
|
4990
5387
|
@media (prefers-reduced-motion: reduce) {
|
|
4991
5388
|
:host {
|
|
4992
5389
|
--toggle-transition-duration: 0s; /* Disable animation */
|
|
4993
5390
|
}
|
|
4994
5391
|
}
|
|
4995
|
-
`;var
|
|
5392
|
+
`;var ho=Object.defineProperty,yo=Object.getOwnPropertyDescriptor,W=(a,e,t,o)=>{for(var s=o>1?void 0:o?yo(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&&ho(e,t,s),s};let uo=0;const F=(he=class extends f{constructor(){super(),this.id="",this.name="",this.value="",this.label="",this.description="",this.form=null,this.checked=!1,this.disabled=!1,this.noIcon=!1,this.invert=!1,this._size="md",this._internals=this.attachInternals()}get size(){return this._size}set size(e){this._size=he.VALID_SIZES.includes(e)?e:"md"}connectedCallback(){super.connectedCallback(),this.id||(this.id=`nys-toggle-${Date.now()}-${uo++}`)}updated(e){(e.has("checked")||e.has("value"))&&this._internals.setFormValue(this.checked?this.value:null)}_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 c`
|
|
4996
5393
|
<label class="nys-toggle">
|
|
4997
5394
|
<div class="nys-toggle__content">
|
|
4998
5395
|
<div class="nys-toggle__toggle">
|
|
@@ -5014,7 +5411,7 @@ ${this.value}</textarea
|
|
|
5014
5411
|
/>
|
|
5015
5412
|
<span class="slider">
|
|
5016
5413
|
<div class="knob">
|
|
5017
|
-
${this.noIcon?"":
|
|
5414
|
+
${this.noIcon?"":c`<nys-icon
|
|
5018
5415
|
class="toggle-icon"
|
|
5019
5416
|
name="${this.checked?"check":"close"}"
|
|
5020
5417
|
size="2xl"
|
|
@@ -5022,13 +5419,13 @@ ${this.value}</textarea
|
|
|
5022
5419
|
</div>
|
|
5023
5420
|
</span>
|
|
5024
5421
|
</div>
|
|
5025
|
-
<div class="nys-toggle__text">
|
|
5422
|
+
<div class="nys-toggle__text ${this.invert?"invert":""}">
|
|
5026
5423
|
<div class="nys-toggle__label">${this.label}</div>
|
|
5027
5424
|
<slot name="description">${this.description}</slot>
|
|
5028
5425
|
</div>
|
|
5029
5426
|
</div>
|
|
5030
5427
|
</label>
|
|
5031
|
-
`}},
|
|
5428
|
+
`}},he.VALID_SIZES=["sm","md"],he.styles=co,he.formAssociated=!0,he);W([i({type:String})],F.prototype,"id",2),W([i({type:String,reflect:!0})],F.prototype,"name",2),W([i({type:String})],F.prototype,"value",2),W([i({type:String})],F.prototype,"label",2),W([i({type:String})],F.prototype,"description",2),W([i({type:String,reflect:!0})],F.prototype,"form",2),W([i({type:Boolean,reflect:!0})],F.prototype,"checked",2),W([i({type:Boolean,reflect:!0})],F.prototype,"disabled",2),W([i({type:Boolean})],F.prototype,"noIcon",2),W([i({type:Boolean,reflect:!0})],F.prototype,"invert",2),W([i({reflect:!0})],F.prototype,"size",1);let f1=F;customElements.get("nys-toggle")||customElements.define("nys-toggle",f1);const po=g`
|
|
5032
5429
|
:host {
|
|
5033
5430
|
/* Global Tooltip Styles */
|
|
5034
5431
|
--_nys-tooltip-color: var(--nys-color-text-reverse, #ffffff);
|
|
@@ -5184,7 +5581,7 @@ ${this.value}</textarea
|
|
|
5184
5581
|
); /* 2rem = 32px = 16px margin on each side */
|
|
5185
5582
|
}
|
|
5186
5583
|
}
|
|
5187
|
-
`;var
|
|
5584
|
+
`;var vo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,Ue=(a,e,t,o)=>{for(var s=o>1?void 0:o?fo(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&&vo(e,t,s),s};let go=0;const zt=class zt extends f{constructor(){super(),this.id="",this.text="",this.inverted=!1,this.focusable=!1,this._active=!1,this._userHasSetPosition=!1,this._originalUserPosition=null,this._internallyUpdatingPosition=!1,this._position=null,this._handleTooltipEnter=()=>{if(this._active=!0,this._addScrollListeners(),this._userHasSetPosition&&this._originalUserPosition&&this._doesPositionFit(this._originalUserPosition)){this.position=this._originalUserPosition,this.updateComplete.then(()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-tooltip__content");e&&this._shiftTooltipIntoViewport(e)});return}this.autoPositionTooltip()},this._handleBlurOrMouseLeave=()=>{var t;this._active=!1,this._removeScrollListeners();const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-tooltip__content");e&&this._resetTooltipPositioningStyles(e)},this._handleScrollOrResize=()=>{this._active&&(this._userHasSetPosition&&this._originalUserPosition?this._doesPositionFit(this._originalUserPosition)?(this._setInternalPosition(this._originalUserPosition),this.updateComplete.then(()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-tooltip__content");e&&this._shiftTooltipIntoViewport(e)})):this.autoPositionTooltip():this.autoPositionTooltip())},this._handleEscapeKey=e=>{var t;if(e.key==="Escape"&&this._active){this._active=!1,this._removeScrollListeners();const o=(t=this.shadowRoot)==null?void 0:t.querySelector(".nys-tooltip__content");o&&this._resetTooltipPositioningStyles(o)}}}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()}-${go++}`),window.addEventListener("keydown",this._handleEscapeKey)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._handleEscapeKey)}get _firstAssignedEl(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");return e==null?void 0:e.assignedElements({flatten:!0})[0]}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",()=>{const o=this._firstAssignedEl;o&&this._applyFocusBehavior(o)})}updated(e){super.updated(e);const t=this._firstAssignedEl;t&&(e.has("text")&&this._passAria(t),e.has("focusable")&&this._applyFocusBehavior(t))}_addScrollListeners(){window.addEventListener("scroll",this._handleScrollOrResize,!0),window.addEventListener("resize",this._handleScrollOrResize)}_removeScrollListeners(){window.removeEventListener("scroll",this._handleScrollOrResize,!0),window.removeEventListener("resize",this._handleScrollOrResize)}_passAria(e){const t=e.tagName.toLowerCase();if(t.startsWith("nys-"))if(t==="nys-icon"){const o=e.getAttribute("ariaLabel")||"",s=o?`${o}, ${this.text}`:this.text;e.setAttribute("ariaLabel",s)}else e.setAttribute("ariaDescription",this.text)}async _applyFocusBehavior(e){var o;if(!this.focusable)return;if(e.tagName.toLowerCase()==="nys-icon"){"updateComplete"in e&&await e.updateComplete;const s=(o=e.shadowRoot)==null?void 0:o.querySelector("svg");s&&s.setAttribute("tabindex","0")}else e.setAttribute("tabindex","0")}_doesPositionFit(e){var y,p;const t=(y=this.shadowRoot)==null?void 0:y.querySelector(".nys-tooltip__wrapper"),o=(p=this.shadowRoot)==null?void 0:p.querySelector(".nys-tooltip__content");if(!t||!o||e==null)return;const s=t.getBoundingClientRect(),r=o.getBoundingClientRect(),n=8,d={top:s.top-n,left:s.left-n,bottom:window.innerHeight-s.bottom-n,right:window.innerWidth-s.right-n};return{top:d.top>=r.height,bottom:d.bottom>=r.height,left:d.left>=r.width,right:d.right>=r.width}[e]}async autoPositionTooltip(){var y,p;const e=(y=this.shadowRoot)==null?void 0:y.querySelector(".nys-tooltip__wrapper"),t=(p=this.shadowRoot)==null?void 0:p.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._shiftTooltipIntoViewport(t);return}let d="top",l=r.top;for(const h of n)r[h]>l&&(l=r[h],d=h);this._setInternalPosition(d),await this.updateComplete,this._shiftTooltipIntoViewport(t)}_setInternalPosition(e){this._internallyUpdatingPosition=!0,this.position=e,this._internallyUpdatingPosition=!1}_shiftTooltipIntoViewport(e){var h;const o=((h=this.shadowRoot)==null?void 0:h.querySelector(".nys-tooltip__wrapper")).getBoundingClientRect(),s=e.getBoundingClientRect(),r=o.left+o.width/2,n=s.left<0,d=s.right>window.innerWidth;this._resetTooltipPositioningStyles(e),n?(e.style.left="0px",e.style.transform="none"):d&&(e.style.right="0px",e.style.left="auto",e.style.transform="none");const l=e.getBoundingClientRect(),y=(r-l.left)/l.width,p=Math.max(0,Math.min(1,y))*100;e.style.setProperty("--arrow-offset-x",`${p}%`)}_resetTooltipPositioningStyles(e){e.style.left="",e.style.right="",e.style.transform=""}render(){var e;return c`
|
|
5188
5585
|
<div class="nys-tooltip__main">
|
|
5189
5586
|
<div
|
|
5190
5587
|
class="nys-tooltip__wrapper"
|
|
@@ -5197,7 +5594,7 @@ ${this.value}</textarea
|
|
|
5197
5594
|
<slot></slot>
|
|
5198
5595
|
</span>
|
|
5199
5596
|
</div>
|
|
5200
|
-
${(e=this.text)!=null&&e.trim()?
|
|
5597
|
+
${(e=this.text)!=null&&e.trim()?c`<div
|
|
5201
5598
|
id=${this.id}
|
|
5202
5599
|
class="nys-tooltip__content"
|
|
5203
5600
|
role="tooltip"
|
|
@@ -5208,7 +5605,7 @@ ${this.value}</textarea
|
|
|
5208
5605
|
<span class="nys-tooltip__arrow"></span>
|
|
5209
5606
|
</div>`:""}
|
|
5210
5607
|
</div>
|
|
5211
|
-
`}};
|
|
5608
|
+
`}};zt.styles=po;let ee=zt;Ue([i({type:String})],ee.prototype,"id",2),Ue([i({type:String})],ee.prototype,"text",2),Ue([i({type:Boolean,reflect:!0})],ee.prototype,"inverted",2),Ue([i({type:Boolean,reflect:!0})],ee.prototype,"focusable",2),Ue([z()],ee.prototype,"_active",2),Ue([i({type:String,reflect:!0})],ee.prototype,"position",1),customElements.get("nys-tooltip")||customElements.define("nys-tooltip",ee);const bo=g`
|
|
5212
5609
|
:host {
|
|
5213
5610
|
/* Global Unav Header Styles */
|
|
5214
5611
|
--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px);
|
|
@@ -5244,32 +5641,54 @@ ${this.value}</textarea
|
|
|
5244
5641
|
);
|
|
5245
5642
|
}
|
|
5246
5643
|
|
|
5247
|
-
|
|
5248
|
-
display:
|
|
5249
|
-
|
|
5644
|
+
.nys-unavheader {
|
|
5645
|
+
display: flex;
|
|
5646
|
+
flex-direction: column;
|
|
5250
5647
|
}
|
|
5251
5648
|
|
|
5252
|
-
.nys-unavheader {
|
|
5253
|
-
|
|
5649
|
+
.nys-unavheader > * {
|
|
5650
|
+
padding: 0 var(--_nys-unavheader-padding--gutter);
|
|
5254
5651
|
}
|
|
5255
5652
|
|
|
5256
|
-
.nys-
|
|
5653
|
+
.nys-unavheader__main.wrapper {
|
|
5257
5654
|
background-color: var(--_nys-unavheader-background-color);
|
|
5655
|
+
}
|
|
5656
|
+
|
|
5657
|
+
.nys-unavheader__main.content {
|
|
5258
5658
|
display: flex;
|
|
5259
|
-
|
|
5659
|
+
align-items: center;
|
|
5660
|
+
justify-content: space-between;
|
|
5661
|
+
gap: var(--nys-space-300, 24px);
|
|
5662
|
+
padding-top: var(--nys-space-100, 8px);
|
|
5663
|
+
padding-bottom: var(--nys-space-100, 8px);
|
|
5260
5664
|
}
|
|
5261
5665
|
|
|
5262
|
-
.nys-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
5266
|
-
.nys-
|
|
5267
|
-
|
|
5666
|
+
.nys-unavheader__spacer {
|
|
5667
|
+
flex: 1;
|
|
5668
|
+
}
|
|
5669
|
+
|
|
5670
|
+
.nys-unavheader__trustbar.wrapper {
|
|
5671
|
+
background-color: var(--nys-color-neutral-100, #d0d0ce);
|
|
5672
|
+
padding-top: var(--nys-space-100, 8px);
|
|
5673
|
+
padding-bottom: var(--nys-space-100, 8px);
|
|
5674
|
+
}
|
|
5675
|
+
.nys-unavheader__trustbar.wrapper > .content,
|
|
5676
|
+
.nys-unavheader__trustbar.wrapper > .content * {
|
|
5677
|
+
cursor: pointer;
|
|
5678
|
+
}
|
|
5679
|
+
.nys-unavheader__trustbar.inline,
|
|
5680
|
+
.nys-unavheader__trustbar.inline #nys-unavheader__official {
|
|
5681
|
+
background-color: transparent;
|
|
5682
|
+
cursor: default;
|
|
5268
5683
|
}
|
|
5269
5684
|
|
|
5270
|
-
|
|
5685
|
+
/*
|
|
5686
|
+
.content -> small screens
|
|
5687
|
+
.inline -> large screens
|
|
5688
|
+
*/
|
|
5689
|
+
.nys-unavheader__trustbar > .content,
|
|
5690
|
+
.nys-unavheader__trustbar.inline {
|
|
5271
5691
|
display: flex;
|
|
5272
|
-
flex-direction: row;
|
|
5273
5692
|
align-items: center;
|
|
5274
5693
|
gap: var(--nys-space-100, 8px);
|
|
5275
5694
|
height: fit-content;
|
|
@@ -5290,15 +5709,6 @@ ${this.value}</textarea
|
|
|
5290
5709
|
);
|
|
5291
5710
|
}
|
|
5292
5711
|
|
|
5293
|
-
.nys-unavheader__maincontent {
|
|
5294
|
-
display: flex;
|
|
5295
|
-
flex-wrap: wrap;
|
|
5296
|
-
flex: 1;
|
|
5297
|
-
justify-content: space-between;
|
|
5298
|
-
align-items: center;
|
|
5299
|
-
max-width: 1280px;
|
|
5300
|
-
}
|
|
5301
|
-
|
|
5302
5712
|
a#nys-unavheader__logolink {
|
|
5303
5713
|
outline-offset: var(--nys-space-2px, 2px);
|
|
5304
5714
|
}
|
|
@@ -5309,73 +5719,8 @@ ${this.value}</textarea
|
|
|
5309
5719
|
width: auto;
|
|
5310
5720
|
}
|
|
5311
5721
|
|
|
5312
|
-
|
|
5313
|
-
|
|
5314
|
-
justify-content: space-between;
|
|
5315
|
-
background-color: var(--nys-color-neutral-100, #d0d0ce);
|
|
5316
|
-
padding: var(--nys-space-100, 8px) var(--_nys-unavheader-padding--gutter);
|
|
5317
|
-
cursor: pointer;
|
|
5318
|
-
}
|
|
5319
|
-
|
|
5320
|
-
.nys-unavheader__toptrustbar * {
|
|
5321
|
-
cursor: pointer;
|
|
5322
|
-
}
|
|
5323
|
-
|
|
5324
|
-
.nys-unavheader__left,
|
|
5325
|
-
.nys-unavheader__right {
|
|
5326
|
-
display: flex;
|
|
5327
|
-
align-items: center;
|
|
5328
|
-
gap: var(--nys-space-300, 24px);
|
|
5329
|
-
padding-top: var(--nys-space-100, 8px);
|
|
5330
|
-
padding-bottom: var(--nys-space-100, 8px);
|
|
5331
|
-
}
|
|
5332
|
-
|
|
5333
|
-
.nys-unavheader__left {
|
|
5334
|
-
order: 2;
|
|
5335
|
-
padding-left: var(--_nys-unavheader-padding--gutter);
|
|
5336
|
-
}
|
|
5337
|
-
.nys-unavheader__right {
|
|
5338
|
-
order: 3;
|
|
5339
|
-
padding-right: var(--_nys-unavheader-padding--gutter);
|
|
5340
|
-
}
|
|
5341
|
-
|
|
5342
|
-
.nys-unavheader__trustbarwrapper {
|
|
5343
|
-
order: 1;
|
|
5344
|
-
width: 100%;
|
|
5345
|
-
}
|
|
5346
|
-
|
|
5347
|
-
#nys-unavheader__translate,
|
|
5348
|
-
#nys-unavheader__searchbutton {
|
|
5349
|
-
/* These props ARE publicly overridable */
|
|
5350
|
-
--nys-button-color: var(--nys-color-state-blue-700, #154973);
|
|
5351
|
-
--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);
|
|
5352
|
-
--nys-button-color--active: var(--nys-color-state-blue-700, #154973);
|
|
5353
|
-
}
|
|
5354
|
-
|
|
5355
|
-
.nys-unavheader__iconbutton {
|
|
5356
|
-
/* These props ARE NOT publicly overridable */
|
|
5357
|
-
--_nys-button-width: var(--nys-size-400, 32px);
|
|
5358
|
-
--_nys-button-height: var(--nys-size-400, 32px);
|
|
5359
|
-
--_nys-button-padding--y: 0;
|
|
5360
|
-
--_nys-button-padding--x: 0;
|
|
5361
|
-
}
|
|
5362
|
-
|
|
5363
|
-
.nys-unavheader__search {
|
|
5364
|
-
width: var(--nys-form-width-md, 200px);
|
|
5365
|
-
transition: width 0.5s ease;
|
|
5366
|
-
}
|
|
5367
|
-
|
|
5368
|
-
/* Grow size on focus */
|
|
5369
|
-
.nys-unavheader__search:focus {
|
|
5370
|
-
width: var(--nys-form-width-lg, 384px);
|
|
5371
|
-
}
|
|
5372
|
-
|
|
5373
|
-
#nys-unavheader__official {
|
|
5374
|
-
width: max-content;
|
|
5375
|
-
color: var(--_nys-unavheader-color);
|
|
5376
|
-
}
|
|
5377
|
-
|
|
5378
|
-
#nys-unavheader__know {
|
|
5722
|
+
#nys-unavheader__know,
|
|
5723
|
+
#nys-unavheader__know--inline {
|
|
5379
5724
|
width: max-content;
|
|
5380
5725
|
display: flex;
|
|
5381
5726
|
align-items: center;
|
|
@@ -5383,8 +5728,8 @@ ${this.value}</textarea
|
|
|
5383
5728
|
gap: var(--nys-space-50, 4px);
|
|
5384
5729
|
/* These props ARE NOT publicly overridable */
|
|
5385
5730
|
--_nys-button-height: var(--nys-font-lineheight-ui-xs, 20px);
|
|
5386
|
-
--_nys-button-border-radius--
|
|
5387
|
-
--_nys-button-border-radius--
|
|
5731
|
+
--_nys-button-border-radius--start: var(--nys-radius-md, 4px);
|
|
5732
|
+
--_nys-button-border-radius--end: var(--nys-radius-md, 4px);
|
|
5388
5733
|
--_nys-button-padding--y: var(--nys-space-2px, 2px);
|
|
5389
5734
|
--_nys-button-padding--x: var(--nys-space-50, 4px);
|
|
5390
5735
|
--_nys-button-border-width: 0px;
|
|
@@ -5419,52 +5764,92 @@ ${this.value}</textarea
|
|
|
5419
5764
|
);
|
|
5420
5765
|
}
|
|
5421
5766
|
|
|
5422
|
-
.
|
|
5423
|
-
position: relative;
|
|
5424
|
-
}
|
|
5425
|
-
|
|
5426
|
-
.nys-unavheader__trustbar.hide,
|
|
5427
|
-
.nys-unavheader__languagelist.hide,
|
|
5428
|
-
.nys-unavheader__searchdropdown.hide {
|
|
5767
|
+
.hide {
|
|
5429
5768
|
display: none;
|
|
5430
5769
|
}
|
|
5431
5770
|
|
|
5432
|
-
.nys-
|
|
5771
|
+
.nys-unavheader__trustpanel.wrapper.show {
|
|
5433
5772
|
background-color: var(--_nys-unavheader-background-color--section-raised);
|
|
5434
|
-
|
|
5773
|
+
display: flex;
|
|
5774
|
+
padding-top: var(--nys-space-400, 32px);
|
|
5775
|
+
padding-bottom: var(--nys-space-400, 32px);
|
|
5435
5776
|
}
|
|
5436
|
-
|
|
5437
|
-
.nys-unavheader__trustbar.show {
|
|
5438
|
-
background-color: var(--_nys-unavheader-background-color--section-raised);
|
|
5439
|
-
color: var(--_nys-unavheader-color);
|
|
5777
|
+
.nys-unavheader__messagewrapper {
|
|
5440
5778
|
display: flex;
|
|
5441
|
-
|
|
5442
|
-
padding: var(--nys-space-400, 32px) var(--_nys-unavheader-padding--gutter);
|
|
5443
|
-
margin: auto;
|
|
5779
|
+
gap: var(--nys-space-400, 32px);
|
|
5444
5780
|
}
|
|
5445
5781
|
|
|
5446
|
-
.nys-
|
|
5782
|
+
.nys-unavheader__trustpanel.content {
|
|
5447
5783
|
display: flex;
|
|
5448
|
-
flex:
|
|
5449
|
-
flex-direction: column;
|
|
5450
|
-
gap: var(--nys-space-400, 24px);
|
|
5451
|
-
font-weight: var(--nys-font-weight-regular, 400);
|
|
5452
|
-
max-width: 1280px;
|
|
5784
|
+
flex-direction: row-reverse;
|
|
5453
5785
|
}
|
|
5454
5786
|
|
|
5455
5787
|
.nys-unavheader__trustcontentmessage {
|
|
5456
|
-
display: flex;
|
|
5457
5788
|
flex: 1;
|
|
5789
|
+
display: flex;
|
|
5458
5790
|
flex-direction: column;
|
|
5459
5791
|
gap: var(--nys-space-100, 8px);
|
|
5460
|
-
|
|
5792
|
+
|
|
5793
|
+
/* UI/Small/Bold */
|
|
5794
|
+
font-family: var(--nys-type-family-ui, "Proxima Nova");
|
|
5795
|
+
font-size: var(--nys-type-size-ui-sm, 14px);
|
|
5796
|
+
font-style: normal;
|
|
5797
|
+
font-weight: 400;
|
|
5798
|
+
line-height: var(--nys-typography-font-lineheight-ui-sm, 24px);
|
|
5799
|
+
letter-spacing: var(--nys-typography-font-letterspacing-ui-sm, 0.044px);
|
|
5800
|
+
}
|
|
5801
|
+
.nys-unavheader__searchdropdown.wrapper {
|
|
5802
|
+
background-color: var(--_nys-unavheader-background-color--section-raised);
|
|
5803
|
+
padding-top: var(--nys-space-250, 20px);
|
|
5804
|
+
padding-bottom: var(--nys-space-250, 20px);
|
|
5805
|
+
}
|
|
5806
|
+
|
|
5807
|
+
.nys-unavheader__trustpanel.wrapper > .content,
|
|
5808
|
+
.nys-unavheader__main.wrapper > .content,
|
|
5809
|
+
.nys-unavheader__trustbar > .content,
|
|
5810
|
+
.nys-unavheader__searchdropdown.wrapper > .content {
|
|
5811
|
+
max-width: 1280px;
|
|
5812
|
+
margin: 0 auto;
|
|
5813
|
+
}
|
|
5814
|
+
|
|
5815
|
+
.nys-unavheader__search {
|
|
5816
|
+
max-width: var(--nys-form-width-md, 200px);
|
|
5817
|
+
transition: max-width 0.5s ease;
|
|
5818
|
+
--_nys-textinput-gap: 0px;
|
|
5819
|
+
}
|
|
5820
|
+
|
|
5821
|
+
/* Grow size on focus */
|
|
5822
|
+
.nys-unavheader__search:focus {
|
|
5823
|
+
width: var(--nys-form-width-lg, 384px);
|
|
5824
|
+
max-width: var(--nys-form-width-lg, 384px);
|
|
5825
|
+
}
|
|
5826
|
+
|
|
5827
|
+
#nys-unavheader__translate,
|
|
5828
|
+
#nys-unavheader__searchbutton {
|
|
5829
|
+
/* These props ARE publicly overridable */
|
|
5830
|
+
--nys-button-color: var(--nys-color-state-blue-700, #154973);
|
|
5831
|
+
--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);
|
|
5832
|
+
--nys-button-color--active: var(--nys-color-state-blue-700, #154973);
|
|
5833
|
+
--_nys-button-border-width: 0px;
|
|
5834
|
+
}
|
|
5835
|
+
|
|
5836
|
+
.nys-unavheader__iconbutton {
|
|
5837
|
+
/* These props ARE NOT publicly overridable */
|
|
5838
|
+
--_nys-button-width: var(--nys-size-400, 32px);
|
|
5839
|
+
--_nys-button-height: var(--nys-size-400, 32px);
|
|
5840
|
+
--_nys-button-padding--y: 0;
|
|
5841
|
+
--_nys-button-padding--x: 0;
|
|
5842
|
+
}
|
|
5843
|
+
|
|
5844
|
+
.nys-unavheader__translatewrapper {
|
|
5845
|
+
position: relative;
|
|
5461
5846
|
}
|
|
5462
5847
|
|
|
5463
5848
|
.nys-unavheader__languagelist.show {
|
|
5464
5849
|
position: absolute;
|
|
5465
5850
|
display: flex;
|
|
5466
5851
|
flex-direction: column;
|
|
5467
|
-
min-width:
|
|
5852
|
+
min-width: fit-content;
|
|
5468
5853
|
width: max-content;
|
|
5469
5854
|
z-index: 99999;
|
|
5470
5855
|
background-color: var(--_nys-unavheader-background-color--section-raised);
|
|
@@ -5497,16 +5882,32 @@ ${this.value}</textarea
|
|
|
5497
5882
|
#nys-unavheader__know {
|
|
5498
5883
|
--_nys-button-padding--x: 0px;
|
|
5499
5884
|
--_nys-button-padding--y: 0px;
|
|
5885
|
+
--_nys-button-height: var(--nys-space-200, 16px);
|
|
5500
5886
|
}
|
|
5501
5887
|
|
|
5502
|
-
.nys-
|
|
5888
|
+
.nys-unavheader__trustbar > .content {
|
|
5503
5889
|
flex-direction: column;
|
|
5504
5890
|
align-items: flex-start;
|
|
5505
|
-
gap:
|
|
5891
|
+
gap: 0px;
|
|
5892
|
+
line-height: 16px;
|
|
5893
|
+
}
|
|
5894
|
+
|
|
5895
|
+
.nys-unavheader__trustbar.wrapper {
|
|
5896
|
+
padding-top: var(--nys-space-50, 4px);
|
|
5897
|
+
padding-bottom: var(--nys-space-50, 4px);
|
|
5898
|
+
}
|
|
5899
|
+
|
|
5900
|
+
.nys-unavheader__trustbar.inline {
|
|
5901
|
+
display: none;
|
|
5902
|
+
}
|
|
5903
|
+
|
|
5904
|
+
.nys-unavheader__messagewrapper {
|
|
5905
|
+
flex-direction: column;
|
|
5506
5906
|
}
|
|
5507
5907
|
|
|
5508
|
-
|
|
5509
|
-
|
|
5908
|
+
#nys-unavheader__translate:not([circle]),
|
|
5909
|
+
#nys-unavheader__searchbar {
|
|
5910
|
+
display: none;
|
|
5510
5911
|
}
|
|
5511
5912
|
}
|
|
5512
5913
|
|
|
@@ -5516,8 +5917,17 @@ ${this.value}</textarea
|
|
|
5516
5917
|
--_nys-unavheader-padding--gutter: var(--nys-gutter-sm, 20px);
|
|
5517
5918
|
}
|
|
5518
5919
|
|
|
5519
|
-
.nys-
|
|
5520
|
-
display:
|
|
5920
|
+
.nys-unavheader__trustbar.inline {
|
|
5921
|
+
display: none;
|
|
5922
|
+
}
|
|
5923
|
+
|
|
5924
|
+
.nys-unavheader__messagewrapper {
|
|
5925
|
+
flex-direction: column;
|
|
5926
|
+
}
|
|
5927
|
+
|
|
5928
|
+
#nys-unavheader__translate:not([circle]),
|
|
5929
|
+
#nys-unavheader__searchbar {
|
|
5930
|
+
display: none;
|
|
5521
5931
|
}
|
|
5522
5932
|
}
|
|
5523
5933
|
|
|
@@ -5526,19 +5936,19 @@ ${this.value}</textarea
|
|
|
5526
5936
|
:host {
|
|
5527
5937
|
--_nys-unavheader-padding--gutter: var(--nys-gutter-md, 32px);
|
|
5528
5938
|
}
|
|
5529
|
-
.nys-unavheader__trustcontent {
|
|
5530
|
-
flex-direction: row;
|
|
5531
|
-
}
|
|
5532
5939
|
|
|
5533
|
-
.nys-
|
|
5534
|
-
display:
|
|
5535
|
-
}
|
|
5536
|
-
.nys-unavheader__trustbarwrapper {
|
|
5537
|
-
order: 4;
|
|
5940
|
+
.nys-unavheader__trustbar.wrapper {
|
|
5941
|
+
display: none;
|
|
5538
5942
|
}
|
|
5539
|
-
|
|
5943
|
+
|
|
5944
|
+
#nys-unavheader__translate:not([circle]),
|
|
5945
|
+
#nys-unavheader__searchbar {
|
|
5540
5946
|
display: none;
|
|
5541
5947
|
}
|
|
5948
|
+
|
|
5949
|
+
.nys-unavheader__trustpanel.wrapper.show {
|
|
5950
|
+
order: 2;
|
|
5951
|
+
}
|
|
5542
5952
|
}
|
|
5543
5953
|
|
|
5544
5954
|
@media (min-width: 1024px) and (max-width: 1279px) {
|
|
@@ -5546,20 +5956,25 @@ ${this.value}</textarea
|
|
|
5546
5956
|
:host {
|
|
5547
5957
|
--_nys-unavheader-padding--gutter: var(--nys-gutter-lg, 32px);
|
|
5548
5958
|
}
|
|
5549
|
-
.nys-
|
|
5550
|
-
|
|
5959
|
+
.nys-unavheader__trustbar.wrapper {
|
|
5960
|
+
display: none;
|
|
5551
5961
|
}
|
|
5552
|
-
|
|
5553
|
-
|
|
5962
|
+
|
|
5963
|
+
#nys-unavheader__translate[circle],
|
|
5964
|
+
#nys-unavheader__searchbutton[circle] {
|
|
5965
|
+
display: none;
|
|
5554
5966
|
}
|
|
5555
|
-
|
|
5556
|
-
|
|
5967
|
+
|
|
5968
|
+
.nys-unavheader__searchdropdown.wrapper {
|
|
5969
|
+
display: none;
|
|
5557
5970
|
}
|
|
5558
|
-
|
|
5559
|
-
|
|
5971
|
+
|
|
5972
|
+
.nys-unavheader__languagelist.show {
|
|
5973
|
+
margin-top: var(--nys-space-100, 8px);
|
|
5560
5974
|
}
|
|
5561
|
-
|
|
5562
|
-
|
|
5975
|
+
|
|
5976
|
+
.nys-unavheader__trustpanel.wrapper.show {
|
|
5977
|
+
order: 2;
|
|
5563
5978
|
}
|
|
5564
5979
|
}
|
|
5565
5980
|
|
|
@@ -5568,20 +5983,28 @@ ${this.value}</textarea
|
|
|
5568
5983
|
:host {
|
|
5569
5984
|
--_nys-unavheader-padding--gutter: var(--nys-gutter-xl, 64px);
|
|
5570
5985
|
}
|
|
5571
|
-
.nys-
|
|
5572
|
-
|
|
5573
|
-
}
|
|
5574
|
-
.nys-unavheader--xl {
|
|
5575
|
-
display: contents;
|
|
5986
|
+
.nys-unavheader__trustbar.wrapper {
|
|
5987
|
+
display: none;
|
|
5576
5988
|
}
|
|
5577
|
-
|
|
5578
|
-
|
|
5989
|
+
|
|
5990
|
+
#nys-unavheader__translate[circle],
|
|
5991
|
+
#nys-unavheader__searchbutton[circle] {
|
|
5992
|
+
display: none;
|
|
5579
5993
|
}
|
|
5580
|
-
|
|
5994
|
+
|
|
5995
|
+
.nys-unavheader__searchdropdown.wrapper {
|
|
5581
5996
|
display: none;
|
|
5582
5997
|
}
|
|
5998
|
+
|
|
5999
|
+
.nys-unavheader__languagelist.show {
|
|
6000
|
+
margin-top: var(--nys-space-100, 8px);
|
|
6001
|
+
}
|
|
6002
|
+
|
|
6003
|
+
.nys-unavheader__trustpanel.wrapper.show {
|
|
6004
|
+
order: 2;
|
|
6005
|
+
}
|
|
5583
6006
|
}
|
|
5584
|
-
`,
|
|
6007
|
+
`,_o=`<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
5585
6008
|
<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"/>
|
|
5586
6009
|
<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"/>
|
|
5587
6010
|
<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"/>
|
|
@@ -5597,195 +6020,186 @@ ${this.value}</textarea
|
|
|
5597
6020
|
<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"/>
|
|
5598
6021
|
<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"/>
|
|
5599
6022
|
<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"/>
|
|
5600
|
-
</svg>`;var
|
|
6023
|
+
</svg>`;var Co=Object.defineProperty,ze=(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&&Co(e,t,s),s};const Vt=class Vt extends f{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(_o,"image/svg+xml").documentElement}_toggleTrustbar(){this.trustbarVisible=!this.trustbarVisible,this.trustbarVisible?(this.languageVisible=!1,this.searchDropdownVisible=!1,this.updateComplete.then(()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.getElementById("nys-unavheader__closetrustbar");e==null||e.focus()})):this.updateComplete.then(()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.getElementById("nys-unavheader__know--inline");e==null||e.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){var t;if(e.key==="Escape"&&(this._handleSearchBlur(),e.target.blur()),e.key==="Enter"){const o=(t=e.target.value)==null?void 0:t.trim();o!==""&&this._handleSearch(o)}}_handleSearchButton(e){var s,r;const o=(r=((s=this.shadowRoot)==null?void 0:s.getElementById(e)).value)==null?void 0:r.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`
|
|
5601
6024
|
<header class="nys-unavheader">
|
|
5602
|
-
<div
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
6025
|
+
<div
|
|
6026
|
+
class="nys-unavheader__trustbar wrapper"
|
|
6027
|
+
@click="${this._toggleTrustbar}"
|
|
6028
|
+
>
|
|
6029
|
+
<div class="content">
|
|
6030
|
+
<label id="nys-unavheader__official"
|
|
6031
|
+
>An official website of New York State</label
|
|
6032
|
+
>
|
|
6033
|
+
<nys-button
|
|
6034
|
+
id="nys-unavheader__know"
|
|
6035
|
+
label="Here's how you know"
|
|
6036
|
+
ariaLabel=${this.trustbarVisible?"Here's how you know expanded":"Here's how you know collapsed"}
|
|
6037
|
+
variant="ghost"
|
|
6038
|
+
size="sm"
|
|
6039
|
+
suffixIcon="slotted"
|
|
6040
|
+
@keydown="${e=>{(e.code==="Enter"||e.code==="Space"||e.key==="Enter"||e.key===" ")&&this._toggleTrustbar()}}"
|
|
6041
|
+
>
|
|
6042
|
+
<nys-icon
|
|
6043
|
+
slot="suffix-icon"
|
|
6044
|
+
size="12"
|
|
6045
|
+
name="${this.trustbarVisible?"chevron_up":"chevron_down"}"
|
|
6046
|
+
></nys-icon>
|
|
6047
|
+
</nys-button>
|
|
6048
|
+
</div>
|
|
6049
|
+
</div>
|
|
6050
|
+
<div
|
|
6051
|
+
class="nys-unavheader__trustpanel wrapper ${this.trustbarVisible?"show":"hide"}"
|
|
6052
|
+
aria-expanded="${this.trustbarVisible}"
|
|
6053
|
+
>
|
|
6054
|
+
<div class="nys-unavheader__trustpanel content">
|
|
6055
|
+
<nys-button
|
|
6056
|
+
id="nys-unavheader__closetrustbar"
|
|
6057
|
+
class="nys-unavheader__iconbutton"
|
|
6058
|
+
variant="ghost"
|
|
6059
|
+
circle
|
|
6060
|
+
icon="close"
|
|
6061
|
+
size="sm"
|
|
6062
|
+
ariaLabel="Close this notice"
|
|
6063
|
+
.onClick="${()=>this._toggleTrustbar()}"
|
|
6064
|
+
></nys-button>
|
|
6065
|
+
<div class="nys-unavheader__messagewrapper">
|
|
6066
|
+
<div
|
|
6067
|
+
class="nys-unavheader__trustcontentmessage"
|
|
6068
|
+
id="trust_official"
|
|
5611
6069
|
>
|
|
6070
|
+
<nys-icon size="3xl" name="account_balance_filled"></nys-icon>
|
|
6071
|
+
<label><b>Official websites use ny.gov</b></label>
|
|
6072
|
+
<label
|
|
6073
|
+
>A <b>ny.gov</b> website belongs to an official New York State
|
|
6074
|
+
government organization.</label
|
|
6075
|
+
>
|
|
6076
|
+
</div>
|
|
5612
6077
|
<div
|
|
5613
|
-
class="nys-
|
|
6078
|
+
class="nys-unavheader__trustcontentmessage"
|
|
6079
|
+
id="trust_secure"
|
|
5614
6080
|
>
|
|
5615
|
-
<
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
>
|
|
6081
|
+
<nys-icon size="3xl" name="lock_filled"></nys-icon>
|
|
6082
|
+
<label><b>Secure ny.gov websites use HTTPS</b></label>
|
|
6083
|
+
<label
|
|
6084
|
+
>A <b>lock icon</b> or <b>https://</b> means you've safely
|
|
6085
|
+
connected to the ny.gov website. Share sensitive information
|
|
6086
|
+
only on official, secure websites.</label
|
|
6087
|
+
>
|
|
6088
|
+
</div>
|
|
6089
|
+
</div>
|
|
6090
|
+
</div>
|
|
6091
|
+
</div>
|
|
6092
|
+
<div class="nys-unavheader__main wrapper" id="nys-universal-navigation">
|
|
6093
|
+
<div class="nys-unavheader__main content">
|
|
6094
|
+
<a
|
|
6095
|
+
href="https://www.ny.gov"
|
|
6096
|
+
id="nys-unavheader__logolink"
|
|
6097
|
+
aria-label="Visit the NY.gov homepage"
|
|
6098
|
+
>
|
|
6099
|
+
<div class="nys-unavheader__logo">${this._getNysLogo()}</div></a
|
|
6100
|
+
>
|
|
6101
|
+
<div class="nys-unavheader__trustbar inline">
|
|
6102
|
+
<label id="nys-unavheader__official"
|
|
6103
|
+
>An official website of New York State</label
|
|
6104
|
+
>
|
|
6105
|
+
<nys-button
|
|
6106
|
+
id="nys-unavheader__know--inline"
|
|
6107
|
+
label="Here's how you know"
|
|
6108
|
+
ariaControls="trust_official"
|
|
6109
|
+
ariaLabel=${this.trustbarVisible?"Here's how you know expanded":"Here's how you know collapsed"}
|
|
6110
|
+
variant="ghost"
|
|
6111
|
+
size="sm"
|
|
6112
|
+
suffixIcon="slotted"
|
|
6113
|
+
.onClick="${()=>this._toggleTrustbar()}"
|
|
6114
|
+
>
|
|
6115
|
+
<nys-icon
|
|
6116
|
+
slot="suffix-icon"
|
|
6117
|
+
size="12"
|
|
6118
|
+
name="${this.trustbarVisible?"chevron_up":"chevron_down"}"
|
|
6119
|
+
></nys-icon>
|
|
6120
|
+
</nys-button>
|
|
6121
|
+
</div>
|
|
6122
|
+
<div class="nys-unavheader__spacer"></div>
|
|
6123
|
+
${this.hideTranslate?null:c`<div class="nys-unavheader__translatewrapper">
|
|
5619
6124
|
<nys-button
|
|
5620
|
-
id="nys-unavheader__know"
|
|
5621
|
-
label="Here's how you know"
|
|
5622
|
-
ariaLabel=${this.trustbarVisible?"Here's how you know expanded":"Here's how you know collapsed"}
|
|
5623
6125
|
variant="ghost"
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
6126
|
+
circle
|
|
6127
|
+
icon="slotted"
|
|
6128
|
+
ariaLabel=${this.languageVisible?"Translate expanded":"Translate collapsed"}
|
|
6129
|
+
id="nys-unavheader__translate"
|
|
6130
|
+
class="nys-unavheader__iconbutton"
|
|
6131
|
+
.onClick="${()=>this._toggleLanguageList()}"
|
|
5627
6132
|
>
|
|
5628
6133
|
<nys-icon
|
|
5629
|
-
slot="
|
|
5630
|
-
|
|
5631
|
-
|
|
6134
|
+
slot="circle-icon"
|
|
6135
|
+
name="language"
|
|
6136
|
+
size="16"
|
|
5632
6137
|
></nys-icon>
|
|
5633
6138
|
</nys-button>
|
|
5634
|
-
|
|
5635
|
-
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5645
|
-
|
|
6139
|
+
|
|
6140
|
+
${this.isSearchFocused?null:c`
|
|
6141
|
+
<nys-button
|
|
6142
|
+
variant="ghost"
|
|
6143
|
+
label="Translate"
|
|
6144
|
+
size="sm"
|
|
6145
|
+
prefixIcon="language_filled"
|
|
6146
|
+
suffixIcon=${this.languageVisible?"chevron_up":"chevron_down"}
|
|
6147
|
+
ariaLabel=${this.languageVisible?"Translate expanded":"Translate collapsed"}
|
|
6148
|
+
id="nys-unavheader__translate"
|
|
6149
|
+
.onClick="${()=>this._toggleLanguageList()}"
|
|
6150
|
+
></nys-button>
|
|
6151
|
+
`}
|
|
6152
|
+
<div
|
|
6153
|
+
class="nys-unavheader__languagelist ${this.languageVisible?"show":"hide"}"
|
|
5646
6154
|
>
|
|
6155
|
+
${this.languages.map(([e,t])=>c`<a
|
|
6156
|
+
class="nys-unavheader__languagelink"
|
|
6157
|
+
target="_self"
|
|
6158
|
+
href="https://${t?t+".":""}${window.location.hostname}"
|
|
6159
|
+
>${e}</a
|
|
6160
|
+
>`)}
|
|
6161
|
+
</div>
|
|
6162
|
+
</div>`}
|
|
6163
|
+
${this.hideSearch?null:c`
|
|
5647
6164
|
<nys-button
|
|
5648
|
-
id="nys-unavheader__know"
|
|
5649
|
-
label="Here's how you know"
|
|
5650
|
-
ariaLabel=${this.trustbarVisible?"Here's how you know expanded":"Here's how you know collapsed"}
|
|
5651
6165
|
variant="ghost"
|
|
5652
|
-
|
|
5653
|
-
|
|
6166
|
+
circle
|
|
6167
|
+
icon="search"
|
|
6168
|
+
ariaLabel=${this.searchDropdownVisible?"Search expanded":"Search collapsed"}
|
|
6169
|
+
id="nys-unavheader__searchbutton"
|
|
6170
|
+
class="nys-unavheader__iconbutton"
|
|
6171
|
+
.onClick="${()=>this._toggleSearchDropdown()}"
|
|
5654
6172
|
>
|
|
5655
6173
|
<nys-icon
|
|
5656
|
-
slot="
|
|
5657
|
-
|
|
5658
|
-
|
|
6174
|
+
slot="circle-icon"
|
|
6175
|
+
name="search"
|
|
6176
|
+
size="16"
|
|
5659
6177
|
></nys-icon>
|
|
5660
6178
|
</nys-button>
|
|
5661
|
-
|
|
5662
|
-
|
|
5663
|
-
|
|
5664
|
-
|
|
5665
|
-
|
|
5666
|
-
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
|
|
5672
|
-
|
|
5673
|
-
|
|
5674
|
-
|
|
5675
|
-
|
|
5676
|
-
>
|
|
5677
|
-
</
|
|
5678
|
-
|
|
5679
|
-
<nys-icon size="3xl" name="lock_filled"></nys-icon>
|
|
5680
|
-
<label><b>Secure ny.gov websites use HTTPS</b></label>
|
|
5681
|
-
<label
|
|
5682
|
-
>A <b>lock icon</b> or <b>https://</b> means you've safely
|
|
5683
|
-
connected to the ny.gov website. Share sensitive
|
|
5684
|
-
information only on official, secure websites.</label
|
|
5685
|
-
>
|
|
5686
|
-
</div>
|
|
5687
|
-
</div>
|
|
5688
|
-
<nys-button
|
|
5689
|
-
id="nys-unavheader__closetrustbar"
|
|
5690
|
-
class="nys-unavheader__iconbutton"
|
|
5691
|
-
variant="ghost"
|
|
5692
|
-
circle
|
|
5693
|
-
icon="close"
|
|
5694
|
-
size="sm"
|
|
5695
|
-
ariaLabel="Close this notice"
|
|
5696
|
-
.onClick="${()=>this._toggleTrustbar()}"
|
|
5697
|
-
></nys-button>
|
|
5698
|
-
</div>
|
|
5699
|
-
</div>
|
|
5700
|
-
<div class="nys-unavheader__right">
|
|
5701
|
-
${this.hideTranslate?null:l`<div class="nys-unavheader__translatewrapper">
|
|
5702
|
-
<div
|
|
5703
|
-
class="nys-unavheader--xs nys-unavheader--sm nys-unavheader--md"
|
|
5704
|
-
>
|
|
5705
|
-
<nys-button
|
|
5706
|
-
variant="ghost"
|
|
5707
|
-
circle
|
|
5708
|
-
icon="slotted"
|
|
5709
|
-
ariaLabel=${this.languageVisible?"Translate expanded":"Translate collapsed"}
|
|
5710
|
-
id="nys-unavheader__translate"
|
|
5711
|
-
class="nys-unavheader__iconbutton"
|
|
5712
|
-
.onClick="${()=>this._toggleLanguageList()}"
|
|
5713
|
-
>
|
|
5714
|
-
<nys-icon
|
|
5715
|
-
slot="circle-icon"
|
|
5716
|
-
name="language"
|
|
5717
|
-
size="16"
|
|
5718
|
-
></nys-icon>
|
|
5719
|
-
</nys-button>
|
|
5720
|
-
</div>
|
|
5721
|
-
${this.isSearchFocused?null:l`<div class="nys-unavheader--lg nys-unavheader--xl">
|
|
5722
|
-
<nys-button
|
|
5723
|
-
variant="ghost"
|
|
5724
|
-
label="Translate"
|
|
5725
|
-
size="sm"
|
|
5726
|
-
prefixIcon="language_filled"
|
|
5727
|
-
suffixIcon=${this.languageVisible?"chevron_up":"chevron_down"}
|
|
5728
|
-
ariaLabel=${this.languageVisible?"Translate expanded":"Translate collapsed"}
|
|
5729
|
-
id="nys-unavheader__translate"
|
|
5730
|
-
.onClick="${()=>this._toggleLanguageList()}"
|
|
5731
|
-
></nys-button>
|
|
5732
|
-
</div>`}
|
|
5733
|
-
<div
|
|
5734
|
-
class="nys-unavheader__languagelist ${this.languageVisible?"show":"hide"}"
|
|
5735
|
-
>
|
|
5736
|
-
${this.languages.map(([e,t])=>l`<a
|
|
5737
|
-
class="nys-unavheader__languagelink"
|
|
5738
|
-
target="_self"
|
|
5739
|
-
href="https://${t?t+".":""}${window.location.hostname}"
|
|
5740
|
-
>${e}</a
|
|
5741
|
-
>`)}
|
|
5742
|
-
</div>
|
|
5743
|
-
</div>`}
|
|
5744
|
-
${this.hideSearch?null:l` <div
|
|
5745
|
-
class="nys-unavheader--xs nys-unavheader--sm nys-unavheader--md"
|
|
5746
|
-
>
|
|
5747
|
-
<nys-button
|
|
5748
|
-
variant="ghost"
|
|
5749
|
-
circle
|
|
5750
|
-
icon="search"
|
|
5751
|
-
ariaLabel=${this.searchDropdownVisible?"Search expanded":"Search collapsed"}
|
|
5752
|
-
id="nys-unavheader__searchbutton"
|
|
5753
|
-
class="nys-unavheader__iconbutton"
|
|
5754
|
-
.onClick="${()=>this._toggleSearchDropdown()}"
|
|
5755
|
-
>
|
|
5756
|
-
<nys-icon
|
|
5757
|
-
slot="circle-icon"
|
|
5758
|
-
name="search"
|
|
5759
|
-
size="16"
|
|
5760
|
-
></nys-icon>
|
|
5761
|
-
</nys-button>
|
|
5762
|
-
</div>
|
|
5763
|
-
<div class="nys-unavheader--lg nys-unavheader--xl">
|
|
5764
|
-
<nys-textinput
|
|
5765
|
-
class="nys-unavheader__search"
|
|
5766
|
-
id="nys-unavheader__searchbar"
|
|
5767
|
-
placeholder="Search"
|
|
5768
|
-
type="search"
|
|
5769
|
-
@focus="${this._handleSearchFocus}"
|
|
5770
|
-
@blur="${this._handleSearchBlur}"
|
|
5771
|
-
@keyup="${this._handleSearchKeyup}"
|
|
5772
|
-
>
|
|
5773
|
-
<nys-button
|
|
5774
|
-
slot="endButton"
|
|
5775
|
-
type="submit"
|
|
5776
|
-
prefixIcon="search"
|
|
5777
|
-
ariaLabel="Search Button"
|
|
5778
|
-
.onClick="${()=>this._handleSearchButton("nys-unavheader__searchbar")}"
|
|
5779
|
-
></nys-button
|
|
5780
|
-
></nys-textinput>
|
|
5781
|
-
</div>`}
|
|
5782
|
-
</div>
|
|
6179
|
+
<nys-textinput
|
|
6180
|
+
class="nys-unavheader__search"
|
|
6181
|
+
id="nys-unavheader__searchbar"
|
|
6182
|
+
placeholder="Search"
|
|
6183
|
+
type="search"
|
|
6184
|
+
@focus="${this._handleSearchFocus}"
|
|
6185
|
+
@blur="${this._handleSearchBlur}"
|
|
6186
|
+
@keyup="${this._handleSearchKeyup}"
|
|
6187
|
+
>
|
|
6188
|
+
<nys-button
|
|
6189
|
+
slot="endButton"
|
|
6190
|
+
type="submit"
|
|
6191
|
+
prefixIcon="search"
|
|
6192
|
+
ariaLabel="Search Button"
|
|
6193
|
+
.onClick="${()=>this._handleSearchButton("nys-unavheader__searchbar")}"
|
|
6194
|
+
></nys-button>
|
|
6195
|
+
</nys-textinput>
|
|
6196
|
+
`}
|
|
5783
6197
|
</div>
|
|
5784
6198
|
</div>
|
|
5785
|
-
<div
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
>
|
|
6199
|
+
<div
|
|
6200
|
+
class="nys-unavheader__searchdropdown wrapper ${this.searchDropdownVisible?"show":"hide"}"
|
|
6201
|
+
>
|
|
6202
|
+
<div class="content">
|
|
5789
6203
|
<nys-textinput
|
|
5790
6204
|
class="nys-unavheader__search"
|
|
5791
6205
|
id="nys-unavheader__searchbardropdown"
|
|
@@ -5806,7 +6220,7 @@ ${this.value}</textarea
|
|
|
5806
6220
|
</div>
|
|
5807
6221
|
</div>
|
|
5808
6222
|
</header>
|
|
5809
|
-
`}};
|
|
6223
|
+
`}};Vt.styles=bo;let Y=Vt;ze([i({type:Boolean})],Y.prototype,"trustbarVisible"),ze([i({type:Boolean})],Y.prototype,"searchDropdownVisible"),ze([i({type:Boolean})],Y.prototype,"languageVisible"),ze([i({type:Boolean})],Y.prototype,"isSearchFocused"),ze([i({type:Boolean})],Y.prototype,"hideTranslate"),ze([i({type:Boolean})],Y.prototype,"hideSearch"),ze([i({type:Array,reflect:!0})],Y.prototype,"languages"),customElements.get("nys-unavheader")||customElements.define("nys-unavheader",Y);const mo=g`
|
|
5810
6224
|
:host {
|
|
5811
6225
|
/* Global Header Styles */
|
|
5812
6226
|
--_nys-globalheader-color: var(
|
|
@@ -6114,10 +6528,10 @@ ${this.value}</textarea
|
|
|
6114
6528
|
var(--nys-space-800, 64px) 0;
|
|
6115
6529
|
}
|
|
6116
6530
|
}
|
|
6117
|
-
`;var
|
|
6531
|
+
`;var xo=Object.defineProperty,Je=(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&&xo(e,t,s),s};const Ht=class Ht extends f{constructor(){super(...arguments),this.appName="",this.agencyName="",this.homepageLink="",this.slotHasContent=!0,this.isMobileMenuOpen=!1}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");e==null||e.addEventListener("slotchange",()=>this._handleSlotChange()),this._handleSlotChange(),this._listenLinkClicks()}async _handleSlotChange(){var r,n,d;const e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");if(!e)return;const t=e==null?void 0:e.assignedNodes({flatten:!0}).filter(l=>l.nodeType===Node.ELEMENT_NODE);await Promise.resolve(),this.slotHasContent=t.length>0;const o=(n=this.shadowRoot)==null?void 0:n.querySelector(".nys-globalheader__content"),s=(d=this.shadowRoot)==null?void 0:d.querySelector(".nys-globalheader__content-mobile");if(o&&s){o.innerHTML="",s.innerHTML="";const l=this._normalizePath(window.location.pathname+window.location.hash);t.forEach(y=>{if(y.nodeType===Node.ELEMENT_NODE){const p=y.cloneNode(!0),h=y.cloneNode(!0);["script","iframe","object","embed, img"].forEach(ye=>{p.querySelectorAll(ye).forEach(we=>we.remove())});const E=ye=>{const we=Array.from(ye.querySelectorAll("a"));let ct={li:null,length:0};we.forEach(Pt=>{var b1;const Lo=Pt.getAttribute("href"),et=this._normalizePath(Lo);et&&(et==="/"&&l==="/"?ct={li:Pt.closest("li"),length:1}:l!=null&&l.startsWith(et)&&et.length>ct.length&&(ct={li:Pt.closest("li"),length:et.length}),we.forEach(Eo=>{var _1;return(_1=Eo.closest("li"))==null?void 0:_1.classList.remove("active")}),(b1=ct.li)==null||b1.classList.add("active"))})};E(p),E(h),o.appendChild(p),s.appendChild(h),y.remove()}})}}_normalizePath(e){if(e)return e.startsWith("/")||(e="/"+e),e.length>1&&e.endsWith("/")&&(e=e.slice(0,-1)),e.toLowerCase()}_toggleMobileMenu(){this.isMobileMenuOpen=!this.isMobileMenuOpen}_listenLinkClicks(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".nys-globalheader__content, .nys-globalheader__content-mobile");e==null||e.forEach(o=>{o==null||o.addEventListener("click",s=>{const n=s.target.closest("a");if(!n)return;o.querySelectorAll("li.active").forEach(l=>l.classList.remove("active"));const d=n.closest("li");d&&d.classList.add("active")})})}render(){var e,t,o,s,r,n,d,l;return c`
|
|
6118
6532
|
<header class="nys-globalheader">
|
|
6119
6533
|
<div class="nys-globalheader__main-container">
|
|
6120
|
-
${this.slotHasContent?
|
|
6534
|
+
${this.slotHasContent?c` <div class="nys-globalheader__button-container">
|
|
6121
6535
|
<button
|
|
6122
6536
|
class="nys-globalheader__mobile-menu-button"
|
|
6123
6537
|
@click="${this._toggleMobileMenu}"
|
|
@@ -6132,37 +6546,37 @@ ${this.value}</textarea
|
|
|
6132
6546
|
>
|
|
6133
6547
|
</button>
|
|
6134
6548
|
</div>`:""}
|
|
6135
|
-
${(e=this.homepageLink)!=null&&e.trim()?
|
|
6549
|
+
${(e=this.homepageLink)!=null&&e.trim()?c`<a
|
|
6136
6550
|
class="nys-globalheader__name-container-link"
|
|
6137
6551
|
href=${(r=this.homepageLink)==null?void 0:r.trim()}
|
|
6138
6552
|
>
|
|
6139
6553
|
<div class="nys-globalheader__name-container">
|
|
6140
|
-
${((n=this.appName)==null?void 0:n.trim().length)>0?
|
|
6554
|
+
${((n=this.appName)==null?void 0:n.trim().length)>0?c`<div
|
|
6141
6555
|
class="nys-globalheader__appName nys-globalheader__name"
|
|
6142
6556
|
>
|
|
6143
6557
|
${this.appName}
|
|
6144
6558
|
</div> `:""}
|
|
6145
|
-
${((
|
|
6146
|
-
class="nys-globalheader__agencyName nys-globalheader__name ${((
|
|
6559
|
+
${((d=this.agencyName)==null?void 0:d.trim().length)>0?c`<div
|
|
6560
|
+
class="nys-globalheader__agencyName nys-globalheader__name ${((l=this.appName)==null?void 0:l.trim().length)>0?"":"main"}"
|
|
6147
6561
|
>
|
|
6148
6562
|
${this.agencyName}
|
|
6149
6563
|
</div> `:""}
|
|
6150
6564
|
</div>
|
|
6151
|
-
</a>`:
|
|
6565
|
+
</a>`:c`
|
|
6152
6566
|
<div class="nys-globalheader__name-container">
|
|
6153
|
-
${((t=this.appName)==null?void 0:t.trim().length)>0?
|
|
6567
|
+
${((t=this.appName)==null?void 0:t.trim().length)>0?c`<div
|
|
6154
6568
|
class="nys-globalheader__appName nys-globalheader__name"
|
|
6155
6569
|
>
|
|
6156
6570
|
${this.appName}
|
|
6157
6571
|
</div> `:""}
|
|
6158
|
-
${((o=this.agencyName)==null?void 0:o.trim().length)>0?
|
|
6572
|
+
${((o=this.agencyName)==null?void 0:o.trim().length)>0?c`<div
|
|
6159
6573
|
class="nys-globalheader__agencyName nys-globalheader__name ${((s=this.appName)==null?void 0:s.trim().length)>0?"":"main"}"
|
|
6160
6574
|
>
|
|
6161
6575
|
${this.agencyName}
|
|
6162
6576
|
</div> `:""}
|
|
6163
6577
|
</div>
|
|
6164
6578
|
`}
|
|
6165
|
-
${this.slotHasContent?
|
|
6579
|
+
${this.slotHasContent?c`<div class="nys-globalheader__content">
|
|
6166
6580
|
<slot
|
|
6167
6581
|
style="display: hidden"
|
|
6168
6582
|
@slotchange="${this._handleSlotChange}"
|
|
@@ -6173,7 +6587,7 @@ ${this.value}</textarea
|
|
|
6173
6587
|
<div
|
|
6174
6588
|
class="nys-globalheader__content-mobile ${this.isMobileMenuOpen?"":"close"}"
|
|
6175
6589
|
></div>
|
|
6176
|
-
`}};
|
|
6590
|
+
`}};Ht.styles=mo;let ie=Ht;Je([i({type:String})],ie.prototype,"appName"),Je([i({type:String})],ie.prototype,"agencyName"),Je([i({type:String})],ie.prototype,"homepageLink"),Je([z()],ie.prototype,"slotHasContent"),Je([z()],ie.prototype,"isMobileMenuOpen"),customElements.get("nys-globalheader")||customElements.define("nys-globalheader",ie);const wo=g`
|
|
6177
6591
|
:host {
|
|
6178
6592
|
/* Global Footer Styles */
|
|
6179
6593
|
--_nys-globalfooter-color: var(
|
|
@@ -6196,7 +6610,14 @@ ${this.value}</textarea
|
|
|
6196
6610
|
var(--nys-font-size-md, 16px)
|
|
6197
6611
|
);
|
|
6198
6612
|
--_nys-globalfooter-line-height--agency: normal;
|
|
6199
|
-
--_nys-globalfooter-font-weight: var(
|
|
6613
|
+
--_nys-globalfooter-font-weight--regular: var(
|
|
6614
|
+
--nys-font-weight-regular,
|
|
6615
|
+
400
|
|
6616
|
+
);
|
|
6617
|
+
--_nys-globalfooter-font-weight--semibold: var(
|
|
6618
|
+
--nys-font-weight-semibold,
|
|
6619
|
+
600
|
|
6620
|
+
);
|
|
6200
6621
|
--_nys-globalfooter-max-width: var(--nys-max-content-width, 1280px);
|
|
6201
6622
|
|
|
6202
6623
|
/* Agency Name */
|
|
@@ -6230,6 +6651,10 @@ ${this.value}</textarea
|
|
|
6230
6651
|
)
|
|
6231
6652
|
);
|
|
6232
6653
|
--_nys-globalfooter-text-decoration-thickness: var(--nys-size-2px, 2px);
|
|
6654
|
+
|
|
6655
|
+
/* Divider */
|
|
6656
|
+
--_nys-globalfooter-background--divider: var(--nys-color-theme, #154973);
|
|
6657
|
+
--_nys-globalfooter-margin--divider: var(--nys-space-50, 4px);
|
|
6233
6658
|
}
|
|
6234
6659
|
|
|
6235
6660
|
.nys-globalfooter {
|
|
@@ -6243,7 +6668,7 @@ ${this.value}</textarea
|
|
|
6243
6668
|
box-sizing: border-box;
|
|
6244
6669
|
}
|
|
6245
6670
|
|
|
6246
|
-
|
|
6671
|
+
/** Main Container **/
|
|
6247
6672
|
.nys-globalfooter__main-container {
|
|
6248
6673
|
display: flex;
|
|
6249
6674
|
flex-direction: column;
|
|
@@ -6260,12 +6685,12 @@ ${this.value}</textarea
|
|
|
6260
6685
|
font-family: var(--_nys-globalfooter-font-family--agency);
|
|
6261
6686
|
font-size: var(--_nys-globalfooter-font-size--agency);
|
|
6262
6687
|
font-style: normal;
|
|
6263
|
-
font-weight: var(--_nys-globalfooter-font-weight);
|
|
6688
|
+
font-weight: var(--_nys-globalfooter-font-weight--semibold);
|
|
6264
6689
|
line-height: var(--_nys-globalfooter-line-height--agency);
|
|
6265
6690
|
letter-spacing: normal;
|
|
6266
6691
|
}
|
|
6267
6692
|
|
|
6268
|
-
|
|
6693
|
+
/** Slotted content resets (menu links - cloned into shadowDOM from lightDOM) **/
|
|
6269
6694
|
ul {
|
|
6270
6695
|
list-style-type: none;
|
|
6271
6696
|
padding: 0;
|
|
@@ -6277,17 +6702,22 @@ ${this.value}</textarea
|
|
|
6277
6702
|
padding: 0;
|
|
6278
6703
|
}
|
|
6279
6704
|
|
|
6280
|
-
a
|
|
6705
|
+
a,
|
|
6706
|
+
span {
|
|
6281
6707
|
color: var(--_nys-globalfooter-color);
|
|
6282
6708
|
text-decoration: none;
|
|
6283
6709
|
font-family: var(--_nys-globalfooter-font-family--link);
|
|
6284
6710
|
font-size: var(--_nys-globalfooter-font-size--link);
|
|
6285
6711
|
font-style: normal;
|
|
6286
|
-
font-weight: var(--_nys-globalfooter-font-weight);
|
|
6712
|
+
font-weight: var(--_nys-globalfooter-font-weight--semibold);
|
|
6287
6713
|
line-height: var(--_nys-globalfooter-line-height--link);
|
|
6288
6714
|
letter-spacing: var(--_nys-globalfooter-letter-spacing);
|
|
6289
6715
|
}
|
|
6290
6716
|
|
|
6717
|
+
ul li > span + ul li a {
|
|
6718
|
+
font-weight: var(--_nys-globalfooter-font-weight--regular);
|
|
6719
|
+
}
|
|
6720
|
+
|
|
6291
6721
|
a:hover {
|
|
6292
6722
|
text-decoration: underline;
|
|
6293
6723
|
}
|
|
@@ -6297,20 +6727,47 @@ ${this.value}</textarea
|
|
|
6297
6727
|
);
|
|
6298
6728
|
}
|
|
6299
6729
|
|
|
6300
|
-
|
|
6730
|
+
/** Specific layout for menu links (grouped or singular list of menus) **/
|
|
6301
6731
|
.nys-globalfooter__content {
|
|
6302
6732
|
width: 100%;
|
|
6303
6733
|
}
|
|
6304
6734
|
|
|
6305
6735
|
.nys-globalfooter__content ul {
|
|
6306
6736
|
display: flex;
|
|
6737
|
+
flex-direction: column;
|
|
6307
6738
|
gap: var(--_nys-globalfooter-row-gap) var(--_nys-globalfooter-column-gap);
|
|
6308
6739
|
flex-wrap: wrap;
|
|
6309
6740
|
}
|
|
6310
6741
|
|
|
6742
|
+
/** Column Menus **/
|
|
6743
|
+
.nys-globalfooter__content ul li:has(span + ul) {
|
|
6744
|
+
flex: 1 0 205px;
|
|
6745
|
+
display: flex;
|
|
6746
|
+
flex-direction: column;
|
|
6747
|
+
gap: var(--nys-space-300, 24px);
|
|
6748
|
+
}
|
|
6749
|
+
|
|
6750
|
+
.nys-globalfooter__content ul li > span::after {
|
|
6751
|
+
content: "";
|
|
6752
|
+
display: block;
|
|
6753
|
+
height: 1px;
|
|
6754
|
+
width: 100%;
|
|
6755
|
+
background: var(--_nys-globalfooter-background--divider);
|
|
6756
|
+
margin-top: var(--_nys-globalfooter-margin--divider);
|
|
6757
|
+
}
|
|
6758
|
+
|
|
6759
|
+
.nys-globalfooter__content ul li > span + ul {
|
|
6760
|
+
display: flex;
|
|
6761
|
+
flex-direction: column;
|
|
6762
|
+
gap: var(--nys-space-200, 16px);
|
|
6763
|
+
}
|
|
6764
|
+
|
|
6311
6765
|
/* Breakpoints using NYSDS Guidelines (Menu Links) */
|
|
6312
6766
|
@media (min-width: 768px) {
|
|
6313
6767
|
/* Tablet (MD - Above 768px) */
|
|
6768
|
+
.nys-globalfooter__content ul {
|
|
6769
|
+
flex-direction: row;
|
|
6770
|
+
}
|
|
6314
6771
|
:host {
|
|
6315
6772
|
--_nys-globalfooter-padding--gutter: var(--nys-gutter-lg, 32px);
|
|
6316
6773
|
--_nys-globalfooter-row-gap: var(--nys-space-600, 48px);
|
|
@@ -6323,13 +6780,13 @@ ${this.value}</textarea
|
|
|
6323
6780
|
--_nys-globalfooter-padding--gutter: var(--nys-gutter-xl, 64px);
|
|
6324
6781
|
}
|
|
6325
6782
|
}
|
|
6326
|
-
`;var
|
|
6783
|
+
`;var ko=Object.defineProperty,Ct=(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&&ko(e,t,s),s};const Bt=class Bt extends f{constructor(){super(...arguments),this.agencyName="",this.homepageLink="",this.slotHasContent=!0}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");e==null||e.addEventListener("slotchange",()=>this._handleSlotChange()),this._handleSlotChange()}async _handleSlotChange(){var r,n;const e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");if(!e)return;const t=e==null?void 0:e.assignedNodes({flatten:!0}).filter(d=>d.nodeType===Node.ELEMENT_NODE);await Promise.resolve(),this.slotHasContent=t.length>0;const o=(n=this.shadowRoot)==null?void 0:n.querySelector(".nys-globalfooter__content"),s=t==null?void 0:t.some(d=>d.tagName==="H4");o&&(o.classList.toggle("columns",s),o.classList.toggle("small",!s),o.innerHTML="",t.forEach(d=>{if(d.nodeType===Node.ELEMENT_NODE){const l=d.cloneNode(!0);["script","iframe","object","embed","img"].forEach(p=>{l.querySelectorAll(p).forEach(h=>h.remove())}),o.appendChild(l),d.remove()}}))}render(){var e,t;return c`
|
|
6327
6784
|
<footer class="nys-globalfooter">
|
|
6328
6785
|
<div class="nys-globalfooter__main-container">
|
|
6329
|
-
${(e=this.homepageLink)!=null&&e.trim()?
|
|
6786
|
+
${(e=this.homepageLink)!=null&&e.trim()?c`<a href=${(t=this.homepageLink)==null?void 0:t.trim()}>
|
|
6330
6787
|
<p class="nys-globalfooter__name">${this.agencyName}</p>
|
|
6331
|
-
</a>`:
|
|
6332
|
-
${this.slotHasContent?
|
|
6788
|
+
</a>`:c`<p class="nys-globalfooter__name">${this.agencyName}</p>`}
|
|
6789
|
+
${this.slotHasContent?c`<div class="nys-globalfooter__content">
|
|
6333
6790
|
<slot
|
|
6334
6791
|
style="display: hidden"
|
|
6335
6792
|
@slotchange="${this._handleSlotChange}"
|
|
@@ -6337,7 +6794,7 @@ ${this.value}</textarea
|
|
|
6337
6794
|
</div>`:""}
|
|
6338
6795
|
</div>
|
|
6339
6796
|
</footer>
|
|
6340
|
-
`}};
|
|
6797
|
+
`}};Bt.styles=wo;let Ve=Bt;Ct([i({type:String})],Ve.prototype,"agencyName"),Ct([i({type:String})],Ve.prototype,"homepageLink"),Ct([z()],Ve.prototype,"slotHasContent"),customElements.get("nys-globalfooter")||customElements.define("nys-globalfooter",Ve);const $o=g`
|
|
6341
6798
|
:host {
|
|
6342
6799
|
/* Global Footer Styles */
|
|
6343
6800
|
--_nys-unavfooter-color: var(
|
|
@@ -6486,7 +6943,7 @@ ${this.value}</textarea
|
|
|
6486
6943
|
--_nys-unavfooter-padding--gutter: var(--nys-gutter-xl, 64px);
|
|
6487
6944
|
}
|
|
6488
6945
|
}
|
|
6489
|
-
`,
|
|
6946
|
+
`,So=`<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
6490
6947
|
<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"/>
|
|
6491
6948
|
<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"/>
|
|
6492
6949
|
<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"/>
|
|
@@ -6502,7 +6959,7 @@ ${this.value}</textarea
|
|
|
6502
6959
|
<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"/>
|
|
6503
6960
|
<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"/>
|
|
6504
6961
|
<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"/>
|
|
6505
|
-
</svg>`,
|
|
6962
|
+
</svg>`,It=class It extends f{_getNysLogo(){return new DOMParser().parseFromString(So,"image/svg+xml").documentElement}render(){return c`
|
|
6506
6963
|
<footer class="nys-unavfooter">
|
|
6507
6964
|
<div class="nys-unavfooter__main-container">
|
|
6508
6965
|
<div class="nys-unavfooter__container_menu">
|
|
@@ -6530,5 +6987,5 @@ ${this.value}</textarea
|
|
|
6530
6987
|
</div>
|
|
6531
6988
|
</div>
|
|
6532
6989
|
</footer>
|
|
6533
|
-
`}};
|
|
6990
|
+
`}};It.styles=$o;let it=It;customElements.get("nys-unavfooter")||customElements.define("nys-unavfooter",it),v.NysAccordion=Le,v.NysAccordionItem=te,v.NysAlert=e1,v.NysAvatar=Z,v.NysBacktotop=fe,v.NysBadge=s1,v.NysButton=t1,v.NysCheckbox=n1,v.NysCheckboxgroup=r1,v.NysDivider=Ye,v.NysErrorMessage=Ee,v.NysFileinput=k,v.NysGlobalFooter=Ve,v.NysGlobalHeader=ie,v.NysIcon=i1,v.NysLabel=J,v.NysModal=a1,v.NysOption=_e,v.NysPagination=re,v.NysRadiobutton=d1,v.NysRadiogroup=c1,v.NysSelect=h1,v.NysSkipnav=Ze,v.NysStep=G,v.NysStepper=ne,v.NysTextarea=p1,v.NysTextinput=v1,v.NysToggle=f1,v.NysTooltip=ee,v.NysUnavFooter=it,v.NysUnavHeader=Y,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
|
|
6534
6991
|
//# sourceMappingURL=nysds.js.map
|