@uoguelph/web-components 1.2.0-rc.6 → 1.2.0-rc.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -63
- package/dist/uofg-web-components/index-CSn7dBx6.js +981 -0
- package/dist/uofg-web-components/uofg-alert.esm.js +154 -0
- package/dist/uofg-web-components/uofg-footer.esm.js +403 -0
- package/dist/uofg-web-components/uofg-header.esm.js +2306 -0
- package/dist/uofg-web-components/uofg-modal.esm.js +329 -0
- package/dist/uofg-web-components/uofg-web-components.css +1 -1
- package/dist/uofg-web-components/uofg-web-components.esm.js +8 -1
- package/package.json +21 -35
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/index-06b58d35.js +0 -32
- package/dist/cjs/index-cdb046b4.js +0 -2092
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +0 -15
- package/dist/cjs/uofg-alert.cjs.entry.js +0 -21
- package/dist/cjs/uofg-back-to-top_5.cjs.entry.js +0 -1387
- package/dist/cjs/uofg-modal.cjs.entry.js +0 -172
- package/dist/cjs/uofg-web-components.cjs.js +0 -25
- package/dist/cjs/utils-3d4b7e2e.js +0 -16
- package/dist/collection/collection-manifest.json +0 -18
- package/dist/collection/components/uofg-alert/uofg-alert.css +0 -1
- package/dist/collection/components/uofg-alert/uofg-alert.js +0 -20
- package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.css +0 -1
- package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.js +0 -71
- package/dist/collection/components/uofg-card/uofg-card.css +0 -1
- package/dist/collection/components/uofg-card/uofg-card.js +0 -45
- package/dist/collection/components/uofg-footer/uofg-footer.css +0 -1
- package/dist/collection/components/uofg-footer/uofg-footer.js +0 -153
- package/dist/collection/components/uofg-header/uofg-header.css +0 -1
- package/dist/collection/components/uofg-header/uofg-header.js +0 -266
- package/dist/collection/components/uofg-menu/uofg-menu.js +0 -438
- package/dist/collection/components/uofg-modal/uofg-modal.css +0 -1
- package/dist/collection/components/uofg-modal/uofg-modal.js +0 -417
- package/dist/collection/index.js +0 -1
- package/dist/collection/utils/font-awesome-icon.js +0 -7
- package/dist/collection/utils/utils.js +0 -13
- package/dist/components/font-awesome-icon.js +0 -10
- package/dist/components/index.d.ts +0 -50
- package/dist/components/index.js +0 -8
- package/dist/components/index2.js +0 -18
- package/dist/components/uofg-alert.d.ts +0 -11
- package/dist/components/uofg-alert.js +0 -36
- package/dist/components/uofg-back-to-top.d.ts +0 -11
- package/dist/components/uofg-back-to-top.js +0 -52
- package/dist/components/uofg-card.d.ts +0 -11
- package/dist/components/uofg-card.js +0 -40
- package/dist/components/uofg-footer.d.ts +0 -11
- package/dist/components/uofg-footer.js +0 -751
- package/dist/components/uofg-header.d.ts +0 -11
- package/dist/components/uofg-header.js +0 -398
- package/dist/components/uofg-menu.d.ts +0 -11
- package/dist/components/uofg-menu.js +0 -6
- package/dist/components/uofg-menu2.js +0 -268
- package/dist/components/uofg-modal.d.ts +0 -11
- package/dist/components/uofg-modal.js +0 -201
- package/dist/components/utils.js +0 -12
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/index-0b0002d2.js +0 -2062
- package/dist/esm/index-e685921a.js +0 -27
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +0 -11
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/uofg-alert.entry.js +0 -17
- package/dist/esm/uofg-back-to-top_5.entry.js +0 -1379
- package/dist/esm/uofg-modal.entry.js +0 -168
- package/dist/esm/uofg-web-components.js +0 -20
- package/dist/esm/utils-379bb71a.js +0 -12
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/types/components/uofg-alert/uofg-alert.d.ts +0 -3
- package/dist/types/components/uofg-back-to-top/uofg-back-to-top.d.ts +0 -10
- package/dist/types/components/uofg-card/uofg-card.d.ts +0 -7
- package/dist/types/components/uofg-footer/uofg-footer.d.ts +0 -8
- package/dist/types/components/uofg-header/uofg-header.d.ts +0 -37
- package/dist/types/components/uofg-menu/uofg-menu.d.ts +0 -68
- package/dist/types/components/uofg-modal/uofg-modal.d.ts +0 -77
- package/dist/types/components.d.ts +0 -303
- package/dist/types/index.d.ts +0 -1
- package/dist/types/stencil-public-runtime.d.ts +0 -1681
- package/dist/types/utils/font-awesome-icon.d.ts +0 -5
- package/dist/types/utils/utils.d.ts +0 -4
- package/dist/uofg-web-components/index.esm.js +0 -0
- package/dist/uofg-web-components/p-6fa0f8f6.js +0 -1
- package/dist/uofg-web-components/p-7569d8f2.entry.js +0 -1
- package/dist/uofg-web-components/p-976982f6.entry.js +0 -1
- package/dist/uofg-web-components/p-e1255160.js +0 -1
- package/dist/uofg-web-components/p-ee27db22.js +0 -2
- package/dist/uofg-web-components/p-fde6370b.entry.js +0 -1
- package/dist/uofg-web-components/p-fec87f9d.js +0 -1
- package/loader/cdn.js +0 -3
- package/loader/index.cjs.js +0 -3
- package/loader/index.d.ts +0 -21
- package/loader/index.es2017.js +0 -3
- package/loader/index.js +0 -4
- package/loader/package.json +0 -11
- /package/dist/{collection/components/uofg-header/decoration.svg → uofg-web-components/decorative.svg} +0 -0
- /package/dist/{collection/components/uofg-footer → uofg-web-components}/improve-life.svg +0 -0
- /package/dist/{collection/components/uofg-header/logo-reduced.svg → uofg-web-components/logo-small.svg} +0 -0
- /package/dist/{collection/components/uofg-header/logo-full.svg → uofg-web-components/logo.svg} +0 -0
|
@@ -0,0 +1,329 @@
|
|
|
1
|
+
import { c as z, S as j, i as R, r as m, a as N, s as U, F as K, a5 as P, b as Z, e as E, d as G, g as H, h as r, a1 as _, j as I, k as B, m as J, N as k, u as L, l as M, n as Q, t as v, o as C, p as V, q as W, P as X, Z as q } from "./index-CSn7dBx6.js";
|
|
2
|
+
const Y = (n) => Array.from(n.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], audio[controls], video[controls], details, summary, [tabindex]:not([tabindex="-1"])'));
|
|
3
|
+
function x(n) {
|
|
4
|
+
let e, i, c, b, u, p, g, w, l, y, h;
|
|
5
|
+
b = new K({ props: { icon: P } });
|
|
6
|
+
const f = (
|
|
7
|
+
/*#slots*/
|
|
8
|
+
n[14].default
|
|
9
|
+
), a = Z(
|
|
10
|
+
f,
|
|
11
|
+
n,
|
|
12
|
+
/*$$scope*/
|
|
13
|
+
n[13],
|
|
14
|
+
null
|
|
15
|
+
);
|
|
16
|
+
return {
|
|
17
|
+
c() {
|
|
18
|
+
e = E("div"), i = E("div"), c = E("button"), G(b.$$.fragment), u = H(), a && a.c(), r(c, "class", "absolute right-8 top-8 z-[2] flex h-12 w-12 items-center justify-center border-0 bg-transparent text-3xl p-2 text-[var(--uofg-modal-dismiss-color,white)]"), r(c, "part", "dismiss-button"), r(c, "aria-label", "Close modal"), r(i, "part", "content"), r(i, "class", p = `z-1 absolute left-1/2 h-fit max-h-full w-fit max-w-full -translate-x-1/2 overflow-auto p-8 transition-transform motion-reduce:transition-none ${/*isOpen*/
|
|
19
|
+
n[0] ? "visible opacity-100" : ""} ${/*isOpen*/
|
|
20
|
+
n[0] && /*centered*/
|
|
21
|
+
n[3] ? "translate-y-[calc(-50%_-_50px)]" : ""} ${!/*isOpen*/
|
|
22
|
+
n[0] && !/*centered*/
|
|
23
|
+
n[3] || /*isOpen*/
|
|
24
|
+
n[0] && /*centered*/
|
|
25
|
+
n[3] ? "translate-y-[-50px]" : ""}`), r(e, "class", "fixed left-0 top-0 z-[1000] flex h-screen w-screen bg-black bg-opacity-50 transition-[opacity,visibility]"), r(e, "role", g = /*alertDialog*/
|
|
26
|
+
n[5] ? "alertdialog" : "dialog"), r(e, "aria-modal", w = /*isOpen*/
|
|
27
|
+
n[0] ? "true" : ""), r(
|
|
28
|
+
e,
|
|
29
|
+
"aria-label",
|
|
30
|
+
/*label*/
|
|
31
|
+
n[4]
|
|
32
|
+
), r(e, "tabindex", -1), _(
|
|
33
|
+
e,
|
|
34
|
+
"visible",
|
|
35
|
+
/*isOpen*/
|
|
36
|
+
n[0]
|
|
37
|
+
), _(
|
|
38
|
+
e,
|
|
39
|
+
"opacity-100",
|
|
40
|
+
/*isOpen*/
|
|
41
|
+
n[0]
|
|
42
|
+
), _(e, "invisible", !/*isOpen*/
|
|
43
|
+
n[0]), _(e, "opacity-0", !/*isOpen*/
|
|
44
|
+
n[0]);
|
|
45
|
+
},
|
|
46
|
+
m(s, o) {
|
|
47
|
+
I(s, e, o), B(e, i), B(i, c), J(b, c, null), n[15](c), B(i, u), a && a.m(i, null), n[17](e), l = !0, y || (h = [
|
|
48
|
+
k(
|
|
49
|
+
c,
|
|
50
|
+
"click",
|
|
51
|
+
/*click_handler*/
|
|
52
|
+
n[16]
|
|
53
|
+
),
|
|
54
|
+
k(
|
|
55
|
+
e,
|
|
56
|
+
"click",
|
|
57
|
+
/*handleOnClick*/
|
|
58
|
+
n[6]
|
|
59
|
+
),
|
|
60
|
+
k(
|
|
61
|
+
e,
|
|
62
|
+
"keyup",
|
|
63
|
+
/*handleKeyUp*/
|
|
64
|
+
n[7]
|
|
65
|
+
),
|
|
66
|
+
k(
|
|
67
|
+
e,
|
|
68
|
+
"focusout",
|
|
69
|
+
/*handleFocusOut*/
|
|
70
|
+
n[8]
|
|
71
|
+
)
|
|
72
|
+
], y = !0);
|
|
73
|
+
},
|
|
74
|
+
p(s, [o]) {
|
|
75
|
+
a && a.p && (!l || o & /*$$scope*/
|
|
76
|
+
8192) && L(
|
|
77
|
+
a,
|
|
78
|
+
f,
|
|
79
|
+
s,
|
|
80
|
+
/*$$scope*/
|
|
81
|
+
s[13],
|
|
82
|
+
l ? Q(
|
|
83
|
+
f,
|
|
84
|
+
/*$$scope*/
|
|
85
|
+
s[13],
|
|
86
|
+
o,
|
|
87
|
+
null
|
|
88
|
+
) : M(
|
|
89
|
+
/*$$scope*/
|
|
90
|
+
s[13]
|
|
91
|
+
),
|
|
92
|
+
null
|
|
93
|
+
), (!l || o & /*isOpen, centered*/
|
|
94
|
+
9 && p !== (p = `z-1 absolute left-1/2 h-fit max-h-full w-fit max-w-full -translate-x-1/2 overflow-auto p-8 transition-transform motion-reduce:transition-none ${/*isOpen*/
|
|
95
|
+
s[0] ? "visible opacity-100" : ""} ${/*isOpen*/
|
|
96
|
+
s[0] && /*centered*/
|
|
97
|
+
s[3] ? "translate-y-[calc(-50%_-_50px)]" : ""} ${!/*isOpen*/
|
|
98
|
+
s[0] && !/*centered*/
|
|
99
|
+
s[3] || /*isOpen*/
|
|
100
|
+
s[0] && /*centered*/
|
|
101
|
+
s[3] ? "translate-y-[-50px]" : ""}`)) && r(i, "class", p), (!l || o & /*alertDialog*/
|
|
102
|
+
32 && g !== (g = /*alertDialog*/
|
|
103
|
+
s[5] ? "alertdialog" : "dialog")) && r(e, "role", g), (!l || o & /*isOpen*/
|
|
104
|
+
1 && w !== (w = /*isOpen*/
|
|
105
|
+
s[0] ? "true" : "")) && r(e, "aria-modal", w), (!l || o & /*label*/
|
|
106
|
+
16) && r(
|
|
107
|
+
e,
|
|
108
|
+
"aria-label",
|
|
109
|
+
/*label*/
|
|
110
|
+
s[4]
|
|
111
|
+
), (!l || o & /*isOpen*/
|
|
112
|
+
1) && _(
|
|
113
|
+
e,
|
|
114
|
+
"visible",
|
|
115
|
+
/*isOpen*/
|
|
116
|
+
s[0]
|
|
117
|
+
), (!l || o & /*isOpen*/
|
|
118
|
+
1) && _(
|
|
119
|
+
e,
|
|
120
|
+
"opacity-100",
|
|
121
|
+
/*isOpen*/
|
|
122
|
+
s[0]
|
|
123
|
+
), (!l || o & /*isOpen*/
|
|
124
|
+
1) && _(e, "invisible", !/*isOpen*/
|
|
125
|
+
s[0]), (!l || o & /*isOpen*/
|
|
126
|
+
1) && _(e, "opacity-0", !/*isOpen*/
|
|
127
|
+
s[0]);
|
|
128
|
+
},
|
|
129
|
+
i(s) {
|
|
130
|
+
l || (v(b.$$.fragment, s), v(a, s), l = !0);
|
|
131
|
+
},
|
|
132
|
+
o(s) {
|
|
133
|
+
C(b.$$.fragment, s), C(a, s), l = !1;
|
|
134
|
+
},
|
|
135
|
+
d(s) {
|
|
136
|
+
s && V(e), W(b), n[15](null), a && a.d(s), n[17](null), y = !1, X(h);
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
function $(n, e, i) {
|
|
141
|
+
let { $$slots: c = {}, $$scope: b } = e, { isOpen: u } = e, { centered: p } = e, { autoOpen: g } = e, { label: w } = e, { alertDialog: l } = e, { staticBackdrop: y } = e, { dismissButton: h } = e, { container: f } = e, { el: a } = e, { inertElements: s } = e;
|
|
142
|
+
const o = (t) => {
|
|
143
|
+
y && t.target === t.currentTarget && i(0, u = !1);
|
|
144
|
+
}, A = (t) => {
|
|
145
|
+
t.key === "Escape" && i(0, u = !1);
|
|
146
|
+
}, D = (t) => {
|
|
147
|
+
var O;
|
|
148
|
+
if (u && !f.contains(t.relatedTarget) && !a.contains(t.relatedTarget))
|
|
149
|
+
if (t.preventDefault(), t.target === h) {
|
|
150
|
+
const d = Y(a);
|
|
151
|
+
(O = d[d.length - 1]) == null || O.focus();
|
|
152
|
+
} else
|
|
153
|
+
h.focus();
|
|
154
|
+
};
|
|
155
|
+
function S(t) {
|
|
156
|
+
q[t ? "unshift" : "push"](() => {
|
|
157
|
+
h = t, i(2, h);
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
const F = () => i(0, u = !1);
|
|
161
|
+
function T(t) {
|
|
162
|
+
q[t ? "unshift" : "push"](() => {
|
|
163
|
+
f = t, i(1, f);
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
return n.$$set = (t) => {
|
|
167
|
+
"isOpen" in t && i(0, u = t.isOpen), "centered" in t && i(3, p = t.centered), "autoOpen" in t && i(10, g = t.autoOpen), "label" in t && i(4, w = t.label), "alertDialog" in t && i(5, l = t.alertDialog), "staticBackdrop" in t && i(11, y = t.staticBackdrop), "dismissButton" in t && i(2, h = t.dismissButton), "container" in t && i(1, f = t.container), "el" in t && i(12, a = t.el), "inertElements" in t && i(9, s = t.inertElements), "$$scope" in t && i(13, b = t.$$scope);
|
|
168
|
+
}, n.$$.update = () => {
|
|
169
|
+
if (n.$$.dirty & /*autoOpen*/
|
|
170
|
+
1024 && g && i(0, u = !0), n.$$.dirty & /*isOpen, container, el, inertElements*/
|
|
171
|
+
4611) {
|
|
172
|
+
if (u) {
|
|
173
|
+
window.requestAnimationFrame(() => {
|
|
174
|
+
window.requestAnimationFrame(() => {
|
|
175
|
+
window.requestAnimationFrame(() => {
|
|
176
|
+
f.focus();
|
|
177
|
+
});
|
|
178
|
+
});
|
|
179
|
+
});
|
|
180
|
+
let t = a;
|
|
181
|
+
for (; t !== null && t !== document.body; ) {
|
|
182
|
+
const O = t.parentElement;
|
|
183
|
+
if (O === null) {
|
|
184
|
+
const d = t.getRootNode();
|
|
185
|
+
if (d instanceof ShadowRoot) {
|
|
186
|
+
t = d.host;
|
|
187
|
+
continue;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
if (O !== null)
|
|
191
|
+
for (const d of O.children)
|
|
192
|
+
d !== t && !d.inert && (d.inert = !0, s.push(d));
|
|
193
|
+
t = O, a.dispatchEvent(new CustomEvent("opened", { bubbles: !0, composed: !0 }));
|
|
194
|
+
}
|
|
195
|
+
} else {
|
|
196
|
+
for (const t of s)
|
|
197
|
+
t.removeAttribute("inert");
|
|
198
|
+
i(9, s = []), a.dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
|
|
199
|
+
}
|
|
200
|
+
document.body.style.overflow = u ? "hidden" : "";
|
|
201
|
+
}
|
|
202
|
+
}, [
|
|
203
|
+
u,
|
|
204
|
+
f,
|
|
205
|
+
h,
|
|
206
|
+
p,
|
|
207
|
+
w,
|
|
208
|
+
l,
|
|
209
|
+
o,
|
|
210
|
+
A,
|
|
211
|
+
D,
|
|
212
|
+
s,
|
|
213
|
+
g,
|
|
214
|
+
y,
|
|
215
|
+
a,
|
|
216
|
+
b,
|
|
217
|
+
c,
|
|
218
|
+
S,
|
|
219
|
+
F,
|
|
220
|
+
T
|
|
221
|
+
];
|
|
222
|
+
}
|
|
223
|
+
class ee extends j {
|
|
224
|
+
constructor(e) {
|
|
225
|
+
super(), R(this, e, $, x, U, {
|
|
226
|
+
isOpen: 0,
|
|
227
|
+
centered: 3,
|
|
228
|
+
autoOpen: 10,
|
|
229
|
+
label: 4,
|
|
230
|
+
alertDialog: 5,
|
|
231
|
+
staticBackdrop: 11,
|
|
232
|
+
dismissButton: 2,
|
|
233
|
+
container: 1,
|
|
234
|
+
el: 12,
|
|
235
|
+
inertElements: 9
|
|
236
|
+
});
|
|
237
|
+
}
|
|
238
|
+
get isOpen() {
|
|
239
|
+
return this.$$.ctx[0];
|
|
240
|
+
}
|
|
241
|
+
set isOpen(e) {
|
|
242
|
+
this.$$set({ isOpen: e }), m();
|
|
243
|
+
}
|
|
244
|
+
get centered() {
|
|
245
|
+
return this.$$.ctx[3];
|
|
246
|
+
}
|
|
247
|
+
set centered(e) {
|
|
248
|
+
this.$$set({ centered: e }), m();
|
|
249
|
+
}
|
|
250
|
+
get autoOpen() {
|
|
251
|
+
return this.$$.ctx[10];
|
|
252
|
+
}
|
|
253
|
+
set autoOpen(e) {
|
|
254
|
+
this.$$set({ autoOpen: e }), m();
|
|
255
|
+
}
|
|
256
|
+
get label() {
|
|
257
|
+
return this.$$.ctx[4];
|
|
258
|
+
}
|
|
259
|
+
set label(e) {
|
|
260
|
+
this.$$set({ label: e }), m();
|
|
261
|
+
}
|
|
262
|
+
get alertDialog() {
|
|
263
|
+
return this.$$.ctx[5];
|
|
264
|
+
}
|
|
265
|
+
set alertDialog(e) {
|
|
266
|
+
this.$$set({ alertDialog: e }), m();
|
|
267
|
+
}
|
|
268
|
+
get staticBackdrop() {
|
|
269
|
+
return this.$$.ctx[11];
|
|
270
|
+
}
|
|
271
|
+
set staticBackdrop(e) {
|
|
272
|
+
this.$$set({ staticBackdrop: e }), m();
|
|
273
|
+
}
|
|
274
|
+
get dismissButton() {
|
|
275
|
+
return this.$$.ctx[2];
|
|
276
|
+
}
|
|
277
|
+
set dismissButton(e) {
|
|
278
|
+
this.$$set({ dismissButton: e }), m();
|
|
279
|
+
}
|
|
280
|
+
get container() {
|
|
281
|
+
return this.$$.ctx[1];
|
|
282
|
+
}
|
|
283
|
+
set container(e) {
|
|
284
|
+
this.$$set({ container: e }), m();
|
|
285
|
+
}
|
|
286
|
+
get el() {
|
|
287
|
+
return this.$$.ctx[12];
|
|
288
|
+
}
|
|
289
|
+
set el(e) {
|
|
290
|
+
this.$$set({ el: e }), m();
|
|
291
|
+
}
|
|
292
|
+
get inertElements() {
|
|
293
|
+
return this.$$.ctx[9];
|
|
294
|
+
}
|
|
295
|
+
set inertElements(e) {
|
|
296
|
+
this.$$set({ inertElements: e }), m();
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
customElements.define("uofg-modal", z(ee, { isOpen: {}, centered: { reflect: !0, type: "Boolean", attribute: "centered" }, autoOpen: { reflect: !0, type: "Boolean", attribute: "auto-open" }, label: { reflect: !0, type: "String", attribute: "label" }, alertDialog: { reflect: !0, type: "String", attribute: "alert-dialog" }, staticBackdrop: { reflect: !0, type: "Boolean", attribute: "static-backdrop" }, dismissButton: {}, container: {}, el: {}, inertElements: {} }, ["default"], [], !0, (n) => class extends n {
|
|
300
|
+
constructor() {
|
|
301
|
+
super(), N(this.shadowRoot), this.el = this, this.inertElements = [];
|
|
302
|
+
}
|
|
303
|
+
connectedCallback() {
|
|
304
|
+
super.connectedCallback();
|
|
305
|
+
}
|
|
306
|
+
disconnectedCallback() {
|
|
307
|
+
super.disconnectedCallback();
|
|
308
|
+
for (const e of this.inertElements)
|
|
309
|
+
e.removeAttribute("inert");
|
|
310
|
+
}
|
|
311
|
+
getState() {
|
|
312
|
+
return this.isOpen;
|
|
313
|
+
}
|
|
314
|
+
setState(e) {
|
|
315
|
+
this.isOpen = e;
|
|
316
|
+
}
|
|
317
|
+
toggle() {
|
|
318
|
+
return this.isOpen = !this.isOpen, this.isOpen;
|
|
319
|
+
}
|
|
320
|
+
close() {
|
|
321
|
+
this.isOpen = !1;
|
|
322
|
+
}
|
|
323
|
+
open() {
|
|
324
|
+
this.isOpen = !0;
|
|
325
|
+
}
|
|
326
|
+
}));
|
|
327
|
+
export {
|
|
328
|
+
ee as default
|
|
329
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{font-size:62.5%}body{font-size:1.6rem;font-family:sans-serif;margin:0;padding:0}uofg-header{display:block;width:100%;height:5rem!important;background-color:#000}uofg-header *{display:none}uofg-header:has(*){height:10rem!important}@media screen and (min-width: 1024px){uofg-header{height:14rem!important}uofg-header:has(*){height:18rem!important}}uofg-menu{display:block}uofg-footer{display:block}uofg-modal{display:block;position:fixed;visibility:hidden}uofg-alert{display:block;max-width:100rem}uofg-card{display:block}
|
|
@@ -1 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from "./uofg-header.esm.js";
|
|
2
|
+
import r from "./uofg-footer.esm.js";
|
|
3
|
+
import f from "./uofg-modal.esm.js";
|
|
4
|
+
import t from "./uofg-alert.esm.js";
|
|
5
|
+
const d = { UofGHeader: o, UofGFooter: r, UofGModal: f, UofGAlert: t };
|
|
6
|
+
export {
|
|
7
|
+
d as default
|
|
8
|
+
};
|
package/package.json
CHANGED
|
@@ -1,60 +1,46 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uoguelph/web-components",
|
|
3
|
-
"version": "1.2.0-rc.
|
|
3
|
+
"version": "1.2.0-rc.9",
|
|
4
4
|
"description": "University of Guelph Web Components Library",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"es2015": "dist/esm/index.mjs",
|
|
8
|
-
"es2017": "dist/esm/index.mjs",
|
|
9
|
-
"types": "dist/types/index.d.ts",
|
|
10
|
-
"collection": "dist/collection/collection-manifest.json",
|
|
11
|
-
"collection:main": "dist/collection/index.js",
|
|
5
|
+
"module": "dist/uofg-web-components/uofg-web-components.esm.js",
|
|
6
|
+
"type": "module",
|
|
12
7
|
"unpkg": "dist/uofg-web-components/uofg-web-components.esm.js",
|
|
13
8
|
"files": [
|
|
14
|
-
"dist/"
|
|
15
|
-
"loader/"
|
|
9
|
+
"dist/"
|
|
16
10
|
],
|
|
17
11
|
"scripts": {
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"test": "stencil test --spec --e2e --passWithNoTests",
|
|
21
|
-
"test.watch": "stencil test --spec --e2e --passWithNoTests --watchAll",
|
|
22
|
-
"generate": "stencil generate",
|
|
12
|
+
"dev": "vite",
|
|
13
|
+
"build": "vite build",
|
|
23
14
|
"format": "npx prettier --write .",
|
|
24
15
|
"prepublishOnly": "npm run build && npmignore --auto"
|
|
25
16
|
},
|
|
26
17
|
"dependencies": {
|
|
27
18
|
"@fortawesome/free-brands-svg-icons": "^6.4.0",
|
|
28
19
|
"@fortawesome/free-regular-svg-icons": "^6.4.0",
|
|
29
|
-
"@fortawesome/free-solid-svg-icons": "^6.4.0"
|
|
30
|
-
"@stencil/core": "^4.9.0"
|
|
20
|
+
"@fortawesome/free-solid-svg-icons": "^6.4.0"
|
|
31
21
|
},
|
|
32
22
|
"devDependencies": {
|
|
33
|
-
"@
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"postcss-combine-duplicated-selectors": "^10.0.3",
|
|
45
|
-
"prettier": "^3.0.0",
|
|
46
|
-
"prettier-plugin-tailwindcss": "^0.5.11",
|
|
47
|
-
"puppeteer": "^20.7.3",
|
|
48
|
-
"stencil-inline-svg": "^1.1.0",
|
|
49
|
-
"stencil-tailwind-plugin": "^1.8.0",
|
|
23
|
+
"@sveltejs/vite-plugin-svelte": "^3.0.2",
|
|
24
|
+
"autoprefixer": "^10.4.18",
|
|
25
|
+
"eslint": "^8.57.0",
|
|
26
|
+
"eslint-plugin-svelte": "^2.35.1",
|
|
27
|
+
"npmignore": "^0.3.1",
|
|
28
|
+
"postcss": "^8.4.35",
|
|
29
|
+
"prettier": "^3.2.5",
|
|
30
|
+
"prettier-plugin-svelte": "^3.2.2",
|
|
31
|
+
"prettier-plugin-tailwindcss": "^0.5.12",
|
|
32
|
+
"svelte": "^4.2.12",
|
|
33
|
+
"svelte-check": "^3.6.6",
|
|
50
34
|
"tailwindcss": "^3.4.1",
|
|
51
|
-
"
|
|
35
|
+
"vite": "^5.1.6",
|
|
36
|
+
"vite-plugin-full-reload": "^1.1.0"
|
|
52
37
|
},
|
|
53
38
|
"publishConfig": {
|
|
54
39
|
"ignore": [
|
|
55
40
|
"!dist/",
|
|
56
41
|
"!loader/",
|
|
57
42
|
"src/",
|
|
43
|
+
"public/",
|
|
58
44
|
"docs/"
|
|
59
45
|
],
|
|
60
46
|
"access": "public"
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-cdb046b4.js');
|
|
4
|
-
|
|
5
|
-
const FontAwesomeIcon = props => {
|
|
6
|
-
const width = props.icon.icon[0];
|
|
7
|
-
const height = props.icon.icon[1];
|
|
8
|
-
const iconPathData = props.icon.icon[4];
|
|
9
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map(path => index.h("path", { d: path }))) : (index.h("path", { d: iconPathData }))));
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
var faCircleExclamation = {
|
|
13
|
-
prefix: 'fas',
|
|
14
|
-
iconName: 'circle-exclamation',
|
|
15
|
-
icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"]
|
|
16
|
-
};
|
|
17
|
-
var faChevronUp = {
|
|
18
|
-
prefix: 'fas',
|
|
19
|
-
iconName: 'chevron-up',
|
|
20
|
-
icon: [512, 512, [], "f077", "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"]
|
|
21
|
-
};
|
|
22
|
-
var faXmark = {
|
|
23
|
-
prefix: 'fas',
|
|
24
|
-
iconName: 'xmark',
|
|
25
|
-
icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"]
|
|
26
|
-
};
|
|
27
|
-
var faTimes = faXmark;
|
|
28
|
-
|
|
29
|
-
exports.FontAwesomeIcon = FontAwesomeIcon;
|
|
30
|
-
exports.faChevronUp = faChevronUp;
|
|
31
|
-
exports.faCircleExclamation = faCircleExclamation;
|
|
32
|
-
exports.faTimes = faTimes;
|