@ganpatiinfo/gids-core-web 2.1.1 → 3.0.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.
Files changed (37) hide show
  1. package/dist/css/elements.css.map +1 -0
  2. package/dist/{index.css → css/index.css} +277 -4
  3. package/dist/css/index.css.map +1 -0
  4. package/dist/custom-elements.json +143 -4
  5. package/dist/gids-icon.d.ts +11 -0
  6. package/dist/gids-icon.js +1 -0
  7. package/dist/gids-toggle-button.js +1 -130
  8. package/dist/index.d.ts +2 -1
  9. package/dist/index.js +1 -5
  10. package/dist/p-CgujYzVX.js +1 -0
  11. package/dist/types/components/html/GidsPagination/GidsPagination.d.ts +7 -0
  12. package/dist/types/components/html/_GidsPaginationItem/GidsPaginationItem.d.ts +7 -0
  13. package/dist/types/components/webComponents/GidsIcon/GidsIcon.d.ts +12 -0
  14. package/dist/types/components.d.ts +48 -2
  15. package/dist/types/index.d.ts +1 -10
  16. package/dist/types/stencil-public-runtime.d.ts +170 -12
  17. package/dist/types/utils/assets.d.ts +6 -0
  18. package/dist-bundled/es/assets-Drv1fXkA.js +73 -0
  19. package/dist-bundled/es/clsx-OuTLNxxd.js +16 -0
  20. package/dist-bundled/es/gids-icon.js +216 -0
  21. package/dist-bundled/es/gids-toggle-button.js +87 -0
  22. package/dist-bundled/es/index.js +22 -0
  23. package/dist-bundled/es/p-CgujYzVX-xo1axnk6.js +465 -0
  24. package/dist-bundled/umd/gids-icon.umd.js +1 -0
  25. package/dist-bundled/umd/gids-toggle-button.umd.js +3 -0
  26. package/dist-bundled/umd/index.umd.js +1 -0
  27. package/dist-bundled/umd-complete/gids-core-web.umd.js +3 -0
  28. package/distPaths.js +34 -0
  29. package/package.json +191 -158
  30. package/scriptUtils.js +6 -0
  31. package/dist/elements.css.map +0 -1
  32. package/dist/gids-toggle-button.js.map +0 -1
  33. package/dist/index.css.map +0 -1
  34. package/dist/index.js.map +0 -1
  35. package/dist/p-C0FfV2mK.js +0 -1134
  36. package/dist/p-C0FfV2mK.js.map +0 -1
  37. /package/dist/{elements.css → css/elements.css} +0 -0
