@nysds/components 1.11.4 → 1.12.0
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/.vscode/vscode.html-custom-data.json +119 -72
- package/dist/custom-elements.json +279 -568
- package/dist/nysds.es.js +1197 -1317
- package/dist/nysds.es.js.map +1 -1
- package/dist/nysds.js +124 -129
- package/dist/nysds.js.map +1 -1
- package/dist/packages/nys-accordion/src/nys-accordion.d.ts +0 -2
- package/dist/packages/nys-accordion/src/nys-accordion.figma.d.ts +1 -0
- package/dist/packages/nys-accordion/src/nys-accordionitem.d.ts +0 -2
- package/dist/packages/nys-alert/src/nys-alert.d.ts +1 -7
- package/dist/packages/nys-alert/src/nys-alert.figma.d.ts +1 -0
- package/dist/packages/nys-avatar/src/nys-avatar.d.ts +0 -2
- package/dist/packages/nys-avatar/src/nys-avatar.figma.d.ts +1 -0
- package/dist/packages/nys-backtotop/src/nys-backtotop.figma.d.ts +1 -0
- package/dist/packages/nys-badge/src/nys-badge.d.ts +2 -8
- package/dist/packages/nys-badge/src/nys-badge.figma.d.ts +1 -0
- package/dist/packages/nys-button/src/nys-button.d.ts +4 -20
- package/dist/packages/nys-button/src/nys-button.figma.d.ts +1 -0
- package/dist/packages/nys-checkbox/src/nys-checkbox.d.ts +2 -8
- package/dist/packages/nys-checkbox/src/nys-checkbox.figma.d.ts +1 -0
- package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts +2 -8
- package/dist/packages/nys-divider/src/nys-divider.figma.d.ts +1 -0
- package/dist/packages/nys-errormessage/src/nys-errormessage.d.ts +0 -1
- package/dist/packages/nys-fileinput/src/nys-fileinput.d.ts +1 -5
- package/dist/packages/nys-fileinput/src/nys-fileinput.figma.d.ts +1 -0
- package/dist/packages/nys-globalfooter/src/nys-globalfooter.d.ts +0 -3
- package/dist/packages/nys-globalfooter/src/nys-globalfooter.figma.d.ts +1 -0
- package/dist/packages/nys-globalheader/src/nys-globalheader.d.ts +0 -3
- package/dist/packages/nys-globalheader/src/nys-globalheader.figma.d.ts +1 -0
- package/dist/packages/nys-icon/src/nys-icon.d.ts +1 -4
- package/dist/packages/nys-icon/src/nys-icon.figma.d.ts +1 -0
- package/dist/packages/nys-modal/src/nys-modal.d.ts +1 -7
- package/dist/packages/nys-modal/src/nys-modal.figma.d.ts +1 -0
- package/dist/packages/nys-pagination/src/nys-pagination.d.ts +0 -3
- package/dist/packages/nys-pagination/src/nys-pagination.figma.d.ts +1 -0
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.d.ts +1 -7
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.figma.d.ts +1 -0
- package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts +2 -10
- package/dist/packages/nys-select/src/nys-select.d.ts +2 -9
- package/dist/packages/nys-select/src/nys-select.figma.d.ts +1 -0
- package/dist/packages/nys-skipnav/src/nys-skipnav.d.ts +0 -1
- package/dist/packages/nys-skipnav/src/nys-skipnav.figma.d.ts +1 -0
- package/dist/packages/nys-textarea/src/nys-textarea.d.ts +3 -11
- package/dist/packages/nys-textarea/src/nys-textarea.figma.d.ts +1 -0
- package/dist/packages/nys-textinput/src/nys-textinput.d.ts +3 -11
- package/dist/packages/nys-textinput/src/nys-textinput.figma.d.ts +1 -0
- package/dist/packages/nys-toggle/src/nys-toggle.d.ts +1 -7
- package/dist/packages/nys-toggle/src/nys-toggle.figma.d.ts +1 -0
- package/dist/packages/nys-tooltip/src/nys-tooltip.d.ts +21 -9
- package/dist/packages/nys-tooltip/src/nys-tooltip.figma.d.ts +1 -0
- package/dist/packages/nys-unavfooter/src/nys-unavfooter.d.ts +0 -1
- package/dist/packages/nys-unavfooter/src/nys-unavfooter.figma.d.ts +1 -0
- package/dist/packages/nys-unavheader/src/nys-unavheader.figma.d.ts +1 -0
- package/package.json +8 -8
package/dist/nysds.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { LitElement as u, unsafeCSS as p, html as l } from "lit";
|
|
2
|
-
import { property as r, query as ue, state as
|
|
3
|
-
import { ifDefined as
|
|
2
|
+
import { property as r, query as ue, state as z } from "lit/decorators.js";
|
|
3
|
+
import { ifDefined as h } from "lit/directives/if-defined.js";
|
|
4
4
|
const ae = ':host{--_nys-accordion-border-radius: var(--nys-radius-md, 4px);--_nys-accordion-border-width: var(--nys-border-width-md, 2px);--_nys-accordion-border-color: var(--nys-color-neutral-50, #ededed);--_nys-accordion-padding--x: var(--nys-space-250, 20px);--_nys-accordion-padding--y: var(--nys-space-200, 16px);--_nys-accordion-outline-width: var(--nys-border-width-md, 2px);--_nys-accordion-outline-offset: var(--nys-space-2px, 2px);--_nys-accordion-outline-color: var(--nys-color-focus, #004dd1);--_nys-accordion-gap: var(--nys-space-100, 8px);--_nys-accordion-background-color: var(--nys-color-neutral-50, #ededed);--_nys-accordion-background-color--hover: var( --nys-color-neutral-100, #d0d0ce );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #fff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_nys-accordion-font-size: var(--nys-type-size-ui-xl, 20px);--_nys-accordion-font-weight: var(--nys-font-weight-bold, 700);--_nys-accordion-line-height: var(--nys-font-lineheight-ui-xl, 28px);--_nys-accordion-letter-spacing: var( --nys-font-letterspacing-ui-xl, .017px );--_nys-accordion-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}::slotted(p),p{margin:0!important}.nys-accordionitem{font-family:var(--_nys-accordion-font-family);font-size:var(--_nys-accordion-font-size);font-weight:var(--_nys-accordion-font-weight);line-height:var(--_nys-accordion-line-height);letter-spacing:var(--_nys-accordion-letter-spacing);display:flex}.nys-accordionitem__heading{all:unset;flex:1;gap:var(--_nys-accordionitem-gap);display:flex;padding:var(--_nys-accordion-padding--y) var(--_nys-accordion-padding--x);align-items:center;align-self:stretch;border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color);cursor:pointer;transition:.05s all ease-in-out}.nys-accordionitem__heading:hover{border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--hover)}.nys-accordionitem__heading:focus-visible{outline-offset:var(--_nys-accordion-outline-offset);outline:solid var(--_nys-accordion-outline-width) var(--_nys-accordion-outline-color)}.nys-accordionitem__heading .nys-accordionitem__heading-title{flex:1}.nys-accordionitem__content{height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;visibility:hidden}.nys-accordionitem__content.expanded{visibility:visible}.nys-accordionitem__content-slot-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-accordion-gap);align-self:stretch;padding:var(--_nys-accordionitem-padding);background-color:var(--_nys-accordionitem-background-color)}.nys-accordionitem__content-slot-container-text{max-width:528px}.expand-icon{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}:host([expanded]) .expand-icon{transform:rotate(180deg)}:host([bordered][expanded]) .nys-accordionitem__heading{border-radius:var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius) 0 0}:host([bordered]) .nys-accordionitem__content-slot-container{border:var(--_nys-accordion-border-width) solid var(--_nys-accordion-border-color);border-radius:0 0 var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius)}.nys-accordion{display:flex;flex-direction:column;gap:var(--_nys-accordion-gap)}';
|
|
5
|
-
var pe = Object.defineProperty,
|
|
5
|
+
var pe = Object.defineProperty, b1 = (a, e, t, o) => {
|
|
6
6
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
7
7
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
8
8
|
return s && pe(e, t, s), s;
|
|
9
9
|
};
|
|
10
10
|
let ve = 0;
|
|
11
|
-
const
|
|
11
|
+
const R1 = class R1 extends u {
|
|
12
12
|
// Code NEED this, don't delete this. This is due to how the <nys-accordion> group is applying bordered to each individual <nys-accordionitem>
|
|
13
|
-
|
|
13
|
+
// Lifecycle Methods
|
|
14
14
|
constructor() {
|
|
15
15
|
super(), this.id = "", this.heading = "", this.expanded = !1, this.bordered = !1;
|
|
16
16
|
}
|
|
@@ -26,7 +26,7 @@ const F1 = class F1 extends u {
|
|
|
26
26
|
updated(e) {
|
|
27
27
|
e.has("expanded") && this._updateHeight();
|
|
28
28
|
}
|
|
29
|
-
|
|
29
|
+
// Functions
|
|
30
30
|
_generateUniqueId() {
|
|
31
31
|
return `nys-accordionitem-${Date.now()}-${ve++}`;
|
|
32
32
|
}
|
|
@@ -79,32 +79,32 @@ const F1 = class F1 extends u {
|
|
|
79
79
|
</div>`;
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
|
-
|
|
83
|
-
let
|
|
84
|
-
|
|
82
|
+
R1.styles = p(ae);
|
|
83
|
+
let Q = R1;
|
|
84
|
+
b1([
|
|
85
85
|
r({ type: String, reflect: !0 })
|
|
86
|
-
],
|
|
87
|
-
|
|
86
|
+
], Q.prototype, "id");
|
|
87
|
+
b1([
|
|
88
88
|
r({ type: String })
|
|
89
|
-
],
|
|
90
|
-
|
|
89
|
+
], Q.prototype, "heading");
|
|
90
|
+
b1([
|
|
91
91
|
r({ type: Boolean, reflect: !0 })
|
|
92
|
-
],
|
|
93
|
-
|
|
92
|
+
], Q.prototype, "expanded");
|
|
93
|
+
b1([
|
|
94
94
|
r({ type: Boolean, reflect: !0 })
|
|
95
|
-
],
|
|
96
|
-
|
|
95
|
+
], Q.prototype, "bordered");
|
|
96
|
+
b1([
|
|
97
97
|
ue(".nys-accordionitem__content")
|
|
98
|
-
],
|
|
99
|
-
customElements.get("nys-accordionitem") || customElements.define("nys-accordionitem",
|
|
100
|
-
var fe = Object.defineProperty,
|
|
98
|
+
], Q.prototype, "_contentContainer");
|
|
99
|
+
customElements.get("nys-accordionitem") || customElements.define("nys-accordionitem", Q);
|
|
100
|
+
var fe = Object.defineProperty, I1 = (a, e, t, o) => {
|
|
101
101
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
102
102
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
103
103
|
return s && fe(e, t, s), s;
|
|
104
104
|
};
|
|
105
105
|
let ge = 0;
|
|
106
|
-
const
|
|
107
|
-
|
|
106
|
+
const O1 = class O1 extends u {
|
|
107
|
+
// Lifecycle Methods
|
|
108
108
|
constructor() {
|
|
109
109
|
super(), this.id = "", this.singleSelect = !1, this.bordered = !1;
|
|
110
110
|
}
|
|
@@ -114,7 +114,7 @@ const T1 = class T1 extends u {
|
|
|
114
114
|
updated(e) {
|
|
115
115
|
e.has("bordered") && this._applyBordered();
|
|
116
116
|
}
|
|
117
|
-
|
|
117
|
+
// Functions
|
|
118
118
|
_generateUniqueId() {
|
|
119
119
|
return `nys-accordionitem-${Date.now()}-${ge++}`;
|
|
120
120
|
}
|
|
@@ -144,37 +144,28 @@ const T1 = class T1 extends u {
|
|
|
144
144
|
</div>`;
|
|
145
145
|
}
|
|
146
146
|
};
|
|
147
|
-
|
|
148
|
-
let
|
|
149
|
-
|
|
147
|
+
O1.styles = p(ae);
|
|
148
|
+
let c1 = O1;
|
|
149
|
+
I1([
|
|
150
150
|
r({ type: String, reflect: !0 })
|
|
151
|
-
],
|
|
152
|
-
|
|
151
|
+
], c1.prototype, "id");
|
|
152
|
+
I1([
|
|
153
153
|
r({ type: Boolean, reflect: !0 })
|
|
154
|
-
],
|
|
155
|
-
|
|
154
|
+
], c1.prototype, "singleSelect");
|
|
155
|
+
I1([
|
|
156
156
|
r({ type: Boolean, reflect: !0 })
|
|
157
|
-
],
|
|
158
|
-
customElements.get("nys-accordion") || customElements.define("nys-accordion",
|
|
157
|
+
], c1.prototype, "bordered");
|
|
158
|
+
customElements.get("nys-accordion") || customElements.define("nys-accordion", c1);
|
|
159
159
|
const be = ':host{--_nys-alert-border-width: var(--nys-border-width-lg, 4px);--_nys-alert-border-radius: var(--nys-radius-md, 4px);--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-strong, var(--nys-color-blue-700, #003ba1)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-strongest, var(--nys-color-blue-800, #002971)) );--_nys-alert-padding: var(--nys-space-250, 20px);--_nys-alert-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-alert-font-size: var(--nys-font-size-ui-md, 16px);--_nys-alert-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-alert-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-alert-font-weight--regular: var(--nys-font-weight-regular, 400);--_nys-alert-font-weight--semibold: var(--nys-font-weight-semibold, 600);--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-base, var(--nys-color-neutral-600, #62666a)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-base-weak, var(--nys-color-neutral-10, #f6f6f6)) );--_nys-alert-gap--icon: var(--nys-space-150, 12px);--_nys-alert-gap--text: var(--nys-space-50, 4px);--_nys-alert-gap--actions: var(--nys-space-150, 12px)}.nys-alert__container{display:flex;background-color:var(--_nys-alert-background-color);border-left:var(--_nys-alert-border-width) solid var(--_nys-alert-border-color);border-radius:var(--_nys-alert-border-radius);color:var(--_nys-alert-color);padding:var(--_nys-alert-padding);font-style:normal;font-family:var(--_nys-alert-font-family);font-size:var(--_nys-alert-font-size);line-height:var(--_nys-alert-line-height);letter-spacing:var(--_nys-alert-letter-spacing);gap:var(--_nys-alert-gap--icon)}p{margin:0}::slotted(p){margin-bottom:0!important}.nys-alert__icon{margin-top:-1.5px}a,a:visited{font-weight:var(--_nys-alert-font-weight--semibold);font-size:var(--_nys-alert-font-size);color:var(--_nys-alert-color--link)}a:hover{color:var(--_nys-alert-color--link--hover)}a:active{color:var(--_nys-alert-color--link--active)}::slotted(a){color:var(--_nys-alert-color--link)}.nys-alert__texts{position:relative;display:flex;flex-direction:column;flex:1;gap:var(--_nys-alert-gap--text)}.nys-alert__header{margin:0;font-weight:var(--_nys-alert-font-weight--semibold)}.nys-alert__text{font-weight:var(--_nys-alert-font-weight--regular);margin:0}::slotted(*){font-weight:var(--_nys-alert-font-weight--regular);margin:0}.nys-alert--centered{display:flex;align-items:center}.nys-alert--centered .nys-alert__header{margin-bottom:-3px}.nys-alert--centered div[part=nys-alert__icon]{margin-top:0;display:flex;align-items:center;justify-content:center}.nys-alert__actions{display:flex;gap:var(--_nys-alert-gap--actions);flex-wrap:wrap}#dismiss-btn{margin-top:-8px}:host([type=info]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-info, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-info-weak, var(--nys-color-blue-50, #e5effa)) )}:host([type=success]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-success, var(--nys-color-green-600, #1e752e)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-success-weak, var(--nys-color-green-50, #e8f1ea)) )}:host([type=warning]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-warning, var(--nys-color-yellow-400, #face00)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-warning-weak, var(--nys-color-yellow-50, #fefae5)) )}:host([type=danger]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-danger, var(--nys-color-red-600, #b52c2c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-danger-weak, var(--nys-color-red-50, #f7eaea)) )}:host([type=emergency]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text-reverse, var(--nys-color-white, #fff)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #fff)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #fff)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #fff)) )}:host([type=emergency]) a:hover{text-decoration-thickness:2px}:host([type=emergency]) a:active{text-decoration-thickness:3px}';
|
|
160
|
-
var
|
|
161
|
-
for (var s =
|
|
162
|
-
(i = a[n]) && (s =
|
|
163
|
-
return
|
|
160
|
+
var Ce = Object.defineProperty, q = (a, e, t, o) => {
|
|
161
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
162
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
163
|
+
return s && Ce(e, t, s), s;
|
|
164
164
|
};
|
|
165
|
-
let
|
|
166
|
-
|
|
167
|
-
const H = (n1 = class extends u {
|
|
165
|
+
let _e = 0;
|
|
166
|
+
const F1 = class F1 extends u {
|
|
168
167
|
constructor() {
|
|
169
|
-
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.
|
|
170
|
-
}
|
|
171
|
-
get type() {
|
|
172
|
-
return this._type;
|
|
173
|
-
}
|
|
174
|
-
set type(e) {
|
|
175
|
-
this._type = n1.VALID_TYPES.includes(
|
|
176
|
-
e
|
|
177
|
-
) ? e : "base";
|
|
168
|
+
super(...arguments), this.id = "", this.heading = "", this.icon = "", this.dismissible = !1, this.duration = 0, this.text = "", this.primaryAction = "", this.secondaryAction = "", this.primaryLabel = "Learn more", this.secondaryLabel = "Dismiss", this.type = "base", this._alertClosed = !1, this._slotHasContent = !0, this._timeoutId = null;
|
|
178
169
|
}
|
|
179
170
|
// Aria attributes based on the type
|
|
180
171
|
get ariaAttributes() {
|
|
@@ -193,9 +184,9 @@ const H = (n1 = class extends u {
|
|
|
193
184
|
firstUpdated() {
|
|
194
185
|
this._checkSlotContent();
|
|
195
186
|
}
|
|
196
|
-
|
|
187
|
+
// Functions
|
|
197
188
|
_generateUniqueId() {
|
|
198
|
-
return `nys-alert-${Date.now()}-${
|
|
189
|
+
return `nys-alert-${Date.now()}-${_e++}`;
|
|
199
190
|
}
|
|
200
191
|
// Helper function for overriding default icons or checking special naming cases (e.g. type=success)
|
|
201
192
|
_getIconName() {
|
|
@@ -228,7 +219,7 @@ const H = (n1 = class extends u {
|
|
|
228
219
|
return l`
|
|
229
220
|
${this._alertClosed ? "" : l` <div
|
|
230
221
|
class="nys-alert__container ${this._slotHasContent || this.text?.trim().length > 0 ? "" : "nys-alert--centered"}"
|
|
231
|
-
aria-label=${
|
|
222
|
+
aria-label=${h(
|
|
232
223
|
t.trim() !== "" ? t : void 0
|
|
233
224
|
)}
|
|
234
225
|
>
|
|
@@ -244,13 +235,13 @@ const H = (n1 = class extends u {
|
|
|
244
235
|
${this._slotHasContent ? l`<slot></slot>` : this.text?.trim().length > 0 ? l`<p class="nys-alert__text">${this.text}</p>` : ""}
|
|
245
236
|
${this.primaryAction || this.secondaryAction ? l`<div class="nys-alert__actions">
|
|
246
237
|
${this.primaryAction ? l`<a
|
|
247
|
-
href=${
|
|
238
|
+
href=${h(this.primaryAction || void 0)}
|
|
248
239
|
class="nys-alert__action nys-alert__primary"
|
|
249
240
|
>
|
|
250
241
|
${this.primaryLabel}
|
|
251
242
|
</a>` : ""}
|
|
252
243
|
${this.secondaryAction ? l`<a
|
|
253
|
-
href=${
|
|
244
|
+
href=${h(this.secondaryAction || void 0)}
|
|
254
245
|
class="nys-alert__action nys-alert__secondary"
|
|
255
246
|
>
|
|
256
247
|
${this.secondaryLabel}
|
|
@@ -270,70 +261,64 @@ const H = (n1 = class extends u {
|
|
|
270
261
|
</div>`}
|
|
271
262
|
`;
|
|
272
263
|
}
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
"warning",
|
|
278
|
-
"danger",
|
|
279
|
-
"emergency"
|
|
280
|
-
], n1);
|
|
281
|
-
Z([
|
|
264
|
+
};
|
|
265
|
+
F1.styles = p(be);
|
|
266
|
+
let E = F1;
|
|
267
|
+
q([
|
|
282
268
|
r({ type: String, reflect: !0 })
|
|
283
|
-
],
|
|
284
|
-
|
|
269
|
+
], E.prototype, "id");
|
|
270
|
+
q([
|
|
285
271
|
r({ type: String })
|
|
286
|
-
],
|
|
287
|
-
|
|
272
|
+
], E.prototype, "heading");
|
|
273
|
+
q([
|
|
288
274
|
r({ type: String })
|
|
289
|
-
],
|
|
290
|
-
|
|
275
|
+
], E.prototype, "icon");
|
|
276
|
+
q([
|
|
291
277
|
r({ type: Boolean, reflect: !0 })
|
|
292
|
-
],
|
|
293
|
-
|
|
278
|
+
], E.prototype, "dismissible");
|
|
279
|
+
q([
|
|
294
280
|
r({ type: Number, reflect: !0 })
|
|
295
|
-
],
|
|
296
|
-
|
|
281
|
+
], E.prototype, "duration");
|
|
282
|
+
q([
|
|
297
283
|
r({ type: String })
|
|
298
|
-
],
|
|
299
|
-
|
|
284
|
+
], E.prototype, "text");
|
|
285
|
+
q([
|
|
300
286
|
r({ type: String })
|
|
301
|
-
],
|
|
302
|
-
|
|
287
|
+
], E.prototype, "primaryAction");
|
|
288
|
+
q([
|
|
303
289
|
r({ type: String })
|
|
304
|
-
],
|
|
305
|
-
|
|
290
|
+
], E.prototype, "secondaryAction");
|
|
291
|
+
q([
|
|
306
292
|
r({ type: String })
|
|
307
|
-
],
|
|
308
|
-
|
|
293
|
+
], E.prototype, "primaryLabel");
|
|
294
|
+
q([
|
|
309
295
|
r({ type: String })
|
|
310
|
-
],
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
],
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
],
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
],
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
var ke = Object.defineProperty, Y = (a, e, t, o) => {
|
|
296
|
+
], E.prototype, "secondaryLabel");
|
|
297
|
+
q([
|
|
298
|
+
r({ type: String, reflect: !0 })
|
|
299
|
+
], E.prototype, "type");
|
|
300
|
+
q([
|
|
301
|
+
z()
|
|
302
|
+
], E.prototype, "_alertClosed");
|
|
303
|
+
q([
|
|
304
|
+
z()
|
|
305
|
+
], E.prototype, "_slotHasContent");
|
|
306
|
+
customElements.get("nys-alert") || customElements.define("nys-alert", E);
|
|
307
|
+
const me = ":host{--_nys-avatar-border-radius: var(--nys-radius-round, 1776px);--_nys-avatar-size: var(--nys-avatar-size, var(--nys-font-size-6xl, 36px));--_nys-avatar-shape: var(--nys-radius-round, 1776px);--_nys-avatar-border-color: var(--nys-color-ink-reverse, #fff);--_nys-avatar-border-size: var(--nys-border-width-sm, 1px);--_nys-avatar-width: var(--nys-font-size-6xl, 36px);--_nys-avatar-color: var(--nys-color-theme, #154973);--_nys-avatar-background-color: var(--nys-color-theme-weaker, #eff6fb);--_nys-avatar-outline-color: var(--nys-color-focus, #004dd1);--_nys-avatar-outline-width: var(--nys-border-width-md, 2px);--_nys-avatar-outline-offset: var(--nys-space-2px, 2px)}.nys-avatar{display:inline-block}.nys-avatar__component{display:flex;justify-content:center;align-items:center;border-radius:var(--_nys-avatar-border-radius);width:var(--_nys-avatar-size);height:var(--_nys-avatar-size);font-size:var(--_nys-avatar-size);overflow:hidden;box-sizing:border-box;color:var(--_nys-avatar-color);background-color:var(--_nys-avatar-background-color);border:var(--_nys-avatar-border-size) solid var(--_nys-avatar-border-color);outline-offset:var(--_nys-avatar-outline-offset);transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([interactive]) .nys-avatar__component:hover,:host([interactive]) .nys-avatar__component:active{--_nys-avatar-color: var( --nys-color-text-reverse, --nys-color-ink-reverse, #fff );cursor:pointer}:host([interactive]) .nys-avatar__component:hover{--_nys-avatar-background-color: var(--nys-color-theme-mid, #457aa5)}:host([interactive]) .nys-avatar__component:active{--_nys-avatar-background-color: var(--nys-color-theme-strong, #0e324f)}:host([disabled]) .nys-avatar__component{--_nys-avatar-color: var(--nys-color-text-disabled, #bec0c1);--_nys-avatar-background-color: var(--nys-color-neutral-10, #f6f6f6);cursor:not-allowed}:host([disabled]) .nys-avatar__component:focus-within{outline:solid var(--_nys-avatar-outline-width) var(--_nys-avatar-outline-color)}div[part=nys-avatar__icon]{display:flex;align-items:center;justify-content:center}.nys-avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--_nys-avatar-width) * .5);font-weight:700;text-transform:uppercase}.nys-avatar__image{width:100%;height:100%;object-fit:cover}.nys-avatar__icon{width:100%;height:100%;fill:currentColor}";
|
|
308
|
+
var xe = Object.defineProperty, j = (a, e, t, o) => {
|
|
324
309
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
325
310
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
326
|
-
return s &&
|
|
311
|
+
return s && xe(e, t, s), s;
|
|
327
312
|
};
|
|
328
|
-
let
|
|
329
|
-
const
|
|
313
|
+
let we = 0;
|
|
314
|
+
const T1 = class T1 extends u {
|
|
330
315
|
constructor() {
|
|
331
316
|
super(...arguments), this.id = "", this.ariaLabel = "", this.image = "", this.initials = "", this.icon = "", this.color = "", this.interactive = !1, this.disabled = !1, this.lazy = !1, this._slotHasContent = !1;
|
|
332
317
|
}
|
|
333
|
-
|
|
318
|
+
// Functions
|
|
334
319
|
// Generate a unique ID if one is not provided
|
|
335
320
|
connectedCallback() {
|
|
336
|
-
super.connectedCallback(), this.id || (this.id = `nys-avatar-${Date.now()}-${
|
|
321
|
+
super.connectedCallback(), this.id || (this.id = `nys-avatar-${Date.now()}-${we++}`);
|
|
337
322
|
}
|
|
338
323
|
async _handleSlotChange() {
|
|
339
324
|
const e = this.shadowRoot?.querySelector("slot");
|
|
@@ -357,8 +342,8 @@ const j1 = class j1 extends u {
|
|
|
357
342
|
document.body.removeChild(n);
|
|
358
343
|
const c = i.match(/\d+/g);
|
|
359
344
|
if (!c) return;
|
|
360
|
-
const
|
|
361
|
-
return this.initials?.length > 0 ?
|
|
345
|
+
const d = Number(c[0]), y = Number(c[1]), D = Number(c[2]), U = (0.299 * d + 0.587 * y + 0.114 * D) / 255 < 0.5;
|
|
346
|
+
return this.initials?.length > 0 ? U ? s : o : U ? t : e;
|
|
362
347
|
}
|
|
363
348
|
render() {
|
|
364
349
|
return l`
|
|
@@ -368,13 +353,13 @@ const j1 = class j1 extends u {
|
|
|
368
353
|
part="nys-avatar"
|
|
369
354
|
class="nys-avatar__component"
|
|
370
355
|
style=${this.color ? `--_nys-avatar-background-color: ${this.color}; color: ${this.getContrastForeground()}` : ""}
|
|
371
|
-
role=${
|
|
356
|
+
role=${h(
|
|
372
357
|
this.interactive ? "button" : this.image ? void 0 : "img"
|
|
373
358
|
)}
|
|
374
|
-
aria-label=${
|
|
359
|
+
aria-label=${h(
|
|
375
360
|
this.image ? void 0 : this.ariaLabel ? this.ariaLabel : "avatar"
|
|
376
361
|
)}
|
|
377
|
-
tabindex=${
|
|
362
|
+
tabindex=${h(
|
|
378
363
|
this.interactive && !this.disabled ? 0 : void 0
|
|
379
364
|
)}
|
|
380
365
|
>
|
|
@@ -402,46 +387,46 @@ const j1 = class j1 extends u {
|
|
|
402
387
|
`;
|
|
403
388
|
}
|
|
404
389
|
};
|
|
405
|
-
|
|
406
|
-
let
|
|
407
|
-
|
|
390
|
+
T1.styles = p(me);
|
|
391
|
+
let Z = T1;
|
|
392
|
+
j([
|
|
408
393
|
r({ type: String, reflect: !0 })
|
|
409
|
-
],
|
|
410
|
-
|
|
394
|
+
], Z.prototype, "id");
|
|
395
|
+
j([
|
|
411
396
|
r({ type: String })
|
|
412
|
-
],
|
|
413
|
-
|
|
397
|
+
], Z.prototype, "ariaLabel");
|
|
398
|
+
j([
|
|
414
399
|
r({ type: String })
|
|
415
|
-
],
|
|
416
|
-
|
|
400
|
+
], Z.prototype, "image");
|
|
401
|
+
j([
|
|
417
402
|
r({ type: String })
|
|
418
|
-
],
|
|
419
|
-
|
|
403
|
+
], Z.prototype, "initials");
|
|
404
|
+
j([
|
|
420
405
|
r({ type: String })
|
|
421
|
-
],
|
|
422
|
-
|
|
406
|
+
], Z.prototype, "icon");
|
|
407
|
+
j([
|
|
423
408
|
r({ type: String })
|
|
424
|
-
],
|
|
425
|
-
|
|
409
|
+
], Z.prototype, "color");
|
|
410
|
+
j([
|
|
426
411
|
r({ type: Boolean, reflect: !0 })
|
|
427
|
-
],
|
|
428
|
-
|
|
412
|
+
], Z.prototype, "interactive");
|
|
413
|
+
j([
|
|
429
414
|
r({ type: Boolean, reflect: !0 })
|
|
430
|
-
],
|
|
431
|
-
|
|
415
|
+
], Z.prototype, "disabled");
|
|
416
|
+
j([
|
|
432
417
|
r({ type: Boolean, reflect: !0 })
|
|
433
|
-
],
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
],
|
|
437
|
-
customElements.get("nys-avatar") || customElements.define("nys-avatar",
|
|
438
|
-
const
|
|
439
|
-
var
|
|
418
|
+
], Z.prototype, "lazy");
|
|
419
|
+
j([
|
|
420
|
+
z()
|
|
421
|
+
], Z.prototype, "_slotHasContent");
|
|
422
|
+
customElements.get("nys-avatar") || customElements.define("nys-avatar", Z);
|
|
423
|
+
const ke = ".nys-backtotop{--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: var(--nys-space-100, 8px);--_nys-button-padding--x: var(--nys-space-200, 16px);position:fixed;bottom:1rem;right:1rem;z-index:9999;display:none}.left{left:1rem;right:auto}.visible{display:inline-flex}";
|
|
424
|
+
var Le = Object.defineProperty, A1 = (a, e, t, o) => {
|
|
440
425
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
441
426
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
442
|
-
return s &&
|
|
427
|
+
return s && Le(e, t, s), s;
|
|
443
428
|
};
|
|
444
|
-
const
|
|
429
|
+
const N1 = class N1 extends u {
|
|
445
430
|
constructor() {
|
|
446
431
|
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)");
|
|
447
432
|
}
|
|
@@ -480,65 +465,32 @@ const W1 = class W1 extends u {
|
|
|
480
465
|
></nys-button>`;
|
|
481
466
|
}
|
|
482
467
|
};
|
|
483
|
-
|
|
484
|
-
let
|
|
485
|
-
|
|
468
|
+
N1.styles = p(ke);
|
|
469
|
+
let n1 = N1;
|
|
470
|
+
A1([
|
|
486
471
|
r({ type: String })
|
|
487
|
-
],
|
|
488
|
-
|
|
472
|
+
], n1.prototype, "position");
|
|
473
|
+
A1([
|
|
489
474
|
r({ type: Boolean, reflect: !0 })
|
|
490
|
-
],
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
],
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
],
|
|
497
|
-
customElements.get("nys-backtotop") || customElements.define("nys-backtotop",
|
|
498
|
-
const Ee = ':host{--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc( var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px) );--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-theme, #154973) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-theme, #154973) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-font-size: var(--nys-font-size-ui-md, 16px);--_nys-button-font-weight: var(--nys-font-weight-semibold, 600);--_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-button-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc( var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px) )}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc( var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px) )}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc( var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px) )}:host([fullWidth]){--_nys-button-width: 100%}:host([variant=filled]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-theme, #154973) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) )}:host([variant=outline]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface, #ffffff) );--_nys-button-color: var( --nys-button-color, var(--nys-color-theme, #154973) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-theme, #154973) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-theme, #154973) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-theme, #154973) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-theme, #154973) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-theme, #154973) );--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-link, #004dd1) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-link-strong, #003ba1) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-link-strongest, #002971) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=ghost]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=filled][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface, #ffffff) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=outline][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-ink-reverse, #ffffff) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab) );--_nys-button-background-color--disabled: var( --nys-color-surface-reverse, #1b1b1b );--_nys-button-color--disabled: var( --nys-color-text-reverse-disabled, #62666a );--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-link-reverse, #a7a9ab) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var( --nys-color-text-reverse-disabled, #62666a );--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=ghost][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-white-transparent-100, #ffffff1a) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-white-transparent-200, #ffffff33) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-button{width:var(--_nys-button-width);min-height:var(--_nys-button-height);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);padding:var(--_nys-button-padding--y) var(--_nys-button-padding--x);display:flex;align-items:center;justify-content:center;gap:var(--_nys-button-gap);font-family:var(--_nys-button-font-family);font-size:var(--_nys-button-font-size);font-weight:var(--_nys-button-font-weight);line-height:var(--_nys-button-line-height);text-decoration:var(--_nys-button-text-decoration);box-sizing:border-box;background-color:var(--_nys-button-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-cursor, pointer)}:host([circle]) .nys-button{max-width:var(--_nys-button-height);max-height:var(--_nys-button-height)}.nys-button:hover{background-color:var(--_nys-button-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';
|
|
499
|
-
var
|
|
500
|
-
for (var s =
|
|
501
|
-
(i = a[n]) && (s =
|
|
502
|
-
return
|
|
475
|
+
], n1.prototype, "visible");
|
|
476
|
+
A1([
|
|
477
|
+
z()
|
|
478
|
+
], n1.prototype, "isMobile");
|
|
479
|
+
A1([
|
|
480
|
+
z()
|
|
481
|
+
], n1.prototype, "forceVisible");
|
|
482
|
+
customElements.get("nys-backtotop") || customElements.define("nys-backtotop", n1);
|
|
483
|
+
const $e = ':host{display:block;width:fit-content;height:fit-content;--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc( var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px) );--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-theme, #154973) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-theme, #154973) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-font-size: var(--nys-font-size-ui-md, 16px);--_nys-button-font-weight: var(--nys-font-weight-semibold, 600);--_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-button-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc( var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px) )}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc( var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px) )}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc( var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px) )}:host([fullWidth]){--_nys-button-width: 100%}:host([variant=filled]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-theme, #154973) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) )}:host([variant=outline]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface, #ffffff) );--_nys-button-color: var( --nys-button-color, var(--nys-color-theme, #154973) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-theme, #154973) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-theme, #154973) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-theme, #154973) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-theme, #154973) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-theme, #154973) );--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-link, #004dd1) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-link-strong, #003ba1) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-link-strongest, #002971) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=ghost]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=filled][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface, #ffffff) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=outline][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-ink-reverse, #ffffff) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab) );--_nys-button-background-color--disabled: var( --nys-color-surface-reverse, #1b1b1b );--_nys-button-color--disabled: var( --nys-color-text-reverse-disabled, #62666a );--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-link-reverse, #a7a9ab) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var( --nys-color-text-reverse-disabled, #62666a );--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=ghost][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-white-transparent-100, #ffffff1a) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-white-transparent-200, #ffffff33) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-button{width:var(--_nys-button-width);min-height:var(--_nys-button-height);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);padding:var(--_nys-button-padding--y) var(--_nys-button-padding--x);display:flex;align-items:center;justify-content:center;gap:var(--_nys-button-gap);font-family:var(--_nys-button-font-family);font-size:var(--_nys-button-font-size);font-weight:var(--_nys-button-font-weight);line-height:var(--_nys-button-line-height);text-decoration:var(--_nys-button-text-decoration);box-sizing:border-box;background-color:var(--_nys-button-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-cursor, pointer)}:host([circle]) .nys-button{max-width:var(--_nys-button-height);max-height:var(--_nys-button-height)}.nys-button:hover{background-color:var(--_nys-button-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';
|
|
484
|
+
var Ee = Object.defineProperty, C = (a, e, t, o) => {
|
|
485
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
486
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
487
|
+
return s && Ee(e, t, s), s;
|
|
503
488
|
};
|
|
504
|
-
let
|
|
505
|
-
|
|
506
|
-
const b = ($ = class extends u {
|
|
489
|
+
let Se = 0;
|
|
490
|
+
const L1 = class L1 extends u {
|
|
507
491
|
// allows use of elementInternals' API
|
|
508
492
|
constructor() {
|
|
509
|
-
super(), this.id = "", this.name = "", this.
|
|
510
|
-
}
|
|
511
|
-
get size() {
|
|
512
|
-
return this._size;
|
|
513
|
-
}
|
|
514
|
-
set size(e) {
|
|
515
|
-
this._size = $.VALID_SIZES.includes(
|
|
516
|
-
e
|
|
517
|
-
) ? e : "md";
|
|
518
|
-
}
|
|
519
|
-
get variant() {
|
|
520
|
-
return this._variant;
|
|
521
|
-
}
|
|
522
|
-
set variant(e) {
|
|
523
|
-
this._variant = $.VALID_VARIANTS.includes(
|
|
524
|
-
e
|
|
525
|
-
) ? e : "filled";
|
|
526
|
-
}
|
|
527
|
-
get type() {
|
|
528
|
-
return this._type;
|
|
529
|
-
}
|
|
530
|
-
set type(e) {
|
|
531
|
-
this._type = $.VALID_TYPES.includes(
|
|
532
|
-
e
|
|
533
|
-
) ? e : "button";
|
|
534
|
-
}
|
|
535
|
-
get target() {
|
|
536
|
-
return this._target;
|
|
537
|
-
}
|
|
538
|
-
set target(e) {
|
|
539
|
-
this._target = $.VALID_TARGETS.includes(
|
|
540
|
-
e
|
|
541
|
-
) ? e : "_self";
|
|
493
|
+
super(), this.id = "", this.name = "", this.size = "md", this.fullWidth = !1, this.variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.ariaControls = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = null, this.value = "", this.ariaDescription = "", this.type = "button", this.onClick = null, this.href = "", this.target = "_self", this._internals = this.attachInternals();
|
|
542
494
|
}
|
|
543
495
|
async getButtonElement() {
|
|
544
496
|
await this.updateComplete;
|
|
@@ -550,9 +502,9 @@ const b = ($ = class extends u {
|
|
|
550
502
|
connectedCallback() {
|
|
551
503
|
super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
|
|
552
504
|
}
|
|
553
|
-
|
|
505
|
+
// Functions
|
|
554
506
|
_generateUniqueId() {
|
|
555
|
-
return `nys-button-${Date.now()}-${
|
|
507
|
+
return `nys-button-${Date.now()}-${Se++}`;
|
|
556
508
|
}
|
|
557
509
|
_manageFormAction() {
|
|
558
510
|
typeof this.onClick == "function" && this.onClick !== null && this.onClick(new Event("click"));
|
|
@@ -567,7 +519,7 @@ const b = ($ = class extends u {
|
|
|
567
519
|
break;
|
|
568
520
|
}
|
|
569
521
|
}
|
|
570
|
-
|
|
522
|
+
// Event Handlers
|
|
571
523
|
// Handle focus event
|
|
572
524
|
_handleFocus() {
|
|
573
525
|
this.dispatchEvent(new Event("nys-focus"));
|
|
@@ -606,7 +558,7 @@ const b = ($ = class extends u {
|
|
|
606
558
|
const e = this.getAttribute("onClick");
|
|
607
559
|
e && new Function("return " + e)();
|
|
608
560
|
}
|
|
609
|
-
|
|
561
|
+
// Public Methods
|
|
610
562
|
focus(e) {
|
|
611
563
|
const t = this.renderRoot.querySelector(
|
|
612
564
|
this.href ? "a.nys-button" : "button.nys-button"
|
|
@@ -619,22 +571,21 @@ const b = ($ = class extends u {
|
|
|
619
571
|
<div class="nys-button__linkwrapper">
|
|
620
572
|
<a
|
|
621
573
|
class="nys-button"
|
|
622
|
-
name=${
|
|
574
|
+
name=${h(this.name ? this.name : void 0)}
|
|
623
575
|
?disabled=${this.disabled}
|
|
624
576
|
aria-disabled="${this.disabled ? "true" : "false"}"
|
|
625
|
-
value=${
|
|
577
|
+
value=${h(this.value ? this.value : void 0)}
|
|
626
578
|
href=${this.href}
|
|
627
579
|
target=${this.target}
|
|
628
|
-
aria-label=${d(
|
|
629
|
-
this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"
|
|
630
|
-
)}
|
|
631
|
-
aria-description=${d(this.ariaDescription || void 0)}
|
|
632
580
|
@click=${this._handleClick}
|
|
633
581
|
@focus="${this._handleFocus}"
|
|
634
582
|
@blur="${this._handleBlur}"
|
|
635
583
|
@keydown="${this._handleKeydown}"
|
|
636
|
-
role="button"
|
|
637
584
|
tabindex="${this.disabled ? -1 : 0}"
|
|
585
|
+
aria-label=${h(
|
|
586
|
+
this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"
|
|
587
|
+
)}
|
|
588
|
+
aria-description=${h(this.ariaDescription || void 0)}
|
|
638
589
|
>
|
|
639
590
|
${this.prefixIcon && this.variant !== "text" ? l`<slot name="prefix-icon">
|
|
640
591
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
@@ -654,20 +605,21 @@ const b = ($ = class extends u {
|
|
|
654
605
|
` : l`
|
|
655
606
|
<button
|
|
656
607
|
class="nys-button"
|
|
657
|
-
name=${
|
|
608
|
+
name=${h(this.name ? this.name : void 0)}
|
|
658
609
|
?disabled=${this.disabled}
|
|
659
|
-
form=${
|
|
660
|
-
value=${
|
|
610
|
+
form=${h(this.form || void 0)}
|
|
611
|
+
value=${h(this.value ? this.value : void 0)}
|
|
661
612
|
type=${this.type}
|
|
662
|
-
aria-controls=${
|
|
663
|
-
aria-label=${d(
|
|
664
|
-
this.ariaLabel || this.label || (this.circle ? this.icon : null) || this.prefixIcon || this.suffixIcon || "button"
|
|
665
|
-
)}
|
|
666
|
-
aria-description=${d(this.ariaDescription || void 0)}
|
|
613
|
+
aria-controls=${h(this.ariaControls || void 0)}
|
|
667
614
|
@click=${this._handleClick}
|
|
668
615
|
@focus="${this._handleFocus}"
|
|
669
616
|
@blur="${this._handleBlur}"
|
|
670
617
|
@keydown="${this._handleKeydown}"
|
|
618
|
+
tabindex="${this.disabled ? -1 : 0}"
|
|
619
|
+
aria-label=${h(
|
|
620
|
+
this.ariaLabel || this.label || (this.circle ? this.icon : null) || this.prefixIcon || this.suffixIcon || "button"
|
|
621
|
+
)}
|
|
622
|
+
aria-description=${h(this.ariaDescription || void 0)}
|
|
671
623
|
role="button"
|
|
672
624
|
>
|
|
673
625
|
${this.prefixIcon && this.variant !== "text" ? l`<slot name="prefix-icon">
|
|
@@ -687,108 +639,82 @@ const b = ($ = class extends u {
|
|
|
687
639
|
`}
|
|
688
640
|
`;
|
|
689
641
|
}
|
|
690
|
-
}
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
"text"
|
|
695
|
-
], $.VALID_TYPES = ["submit", "reset", "button"], $.VALID_TARGETS = [
|
|
696
|
-
"_self",
|
|
697
|
-
"_blank",
|
|
698
|
-
"_parent",
|
|
699
|
-
"_top",
|
|
700
|
-
"framename"
|
|
701
|
-
], $.formAssociated = !0, $);
|
|
702
|
-
_([
|
|
642
|
+
};
|
|
643
|
+
L1.styles = p($e), L1.formAssociated = !0;
|
|
644
|
+
let f = L1;
|
|
645
|
+
C([
|
|
703
646
|
r({ type: String, reflect: !0 })
|
|
704
|
-
],
|
|
705
|
-
|
|
647
|
+
], f.prototype, "id");
|
|
648
|
+
C([
|
|
706
649
|
r({ type: String, reflect: !0 })
|
|
707
|
-
],
|
|
708
|
-
|
|
709
|
-
r({ reflect: !0 })
|
|
710
|
-
],
|
|
711
|
-
|
|
650
|
+
], f.prototype, "name");
|
|
651
|
+
C([
|
|
652
|
+
r({ type: String, reflect: !0 })
|
|
653
|
+
], f.prototype, "size");
|
|
654
|
+
C([
|
|
712
655
|
r({ type: Boolean, reflect: !0 })
|
|
713
|
-
],
|
|
714
|
-
|
|
715
|
-
r({ reflect: !0 })
|
|
716
|
-
],
|
|
717
|
-
|
|
656
|
+
], f.prototype, "fullWidth");
|
|
657
|
+
C([
|
|
658
|
+
r({ type: String, reflect: !0 })
|
|
659
|
+
], f.prototype, "variant");
|
|
660
|
+
C([
|
|
718
661
|
r({ type: Boolean, reflect: !0 })
|
|
719
|
-
],
|
|
720
|
-
|
|
662
|
+
], f.prototype, "inverted");
|
|
663
|
+
C([
|
|
721
664
|
r({ type: String })
|
|
722
|
-
],
|
|
723
|
-
|
|
665
|
+
], f.prototype, "label");
|
|
666
|
+
C([
|
|
724
667
|
r({ type: String })
|
|
725
|
-
],
|
|
726
|
-
|
|
668
|
+
], f.prototype, "ariaLabel");
|
|
669
|
+
C([
|
|
727
670
|
r({ type: String })
|
|
728
|
-
],
|
|
729
|
-
|
|
671
|
+
], f.prototype, "ariaControls");
|
|
672
|
+
C([
|
|
730
673
|
r({ type: String })
|
|
731
|
-
],
|
|
732
|
-
|
|
674
|
+
], f.prototype, "prefixIcon");
|
|
675
|
+
C([
|
|
733
676
|
r({ type: String })
|
|
734
|
-
],
|
|
735
|
-
|
|
677
|
+
], f.prototype, "suffixIcon");
|
|
678
|
+
C([
|
|
736
679
|
r({ type: Boolean, reflect: !0 })
|
|
737
|
-
],
|
|
738
|
-
|
|
680
|
+
], f.prototype, "circle");
|
|
681
|
+
C([
|
|
739
682
|
r({ type: String })
|
|
740
|
-
],
|
|
741
|
-
|
|
683
|
+
], f.prototype, "icon");
|
|
684
|
+
C([
|
|
742
685
|
r({ type: Boolean, reflect: !0 })
|
|
743
|
-
],
|
|
744
|
-
|
|
686
|
+
], f.prototype, "disabled");
|
|
687
|
+
C([
|
|
745
688
|
r({ type: String, reflect: !0 })
|
|
746
|
-
],
|
|
747
|
-
|
|
689
|
+
], f.prototype, "form");
|
|
690
|
+
C([
|
|
748
691
|
r({ type: String })
|
|
749
|
-
],
|
|
750
|
-
|
|
692
|
+
], f.prototype, "value");
|
|
693
|
+
C([
|
|
751
694
|
r({ type: String })
|
|
752
|
-
],
|
|
753
|
-
|
|
754
|
-
r({ reflect: !0 })
|
|
755
|
-
],
|
|
756
|
-
|
|
695
|
+
], f.prototype, "ariaDescription");
|
|
696
|
+
C([
|
|
697
|
+
r({ type: String, reflect: !0 })
|
|
698
|
+
], f.prototype, "type");
|
|
699
|
+
C([
|
|
757
700
|
r({ attribute: !1 })
|
|
758
|
-
],
|
|
759
|
-
|
|
701
|
+
], f.prototype, "onClick");
|
|
702
|
+
C([
|
|
760
703
|
r({ type: String })
|
|
761
|
-
],
|
|
762
|
-
|
|
763
|
-
r({ reflect: !0 })
|
|
764
|
-
],
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
var
|
|
769
|
-
for (var s = o > 1 ? void 0 : o ? Be(e, t) : e, n = a.length - 1, i; n >= 0; n--)
|
|
704
|
+
], f.prototype, "href");
|
|
705
|
+
C([
|
|
706
|
+
r({ type: String, reflect: !0 })
|
|
707
|
+
], f.prototype, "target");
|
|
708
|
+
customElements.get("nys-button") || customElements.define("nys-button", f);
|
|
709
|
+
const Me = ':host{--_nys-badge-width: fit-content;--_nys-badge-height: var(--nys-size-600, 48px);--_nys-badge-radius: var(--nys-radius-round, 1776px);--_nys-badge-padding: var(--nys-space-2-px, 2px) var(--nys-space-100, 8px);--_nys-badge-gap: var(--nys-space-50, 4px);--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a);--_nys-badge-border-width: var(--nys-border-width-sm, 1px);--_nys-badge-font-size: var(--nys-font-size-ui-sm, 14px);--_nys-badge-font-weight: var(--nys-font-weight-semibold, 600);--_nys-badge-line-height: var(--nys-font-lineheight-ui-sm, 24px);--_nys-badge-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-badge-prefix-font-weight: var(--nys-font-weight-regular, 400)}:host([size=sm]){--_nys-badge-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-badge-line-height: var(--nys-font-lineheight-ui-xs, 20px)}:host([intent=neutral]){--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a)}:host([intent=error]){--_nys-badge-background-color: var(--nys-color-error-weak, #f7eaea);--_nys-badge-border-color: var(--nys-color-error-strong, #721c1c)}:host([intent=success]){--_nys-badge-background-color: var(--nys-color-success-weak, #e8f1ea);--_nys-badge-border-color: var(--nys-color-success-strong, #0f3d18)}:host([intent=warning]){--_nys-badge-background-color: var(--nys-color-warning-weak, #fefae5);--_nys-badge-border-color: var(--nys-color-warning-strong, #6a5700)}.nys-badge{display:flex;width:fit-content;align-items:center;justify-content:center;gap:var(--_nys-badge-gap);padding:var(--_nys-badge-padding);border:var(--_nys-badge-border-width) solid var(--_nys-badge-border-color);background-color:var(--_nys-badge-background-color);border-radius:var(--_nys-badge-radius);font-family:var(--_nys-badge-font-family);font-size:var(--_nys-badge-font-size);font-weight:var(--_nys-badge-font-weight);line-height:var(--_nys-badge-line-height);cursor:default;--nys-icon-color: var(--_nys-badge-border-color)}.nys-badge__prefix{font-weight:var(--_nys-badge-prefix-font-weight)}';
|
|
710
|
+
var ze = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, o1 = (a, e, t, o) => {
|
|
711
|
+
for (var s = o > 1 ? void 0 : o ? Ve(e, t) : e, n = a.length - 1, i; n >= 0; n--)
|
|
770
712
|
(i = a[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
|
|
771
|
-
return o && s &&
|
|
772
|
-
},
|
|
773
|
-
const
|
|
713
|
+
return o && s && ze(e, t, s), s;
|
|
714
|
+
}, X;
|
|
715
|
+
const Y = (X = class extends u {
|
|
774
716
|
constructor() {
|
|
775
|
-
super(...arguments), this.id = "", this.name = "", this.
|
|
776
|
-
}
|
|
777
|
-
get size() {
|
|
778
|
-
return this._size;
|
|
779
|
-
}
|
|
780
|
-
set size(e) {
|
|
781
|
-
this._size = P.VALID_SIZES.includes(
|
|
782
|
-
e
|
|
783
|
-
) ? e : "md";
|
|
784
|
-
}
|
|
785
|
-
get intent() {
|
|
786
|
-
return this._intent;
|
|
787
|
-
}
|
|
788
|
-
set intent(e) {
|
|
789
|
-
this._intent = P.VALID_INTENT.includes(
|
|
790
|
-
e
|
|
791
|
-
) ? e : "neutral";
|
|
717
|
+
super(...arguments), this.id = "", this.name = "", this.size = "md", this.intent = "neutral", this.prefixLabel = "", this.label = "", this._prefixIcon = "", this._suffixIcon = "";
|
|
792
718
|
}
|
|
793
719
|
get prefixIcon() {
|
|
794
720
|
return this._prefixIcon;
|
|
@@ -810,7 +736,7 @@ const o1 = (P = class extends u {
|
|
|
810
736
|
t !== null && this.suffixIcon === "" && (this.suffixIcon = t);
|
|
811
737
|
}
|
|
812
738
|
resolveIcon(e) {
|
|
813
|
-
return e === !0 ?
|
|
739
|
+
return e === !0 ? X.DEFAULT_ICONS[this.intent] ?? "info" : typeof e == "string" && e.trim() !== "" ? e : null;
|
|
814
740
|
}
|
|
815
741
|
render() {
|
|
816
742
|
const e = this.resolveIcon(this.prefixIcon), t = this.resolveIcon(this.suffixIcon);
|
|
@@ -823,67 +749,53 @@ const o1 = (P = class extends u {
|
|
|
823
749
|
</div>
|
|
824
750
|
`;
|
|
825
751
|
}
|
|
826
|
-
},
|
|
827
|
-
"neutral",
|
|
828
|
-
"error",
|
|
829
|
-
"success",
|
|
830
|
-
"warning"
|
|
831
|
-
], P.DEFAULT_ICONS = {
|
|
752
|
+
}, X.styles = p(Me), X.DEFAULT_ICONS = {
|
|
832
753
|
neutral: "info",
|
|
833
754
|
error: "emergency_home",
|
|
834
755
|
success: "check_circle",
|
|
835
756
|
warning: "warning"
|
|
836
|
-
},
|
|
837
|
-
|
|
757
|
+
}, X);
|
|
758
|
+
o1([
|
|
838
759
|
r({ type: String, reflect: !0 })
|
|
839
|
-
],
|
|
840
|
-
|
|
760
|
+
], Y.prototype, "id", 2);
|
|
761
|
+
o1([
|
|
841
762
|
r({ type: String, reflect: !0 })
|
|
842
|
-
],
|
|
843
|
-
|
|
844
|
-
r({ reflect: !0 })
|
|
845
|
-
],
|
|
846
|
-
|
|
847
|
-
r({ reflect: !0 })
|
|
848
|
-
],
|
|
849
|
-
|
|
763
|
+
], Y.prototype, "name", 2);
|
|
764
|
+
o1([
|
|
765
|
+
r({ type: String, reflect: !0 })
|
|
766
|
+
], Y.prototype, "size", 2);
|
|
767
|
+
o1([
|
|
768
|
+
r({ type: String, reflect: !0 })
|
|
769
|
+
], Y.prototype, "intent", 2);
|
|
770
|
+
o1([
|
|
850
771
|
r({ type: String })
|
|
851
|
-
],
|
|
852
|
-
|
|
772
|
+
], Y.prototype, "prefixLabel", 2);
|
|
773
|
+
o1([
|
|
853
774
|
r({ type: String })
|
|
854
|
-
],
|
|
855
|
-
|
|
775
|
+
], Y.prototype, "label", 2);
|
|
776
|
+
o1([
|
|
856
777
|
r({ type: String, attribute: "prefixicon" })
|
|
857
|
-
],
|
|
858
|
-
|
|
778
|
+
], Y.prototype, "prefixIcon", 1);
|
|
779
|
+
o1([
|
|
859
780
|
r({ type: String, attribute: "suffixicon" })
|
|
860
|
-
],
|
|
861
|
-
let
|
|
862
|
-
customElements.get("nys-badge") || customElements.define("nys-badge",
|
|
781
|
+
], Y.prototype, "suffixIcon", 1);
|
|
782
|
+
let De = Y;
|
|
783
|
+
customElements.get("nys-badge") || customElements.define("nys-badge", De);
|
|
863
784
|
const le = ':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var( --nys-color-neutral-400, #757575 );--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-checkbox-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile);gap:var(--_nys-checkbox-gap)}.nys-checkbox__checkboxwrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}';
|
|
864
|
-
var
|
|
865
|
-
for (var s =
|
|
866
|
-
(i = a[n]) && (s =
|
|
867
|
-
return
|
|
785
|
+
var He = Object.defineProperty, B = (a, e, t, o) => {
|
|
786
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
787
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
788
|
+
return s && He(e, t, s), s;
|
|
868
789
|
};
|
|
869
|
-
let
|
|
870
|
-
|
|
871
|
-
const E = (G = class extends u {
|
|
790
|
+
let Be = 0;
|
|
791
|
+
const $1 = class $1 extends u {
|
|
872
792
|
// allows use of elementInternals' API
|
|
873
793
|
constructor() {
|
|
874
|
-
super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.
|
|
875
|
-
}
|
|
876
|
-
get size() {
|
|
877
|
-
return this._size;
|
|
878
|
-
}
|
|
879
|
-
set size(e) {
|
|
880
|
-
this._size = G.VALID_SIZES.includes(
|
|
881
|
-
e
|
|
882
|
-
) ? e : "md";
|
|
794
|
+
super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.tooltip = "", this.inverted = !1, this.form = null, this.size = "md", this._slottedDescriptionText = "", this._internals = this.attachInternals();
|
|
883
795
|
}
|
|
884
796
|
// Generate a unique ID if one is not provided
|
|
885
797
|
connectedCallback() {
|
|
886
|
-
super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${
|
|
798
|
+
super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${Be++}`), this.addEventListener("nys-change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
|
|
887
799
|
}
|
|
888
800
|
disconnectedCallback() {
|
|
889
801
|
super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleCheckboxChange), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -894,7 +806,7 @@ const E = (G = class extends u {
|
|
|
894
806
|
updated(e) {
|
|
895
807
|
e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this._updateCheckboxSize(), e.has("tile") && this._updateCheckboxTile(), e.has("inverted") && this._updateCheckboxInvert(), e.has("showError") && this._updateCheckboxShowError(), e.has("form") && this._updateCheckboxForm();
|
|
896
808
|
}
|
|
897
|
-
|
|
809
|
+
// Functions
|
|
898
810
|
_setGroupExist() {
|
|
899
811
|
this.querySelectorAll("nys-checkbox").forEach((t) => {
|
|
900
812
|
t.groupExist = !0;
|
|
@@ -965,7 +877,7 @@ const E = (G = class extends u {
|
|
|
965
877
|
if (Array.from(
|
|
966
878
|
this.querySelectorAll("nys-checkbox")
|
|
967
879
|
).filter(
|
|
968
|
-
(
|
|
880
|
+
(D) => D.checked
|
|
969
881
|
).length === 0)
|
|
970
882
|
return c;
|
|
971
883
|
} else
|
|
@@ -973,7 +885,7 @@ const E = (G = class extends u {
|
|
|
973
885
|
}) === this && o.focus() : o.focus();
|
|
974
886
|
}
|
|
975
887
|
}
|
|
976
|
-
|
|
888
|
+
// Event Handlers
|
|
977
889
|
// Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
|
|
978
890
|
_handleCheckboxChange(e) {
|
|
979
891
|
const t = e, { name: o } = t.detail, n = Array.from(this.querySelectorAll("nys-checkbox")).filter((i) => i.checked).map((i) => i.value);
|
|
@@ -987,7 +899,7 @@ const E = (G = class extends u {
|
|
|
987
899
|
label=${this.label}
|
|
988
900
|
description=${this.description}
|
|
989
901
|
flag=${this.required ? "required" : this.optional ? "optional" : ""}
|
|
990
|
-
tooltip=${this.
|
|
902
|
+
tooltip=${this.tooltip}
|
|
991
903
|
?inverted=${this.inverted}
|
|
992
904
|
>
|
|
993
905
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -1008,80 +920,72 @@ const E = (G = class extends u {
|
|
|
1008
920
|
</div>
|
|
1009
921
|
`;
|
|
1010
922
|
}
|
|
1011
|
-
}
|
|
1012
|
-
|
|
923
|
+
};
|
|
924
|
+
$1.styles = p(le), $1.formAssociated = !0;
|
|
925
|
+
let L = $1;
|
|
926
|
+
B([
|
|
1013
927
|
r({ type: String, reflect: !0 })
|
|
1014
|
-
],
|
|
1015
|
-
|
|
928
|
+
], L.prototype, "id");
|
|
929
|
+
B([
|
|
1016
930
|
r({ type: String, reflect: !0 })
|
|
1017
|
-
],
|
|
1018
|
-
|
|
931
|
+
], L.prototype, "name");
|
|
932
|
+
B([
|
|
1019
933
|
r({ type: Boolean, reflect: !0 })
|
|
1020
|
-
],
|
|
1021
|
-
|
|
934
|
+
], L.prototype, "required");
|
|
935
|
+
B([
|
|
1022
936
|
r({ type: Boolean, reflect: !0 })
|
|
1023
|
-
],
|
|
1024
|
-
|
|
937
|
+
], L.prototype, "optional");
|
|
938
|
+
B([
|
|
1025
939
|
r({ type: Boolean, reflect: !0 })
|
|
1026
|
-
],
|
|
1027
|
-
|
|
940
|
+
], L.prototype, "showError");
|
|
941
|
+
B([
|
|
1028
942
|
r({ type: String })
|
|
1029
|
-
],
|
|
1030
|
-
|
|
943
|
+
], L.prototype, "errorMessage");
|
|
944
|
+
B([
|
|
1031
945
|
r({ type: String })
|
|
1032
|
-
],
|
|
1033
|
-
|
|
946
|
+
], L.prototype, "label");
|
|
947
|
+
B([
|
|
1034
948
|
r({ type: String })
|
|
1035
|
-
],
|
|
1036
|
-
|
|
949
|
+
], L.prototype, "description");
|
|
950
|
+
B([
|
|
1037
951
|
r({ type: Boolean, reflect: !0 })
|
|
1038
|
-
],
|
|
1039
|
-
|
|
952
|
+
], L.prototype, "tile");
|
|
953
|
+
B([
|
|
1040
954
|
r({ type: String })
|
|
1041
|
-
],
|
|
1042
|
-
|
|
955
|
+
], L.prototype, "tooltip");
|
|
956
|
+
B([
|
|
1043
957
|
r({ type: Boolean, reflect: !0 })
|
|
1044
|
-
],
|
|
1045
|
-
|
|
958
|
+
], L.prototype, "inverted");
|
|
959
|
+
B([
|
|
1046
960
|
r({ type: String, reflect: !0 })
|
|
1047
|
-
],
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
],
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
],
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
var
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
return o && s && Oe(e, t, s), s;
|
|
961
|
+
], L.prototype, "form");
|
|
962
|
+
B([
|
|
963
|
+
r({ type: String, reflect: !0 })
|
|
964
|
+
], L.prototype, "size");
|
|
965
|
+
B([
|
|
966
|
+
z()
|
|
967
|
+
], L.prototype, "_slottedDescriptionText");
|
|
968
|
+
customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", L);
|
|
969
|
+
var Ae = Object.defineProperty, S = (a, e, t, o) => {
|
|
970
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
971
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
972
|
+
return s && Ae(e, t, s), s;
|
|
1060
973
|
};
|
|
1061
|
-
let
|
|
1062
|
-
|
|
1063
|
-
const w = (X = class extends u {
|
|
974
|
+
let Ze = 0;
|
|
975
|
+
const E1 = class E1 extends u {
|
|
1064
976
|
// allows use of elementInternals' API
|
|
1065
977
|
constructor() {
|
|
1066
|
-
super(), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, this.showError = !1, this.errorMessage = "", this.groupExist = !1, this.tile = !1, this.inverted = !1, this.
|
|
978
|
+
super(), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, this.showError = !1, this.errorMessage = "", this.groupExist = !1, this.tile = !1, this.inverted = !1, this.tooltip = "", this.size = "md", this._manageLabelClick = () => {
|
|
1067
979
|
const e = this.shadowRoot?.querySelector("nys-label"), t = this.shadowRoot?.querySelector("input");
|
|
1068
980
|
e && t && e.addEventListener("click", () => t.click());
|
|
1069
981
|
}, this._internals = this.attachInternals();
|
|
1070
982
|
}
|
|
1071
|
-
get size() {
|
|
1072
|
-
return this._size;
|
|
1073
|
-
}
|
|
1074
|
-
set size(e) {
|
|
1075
|
-
this._size = X.VALID_SIZES.includes(
|
|
1076
|
-
e
|
|
1077
|
-
) ? e : "md";
|
|
1078
|
-
}
|
|
1079
983
|
async getInputElement() {
|
|
1080
984
|
return await this.updateComplete, this.shadowRoot?.querySelector("input") || null;
|
|
1081
985
|
}
|
|
1082
986
|
// Generate a unique ID if one is not provided
|
|
1083
987
|
connectedCallback() {
|
|
1084
|
-
super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${
|
|
988
|
+
super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${Ze++}`), this.addEventListener("invalid", this._handleInvalid);
|
|
1085
989
|
}
|
|
1086
990
|
disconnectedCallback() {
|
|
1087
991
|
super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -1093,7 +997,7 @@ const w = (X = class extends u {
|
|
|
1093
997
|
formResetCallback() {
|
|
1094
998
|
this.checked = !1;
|
|
1095
999
|
}
|
|
1096
|
-
|
|
1000
|
+
// Form Integration
|
|
1097
1001
|
_setValue() {
|
|
1098
1002
|
this.groupExist || this._internals.setFormValue(this.checked ? this.value : null);
|
|
1099
1003
|
}
|
|
@@ -1116,7 +1020,7 @@ const w = (X = class extends u {
|
|
|
1116
1020
|
let o = "";
|
|
1117
1021
|
t.valueMissing && (o = "This field is required"), this._setValidityMessage(o);
|
|
1118
1022
|
}
|
|
1119
|
-
|
|
1023
|
+
// Functions
|
|
1120
1024
|
// This helper function is called to perform the element's native validation.
|
|
1121
1025
|
checkValidity() {
|
|
1122
1026
|
if (this.required && !this.checked)
|
|
@@ -1134,7 +1038,7 @@ const w = (X = class extends u {
|
|
|
1134
1038
|
) === this && t.focus() : t.focus();
|
|
1135
1039
|
}
|
|
1136
1040
|
}
|
|
1137
|
-
|
|
1041
|
+
// Event Handlers
|
|
1138
1042
|
_emitChangeEvent() {
|
|
1139
1043
|
this.dispatchEvent(
|
|
1140
1044
|
new CustomEvent("nys-change", {
|
|
@@ -1174,12 +1078,12 @@ const w = (X = class extends u {
|
|
|
1174
1078
|
id=${this.id + "--native"}
|
|
1175
1079
|
class="nys-checkbox__checkbox"
|
|
1176
1080
|
type="checkbox"
|
|
1177
|
-
name="${
|
|
1081
|
+
name="${h(this.name ? this.name : void 0)}"
|
|
1178
1082
|
.checked=${this.checked}
|
|
1179
1083
|
?disabled=${this.disabled}
|
|
1180
1084
|
.value=${this.value}
|
|
1181
1085
|
?required="${this.required}"
|
|
1182
|
-
form=${
|
|
1086
|
+
form=${h(this.form || void 0)}
|
|
1183
1087
|
aria-checked="${this.checked}"
|
|
1184
1088
|
aria-disabled="${this.disabled ? "true" : "false"}"
|
|
1185
1089
|
aria-required="${this.required}"
|
|
@@ -1192,16 +1096,17 @@ const w = (X = class extends u {
|
|
|
1192
1096
|
/>
|
|
1193
1097
|
${this.checked ? l`<nys-icon
|
|
1194
1098
|
name="check"
|
|
1195
|
-
size="${this.size === "md" ? "4xl" : this.size === "sm" ? "2xl" : "
|
|
1099
|
+
size="${this.size === "md" ? "4xl" : this.size === "sm" ? "2xl" : "4xl"}"
|
|
1196
1100
|
class="nys-checkbox__icon"
|
|
1197
1101
|
></nys-icon>` : ""}
|
|
1198
1102
|
</div>
|
|
1199
1103
|
${this.label && l`
|
|
1200
1104
|
<nys-label
|
|
1105
|
+
tooltip=${this.tooltip}
|
|
1201
1106
|
for=${this.id + "--native"}
|
|
1202
1107
|
label=${this.label}
|
|
1203
|
-
description=${
|
|
1204
|
-
flag=${
|
|
1108
|
+
description=${h(this.description ?? void 0)}
|
|
1109
|
+
flag=${h(this.required ? "required" : void 0)}
|
|
1205
1110
|
?inverted=${this.inverted}
|
|
1206
1111
|
>
|
|
1207
1112
|
<slot name="description" slot="description"
|
|
@@ -1218,61 +1123,65 @@ const w = (X = class extends u {
|
|
|
1218
1123
|
></nys-errormessage>` : ""}
|
|
1219
1124
|
`;
|
|
1220
1125
|
}
|
|
1221
|
-
}
|
|
1222
|
-
|
|
1126
|
+
};
|
|
1127
|
+
E1.styles = p(le), E1.formAssociated = !0;
|
|
1128
|
+
let m = E1;
|
|
1129
|
+
S([
|
|
1223
1130
|
r({ type: Boolean, reflect: !0 })
|
|
1224
|
-
],
|
|
1225
|
-
|
|
1131
|
+
], m.prototype, "checked");
|
|
1132
|
+
S([
|
|
1226
1133
|
r({ type: Boolean, reflect: !0 })
|
|
1227
|
-
],
|
|
1228
|
-
|
|
1134
|
+
], m.prototype, "disabled");
|
|
1135
|
+
S([
|
|
1229
1136
|
r({ type: Boolean, reflect: !0 })
|
|
1230
|
-
],
|
|
1231
|
-
|
|
1137
|
+
], m.prototype, "required");
|
|
1138
|
+
S([
|
|
1232
1139
|
r({ type: String })
|
|
1233
|
-
],
|
|
1234
|
-
|
|
1140
|
+
], m.prototype, "label");
|
|
1141
|
+
S([
|
|
1235
1142
|
r({ type: String })
|
|
1236
|
-
],
|
|
1237
|
-
|
|
1143
|
+
], m.prototype, "description");
|
|
1144
|
+
S([
|
|
1238
1145
|
r({ type: String, reflect: !0 })
|
|
1239
|
-
],
|
|
1240
|
-
|
|
1146
|
+
], m.prototype, "id");
|
|
1147
|
+
S([
|
|
1241
1148
|
r({ type: String, reflect: !0 })
|
|
1242
|
-
],
|
|
1243
|
-
|
|
1149
|
+
], m.prototype, "name");
|
|
1150
|
+
S([
|
|
1244
1151
|
r({ type: String })
|
|
1245
|
-
],
|
|
1246
|
-
|
|
1152
|
+
], m.prototype, "value");
|
|
1153
|
+
S([
|
|
1247
1154
|
r({ type: String, reflect: !0 })
|
|
1248
|
-
],
|
|
1249
|
-
|
|
1155
|
+
], m.prototype, "form");
|
|
1156
|
+
S([
|
|
1250
1157
|
r({ type: Boolean, reflect: !0 })
|
|
1251
|
-
],
|
|
1252
|
-
|
|
1158
|
+
], m.prototype, "showError");
|
|
1159
|
+
S([
|
|
1253
1160
|
r({ type: String })
|
|
1254
|
-
],
|
|
1255
|
-
|
|
1161
|
+
], m.prototype, "errorMessage");
|
|
1162
|
+
S([
|
|
1256
1163
|
r({ type: Boolean })
|
|
1257
|
-
],
|
|
1258
|
-
|
|
1164
|
+
], m.prototype, "groupExist");
|
|
1165
|
+
S([
|
|
1259
1166
|
r({ type: Boolean, reflect: !0 })
|
|
1260
|
-
],
|
|
1261
|
-
|
|
1167
|
+
], m.prototype, "tile");
|
|
1168
|
+
S([
|
|
1262
1169
|
r({ type: Boolean, reflect: !0 })
|
|
1263
|
-
],
|
|
1264
|
-
|
|
1265
|
-
r({
|
|
1266
|
-
],
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1170
|
+
], m.prototype, "inverted");
|
|
1171
|
+
S([
|
|
1172
|
+
r({ type: String })
|
|
1173
|
+
], m.prototype, "tooltip");
|
|
1174
|
+
S([
|
|
1175
|
+
r({ type: String, reflect: !0 })
|
|
1176
|
+
], m.prototype, "size");
|
|
1177
|
+
customElements.get("nys-checkbox") || customElements.define("nys-checkbox", m);
|
|
1178
|
+
const qe = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #fff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
|
|
1179
|
+
var Ie = Object.defineProperty, Pe = (a, e, t, o) => {
|
|
1271
1180
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
1272
1181
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
1273
|
-
return s &&
|
|
1182
|
+
return s && Ie(e, t, s), s;
|
|
1274
1183
|
};
|
|
1275
|
-
const
|
|
1184
|
+
const j1 = class j1 extends u {
|
|
1276
1185
|
constructor() {
|
|
1277
1186
|
super(), this.inverted = !1;
|
|
1278
1187
|
}
|
|
@@ -1280,19 +1189,19 @@ const K1 = class K1 extends u {
|
|
|
1280
1189
|
return l`<hr class="nys-divider" />`;
|
|
1281
1190
|
}
|
|
1282
1191
|
};
|
|
1283
|
-
|
|
1284
|
-
let
|
|
1285
|
-
|
|
1192
|
+
j1.styles = p(qe);
|
|
1193
|
+
let k1 = j1;
|
|
1194
|
+
Pe([
|
|
1286
1195
|
r({ type: Boolean, reflect: !0 })
|
|
1287
|
-
],
|
|
1288
|
-
customElements.get("nys-divider") || customElements.define("nys-divider",
|
|
1289
|
-
const
|
|
1290
|
-
var
|
|
1196
|
+
], k1.prototype, "inverted");
|
|
1197
|
+
customElements.get("nys-divider") || customElements.define("nys-divider", k1);
|
|
1198
|
+
const Ue = ':host{--_nys-errormessage-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-errormessage-font-weight: var(--nys-font-weight-regular, 400);--_nys-errormessage-font-size: var(--nys-font-size-ui-md, 16px);--_nys-errormessage-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-errormessage-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-errormessage-color: var(--nys-color-danger, #b52c2c);--_nys-errormessage-gap: var(--nys-space-100, 8px);--_nys-errormessage-padding--divider: var(--nys-space-50, 4px);--_nys-errormessage-width--divider: var(--nys-border-width-sm, 1px);--_nys-errormessage-margin-top: 0}.nys-errormessage{display:flex;align-items:center;gap:var(--_nys-errormessage-gap);font-family:var(--_nys-errormessage-font-family);font-weight:var(--_nys-errormessage-font-weight);font-size:var(--_nys-errormessage-font-size);line-height:var(--_nys-errormessage-line-height);letter-spacing:var(--_nys-errormessage-letter-spacing);color:var(--_nys-errormessage-color);margin-top:var(--_nys-errormessage-margin-top)}.nys-errormessage[showDivider]{padding-top:var(--_nys-errormessage-padding--divider);margin-top:var(--_nys-errormessage-padding--divider);border-top:var(--_nys-errormessage-width--divider) solid var(--_nys-errormessage-color)}';
|
|
1199
|
+
var Re = Object.defineProperty, P1 = (a, e, t, o) => {
|
|
1291
1200
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
1292
1201
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
1293
|
-
return s &&
|
|
1202
|
+
return s && Re(e, t, s), s;
|
|
1294
1203
|
};
|
|
1295
|
-
const
|
|
1204
|
+
const S1 = class S1 extends u {
|
|
1296
1205
|
// allows use of elementInternals' API
|
|
1297
1206
|
constructor() {
|
|
1298
1207
|
super(), this.showError = !1, this.errorMessage = "", this.showDivider = !1, this._internals = this.attachInternals();
|
|
@@ -1304,19 +1213,19 @@ const I1 = class I1 extends u {
|
|
|
1304
1213
|
</div>` : ""}`;
|
|
1305
1214
|
}
|
|
1306
1215
|
};
|
|
1307
|
-
|
|
1308
|
-
let
|
|
1309
|
-
|
|
1216
|
+
S1.styles = p(Ue), S1.formAssociated = !0;
|
|
1217
|
+
let d1 = S1;
|
|
1218
|
+
P1([
|
|
1310
1219
|
r({ type: Boolean })
|
|
1311
|
-
],
|
|
1312
|
-
|
|
1220
|
+
], d1.prototype, "showError");
|
|
1221
|
+
P1([
|
|
1313
1222
|
r({ type: String })
|
|
1314
|
-
],
|
|
1315
|
-
|
|
1223
|
+
], d1.prototype, "errorMessage");
|
|
1224
|
+
P1([
|
|
1316
1225
|
r({ type: Boolean, reflect: !0 })
|
|
1317
|
-
],
|
|
1318
|
-
customElements.get("nys-errormessage") || customElements.define("nys-errormessage",
|
|
1319
|
-
async function
|
|
1226
|
+
], d1.prototype, "showDivider");
|
|
1227
|
+
customElements.get("nys-errormessage") || customElements.define("nys-errormessage", d1);
|
|
1228
|
+
async function Oe(a, e) {
|
|
1320
1229
|
if (!e || e.trim() === "") return !0;
|
|
1321
1230
|
const t = e.toLowerCase().split(",").map((n) => n.trim()), o = a.name.toLowerCase(), s = o.includes(".") ? o.split(".").pop() : "";
|
|
1322
1231
|
for (const n of t)
|
|
@@ -1324,13 +1233,13 @@ async function Ge(a, e) {
|
|
|
1324
1233
|
return !0;
|
|
1325
1234
|
return !1;
|
|
1326
1235
|
}
|
|
1327
|
-
const
|
|
1328
|
-
var
|
|
1236
|
+
const Fe = ':host{--_nys-fileitem-border-radius: var(--nys-radius-md, 4px);--_nys-fileitem-padding: var(--nys-space-100, 8px) var(--nys-space-200, 16px);--_nys-fileitem-background-color: var(--nys-color-ink-reverse, #fff);--_nys-fileitem-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-fileitem-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileitem-font-weight: var(--nys-font-weight-regular, 400);--_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileitem-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-fileitem-background-color--progress: var( --nys-color-neutral-50, #ededed );--_nys-fileitem-background-color--progress--fill: var( --nys-color-info, #004dd1 )}.file-item{position:relative;border-radius:var(--_nys-fileitem-border-radius);border-width:var(--nys-border-width-sm, 1px);border-style:solid;border-color:var(--_nys-fileitem-border-color);background-color:var(--_nys-fileitem-background-color)}.file-item.error{--_nys-fileitem-border-color: var(--nys-color-danger, #b52c2c)}.file-item__main{display:flex;justify-items:center;align-items:center;gap:var(--_nys-fileinput-gap);padding:var(--_nys-fileitem-padding);height:56px;box-sizing:border-box}.file-item__info{display:flex;flex-direction:column;flex:1;min-width:0;font-family:var(--_nys-fileitem-font-family);font-size:var(--_nys-fileitem-font-size);font-style:normal;font-weight:var(--_nys-fileitem-font-weight);line-height:var(--_nys-fileitem-line-height);letter-spacing:var(--_nys-fileitem-letter-spacing)}.file-item__info-name{display:flex;max-width:100%;overflow:hidden;white-space:nowrap;align-items:center}.file-item__info-name-start{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-item p{margin:0}.file-item__error{color:var(--nys-color-danger, #b52c2c);text-overflow:ellipsis;font-weight:700}progress{position:absolute;bottom:0;display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background:var(--_nys-fileitem-background-color--progress--fill);overflow:hidden;appearance:none}progress::-moz-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}progress::-webkit-progress-value{background-color:var(--_nys-fileitem-background-color--progress--fill)}progress::-webkit-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}.file-icon[name=progress_activity]{animation:spin 1s linear infinite}.file-icon[name=error]{color:var(--nys-color-danger, #b52c2c)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';
|
|
1237
|
+
var Te = Object.defineProperty, Z1 = (a, e, t, o) => {
|
|
1329
1238
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
1330
1239
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
1331
|
-
return s &&
|
|
1240
|
+
return s && Te(e, t, s), s;
|
|
1332
1241
|
};
|
|
1333
|
-
const
|
|
1242
|
+
const K1 = class K1 extends u {
|
|
1334
1243
|
constructor() {
|
|
1335
1244
|
super(...arguments), this.filename = "", this.status = "pending", this.progress = 0, this.errorMessage = "";
|
|
1336
1245
|
}
|
|
@@ -1403,32 +1312,32 @@ const Y1 = class Y1 extends u {
|
|
|
1403
1312
|
`;
|
|
1404
1313
|
}
|
|
1405
1314
|
};
|
|
1406
|
-
|
|
1407
|
-
let
|
|
1408
|
-
|
|
1315
|
+
K1.styles = p(Fe);
|
|
1316
|
+
let i1 = K1;
|
|
1317
|
+
Z1([
|
|
1409
1318
|
r({ type: String })
|
|
1410
|
-
],
|
|
1411
|
-
|
|
1319
|
+
], i1.prototype, "filename");
|
|
1320
|
+
Z1([
|
|
1412
1321
|
r({ type: String })
|
|
1413
|
-
],
|
|
1414
|
-
|
|
1322
|
+
], i1.prototype, "status");
|
|
1323
|
+
Z1([
|
|
1415
1324
|
r({ type: Number })
|
|
1416
|
-
],
|
|
1417
|
-
|
|
1325
|
+
], i1.prototype, "progress");
|
|
1326
|
+
Z1([
|
|
1418
1327
|
r({ type: String })
|
|
1419
|
-
],
|
|
1420
|
-
customElements.define("nys-fileitem",
|
|
1421
|
-
const
|
|
1422
|
-
var
|
|
1328
|
+
], i1.prototype, "errorMessage");
|
|
1329
|
+
customElements.define("nys-fileitem", i1);
|
|
1330
|
+
const Ne = ':host{--_nys-fileinput-gap: var(--nys-space-100, 8px);--_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);--_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileinput-background-color--dropzone: var( --nys-color-ink-reverse, #fff );--_nys-fileinput-background-color--dropzone--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-fileinput-background-color--dropzone--active: var( --nys-color-theme-faint, #f7fafd );--_nys-fileinput-border-radius--dropzone: var( --nys-radius-lg, var(--nys-space-100, 8px) );--_nys-fileinput-border-style: dashed;--_nys-fileinput-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px)}.nys-fileinput{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--_nys-fileinput-gap);font-family:var(--_nys-fileinput-font-family);font-size:var(--_nys-fileinput-font-size);font-weight:var(--_nys-fileinput-font-weight);line-height:var(--_nys-fileinput-line-height)}:host([width=lg]) .nys-fileinput{max-width:var(--nys-form-width-lg, 384px)}ul{list-style-type:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--_nys-fileinput-gap)}.nys-fileinput__dropzone{display:flex;padding:var(--nys-space-400, 32px) var(--nys-space-200, 16px);justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:var(--_nys-fileinput-border-radius--dropzone);outline:var(--_nys-fileinput-border-width) var(--_nys-fileinput-border-style) var(--_nys-fileinput-border-color);background-color:var(--_nys-fileinput-background-color--dropzone);transition:all 60ms ease-in-out}.nys-fileinput__dropzone:hover{cursor:pointer;--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-neutral-700, #4a4d4f)}.nys-fileinput__dropzone.drag-active{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-theme, #154973);--_nys-fileinput-border-style: solid}.nys-fileinput__dropzone.error{--_nys-fileinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-fileinput__dropzone.error:hover{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-emergency, #721c1c)}.nys-fileinput__dropzone.disabled{cursor:not-allowed;--_nys-fileinput-border-color: var(--nys-color-neutral-300, #a7a9ab);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);background-color:var(--_nys-fileinput-background-color--dropzone--disabled);color:var(--_nys-fileinput-color--dropzone--disabled)}progress{display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-fileinput-progress-background);overflow:hidden;appearance:none;border:none}progress::-moz-progress-bar{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-value{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-bar{background-color:var(--_nys-fileinput-progress-background)}';
|
|
1331
|
+
var je = Object.defineProperty, M = (a, e, t, o) => {
|
|
1423
1332
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
1424
1333
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
1425
|
-
return s &&
|
|
1334
|
+
return s && je(e, t, s), s;
|
|
1426
1335
|
};
|
|
1427
|
-
let
|
|
1428
|
-
const
|
|
1336
|
+
let Ke = 0;
|
|
1337
|
+
const M1 = class M1 extends u {
|
|
1429
1338
|
// allows use of elementInternals' API
|
|
1430
1339
|
constructor() {
|
|
1431
|
-
super(), this.id = "", this.name = "", this.label = "", this.description = "", this.multiple = !1, this.form = null, this.
|
|
1340
|
+
super(), this.id = "", this.name = "", this.label = "", this.description = "", this.multiple = !1, this.form = null, this.tooltip = "", this.accept = "", this.disabled = !1, this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.dropzone = !1, this.width = "full", this.inverted = !1, this._selectedFiles = [], this._dragActive = !1, this._internals = this.attachInternals();
|
|
1432
1341
|
}
|
|
1433
1342
|
get _isDropDisabled() {
|
|
1434
1343
|
return this.disabled || !this.multiple && this._selectedFiles.length > 0;
|
|
@@ -1460,7 +1369,7 @@ const Z1 = class Z1 extends u {
|
|
|
1460
1369
|
}
|
|
1461
1370
|
// Generate a unique ID if one is not provided
|
|
1462
1371
|
connectedCallback() {
|
|
1463
|
-
super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${
|
|
1372
|
+
super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${Ke++}`), this.addEventListener("invalid", this._handleInvalid);
|
|
1464
1373
|
}
|
|
1465
1374
|
disconnectedCallback() {
|
|
1466
1375
|
super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -1468,7 +1377,7 @@ const Z1 = class Z1 extends u {
|
|
|
1468
1377
|
firstUpdated() {
|
|
1469
1378
|
this._setValue();
|
|
1470
1379
|
}
|
|
1471
|
-
|
|
1380
|
+
// Form Integration
|
|
1472
1381
|
_setValue() {
|
|
1473
1382
|
if (this.multiple) {
|
|
1474
1383
|
const e = this._selectedFiles.map((t) => t.file);
|
|
@@ -1522,7 +1431,7 @@ const Z1 = class Z1 extends u {
|
|
|
1522
1431
|
) === this && (t.focus(), t.classList.add("active-focus")) : (t.focus(), t.classList.add("active-focus"));
|
|
1523
1432
|
}
|
|
1524
1433
|
}
|
|
1525
|
-
|
|
1434
|
+
// Functions
|
|
1526
1435
|
// Store the files to be displayed
|
|
1527
1436
|
async _saveSelectedFiles(e) {
|
|
1528
1437
|
if (this._selectedFiles.some(
|
|
@@ -1539,7 +1448,7 @@ const Z1 = class Z1 extends u {
|
|
|
1539
1448
|
async _processFile(e) {
|
|
1540
1449
|
e.status = "processing";
|
|
1541
1450
|
try {
|
|
1542
|
-
if (!await
|
|
1451
|
+
if (!await Oe(e.file, this.accept)) {
|
|
1543
1452
|
e.status = "error", e.errorMsg = "File type is invalid.", this.requestUpdate();
|
|
1544
1453
|
return;
|
|
1545
1454
|
}
|
|
@@ -1590,7 +1499,7 @@ const Z1 = class Z1 extends u {
|
|
|
1590
1499
|
t && (t.setAttribute("tabindex", "-1"), t.focus());
|
|
1591
1500
|
}
|
|
1592
1501
|
}
|
|
1593
|
-
|
|
1502
|
+
// Event Handlers
|
|
1594
1503
|
// Access the selected files & add new files to the internal list via the hidden <input type="file">
|
|
1595
1504
|
_handleFileChange(e) {
|
|
1596
1505
|
const o = e.target.files;
|
|
@@ -1636,7 +1545,7 @@ const Z1 = class Z1 extends u {
|
|
|
1636
1545
|
label=${this.label}
|
|
1637
1546
|
description=${this.description}
|
|
1638
1547
|
flag=${this.required ? "required" : this.optional ? "optional" : ""}
|
|
1639
|
-
|
|
1548
|
+
tooltip=${this.tooltip}
|
|
1640
1549
|
?inverted=${this.inverted}
|
|
1641
1550
|
>
|
|
1642
1551
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -1648,7 +1557,7 @@ const Z1 = class Z1 extends u {
|
|
|
1648
1557
|
type="file"
|
|
1649
1558
|
name=${this.name}
|
|
1650
1559
|
accept=${this.accept}
|
|
1651
|
-
form=${
|
|
1560
|
+
form=${h(this.form || void 0)}
|
|
1652
1561
|
?multiple=${this.multiple}
|
|
1653
1562
|
?required=${this.required}
|
|
1654
1563
|
?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
|
|
@@ -1717,58 +1626,58 @@ const Z1 = class Z1 extends u {
|
|
|
1717
1626
|
</div>`;
|
|
1718
1627
|
}
|
|
1719
1628
|
};
|
|
1720
|
-
|
|
1721
|
-
let
|
|
1722
|
-
|
|
1629
|
+
M1.styles = p(Ne), M1.formAssociated = !0;
|
|
1630
|
+
let x = M1;
|
|
1631
|
+
M([
|
|
1723
1632
|
r({ type: String, reflect: !0 })
|
|
1724
|
-
],
|
|
1725
|
-
|
|
1633
|
+
], x.prototype, "id");
|
|
1634
|
+
M([
|
|
1726
1635
|
r({ type: String, reflect: !0 })
|
|
1727
|
-
],
|
|
1728
|
-
|
|
1636
|
+
], x.prototype, "name");
|
|
1637
|
+
M([
|
|
1729
1638
|
r({ type: String })
|
|
1730
|
-
],
|
|
1731
|
-
|
|
1639
|
+
], x.prototype, "label");
|
|
1640
|
+
M([
|
|
1732
1641
|
r({ type: String })
|
|
1733
|
-
],
|
|
1734
|
-
|
|
1642
|
+
], x.prototype, "description");
|
|
1643
|
+
M([
|
|
1735
1644
|
r({ type: Boolean })
|
|
1736
|
-
],
|
|
1737
|
-
|
|
1645
|
+
], x.prototype, "multiple");
|
|
1646
|
+
M([
|
|
1738
1647
|
r({ type: String, reflect: !0 })
|
|
1739
|
-
],
|
|
1740
|
-
|
|
1648
|
+
], x.prototype, "form");
|
|
1649
|
+
M([
|
|
1741
1650
|
r({ type: String })
|
|
1742
|
-
],
|
|
1743
|
-
|
|
1651
|
+
], x.prototype, "tooltip");
|
|
1652
|
+
M([
|
|
1744
1653
|
r({ type: String })
|
|
1745
|
-
],
|
|
1746
|
-
|
|
1654
|
+
], x.prototype, "accept");
|
|
1655
|
+
M([
|
|
1747
1656
|
r({ type: Boolean, reflect: !0 })
|
|
1748
|
-
],
|
|
1749
|
-
|
|
1657
|
+
], x.prototype, "disabled");
|
|
1658
|
+
M([
|
|
1750
1659
|
r({ type: Boolean, reflect: !0 })
|
|
1751
|
-
],
|
|
1752
|
-
|
|
1660
|
+
], x.prototype, "required");
|
|
1661
|
+
M([
|
|
1753
1662
|
r({ type: Boolean, reflect: !0 })
|
|
1754
|
-
],
|
|
1755
|
-
|
|
1663
|
+
], x.prototype, "optional");
|
|
1664
|
+
M([
|
|
1756
1665
|
r({ type: Boolean, reflect: !0 })
|
|
1757
|
-
],
|
|
1758
|
-
|
|
1666
|
+
], x.prototype, "showError");
|
|
1667
|
+
M([
|
|
1759
1668
|
r({ type: String })
|
|
1760
|
-
],
|
|
1761
|
-
|
|
1669
|
+
], x.prototype, "errorMessage");
|
|
1670
|
+
M([
|
|
1762
1671
|
r({ type: Boolean })
|
|
1763
|
-
],
|
|
1764
|
-
|
|
1672
|
+
], x.prototype, "dropzone");
|
|
1673
|
+
M([
|
|
1765
1674
|
r({ type: String, reflect: !0 })
|
|
1766
|
-
],
|
|
1767
|
-
|
|
1675
|
+
], x.prototype, "width");
|
|
1676
|
+
M([
|
|
1768
1677
|
r({ type: Boolean, reflect: !0 })
|
|
1769
|
-
],
|
|
1770
|
-
customElements.get("nys-fileinput") || customElements.define("nys-fileinput",
|
|
1771
|
-
const
|
|
1678
|
+
], x.prototype, "inverted");
|
|
1679
|
+
customElements.get("nys-fileinput") || customElements.define("nys-fileinput", x);
|
|
1680
|
+
const Ge = {
|
|
1772
1681
|
// --------- UX Team Main Library (below) --------- //
|
|
1773
1682
|
// *** CORE *** //
|
|
1774
1683
|
account_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
@@ -2397,26 +2306,18 @@ const st = {
|
|
|
2397
2306
|
<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)"/>
|
|
2398
2307
|
</g>
|
|
2399
2308
|
</svg>`
|
|
2400
|
-
},
|
|
2401
|
-
var
|
|
2402
|
-
for (var s =
|
|
2403
|
-
(i = a[n]) && (s =
|
|
2404
|
-
return
|
|
2405
|
-
}
|
|
2406
|
-
const
|
|
2309
|
+
}, We = ":host{display:inline-block;width:fit-content;height:fit-content;--_nys-icon-size: var( --nys-icon-size, .7em );box-sizing:content-box!important}@supports (font-size: 1cap){:host{--_nys-icon-size: var(--nys-icon-size, 1cap)}}.nys-icon--svg{width:var(--_nys-icon-size, 1em);height:var(--_nys-icon-size, 1em);display:block;white-space:nowrap}.nys-icon--xs{width:calc(var(--_nys-icon-size) * .75);height:calc(var(--_nys-icon-size) * .75)}.nys-icon--sm{width:calc(var(--_nys-icon-size) * .875);height:calc(var(--_nys-icon-size) * .875)}.nys-icon--md{width:var(--_nys-icon-size);height:var(--_nys-icon-size)}.nys-icon--lg{width:calc(var(--_nys-icon-size) * 1.125);height:calc(var(--_nys-icon-size) * 1.125)}.nys-icon--xl{width:calc(var(--_nys-icon-size) * 1.25);height:calc(var(--_nys-icon-size) * 1.25)}.nys-icon--2xl{width:calc(var(--_nys-icon-size) * 1.5);height:calc(var(--_nys-icon-size) * 1.5)}.nys-icon--3xl{width:calc(var(--_nys-icon-size) * 1.875);height:calc(var(--_nys-icon-size) * 1.875)}.nys-icon--4xl{width:calc(var(--_nys-icon-size) * 2.25);height:calc(var(--_nys-icon-size) * 2.25)}.nys-icon--5xl{width:calc(var(--_nys-icon-size) * 3);height:calc(var(--_nys-icon-size) * 3)}.nys-icon--12{width:.75rem;height:.75rem}.nys-icon--14{width:.875rem;height:.875rem}.nys-icon--16{width:1rem;height:1rem}.nys-icon--18{width:1.125rem;height:1.125rem}.nys-icon--20{width:1.25rem;height:1.25rem}.nys-icon--24{width:1.5rem;height:1.5rem}.nys-icon--32{width:2rem;height:2rem}.nys-icon--40{width:2.5rem;height:2.5rem}.nys-icon--50{width:3.125rem;height:3.125rem}.nys-icon--flip-horizontal{transform:scaleX(-1)}.nys-icon--flip-vertical{transform:scaleY(-1)}.nys-icon--flip-both{transform:scale(-1)}";
|
|
2310
|
+
var Ye = Object.defineProperty, y1 = (a, e, t, o) => {
|
|
2311
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
2312
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
2313
|
+
return s && Ye(e, t, s), s;
|
|
2314
|
+
};
|
|
2315
|
+
const G1 = class G1 extends u {
|
|
2407
2316
|
constructor() {
|
|
2408
|
-
super(...arguments), this.name = "", this.ariaLabel = "", this.rotate = "0", this.flip = "", this.color = "", this.
|
|
2409
|
-
}
|
|
2410
|
-
get size() {
|
|
2411
|
-
return this._size;
|
|
2412
|
-
}
|
|
2413
|
-
set size(e) {
|
|
2414
|
-
this._size = i1.VALID_TYPES.includes(
|
|
2415
|
-
e
|
|
2416
|
-
) ? e : "md";
|
|
2317
|
+
super(...arguments), this.name = "", this.ariaLabel = "", this.rotate = "0", this.flip = "", this.color = "", this.size = "md";
|
|
2417
2318
|
}
|
|
2418
2319
|
getIcon() {
|
|
2419
|
-
const e =
|
|
2320
|
+
const e = Ge[this.name];
|
|
2420
2321
|
if (!e) return null;
|
|
2421
2322
|
const s = new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
|
|
2422
2323
|
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;
|
|
@@ -2425,53 +2326,35 @@ const g1 = (i1 = class extends u {
|
|
|
2425
2326
|
const e = this.getIcon();
|
|
2426
2327
|
return e ? l`${e}` : null;
|
|
2427
2328
|
}
|
|
2428
|
-
}
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
"lg",
|
|
2433
|
-
"xl",
|
|
2434
|
-
"2xl",
|
|
2435
|
-
"3xl",
|
|
2436
|
-
"4xl",
|
|
2437
|
-
"5xl",
|
|
2438
|
-
"12",
|
|
2439
|
-
"14",
|
|
2440
|
-
"16",
|
|
2441
|
-
"18",
|
|
2442
|
-
"20",
|
|
2443
|
-
"24",
|
|
2444
|
-
"32",
|
|
2445
|
-
"40",
|
|
2446
|
-
"50"
|
|
2447
|
-
], i1);
|
|
2448
|
-
w1([
|
|
2329
|
+
};
|
|
2330
|
+
G1.styles = p(We);
|
|
2331
|
+
let K = G1;
|
|
2332
|
+
y1([
|
|
2449
2333
|
r({ type: String, reflect: !0 })
|
|
2450
|
-
],
|
|
2451
|
-
|
|
2334
|
+
], K.prototype, "name");
|
|
2335
|
+
y1([
|
|
2452
2336
|
r({ type: String })
|
|
2453
|
-
],
|
|
2454
|
-
|
|
2337
|
+
], K.prototype, "ariaLabel");
|
|
2338
|
+
y1([
|
|
2455
2339
|
r({ type: String })
|
|
2456
|
-
],
|
|
2457
|
-
|
|
2340
|
+
], K.prototype, "rotate");
|
|
2341
|
+
y1([
|
|
2458
2342
|
r({ type: String })
|
|
2459
|
-
],
|
|
2460
|
-
|
|
2343
|
+
], K.prototype, "flip");
|
|
2344
|
+
y1([
|
|
2461
2345
|
r({ type: String })
|
|
2462
|
-
],
|
|
2463
|
-
|
|
2464
|
-
r({
|
|
2465
|
-
],
|
|
2466
|
-
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
var
|
|
2470
|
-
for (var s = o > 1 ? void 0 : o ? ct(e, t) : e, n = a.length - 1, i; n >= 0; n--)
|
|
2346
|
+
], K.prototype, "color");
|
|
2347
|
+
y1([
|
|
2348
|
+
r({ type: String })
|
|
2349
|
+
], K.prototype, "size");
|
|
2350
|
+
customElements.get("nys-icon") || customElements.define("nys-icon", K);
|
|
2351
|
+
const Xe = ':host{--_nys-label-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-label-font-weight: var(--nys-font-weight-semibold, 600);--_nys-label-font-size: var(--nys-font-size-ui-md, 16px);--_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-label-color: var(--nys-color-text, #1b1b1b);--_nys-label-cursor: normal;--_nys-description-font-weight: var(--nys-font-weight-regular, 400);--_nys-description-font-style: italic;--_nys-description-font-color: var(--nys-color-text, #1b1b1b);--_nys-required-font-color: var(--nys-color-danger, #b52c2c);--_nys-optional-font-weight: var(--nys-font-weight-regular, 400);--_nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-label-gap: var(--nys-space-4px, 4px)}.nys-label{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--_nys-label-font-family);font-size:var(--_nys-label-font-size);line-height:var(--_nys-label-line-height);letter-spacing:var(--_nys-label-letter-spacing)}.nys-label *{cursor:var(--_nys-label-cursor)}.nys-label__label{display:flex;gap:var(--_nys-label-gap);text-align:left;font-weight:var(--_nys-label-font-weight);color:var(--_nys-label-color)}.nys-label__description{text-align:left;font-weight:var(--_nys-description-font-weight);font-style:var(--_nys-description-font-style);color:var(--_nys-description-font-color)}.nys-label__required{display:contents;font-weight:var(--_nys-label-font-weight);color:var(--_nys-required-font-color)}.nys-label__optional{display:contents;font-weight:var(--_nys-optional-font-weight);color:var(--_nys-optional-font-color)}.nys-label__tooltip-wrapper{display:flex;gap:2px;align-items:center}.nys-label.invert .nys-label__label,.nys-label.invert .nys-label__description,.nys-label.invert .nys-label__optional{color:var(--nys-color-text-reverse, #fff)}.nys-label.invert .nys-label__tooltip-icon{color:var(--nys-color-ink-reverse, #fff)}';
|
|
2352
|
+
var Qe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, u1 = (a, e, t, o) => {
|
|
2353
|
+
for (var s = o > 1 ? void 0 : o ? Je(e, t) : e, n = a.length - 1, i; n >= 0; n--)
|
|
2471
2354
|
(i = a[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
|
|
2472
|
-
return o && s &&
|
|
2355
|
+
return o && s && Qe(e, t, s), s;
|
|
2473
2356
|
};
|
|
2474
|
-
const
|
|
2357
|
+
const W1 = class W1 extends u {
|
|
2475
2358
|
constructor() {
|
|
2476
2359
|
super(...arguments), this.for = "", this.label = "", this.description = "", this.flag = "", this.inverted = !1, this._tooltip = "";
|
|
2477
2360
|
}
|
|
@@ -2491,15 +2374,18 @@ const G1 = class G1 extends u {
|
|
|
2491
2374
|
${this.flag === "optional" ? l`<div class="nys-label__optional">(Optional)</div>` : ""}</label
|
|
2492
2375
|
>
|
|
2493
2376
|
${this._tooltip ? l`<nys-tooltip
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2377
|
+
text="${this._tooltip}"
|
|
2378
|
+
position="top"
|
|
2379
|
+
focusable
|
|
2380
|
+
?inverted=${this.inverted}
|
|
2381
|
+
for="tooltip-icon-${this.for}"
|
|
2382
|
+
>
|
|
2383
|
+
</nys-tooltip>
|
|
2384
|
+
<nys-icon
|
|
2385
|
+
id="tooltip-icon-${this.for}"
|
|
2386
|
+
name="info"
|
|
2387
|
+
size="3xl"
|
|
2388
|
+
></nys-icon> ` : ""}
|
|
2503
2389
|
</div>
|
|
2504
2390
|
<label for=${this.for} class="nys-label__description">
|
|
2505
2391
|
<slot name="description">${this.description}</slot>
|
|
@@ -2508,50 +2394,41 @@ const G1 = class G1 extends u {
|
|
|
2508
2394
|
`;
|
|
2509
2395
|
}
|
|
2510
2396
|
};
|
|
2511
|
-
|
|
2512
|
-
let
|
|
2513
|
-
|
|
2397
|
+
W1.styles = p(Xe);
|
|
2398
|
+
let G = W1;
|
|
2399
|
+
u1([
|
|
2514
2400
|
r({ type: String })
|
|
2515
|
-
],
|
|
2516
|
-
|
|
2401
|
+
], G.prototype, "for", 2);
|
|
2402
|
+
u1([
|
|
2517
2403
|
r({ type: String })
|
|
2518
|
-
],
|
|
2519
|
-
|
|
2404
|
+
], G.prototype, "label", 2);
|
|
2405
|
+
u1([
|
|
2520
2406
|
r({ type: String })
|
|
2521
|
-
],
|
|
2522
|
-
|
|
2407
|
+
], G.prototype, "description", 2);
|
|
2408
|
+
u1([
|
|
2523
2409
|
r({ type: String })
|
|
2524
|
-
],
|
|
2525
|
-
|
|
2410
|
+
], G.prototype, "flag", 2);
|
|
2411
|
+
u1([
|
|
2526
2412
|
r({ type: Boolean, reflect: !0 })
|
|
2527
|
-
],
|
|
2528
|
-
|
|
2413
|
+
], G.prototype, "inverted", 2);
|
|
2414
|
+
u1([
|
|
2529
2415
|
r({ type: String })
|
|
2530
|
-
],
|
|
2531
|
-
customElements.get("nys-label") || customElements.define("nys-label",
|
|
2532
|
-
const
|
|
2533
|
-
var
|
|
2534
|
-
for (var s =
|
|
2535
|
-
(i = a[n]) && (s =
|
|
2536
|
-
return
|
|
2416
|
+
], G.prototype, "tooltip", 1);
|
|
2417
|
+
customElements.get("nys-label") || customElements.define("nys-label", G);
|
|
2418
|
+
const et = ':host{--_nys-modal-width: 480px;--_nys-modal-min-width: 320px;--_nys-modal-border-radius: var(--nys-radius-lg, 8px);--_nys-modal-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-modal-border-width: 1px;--_nys-modal-background-color: var(--nys-color-surface, #fff);--_nys-modal-margin: var(--nys-space-250, 20px);--_nys-modal-padding: var(--nys-space-300, 24px);--_nys-modal-gap: var(--nys-space-200, 16px);--_nys-modal-background-color--overlay: var( --nys-color-black-transparent-700, rgba(27, 27, 27, .7) );--_nys-modal-gap--header: var(--nys-space-100, 8px);--_nys-modal-gap--footer: var(--nys-space-250, 20px);--_nys-modal-font-size: var(--nys-font-size-ui-md, 16px);--_nys-modal-font-weight--header: var(--nys-font-weight-bold, 700);--_nys-modal-font-weight--subheader: var(--nys-font-weight-regular, 400);--_nys-modal-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-modal-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}*{box-sizing:border-box}::slotted(p){margin:0!important}h2,p{flex:1;margin:0}.nys-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--_nys-modal-background-color--overlay)}.nys-modal{display:flex;flex-direction:column;margin:var(--_nys-modal-margin);padding:var(--_nys-modal-padding);gap:var(--_nys-modal-gap);width:var(--_nys-modal-width);min-width:var(--_nys-modal-min-width);border-radius:var(--_nys-modal-border-radius);border:var(--_nys-modal-border-width) solid var(--_nys-modal-border-color);font-family:var(--_nys-modal-font-family);font-size:var(--_nys-modal-font-size);line-height:var(--_nys-modal-line-height);background:var(--_nys-modal-background-color);position:relative;z-index:10000}.nys-modal_header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-modal-gap--header)}.nys-modal_header p{font-weight:var(--_nys-modal-font-weight--subheader)}.nys-modal_header-inner{display:flex;align-items:center;width:100%;font-weight:var(--_nys-modal-font-weight--header)}.nys-modal_body{display:flex;flex-direction:column;align-items:flex-start}.nys-modal_body-inner{overflow:auto;width:100%;max-height:45vh}.nys-modal_body.hidden{display:none}.nys-modal_footer ::slotted(*){display:flex;flex-direction:column-reverse;justify-content:center;gap:var(--_nys-modal-gap--footer);align-self:stretch}.nys-modal_footer.hidden ::slotted(*){display:none}@media(min-width:480px){.nys-modal_body-inner{max-height:25vh}.nys-modal_footer ::slotted(*){flex-direction:row;justify-content:flex-end;align-items:center}}';
|
|
2419
|
+
var tt = Object.defineProperty, r1 = (a, e, t, o) => {
|
|
2420
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
2421
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
2422
|
+
return s && tt(e, t, s), s;
|
|
2537
2423
|
};
|
|
2538
|
-
let
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
/**************** Lifecycle Methods ****************/
|
|
2424
|
+
let st = 0;
|
|
2425
|
+
const Y1 = class Y1 extends u {
|
|
2426
|
+
// Lifecycle Methods
|
|
2542
2427
|
constructor() {
|
|
2543
|
-
super(), this.id = "", this.heading = "", this.subheading = "", this.open = !1, this.mandatory = !1, this.
|
|
2544
|
-
}
|
|
2545
|
-
get width() {
|
|
2546
|
-
return this._width;
|
|
2547
|
-
}
|
|
2548
|
-
set width(e) {
|
|
2549
|
-
this._width = a1.VALID_WIDTHS.includes(
|
|
2550
|
-
e
|
|
2551
|
-
) ? e : "md";
|
|
2428
|
+
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;
|
|
2552
2429
|
}
|
|
2553
2430
|
connectedCallback() {
|
|
2554
|
-
super.connectedCallback(), this.id || (this.id = `nys-{{componentName}}-${Date.now()}-${
|
|
2431
|
+
super.connectedCallback(), this.id || (this.id = `nys-{{componentName}}-${Date.now()}-${st++}`), window.addEventListener("resize", () => this._updateSlottedButtonWidth()), window.addEventListener("keydown", (e) => this._handleKeydown(e));
|
|
2555
2432
|
}
|
|
2556
2433
|
disconnectedCallback() {
|
|
2557
2434
|
super.disconnectedCallback(), this._restoreBodyScroll(), window.removeEventListener("keydown", (e) => this._handleKeydown(e));
|
|
@@ -2559,7 +2436,7 @@ const r1 = (a1 = class extends u {
|
|
|
2559
2436
|
async updated(e) {
|
|
2560
2437
|
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()));
|
|
2561
2438
|
}
|
|
2562
|
-
|
|
2439
|
+
// Functions
|
|
2563
2440
|
_hideBodyScroll() {
|
|
2564
2441
|
this._originalBodyOverflow === null && (this._originalBodyOverflow = document.body.style.overflow), document.body.style.overflow = "hidden";
|
|
2565
2442
|
}
|
|
@@ -2643,7 +2520,7 @@ const r1 = (a1 = class extends u {
|
|
|
2643
2520
|
e.setAttribute("ariaLabel", "Close this window");
|
|
2644
2521
|
}, 100));
|
|
2645
2522
|
}
|
|
2646
|
-
|
|
2523
|
+
// Event Handlers
|
|
2647
2524
|
async _handleKeydown(e) {
|
|
2648
2525
|
if (this.open && (e.key === "Escape" && !this.mandatory && (e.preventDefault(), this._closeModal()), e.key === "Tab")) {
|
|
2649
2526
|
const t = this.shadowRoot?.querySelector(".nys-modal");
|
|
@@ -2652,25 +2529,25 @@ const r1 = (a1 = class extends u {
|
|
|
2652
2529
|
n && s.push(n);
|
|
2653
2530
|
const i = Array.from(t.querySelectorAll("slot"));
|
|
2654
2531
|
for (const c of i) {
|
|
2655
|
-
const
|
|
2656
|
-
for (const y of
|
|
2532
|
+
const d = c.assignedElements({ flatten: !0 });
|
|
2533
|
+
for (const y of d)
|
|
2657
2534
|
y instanceof HTMLElement && y.matches(o) && s.push(y), y.querySelectorAll("nys-button").forEach(
|
|
2658
|
-
(
|
|
2659
|
-
s.push(
|
|
2535
|
+
(D) => {
|
|
2536
|
+
s.push(D);
|
|
2660
2537
|
}
|
|
2661
2538
|
);
|
|
2662
2539
|
}
|
|
2663
2540
|
if (s.length > 0) {
|
|
2664
|
-
const c = s[0],
|
|
2665
|
-
let y = document.activeElement,
|
|
2541
|
+
const c = s[0], d = s[s.length - 1];
|
|
2542
|
+
let y = document.activeElement, D = s.indexOf(y);
|
|
2666
2543
|
if (e.shiftKey) {
|
|
2667
2544
|
e.preventDefault();
|
|
2668
|
-
let
|
|
2669
|
-
|
|
2670
|
-
const
|
|
2671
|
-
s[
|
|
2545
|
+
let F = D - 1;
|
|
2546
|
+
F < 0 && (F = s.length - 1);
|
|
2547
|
+
const U = s[F];
|
|
2548
|
+
s[F].tagName.toLowerCase() === "nys-button" ? (await U.getButtonElement())?.focus() : U.focus();
|
|
2672
2549
|
} else
|
|
2673
|
-
y ===
|
|
2550
|
+
y === d && (e.preventDefault(), c.tagName.toLowerCase() === "nys-button" ? (await c.getButtonElement())?.focus() : c.focus());
|
|
2674
2551
|
}
|
|
2675
2552
|
}
|
|
2676
2553
|
}
|
|
@@ -2720,42 +2597,43 @@ const r1 = (a1 = class extends u {
|
|
|
2720
2597
|
</div>
|
|
2721
2598
|
</div>` : "";
|
|
2722
2599
|
}
|
|
2723
|
-
}
|
|
2724
|
-
|
|
2600
|
+
};
|
|
2601
|
+
Y1.styles = p(et);
|
|
2602
|
+
let R = Y1;
|
|
2603
|
+
r1([
|
|
2725
2604
|
r({ type: String, reflect: !0 })
|
|
2726
|
-
],
|
|
2727
|
-
|
|
2605
|
+
], R.prototype, "id");
|
|
2606
|
+
r1([
|
|
2728
2607
|
r({ type: String })
|
|
2729
|
-
],
|
|
2730
|
-
|
|
2608
|
+
], R.prototype, "heading");
|
|
2609
|
+
r1([
|
|
2731
2610
|
r({ type: String })
|
|
2732
|
-
],
|
|
2733
|
-
|
|
2611
|
+
], R.prototype, "subheading");
|
|
2612
|
+
r1([
|
|
2734
2613
|
r({ type: Boolean, reflect: !0 })
|
|
2735
|
-
],
|
|
2736
|
-
|
|
2614
|
+
], R.prototype, "open");
|
|
2615
|
+
r1([
|
|
2737
2616
|
r({ type: Boolean, reflect: !0 })
|
|
2738
|
-
],
|
|
2739
|
-
|
|
2740
|
-
r({ reflect: !0 })
|
|
2741
|
-
],
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
],
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
],
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
var ft = Object.defineProperty, D1 = (a, e, t, o) => {
|
|
2617
|
+
], R.prototype, "mandatory");
|
|
2618
|
+
r1([
|
|
2619
|
+
r({ type: String, reflect: !0 })
|
|
2620
|
+
], R.prototype, "width");
|
|
2621
|
+
r1([
|
|
2622
|
+
z()
|
|
2623
|
+
], R.prototype, "hasBodySlots");
|
|
2624
|
+
r1([
|
|
2625
|
+
z()
|
|
2626
|
+
], R.prototype, "hasActionSlots");
|
|
2627
|
+
customElements.get("nys-modal") || customElements.define("nys-modal", R);
|
|
2628
|
+
const ot = ':host{--_nys-pagination-width: fit-content;--_nys-pagination-height: var(--nys-size-500, 40px);--_nys-pagination-radius: var(--nys-radius-xl, 12px);--_nys-pagination-gap: var(--nys-space-100, 8px);--_nys-pagination-font-size: var(--nys-font-size-ui-md, 16px);--_nys-pagination-font-weight: var(--nys-font-weight-semibold, 600);--_nys-pagination-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-pagination-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}.nys-pagination{width:var(--_nys-pagination-width);height:var(--_nys-pagination-height);border-radius:var(--_nys-pagination-radius);display:flex;align-items:center;justify-content:center;gap:var(--_nys-pagination-gap);font-family:var(--_nys-pagination-font-family);font-size:var(--_nys-pagination-font-size);font-weight:var(--_nys-pagination-font-weight);line-height:var(--_nys-pagination-line-height)}nys-button{--_nys-button-height: var(--_nys-pagination-height);--_nys-button-border-width: var(--nys-border-width-sm, 1px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--x: var(--nys-space-200, 16px)}nys-button[variant=outline]{--nys-button-background-color: var(--nys-color-ink-reverse, #fff);--nys-button-background-color--hover: var(--nys-color-neutral-10, #f6f6f6);--nys-button-background-color--active: var(--nys-color-neutral-50, #ededed);--nys-button-border-color: var(--nys-color-neutral-200, #bec0c1);--nys-button-border-color--hover: var(--nys-color-neutral-600, #62666a);--nys-button-border-color--active: var(--nys-color-neutral-900, #1b1b1b);--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strong, #003ba1)}nys-button[variant=filled]{--nys-button-background-color: var(--nys-color-link, #004dd1);--nys-button-background-color--hover: var( --nys-color-link-strong, ##003ba1 );--nys-button-background-color--active: var( --nys-color-link-strongest, ##002971 );--nys-button-border-color: var(--nys-color-link, #004dd1);--nys-button-border-color--hover: var(--nys-color-link-strong, ##003ba1);--nys-button-border-color--active: var( --nys-color-link-strongest, ##002971 );--nys-button-color: var(--nys-color-ink-reverse, #fff);--nys-button-color--hover: var(--nys-color-ink-reverse, #fff);--nys-button-color--active: var(--nys-color-ink-reverse, #fff)}nys-button#previous,nys-button#next,nys-button#previous--mobile,nys-button#next--mobile{--nys-button-color: var(--nys-color-text, ##1b1b1b);--nys-button-color--hover: var(--nys-color-text, ##1b1b1b);--nys-button-color--active: var(--nys-color-text, ##1b1b1b);--_nys-button-padding--x: var(--nys-space-150, 12px)}nys-button#previous--mobile,nys-button#next--mobile{display:none}nys-button.spacer{--nys-button-border-color: transparent;--nys-button-border-color--hover: transparent;--nys-button-border-color--active: transparent;--nys-button-background-color: transparent;--nys-button-background-color--hover: transparent;--nys-button-background-color--active: transparent;--nys-button-color: var(--nys-color-text, ##1b1b1b);--nys-button-color--hover: var(--nys-color-text, ##1b1b1b);--nys-button-color--active: var(--nys-color-text, ##1b1b1b);--_nys-button-padding--x: var(--nys-space-1px, 1px);--_nys-button-cursor: default}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:none}@media(min-width:0)and (max-width:767px){nys-button#prev-page,nys-button#next-page{display:none}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:block}nys-button#previous--mobile,nys-button#next--mobile{display:block}nys-button#previous,nys-button#next{display:none}}';
|
|
2629
|
+
var rt = Object.defineProperty, C1 = (a, e, t, o) => {
|
|
2752
2630
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
2753
2631
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
2754
|
-
return s &&
|
|
2632
|
+
return s && rt(e, t, s), s;
|
|
2755
2633
|
};
|
|
2756
|
-
let
|
|
2634
|
+
let nt = 0;
|
|
2757
2635
|
const X1 = class X1 extends u {
|
|
2758
|
-
|
|
2636
|
+
// Lifecycle Methods
|
|
2759
2637
|
constructor() {
|
|
2760
2638
|
super(), this.id = "", this.name = "", this.currentPage = 1, this.totalPages = 1, this._twoBeforeLast = !1;
|
|
2761
2639
|
}
|
|
@@ -2769,36 +2647,36 @@ const X1 = class X1 extends u {
|
|
|
2769
2647
|
}
|
|
2770
2648
|
// Generate a unique ID if one is not provided
|
|
2771
2649
|
connectedCallback() {
|
|
2772
|
-
super.connectedCallback(), this.id || (this.id = `nys-pagination-${Date.now()}-${
|
|
2650
|
+
super.connectedCallback(), this.id || (this.id = `nys-pagination-${Date.now()}-${nt++}`);
|
|
2773
2651
|
}
|
|
2774
|
-
|
|
2652
|
+
// Functions
|
|
2775
2653
|
_clampPage(e) {
|
|
2776
2654
|
return e < 1 ? 1 : e > this.totalPages ? this.totalPages : e;
|
|
2777
2655
|
}
|
|
2778
2656
|
renderPageButtons() {
|
|
2779
|
-
const e = [], t = (
|
|
2657
|
+
const e = [], t = (d, y) => {
|
|
2780
2658
|
e.push(l`
|
|
2781
2659
|
<nys-button
|
|
2782
|
-
label=${String(
|
|
2783
|
-
ariaLabel="Page ${
|
|
2784
|
-
id=${
|
|
2785
|
-
variant=${this.currentPage ===
|
|
2786
|
-
@nys-click="${() => this._handlePageClick(
|
|
2660
|
+
label=${String(d)}
|
|
2661
|
+
ariaLabel="Page ${d}"
|
|
2662
|
+
id=${h(y)}
|
|
2663
|
+
variant=${this.currentPage === d ? "filled" : "outline"}
|
|
2664
|
+
@nys-click="${() => this._handlePageClick(d)}"
|
|
2787
2665
|
></nys-button>
|
|
2788
2666
|
`);
|
|
2789
|
-
}, o = (
|
|
2667
|
+
}, o = (d) => {
|
|
2790
2668
|
e.push(
|
|
2791
2669
|
l`<nys-button
|
|
2792
2670
|
label="..."
|
|
2793
2671
|
class="spacer"
|
|
2794
2672
|
tabindex="-1"
|
|
2795
|
-
id=${
|
|
2673
|
+
id=${d}
|
|
2796
2674
|
></nys-button>`
|
|
2797
2675
|
);
|
|
2798
2676
|
}, n = this.totalPages, i = this.currentPage - 1, c = this.currentPage + 1;
|
|
2799
2677
|
return t(1), this.currentPage > 2 && o("first-spacer"), i > 1 && t(i, "prev-page"), this.currentPage !== 1 && this.currentPage !== n && t(this.currentPage, "current-page"), c < n && t(c, "next-page"), this.currentPage < n - 1 && o("last-spacer"), n > 1 && t(n), e;
|
|
2800
2678
|
}
|
|
2801
|
-
|
|
2679
|
+
// Event Handlers
|
|
2802
2680
|
_handlePageClick(e) {
|
|
2803
2681
|
this.currentPage = this._clampPage(e), this.dispatchEvent(
|
|
2804
2682
|
new CustomEvent("nys-change", {
|
|
@@ -2848,48 +2726,39 @@ const X1 = class X1 extends u {
|
|
|
2848
2726
|
/****************** 🪡 in the Haystack Release ******/
|
|
2849
2727
|
/****************** designsystem@its.ny.gov ********/
|
|
2850
2728
|
};
|
|
2851
|
-
X1.styles = p(
|
|
2852
|
-
let
|
|
2853
|
-
|
|
2729
|
+
X1.styles = p(ot);
|
|
2730
|
+
let J = X1;
|
|
2731
|
+
C1([
|
|
2854
2732
|
r({ type: String, reflect: !0 })
|
|
2855
|
-
],
|
|
2856
|
-
|
|
2733
|
+
], J.prototype, "id");
|
|
2734
|
+
C1([
|
|
2857
2735
|
r({ type: String, reflect: !0 })
|
|
2858
|
-
],
|
|
2859
|
-
|
|
2736
|
+
], J.prototype, "name");
|
|
2737
|
+
C1([
|
|
2860
2738
|
r({ type: Number, reflect: !0 })
|
|
2861
|
-
],
|
|
2862
|
-
|
|
2739
|
+
], J.prototype, "currentPage");
|
|
2740
|
+
C1([
|
|
2863
2741
|
r({ type: Number, reflect: !0 })
|
|
2864
|
-
],
|
|
2865
|
-
|
|
2742
|
+
], J.prototype, "totalPages");
|
|
2743
|
+
C1([
|
|
2866
2744
|
r({ type: Boolean, reflect: !0 })
|
|
2867
|
-
],
|
|
2868
|
-
customElements.get("nys-pagination") || customElements.define("nys-pagination",
|
|
2745
|
+
], J.prototype, "_twoBeforeLast");
|
|
2746
|
+
customElements.get("nys-pagination") || customElements.define("nys-pagination", J);
|
|
2869
2747
|
const ce = `:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var( --nys-color-theme, #154973 );--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--tile: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;align-items:center;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}input:not(:disabled):checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked:hover)+.nys-radiobutton .nys-radiobutton__radio{cursor:default}input:disabled:checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(input:disabled:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-background-color--tile--disabled);background-color:var(--_nys-radiobutton-border-color--tile--disabled)}input:disabled+.nys-radiobutton,input:disabled+.nys-radiobutton *{cursor:not-allowed}input:disabled+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}:host([tile]) .nys-radiobutton:has(input:disabled)+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) .nys-radiobutton:has(input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio){border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) .nys-radiobutton:has(input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio){border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host:focus-visible,:host(.active-focus){outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}.nys-radiobutton>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton>nys-label,input:disabled+.nys-radiobutton>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;
|
|
2870
|
-
var
|
|
2871
|
-
for (var s =
|
|
2872
|
-
(i = a[n]) && (s =
|
|
2873
|
-
return
|
|
2748
|
+
var it = Object.defineProperty, V = (a, e, t, o) => {
|
|
2749
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
2750
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
2751
|
+
return s && it(e, t, s), s;
|
|
2874
2752
|
};
|
|
2875
|
-
let
|
|
2876
|
-
|
|
2877
|
-
const L = (Q = class extends u {
|
|
2753
|
+
let at = 0;
|
|
2754
|
+
const z1 = class z1 extends u {
|
|
2878
2755
|
// allows use of elementInternals' API
|
|
2879
2756
|
constructor() {
|
|
2880
|
-
super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.
|
|
2881
|
-
}
|
|
2882
|
-
get size() {
|
|
2883
|
-
return this._size;
|
|
2884
|
-
}
|
|
2885
|
-
set size(e) {
|
|
2886
|
-
this._size = Q.VALID_SIZES.includes(
|
|
2887
|
-
e
|
|
2888
|
-
) ? e : "md";
|
|
2757
|
+
super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.tooltip = "", this.inverted = !1, this.form = null, this.size = "md", this.selectedValue = null, this._slottedDescriptionText = "", this._internals = this.attachInternals();
|
|
2889
2758
|
}
|
|
2890
2759
|
// Generate a unique ID if one is not provided
|
|
2891
2760
|
connectedCallback() {
|
|
2892
|
-
super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${
|
|
2761
|
+
super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${at++}`), this.addEventListener("nys-change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
|
|
2893
2762
|
}
|
|
2894
2763
|
disconnectedCallback() {
|
|
2895
2764
|
super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleRadioButtonChange), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -2906,7 +2775,7 @@ const L = (Q = class extends u {
|
|
|
2906
2775
|
t.formResetUpdate();
|
|
2907
2776
|
});
|
|
2908
2777
|
}
|
|
2909
|
-
|
|
2778
|
+
// Form Integration
|
|
2910
2779
|
_setValue() {
|
|
2911
2780
|
this._internals.setFormValue(this.selectedValue);
|
|
2912
2781
|
}
|
|
@@ -2935,7 +2804,7 @@ const L = (Q = class extends u {
|
|
|
2935
2804
|
const e = this.querySelector("nys-radiobutton[checked]");
|
|
2936
2805
|
e && (this.selectedValue = e.getAttribute("value"), this._internals.setFormValue(this.selectedValue));
|
|
2937
2806
|
}
|
|
2938
|
-
|
|
2807
|
+
// Core Keyboard & Click Logic
|
|
2939
2808
|
_getAllRadios() {
|
|
2940
2809
|
return Array.from(
|
|
2941
2810
|
this.querySelectorAll("nys-radiobutton")
|
|
@@ -2964,7 +2833,7 @@ const L = (Q = class extends u {
|
|
|
2964
2833
|
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");
|
|
2965
2834
|
});
|
|
2966
2835
|
}
|
|
2967
|
-
|
|
2836
|
+
// Functions
|
|
2968
2837
|
// Apply ARIA & initial tabindex to each child radio
|
|
2969
2838
|
_initializeChildAttributes() {
|
|
2970
2839
|
this._getAllRadios().forEach((t) => {
|
|
@@ -3004,7 +2873,7 @@ const L = (Q = class extends u {
|
|
|
3004
2873
|
)?.assignedNodes({ flatten: !0 }) || [];
|
|
3005
2874
|
this._slottedDescriptionText = t.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
|
|
3006
2875
|
}
|
|
3007
|
-
|
|
2876
|
+
// Event Handlers
|
|
3008
2877
|
// Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
|
|
3009
2878
|
_handleRadioButtonChange(e) {
|
|
3010
2879
|
const t = e, { name: o, value: s } = t.detail;
|
|
@@ -3027,10 +2896,11 @@ const L = (Q = class extends u {
|
|
|
3027
2896
|
render() {
|
|
3028
2897
|
return l`<div class="nys-radiogroup">
|
|
3029
2898
|
<nys-label
|
|
2899
|
+
for=${this.id + "--native"}
|
|
3030
2900
|
label=${this.label}
|
|
3031
2901
|
description=${this.description}
|
|
3032
2902
|
flag=${this.required ? "required" : this.optional ? "optional" : ""}
|
|
3033
|
-
|
|
2903
|
+
tooltip=${this.tooltip}
|
|
3034
2904
|
?inverted=${this.inverted}
|
|
3035
2905
|
>
|
|
3036
2906
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -3050,72 +2920,65 @@ const L = (Q = class extends u {
|
|
|
3050
2920
|
></nys-errormessage>
|
|
3051
2921
|
</div>`;
|
|
3052
2922
|
}
|
|
3053
|
-
}
|
|
3054
|
-
|
|
2923
|
+
};
|
|
2924
|
+
z1.styles = p(ce), z1.formAssociated = !0;
|
|
2925
|
+
let k = z1;
|
|
2926
|
+
V([
|
|
3055
2927
|
r({ type: String, reflect: !0 })
|
|
3056
|
-
],
|
|
3057
|
-
|
|
2928
|
+
], k.prototype, "id");
|
|
2929
|
+
V([
|
|
3058
2930
|
r({ type: String, reflect: !0 })
|
|
3059
|
-
],
|
|
3060
|
-
|
|
2931
|
+
], k.prototype, "name");
|
|
2932
|
+
V([
|
|
3061
2933
|
r({ type: Boolean, reflect: !0 })
|
|
3062
|
-
],
|
|
3063
|
-
|
|
2934
|
+
], k.prototype, "required");
|
|
2935
|
+
V([
|
|
3064
2936
|
r({ type: Boolean, reflect: !0 })
|
|
3065
|
-
],
|
|
3066
|
-
|
|
2937
|
+
], k.prototype, "optional");
|
|
2938
|
+
V([
|
|
3067
2939
|
r({ type: Boolean, reflect: !0 })
|
|
3068
|
-
],
|
|
3069
|
-
|
|
2940
|
+
], k.prototype, "showError");
|
|
2941
|
+
V([
|
|
3070
2942
|
r({ type: String })
|
|
3071
|
-
],
|
|
3072
|
-
|
|
2943
|
+
], k.prototype, "errorMessage");
|
|
2944
|
+
V([
|
|
3073
2945
|
r({ type: String })
|
|
3074
|
-
],
|
|
3075
|
-
|
|
2946
|
+
], k.prototype, "label");
|
|
2947
|
+
V([
|
|
3076
2948
|
r({ type: String })
|
|
3077
|
-
],
|
|
3078
|
-
|
|
2949
|
+
], k.prototype, "description");
|
|
2950
|
+
V([
|
|
3079
2951
|
r({ type: Boolean, reflect: !0 })
|
|
3080
|
-
],
|
|
3081
|
-
|
|
2952
|
+
], k.prototype, "tile");
|
|
2953
|
+
V([
|
|
3082
2954
|
r({ type: String })
|
|
3083
|
-
],
|
|
3084
|
-
|
|
2955
|
+
], k.prototype, "tooltip");
|
|
2956
|
+
V([
|
|
3085
2957
|
r({ type: Boolean, reflect: !0 })
|
|
3086
|
-
],
|
|
3087
|
-
|
|
2958
|
+
], k.prototype, "inverted");
|
|
2959
|
+
V([
|
|
3088
2960
|
r({ type: String, reflect: !0 })
|
|
3089
|
-
],
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
],
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
],
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
],
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
var
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
return o && s && xt(e, t, s), s;
|
|
2961
|
+
], k.prototype, "form");
|
|
2962
|
+
V([
|
|
2963
|
+
r({ type: String, reflect: !0 })
|
|
2964
|
+
], k.prototype, "size");
|
|
2965
|
+
V([
|
|
2966
|
+
z()
|
|
2967
|
+
], k.prototype, "selectedValue");
|
|
2968
|
+
V([
|
|
2969
|
+
z()
|
|
2970
|
+
], k.prototype, "_slottedDescriptionText");
|
|
2971
|
+
customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", k);
|
|
2972
|
+
var lt = Object.defineProperty, P = (a, e, t, o) => {
|
|
2973
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
2974
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
2975
|
+
return s && lt(e, t, s), s;
|
|
3105
2976
|
};
|
|
3106
|
-
let
|
|
3107
|
-
var
|
|
3108
|
-
const
|
|
2977
|
+
let ct = 0;
|
|
2978
|
+
var _;
|
|
2979
|
+
const I = (_ = class extends u {
|
|
3109
2980
|
constructor() {
|
|
3110
|
-
super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.inverted = !1, this.form = null, this.
|
|
3111
|
-
}
|
|
3112
|
-
get size() {
|
|
3113
|
-
return this._size;
|
|
3114
|
-
}
|
|
3115
|
-
set size(e) {
|
|
3116
|
-
this._size = g.VALID_SIZES.includes(
|
|
3117
|
-
e
|
|
3118
|
-
) ? e : "md";
|
|
2981
|
+
super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.inverted = !1, this.form = null, this.size = "md", this.tile = !1;
|
|
3119
2982
|
}
|
|
3120
2983
|
async getInputElement() {
|
|
3121
2984
|
return await this.updateComplete, this.shadowRoot?.querySelector("input") || null;
|
|
@@ -3124,18 +2987,18 @@ const q = (g = class extends u {
|
|
|
3124
2987
|
formResetUpdate() {
|
|
3125
2988
|
this.checked = !1;
|
|
3126
2989
|
}
|
|
3127
|
-
|
|
2990
|
+
// Lifecycle updates
|
|
3128
2991
|
// Generate a unique ID if one is not provided
|
|
3129
2992
|
connectedCallback() {
|
|
3130
|
-
super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${
|
|
2993
|
+
super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${ct++}`), this.checked && (_.buttonGroup[this.name] && (_.buttonGroup[this.name].checked = !1, _.buttonGroup[this.name].requestUpdate()), _.buttonGroup[this.name] = this), this.addEventListener("focus", this._handleFocus), this.addEventListener("blur", this._handleBlur), this.addEventListener("click", this._handleChange);
|
|
3131
2994
|
}
|
|
3132
2995
|
disconnectedCallback() {
|
|
3133
2996
|
super.disconnectedCallback(), this.removeEventListener("focus", this._handleFocus), this.removeEventListener("blur", this._handleBlur);
|
|
3134
2997
|
}
|
|
3135
2998
|
updated(e) {
|
|
3136
|
-
e.has("checked") && this.checked &&
|
|
2999
|
+
e.has("checked") && this.checked && _.buttonGroup[this.name] !== this && (_.buttonGroup[this.name] && (_.buttonGroup[this.name].checked = !1, _.buttonGroup[this.name].requestUpdate()), _.buttonGroup[this.name] = this);
|
|
3137
3000
|
}
|
|
3138
|
-
|
|
3001
|
+
// Functions
|
|
3139
3002
|
// This helper function is called to perform the element's native validation.
|
|
3140
3003
|
checkValidity() {
|
|
3141
3004
|
if (this.required && !this.checked)
|
|
@@ -3143,7 +3006,7 @@ const q = (g = class extends u {
|
|
|
3143
3006
|
const e = this.shadowRoot?.querySelector("input");
|
|
3144
3007
|
return e ? e.checkValidity() : !0;
|
|
3145
3008
|
}
|
|
3146
|
-
|
|
3009
|
+
// Event Handlers
|
|
3147
3010
|
_emitChangeEvent() {
|
|
3148
3011
|
this.dispatchEvent(
|
|
3149
3012
|
new CustomEvent("nys-change", {
|
|
@@ -3160,7 +3023,7 @@ const q = (g = class extends u {
|
|
|
3160
3023
|
}
|
|
3161
3024
|
// Handle radiobutton change event & unselection of other options in group
|
|
3162
3025
|
_handleChange() {
|
|
3163
|
-
this.classList.remove("active-focus"), !this.checked && !this.disabled && (
|
|
3026
|
+
this.classList.remove("active-focus"), !this.checked && !this.disabled && (_.buttonGroup[this.name] && (_.buttonGroup[this.name].checked = !1, _.buttonGroup[this.name].requestUpdate()), _.buttonGroup[this.name] = this, this.checked = !0, this._emitChangeEvent());
|
|
3164
3027
|
}
|
|
3165
3028
|
// Handle focus event
|
|
3166
3029
|
_handleFocus() {
|
|
@@ -3181,12 +3044,12 @@ const q = (g = class extends u {
|
|
|
3181
3044
|
return l`
|
|
3182
3045
|
<input
|
|
3183
3046
|
type="radio"
|
|
3184
|
-
name="${
|
|
3047
|
+
name="${h(this.name ? this.name : void 0)}"
|
|
3185
3048
|
.checked=${this.checked}
|
|
3186
3049
|
?disabled=${this.disabled}
|
|
3187
3050
|
.value=${this.value}
|
|
3188
3051
|
?required="${this.required}"
|
|
3189
|
-
form=${
|
|
3052
|
+
form=${h(this.form || void 0)}
|
|
3190
3053
|
@change="${this._handleChange}"
|
|
3191
3054
|
hidden
|
|
3192
3055
|
aria-hidden="true"
|
|
@@ -3199,7 +3062,7 @@ const q = (g = class extends u {
|
|
|
3199
3062
|
<span class="nys-radiobutton__radio"></span>
|
|
3200
3063
|
${this.label && l`<nys-label
|
|
3201
3064
|
label=${this.label}
|
|
3202
|
-
description=${
|
|
3065
|
+
description=${h(this.description || void 0)}
|
|
3203
3066
|
?inverted=${this.inverted}
|
|
3204
3067
|
>
|
|
3205
3068
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -3207,51 +3070,51 @@ const q = (g = class extends u {
|
|
|
3207
3070
|
</div>
|
|
3208
3071
|
`;
|
|
3209
3072
|
}
|
|
3210
|
-
},
|
|
3211
|
-
|
|
3073
|
+
}, _.styles = p(ce), _.buttonGroup = {}, _);
|
|
3074
|
+
P([
|
|
3212
3075
|
r({ type: Boolean, reflect: !0 })
|
|
3213
|
-
],
|
|
3214
|
-
|
|
3076
|
+
], I.prototype, "checked");
|
|
3077
|
+
P([
|
|
3215
3078
|
r({ type: Boolean, reflect: !0 })
|
|
3216
|
-
],
|
|
3217
|
-
|
|
3079
|
+
], I.prototype, "disabled");
|
|
3080
|
+
P([
|
|
3218
3081
|
r({ type: Boolean, reflect: !0 })
|
|
3219
|
-
],
|
|
3220
|
-
|
|
3082
|
+
], I.prototype, "required");
|
|
3083
|
+
P([
|
|
3221
3084
|
r({ type: String })
|
|
3222
|
-
],
|
|
3223
|
-
|
|
3085
|
+
], I.prototype, "label");
|
|
3086
|
+
P([
|
|
3224
3087
|
r({ type: String })
|
|
3225
|
-
],
|
|
3226
|
-
|
|
3088
|
+
], I.prototype, "description");
|
|
3089
|
+
P([
|
|
3227
3090
|
r({ type: String, reflect: !0 })
|
|
3228
|
-
],
|
|
3229
|
-
|
|
3091
|
+
], I.prototype, "id");
|
|
3092
|
+
P([
|
|
3230
3093
|
r({ type: String, reflect: !0 })
|
|
3231
|
-
],
|
|
3232
|
-
|
|
3094
|
+
], I.prototype, "name");
|
|
3095
|
+
P([
|
|
3233
3096
|
r({ type: String })
|
|
3234
|
-
],
|
|
3235
|
-
|
|
3097
|
+
], I.prototype, "value");
|
|
3098
|
+
P([
|
|
3236
3099
|
r({ type: Boolean, reflect: !0 })
|
|
3237
|
-
],
|
|
3238
|
-
|
|
3100
|
+
], I.prototype, "inverted");
|
|
3101
|
+
P([
|
|
3102
|
+
r({ type: String, reflect: !0 })
|
|
3103
|
+
], I.prototype, "form");
|
|
3104
|
+
P([
|
|
3239
3105
|
r({ type: String, reflect: !0 })
|
|
3240
|
-
],
|
|
3241
|
-
|
|
3242
|
-
r({ reflect: !0 })
|
|
3243
|
-
], q.prototype, "size", 1);
|
|
3244
|
-
U([
|
|
3106
|
+
], I.prototype, "size");
|
|
3107
|
+
P([
|
|
3245
3108
|
r({ type: Boolean, reflect: !0 })
|
|
3246
|
-
],
|
|
3247
|
-
let
|
|
3248
|
-
customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton",
|
|
3249
|
-
var
|
|
3109
|
+
], I.prototype, "tile");
|
|
3110
|
+
let dt = I;
|
|
3111
|
+
customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", dt);
|
|
3112
|
+
var ht = Object.defineProperty, _1 = (a, e, t, o) => {
|
|
3250
3113
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3251
3114
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3252
|
-
return s &&
|
|
3115
|
+
return s && ht(e, t, s), s;
|
|
3253
3116
|
};
|
|
3254
|
-
class
|
|
3117
|
+
class e1 extends u {
|
|
3255
3118
|
constructor() {
|
|
3256
3119
|
super(...arguments), this.disabled = !1, this.selected = !1, this.value = "", this.label = "", this.hidden = !1;
|
|
3257
3120
|
}
|
|
@@ -3276,46 +3139,37 @@ class d1 extends u {
|
|
|
3276
3139
|
`;
|
|
3277
3140
|
}
|
|
3278
3141
|
}
|
|
3279
|
-
|
|
3142
|
+
_1([
|
|
3280
3143
|
r({ type: Boolean, reflect: !0 })
|
|
3281
|
-
],
|
|
3282
|
-
|
|
3144
|
+
], e1.prototype, "disabled");
|
|
3145
|
+
_1([
|
|
3283
3146
|
r({ type: Boolean, reflect: !0 })
|
|
3284
|
-
],
|
|
3285
|
-
|
|
3147
|
+
], e1.prototype, "selected");
|
|
3148
|
+
_1([
|
|
3286
3149
|
r({ type: String })
|
|
3287
|
-
],
|
|
3288
|
-
|
|
3150
|
+
], e1.prototype, "value");
|
|
3151
|
+
_1([
|
|
3289
3152
|
r({ type: String })
|
|
3290
|
-
],
|
|
3291
|
-
|
|
3153
|
+
], e1.prototype, "label");
|
|
3154
|
+
_1([
|
|
3292
3155
|
r({ type: Boolean, reflect: !0 })
|
|
3293
|
-
],
|
|
3294
|
-
customElements.define("nys-option",
|
|
3295
|
-
const
|
|
3296
|
-
var
|
|
3297
|
-
for (var s =
|
|
3298
|
-
(i = a[n]) && (s =
|
|
3299
|
-
return
|
|
3156
|
+
], e1.prototype, "hidden");
|
|
3157
|
+
customElements.define("nys-option", e1);
|
|
3158
|
+
const yt = ':host{--_nys-select-width: 100%;--_nys-select-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-select-font-size: var(--nys-font-size-ui-md, 16px);--_nys-select-font-weight: var(--nys-font-weight-regular, 400);--_nys-select-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-select-gap: var(--nys-space-50, 4px);--_nys-select-border-radius: var(--nys-radius-md, 4px);--_nys-select-padding: var(--nys-space-100, 8px) var(--nys-space-400, 32px) var(--nys-space-100, 8px) var(--nys-space-100, 8px);--_nys-select-color: var(--nys-color-text, #1b1b1b);--_nys-select-color--error: var( --nys-color-danger, var(--nys-color-red-600, #b52c2c) );--_nys-select-background-color: var(--nys-color-ink-reverse, #fff);--_nys-select-background-color--disabled: var( --nys-color-neutral-50, #ededed );--_nys-select-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-select-border-width: var(--nys-border-width-sm, 1px);--_nys-select-border-color: var(--nys-color-neutral-400, #909395);--_nys-select-border-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-select-border-color--focus: var(--nys-color-focus, #004dd1);--_nys-select-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-400, #909395);--_nys-select-border-focus: var(--nys-border-width-sm, 1px) solid var(--nys-color-focus, var(--nys-color-blue-600, #004dd1));--_nys-select-border-disabled: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-hover: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-900, #1b1b1b)}.nys-select{display:flex;flex-direction:column;gap:var(--_nys-select-gap);font-family:var(--_nys-select-font-family)}.nys-select__select{color:var(--_nys-select-color);font-weight:var(--_nys-select-font-weight);font-family:var(--_nys-select-font-family);border-radius:var(--_nys-select-border-radius);border:solid var(--_nys-select-border-width) var(--_nys-select-border-color);font-size:var(--_nys-select-font-size);padding:var(--_nys-select-padding);width:var(--_nys-select-width);max-width:100%;text-indent:1px;text-overflow:"";background:var(--_nys-select-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis}.nys-select__selectwrapper{position:relative;display:inline-block;width:var(--_nys-select-width);max-width:100%}.nys-select__icon{color:var(--_nys-select-color);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host([width=sm]){--_nys-select-width: var(--nys-select-form-width-sm, 88px)}:host([width=md]){--_nys-select-width: var(--nys-select-form-width-md, 200px)}:host([width=lg]){--_nys-select-width: var(--nys-select-form-width-lg, 384px)}:host([width=full]){--_nys-select-width: 100%;flex:1}.nys-select__select:hover:not(:disabled){cursor:pointer;border-color:var(--_nys-select-border-color--hover);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--hover)}.nys-select__select:focus{border-color:var(--_nys-select-border-color--focus);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--focus)}.nys-select__select:disabled{background-color:var(--_nys-select-background-color--disabled);border-color:var(--_nys-select-border-color--disabled);cursor:not-allowed;color:var(--_nys-select-color--disabled)}.nys-select__select:disabled~.nys-select__icon{color:var(--_nys-select-color--disabled)}:host([showError]){--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--_nys-select-color--error)}';
|
|
3159
|
+
var ut = Object.defineProperty, A = (a, e, t, o) => {
|
|
3160
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3161
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3162
|
+
return s && ut(e, t, s), s;
|
|
3300
3163
|
};
|
|
3301
|
-
let
|
|
3302
|
-
|
|
3303
|
-
const V = (J = class extends u {
|
|
3164
|
+
let pt = 0;
|
|
3165
|
+
const V1 = class V1 extends u {
|
|
3304
3166
|
// allows use of elementInternals' API
|
|
3305
3167
|
constructor() {
|
|
3306
|
-
super(), this.id = "", this.name = "", this.label = "", this.description = "", this.value = "", this.disabled = !1, this.required = !1, this.optional = !1, this.
|
|
3307
|
-
}
|
|
3308
|
-
get width() {
|
|
3309
|
-
return this._width;
|
|
3310
|
-
}
|
|
3311
|
-
set width(e) {
|
|
3312
|
-
this._width = J.VALID_WIDTHS.includes(
|
|
3313
|
-
e
|
|
3314
|
-
) ? e : "full";
|
|
3168
|
+
super(), this.id = "", this.name = "", this.label = "", this.description = "", this.value = "", this.disabled = !1, this.required = !1, this.optional = !1, this.tooltip = "", this.form = null, this.inverted = !1, this.showError = !1, this.errorMessage = "", this.width = "full", this._originalErrorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
|
|
3315
3169
|
}
|
|
3316
3170
|
// Generate a unique ID if one is not provided
|
|
3317
3171
|
connectedCallback() {
|
|
3318
|
-
super.connectedCallback(), this.id || (this.id = `nys-select-${Date.now()}-${
|
|
3172
|
+
super.connectedCallback(), this.id || (this.id = `nys-select-${Date.now()}-${pt++}`), this._originalErrorMessage = this.errorMessage ?? "", this.addEventListener("invalid", this._handleInvalid);
|
|
3319
3173
|
}
|
|
3320
3174
|
disconnectedCallback() {
|
|
3321
3175
|
super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -3337,7 +3191,7 @@ const V = (J = class extends u {
|
|
|
3337
3191
|
Array.from(t.children).forEach((n) => {
|
|
3338
3192
|
n.hasAttribute("data-native") || n.remove();
|
|
3339
3193
|
}), e.assignedElements({ flatten: !0 }).forEach((n) => {
|
|
3340
|
-
if (n instanceof
|
|
3194
|
+
if (n instanceof e1) {
|
|
3341
3195
|
const i = document.createElement("option");
|
|
3342
3196
|
i.value = n.value, i.textContent = n.label || n.textContent?.trim() || "", i.disabled = n.disabled, i.selected = n.selected, t.appendChild(i);
|
|
3343
3197
|
return;
|
|
@@ -3350,12 +3204,12 @@ const V = (J = class extends u {
|
|
|
3350
3204
|
if (n.tagName === "OPTGROUP") {
|
|
3351
3205
|
const i = document.createElement("optgroup");
|
|
3352
3206
|
i.label = n.label, n.disabled && (i.disabled = !0), Array.from(n.children).forEach((c) => {
|
|
3353
|
-
if (c instanceof
|
|
3354
|
-
const
|
|
3355
|
-
|
|
3207
|
+
if (c instanceof e1) {
|
|
3208
|
+
const d = document.createElement("option");
|
|
3209
|
+
d.value = c.value, d.textContent = c.label || c.textContent?.trim() || "", d.disabled = c.disabled, d.selected = c.selected, i.appendChild(d);
|
|
3356
3210
|
} else if (c.tagName === "OPTION") {
|
|
3357
|
-
const
|
|
3358
|
-
i.appendChild(
|
|
3211
|
+
const d = c.cloneNode(!0);
|
|
3212
|
+
i.appendChild(d);
|
|
3359
3213
|
}
|
|
3360
3214
|
}), t.appendChild(i);
|
|
3361
3215
|
return;
|
|
@@ -3364,7 +3218,7 @@ const V = (J = class extends u {
|
|
|
3364
3218
|
const s = Array.from(t.options).find((n) => n.selected);
|
|
3365
3219
|
s && (this.value = s.value, this._internals.setFormValue(this.value));
|
|
3366
3220
|
}
|
|
3367
|
-
|
|
3221
|
+
// Form Integration
|
|
3368
3222
|
_setValue() {
|
|
3369
3223
|
this._internals.setFormValue(this.value), this._manageRequire();
|
|
3370
3224
|
}
|
|
@@ -3387,7 +3241,7 @@ const V = (J = class extends u {
|
|
|
3387
3241
|
let t = e.validationMessage;
|
|
3388
3242
|
this._manageRequire(), this._setValidityMessage(t);
|
|
3389
3243
|
}
|
|
3390
|
-
|
|
3244
|
+
// Functions
|
|
3391
3245
|
// This helper function is called to perform the element's native validation.
|
|
3392
3246
|
checkValidity() {
|
|
3393
3247
|
const e = this.shadowRoot?.querySelector("select");
|
|
@@ -3403,7 +3257,7 @@ const V = (J = class extends u {
|
|
|
3403
3257
|
) === this && t.focus() : t.focus();
|
|
3404
3258
|
}
|
|
3405
3259
|
}
|
|
3406
|
-
|
|
3260
|
+
// Event Handlers
|
|
3407
3261
|
// Handle change event to bubble up selected value
|
|
3408
3262
|
_handleChange(e) {
|
|
3409
3263
|
const t = e.target;
|
|
@@ -3438,7 +3292,7 @@ const V = (J = class extends u {
|
|
|
3438
3292
|
label=${this.label}
|
|
3439
3293
|
description=${this.description}
|
|
3440
3294
|
flag=${this.required ? "required" : this.optional ? "optional" : ""}
|
|
3441
|
-
|
|
3295
|
+
tooltip=${this.tooltip}
|
|
3442
3296
|
?inverted=${this.inverted}
|
|
3443
3297
|
>
|
|
3444
3298
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -3448,7 +3302,7 @@ const V = (J = class extends u {
|
|
|
3448
3302
|
class="nys-select__select"
|
|
3449
3303
|
name=${this.name}
|
|
3450
3304
|
id=${this.id + "--native"}
|
|
3451
|
-
form=${
|
|
3305
|
+
form=${h(this.form || void 0)}
|
|
3452
3306
|
?disabled=${this.disabled}
|
|
3453
3307
|
?required=${this.required}
|
|
3454
3308
|
aria-disabled="${this.disabled}"
|
|
@@ -3474,56 +3328,57 @@ const V = (J = class extends u {
|
|
|
3474
3328
|
</div>
|
|
3475
3329
|
`;
|
|
3476
3330
|
}
|
|
3477
|
-
}
|
|
3478
|
-
|
|
3331
|
+
};
|
|
3332
|
+
V1.styles = p(yt), V1.formAssociated = !0;
|
|
3333
|
+
let $ = V1;
|
|
3334
|
+
A([
|
|
3479
3335
|
r({ type: String, reflect: !0 })
|
|
3480
|
-
],
|
|
3481
|
-
|
|
3336
|
+
], $.prototype, "id");
|
|
3337
|
+
A([
|
|
3482
3338
|
r({ type: String, reflect: !0 })
|
|
3483
|
-
],
|
|
3484
|
-
|
|
3339
|
+
], $.prototype, "name");
|
|
3340
|
+
A([
|
|
3485
3341
|
r({ type: String })
|
|
3486
|
-
],
|
|
3487
|
-
|
|
3342
|
+
], $.prototype, "label");
|
|
3343
|
+
A([
|
|
3488
3344
|
r({ type: String })
|
|
3489
|
-
],
|
|
3490
|
-
|
|
3345
|
+
], $.prototype, "description");
|
|
3346
|
+
A([
|
|
3491
3347
|
r({ type: String })
|
|
3492
|
-
],
|
|
3493
|
-
|
|
3348
|
+
], $.prototype, "value");
|
|
3349
|
+
A([
|
|
3494
3350
|
r({ type: Boolean, reflect: !0 })
|
|
3495
|
-
],
|
|
3496
|
-
|
|
3351
|
+
], $.prototype, "disabled");
|
|
3352
|
+
A([
|
|
3497
3353
|
r({ type: Boolean, reflect: !0 })
|
|
3498
|
-
],
|
|
3499
|
-
|
|
3354
|
+
], $.prototype, "required");
|
|
3355
|
+
A([
|
|
3500
3356
|
r({ type: Boolean, reflect: !0 })
|
|
3501
|
-
],
|
|
3502
|
-
|
|
3357
|
+
], $.prototype, "optional");
|
|
3358
|
+
A([
|
|
3503
3359
|
r({ type: String })
|
|
3504
|
-
],
|
|
3505
|
-
|
|
3360
|
+
], $.prototype, "tooltip");
|
|
3361
|
+
A([
|
|
3506
3362
|
r({ type: String, reflect: !0 })
|
|
3507
|
-
],
|
|
3508
|
-
|
|
3363
|
+
], $.prototype, "form");
|
|
3364
|
+
A([
|
|
3509
3365
|
r({ type: Boolean, reflect: !0 })
|
|
3510
|
-
],
|
|
3511
|
-
|
|
3366
|
+
], $.prototype, "inverted");
|
|
3367
|
+
A([
|
|
3512
3368
|
r({ type: Boolean, reflect: !0 })
|
|
3513
|
-
],
|
|
3514
|
-
|
|
3369
|
+
], $.prototype, "showError");
|
|
3370
|
+
A([
|
|
3515
3371
|
r({ type: String })
|
|
3516
|
-
],
|
|
3517
|
-
|
|
3518
|
-
r({ reflect: !0 })
|
|
3519
|
-
],
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
var Ht = Object.defineProperty, de = (a, e, t, o) => {
|
|
3372
|
+
], $.prototype, "errorMessage");
|
|
3373
|
+
A([
|
|
3374
|
+
r({ type: String, reflect: !0 })
|
|
3375
|
+
], $.prototype, "width");
|
|
3376
|
+
customElements.get("nys-select") || customElements.define("nys-select", $);
|
|
3377
|
+
const vt = ':host{--_nys-skipnav-padding--y: var(--nys-space-100, 8px);--_nys-skipnav-padding--x: var(--nys-space-200, 16px);--_nys-skipnav-gap: var(--nys-space-100, 8px);--_nys-skipnav-border-width: var(--nys-border-width-md, 2px);--_nys-skipnav-border-color: var(--nys-color-link, #004dd1);--_nys-skipnav-border-radius: var(--nys-radius-sm, 2px);--_nys-skipnav-font-size: var(--nys-font-size-ui-md, 16px);--_nys-skipnav-font-weight: var(--nys-font-weight-semibold, 600);--_nys-skipnav-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-skipnav-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-skipnav-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-skipnav-color: var(--nys-color-link, #004dd1);--_nys-skipnav-background-color: var(--nys-color-surface, #fff)}.nys-skipnav__link{position:absolute;left:auto;top:-4.8rem;display:inline-flex;padding:var(--_nys-skipnav-padding--y) var(--_nys-skipnav-padding--x);align-items:flex-end;gap:var(--_nys-skipnav-gap);background:var(--_nys-skipnav-background-color);color:var(--_nys-skipnav-color);border:var(--_nys-skipnav-border-width) solid var(--_nys-skipnav-border-color);border-radius:var(--_nys-skipnav-border-radius);font-family:var(--_nys-skipnav-font-family);font-size:var(--_nys-skipnav-font-size);font-style:normal;font-weight:var(--_nys-skipnav-font-weight);line-height:var(--_nys-skipnav-line-height);letter-spacing:var(--_nys-skipnav-letter-spacing);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;z-index:100;transition:.15s ease-in-out}.nys-skipnav__link:focus,.nys-skipnav__link.show{top:0;left:auto;outline:none}';
|
|
3378
|
+
var ft = Object.defineProperty, de = (a, e, t, o) => {
|
|
3524
3379
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3525
3380
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3526
|
-
return s &&
|
|
3381
|
+
return s && ft(e, t, s), s;
|
|
3527
3382
|
};
|
|
3528
3383
|
const Q1 = class Q1 extends u {
|
|
3529
3384
|
// @property({ type: Boolean }) demoVisible = false; // For demo purposes only
|
|
@@ -3534,7 +3389,7 @@ const Q1 = class Q1 extends u {
|
|
|
3534
3389
|
connectedCallback() {
|
|
3535
3390
|
super.connectedCallback(), this.id || (this.id = `nys-skipnav-${Date.now()}`);
|
|
3536
3391
|
}
|
|
3537
|
-
|
|
3392
|
+
// Event Handlers
|
|
3538
3393
|
_handleFocus() {
|
|
3539
3394
|
this.shadowRoot?.querySelector(".nys-skipnav__link")?.classList.add("show");
|
|
3540
3395
|
}
|
|
@@ -3562,20 +3417,20 @@ const Q1 = class Q1 extends u {
|
|
|
3562
3417
|
`;
|
|
3563
3418
|
}
|
|
3564
3419
|
};
|
|
3565
|
-
Q1.styles = p(
|
|
3566
|
-
let
|
|
3420
|
+
Q1.styles = p(vt);
|
|
3421
|
+
let g1 = Q1;
|
|
3567
3422
|
de([
|
|
3568
3423
|
r({ type: String, reflect: !0 })
|
|
3569
|
-
],
|
|
3424
|
+
], g1.prototype, "id");
|
|
3570
3425
|
de([
|
|
3571
3426
|
r({ type: String })
|
|
3572
|
-
],
|
|
3573
|
-
customElements.get("nys-skipnav") || customElements.define("nys-skipnav",
|
|
3427
|
+
], g1.prototype, "href");
|
|
3428
|
+
customElements.get("nys-skipnav") || customElements.define("nys-skipnav", g1);
|
|
3574
3429
|
const he = ':host{--_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);--_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);--_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-stepper-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-step-color: var(--nys-color-text, #1b1b1b);--_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6)}.nys-stepper{font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);display:flex;flex-direction:column;counter-reset:step;background-color:var(--_nys-stepper-background-color);max-width:100%;height:100%}.nys-stepper__header{display:flex;flex-direction:column;padding:var(--nys-space-400, 32px) var(--nys-space-400, 32px) var(--nys-space-150, 12px)}::slotted(div[slot=actions]){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--nys-space-100, 8px);margin-bottom:var(--nys-space-300, 24px)}.nys-stepper__counter{display:none;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;color:var(--nys-color-text, #1b1b1b);text-overflow:ellipsis;font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:400;line-height:var(--nys-font-size-ui-md, 16px);cursor:pointer;width:fit-content}.nys-stepper__steps{display:flex;flex-direction:column;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px);overflow-y:scroll;height:-webkit-fit-content;height:-moz-available;scrollbar-width:none;background:linear-gradient(var(--nys-color-surface-raised, #f6f6f6) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--nys-color-surface-raised, #f6f6f6) 70%) center bottom,linear-gradient(to bottom,#63636333,#0000) top,linear-gradient(to top,#63636333,#0000) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-color:var(--nys-color-surface-raised, #f6f6f6)}.nys-step{position:relative;counter-increment:step;display:flex;flex-direction:column}.nys-step__contentwrapper{display:flex;flex-direction:row;align-items:center;gap:var(--nys-space-150, 12px);cursor:default;width:fit-content}.nys-step__contentwrapper:focus-visible{outline:solid var(--nys-color-focus, #004dd1) var(--nys-border-width-md, 2px);outline-offset:var(--nys-space-2px, 2px);border-radius:var(--nys-radius-md, 4px)}.nys-step__linewrapper{width:24px;display:flex;justify-content:center}.nys-step__line{width:var(--nys-size-1px, 1px);height:var(--nys-size-300, 24px);border-radius:var(--nys-radius-round, 1776px);background:var(--nys-color-black-transparent-200, rgba(27, 27, 27, .2));margin:var(--nys-space-100, 8px) 0}.nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-size-300, 24px);min-width:var(--nys-size-300, 24px);max-width:var(--nys-size-300, 24px);height:var(--nys-size-300, 24px);min-height:var(--nys-size-300, 24px);max-height:var(--nys-size-300, 24px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--nys-color-text, #1b1b1b)}:host([previous]) .nys-step__number,:host([previous]) .nys-step__line,:host([current]) .nys-step__number,:host([current]) .nys-step__line{background-color:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme, #154973);outline:var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9)}:host([first]) .nys-step__linewrapper{display:none!important}.nys-step__content{display:flex;flex-direction:column;gap:var(--nys-space-100, 8px)}.nys-step__label{color:var(--_nys-step-color);font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);line-height:var(--nys-font-size-ui-md, 16px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:var(7%, 1.12px);text-underline-offset:auto}:host([current]) .nys-step__label,:host([previous]) .nys-step__label{text-decoration-line:underline}:host([current]) .nys-step__contentwrapper,:host([previous]) .nys-step__contentwrapper{cursor:pointer}:host([selected]) .nys-step__label{font-weight:700;text-decoration-line:none}:host([selected]) .nys-step__contentwrapper{cursor:default}:host([selected]) .nys-step__contentwrapper:focus-visible{outline-offset:6px}@media(max-width:1023px){.nys-stepper{max-width:1023px;width:100%}.nys-stepper__header{flex-direction:row-reverse;justify-content:space-between;padding:var(--nys-space-150, 12px);gap:var(--nys-space-200, 16px)}.nys-stepper__headertext{flex:1 1 0;min-width:0}::slotted(div[slot=actions]){margin-bottom:0;min-width:0;justify-content:end}.nys-stepper__counter{display:block}.nys-stepper__steps{flex-direction:row;gap:var(--nys-space-2px, 2px);padding:0}.nys-stepper__steps::slotted(*){flex:1}.nys-step__number{border-radius:0;border:none;background-color:var(--nys-color-neutral-200, #bec0c1);height:var(--nys-size-100, 8px);min-height:var(--nys-size-100, 8px);max-height:var(--nys-size-100, 8px);width:100%;min-width:100%;max-width:100%;color:transparent}:host([previous]) .nys-step__number,:host([current]) .nys-step__number{background-color:var(--nys-color-neutral-900, #1b1b1b);color:transparent}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme-mid, #457aa5);outline:none}.nys-step__content,.nys-step__linewrapper{display:none}.nys-step__contentwrapper{cursor:default;pointer-events:none;width:auto}:host([isCompactExpanded]) .nys-step__content,:host([isCompactExpanded]) .nys-step__linewrapper{display:flex}:host([isCompactExpanded]) .nys-stepper__header{padding-bottom:var(--nys-space-250, 20px)}:host([isCompactExpanded]) .nys-stepper__steps{width:-webkit-fill-available;width:-moz-available;z-index:9999;overflow-y:auto;flex-direction:column;gap:0;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px)}:host([isCompactExpanded]) .nys-stepper__steps::slotted(*){flex:none}:host([isCompactExpanded]) .nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:1px solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-space-300, 24px);min-width:var(--nys-space-300, 24px);max-width:var(--nys-space-300, 24px);height:var(--nys-space-300, 24px);min-height:var(--nys-space-300, 24px);max-height:var(--nys-space-300, 24px);color:var(--nys-color-text, #1b1b1b)}:host([isCompactExpanded][previous]) .nys-step__number,:host([isCompactExpanded][previous]) .nys-step__line,:host([isCompactExpanded][current]) .nys-step__number,:host([isCompactExpanded][current]) .nys-step__line{background:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([isCompactExpanded][selected]) .nys-step__number{background:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme, #154973);outline:4px solid var(--nys-color-theme-weak, #cddde9)}:host([isCompactExpanded]) .nys-step__contentwrapper{pointer-events:all}}';
|
|
3575
|
-
var
|
|
3430
|
+
var gt = Object.defineProperty, a1 = (a, e, t, o) => {
|
|
3576
3431
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3577
3432
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3578
|
-
return s &&
|
|
3433
|
+
return s && gt(e, t, s), s;
|
|
3579
3434
|
};
|
|
3580
3435
|
const J1 = class J1 extends u {
|
|
3581
3436
|
constructor() {
|
|
@@ -3626,33 +3481,33 @@ const J1 = class J1 extends u {
|
|
|
3626
3481
|
}
|
|
3627
3482
|
};
|
|
3628
3483
|
J1.styles = p(he);
|
|
3629
|
-
let
|
|
3630
|
-
|
|
3484
|
+
let T = J1;
|
|
3485
|
+
a1([
|
|
3631
3486
|
r({ type: Boolean, reflect: !0 })
|
|
3632
|
-
],
|
|
3633
|
-
|
|
3487
|
+
], T.prototype, "selected");
|
|
3488
|
+
a1([
|
|
3634
3489
|
r({ type: Boolean, reflect: !0 })
|
|
3635
|
-
],
|
|
3636
|
-
|
|
3490
|
+
], T.prototype, "current");
|
|
3491
|
+
a1([
|
|
3637
3492
|
r({ type: String })
|
|
3638
|
-
],
|
|
3639
|
-
|
|
3493
|
+
], T.prototype, "label");
|
|
3494
|
+
a1([
|
|
3640
3495
|
r({ type: String })
|
|
3641
|
-
],
|
|
3642
|
-
|
|
3496
|
+
], T.prototype, "href");
|
|
3497
|
+
a1([
|
|
3643
3498
|
r({ type: Boolean })
|
|
3644
|
-
],
|
|
3645
|
-
|
|
3499
|
+
], T.prototype, "isCompactExpanded");
|
|
3500
|
+
a1([
|
|
3646
3501
|
r({ attribute: !1 })
|
|
3647
|
-
],
|
|
3648
|
-
|
|
3502
|
+
], T.prototype, "onClick");
|
|
3503
|
+
a1([
|
|
3649
3504
|
r({ type: Number })
|
|
3650
|
-
],
|
|
3651
|
-
customElements.get("nys-step") || customElements.define("nys-step",
|
|
3652
|
-
var
|
|
3505
|
+
], T.prototype, "stepNumber");
|
|
3506
|
+
customElements.get("nys-step") || customElements.define("nys-step", T);
|
|
3507
|
+
var bt = Object.defineProperty, m1 = (a, e, t, o) => {
|
|
3653
3508
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3654
3509
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3655
|
-
return s &&
|
|
3510
|
+
return s && bt(e, t, s), s;
|
|
3656
3511
|
};
|
|
3657
3512
|
const ee = class ee extends u {
|
|
3658
3513
|
constructor() {
|
|
@@ -3755,50 +3610,41 @@ const ee = class ee extends u {
|
|
|
3755
3610
|
}
|
|
3756
3611
|
};
|
|
3757
3612
|
ee.styles = p(he);
|
|
3758
|
-
let
|
|
3759
|
-
|
|
3613
|
+
let t1 = ee;
|
|
3614
|
+
m1([
|
|
3760
3615
|
r({ type: String, reflect: !0 })
|
|
3761
|
-
],
|
|
3762
|
-
|
|
3616
|
+
], t1.prototype, "id");
|
|
3617
|
+
m1([
|
|
3763
3618
|
r({ type: String, reflect: !0 })
|
|
3764
|
-
],
|
|
3765
|
-
|
|
3619
|
+
], t1.prototype, "name");
|
|
3620
|
+
m1([
|
|
3766
3621
|
r({ type: String })
|
|
3767
|
-
],
|
|
3768
|
-
|
|
3622
|
+
], t1.prototype, "label");
|
|
3623
|
+
m1([
|
|
3769
3624
|
r({ type: String })
|
|
3770
|
-
],
|
|
3771
|
-
|
|
3625
|
+
], t1.prototype, "counterText");
|
|
3626
|
+
m1([
|
|
3772
3627
|
r({ type: Boolean, reflect: !0 })
|
|
3773
|
-
],
|
|
3774
|
-
customElements.get("nys-stepper") || customElements.define("nys-stepper",
|
|
3775
|
-
const
|
|
3776
|
-
var
|
|
3777
|
-
for (var s =
|
|
3778
|
-
(i = a[n]) && (s =
|
|
3779
|
-
return
|
|
3628
|
+
], t1.prototype, "isCompactExpanded");
|
|
3629
|
+
customElements.get("nys-stepper") || customElements.define("nys-stepper", t1);
|
|
3630
|
+
const Ct = ':host{--_nys-textarea-width: 100%;--_nys-textarea-border-radius: var(--nys-radius-md, 4px);--_nys-textarea-border-width: var(--nys-border-width-sm, 1px);--_nys-textarea-border-color: var(--nys-color-neutral-400, #909395);--_nys-textarea-padding: var(--nys-space-100, 8px);--_nys-textarea-gap: var(--nys-space-50, 4px);--_nys-textarea-color: var(--nys-color-ink, #1b1b1b);--_nys-textarea-color--placeholder: var( --nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f) );--_nys-textarea-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-textarea-outline-width: var(--nys-border-width-sm, 1px);--_nys-textarea-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textarea-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-textarea-border-color--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-textarea-color--disabled: var( --nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1) );--_nys-textarea-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-textarea-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textarea-font-weight: var(--nys-font-weight-regular, 400);--_nys-textarea-line-height: var(--nys-font-lineheight-ui-md, 24px);--nys-textarea-letterspacing-ui: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) )}:host([width=sm]){--_nys-textarea-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textarea-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textarea-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textarea-width: 100%;flex:1}:host([showError]){--_nys-textarea-border-color: var(--nys-color-danger, #b52c2c)}.nys-textarea{font-weight:var(--_nys-textarea-font-weight);font-family:var(--_nys-textarea-font-family);line-height:var(--_nys-textarea-line-height);letter-spacing:var(--nys-textarea-letterspacing-ui);color:var(--_nys-textarea-color);gap:var(--_nys-textarea-gap);display:flex;flex-direction:column}.nys-textarea__textarea{color:var(--_nys-textarea-color);font-size:var(--_nys-textarea-font-size);font-family:var(--_nys-textarea-font-family);border-radius:var(--_nys-textarea-border-radius);border:solid var(--_nys-textarea-border-color) var(--_nys-textarea-border-width);padding:var(--_nys-textarea-padding);width:var(--_nys-textarea-width);line-height:var(--_nys-textarea-line-height);max-width:var(--_nys-textarea-width);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.nys-textarea__textarea::placeholder{color:var(--_nys-textarea-color--placeholder)}.nys-textarea__textarea.none{resize:none}.nys-textarea__textarea:hover:not(:disabled):not(:focus){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--hover);border-color:var(--_nys-textarea-outline-color--hover)}.nys-textarea__textarea:focus{outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--focus);border-color:var(--_nys-textarea-outline-color--focus);caret-color:var(--_nys-textarea-outline-color--focus)}.nys-textarea__textarea:disabled,.nys-textarea__textarea:disabled::placeholder{background-color:var(--_nys-textarea-background-color--disabled);border-color:var(--_nys-textarea-border-color--disabled);color:var(--_nys-textarea-color--disabled);cursor:not-allowed}';
|
|
3631
|
+
var _t = Object.defineProperty, w = (a, e, t, o) => {
|
|
3632
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3633
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3634
|
+
return s && _t(e, t, s), s;
|
|
3780
3635
|
};
|
|
3781
|
-
let
|
|
3782
|
-
|
|
3783
|
-
const C = (N = class extends u {
|
|
3636
|
+
let mt = 0;
|
|
3637
|
+
const D1 = class D1 extends u {
|
|
3784
3638
|
// allows use of elementInternals' API
|
|
3785
3639
|
constructor() {
|
|
3786
|
-
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.
|
|
3787
|
-
}
|
|
3788
|
-
get resize() {
|
|
3789
|
-
return this._resize;
|
|
3790
|
-
}
|
|
3791
|
-
set resize(e) {
|
|
3792
|
-
this._resize = N.VALID_RESIZE.includes(
|
|
3793
|
-
e
|
|
3794
|
-
) ? e : "vertical";
|
|
3640
|
+
super(), this.id = "", this.name = "", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.optional = !1, this.tooltip = "", this.inverted = !1, this.form = null, this.maxlength = null, this.width = "full", this.rows = 4, this.resize = "vertical", this.showError = !1, this.errorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
|
|
3795
3641
|
}
|
|
3796
3642
|
async updated(e) {
|
|
3797
|
-
await Promise.resolve(), e.has("
|
|
3643
|
+
await Promise.resolve(), e.has("rows") && (this.rows = this.rows ?? 4);
|
|
3798
3644
|
}
|
|
3799
3645
|
// Generate a unique ID if one is not provided
|
|
3800
3646
|
connectedCallback() {
|
|
3801
|
-
super.connectedCallback(), this.id || (this.id = `nys-textarea-${Date.now()}-${
|
|
3647
|
+
super.connectedCallback(), this.id || (this.id = `nys-textarea-${Date.now()}-${mt++}`), this.addEventListener("invalid", this._handleInvalid);
|
|
3802
3648
|
}
|
|
3803
3649
|
disconnectedCallback() {
|
|
3804
3650
|
super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -3810,7 +3656,7 @@ const C = (N = class extends u {
|
|
|
3810
3656
|
formResetCallback() {
|
|
3811
3657
|
this.value = "";
|
|
3812
3658
|
}
|
|
3813
|
-
|
|
3659
|
+
// Form Integration
|
|
3814
3660
|
_setValue() {
|
|
3815
3661
|
this._internals.setFormValue(this.value), this._manageRequire();
|
|
3816
3662
|
}
|
|
@@ -3834,7 +3680,7 @@ const C = (N = class extends u {
|
|
|
3834
3680
|
let t = e.validationMessage;
|
|
3835
3681
|
this._setValidityMessage(t);
|
|
3836
3682
|
}
|
|
3837
|
-
|
|
3683
|
+
// Functions
|
|
3838
3684
|
// This helper function is called to perform the element's native validation.
|
|
3839
3685
|
checkValidity() {
|
|
3840
3686
|
const e = this.shadowRoot?.querySelector("textarea");
|
|
@@ -3850,7 +3696,7 @@ const C = (N = class extends u {
|
|
|
3850
3696
|
) === this && t.focus() : t.focus();
|
|
3851
3697
|
}
|
|
3852
3698
|
}
|
|
3853
|
-
|
|
3699
|
+
// Event Handlers
|
|
3854
3700
|
// Handle input event to check pattern validity
|
|
3855
3701
|
_handleInput(e) {
|
|
3856
3702
|
const t = e.target;
|
|
@@ -3898,7 +3744,7 @@ const C = (N = class extends u {
|
|
|
3898
3744
|
label=${this.label}
|
|
3899
3745
|
description=${this.description}
|
|
3900
3746
|
flag=${this.required ? "required" : this.optional ? "optional" : ""}
|
|
3901
|
-
|
|
3747
|
+
tooltip=${this.tooltip}
|
|
3902
3748
|
?inverted=${this.inverted}
|
|
3903
3749
|
>
|
|
3904
3750
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -3911,16 +3757,16 @@ const C = (N = class extends u {
|
|
|
3911
3757
|
?disabled=${this.disabled}
|
|
3912
3758
|
?required=${this.required}
|
|
3913
3759
|
?readonly=${this.readonly}
|
|
3914
|
-
aria-disabled=${
|
|
3915
|
-
aria-required=${
|
|
3916
|
-
aria-label=${
|
|
3917
|
-
aria-description=${
|
|
3918
|
-
placeholder=${
|
|
3760
|
+
aria-disabled=${h(this.disabled ? "true" : void 0)}
|
|
3761
|
+
aria-required=${h(this.required ? "true" : void 0)}
|
|
3762
|
+
aria-label=${h(this.label || void 0)}
|
|
3763
|
+
aria-description=${h(this.description || void 0)}
|
|
3764
|
+
placeholder=${h(
|
|
3919
3765
|
this.placeholder ? this.placeholder : void 0
|
|
3920
3766
|
)}
|
|
3921
|
-
maxlength=${
|
|
3767
|
+
maxlength=${h(this.maxlength ?? void 0)}
|
|
3922
3768
|
.rows=${this.rows}
|
|
3923
|
-
form=${
|
|
3769
|
+
form=${h(this.form || void 0)}
|
|
3924
3770
|
@input=${this._handleInput}
|
|
3925
3771
|
@focus="${this._handleFocus}"
|
|
3926
3772
|
@blur="${this._handleBlur}"
|
|
@@ -3934,92 +3780,84 @@ const C = (N = class extends u {
|
|
|
3934
3780
|
</label>
|
|
3935
3781
|
`;
|
|
3936
3782
|
}
|
|
3937
|
-
}
|
|
3938
|
-
|
|
3783
|
+
};
|
|
3784
|
+
D1.styles = p(Ct), D1.formAssociated = !0;
|
|
3785
|
+
let b = D1;
|
|
3786
|
+
w([
|
|
3939
3787
|
r({ type: String, reflect: !0 })
|
|
3940
|
-
],
|
|
3941
|
-
|
|
3788
|
+
], b.prototype, "id");
|
|
3789
|
+
w([
|
|
3942
3790
|
r({ type: String, reflect: !0 })
|
|
3943
|
-
],
|
|
3944
|
-
|
|
3791
|
+
], b.prototype, "name");
|
|
3792
|
+
w([
|
|
3945
3793
|
r({ type: String })
|
|
3946
|
-
],
|
|
3947
|
-
|
|
3794
|
+
], b.prototype, "label");
|
|
3795
|
+
w([
|
|
3948
3796
|
r({ type: String })
|
|
3949
|
-
],
|
|
3950
|
-
|
|
3797
|
+
], b.prototype, "description");
|
|
3798
|
+
w([
|
|
3951
3799
|
r({ type: String })
|
|
3952
|
-
],
|
|
3953
|
-
|
|
3800
|
+
], b.prototype, "placeholder");
|
|
3801
|
+
w([
|
|
3954
3802
|
r({ type: String })
|
|
3955
|
-
],
|
|
3956
|
-
|
|
3803
|
+
], b.prototype, "value");
|
|
3804
|
+
w([
|
|
3957
3805
|
r({ type: Boolean, reflect: !0 })
|
|
3958
|
-
],
|
|
3959
|
-
|
|
3806
|
+
], b.prototype, "disabled");
|
|
3807
|
+
w([
|
|
3960
3808
|
r({ type: Boolean, reflect: !0 })
|
|
3961
|
-
],
|
|
3962
|
-
|
|
3809
|
+
], b.prototype, "readonly");
|
|
3810
|
+
w([
|
|
3963
3811
|
r({ type: Boolean, reflect: !0 })
|
|
3964
|
-
],
|
|
3965
|
-
|
|
3812
|
+
], b.prototype, "required");
|
|
3813
|
+
w([
|
|
3966
3814
|
r({ type: Boolean, reflect: !0 })
|
|
3967
|
-
],
|
|
3968
|
-
|
|
3815
|
+
], b.prototype, "optional");
|
|
3816
|
+
w([
|
|
3969
3817
|
r({ type: String })
|
|
3970
|
-
],
|
|
3971
|
-
|
|
3818
|
+
], b.prototype, "tooltip");
|
|
3819
|
+
w([
|
|
3972
3820
|
r({ type: Boolean, reflect: !0 })
|
|
3973
|
-
],
|
|
3974
|
-
|
|
3821
|
+
], b.prototype, "inverted");
|
|
3822
|
+
w([
|
|
3975
3823
|
r({ type: String, reflect: !0 })
|
|
3976
|
-
],
|
|
3977
|
-
|
|
3824
|
+
], b.prototype, "form");
|
|
3825
|
+
w([
|
|
3978
3826
|
r({ type: Number })
|
|
3979
|
-
],
|
|
3980
|
-
|
|
3981
|
-
r({ reflect: !0 })
|
|
3982
|
-
],
|
|
3983
|
-
|
|
3827
|
+
], b.prototype, "maxlength");
|
|
3828
|
+
w([
|
|
3829
|
+
r({ type: String, reflect: !0 })
|
|
3830
|
+
], b.prototype, "width");
|
|
3831
|
+
w([
|
|
3984
3832
|
r({ type: Number })
|
|
3985
|
-
],
|
|
3986
|
-
|
|
3987
|
-
r({ reflect: !0 })
|
|
3988
|
-
],
|
|
3989
|
-
|
|
3833
|
+
], b.prototype, "rows");
|
|
3834
|
+
w([
|
|
3835
|
+
r({ type: String, reflect: !0 })
|
|
3836
|
+
], b.prototype, "resize");
|
|
3837
|
+
w([
|
|
3990
3838
|
r({ type: Boolean, reflect: !0 })
|
|
3991
|
-
],
|
|
3992
|
-
|
|
3839
|
+
], b.prototype, "showError");
|
|
3840
|
+
w([
|
|
3993
3841
|
r({ type: String })
|
|
3994
|
-
],
|
|
3995
|
-
|
|
3996
|
-
|
|
3997
|
-
|
|
3998
|
-
var
|
|
3999
|
-
|
|
4000
|
-
|
|
4001
|
-
return o && s && Rt(e, t, s), s;
|
|
3842
|
+
], b.prototype, "errorMessage");
|
|
3843
|
+
customElements.get("nys-textarea") || customElements.define("nys-textarea", b);
|
|
3844
|
+
const xt = ':host{--_nys-textinput-width: 100%;--_nys-textinput-height: var(--nys-size-500, 40px);--_nys-textinput-border-radius: var(--nys-radius-md, 4px);--_nys-textinput-border-width: var(--nys-border-width-sm, 1px);--_nys-textinput-border-color: var(--nys-color-neutral-400, #909395);--_nys-textinput-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-textinput-color--placeholder: var( --nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f) );--_nys-textinput-padding: var(--nys-space-100, 8px);--_nys-textinput-gap: var(--nys-space-50, 4px);--_nys-textinput-background-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) );--_nys-textinput-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-textinput-outline-color--hover: var( --nys-color-neutral-900, #1b1b1b );--_nys-textinput-outline-width: var(--nys-border-width-sm, 1px);--_nys-textinput-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textinput-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-textinput-border-color--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-textinput-color--disabled: var( --nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1) );--_nys-textinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-textinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textinput-font-weight: var(--nys-font-weight-regular, 400);--_nys-textinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-textinput-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) )}:host([width=sm]){--_nys-textinput-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textinput-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textinput-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textinput-width: 100%;flex:1}:host([showError]){--_nys-textinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-textinput{font-weight:var(--_nys-textinput-font-weight);font-family:var(--_nys-textinput-font-family);font-size:var(--_nys-textinput-font-size);line-height:var(--_nys-textinput-line-height);letter-spacing:var(--_nys-textinput-letter-spacing);color:var(--_nys-textinput-color);gap:var(--_nys-textinput-gap);display:flex;flex-direction:column}.nys-textinput__mask-overlay{position:absolute;margin:calc(var(--_nys-textinput-padding) + var(--_nys-textinput-border-width));color:var(--nys-color-text-weaker, #797c7f);display:inline;overflow:hidden;white-space:nowrap;font:inherit;letter-spacing:normal}.nys-textinput__input{color:var(--_nys-textinput-color);border-radius:var(--_nys-textinput-border-radius);border:solid var(--_nys-textinput-border-color) var(--_nys-textinput-border-width);outline-color:transparent;outline-width:var(--_nys-textinput-outline-width);outline-style:solid;padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:transparent;position:relative;font:inherit}.nys-textinput__input::placeholder{color:var(--_nys-textinput-color--placeholder)}.nys-textinput__buttoncontainer{width:var(--_nys-textinput-width);max-width:100%;display:flex}.nys-textinput__buttoncontainer.has-end-button .nys-textinput__input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.nys-textinput__buttoncontainer.has-start-button .nys-textinput__input{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.nys-textinput__container{position:relative;display:flex;align-items:center;width:100%;background-color:var(--_nys-textinput-background-color);border-radius:var(--_nys-textinput-border-radius)}::slotted(nys-button){--_nys-button-height: var(--_nys-textinput-height);--_nys-button-border-radius--start: var(--_nys-textinput-border-radius);--_nys-button-border-radius--end: var(--_nys-textinput-border-radius);--_nys-button-background-color--disabled: var( --_nys-textinput-background-color--disabled );--_nys-button-border-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-border-width: var(--_nys-textinput-border-width);z-index:1}.nys-textinput__buttoncontainer.has-start-button ::slotted(nys-button){--_nys-button-border-radius--end: 0}.nys-textinput__buttoncontainer.has-end-button ::slotted(nys-button){--_nys-button-border-radius--start: 0}.eye-icon{position:absolute;right:var(--nys-space-50, 4px);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--_nys-textinput-color--icon);--nys-button-background-color: var(--_nys-textinput-background-color);--nys-button-background-color--hover: var( --_nys-textinput-background-color );--nys-button-background-color--active: var( --_nys-textinput-background-color );--_nys-button-outline-focus: calc( var(--_nys-button-outline-width) * -1 );--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-textinput__input:hover:not(:disabled):not(:focus){outline-color:var(--_nys-textinput-outline-color--hover);border-color:var(--_nys-textinput-outline-color--hover)}.nys-textinput__input:focus{outline-color:var(--_nys-textinput-outline-color--focus);border-color:var(--_nys-textinput-outline-color--focus);caret-color:var(--_nys-textinput-outline-color--focus)}.nys-textinput__input:disabled,.nys-textinput__input:disabled::placeholder,.nys-textinput__input:disabled+.eye-icon{background-color:var(--_nys-textinput-background-color--disabled);border-color:var(--_nys-textinput-border-color--disabled);color:var(--_nys-textinput-color--disabled);cursor:not-allowed}';
|
|
3845
|
+
var wt = Object.defineProperty, g = (a, e, t, o) => {
|
|
3846
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
3847
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
3848
|
+
return s && wt(e, t, s), s;
|
|
4002
3849
|
};
|
|
4003
|
-
let
|
|
4004
|
-
|
|
4005
|
-
const v = (F = class extends u {
|
|
3850
|
+
let kt = 0;
|
|
3851
|
+
const H1 = class H1 extends u {
|
|
4006
3852
|
// allows use of elementInternals' API
|
|
4007
3853
|
constructor() {
|
|
4008
|
-
super(), this.id = "", this.name = "", this.
|
|
3854
|
+
super(), this.id = "", this.name = "", this.type = "text", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.optional = !1, this.tooltip = "", this.form = null, this.pattern = "", this.maxlength = null, this.width = "full", this.step = null, this.min = null, this.max = null, this.inverted = !1, this.showError = !1, this.errorMessage = "", this.showPassword = !1, this._originalErrorMessage = "", this._hasUserInteracted = !1, this._maskPatterns = {
|
|
4009
3855
|
tel: "(___) ___-____"
|
|
4010
3856
|
}, this._internals = this.attachInternals();
|
|
4011
3857
|
}
|
|
4012
|
-
get type() {
|
|
4013
|
-
return this._type;
|
|
4014
|
-
}
|
|
4015
|
-
set type(e) {
|
|
4016
|
-
this._type = F.VALID_TYPES.includes(
|
|
4017
|
-
e
|
|
4018
|
-
) ? e : "text";
|
|
4019
|
-
}
|
|
4020
3858
|
// Generate a unique ID if one is not provided
|
|
4021
3859
|
connectedCallback() {
|
|
4022
|
-
super.connectedCallback(), this.id || (this.id = `nys-textinput-${Date.now()}-${
|
|
3860
|
+
super.connectedCallback(), this.id || (this.id = `nys-textinput-${Date.now()}-${kt++}`), this._originalErrorMessage = this.errorMessage ?? "", this.addEventListener("invalid", this._handleInvalid);
|
|
4023
3861
|
}
|
|
4024
3862
|
disconnectedCallback() {
|
|
4025
3863
|
super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
|
|
@@ -4029,7 +3867,7 @@ const v = (F = class extends u {
|
|
|
4029
3867
|
}
|
|
4030
3868
|
// Ensure the "width" property is valid after updates
|
|
4031
3869
|
async updated(e) {
|
|
4032
|
-
if (e.has("
|
|
3870
|
+
if (e.has("disabled") && (this._validateButtonSlot("startButton"), this._validateButtonSlot("endButton")), e.has("type")) {
|
|
4033
3871
|
const t = this._maskPatterns[this.type], o = this.shadowRoot?.querySelector("input");
|
|
4034
3872
|
if (o)
|
|
4035
3873
|
if (t)
|
|
@@ -4047,7 +3885,7 @@ const v = (F = class extends u {
|
|
|
4047
3885
|
formResetCallback() {
|
|
4048
3886
|
this.value = "";
|
|
4049
3887
|
}
|
|
4050
|
-
|
|
3888
|
+
// Form Integration
|
|
4051
3889
|
_setValue() {
|
|
4052
3890
|
this._internals.setFormValue(this.value), this._manageRequire();
|
|
4053
3891
|
}
|
|
@@ -4071,7 +3909,7 @@ const v = (F = class extends u {
|
|
|
4071
3909
|
let o = "";
|
|
4072
3910
|
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);
|
|
4073
3911
|
}
|
|
4074
|
-
|
|
3912
|
+
// Functions
|
|
4075
3913
|
// This helper function is called to perform the element's native validation.
|
|
4076
3914
|
checkValidity() {
|
|
4077
3915
|
const e = this.shadowRoot?.querySelector("input");
|
|
@@ -4114,7 +3952,7 @@ const v = (F = class extends u {
|
|
|
4114
3952
|
s += t[i];
|
|
4115
3953
|
return s;
|
|
4116
3954
|
}
|
|
4117
|
-
|
|
3955
|
+
// Event Handlers
|
|
4118
3956
|
// Handle input event to check pattern validity
|
|
4119
3957
|
_handleInput(e) {
|
|
4120
3958
|
const t = e.target;
|
|
@@ -4160,7 +3998,7 @@ const v = (F = class extends u {
|
|
|
4160
3998
|
label=${this.label}
|
|
4161
3999
|
description=${this.description}
|
|
4162
4000
|
flag=${this.required ? "required" : this.optional ? "optional" : ""}
|
|
4163
|
-
|
|
4001
|
+
tooltip=${this.tooltip}
|
|
4164
4002
|
?inverted=${this.inverted}
|
|
4165
4003
|
>
|
|
4166
4004
|
<slot name="description" slot="description">${this.description}</slot>
|
|
@@ -4184,17 +4022,17 @@ const v = (F = class extends u {
|
|
|
4184
4022
|
aria-disabled="${this.disabled}"
|
|
4185
4023
|
aria-label="${[this.label, this.description].filter(Boolean).join(" ")}"
|
|
4186
4024
|
.value=${this.value}
|
|
4187
|
-
placeholder=${
|
|
4025
|
+
placeholder=${h(
|
|
4188
4026
|
this.placeholder ? this.placeholder : void 0
|
|
4189
4027
|
)}
|
|
4190
|
-
pattern=${
|
|
4191
|
-
min=${
|
|
4192
|
-
maxlength=${
|
|
4028
|
+
pattern=${h(this.pattern ? this.pattern : void 0)}
|
|
4029
|
+
min=${h(this.min !== null ? this.min : void 0)}
|
|
4030
|
+
maxlength=${h(
|
|
4193
4031
|
this.maxlength !== null ? this.maxlength : void 0
|
|
4194
4032
|
)}
|
|
4195
|
-
step=${
|
|
4196
|
-
max=${
|
|
4197
|
-
form=${
|
|
4033
|
+
step=${h(this.step !== null ? this.step : void 0)}
|
|
4034
|
+
max=${h(this.max !== null ? this.max : void 0)}
|
|
4035
|
+
form=${h(this.form || void 0)}
|
|
4198
4036
|
@input=${this._handleInput}
|
|
4199
4037
|
@focus="${this._handleFocus}"
|
|
4200
4038
|
@blur="${this._handleBlur}"
|
|
@@ -4227,117 +4065,101 @@ const v = (F = class extends u {
|
|
|
4227
4065
|
</div>
|
|
4228
4066
|
`;
|
|
4229
4067
|
}
|
|
4230
|
-
}
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
4236
|
-
|
|
4237
|
-
"url"
|
|
4238
|
-
], F.VALID_WIDTHS = ["sm", "md", "lg", "full"], F.formAssociated = !0, F);
|
|
4239
|
-
f([
|
|
4068
|
+
};
|
|
4069
|
+
H1.styles = p(xt), H1.formAssociated = !0;
|
|
4070
|
+
let v = H1;
|
|
4071
|
+
g([
|
|
4072
|
+
r({ type: String, reflect: !0 })
|
|
4073
|
+
], v.prototype, "id");
|
|
4074
|
+
g([
|
|
4240
4075
|
r({ type: String, reflect: !0 })
|
|
4241
|
-
], v.prototype, "
|
|
4242
|
-
|
|
4076
|
+
], v.prototype, "name");
|
|
4077
|
+
g([
|
|
4243
4078
|
r({ type: String, reflect: !0 })
|
|
4244
|
-
], v.prototype, "
|
|
4245
|
-
|
|
4246
|
-
r({ reflect: !0 })
|
|
4247
|
-
], v.prototype, "type", 1);
|
|
4248
|
-
f([
|
|
4079
|
+
], v.prototype, "type");
|
|
4080
|
+
g([
|
|
4249
4081
|
r({ type: String })
|
|
4250
|
-
], v.prototype, "label"
|
|
4251
|
-
|
|
4082
|
+
], v.prototype, "label");
|
|
4083
|
+
g([
|
|
4252
4084
|
r({ type: String })
|
|
4253
|
-
], v.prototype, "description"
|
|
4254
|
-
|
|
4085
|
+
], v.prototype, "description");
|
|
4086
|
+
g([
|
|
4255
4087
|
r({ type: String })
|
|
4256
|
-
], v.prototype, "placeholder"
|
|
4257
|
-
|
|
4088
|
+
], v.prototype, "placeholder");
|
|
4089
|
+
g([
|
|
4258
4090
|
r({ type: String })
|
|
4259
|
-
], v.prototype, "value"
|
|
4260
|
-
|
|
4091
|
+
], v.prototype, "value");
|
|
4092
|
+
g([
|
|
4261
4093
|
r({ type: Boolean, reflect: !0 })
|
|
4262
|
-
], v.prototype, "disabled"
|
|
4263
|
-
|
|
4094
|
+
], v.prototype, "disabled");
|
|
4095
|
+
g([
|
|
4264
4096
|
r({ type: Boolean, reflect: !0 })
|
|
4265
|
-
], v.prototype, "readonly"
|
|
4266
|
-
|
|
4097
|
+
], v.prototype, "readonly");
|
|
4098
|
+
g([
|
|
4267
4099
|
r({ type: Boolean, reflect: !0 })
|
|
4268
|
-
], v.prototype, "required"
|
|
4269
|
-
|
|
4100
|
+
], v.prototype, "required");
|
|
4101
|
+
g([
|
|
4270
4102
|
r({ type: Boolean, reflect: !0 })
|
|
4271
|
-
], v.prototype, "optional"
|
|
4272
|
-
|
|
4103
|
+
], v.prototype, "optional");
|
|
4104
|
+
g([
|
|
4273
4105
|
r({ type: String })
|
|
4274
|
-
], v.prototype, "
|
|
4275
|
-
|
|
4106
|
+
], v.prototype, "tooltip");
|
|
4107
|
+
g([
|
|
4276
4108
|
r({ type: String, reflect: !0 })
|
|
4277
|
-
], v.prototype, "form"
|
|
4278
|
-
|
|
4109
|
+
], v.prototype, "form");
|
|
4110
|
+
g([
|
|
4279
4111
|
r({ type: String })
|
|
4280
|
-
], v.prototype, "pattern"
|
|
4281
|
-
|
|
4112
|
+
], v.prototype, "pattern");
|
|
4113
|
+
g([
|
|
4282
4114
|
r({ type: Number })
|
|
4283
|
-
], v.prototype, "maxlength"
|
|
4284
|
-
|
|
4285
|
-
r({ reflect: !0 })
|
|
4286
|
-
], v.prototype, "width"
|
|
4287
|
-
|
|
4115
|
+
], v.prototype, "maxlength");
|
|
4116
|
+
g([
|
|
4117
|
+
r({ type: String, reflect: !0 })
|
|
4118
|
+
], v.prototype, "width");
|
|
4119
|
+
g([
|
|
4288
4120
|
r({ type: Number })
|
|
4289
|
-
], v.prototype, "step"
|
|
4290
|
-
|
|
4121
|
+
], v.prototype, "step");
|
|
4122
|
+
g([
|
|
4291
4123
|
r({ type: Number })
|
|
4292
|
-
], v.prototype, "min"
|
|
4293
|
-
|
|
4124
|
+
], v.prototype, "min");
|
|
4125
|
+
g([
|
|
4294
4126
|
r({ type: Number })
|
|
4295
|
-
], v.prototype, "max"
|
|
4296
|
-
|
|
4127
|
+
], v.prototype, "max");
|
|
4128
|
+
g([
|
|
4297
4129
|
r({ type: Boolean, reflect: !0 })
|
|
4298
|
-
], v.prototype, "inverted"
|
|
4299
|
-
|
|
4130
|
+
], v.prototype, "inverted");
|
|
4131
|
+
g([
|
|
4300
4132
|
r({ type: Boolean, reflect: !0 })
|
|
4301
|
-
], v.prototype, "showError"
|
|
4302
|
-
|
|
4133
|
+
], v.prototype, "showError");
|
|
4134
|
+
g([
|
|
4303
4135
|
r({ type: String })
|
|
4304
|
-
], v.prototype, "errorMessage"
|
|
4305
|
-
|
|
4306
|
-
|
|
4307
|
-
], v.prototype, "showPassword"
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4311
|
-
var
|
|
4312
|
-
|
|
4313
|
-
|
|
4314
|
-
return o && s && Wt(e, t, s), s;
|
|
4136
|
+
], v.prototype, "errorMessage");
|
|
4137
|
+
g([
|
|
4138
|
+
z()
|
|
4139
|
+
], v.prototype, "showPassword");
|
|
4140
|
+
customElements.get("nys-textinput") || customElements.define("nys-textinput", v);
|
|
4141
|
+
const Lt = ':host{--_nys-toggle-width: var(--nys-font-size-8xl, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-border-radius: var(--nys-radius-round, 1776px);--_nys-toggle-border-width: var(--nys-border-width-md, 2px);--_nys-toggle-size--knob: var(--nys-font-size-lg, 18px);--_nys-toggle-margin--knob: calc( (var(--_nys-toggle-height) - var(--_nys-toggle-size--knob)) / 2 );--_nys-toggle-transform--translateX: calc( var(--_nys-toggle-width) - var(--_nys-toggle-size--knob) - var( --_nys-toggle-margin--knob ) - 2px );--_nys-toggle-gap: var(--nys-space-150, 12px);--_nys-toggle-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-toggle-font-size: var(--nys-font-size-ui-md, 16px);--_nys-toggle-font-weight: var(--nys-font-weight-regular, 400);--_nys-toggle-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-toggle-transition-duration: .3s;--_nys-toggle-outline-color: var(--nys-color-focus, #004dd1);--_nys-toggle-outline-width: var(--nys-border-width-md, 2px);--_nys-toggle-background-color: var(--nys-color-neutral-500, #797c7f);--_nys-toggle-background-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-toggle-background-color--checked: var(--nys-color-theme, #154973);--_nys-toggle-background-color--hover: var( --nys-color-neutral-600, #62666a );--_nys-toggle-background-color--active: var( --nys-color-neutral-700, #4a4d4f );--_nys-toggle-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-toggle-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-toggle-color-ink-reverse: var(--nys-color-ink-reverse, #fff);--_nys-toggle-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-toggle-color--disabled: var(--nys-color-neutral-500, #797c7f)}::slotted([slot^=description]){font-style:italic;margin:0}slot[name=description]{font-style:italic;text-align:left;display:flex}.nys-toggle__content{display:flex;gap:var(--_nys-toggle-gap)}.nys-toggle__text{color:var(--_nys-toggle-color);display:flex;flex-direction:column;align-items:flex-start;font-size:var(--_nys-toggle-font-size);font-family:var(--_nys-toggle-font-family);font-weight:var(--_nys-toggle-font-weight);line-height:var(--_nys-toggle-line-height)}.nys-toggle__content:has(input:disabled) .nys-toggle__text *{color:var(--_nys-toggle-color--disabled);cursor:not-allowed}.nys-toggle__toggle{position:relative;display:inline-block;width:var(--_nys-toggle-width);min-width:var(--_nys-toggle-width);max-width:var(--_nys-toggle-width);height:var(--_nys-toggle-height);min-height:var(--_nys-toggle-height);max-height:var(--_nys-toggle-height)}.nys-toggle__toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;border-radius:var(--_nys-toggle-border-radius);outline-offset:var(--_nys-toggle-border-width);width:var(--_nys-toggle-width);inset:0;background-color:var(--_nys-toggle-background-color);display:flex;align-items:center}.knob{content:"";height:var(--_nys-toggle-size--knob);width:var(--_nys-toggle-size--knob);margin:var(--_nys-toggle-margin--knob);border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-toggle-color-ink-reverse);transition:all var(--_nys-toggle-transition-duration) cubic-bezier(.27,.2,.25,1.51);overflow:hidden;display:flex;align-items:center;justify-content:center}input:checked+.slider{background-color:var(--_nys-toggle-background-color--checked)}.slider:hover{background-color:var(--_nys-toggle-background-color--hover)}input:checked+.slider:hover{background-color:var(--_nys-toggle-background-color--checked--hover)}.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--hover)}input:checked:not(:disabled)+.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--hover)}input:active:not(:disabled)+.slider{background-color:var(--_nys-toggle-background-color--active);outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}input:active:checked+.slider{background-color:var(--_nys-toggle-background-color--checked--active)}input:focus+.slider{outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}input:checked+.slider .knob{transform:translate(var(--_nys-toggle-transform--translateX))}.toggle-icon{position:absolute;color:var(--_nys-toggle-background-color)}input:checked+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked)}input:active+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--active)}input:active:checked+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--active)}:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}:host([size=md]) .toggle-icon{font-size:var(--nys-font-size-body-sm, 14px)}@supports not (font-size: 1cap){:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}:host([size=md]) .toggle-icon{font-size:calc(var(--nys-font-size-body-sm, 14px) - 1px)}}input:disabled+.slider,input:disabled+.slider:hover{background-color:var(--_nys-toggle-background-color--disabled);cursor:not-allowed}input:disabled+.slider .knob .toggle-icon,input:disabled:active+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--disabled)}:host([size=sm]){--_nys-toggle-width: var(--nys-size-450, 36px);--_nys-toggle-height: var(--nys-size-250, 20px);--_nys-toggle-size--knob: var(--nys-size-200, 16px);--_nys-toggle-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-toggle-width: var(--nys-size-550, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-size--knob: var(--nys-size-250, 20px)}.nys-toggle__text.invert{--_nys-toggle-color: var(--nys-color-text-reverse, #fff)}@media(prefers-reduced-motion:reduce){:host{--toggle-transition-duration: 0s}}';
|
|
4142
|
+
var $t = Object.defineProperty, O = (a, e, t, o) => {
|
|
4143
|
+
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
4144
|
+
(i = a[n]) && (s = i(e, t, s) || s);
|
|
4145
|
+
return s && $t(e, t, s), s;
|
|
4315
4146
|
};
|
|
4316
|
-
let
|
|
4317
|
-
|
|
4318
|
-
const O = (e1 = class extends u {
|
|
4147
|
+
let Et = 0;
|
|
4148
|
+
const B1 = class B1 extends u {
|
|
4319
4149
|
// allows use of elementInternals' API
|
|
4320
4150
|
constructor() {
|
|
4321
|
-
super(), this.id = "", this.name = "", this.value = "", this.label = "", this.description = "", this.form = null, this.checked = !1, this.disabled = !1, this.noIcon = !1, this.inverted = !1, this.
|
|
4322
|
-
}
|
|
4323
|
-
get size() {
|
|
4324
|
-
return this._size;
|
|
4325
|
-
}
|
|
4326
|
-
set size(e) {
|
|
4327
|
-
this._size = e1.VALID_SIZES.includes(
|
|
4328
|
-
e
|
|
4329
|
-
) ? e : "md";
|
|
4151
|
+
super(), this.id = "", this.name = "", this.value = "", this.label = "", this.description = "", this.form = null, this.checked = !1, this.disabled = !1, this.noIcon = !1, this.inverted = !1, this.size = "md", this._internals = this.attachInternals();
|
|
4330
4152
|
}
|
|
4331
4153
|
// Generate a unique ID if one is not provided
|
|
4332
4154
|
connectedCallback() {
|
|
4333
|
-
super.connectedCallback(), this.id || (this.id = `nys-toggle-${Date.now()}-${
|
|
4155
|
+
super.connectedCallback(), this.id || (this.id = `nys-toggle-${Date.now()}-${Et++}`);
|
|
4334
4156
|
}
|
|
4335
|
-
|
|
4157
|
+
// Form Integration
|
|
4336
4158
|
// Update the internals whenever `checked` or `value` changes.
|
|
4337
4159
|
updated(e) {
|
|
4338
4160
|
(e.has("checked") || e.has("value")) && this._internals.setFormValue(this.checked ? this.value : null);
|
|
4339
4161
|
}
|
|
4340
|
-
|
|
4162
|
+
//Event Handlers
|
|
4341
4163
|
_emitChangeEvent() {
|
|
4342
4164
|
this.dispatchEvent(
|
|
4343
4165
|
new CustomEvent("nys-change", {
|
|
@@ -4369,9 +4191,9 @@ const O = (e1 = class extends u {
|
|
|
4369
4191
|
<div class="nys-toggle__toggle">
|
|
4370
4192
|
<input
|
|
4371
4193
|
type="checkbox"
|
|
4372
|
-
name="${
|
|
4194
|
+
name="${h(this.name ? this.name : void 0)}"
|
|
4373
4195
|
.value=${this.value}
|
|
4374
|
-
form=${
|
|
4196
|
+
form=${h(this.form || void 0)}
|
|
4375
4197
|
.checked=${this.checked}
|
|
4376
4198
|
?disabled=${this.disabled}
|
|
4377
4199
|
role="switch"
|
|
@@ -4400,76 +4222,75 @@ const O = (e1 = class extends u {
|
|
|
4400
4222
|
</label>
|
|
4401
4223
|
`;
|
|
4402
4224
|
}
|
|
4403
|
-
}
|
|
4404
|
-
|
|
4225
|
+
};
|
|
4226
|
+
B1.styles = p(Lt), B1.formAssociated = !0;
|
|
4227
|
+
let H = B1;
|
|
4228
|
+
O([
|
|
4405
4229
|
r({ type: String, reflect: !0 })
|
|
4406
|
-
],
|
|
4407
|
-
|
|
4230
|
+
], H.prototype, "id");
|
|
4231
|
+
O([
|
|
4408
4232
|
r({ type: String, reflect: !0 })
|
|
4409
|
-
],
|
|
4410
|
-
|
|
4233
|
+
], H.prototype, "name");
|
|
4234
|
+
O([
|
|
4411
4235
|
r({ type: String })
|
|
4412
|
-
],
|
|
4413
|
-
|
|
4236
|
+
], H.prototype, "value");
|
|
4237
|
+
O([
|
|
4414
4238
|
r({ type: String })
|
|
4415
|
-
],
|
|
4416
|
-
|
|
4239
|
+
], H.prototype, "label");
|
|
4240
|
+
O([
|
|
4417
4241
|
r({ type: String })
|
|
4418
|
-
],
|
|
4419
|
-
|
|
4242
|
+
], H.prototype, "description");
|
|
4243
|
+
O([
|
|
4420
4244
|
r({ type: String, reflect: !0 })
|
|
4421
|
-
],
|
|
4422
|
-
|
|
4245
|
+
], H.prototype, "form");
|
|
4246
|
+
O([
|
|
4423
4247
|
r({ type: Boolean, reflect: !0 })
|
|
4424
|
-
],
|
|
4425
|
-
|
|
4248
|
+
], H.prototype, "checked");
|
|
4249
|
+
O([
|
|
4426
4250
|
r({ type: Boolean, reflect: !0 })
|
|
4427
|
-
],
|
|
4428
|
-
|
|
4251
|
+
], H.prototype, "disabled");
|
|
4252
|
+
O([
|
|
4429
4253
|
r({ type: Boolean })
|
|
4430
|
-
],
|
|
4431
|
-
|
|
4254
|
+
], H.prototype, "noIcon");
|
|
4255
|
+
O([
|
|
4432
4256
|
r({ type: Boolean, reflect: !0 })
|
|
4433
|
-
],
|
|
4434
|
-
|
|
4435
|
-
r({ reflect: !0 })
|
|
4436
|
-
],
|
|
4437
|
-
|
|
4438
|
-
|
|
4439
|
-
|
|
4440
|
-
var
|
|
4441
|
-
for (var s = o > 1 ? void 0 : o ? Jt(e, t) : e, n = a.length - 1, i; n >= 0; n--)
|
|
4257
|
+
], H.prototype, "inverted");
|
|
4258
|
+
O([
|
|
4259
|
+
r({ type: String, reflect: !0 })
|
|
4260
|
+
], H.prototype, "size");
|
|
4261
|
+
customElements.get("nys-toggle") || customElements.define("nys-toggle", H);
|
|
4262
|
+
const St = `:host{--_nys-tooltip-color: var(--nys-color-text-reverse, #ffffff);--_nys-tooltip-background-color: var(--nys-color-ink, #1b1b1b);--_nys-tooltip-border-radius: var(--nys-radius-md, 4px);--_nys-tooltip-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-tooltip-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-tooltip-letter-spacing: var(--nys-font-letterspacing-ui-sm, .044px);--_nys-tooltip-line-height: var(--nys-font-lineheight-ui-sm, 24px)}.nys-tooltip__content{position:fixed;top:0;left:0;max-width:400px;width:max-content;max-height:120px;padding:var(--nys-space-50, 4px) var(--nys-space-100, 8px);background-color:var(--_nys-tooltip-background-color);border-radius:var(--_nys-tooltip-border-radius);cursor:auto;z-index:1}.nys-tooltip__inner{display:block;color:var(--_nys-tooltip-color);font-family:var(--_nys-tooltip-font-family);font-size:var(--_nys-tooltip-font-size);font-weight:400;line-height:var(--_nys-tooltip-line-height);letter-spacing:var(--_nys-tooltip-letter-spacing);white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.nys-tooltip__arrow{position:absolute;width:14px;height:6px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="%231B1B1B"/></svg>') no-repeat center}.nys-tooltip__content[active]{display:block}.fade-out{opacity:0;transition:opacity .2s ease-out}:host([position=top]) .nys-tooltip__arrow{top:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%)}:host([position=bottom]) .nys-tooltip__arrow{bottom:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(180deg)}:host([position=left]) .nys-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg);margin-left:-4px}:host([position=right]) .nys-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%) rotate(90deg);margin-right:-4px}:host([inverted]) .nys-tooltip__content{--_nys-tooltip-color: var(--nys-color-text, #1b1b1b);--_nys-tooltip-background-color: var(--nys-color-ink-reverse, #fff)}:host([inverted]) .nys-tooltip__arrow{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="white"/></svg>') no-repeat center}@media(max-width:400px){.nys-tooltip__content{max-width:calc(100vw - 2rem)}}`;
|
|
4263
|
+
var Mt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, p1 = (a, e, t, o) => {
|
|
4264
|
+
for (var s = o > 1 ? void 0 : o ? zt(e, t) : e, n = a.length - 1, i; n >= 0; n--)
|
|
4442
4265
|
(i = a[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
|
|
4443
|
-
return o && s &&
|
|
4266
|
+
return o && s && Mt(e, t, s), s;
|
|
4444
4267
|
};
|
|
4445
|
-
let
|
|
4268
|
+
let Vt = 0;
|
|
4446
4269
|
const te = class te extends u {
|
|
4447
|
-
|
|
4270
|
+
// Lifecycle Methods
|
|
4448
4271
|
constructor() {
|
|
4449
|
-
super(), this.id = "", this.text = "", this.inverted = !1, this.
|
|
4272
|
+
super(), this.id = "", this.text = "", this.inverted = !1, this.for = "", this._active = !1, this._userHasSetPosition = !1, this._originalUserPosition = null, this._internallyUpdatingPosition = !1, this._hideTimeout = null, this._position = null, this._showTooltip = () => {
|
|
4450
4273
|
if (this._active = !0, this._addScrollListeners(), this._userHasSetPosition && this._originalUserPosition && this._doesPositionFit(this._originalUserPosition)) {
|
|
4451
4274
|
this.position = this._originalUserPosition, this.updateComplete.then(() => {
|
|
4452
|
-
|
|
4453
|
-
".nys-tooltip__content"
|
|
4454
|
-
);
|
|
4455
|
-
e && this._shiftTooltipIntoViewport(e);
|
|
4275
|
+
this._userPositionTooltip();
|
|
4456
4276
|
});
|
|
4457
4277
|
return;
|
|
4458
4278
|
}
|
|
4459
|
-
this.
|
|
4279
|
+
this._autoPositionTooltip();
|
|
4460
4280
|
}, this._handleBlurOrMouseLeave = () => {
|
|
4461
|
-
this.
|
|
4462
|
-
const e = this.shadowRoot?.querySelector(
|
|
4281
|
+
const e = this._getReferenceElement(), t = this.shadowRoot?.querySelector(
|
|
4463
4282
|
".nys-tooltip__content"
|
|
4464
4283
|
);
|
|
4465
|
-
e && this.
|
|
4284
|
+
e !== document.activeElement && (!e || !t || this._triggerFadeOut(t));
|
|
4285
|
+
}, this._cancelFadeOut = () => {
|
|
4286
|
+
const e = this.shadowRoot?.querySelector(
|
|
4287
|
+
".nys-tooltip__content"
|
|
4288
|
+
), t = this._getReferenceElement();
|
|
4289
|
+
if (!e || !t) return;
|
|
4290
|
+
const o = e.matches(":hover"), s = t.matches(":hover"), n = document.activeElement === t;
|
|
4291
|
+
!o && !s && !n || (this._hideTimeout && (clearTimeout(this._hideTimeout), this._hideTimeout = null), e.classList.remove("fade-out"), this._active = !0);
|
|
4466
4292
|
}, this._handleScrollOrResize = () => {
|
|
4467
|
-
this._active
|
|
4468
|
-
const e = this.shadowRoot?.querySelector(
|
|
4469
|
-
".nys-tooltip__content"
|
|
4470
|
-
);
|
|
4471
|
-
e && this._shiftTooltipIntoViewport(e);
|
|
4472
|
-
})) : this.autoPositionTooltip() : this.autoPositionTooltip());
|
|
4293
|
+
!this._active || this._hideTimeout || this._showTooltip();
|
|
4473
4294
|
}, this._handleEscapeKey = (e) => {
|
|
4474
4295
|
if (e.key === "Escape" && this._active) {
|
|
4475
4296
|
this._active = !1, this._removeScrollListeners();
|
|
@@ -4488,25 +4309,27 @@ const te = class te extends u {
|
|
|
4488
4309
|
this._position = e, this.requestUpdate("position", t), this._internallyUpdatingPosition || (this._userHasSetPosition = e !== null, this._originalUserPosition = e);
|
|
4489
4310
|
}
|
|
4490
4311
|
connectedCallback() {
|
|
4491
|
-
super.connectedCallback(), this.id || (this.id = `nys-tooltip-${Date.now()}-${
|
|
4312
|
+
super.connectedCallback(), this.id || (this.id = `nys-tooltip-${Date.now()}-${Vt++}`), window.addEventListener("keydown", this._handleEscapeKey);
|
|
4492
4313
|
}
|
|
4493
4314
|
disconnectedCallback() {
|
|
4494
|
-
super.disconnectedCallback()
|
|
4495
|
-
|
|
4496
|
-
|
|
4497
|
-
return this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 })[0];
|
|
4315
|
+
super.disconnectedCallback();
|
|
4316
|
+
const e = this._getReferenceElement(), t = this.shadowRoot?.querySelector(".nys-tooltip__content");
|
|
4317
|
+
e && t && (e.removeEventListener("mouseenter", this._showTooltip), e.removeEventListener("mouseenter", this._cancelFadeOut), e.removeEventListener("mouseleave", this._handleBlurOrMouseLeave), e.removeEventListener("focusin", this._showTooltip), e.removeEventListener("focusout", this._handleBlurOrMouseLeave), t.removeEventListener("mouseenter", this._cancelFadeOut), t.removeEventListener("mouseleave", this._handleBlurOrMouseLeave)), window.removeEventListener("keydown", this._handleEscapeKey);
|
|
4498
4318
|
}
|
|
4499
|
-
firstUpdated() {
|
|
4500
|
-
|
|
4501
|
-
e
|
|
4502
|
-
|
|
4503
|
-
t && this._applyFocusBehavior(t);
|
|
4504
|
-
});
|
|
4319
|
+
async firstUpdated() {
|
|
4320
|
+
await this.updateComplete;
|
|
4321
|
+
const e = this._getReferenceElement(), t = this.shadowRoot?.querySelector(".nys-tooltip__content");
|
|
4322
|
+
!e || !t || (this.applyInverseTransform(), this._applyTooltipPropToFormComponent(e), (e.tagName.toLowerCase() === "nys-button" || e.tagName.toLowerCase() === "nys-icon") && (this._applyFocusBehavior(e), e.addEventListener("mouseenter", this._showTooltip), e.addEventListener("mouseenter", this._cancelFadeOut), e.addEventListener("mouseleave", this._handleBlurOrMouseLeave), e.addEventListener("focusin", this._showTooltip), e.addEventListener("focusout", this._handleBlurOrMouseLeave), t.addEventListener("mouseenter", this._cancelFadeOut), t.addEventListener("mouseleave", this._handleBlurOrMouseLeave)));
|
|
4505
4323
|
}
|
|
4506
4324
|
updated(e) {
|
|
4507
4325
|
super.updated(e);
|
|
4508
|
-
const t = this.
|
|
4509
|
-
t && (
|
|
4326
|
+
const t = this._getReferenceElement();
|
|
4327
|
+
t && (this._positionStartingBase(), e.has("text") && this._applyTooltipPropToFormComponent(t));
|
|
4328
|
+
}
|
|
4329
|
+
_triggerFadeOut(e) {
|
|
4330
|
+
!e || this._hideTimeout || (e.classList.add("fade-out"), this._hideTimeout = window.setTimeout(() => {
|
|
4331
|
+
this._active = !1, this._removeScrollListeners(), this._positionStartingBase(), this._resetTooltipPositioningStyles(e), e.classList.remove("fade-out"), this._hideTimeout = null;
|
|
4332
|
+
}, 200));
|
|
4510
4333
|
}
|
|
4511
4334
|
// Listen to window scroll so a focus tooltip can auto position even when user move across the page
|
|
4512
4335
|
_addScrollListeners() {
|
|
@@ -4515,30 +4338,59 @@ const te = class te extends u {
|
|
|
4515
4338
|
_removeScrollListeners() {
|
|
4516
4339
|
window.removeEventListener("scroll", this._handleScrollOrResize, !0), window.removeEventListener("resize", this._handleScrollOrResize);
|
|
4517
4340
|
}
|
|
4518
|
-
|
|
4341
|
+
// Functions
|
|
4342
|
+
_getReferenceElement() {
|
|
4343
|
+
const e = this.for;
|
|
4344
|
+
if (!e) return null;
|
|
4345
|
+
let t = document.getElementById(e);
|
|
4346
|
+
if (t) return t;
|
|
4347
|
+
const o = (s) => {
|
|
4348
|
+
for (const n of Array.from(s.querySelectorAll("*"))) {
|
|
4349
|
+
const i = n.shadowRoot;
|
|
4350
|
+
if (i) {
|
|
4351
|
+
const c = i.getElementById(e);
|
|
4352
|
+
if (c) return c;
|
|
4353
|
+
const d = o(i);
|
|
4354
|
+
if (d) return d;
|
|
4355
|
+
}
|
|
4356
|
+
}
|
|
4357
|
+
return null;
|
|
4358
|
+
};
|
|
4359
|
+
return o(document);
|
|
4360
|
+
}
|
|
4519
4361
|
// We need to pass `ariaLabel` or `ariaDescription` to the nys-components so they can announce both their label and the tooltip's text
|
|
4520
|
-
_passAria(e) {
|
|
4362
|
+
async _passAria(e) {
|
|
4521
4363
|
const t = e.tagName.toLowerCase();
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4364
|
+
t === "nys-icon" ? e.setAttribute("ariaLabel", `Hint: ${this.text}`) : t === "nys-button" && e.setAttribute("ariaDescription", `, Hint: ${this.text}`);
|
|
4365
|
+
}
|
|
4366
|
+
/**
|
|
4367
|
+
* In React, the reference element found is often the native HTML element within the nys-component.
|
|
4368
|
+
* Therefore, this function accounts for the closest NYS component ancestor that supports a tooltip prop.
|
|
4369
|
+
*/
|
|
4370
|
+
_applyTooltipPropToFormComponent(e) {
|
|
4371
|
+
const t = e.tagName.toLowerCase();
|
|
4372
|
+
if (t.startsWith("nys-")) {
|
|
4373
|
+
if (t === "nys-button" || t === "nys-icon") {
|
|
4374
|
+
this._applyFocusBehavior(e), this._passAria(e);
|
|
4375
|
+
return;
|
|
4376
|
+
}
|
|
4377
|
+
"tooltip" in e && (e.tooltip = this.text);
|
|
4378
|
+
}
|
|
4528
4379
|
}
|
|
4529
4380
|
// Applies focus behavior to an otherwise non focus element (i.e. nys-icon is non focusable by default)
|
|
4530
4381
|
async _applyFocusBehavior(e) {
|
|
4531
|
-
if (
|
|
4532
|
-
if (e.tagName.toLowerCase() === "nys-icon") {
|
|
4382
|
+
if (e.style.cursor = "pointer", e.tagName.toLowerCase() === "nys-icon") {
|
|
4533
4383
|
"updateComplete" in e && await e.updateComplete;
|
|
4534
4384
|
const o = e.shadowRoot?.querySelector("svg");
|
|
4535
4385
|
o && o.setAttribute("tabindex", "0");
|
|
4536
|
-
}
|
|
4537
|
-
e.setAttribute("tabindex", "0");
|
|
4386
|
+
}
|
|
4538
4387
|
}
|
|
4539
|
-
|
|
4388
|
+
/**
|
|
4389
|
+
* Checks if the tooltip fits inside the viewport on the given side of the trigger.
|
|
4390
|
+
* Used for auto-positioning. Ignores text overflow for now.
|
|
4391
|
+
*/
|
|
4540
4392
|
_doesPositionFit(e) {
|
|
4541
|
-
const t = this.
|
|
4393
|
+
const t = this._getReferenceElement(), o = this.shadowRoot?.querySelector(".nys-tooltip__content");
|
|
4542
4394
|
if (!t || !o || e == null) return;
|
|
4543
4395
|
const s = t.getBoundingClientRect(), n = o.getBoundingClientRect(), i = 8, c = {
|
|
4544
4396
|
top: s.top - i,
|
|
@@ -4553,11 +4405,15 @@ const te = class te extends u {
|
|
|
4553
4405
|
right: c.right >= n.width
|
|
4554
4406
|
}[e];
|
|
4555
4407
|
}
|
|
4556
|
-
|
|
4557
|
-
async autoPositionTooltip() {
|
|
4408
|
+
_userPositionTooltip() {
|
|
4558
4409
|
const e = this.shadowRoot?.querySelector(
|
|
4559
|
-
".nys-
|
|
4560
|
-
), t = this.
|
|
4410
|
+
".nys-tooltip__content"
|
|
4411
|
+
), t = this._getReferenceElement();
|
|
4412
|
+
e && t && (this._positionTooltipElement(t, e, this.position), this._shiftTooltipIntoViewport(e));
|
|
4413
|
+
}
|
|
4414
|
+
// Calculates the best placement based on available space (flips placement if it doesn't fit)
|
|
4415
|
+
async _autoPositionTooltip() {
|
|
4416
|
+
const e = this._getReferenceElement(), t = this.shadowRoot?.querySelector(
|
|
4561
4417
|
".nys-tooltip__content"
|
|
4562
4418
|
);
|
|
4563
4419
|
if (!e || !t) return;
|
|
@@ -4579,51 +4435,75 @@ const te = class te extends u {
|
|
|
4579
4435
|
}
|
|
4580
4436
|
for (const y of i)
|
|
4581
4437
|
if (this._doesPositionFit(y)) {
|
|
4582
|
-
this._setInternalPosition(y), await this.updateComplete, this._shiftTooltipIntoViewport(t);
|
|
4438
|
+
this._setInternalPosition(y), await this.updateComplete, this._positionTooltipElement(e, t, y), this._shiftTooltipIntoViewport(t);
|
|
4583
4439
|
return;
|
|
4584
4440
|
}
|
|
4585
|
-
let c = "top",
|
|
4441
|
+
let c = "top", d = n.top;
|
|
4586
4442
|
for (const y of i)
|
|
4587
|
-
n[y] >
|
|
4588
|
-
this._setInternalPosition(c), await this.updateComplete, this._shiftTooltipIntoViewport(t);
|
|
4443
|
+
n[y] > d && (d = n[y], c = y);
|
|
4444
|
+
this._setInternalPosition(c), await this.updateComplete, this._positionTooltipElement(e, t, c), this._shiftTooltipIntoViewport(t);
|
|
4445
|
+
}
|
|
4446
|
+
_positionStartingBase() {
|
|
4447
|
+
const e = this.shadowRoot?.querySelector(
|
|
4448
|
+
".nys-tooltip__content"
|
|
4449
|
+
);
|
|
4450
|
+
e && (e.style.top = "0px", e.style.left = "0px");
|
|
4451
|
+
}
|
|
4452
|
+
_positionTooltipElement(e, t, o) {
|
|
4453
|
+
const s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = 8;
|
|
4454
|
+
let c = 0, d = 0;
|
|
4455
|
+
switch (o) {
|
|
4456
|
+
case "top":
|
|
4457
|
+
c = s.top - n.height - i, d = s.left + s.width / 2 - n.width / 2;
|
|
4458
|
+
break;
|
|
4459
|
+
case "bottom":
|
|
4460
|
+
c = s.bottom + i, d = s.left + s.width / 2 - n.width / 2;
|
|
4461
|
+
break;
|
|
4462
|
+
case "left":
|
|
4463
|
+
c = s.top + s.height / 2 - n.height / 2, d = s.left - n.width - i;
|
|
4464
|
+
break;
|
|
4465
|
+
case "right":
|
|
4466
|
+
c = s.top + s.height / 2 - n.height / 2, d = s.right + i;
|
|
4467
|
+
break;
|
|
4468
|
+
default:
|
|
4469
|
+
c = s.top - n.height - i, d = s.left + s.width / 2 - n.width / 2;
|
|
4470
|
+
break;
|
|
4471
|
+
}
|
|
4472
|
+
t.style.top = `${c}px`, t.style.left = `${d}px`;
|
|
4473
|
+
}
|
|
4474
|
+
// Like storybook, some user's parent container may contain transform styling, which sets a new coordinate system.
|
|
4475
|
+
// This function reverse any container of that scale to not interfere with tooltip calculation.
|
|
4476
|
+
applyInverseTransform() {
|
|
4477
|
+
document.querySelectorAll('div[scale="1"]').forEach((e) => {
|
|
4478
|
+
e.style.transform = "none";
|
|
4479
|
+
});
|
|
4589
4480
|
}
|
|
4590
|
-
// Sets flag to distinguish to position's setter that we are updating "position" prop internally
|
|
4591
4481
|
_setInternalPosition(e) {
|
|
4592
4482
|
this._internallyUpdatingPosition = !0, this.position = e, this._internallyUpdatingPosition = !1;
|
|
4593
4483
|
}
|
|
4594
4484
|
// Determines if text of tooltip over-extends outside of viewport edge and adjust tooltip for horizontal overflow
|
|
4595
4485
|
_shiftTooltipIntoViewport(e) {
|
|
4596
|
-
const
|
|
4597
|
-
|
|
4598
|
-
|
|
4599
|
-
|
|
4600
|
-
const
|
|
4601
|
-
e.style.setProperty("--arrow-offset-x", `${
|
|
4486
|
+
const t = this._getReferenceElement();
|
|
4487
|
+
if (!t) return;
|
|
4488
|
+
const o = t.getBoundingClientRect(), s = e.getBoundingClientRect(), n = o.left + o.width / 2, i = s.left < 0, c = s.right > window.innerWidth;
|
|
4489
|
+
i ? (e.style.left = "10px", e.style.transform = "none") : c && (e.style.right = "0px", e.style.left = "auto", e.style.transform = "none");
|
|
4490
|
+
const d = e.getBoundingClientRect(), y = (n - d.left) / d.width, D = Math.max(0, Math.min(1, y)) * 100;
|
|
4491
|
+
e.style.setProperty("--arrow-offset-x", `${D}%`);
|
|
4602
4492
|
}
|
|
4603
4493
|
// Reposition tooltip back to original set position (e.g. top, left, bottom, right) to avoid positioning issue base on last position
|
|
4604
4494
|
_resetTooltipPositioningStyles(e) {
|
|
4605
|
-
e.style.left = "", e.style.right = "", e.style.transform = "";
|
|
4495
|
+
e.style.left = "", e.style.right = "", e.style.top = "", e.style.transform = "", e.style.removeProperty("--arrow-offset-x");
|
|
4606
4496
|
}
|
|
4607
4497
|
render() {
|
|
4608
4498
|
return l`
|
|
4609
4499
|
<div class="nys-tooltip__main">
|
|
4610
|
-
<div
|
|
4611
|
-
class="nys-tooltip__wrapper"
|
|
4612
|
-
@mouseenter=${this._handleTooltipEnter}
|
|
4613
|
-
@mouseleave=${this._handleBlurOrMouseLeave}
|
|
4614
|
-
@focusin=${this._handleTooltipEnter}
|
|
4615
|
-
@focusout=${this._handleBlurOrMouseLeave}
|
|
4616
|
-
>
|
|
4617
|
-
<span class="nys-tooltip__trigger">
|
|
4618
|
-
<slot></slot>
|
|
4619
|
-
</span>
|
|
4620
|
-
</div>
|
|
4621
4500
|
${this.text?.trim() ? l`<div
|
|
4622
4501
|
id=${this.id}
|
|
4623
4502
|
class="nys-tooltip__content"
|
|
4624
4503
|
role="tooltip"
|
|
4625
|
-
aria-hidden=${!this.
|
|
4504
|
+
aria-hidden=${this._active && !this._hideTimeout ? "false" : "true"}
|
|
4626
4505
|
?active=${this._active}
|
|
4506
|
+
style="visibility: ${this._active ? "visible" : "hidden"}; "
|
|
4627
4507
|
>
|
|
4628
4508
|
<div class="nys-tooltip__inner">${this.text}</div>
|
|
4629
4509
|
<span class="nys-tooltip__arrow"></span>
|
|
@@ -4632,28 +4512,28 @@ const te = class te extends u {
|
|
|
4632
4512
|
`;
|
|
4633
4513
|
}
|
|
4634
4514
|
};
|
|
4635
|
-
te.styles = p(
|
|
4636
|
-
let
|
|
4637
|
-
|
|
4515
|
+
te.styles = p(St);
|
|
4516
|
+
let W = te;
|
|
4517
|
+
p1([
|
|
4638
4518
|
r({ type: String, reflect: !0 })
|
|
4639
|
-
],
|
|
4640
|
-
|
|
4519
|
+
], W.prototype, "id", 2);
|
|
4520
|
+
p1([
|
|
4641
4521
|
r({ type: String })
|
|
4642
|
-
],
|
|
4643
|
-
|
|
4644
|
-
r({ type: Boolean, reflect: !0 })
|
|
4645
|
-
], s1.prototype, "inverted", 2);
|
|
4646
|
-
L1([
|
|
4522
|
+
], W.prototype, "text", 2);
|
|
4523
|
+
p1([
|
|
4647
4524
|
r({ type: Boolean, reflect: !0 })
|
|
4648
|
-
],
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
],
|
|
4652
|
-
|
|
4525
|
+
], W.prototype, "inverted", 2);
|
|
4526
|
+
p1([
|
|
4527
|
+
r({ type: String })
|
|
4528
|
+
], W.prototype, "for", 2);
|
|
4529
|
+
p1([
|
|
4530
|
+
z()
|
|
4531
|
+
], W.prototype, "_active", 2);
|
|
4532
|
+
p1([
|
|
4653
4533
|
r({ type: String, reflect: !0 })
|
|
4654
|
-
],
|
|
4655
|
-
customElements.get("nys-tooltip") || customElements.define("nys-tooltip",
|
|
4656
|
-
const
|
|
4534
|
+
], W.prototype, "position", 1);
|
|
4535
|
+
customElements.get("nys-tooltip") || customElements.define("nys-tooltip", W);
|
|
4536
|
+
const Dt = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
4657
4537
|
<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"/>
|
|
4658
4538
|
<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"/>
|
|
4659
4539
|
<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"/>
|
|
@@ -4669,11 +4549,11 @@ const t2 = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewB
|
|
|
4669
4549
|
<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"/>
|
|
4670
4550
|
<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"/>
|
|
4671
4551
|
<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"/>
|
|
4672
|
-
</svg>`,
|
|
4673
|
-
var
|
|
4552
|
+
</svg>`, Ht = ':host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px);--_nys-unavheader-background-color: var( --nys-color-surface, var(--nys-color-white, #ffffff) );--_nys-unavheader-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-unavheader-background-color--section-raised: var( --nys-color-surface-raised, var(--nys-color-neutral-10, #f6f6f6) );font-size:var(--nys-font-size-ui-md, 16px);font-weight:var(--nys-font-weight-semibold, 600);line-height:var(--nys-font-lineheight-ui-md, 24px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.nys-unavheader{display:flex;flex-direction:column}.nys-unavheader>*{padding:0 var(--_nys-unavheader-padding--gutter)}.nys-unavheader__main.wrapper{background-color:var(--_nys-unavheader-background-color)}.nys-unavheader__main.content{display:flex;align-items:center;justify-content:space-between;gap:var(--nys-space-300, 24px);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__spacer{flex:1}.nys-unavheader__trustbar.wrapper{background-color:var(--nys-color-neutral-100, #d0d0ce);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__trustbar.wrapper>.content,.nys-unavheader__trustbar.wrapper>.content *{cursor:pointer}.nys-unavheader__trustbar.inline,.nys-unavheader__trustbar.inline #nys-unavheader__official{background-color:transparent;cursor:default}.nys-unavheader__trustbar>.content,.nys-unavheader__trustbar.inline{display:flex;align-items:center;gap:var(--nys-space-100, 8px);height:fit-content;font-size:var(--nys-font-size-ui-xs, 12px);font-weight:var(--nys-font-weight-regular, 400);line-height:var(--nys-font-lineheight-ui-xs, 20px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}a#nys-unavheader__logolink{outline-offset:var(--nys-space-2px, 2px)}.nys-unavheader__logo svg{vertical-align:top;height:var(--nys-size-500, 40px);width:auto}#nys-unavheader__know,#nys-unavheader__know--inline{width:max-content;display:flex;align-items:center;cursor:pointer;gap:var(--nys-space-50, 4px);--_nys-button-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strongest, #002971);--nys-button-background-color--hover: var( --nys-color-transparent, #ffffff00 );--nys-button-background-color--active: var( --nys-color-transparent, #ffffff00 );--_nys-button-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-button-font-weight: var(--nys-font-weight-regular, 400);--_nys-button-line-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}.hide{display:none}.nys-unavheader__trustpanel.wrapper.show{background-color:var(--_nys-unavheader-background-color--section-raised);display:flex;padding-top:var(--nys-space-400, 32px);padding-bottom:var(--nys-space-400, 32px)}.nys-unavheader__messagewrapper{display:flex;gap:var(--nys-space-400, 32px)}.nys-unavheader__trustpanel.content{display:flex;flex-direction:row-reverse}.nys-unavheader__trustcontentmessage{flex:1;display:flex;flex-direction:column;gap:var(--nys-space-100, 8px);font-family:var(--nys-type-family-ui, "Proxima Nova");font-size:var(--nys-type-size-ui-sm, 14px);font-style:normal;font-weight:400;line-height:var(--nys-typography-font-lineheight-ui-sm, 24px);letter-spacing:var(--nys-typography-font-letterspacing-ui-sm, .044px)}.nys-unavheader__searchdropdown.wrapper{background-color:var(--_nys-unavheader-background-color--section-raised);padding-top:var(--nys-space-250, 20px);padding-bottom:var(--nys-space-250, 20px)}.nys-unavheader__trustpanel.wrapper>.content,.nys-unavheader__main.wrapper>.content,.nys-unavheader__trustbar>.content,.nys-unavheader__searchdropdown.wrapper>.content{max-width:1280px;margin:0 auto}.nys-unavheader__search{max-width:var(--nys-form-width-md, 200px);transition:max-width .5s ease;--_nys-textinput-gap: 0px}.nys-unavheader__search:focus{width:var(--nys-form-width-lg, 384px);max-width:var(--nys-form-width-lg, 384px)}#nys-unavheader__translate--desktop,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton{--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-width: 0px}.nys-unavheader__iconbutton{--_nys-button-width: var(--nys-size-400, 32px);--_nys-button-height: var(--nys-size-400, 32px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-unavheader__translatewrapper{position:relative}.nys-unavheader__languagelist.show{position:absolute;display:flex;flex-direction:column;min-width:fit-content;width:max-content;z-index:99999;background-color:var(--_nys-unavheader-background-color--section-raised);color:var(--nys-color-state-blue-700, #154973);margin-top:var(--nys-space-150, 12px);right:0}a.nys-unavheader__languagelink{padding:var(--nys-space-200, 16px) var(--nys-space-250, 20px);color:var(--nys-color-state-blue-700, #154973);text-decoration:none}a.nys-unavheader__languagelink:hover{background-color:var(--nys-color-neutral-100, #d0d0ce)}a.nys-unavheader__languagelink:active{background-color:var(--nys-color-neutral-200, #bec0c1)}@media(min-width:0)and (max-width:479px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px)}#nys-unavheader__know{--_nys-button-padding--x: 0px;--_nys-button-padding--y: 0px;--_nys-button-height: var(--nys-space-200, 16px)}.nys-unavheader__trustbar>.content{flex-direction:column;align-items:flex-start;gap:0px;line-height:16px}.nys-unavheader__trustbar.wrapper{padding-top:var(--nys-space-50, 4px);padding-bottom:var(--nys-space-50, 4px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:480px)and (max-width:767px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-sm, 20px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:768px)and (max-width:1023px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-md, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1024px)and (max-width:1279px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-lg, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1280px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xl, 64px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}';
|
|
4553
|
+
var Bt = Object.defineProperty, l1 = (a, e, t, o) => {
|
|
4674
4554
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
4675
4555
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
4676
|
-
return s &&
|
|
4556
|
+
return s && Bt(e, t, s), s;
|
|
4677
4557
|
};
|
|
4678
4558
|
const se = class se extends u {
|
|
4679
4559
|
constructor() {
|
|
@@ -4695,7 +4575,7 @@ const se = class se extends u {
|
|
|
4695
4575
|
];
|
|
4696
4576
|
}
|
|
4697
4577
|
_getNysLogo() {
|
|
4698
|
-
return new DOMParser().parseFromString(
|
|
4578
|
+
return new DOMParser().parseFromString(Dt, "image/svg+xml").documentElement;
|
|
4699
4579
|
}
|
|
4700
4580
|
_toggleTrustbar(e) {
|
|
4701
4581
|
if (this.trustbarVisible = !this.trustbarVisible, this.trustbarVisible && (this.languageVisible = !1, this.searchDropdownVisible = !1), e === "no focus") return;
|
|
@@ -4955,45 +4835,45 @@ const se = class se extends u {
|
|
|
4955
4835
|
`;
|
|
4956
4836
|
}
|
|
4957
4837
|
};
|
|
4958
|
-
se.styles = p(
|
|
4959
|
-
let
|
|
4960
|
-
|
|
4838
|
+
se.styles = p(Ht);
|
|
4839
|
+
let N = se;
|
|
4840
|
+
l1([
|
|
4961
4841
|
r({ type: Boolean })
|
|
4962
|
-
],
|
|
4963
|
-
|
|
4842
|
+
], N.prototype, "trustbarVisible");
|
|
4843
|
+
l1([
|
|
4964
4844
|
r({ type: Boolean })
|
|
4965
|
-
],
|
|
4966
|
-
|
|
4845
|
+
], N.prototype, "searchDropdownVisible");
|
|
4846
|
+
l1([
|
|
4967
4847
|
r({ type: Boolean })
|
|
4968
|
-
],
|
|
4969
|
-
|
|
4848
|
+
], N.prototype, "languageVisible");
|
|
4849
|
+
l1([
|
|
4970
4850
|
r({ type: Boolean })
|
|
4971
|
-
],
|
|
4972
|
-
|
|
4851
|
+
], N.prototype, "isSearchFocused");
|
|
4852
|
+
l1([
|
|
4973
4853
|
r({ type: Boolean })
|
|
4974
|
-
],
|
|
4975
|
-
|
|
4854
|
+
], N.prototype, "hideTranslate");
|
|
4855
|
+
l1([
|
|
4976
4856
|
r({ type: Boolean })
|
|
4977
|
-
],
|
|
4978
|
-
|
|
4857
|
+
], N.prototype, "hideSearch");
|
|
4858
|
+
l1([
|
|
4979
4859
|
r({ type: Array, reflect: !0 })
|
|
4980
|
-
],
|
|
4981
|
-
customElements.get("nys-unavheader") || customElements.define("nys-unavheader",
|
|
4982
|
-
const
|
|
4983
|
-
var
|
|
4860
|
+
], N.prototype, "languages");
|
|
4861
|
+
customElements.get("nys-unavheader") || customElements.define("nys-unavheader", N);
|
|
4862
|
+
const At = ':host{--_nys-globalheader-color: var( --nys-color-text-reverse, var(--nys-color-white, #ffffff) );--_nys-globalheader-link-color: var( --nys-color-link-reverse-neutral, var(--nys-color-white, #fff) );--_nys-globalheader-background-color: var( --nys-color-theme, var(--nys-color-state-blue-700, #154973) );--_nys-globalheader-gap: var(--nys-space-300, 24px);--_nys-globalheader-padding: var(--nys-space-250, 20px);--_nys-globalheader-font-family--menu: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalheader-line-height: normal;--_nys-globalheader-letter-spacing: normal;--_nys-globalheader-font-weight: var(--nys-font-weight-semibold, 600);--_nys-globalheader-max-width: var(--nys-max-content-width, 1280px);--_nys-globalheader-gap--text: var(--nys-space-100, 8px);--_nys-globalheader-font-size--heading: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalheader-font-size--subheading: var( --nys-font-size-agency-md, var(--nys-font-size-md, 16px) );--_nys-globalheader-font-family--headings: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalheader-line-height--menu: var( --nys-font-lineheight-ui-md, 24px );--_nys-globalheader-letter-spacing--menu: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalheader-text-decoration-thickness--menu: var( --nys-size-2px, 2px );--_nys-globalheader-link-padding: var(--nys-space-300, 24px) var(--nys-space-200, 16px);--_nys-globalheader-font-size--menu-btn: var(--nys-type-size-ui-xs, 12px);--_nys-globalheader-line-height--menu-btn: var( --nys-font-lineheight-ui-xs, 20px );--_nys-globalheader-letter-spacing--menu-btn: var( --nys-font-letterspacing-ui-xs, .057px );--_nys-globalheader-border-color--menu: var(--nys-color-theme-mid, #457aa5);--_nys-globalheader-background-color--menu--hover: var( --nys-color-theme-strong, #0e324f );--_nys-globalheader-background-color--menu--active: var( --nys-color-theme-stronger, #081b2b )}ul{list-style-type:none;padding:0;margin:0}li{display:block;margin:0;padding:0;box-sizing:border-box}a{color:var(--_nys-globalheader-color);text-decoration:none;font-family:var(--_nys-globalheader-font-family--menu);font-style:normal;font-weight:400;line-height:var(--_nys-globalheader-line-height--menu);letter-spacing:var(--_nys-globalheader-letter-spacing--menu)}.nys-globalheader{display:flex;justify-content:center;padding:var(--_nys-globalheader-padding);background-color:var(--_nys-globalheader-background-color);color:var(--_nys-globalheader-color);width:100%;min-height:76px;box-sizing:border-box}.nys-globalheader__main-container{display:flex;gap:var(--_nys-globalheader-gap);max-width:var(--_nys-globalheader-max-width);width:100%}.nys-globalheader__name-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--_nys-globalheader-gap--text)}.nys-globalheader__name{margin:0;color:var(--_nys-globalheader-color);font-family:var(--_nys-globalheader-font-family--headings);font-size:var(--_nys-globalheader-font-size--heading);font-style:normal;font-weight:var(--_nys-globalheader-font-weight);line-height:var(--_nys-globalheader-line-height);letter-spacing:var(--_nys-globalheader-letter-spacing);overflow-wrap:break-word}.nys-globalheader__agencyName{font-size:var(--_nys-globalheader-font-size--subheading)}.nys-globalheader__agencyName.main{font-size:var(--_nys-globalheader-font-size--heading)}.nys-globalheader__content{display:none;font-family:var(--_nys-globalheader-font-family--menu)}.nys-globalheader__content ul{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.nys-globalheader__content ul a:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font}.nys-globalheader__content ul a:active{text-decoration-thickness:var(--_nys-globalheader-text-decoration-thickness--menu)}.nys-globalheader__content li.active a,.nys-globalheader__content-mobile li.active a{font-weight:700}.nys-globalheader__content li.active{border-bottom:8px solid var(--nys-color-theme-weak, #cddde9)}.nys-globalheader__content li.active a{margin-bottom:calc(-1 * var(--nys-space-100, 8px))}.nys-globalheader__content-mobile li.active a{border-left:8px solid var(--nys-color-theme-weak, #cddde9);border-bottom:1px solid var(--_nys-globalheader-border-color--menu)}.nys-globalheader__content ul li.active a:hover{text-decoration:none}.nys-globalheader__content-mobile{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:center;background-color:var(--_nys-globalheader-background-color);width:fit-content}.nys-globalheader__content-mobile.close{display:none}.nys-globalheader__content-mobile ul{display:flex;flex-direction:column}.nys-globalheader__content-mobile ul li:first-child a{border-top:1px solid var(--_nys-globalheader-color)}.nys-globalheader__content-mobile ul li a{display:flex;padding:24px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid var(--_nys-globalheader-border-color--menu);background-color:var(--_nys-globalheader-background-color)}.nys-globalheader__content-mobile ul li a:hover{background-color:var(--_nys-globalheader-background-color--menu--hover)}.nys-globalheader__content-mobile ul li a:active{background-color:var(--_nys-globalheader-background-color--menu--active)}.nys-globalheader__name-container-link{display:flex;flex-direction:column;justify-content:center}.nys-globalheader__button-container{display:flex;justify-content:center;align-items:center}.nys-globalheader__mobile-menu-button{flex-direction:column;gap:3px;width:50px;height:50px;background-color:var(--_nys-globalheader-background-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;color:var(--_nys-globalheader-color)}.nys-globalheader__mobile-menu-button-text{font-size:var(--_nys-globalheader-font-size--menu-btn);line-height:var(--_nys-globalheader-line-height--menu-btn);letter-spacing:var(--_nys-globalheader-letter-spacing--menu-btn)}@media(min-width:1024px){.nys-globalheader__content{display:flex}.nys-globalheader__content ul{flex-direction:row}.nys-globalheader__content-mobile,.nys-globalheader__button-container{display:none}li{display:flex;align-items:center;padding:var(--_nys-globalheader-link-padding)}:host{--_nys-globalheader-gap: var(--nys-space-500, 40px);--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-size-400, 32px) 0}}@media(min-width:1280px){:host{--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-space-800, 64px) 0}}';
|
|
4863
|
+
var Zt = Object.defineProperty, x1 = (a, e, t, o) => {
|
|
4984
4864
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
4985
4865
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
4986
|
-
return s &&
|
|
4866
|
+
return s && Zt(e, t, s), s;
|
|
4987
4867
|
};
|
|
4988
4868
|
const oe = class oe extends u {
|
|
4989
4869
|
constructor() {
|
|
4990
4870
|
super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this.slotHasContent = !0, this.isMobileMenuOpen = !1;
|
|
4991
4871
|
}
|
|
4992
|
-
|
|
4872
|
+
// Lifecycle Methods
|
|
4993
4873
|
firstUpdated() {
|
|
4994
4874
|
this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange", () => this._handleSlotChange()), this._handleSlotChange(), this._listenLinkClicks();
|
|
4995
4875
|
}
|
|
4996
|
-
|
|
4876
|
+
// Functions
|
|
4997
4877
|
// Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
|
|
4998
4878
|
async _handleSlotChange() {
|
|
4999
4879
|
const e = this.shadowRoot?.querySelector("slot");
|
|
@@ -5012,22 +4892,22 @@ const oe = class oe extends u {
|
|
|
5012
4892
|
);
|
|
5013
4893
|
t.forEach((i) => {
|
|
5014
4894
|
if (i.nodeType === Node.ELEMENT_NODE) {
|
|
5015
|
-
const c = i.cloneNode(!0),
|
|
5016
|
-
["script", "iframe", "object", "embed, img"].forEach((
|
|
5017
|
-
c.querySelectorAll(
|
|
4895
|
+
const c = i.cloneNode(!0), d = i.cloneNode(!0);
|
|
4896
|
+
["script", "iframe", "object", "embed, img"].forEach((F) => {
|
|
4897
|
+
c.querySelectorAll(F).forEach((U) => U.remove());
|
|
5018
4898
|
});
|
|
5019
|
-
const
|
|
5020
|
-
const
|
|
5021
|
-
let
|
|
4899
|
+
const D = (F) => {
|
|
4900
|
+
const U = Array.from(F.querySelectorAll("a"));
|
|
4901
|
+
let v1 = {
|
|
5022
4902
|
li: null,
|
|
5023
4903
|
length: 0
|
|
5024
4904
|
};
|
|
5025
|
-
|
|
5026
|
-
const ie =
|
|
5027
|
-
|
|
4905
|
+
U.forEach((w1) => {
|
|
4906
|
+
const ie = w1.getAttribute("href"), f1 = this._normalizePath(ie);
|
|
4907
|
+
f1 && (f1 === "/" && n === "/" ? v1 = { li: w1.closest("li"), length: 1 } : n?.startsWith(f1) && f1.length > v1.length && (v1 = { li: w1.closest("li"), length: f1.length }), U.forEach((ye) => ye.closest("li")?.classList.remove("active")), v1.li?.classList.add("active"));
|
|
5028
4908
|
});
|
|
5029
4909
|
};
|
|
5030
|
-
|
|
4910
|
+
D(c), D(d), o.appendChild(c), s.appendChild(d), i.remove();
|
|
5031
4911
|
}
|
|
5032
4912
|
});
|
|
5033
4913
|
}
|
|
@@ -5121,39 +5001,39 @@ const oe = class oe extends u {
|
|
|
5121
5001
|
`;
|
|
5122
5002
|
}
|
|
5123
5003
|
};
|
|
5124
|
-
oe.styles = p(
|
|
5125
|
-
let
|
|
5126
|
-
|
|
5004
|
+
oe.styles = p(At);
|
|
5005
|
+
let s1 = oe;
|
|
5006
|
+
x1([
|
|
5127
5007
|
r({ type: String })
|
|
5128
|
-
],
|
|
5129
|
-
|
|
5008
|
+
], s1.prototype, "appName");
|
|
5009
|
+
x1([
|
|
5130
5010
|
r({ type: String })
|
|
5131
|
-
],
|
|
5132
|
-
|
|
5011
|
+
], s1.prototype, "agencyName");
|
|
5012
|
+
x1([
|
|
5133
5013
|
r({ type: String })
|
|
5134
|
-
],
|
|
5135
|
-
|
|
5136
|
-
|
|
5137
|
-
],
|
|
5138
|
-
|
|
5139
|
-
|
|
5140
|
-
],
|
|
5141
|
-
customElements.get("nys-globalheader") || customElements.define("nys-globalheader",
|
|
5142
|
-
const
|
|
5143
|
-
var
|
|
5014
|
+
], s1.prototype, "homepageLink");
|
|
5015
|
+
x1([
|
|
5016
|
+
z()
|
|
5017
|
+
], s1.prototype, "slotHasContent");
|
|
5018
|
+
x1([
|
|
5019
|
+
z()
|
|
5020
|
+
], s1.prototype, "isMobileMenuOpen");
|
|
5021
|
+
customElements.get("nys-globalheader") || customElements.define("nys-globalheader", s1);
|
|
5022
|
+
const qt = ':host{--_nys-globalfooter-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-globalfooter-background-color: var( --nys-color-theme-weaker, var(--nys-color-state-blue-50, #eff6fb) );--_nys-globalfooter-gap: var(--nys-space-300, 24px);--_nys-globalfooter-padding--y: var(--nys-space-400, 32px);--_nys-globalfooter-padding--gutter: var(--nys-gutter-sm, 20px);--_nys-globalfooter-font-size--agency: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalfooter-font-size--link: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-globalfooter-line-height--agency: normal;--_nys-globalfooter-font-weight--regular: var( --nys-font-weight-regular, 400 );--_nys-globalfooter-font-weight--semibold: var( --nys-font-weight-semibold, 600 );--_nys-globalfooter-max-width: var(--nys-max-content-width, 1280px);--_nys-globalfooter-font-family--agency: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalfooter-column-gap: var(--nys-space-400, 32px);--_nys-globalfooter-row-gap: var(--nys-space-400, 32px);--_nys-globalfooter-line-height--link: var( --nys-font-lineheight-ui-md, 24px );--_nys-globalfooter-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalfooter-font-family--link: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalfooter-text-decoration-thickness: var(--nys-size-2px, 2px);--_nys-globalfooter-background--divider: var(--nys-color-theme, #154973);--_nys-globalfooter-margin--divider: var(--nys-space-50, 4px)}.nys-globalfooter{display:flex;padding:var(--_nys-globalfooter-padding--y) var(--_nys-globalfooter-padding--gutter);justify-content:center;background-color:var(--_nys-globalfooter-background-color);color:var(--_nys-globalfooter-color);width:100%;box-sizing:border-box}.nys-globalfooter__main-container{display:flex;flex-direction:column;gap:var(--_nys-globalfooter-gap);width:100%;max-width:var(--_nys-globalfooter-max-width)}.nys-globalfooter__name{text-align:left;margin:0;color:var(--_nys-globalfooter-color);font-family:var(--_nys-globalfooter-font-family--agency);font-size:var(--_nys-globalfooter-font-size--agency);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--agency);letter-spacing:normal}ul{list-style-type:none;padding:0;margin:0}li{margin:0;padding:0}a,span{color:var(--_nys-globalfooter-color);text-decoration:none;font-family:var(--_nys-globalfooter-font-family--link);font-size:var(--_nys-globalfooter-font-size--link);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--link);letter-spacing:var(--_nys-globalfooter-letter-spacing)}ul li>span+ul li a{font-weight:var(--_nys-globalfooter-font-weight--regular)}a:hover{text-decoration:underline}a:active{text-decoration-thickness:var(--_nys-globalfooter-text-decoration-thickness)}.nys-globalfooter__content{width:100%}.nys-globalfooter__content ul{display:flex;flex-direction:column;gap:var(--_nys-globalfooter-row-gap) var(--_nys-globalfooter-column-gap);flex-wrap:wrap}.nys-globalfooter__content ul li:has(span~ul){flex:1;display:flex;flex-direction:column}.nys-globalfooter__content ul:has(li>span~ul){--_nys-globalfooter-column-gap: var(--nys-space-500, 40px)}.nys-globalfooter__content ul li>span~ul{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px)}.divider{margin-top:var(--_nys-globalfooter-margin--divider);margin-bottom:var(--nys-space-300, 24px)}@media(min-width:768px){.nys-globalfooter__content ul{flex-direction:row}.nys-globalfooter__content ul li:has(span~ul){flex:1 0 205px}:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-lg, 32px);--_nys-globalfooter-row-gap: var(--nys-space-600, 48px)}}@media(min-width:1280px){:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-xl, 64px)}}';
|
|
5023
|
+
var It = Object.defineProperty, U1 = (a, e, t, o) => {
|
|
5144
5024
|
for (var s = void 0, n = a.length - 1, i; n >= 0; n--)
|
|
5145
5025
|
(i = a[n]) && (s = i(e, t, s) || s);
|
|
5146
|
-
return s &&
|
|
5026
|
+
return s && It(e, t, s), s;
|
|
5147
5027
|
};
|
|
5148
5028
|
const re = class re extends u {
|
|
5149
5029
|
constructor() {
|
|
5150
5030
|
super(...arguments), this.agencyName = "", this.homepageLink = "", this.slotHasContent = !0;
|
|
5151
5031
|
}
|
|
5152
|
-
|
|
5032
|
+
// Lifecycle Methods
|
|
5153
5033
|
firstUpdated() {
|
|
5154
5034
|
this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange", () => this._handleSlotChange()), this._handleSlotChange();
|
|
5155
5035
|
}
|
|
5156
|
-
|
|
5036
|
+
// Functions
|
|
5157
5037
|
// Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
|
|
5158
5038
|
async _handleSlotChange() {
|
|
5159
5039
|
const e = this.shadowRoot?.querySelector("slot");
|
|
@@ -5169,7 +5049,7 @@ const re = class re extends u {
|
|
|
5169
5049
|
if (i.nodeType === Node.ELEMENT_NODE) {
|
|
5170
5050
|
const c = i.cloneNode(!0);
|
|
5171
5051
|
["script", "iframe", "object", "embed", "img"].forEach((y) => {
|
|
5172
|
-
c.querySelectorAll(y).forEach((
|
|
5052
|
+
c.querySelectorAll(y).forEach((D) => D.remove());
|
|
5173
5053
|
}), o.appendChild(c), i.remove();
|
|
5174
5054
|
}
|
|
5175
5055
|
}), o.querySelectorAll("span").forEach((i) => {
|
|
@@ -5195,19 +5075,19 @@ const re = class re extends u {
|
|
|
5195
5075
|
`;
|
|
5196
5076
|
}
|
|
5197
5077
|
};
|
|
5198
|
-
re.styles = p(
|
|
5199
|
-
let
|
|
5200
|
-
|
|
5078
|
+
re.styles = p(qt);
|
|
5079
|
+
let h1 = re;
|
|
5080
|
+
U1([
|
|
5201
5081
|
r({ type: String })
|
|
5202
|
-
],
|
|
5203
|
-
|
|
5082
|
+
], h1.prototype, "agencyName");
|
|
5083
|
+
U1([
|
|
5204
5084
|
r({ type: String })
|
|
5205
|
-
],
|
|
5206
|
-
|
|
5207
|
-
|
|
5208
|
-
],
|
|
5209
|
-
customElements.get("nys-globalfooter") || customElements.define("nys-globalfooter",
|
|
5210
|
-
const
|
|
5085
|
+
], h1.prototype, "homepageLink");
|
|
5086
|
+
U1([
|
|
5087
|
+
z()
|
|
5088
|
+
], h1.prototype, "slotHasContent");
|
|
5089
|
+
customElements.get("nys-globalfooter") || customElements.define("nys-globalfooter", h1);
|
|
5090
|
+
const Pt = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewBox="0 0 91 55" fill="none">
|
|
5211
5091
|
<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"/>
|
|
5212
5092
|
<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"/>
|
|
5213
5093
|
<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"/>
|
|
@@ -5223,10 +5103,10 @@ const l2 = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewB
|
|
|
5223
5103
|
<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"/>
|
|
5224
5104
|
<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"/>
|
|
5225
5105
|
<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"/>
|
|
5226
|
-
</svg>`,
|
|
5227
|
-
|
|
5106
|
+
</svg>`, Ut = ':host{--_nys-unavfooter-color: var( --nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff) );--_nys-unavfooter-background-color: var( --nys-color-surface-reverse, #1b1b1b );--_nys-unavfooter-gap: var(--nys-space-200, 16px);--_nys-unavfooter-padding: var(--nys-space-250, 20px);--_nys-unavfooter-padding--gutter: var(--nys-gutter-sm, 20px);--_nys-unavfooter-font-size: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-unavfooter-font-weight: var(--nys-font-weight-semibold, 600);--_nys-unavfooter-max-width: var(--nys-max-content-width, 1280px);--_nys-unavfooter-row-gap: var(--nys-space-250, 20px);--_nys-unavfooter-column-gap: var(--nys-space-600, 48px);--_nys-unavfooter-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-unavfooter-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-unavfooter-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-unavfooter-text-decoration-thickness: var(--nys-size-2px, 2px)}ul{list-style-type:none;padding:0;margin:0}li{margin:0;padding:0}a{color:var(--_nys-unavfooter-color);text-decoration:none;font-family:var(--_nys-unavfooter-font-family);font-size:var(--_nys-unavfooter-font-size);font-style:normal;font-weight:var(--_nys-unavfooter-font-weight);line-height:var(--_nys-unavfooter-line-height);letter-spacing:var(--_nys-unavfooter-letter-spacing);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font}a:hover{text-decoration-line:underline}a:active{text-decoration-thickness:var(--_nys-unavfooter-text-decoration-thickness)}.nys-unavfooter{display:flex;flex-direction:column;gap:var(--_nys-unavfooter-gap);align-items:flex-start;background-color:var(--_nys-unavfooter-background-color);width:100%;box-sizing:border-box}.nys-unavfooter__main-container{display:flex;justify-content:center;width:100%}.nys-unavfooter__container_menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:var(--_nys-unavfooter-max-width);padding:var(--_nys-unavfooter-padding) var(--_nys-unavfooter-padding--gutter);gap:var(--_nys-unavfooter-gap);box-sizing:border-box}.nys-unavfooter__logo a{display:flex;align-items:center;line-height:0}.nys-unavfooter__content{display:flex;align-items:center}.nys-unavfooter__content ul{display:flex;justify-content:center;gap:var(--_nys-unavfooter-row-gap) var(--_nys-unavfooter-column-gap);flex-wrap:wrap}@media(min-width:768px){.nys-unavfooter__container_menu{flex-direction:row}.nys-unavfooter__content ul{justify-content:flex-start}:host{--_nys-unavfooter-padding--gutter: var(--nys-gutter-lg, 32px);--_nys-unavfooter-column-gap: var(--nys-space-600, 48px);--_nys-unavfooter-gap-spacing: var(--nys-space-800, 64px)}}@media(min-width:1280px){:host{--_nys-unavfooter-padding--gutter: var(--nys-gutter-xl, 64px)}}', ne = class ne extends u {
|
|
5107
|
+
// Functions
|
|
5228
5108
|
_getNysLogo() {
|
|
5229
|
-
return new DOMParser().parseFromString(
|
|
5109
|
+
return new DOMParser().parseFromString(Pt, "image/svg+xml").documentElement;
|
|
5230
5110
|
}
|
|
5231
5111
|
render() {
|
|
5232
5112
|
return l`
|
|
@@ -5260,40 +5140,40 @@ const l2 = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewB
|
|
|
5260
5140
|
`;
|
|
5261
5141
|
}
|
|
5262
5142
|
};
|
|
5263
|
-
ne.styles = p(
|
|
5264
|
-
let
|
|
5265
|
-
customElements.get("nys-unavfooter") || customElements.define("nys-unavfooter",
|
|
5143
|
+
ne.styles = p(Ut);
|
|
5144
|
+
let q1 = ne;
|
|
5145
|
+
customElements.get("nys-unavfooter") || customElements.define("nys-unavfooter", q1);
|
|
5266
5146
|
export {
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5290
|
-
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
|
|
5295
|
-
|
|
5296
|
-
|
|
5297
|
-
|
|
5147
|
+
c1 as NysAccordion,
|
|
5148
|
+
Q as NysAccordionItem,
|
|
5149
|
+
E as NysAlert,
|
|
5150
|
+
Z as NysAvatar,
|
|
5151
|
+
n1 as NysBacktotop,
|
|
5152
|
+
De as NysBadge,
|
|
5153
|
+
f as NysButton,
|
|
5154
|
+
m as NysCheckbox,
|
|
5155
|
+
L as NysCheckboxgroup,
|
|
5156
|
+
k1 as NysDivider,
|
|
5157
|
+
d1 as NysErrorMessage,
|
|
5158
|
+
x as NysFileinput,
|
|
5159
|
+
h1 as NysGlobalFooter,
|
|
5160
|
+
s1 as NysGlobalHeader,
|
|
5161
|
+
K as NysIcon,
|
|
5162
|
+
G as NysLabel,
|
|
5163
|
+
R as NysModal,
|
|
5164
|
+
e1 as NysOption,
|
|
5165
|
+
J as NysPagination,
|
|
5166
|
+
dt as NysRadiobutton,
|
|
5167
|
+
k as NysRadiogroup,
|
|
5168
|
+
$ as NysSelect,
|
|
5169
|
+
g1 as NysSkipnav,
|
|
5170
|
+
T as NysStep,
|
|
5171
|
+
t1 as NysStepper,
|
|
5172
|
+
b as NysTextarea,
|
|
5173
|
+
v as NysTextinput,
|
|
5174
|
+
H as NysToggle,
|
|
5175
|
+
W as NysTooltip,
|
|
5176
|
+
q1 as NysUnavFooter,
|
|
5177
|
+
N as NysUnavHeader
|
|
5298
5178
|
};
|
|
5299
5179
|
//# sourceMappingURL=nysds.es.js.map
|