@@ -0,0 +1,73 @@
1
+ const h = /* @__PURE__ */ Symbol("defaultPath"), r = /* @__PURE__ */ Symbol("pathSet"), a = "gids-asset-paths-set";
2
+ class u extends EventTarget {
3
+ #e = /* @__PURE__ */ new Map();
4
+ constructor() {
5
+ super();
6
+ }
7
+ #t(t, e) {
8
+ this.#e.set(t, e);
9
+ }
10
+ #s(t) {
11
+ return this.#e.get(t) ?? null;
12
+ }
13
+ #n = () => {
14
+ this.dispatchEvent(new Event(a));
15
+ };
16
+ haveAssetPathsBeenSet() {
17
+ return this.#s(r) !== null;
18
+ }
19
+ setAssetPaths(t, e) {
20
+ if (!this.haveAssetPathsBeenSet()) {
21
+ if (typeof t == "string")
22
+ this.#t(h, t);
23
+ else {
24
+ for (const n in t)
25
+ this.#t(n, t[n]);
26
+ e && this.#t(h, e);
27
+ }
28
+ this.#t(r, "true"), setTimeout(this.#n, 0);
29
+ }
30
+ }
31
+ getAssetFilePath(t) {
32
+ const e = this.#s(t);
33
+ if (e === null) {
34
+ const n = this.#s(h);
35
+ if (n !== null)
36
+ return `${n}${n.endsWith("/") ? "" : "/"}${t}`;
37
+ }
38
+ return e;
39
+ }
40
+ onAssetPathsSet(t) {
41
+ if (!this.haveAssetPathsBeenSet())
42
+ return this.addEventListener(a, t, { once: !0 }), () => {
43
+ this.removeEventListener(a, t);
44
+ };
45
+ }
46
+ }
47
+ const l = "GIDS", o = Symbol.for(l), P = () => (globalThis[o] === void 0 && (globalThis[o] = {
48
+ assetPaths: {}
49
+ }), globalThis[o]), d = (s) => {
50
+ const t = P().assetPaths;
51
+ return t[s] === void 0 && (t[s] = new u()), t[s];
52
+ };
53
+ function i() {
54
+ return d("@ganpatiinfo/gids-web-shared");
55
+ }
56
+ function A() {
57
+ return i().haveAssetPathsBeenSet();
58
+ }
59
+ function f(s, t) {
60
+ i().setAssetPaths(s, t);
61
+ }
62
+ function g(s) {
63
+ return i().getAssetFilePath(s);
64
+ }
65
+ function c(s) {
66
+ return i().onAssetPathsSet(s);
67
+ }
68
+ export {
69
+ g,
70
+ A as h,
71
+ c as o,
72
+ f as s
73
+ };
@@ -0,0 +1,16 @@
1
+ function a(r) {
2
+ var f, n, t = "";
3
+ if (typeof r == "string" || typeof r == "number") t += r;
4
+ else if (typeof r == "object") if (Array.isArray(r)) {
5
+ var o = r.length;
6
+ for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
7
+ } else for (n in r) r[n] && (t && (t += " "), t += n);
8
+ return t;
9
+ }
10
+ function i() {
11
+ for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
12
+ return t;
13
+ }
14
+ export {
15
+ i as c
16
+ };
@@ -0,0 +1,216 @@
1
+ import { u as S, p as l, c as x, g as _, E as a } from "./p-CgujYzVX-xo1axnk6.js";
2
+ import { h as z, o as E, g as h } from "./assets-Drv1fXkA.js";
3
+ import { c as G } from "./clsx-OuTLNxxd.js";
4
+ const g = {
5
+ "icons-other.svg": [
6
+ "accessibility",
7
+ "announcement",
8
+ "approval",
9
+ "archive",
10
+ "audio",
11
+ "backward",
12
+ "banking",
13
+ "battery",
14
+ "bluetooth",
15
+ "bookmark",
16
+ "bulb",
17
+ "calendar",
18
+ "camera",
19
+ "card",
20
+ "cart",
21
+ "chart",
22
+ "chat",
23
+ "cloud",
24
+ "code",
25
+ "compass",
26
+ "desktop",
27
+ "email",
28
+ "emergency",
29
+ "exchange",
30
+ "finance",
31
+ "fingerprint",
32
+ "flag",
33
+ "folder",
34
+ "forward",
35
+ "gift",
36
+ "globe",
37
+ "goals",
38
+ "happy",
39
+ "hashtag",
40
+ "headphones",
41
+ "history",
42
+ "image",
43
+ "insurance",
44
+ "investment",
45
+ "key",
46
+ "link",
47
+ "list",
48
+ "location",
49
+ "lock",
50
+ "map",
51
+ "maximise",
52
+ "microphone",
53
+ "minimise",
54
+ "mobile",
55
+ "moon",
56
+ "network",
57
+ "neutral",
58
+ "new",
59
+ "new-chat",
60
+ "pause",
61
+ "percent",
62
+ "placeholder",
63
+ "play",
64
+ "power",
65
+ "rain",
66
+ "refresh",
67
+ "repeat",
68
+ "sad",
69
+ "save",
70
+ "savings",
71
+ "shield",
72
+ "shuffle",
73
+ "side-navigation",
74
+ "snow",
75
+ "speaker",
76
+ "stop",
77
+ "sun",
78
+ "tablet",
79
+ "temperature",
80
+ "thumbs-down",
81
+ "thumbs-up",
82
+ "travel",
83
+ "trend-down",
84
+ "trend-up",
85
+ "unlock",
86
+ "upset",
87
+ "verified",
88
+ "very-happy",
89
+ "video",
90
+ "volume-down",
91
+ "volume-max",
92
+ "volume-min",
93
+ "volume-mute",
94
+ "volume-up",
95
+ "wallet",
96
+ "wealth",
97
+ "wi-fi",
98
+ "wind"
99
+ ],
100
+ "icons-core.svg": [
101
+ "arrow-down",
102
+ "arrow-left",
103
+ "arrow-right",
104
+ "arrow-up",
105
+ "attachment",
106
+ "checkmark",
107
+ "chevron-down",
108
+ "chevron-horizontal",
109
+ "chevron-left",
110
+ "chevron-right",
111
+ "chevron-up",
112
+ "chevron-vertical",
113
+ "copy",
114
+ "cross",
115
+ "danger",
116
+ "dashboard",
117
+ "delete",
118
+ "document",
119
+ "download",
120
+ "drag",
121
+ "edit",
122
+ "external",
123
+ "eye",
124
+ "filter",
125
+ "grid",
126
+ "hide",
127
+ "home",
128
+ "information",
129
+ "log-in",
130
+ "log-out",
131
+ "menu",
132
+ "minus",
133
+ "more",
134
+ "notifications",
135
+ "options",
136
+ "phone",
137
+ "plus",
138
+ "positive",
139
+ "printer",
140
+ "question",
141
+ "search",
142
+ "select",
143
+ "select-all",
144
+ "send",
145
+ "settings",
146
+ "share",
147
+ "star",
148
+ "time",
149
+ "upload",
150
+ "user",
151
+ "users",
152
+ "warning"
153
+ ]
154
+ }, m = /* @__PURE__ */ new Map();
155
+ for (const e in g)
156
+ for (const t of g[e])
157
+ m.set(t, e);
158
+ function C(e) {
159
+ return m.get(e);
160
+ }
161
+ function u(e, t = "regular", i) {
162
+ const s = C(e);
163
+ let n = s ?? "";
164
+ return i && s && (n = i(s) ?? s), `${n}#${e}${t === "filled" ? "--filled" : ""}`;
165
+ }
166
+ const P = ({ size: e }, t) => G("gids-icon", {
167
+ "gids-icon--xs": e === "xs",
168
+ "gids-icon--sm": e === "sm",
169
+ "gids-icon--md": e === "md",
170
+ "gids-icon--lg": e === "lg"
171
+ }, t), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
172
+ __proto__: null,
173
+ getGidsIconClassNames: P
174
+ }, Symbol.toStringTag, { value: "Module" }));
175
+ let A = 0;
176
+ const N = (e, t = "gids") => e || `${t}-${A++}`, { getGidsIconClassNames: M } = $, j = ({ name: e, size: t, appearance: i, alt: s, class: n, titleId: v, src: w, ...b }) => {
177
+ const r = N(v);
178
+ let o = w;
179
+ return o === void 0 && z() && (o = u(e, i, h)), a("svg", { ref: (y) => {
180
+ o === void 0 && E((() => {
181
+ (function(c, I, k) {
182
+ if (!c) return;
183
+ const d = document.createElementNS("http://www.w3.org/2000/svg", "use");
184
+ d.setAttribute("href", u(I, k, h)), c.appendChild(d);
185
+ })(y, e, i);
186
+ }));
187
+ }, width: "16", height: "16", class: M({ size: t }, n), role: "img", "aria-hidden": s === "" ? "true" : void 0, "aria-labelledby": s === "" ? void 0 : r, ...b }, s !== "" && a("title", { id: r }, s || e), o !== void 0 ? a("use", { href: o }) : null);
188
+ }, p = S(class extends x {
189
+ constructor(e) {
190
+ super(), e !== !1 && this.__registerHost(), this.__attachShadow();
191
+ }
192
+ connectedCallback() {
193
+ const e = _();
194
+ e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
195
+ }
196
+ render() {
197
+ return a(j, { key: "2459cf3111612150342d5a57574fd61157a9c591", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
198
+ }
199
+ get _el() {
200
+ return this;
201
+ }
202
+ static get style() {
203
+ return ".gids-icon{fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%)}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
204
+ }
205
+ }, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
206
+ function f() {
207
+ typeof customElements < "u" && ["gids-icon"].forEach(((e) => {
208
+ e === "gids-icon" && (customElements.get(l(e)) || customElements.define(l(e), p));
209
+ }));
210
+ }
211
+ f();
212
+ const B = p, H = f;
213
+ export {
214
+ B as GidsIcon,
215
+ H as defineCustomElement
216
+ };
@@ -0,0 +1,87 @@
1
+ import { u as O, c as M, _ as $, g as j, E as s, x as B, p } from "./p-CgujYzVX-xo1axnk6.js";
2
+ import { c as _ } from "./clsx-OuTLNxxd.js";
3
+ const z = ({ size: e, indeterminate: t, value: n }, i) => _("gids-spinner-control", {
4
+ "gids-spinner-control--xs": e === "xs",
5
+ "gids-spinner-control--sm": e === "sm",
6
+ // 'gids-spinner-control--md': size === 'md',
7
+ "gids-spinner-control--lg": e === "lg",
8
+ "gids-spinner-control--xl": e === "xl",
9
+ "gids-spinner-control--2xl": e === "2xl",
10
+ "gids-spinner-control--determinate": t === !1
11
+ }, n, i), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
12
+ __proto__: null,
13
+ getGidsSpinnerControlClassNames: z
14
+ }, Symbol.toStringTag, { value: "Module" })), G = ({ appearance: e, size: t, width: n, destructive: i, loading: l }, o, a) => _("gids-button", {
15
+ "gids-button--primary": e === "primary",
16
+ "gids-button--subtle": e === "subtle",
17
+ "gids-button--xs": t === "xs",
18
+ "gids-button--sm": t === "sm",
19
+ // 'gids-button--md': size === 'md',
20
+ "gids-button--lg": t === "lg",
21
+ "gids-button--full-width": n === "full",
22
+ "gids-button--destructive": i,
23
+ "gids-button--icon-only": o,
24
+ "gids-button--loading": l
25
+ }, a), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
26
+ __proto__: null,
27
+ getGidsButtonClassNames: G
28
+ }, Symbol.toStringTag, { value: "Module" })), r = 64, y = 10, x = r / 2 - y / 2, L = r / 2, u = 2 * Math.PI * x, P = `0 0 ${r} ${r}`, T = (e = 0, t) => {
29
+ const n = typeof t == "number" && t > 0 ? t : 1, l = Math.max(0, Math.min(n, e)) / n * 100, o = (u * l / 100).toFixed(2), a = (u - parseFloat(o)).toFixed(2);
30
+ return `${o} ${a}`;
31
+ }, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
32
+ __proto__: null,
33
+ calculateStrokeDasharray: T,
34
+ centerPosition: L,
35
+ circumference: u,
36
+ radius: x,
37
+ thickness: y,
38
+ viewBox: P
39
+ }, Symbol.toStringTag, { value: "Module" })), b = (e) => e !== void 0 && (!Array.isArray(e) || e.length > 0), { getGidsSpinnerControlClassNames: F } = D, { calculateStrokeDasharray: H, thickness: f, radius: m, centerPosition: c, viewBox: V } = A, R = ({ size: e, indeterminate: t, value: n, max: i, ...l }) => {
40
+ let o;
41
+ return t || (o = { strokeDashArray: H(n, i || 0), strokeDashoffset: "0" }), s("svg", { class: F({ size: e, indeterminate: t, value: n }), viewBox: V, ...l }, s("circle", { class: "gids-spinner-control__track", cx: c, cy: c, r: m, "stroke-width": f }), s("circle", { style: o, class: "gids-spinner-control__progress", cx: c, cy: c, r: m, "stroke-width": f }));
42
+ }, { getGidsButtonClassNames: q } = N, J = ({ appearance: e, size: t, destructive: n, loading: i, width: l, leadingIcon: o, trailingIcon: a, as: w, disabled: S, class: I, forceIconOnly: C = !1, ...d }, h) => {
43
+ const g = w || "button", E = t === "lg" || t === void 0 ? "md" : t;
44
+ return g !== "button" || "type" in d || (d.type = "button"), s(g, { class: q({ appearance: e, size: t, destructive: n, loading: i, width: l }, C || h.length === 0 && b(o) && !b(a), I), disabled: g === "button" ? S : void 0, ...d }, s("span", { class: "gids-button__content" }, o, h), i && s(R, { size: E, indeterminate: !0 }), a);
45
+ }, v = O(class extends M {
46
+ get selected() {
47
+ return this.#e ?? this.defaultSelected;
48
+ }
49
+ set selected(e) {
50
+ this.#e = e === void 0 ? void 0 : !!e;
51
+ }
52
+ constructor(e) {
53
+ super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = $(this, "select"), this._toggle = this._toggle.bind(this);
54
+ }
55
+ #e;
56
+ connectedCallback() {
57
+ const e = j();
58
+ e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
59
+ }
60
+ _toggle() {
61
+ const e = !this.selected;
62
+ this._el.selected = e, this.select?.emit(e);
63
+ }
64
+ render() {
65
+ return s(B, { key: "222a7976cfa0daa12d2db51e405d8f3e894209d9" }, s("style", { key: "04b1d2f9a184e830b949691e789deaaaea987303" }, `:host {
66
+ display: ${this.width === "full" ? "block" : "inline-block"}
67
+ }`), s(J, { key: "18ef39dcc5b3a532a347e530784ec4915719f914", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: s("slot", { name: "leadingIcon" }), trailingIcon: s("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, s("slot", { key: "f82ab35082be6b10d0fb76b11c8250cd6ab374a4" })));
68
+ }
69
+ _onlyHasLeadingIcon() {
70
+ const e = this._el.childNodes;
71
+ return e.length === 1 && e[0] instanceof window.Element && e[0].slot === "leadingIcon";
72
+ }
73
+ get _el() {
74
+ return this;
75
+ }
76
+ }, [257, "gids-toggle-button", { disabled: [516], appearance: [513], size: [513], width: [513], defaultSelected: [516, "default-selected"], selected: [6660] }]);
77
+ function k() {
78
+ typeof customElements < "u" && ["gids-toggle-button"].forEach(((e) => {
79
+ e === "gids-toggle-button" && (customElements.get(p(e)) || customElements.define(p(e), v));
80
+ }));
81
+ }
82
+ k();
83
+ const U = v, W = k;
84
+ export {
85
+ U as GidsToggleButton,
86
+ W as defineCustomElement
87
+ };
@@ -0,0 +1,22 @@
1
+ import { a as n, g as f, $ as P, h as A, w as G, b as c, f as l } from "./p-CgujYzVX-xo1axnk6.js";
2
+ import { s as a } from "./assets-Drv1fXkA.js";
3
+ function t(s, e) {
4
+ a(s, e);
5
+ }
6
+ const r = (s) => {
7
+ t(s);
8
+ }, i = (s) => {
9
+ t(s);
10
+ };
11
+ export {
12
+ n as getAssetPath,
13
+ f as getConstructedGidsStylesheet,
14
+ P as refreshConstructedGidsStylesheet,
15
+ A as render,
16
+ G as setAssetPath,
17
+ r as setGidsAssetFilePaths,
18
+ t as setGidsAssetPaths,
19
+ i as setGidsDefaultAssetDirPath,
20
+ c as setNonce,
21
+ l as setPlatformOptions
22
+ };