@universityofmaryland/web-feeds-library 1.2.6 → 1.3.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/academic.d.ts +1 -1
- package/dist/academic.js +4 -4
- package/dist/academic.js.map +1 -1
- package/dist/events.d.ts +1 -1
- package/dist/events.js +10 -10
- package/dist/events.js.map +1 -1
- package/dist/experts.d.ts +2 -0
- package/dist/experts.js +9 -0
- package/dist/experts.js.map +1 -0
- package/dist/factory/core/createBaseFeed.d.ts +3 -0
- package/dist/factory/core/createBaseFeed.d.ts.map +1 -0
- package/dist/factory/core/createBaseFeed.js +116 -0
- package/dist/factory/core/createBaseFeed.js.map +1 -0
- package/dist/factory/core/index.d.ts +3 -0
- package/dist/factory/core/index.d.ts.map +1 -0
- package/dist/factory/core/types.d.ts +92 -0
- package/dist/factory/core/types.d.ts.map +1 -0
- package/dist/factory/helpers/displayHandler.d.ts +29 -0
- package/dist/factory/helpers/displayHandler.d.ts.map +1 -0
- package/dist/factory/helpers/displayHandler.js +169 -0
- package/dist/factory/helpers/displayHandler.js.map +1 -0
- package/dist/factory/helpers/feedHelpers.d.ts +10 -0
- package/dist/factory/helpers/feedHelpers.d.ts.map +1 -0
- package/dist/factory/helpers/feedHelpers.js +32 -0
- package/dist/factory/helpers/feedHelpers.js.map +1 -0
- package/dist/factory/helpers/fetchHandler.d.ts +22 -0
- package/dist/factory/helpers/fetchHandler.d.ts.map +1 -0
- package/dist/factory/helpers/fetchHandler.js +123 -0
- package/dist/factory/helpers/fetchHandler.js.map +1 -0
- package/dist/factory/helpers/index.d.ts +4 -0
- package/dist/factory/helpers/index.d.ts.map +1 -0
- package/dist/factory/index.d.ts +4 -0
- package/dist/factory/index.d.ts.map +1 -0
- package/dist/feeds/academic/_types.d.ts.map +1 -0
- package/dist/feeds/academic/index.d.ts +2 -0
- package/dist/feeds/academic/index.d.ts.map +1 -0
- package/dist/feeds/academic/slider.d.ts +4 -0
- package/dist/feeds/academic/slider.d.ts.map +1 -0
- package/dist/feeds/academic/slider.js +11 -0
- package/dist/feeds/academic/slider.js.map +1 -0
- package/dist/feeds/events/_types.d.ts.map +1 -0
- package/dist/feeds/events/grid.d.ts +4 -0
- package/dist/feeds/events/grid.d.ts.map +1 -0
- package/dist/feeds/events/grid.js +32 -0
- package/dist/feeds/events/grid.js.map +1 -0
- package/dist/feeds/events/grouped.d.ts +4 -0
- package/dist/feeds/events/grouped.d.ts.map +1 -0
- package/dist/feeds/events/grouped.js +337 -0
- package/dist/feeds/events/grouped.js.map +1 -0
- package/dist/feeds/events/index.d.ts +5 -0
- package/dist/feeds/events/index.d.ts.map +1 -0
- package/dist/feeds/events/list.d.ts +4 -0
- package/dist/feeds/events/list.d.ts.map +1 -0
- package/dist/feeds/events/list.js +33 -0
- package/dist/feeds/events/list.js.map +1 -0
- package/dist/feeds/events/slider.d.ts +4 -0
- package/dist/feeds/events/slider.d.ts.map +1 -0
- package/dist/feeds/events/slider.js +11 -0
- package/dist/feeds/events/slider.js.map +1 -0
- package/dist/feeds/experts/_types.d.ts +23 -0
- package/dist/feeds/experts/_types.d.ts.map +1 -0
- package/dist/feeds/experts/bio.d.ts +4 -0
- package/dist/feeds/experts/bio.d.ts.map +1 -0
- package/dist/feeds/experts/bio.js +147 -0
- package/dist/feeds/experts/bio.js.map +1 -0
- package/dist/feeds/experts/grid.d.ts +4 -0
- package/dist/feeds/experts/grid.d.ts.map +1 -0
- package/dist/feeds/experts/grid.js +37 -0
- package/dist/feeds/experts/grid.js.map +1 -0
- package/dist/feeds/experts/index.d.ts +4 -0
- package/dist/feeds/experts/index.d.ts.map +1 -0
- package/dist/feeds/experts/list.d.ts +4 -0
- package/dist/feeds/experts/list.d.ts.map +1 -0
- package/dist/feeds/experts/list.js +26 -0
- package/dist/feeds/experts/list.js.map +1 -0
- package/dist/feeds/news/_types.d.ts.map +1 -0
- package/dist/feeds/news/featured.d.ts +4 -0
- package/dist/feeds/news/featured.d.ts.map +1 -0
- package/dist/feeds/news/featured.js +379 -0
- package/dist/feeds/news/featured.js.map +1 -0
- package/dist/feeds/news/grid.d.ts +4 -0
- package/dist/feeds/news/grid.d.ts.map +1 -0
- package/dist/feeds/news/grid.js +37 -0
- package/dist/feeds/news/grid.js.map +1 -0
- package/dist/feeds/news/index.d.ts +4 -0
- package/dist/feeds/news/index.d.ts.map +1 -0
- package/dist/feeds/news/list.d.ts +4 -0
- package/dist/feeds/news/list.d.ts.map +1 -0
- package/dist/feeds/news/list.js +34 -0
- package/dist/feeds/news/list.js.map +1 -0
- package/dist/{utilities → helpers}/events/index.d.ts +1 -0
- package/dist/helpers/events/index.d.ts.map +1 -0
- package/dist/{utilities/events/index.mjs → helpers/events/index.js} +3 -1
- package/dist/helpers/events/index.js.map +1 -0
- package/dist/helpers/grouping/events.d.ts +14 -0
- package/dist/helpers/grouping/events.d.ts.map +1 -0
- package/dist/helpers/grouping/events.js +147 -0
- package/dist/helpers/grouping/events.js.map +1 -0
- package/dist/helpers/grouping/index.d.ts +2 -0
- package/dist/helpers/grouping/index.d.ts.map +1 -0
- package/dist/helpers/index.d.ts +5 -0
- package/dist/helpers/index.d.ts.map +1 -0
- package/dist/helpers/network/fetch.d.ts.map +1 -0
- package/dist/helpers/network/index.d.ts.map +1 -0
- package/dist/helpers/styles/index.d.ts +2 -0
- package/dist/helpers/styles/index.d.ts.map +1 -0
- package/dist/helpers/styles/shadow.d.ts +10 -0
- package/dist/helpers/styles/shadow.d.ts.map +1 -0
- package/dist/helpers/styles/shadow.js +16 -0
- package/dist/helpers/styles/shadow.js.map +1 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -8
- package/dist/index.js.map +1 -1
- package/dist/news.d.ts +1 -1
- package/dist/news.js +8 -8
- package/dist/news.js.map +1 -1
- package/dist/states/_types.d.ts +36 -0
- package/dist/states/_types.d.ts.map +1 -0
- package/dist/states/_types.js +12 -0
- package/dist/states/_types.js.map +1 -0
- package/dist/states/announcer.d.ts +14 -0
- package/dist/states/announcer.d.ts.map +1 -0
- package/dist/states/announcer.js +62 -0
- package/dist/states/announcer.js.map +1 -0
- package/dist/states/empty.d.ts +15 -0
- package/dist/states/empty.d.ts.map +1 -0
- package/dist/states/empty.js +104 -0
- package/dist/states/empty.js.map +1 -0
- package/dist/states/index.d.ts +6 -0
- package/dist/states/index.d.ts.map +1 -0
- package/dist/states/loading.d.ts +15 -0
- package/dist/states/loading.d.ts.map +1 -0
- package/dist/{macros/loader.mjs → states/loading.js} +71 -28
- package/dist/states/loading.js.map +1 -0
- package/dist/states/pagination.d.ts +17 -0
- package/dist/states/pagination.d.ts.map +1 -0
- package/dist/states/pagination.js +102 -0
- package/dist/states/pagination.js.map +1 -0
- package/dist/strategies/display/events.d.ts +4 -0
- package/dist/strategies/display/events.d.ts.map +1 -0
- package/dist/strategies/display/events.js +60 -0
- package/dist/strategies/display/events.js.map +1 -0
- package/dist/strategies/display/experts.d.ts +19 -0
- package/dist/strategies/display/experts.d.ts.map +1 -0
- package/dist/strategies/display/experts.js +266 -0
- package/dist/strategies/display/experts.js.map +1 -0
- package/dist/strategies/display/index.d.ts +5 -0
- package/dist/strategies/display/index.d.ts.map +1 -0
- package/dist/strategies/display/news.d.ts +4 -0
- package/dist/strategies/display/news.d.ts.map +1 -0
- package/dist/strategies/display/news.js +58 -0
- package/dist/strategies/display/news.js.map +1 -0
- package/dist/strategies/fetch/academic.d.ts +2 -0
- package/dist/strategies/fetch/academic.d.ts.map +1 -0
- package/dist/strategies/fetch/academic.js +30 -0
- package/dist/strategies/fetch/academic.js.map +1 -0
- package/dist/strategies/fetch/events.d.ts +20 -0
- package/dist/strategies/fetch/events.d.ts.map +1 -0
- package/dist/strategies/fetch/events.js +223 -0
- package/dist/strategies/fetch/events.js.map +1 -0
- package/dist/strategies/fetch/experts.d.ts +4 -0
- package/dist/strategies/fetch/experts.d.ts.map +1 -0
- package/dist/strategies/fetch/experts.js +194 -0
- package/dist/strategies/fetch/experts.js.map +1 -0
- package/dist/strategies/fetch/graphql.d.ts +13 -0
- package/dist/strategies/fetch/graphql.d.ts.map +1 -0
- package/dist/strategies/fetch/graphql.js +104 -0
- package/dist/strategies/fetch/graphql.js.map +1 -0
- package/dist/strategies/fetch/index.d.ts +10 -0
- package/dist/strategies/fetch/index.d.ts.map +1 -0
- package/dist/strategies/fetch/news.d.ts +4 -0
- package/dist/strategies/fetch/news.d.ts.map +1 -0
- package/dist/strategies/fetch/news.js +95 -0
- package/dist/strategies/fetch/news.js.map +1 -0
- package/dist/strategies/index.d.ts +7 -0
- package/dist/strategies/index.d.ts.map +1 -0
- package/dist/strategies/layout/featured.d.ts +8 -0
- package/dist/strategies/layout/featured.d.ts.map +1 -0
- package/dist/strategies/layout/grid.d.ts +7 -0
- package/dist/strategies/layout/grid.d.ts.map +1 -0
- package/dist/strategies/layout/grid.js +36 -0
- package/dist/strategies/layout/grid.js.map +1 -0
- package/dist/strategies/layout/index.d.ts +4 -0
- package/dist/strategies/layout/index.d.ts.map +1 -0
- package/dist/types/api.d.ts +34 -0
- package/dist/types/api.d.ts.map +1 -0
- package/dist/types/core.d.ts +40 -0
- package/dist/types/core.d.ts.map +1 -0
- package/dist/types/data/academic.d.ts +6 -0
- package/dist/types/data/academic.d.ts.map +1 -0
- package/dist/types/data/events.d.ts +21 -0
- package/dist/types/data/events.d.ts.map +1 -0
- package/dist/types/data/experts.d.ts +53 -0
- package/dist/types/data/experts.d.ts.map +1 -0
- package/dist/types/data/index.d.ts +5 -0
- package/dist/types/data/index.d.ts.map +1 -0
- package/dist/types/data/news.d.ts +6 -0
- package/dist/types/data/news.d.ts.map +1 -0
- package/dist/types/feeds.d.ts +35 -0
- package/dist/types/feeds.d.ts.map +1 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/widgets/index.d.ts +2 -0
- package/dist/widgets/index.d.ts.map +1 -0
- package/dist/{macros → widgets}/slider.d.ts +1 -2
- package/dist/widgets/slider.d.ts.map +1 -0
- package/dist/{macros/slider.mjs → widgets/slider.js} +10 -10
- package/dist/widgets/slider.js.map +1 -0
- package/package.json +18 -12
- package/dist/academic.mjs +0 -5
- package/dist/academic.mjs.map +0 -1
- package/dist/composite/academic/_types.d.ts.map +0 -1
- package/dist/composite/academic/index.d.ts +0 -2
- package/dist/composite/academic/index.d.ts.map +0 -1
- package/dist/composite/academic/slider.d.ts +0 -5
- package/dist/composite/academic/slider.d.ts.map +0 -1
- package/dist/composite/academic/slider.js +0 -36
- package/dist/composite/academic/slider.js.map +0 -1
- package/dist/composite/academic/slider.mjs +0 -37
- package/dist/composite/academic/slider.mjs.map +0 -1
- package/dist/composite/events/_types.d.ts.map +0 -1
- package/dist/composite/events/common/data.d.ts +0 -44
- package/dist/composite/events/common/data.d.ts.map +0 -1
- package/dist/composite/events/common/data.js +0 -54
- package/dist/composite/events/common/data.js.map +0 -1
- package/dist/composite/events/common/data.mjs +0 -54
- package/dist/composite/events/common/data.mjs.map +0 -1
- package/dist/composite/events/common/display.d.ts +0 -18
- package/dist/composite/events/common/display.d.ts.map +0 -1
- package/dist/composite/events/common/display.js +0 -147
- package/dist/composite/events/common/display.js.map +0 -1
- package/dist/composite/events/common/display.mjs +0 -130
- package/dist/composite/events/common/display.mjs.map +0 -1
- package/dist/composite/events/common/fetch.d.ts +0 -24
- package/dist/composite/events/common/fetch.d.ts.map +0 -1
- package/dist/composite/events/common/fetch.js +0 -119
- package/dist/composite/events/common/fetch.js.map +0 -1
- package/dist/composite/events/common/fetch.mjs +0 -119
- package/dist/composite/events/common/fetch.mjs.map +0 -1
- package/dist/composite/events/common/queries.d.ts +0 -5
- package/dist/composite/events/common/queries.d.ts.map +0 -1
- package/dist/composite/events/common/queries.js +0 -113
- package/dist/composite/events/common/queries.js.map +0 -1
- package/dist/composite/events/common/queries.mjs +0 -113
- package/dist/composite/events/common/queries.mjs.map +0 -1
- package/dist/composite/events/grid.d.ts +0 -5
- package/dist/composite/events/grid.d.ts.map +0 -1
- package/dist/composite/events/grid.js +0 -92
- package/dist/composite/events/grid.js.map +0 -1
- package/dist/composite/events/grid.mjs +0 -93
- package/dist/composite/events/grid.mjs.map +0 -1
- package/dist/composite/events/grouped.d.ts +0 -5
- package/dist/composite/events/grouped.d.ts.map +0 -1
- package/dist/composite/events/grouped.js +0 -290
- package/dist/composite/events/grouped.js.map +0 -1
- package/dist/composite/events/grouped.mjs +0 -274
- package/dist/composite/events/grouped.mjs.map +0 -1
- package/dist/composite/events/index.d.ts +0 -5
- package/dist/composite/events/index.d.ts.map +0 -1
- package/dist/composite/events/list.d.ts +0 -5
- package/dist/composite/events/list.d.ts.map +0 -1
- package/dist/composite/events/list.js +0 -92
- package/dist/composite/events/list.js.map +0 -1
- package/dist/composite/events/list.mjs +0 -93
- package/dist/composite/events/list.mjs.map +0 -1
- package/dist/composite/events/slider.d.ts +0 -5
- package/dist/composite/events/slider.d.ts.map +0 -1
- package/dist/composite/events/slider.js +0 -37
- package/dist/composite/events/slider.js.map +0 -1
- package/dist/composite/events/slider.mjs +0 -38
- package/dist/composite/events/slider.mjs.map +0 -1
- package/dist/composite/news/_types.d.ts.map +0 -1
- package/dist/composite/news/common/data.d.ts +0 -47
- package/dist/composite/news/common/data.d.ts.map +0 -1
- package/dist/composite/news/common/data.js +0 -63
- package/dist/composite/news/common/data.js.map +0 -1
- package/dist/composite/news/common/data.mjs +0 -63
- package/dist/composite/news/common/data.mjs.map +0 -1
- package/dist/composite/news/common/display.d.ts +0 -17
- package/dist/composite/news/common/display.d.ts.map +0 -1
- package/dist/composite/news/common/display.js +0 -147
- package/dist/composite/news/common/display.js.map +0 -1
- package/dist/composite/news/common/display.mjs +0 -130
- package/dist/composite/news/common/display.mjs.map +0 -1
- package/dist/composite/news/common/fetch.d.ts +0 -22
- package/dist/composite/news/common/fetch.d.ts.map +0 -1
- package/dist/composite/news/common/fetch.js +0 -89
- package/dist/composite/news/common/fetch.js.map +0 -1
- package/dist/composite/news/common/fetch.mjs +0 -89
- package/dist/composite/news/common/fetch.mjs.map +0 -1
- package/dist/composite/news/common/queries.d.ts +0 -2
- package/dist/composite/news/common/queries.d.ts.map +0 -1
- package/dist/composite/news/common/queries.js +0 -37
- package/dist/composite/news/common/queries.js.map +0 -1
- package/dist/composite/news/common/queries.mjs +0 -37
- package/dist/composite/news/common/queries.mjs.map +0 -1
- package/dist/composite/news/featured.d.ts +0 -5
- package/dist/composite/news/featured.d.ts.map +0 -1
- package/dist/composite/news/featured.js +0 -184
- package/dist/composite/news/featured.js.map +0 -1
- package/dist/composite/news/featured.mjs +0 -185
- package/dist/composite/news/featured.mjs.map +0 -1
- package/dist/composite/news/grid.d.ts +0 -5
- package/dist/composite/news/grid.d.ts.map +0 -1
- package/dist/composite/news/grid.js +0 -100
- package/dist/composite/news/grid.js.map +0 -1
- package/dist/composite/news/grid.mjs +0 -101
- package/dist/composite/news/grid.mjs.map +0 -1
- package/dist/composite/news/index.d.ts +0 -4
- package/dist/composite/news/index.d.ts.map +0 -1
- package/dist/composite/news/list.d.ts +0 -5
- package/dist/composite/news/list.d.ts.map +0 -1
- package/dist/composite/news/list.js +0 -87
- package/dist/composite/news/list.js.map +0 -1
- package/dist/composite/news/list.mjs +0 -88
- package/dist/composite/news/list.mjs.map +0 -1
- package/dist/elements/asset.d.ts +0 -10
- package/dist/elements/asset.d.ts.map +0 -1
- package/dist/elements/asset.js +0 -27
- package/dist/elements/asset.js.map +0 -1
- package/dist/elements/asset.mjs +0 -27
- package/dist/elements/asset.mjs.map +0 -1
- package/dist/elements/index.d.ts +0 -4
- package/dist/elements/index.d.ts.map +0 -1
- package/dist/elements/layout.d.ts +0 -15
- package/dist/elements/layout.d.ts.map +0 -1
- package/dist/elements/layout.js +0 -113
- package/dist/elements/layout.js.map +0 -1
- package/dist/elements/layout.mjs +0 -96
- package/dist/elements/layout.mjs.map +0 -1
- package/dist/elements/text.d.ts +0 -12
- package/dist/elements/text.d.ts.map +0 -1
- package/dist/elements/text.js +0 -41
- package/dist/elements/text.js.map +0 -1
- package/dist/elements/text.mjs +0 -41
- package/dist/elements/text.mjs.map +0 -1
- package/dist/events.mjs +0 -11
- package/dist/events.mjs.map +0 -1
- package/dist/index.mjs +0 -9
- package/dist/index.mjs.map +0 -1
- package/dist/macros/aria-live.d.ts +0 -11
- package/dist/macros/aria-live.d.ts.map +0 -1
- package/dist/macros/aria-live.js +0 -25
- package/dist/macros/aria-live.js.map +0 -1
- package/dist/macros/aria-live.mjs +0 -26
- package/dist/macros/aria-live.mjs.map +0 -1
- package/dist/macros/index.d.ts +0 -6
- package/dist/macros/index.d.ts.map +0 -1
- package/dist/macros/lazy-load.d.ts +0 -16
- package/dist/macros/lazy-load.d.ts.map +0 -1
- package/dist/macros/lazy-load.js +0 -54
- package/dist/macros/lazy-load.js.map +0 -1
- package/dist/macros/lazy-load.mjs +0 -38
- package/dist/macros/lazy-load.mjs.map +0 -1
- package/dist/macros/loader.d.ts +0 -15
- package/dist/macros/loader.d.ts.map +0 -1
- package/dist/macros/loader.js +0 -128
- package/dist/macros/loader.js.map +0 -1
- package/dist/macros/loader.mjs.map +0 -1
- package/dist/macros/no-results.d.ts +0 -12
- package/dist/macros/no-results.d.ts.map +0 -1
- package/dist/macros/no-results.js +0 -66
- package/dist/macros/no-results.js.map +0 -1
- package/dist/macros/no-results.mjs +0 -50
- package/dist/macros/no-results.mjs.map +0 -1
- package/dist/macros/slider.d.ts.map +0 -1
- package/dist/macros/slider.js +0 -103
- package/dist/macros/slider.js.map +0 -1
- package/dist/macros/slider.mjs.map +0 -1
- package/dist/news.mjs +0 -9
- package/dist/news.mjs.map +0 -1
- package/dist/utilities/events/index.d.ts.map +0 -1
- package/dist/utilities/events/index.js +0 -19
- package/dist/utilities/events/index.js.map +0 -1
- package/dist/utilities/events/index.mjs.map +0 -1
- package/dist/utilities/index.d.ts +0 -3
- package/dist/utilities/index.d.ts.map +0 -1
- package/dist/utilities/network/fetch.d.ts.map +0 -1
- package/dist/utilities/network/index.d.ts.map +0 -1
- /package/dist/{composite → feeds}/academic/_types.d.ts +0 -0
- /package/dist/{composite → feeds}/events/_types.d.ts +0 -0
- /package/dist/{composite → feeds}/news/_types.d.ts +0 -0
- /package/dist/{utilities → helpers}/network/fetch.d.ts +0 -0
- /package/dist/{utilities → helpers}/network/index.d.ts +0 -0
package/dist/macros/lazy-load.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const Styles = require("@universityofmaryland/web-styles-library");
|
|
3
|
-
const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
|
|
4
|
-
function _interopNamespaceDefault(e) {
|
|
5
|
-
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
6
|
-
if (e) {
|
|
7
|
-
for (const k in e) {
|
|
8
|
-
if (k !== "default") {
|
|
9
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: () => e[k]
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
n.default = e;
|
|
18
|
-
return Object.freeze(n);
|
|
19
|
-
}
|
|
20
|
-
const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
|
|
21
|
-
const create = ({
|
|
22
|
-
callback,
|
|
23
|
-
isThemeDark,
|
|
24
|
-
isLazyLoad,
|
|
25
|
-
totalEntries,
|
|
26
|
-
offset
|
|
27
|
-
}) => {
|
|
28
|
-
if (!isLazyLoad) return;
|
|
29
|
-
if (!totalEntries) return;
|
|
30
|
-
if (!offset) return;
|
|
31
|
-
if (!callback) return;
|
|
32
|
-
if (offset >= totalEntries) return;
|
|
33
|
-
const button = document.createElement("button");
|
|
34
|
-
button.innerHTML = "Load more";
|
|
35
|
-
button.addEventListener("click", callback);
|
|
36
|
-
const ctaButton = new webBuilderLibrary.ElementBuilder(button).styled(Styles__namespace.element.action.outline.normal).build();
|
|
37
|
-
return new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.alignment.block.center).withChild(ctaButton).withStyles({
|
|
38
|
-
element: {
|
|
39
|
-
marginTop: `${Styles__namespace.token.spacing.lg}`
|
|
40
|
-
}
|
|
41
|
-
}).build();
|
|
42
|
-
};
|
|
43
|
-
const remove = ({ container }) => {
|
|
44
|
-
const button = container.querySelector(
|
|
45
|
-
`.${Styles__namespace.layout.alignment.block.center.className}`
|
|
46
|
-
);
|
|
47
|
-
if (button) button.remove();
|
|
48
|
-
};
|
|
49
|
-
const lazyLoad = {
|
|
50
|
-
remove,
|
|
51
|
-
create
|
|
52
|
-
};
|
|
53
|
-
module.exports = lazyLoad;
|
|
54
|
-
//# sourceMappingURL=lazy-load.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lazy-load.js","sources":["../../source/macros/lazy-load.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { type ElementModel } from '../_types';\n\ntype LazyLoadCreate = {\n callback: (args: any) => void;\n isThemeDark?: boolean;\n isLazyLoad: boolean;\n totalEntries: number | null;\n offset: number;\n};\n\nconst create = ({\n callback,\n isThemeDark,\n isLazyLoad,\n totalEntries,\n offset,\n}: LazyLoadCreate): ElementModel | undefined => {\n if (!isLazyLoad) return;\n if (!totalEntries) return;\n if (!offset) return;\n if (!callback) return;\n if (offset >= totalEntries) return;\n\n const button = document.createElement('button');\n button.innerHTML = 'Load more';\n button.addEventListener('click', callback);\n\n const ctaButton = new ElementBuilder(button)\n .styled(Styles.element.action.outline.normal)\n .build();\n\n return new ElementBuilder()\n .styled(Styles.layout.alignment.block.center)\n .withChild(ctaButton)\n .withStyles({\n element: {\n marginTop: `${Styles.token.spacing.lg}`,\n },\n })\n .build();\n};\n\nconst remove = ({ container }: { container: HTMLElement }) => {\n const button = container.querySelector(\n `.${Styles.layout.alignment.block.center.className}`,\n ) as HTMLDivElement;\n\n if (button) button.remove();\n};\n\nexport default {\n remove,\n create,\n};\n"],"names":["ElementBuilder","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgD;AAC9C,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,YAAY;AACnB,SAAO,iBAAiB,SAAS,QAAQ;AAEzC,QAAM,YAAY,IAAIA,iCAAe,MAAM,EACxC,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,OAAOC,kBAAO,OAAO,UAAU,MAAM,MAAM,EAC3C,UAAU,SAAS,EACnB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,WAAW,GAAGA,kBAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EACvC,CACD,EACA,MAAA;AACL;AAEA,MAAM,SAAS,CAAC,EAAE,gBAA4C;AAC5D,QAAM,SAAS,UAAU;AAAA,IACvB,IAAIA,kBAAO,OAAO,UAAU,MAAM,OAAO,SAAS;AAAA,EAAA;AAGpD,MAAI,eAAe,OAAA;AACrB;AAEA,MAAA,WAAe;AAAA,EACb;AAAA,EACA;AACF;;"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import * as Styles from "@universityofmaryland/web-styles-library";
|
|
2
|
-
import { ElementBuilder } from "@universityofmaryland/web-builder-library";
|
|
3
|
-
const create = ({
|
|
4
|
-
callback,
|
|
5
|
-
isThemeDark,
|
|
6
|
-
isLazyLoad,
|
|
7
|
-
totalEntries,
|
|
8
|
-
offset
|
|
9
|
-
}) => {
|
|
10
|
-
if (!isLazyLoad) return;
|
|
11
|
-
if (!totalEntries) return;
|
|
12
|
-
if (!offset) return;
|
|
13
|
-
if (!callback) return;
|
|
14
|
-
if (offset >= totalEntries) return;
|
|
15
|
-
const button = document.createElement("button");
|
|
16
|
-
button.innerHTML = "Load more";
|
|
17
|
-
button.addEventListener("click", callback);
|
|
18
|
-
const ctaButton = new ElementBuilder(button).styled(Styles.element.action.outline.normal).build();
|
|
19
|
-
return new ElementBuilder().styled(Styles.layout.alignment.block.center).withChild(ctaButton).withStyles({
|
|
20
|
-
element: {
|
|
21
|
-
marginTop: `${Styles.token.spacing.lg}`
|
|
22
|
-
}
|
|
23
|
-
}).build();
|
|
24
|
-
};
|
|
25
|
-
const remove = ({ container }) => {
|
|
26
|
-
const button = container.querySelector(
|
|
27
|
-
`.${Styles.layout.alignment.block.center.className}`
|
|
28
|
-
);
|
|
29
|
-
if (button) button.remove();
|
|
30
|
-
};
|
|
31
|
-
const lazyLoad = {
|
|
32
|
-
remove,
|
|
33
|
-
create
|
|
34
|
-
};
|
|
35
|
-
export {
|
|
36
|
-
lazyLoad as default
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=lazy-load.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lazy-load.mjs","sources":["../../source/macros/lazy-load.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { type ElementModel } from '../_types';\n\ntype LazyLoadCreate = {\n callback: (args: any) => void;\n isThemeDark?: boolean;\n isLazyLoad: boolean;\n totalEntries: number | null;\n offset: number;\n};\n\nconst create = ({\n callback,\n isThemeDark,\n isLazyLoad,\n totalEntries,\n offset,\n}: LazyLoadCreate): ElementModel | undefined => {\n if (!isLazyLoad) return;\n if (!totalEntries) return;\n if (!offset) return;\n if (!callback) return;\n if (offset >= totalEntries) return;\n\n const button = document.createElement('button');\n button.innerHTML = 'Load more';\n button.addEventListener('click', callback);\n\n const ctaButton = new ElementBuilder(button)\n .styled(Styles.element.action.outline.normal)\n .build();\n\n return new ElementBuilder()\n .styled(Styles.layout.alignment.block.center)\n .withChild(ctaButton)\n .withStyles({\n element: {\n marginTop: `${Styles.token.spacing.lg}`,\n },\n })\n .build();\n};\n\nconst remove = ({ container }: { container: HTMLElement }) => {\n const button = container.querySelector(\n `.${Styles.layout.alignment.block.center.className}`,\n ) as HTMLDivElement;\n\n if (button) button.remove();\n};\n\nexport default {\n remove,\n create,\n};\n"],"names":[],"mappings":";;AAYA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgD;AAC9C,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,YAAY;AACnB,SAAO,iBAAiB,SAAS,QAAQ;AAEzC,QAAM,YAAY,IAAI,eAAe,MAAM,EACxC,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,OAAO,OAAO,OAAO,UAAU,MAAM,MAAM,EAC3C,UAAU,SAAS,EACnB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EACvC,CACD,EACA,MAAA;AACL;AAEA,MAAM,SAAS,CAAC,EAAE,gBAA4C;AAC5D,QAAM,SAAS,UAAU;AAAA,IACvB,IAAI,OAAO,OAAO,UAAU,MAAM,OAAO,SAAS;AAAA,EAAA;AAGpD,MAAI,eAAe,OAAA;AACrB;AAEA,MAAA,WAAe;AAAA,EACb;AAAA,EACA;AACF;"}
|
package/dist/macros/loader.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ElementModel } from '../_types';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
create: ({ isThemeDark }: {
|
|
4
|
-
isThemeDark?: boolean;
|
|
5
|
-
}) => ElementModel;
|
|
6
|
-
display: ({ container, isThemeDark, }: {
|
|
7
|
-
container: HTMLElement;
|
|
8
|
-
isThemeDark?: boolean;
|
|
9
|
-
}) => void;
|
|
10
|
-
remove: ({ container }: {
|
|
11
|
-
container: HTMLElement;
|
|
12
|
-
}) => void;
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
15
|
-
//# sourceMappingURL=loader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../source/macros/loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;;8BAiCb;QAAE,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAAG,YAAY;2CAuGtE;QACD,SAAS,EAAE,WAAW,CAAC;QACvB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;4BAZ8B;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE;;AAkBzD,wBAIE"}
|
package/dist/macros/loader.js
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const Styles = require("@universityofmaryland/web-styles-library");
|
|
3
|
-
const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
|
|
4
|
-
function _interopNamespaceDefault(e) {
|
|
5
|
-
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
6
|
-
if (e) {
|
|
7
|
-
for (const k in e) {
|
|
8
|
-
if (k !== "default") {
|
|
9
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: () => e[k]
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
n.default = e;
|
|
18
|
-
return Object.freeze(n);
|
|
19
|
-
}
|
|
20
|
-
const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
|
|
21
|
-
const ID_UMD_LOADER = "umd-loader-container";
|
|
22
|
-
const keyframes = `
|
|
23
|
-
@keyframes loader-first-animation {
|
|
24
|
-
0% {
|
|
25
|
-
transform: scale(0);
|
|
26
|
-
}
|
|
27
|
-
100% {
|
|
28
|
-
transform: scale(1);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@keyframes loader-last-animation {
|
|
33
|
-
0% {
|
|
34
|
-
transform: scale(1);
|
|
35
|
-
}
|
|
36
|
-
100% {
|
|
37
|
-
transform: scale(0);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@keyframes loader-middle-animation {
|
|
42
|
-
0% {
|
|
43
|
-
transform: translate(0, 0);
|
|
44
|
-
}
|
|
45
|
-
100% {
|
|
46
|
-
transform: translate(24px, 0);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
`;
|
|
50
|
-
const create = ({ isThemeDark }) => {
|
|
51
|
-
const defaultDotStyles = {
|
|
52
|
-
position: "absolute",
|
|
53
|
-
top: "50%",
|
|
54
|
-
transform: "translateY(-50%)",
|
|
55
|
-
width: "8px",
|
|
56
|
-
height: "8px",
|
|
57
|
-
borderRadius: "50%",
|
|
58
|
-
background: `${Styles__namespace.token.color.gray.dark}`,
|
|
59
|
-
animationTimingFunction: "cubic-bezier(0, 1, 1, 0)",
|
|
60
|
-
...isThemeDark && {
|
|
61
|
-
background: `${Styles__namespace.token.color.gray.light}`
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
const innerElmOne = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-one`).withStyles({
|
|
65
|
-
element: {
|
|
66
|
-
...defaultDotStyles,
|
|
67
|
-
left: "5px",
|
|
68
|
-
animation: "loader-first-animation 0.6s infinite"
|
|
69
|
-
}
|
|
70
|
-
}).build();
|
|
71
|
-
const innerElmTwo = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-two`).withStyles({
|
|
72
|
-
element: {
|
|
73
|
-
...defaultDotStyles,
|
|
74
|
-
left: "5px",
|
|
75
|
-
animation: "loader-middle-animation 0.6s infinite"
|
|
76
|
-
}
|
|
77
|
-
}).build();
|
|
78
|
-
const innerElmThree = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-three`).withStyles({
|
|
79
|
-
element: {
|
|
80
|
-
...defaultDotStyles,
|
|
81
|
-
left: "24px",
|
|
82
|
-
animation: "loader-middle-animation 0.6s infinite"
|
|
83
|
-
}
|
|
84
|
-
}).build();
|
|
85
|
-
const innerElmFour = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-four`).withStyles({
|
|
86
|
-
element: {
|
|
87
|
-
...defaultDotStyles,
|
|
88
|
-
left: "45px",
|
|
89
|
-
animation: "loader-last-animation 0.6s infinite"
|
|
90
|
-
}
|
|
91
|
-
}).build();
|
|
92
|
-
const wrapper = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-wrapper`).withChild(innerElmOne).withChild(innerElmTwo).withChild(innerElmThree).withChild(innerElmFour).withStyles({
|
|
93
|
-
element: {
|
|
94
|
-
position: "relative"
|
|
95
|
-
}
|
|
96
|
-
}).build();
|
|
97
|
-
const composite = new webBuilderLibrary.ElementBuilder().withClassName(ID_UMD_LOADER).withChild(wrapper).withStyles({
|
|
98
|
-
element: {
|
|
99
|
-
display: "flex",
|
|
100
|
-
justifyContent: "center",
|
|
101
|
-
alignItems: "center",
|
|
102
|
-
padding: "10px 0",
|
|
103
|
-
minHeight: "40px",
|
|
104
|
-
position: "relative",
|
|
105
|
-
gridColumn: "1 / -1"
|
|
106
|
-
}
|
|
107
|
-
}).build();
|
|
108
|
-
composite.styles += keyframes;
|
|
109
|
-
return composite;
|
|
110
|
-
};
|
|
111
|
-
const remove = ({ container }) => {
|
|
112
|
-
const loader2 = container.querySelector(`.${ID_UMD_LOADER}`);
|
|
113
|
-
if (loader2) loader2.remove();
|
|
114
|
-
};
|
|
115
|
-
const display = ({
|
|
116
|
-
container,
|
|
117
|
-
isThemeDark
|
|
118
|
-
}) => {
|
|
119
|
-
const loader2 = create({ isThemeDark });
|
|
120
|
-
container.appendChild(loader2.element);
|
|
121
|
-
};
|
|
122
|
-
const loader = {
|
|
123
|
-
create,
|
|
124
|
-
display,
|
|
125
|
-
remove
|
|
126
|
-
};
|
|
127
|
-
module.exports = loader;
|
|
128
|
-
//# sourceMappingURL=loader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["../../source/macros/loader.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { type ElementModel } from '../_types';\n\nconst ID_UMD_LOADER = 'umd-loader-container';\n\nconst keyframes = `\n @keyframes loader-first-animation {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @keyframes loader-last-animation {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n }\n \n @keyframes loader-middle-animation {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(24px, 0);\n }\n }\n`;\n\nconst create = ({ isThemeDark }: { isThemeDark?: boolean }): ElementModel => {\n const defaultDotStyles = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n width: '8px',\n height: '8px',\n borderRadius: '50%',\n background: `${Styles.token.color.gray.dark}`,\n animationTimingFunction: 'cubic-bezier(0, 1, 1, 0)',\n\n ...(isThemeDark && {\n background: `${Styles.token.color.gray.light}`,\n }),\n };\n\n const innerElmOne = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-one`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '5px',\n animation: 'loader-first-animation 0.6s infinite',\n },\n })\n .build();\n\n const innerElmTwo = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-two`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '5px',\n animation: 'loader-middle-animation 0.6s infinite',\n },\n })\n .build();\n\n const innerElmThree = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-three`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '24px',\n animation: 'loader-middle-animation 0.6s infinite',\n },\n })\n .build();\n\n const innerElmFour = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-four`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '45px',\n animation: 'loader-last-animation 0.6s infinite',\n },\n })\n .build();\n\n const wrapper = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-wrapper`)\n .withChild(innerElmOne)\n .withChild(innerElmTwo)\n .withChild(innerElmThree)\n .withChild(innerElmFour)\n .withStyles({\n element: {\n position: 'relative',\n },\n })\n .build();\n\n const composite = new ElementBuilder()\n .withClassName(ID_UMD_LOADER)\n .withChild(wrapper)\n .withStyles({\n element: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n padding: '10px 0',\n minHeight: '40px',\n position: 'relative',\n gridColumn: '1 / -1',\n },\n })\n .build();\n\n composite.styles += keyframes;\n\n return composite;\n};\n\nconst remove = ({ container }: { container: HTMLElement }) => {\n const loader = container.querySelector(`.${ID_UMD_LOADER}`) as HTMLDivElement;\n\n if (loader) loader.remove();\n};\n\nconst display = ({\n container,\n isThemeDark,\n}: {\n container: HTMLElement;\n isThemeDark?: boolean;\n}) => {\n const loader = create({ isThemeDark });\n\n container.appendChild(loader.element);\n};\n\nexport default {\n create,\n display,\n remove,\n};\n"],"names":["Styles","ElementBuilder","loader"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA,MAAM,gBAAgB;AAEtB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BlB,MAAM,SAAS,CAAC,EAAE,kBAA2D;AAC3E,QAAM,mBAAmB;AAAA,IACvB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY,GAAGA,kBAAO,MAAM,MAAM,KAAK,IAAI;AAAA,IAC3C,yBAAyB;AAAA,IAEzB,GAAI,eAAe;AAAA,MACjB,YAAY,GAAGA,kBAAO,MAAM,MAAM,KAAK,KAAK;AAAA,IAAA;AAAA,EAC9C;AAGF,QAAM,cAAc,IAAIC,kBAAAA,eAAA,EACrB,cAAc,GAAG,aAAa,MAAM,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,cAAc,IAAIA,kBAAAA,eAAA,EACrB,cAAc,GAAG,aAAa,MAAM,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,gBAAgB,IAAIA,kBAAAA,eAAA,EACvB,cAAc,GAAG,aAAa,QAAQ,EACtC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,eAAe,IAAIA,kBAAAA,eAAA,EACtB,cAAc,GAAG,aAAa,OAAO,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,UAAU,IAAIA,kBAAAA,iBACjB,cAAc,GAAG,aAAa,UAAU,EACxC,UAAU,WAAW,EACrB,UAAU,WAAW,EACrB,UAAU,aAAa,EACvB,UAAU,YAAY,EACtB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ,CACD,EACA,MAAA;AAEH,QAAM,YAAY,IAAIA,kBAAAA,eAAA,EACnB,cAAc,aAAa,EAC3B,UAAU,OAAO,EACjB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AAEH,YAAU,UAAU;AAEpB,SAAO;AACT;AAEA,MAAM,SAAS,CAAC,EAAE,gBAA4C;AAC5D,QAAMC,UAAS,UAAU,cAAc,IAAI,aAAa,EAAE;AAE1D,MAAIA,iBAAe,OAAA;AACrB;AAEA,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AACF,MAGM;AACJ,QAAMA,UAAS,OAAO,EAAE,aAAa;AAErC,YAAU,YAAYA,QAAO,OAAO;AACtC;AAEA,MAAA,SAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.mjs","sources":["../../source/macros/loader.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { type ElementModel } from '../_types';\n\nconst ID_UMD_LOADER = 'umd-loader-container';\n\nconst keyframes = `\n @keyframes loader-first-animation {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @keyframes loader-last-animation {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n }\n \n @keyframes loader-middle-animation {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(24px, 0);\n }\n }\n`;\n\nconst create = ({ isThemeDark }: { isThemeDark?: boolean }): ElementModel => {\n const defaultDotStyles = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n width: '8px',\n height: '8px',\n borderRadius: '50%',\n background: `${Styles.token.color.gray.dark}`,\n animationTimingFunction: 'cubic-bezier(0, 1, 1, 0)',\n\n ...(isThemeDark && {\n background: `${Styles.token.color.gray.light}`,\n }),\n };\n\n const innerElmOne = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-one`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '5px',\n animation: 'loader-first-animation 0.6s infinite',\n },\n })\n .build();\n\n const innerElmTwo = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-two`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '5px',\n animation: 'loader-middle-animation 0.6s infinite',\n },\n })\n .build();\n\n const innerElmThree = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-three`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '24px',\n animation: 'loader-middle-animation 0.6s infinite',\n },\n })\n .build();\n\n const innerElmFour = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-four`)\n .withStyles({\n element: {\n ...defaultDotStyles,\n left: '45px',\n animation: 'loader-last-animation 0.6s infinite',\n },\n })\n .build();\n\n const wrapper = new ElementBuilder()\n .withClassName(`${ID_UMD_LOADER}-wrapper`)\n .withChild(innerElmOne)\n .withChild(innerElmTwo)\n .withChild(innerElmThree)\n .withChild(innerElmFour)\n .withStyles({\n element: {\n position: 'relative',\n },\n })\n .build();\n\n const composite = new ElementBuilder()\n .withClassName(ID_UMD_LOADER)\n .withChild(wrapper)\n .withStyles({\n element: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n padding: '10px 0',\n minHeight: '40px',\n position: 'relative',\n gridColumn: '1 / -1',\n },\n })\n .build();\n\n composite.styles += keyframes;\n\n return composite;\n};\n\nconst remove = ({ container }: { container: HTMLElement }) => {\n const loader = container.querySelector(`.${ID_UMD_LOADER}`) as HTMLDivElement;\n\n if (loader) loader.remove();\n};\n\nconst display = ({\n container,\n isThemeDark,\n}: {\n container: HTMLElement;\n isThemeDark?: boolean;\n}) => {\n const loader = create({ isThemeDark });\n\n container.appendChild(loader.element);\n};\n\nexport default {\n create,\n display,\n remove,\n};\n"],"names":["loader"],"mappings":";;AAIA,MAAM,gBAAgB;AAEtB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BlB,MAAM,SAAS,CAAC,EAAE,kBAA2D;AAC3E,QAAM,mBAAmB;AAAA,IACvB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY,GAAG,OAAO,MAAM,MAAM,KAAK,IAAI;AAAA,IAC3C,yBAAyB;AAAA,IAEzB,GAAI,eAAe;AAAA,MACjB,YAAY,GAAG,OAAO,MAAM,MAAM,KAAK,KAAK;AAAA,IAAA;AAAA,EAC9C;AAGF,QAAM,cAAc,IAAI,eAAA,EACrB,cAAc,GAAG,aAAa,MAAM,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,cAAc,IAAI,eAAA,EACrB,cAAc,GAAG,aAAa,MAAM,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,gBAAgB,IAAI,eAAA,EACvB,cAAc,GAAG,aAAa,QAAQ,EACtC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,eAAe,IAAI,eAAA,EACtB,cAAc,GAAG,aAAa,OAAO,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,EACb,CACD,EACA,MAAA;AAEH,QAAM,UAAU,IAAI,iBACjB,cAAc,GAAG,aAAa,UAAU,EACxC,UAAU,WAAW,EACrB,UAAU,WAAW,EACrB,UAAU,aAAa,EACvB,UAAU,YAAY,EACtB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ,CACD,EACA,MAAA;AAEH,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,aAAa,EAC3B,UAAU,OAAO,EACjB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AAEH,YAAU,UAAU;AAEpB,SAAO;AACT;AAEA,MAAM,SAAS,CAAC,EAAE,gBAA4C;AAC5D,QAAMA,UAAS,UAAU,cAAc,IAAI,aAAa,EAAE;AAE1D,MAAIA,iBAAe,OAAA;AACrB;AAEA,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AACF,MAGM;AACJ,QAAMA,UAAS,OAAO,EAAE,aAAa;AAErC,YAAU,YAAYA,QAAO,OAAO;AACtC;AAEA,MAAA,SAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ElementModel } from '../_types';
|
|
2
|
-
interface NoResultsContentType {
|
|
3
|
-
message?: string;
|
|
4
|
-
linkUrl?: string;
|
|
5
|
-
linkText?: string;
|
|
6
|
-
ctaType?: string;
|
|
7
|
-
isThemeDark?: boolean;
|
|
8
|
-
isAlignedCenter?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const _default: ({ message, linkUrl, linkText, isThemeDark, isAlignedCenter, }: NoResultsContentType) => ElementModel;
|
|
11
|
-
export default _default;
|
|
12
|
-
//# sourceMappingURL=no-results.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"no-results.d.ts","sourceRoot":"","sources":["../../source/macros/no-results.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;yBAEe,+DAMb,oBAAoB,KAAG,YAAY;AANtC,wBAqDE"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
|
|
3
|
-
const webElementsLibrary = require("@universityofmaryland/web-elements-library");
|
|
4
|
-
const Styles = require("@universityofmaryland/web-styles-library");
|
|
5
|
-
const theme = require("@universityofmaryland/web-utilities-library/theme");
|
|
6
|
-
function _interopNamespaceDefault(e) {
|
|
7
|
-
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
8
|
-
if (e) {
|
|
9
|
-
for (const k in e) {
|
|
10
|
-
if (k !== "default") {
|
|
11
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: () => e[k]
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
n.default = e;
|
|
20
|
-
return Object.freeze(n);
|
|
21
|
-
}
|
|
22
|
-
const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
|
|
23
|
-
const noResults = ({
|
|
24
|
-
message,
|
|
25
|
-
linkUrl,
|
|
26
|
-
linkText,
|
|
27
|
-
isThemeDark,
|
|
28
|
-
isAlignedCenter = true
|
|
29
|
-
}) => {
|
|
30
|
-
const headline = new webBuilderLibrary.ElementBuilder(document.createElement("p")).styled(
|
|
31
|
-
Styles__namespace.typography.sans.compose("extralarge", {
|
|
32
|
-
theme: theme.theme.fontColor(isThemeDark)
|
|
33
|
-
})
|
|
34
|
-
).withStyles({
|
|
35
|
-
element: {
|
|
36
|
-
textTransform: "uppercase"
|
|
37
|
-
}
|
|
38
|
-
}).build();
|
|
39
|
-
headline.element.innerHTML = message || "No results found";
|
|
40
|
-
const composite = new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.grid.stacked).withChild(headline).withStyles({
|
|
41
|
-
element: {
|
|
42
|
-
[`& *`]: {
|
|
43
|
-
textAlign: isAlignedCenter ? "center" : "left"
|
|
44
|
-
},
|
|
45
|
-
[`& *:not(:first-child)`]: {
|
|
46
|
-
marginTop: `${Styles__namespace.token.spacing.md}`
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
if (linkUrl && linkText) {
|
|
51
|
-
const link = document.createElement("a");
|
|
52
|
-
link.innerHTML = linkText;
|
|
53
|
-
link.setAttribute("href", linkUrl);
|
|
54
|
-
link.setAttribute("target", "_blank");
|
|
55
|
-
link.setAttribute("rel", "noopener noreferrer");
|
|
56
|
-
const ctaButton = webElementsLibrary.Atomic.actions.options({
|
|
57
|
-
element: link,
|
|
58
|
-
isTypeOutline: true,
|
|
59
|
-
isThemeDark
|
|
60
|
-
});
|
|
61
|
-
composite.withChild(ctaButton);
|
|
62
|
-
}
|
|
63
|
-
return composite.build();
|
|
64
|
-
};
|
|
65
|
-
module.exports = noResults;
|
|
66
|
-
//# sourceMappingURL=no-results.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"no-results.js","sources":["../../source/macros/no-results.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { type ElementModel } from '../_types';\n\ninterface NoResultsContentType {\n message?: string;\n linkUrl?: string;\n linkText?: string;\n ctaType?: string;\n isThemeDark?: boolean;\n isAlignedCenter?: boolean;\n}\n\nexport default ({\n message,\n linkUrl,\n linkText,\n isThemeDark,\n isAlignedCenter = true,\n}: NoResultsContentType): ElementModel => {\n const headline = new ElementBuilder(document.createElement('p'))\n .styled(\n Styles.typography.sans.compose('extralarge', {\n theme: theme.fontColor(isThemeDark),\n }),\n )\n .withStyles({\n element: {\n textTransform: 'uppercase',\n },\n })\n .build();\n\n headline.element.innerHTML = message || 'No results found';\n\n const composite = new ElementBuilder()\n .styled(Styles.layout.grid.stacked)\n .withChild(headline)\n .withStyles({\n element: {\n [`& *`]: {\n textAlign: isAlignedCenter ? 'center' : 'left',\n },\n [`& *:not(:first-child)`]: {\n marginTop: `${Styles.token.spacing.md}`,\n },\n },\n });\n\n if (linkUrl && linkText) {\n const link = document.createElement('a');\n link.innerHTML = linkText;\n link.setAttribute('href', linkUrl);\n link.setAttribute('target', '_blank');\n link.setAttribute('rel', 'noopener noreferrer');\n\n const ctaButton = Atomic.actions.options({\n element: link,\n isTypeOutline: true,\n isThemeDark,\n });\n\n composite.withChild(ctaButton);\n }\n\n return composite.build();\n};\n"],"names":["ElementBuilder","Styles","theme","Atomic"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,MAAA,YAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,MAA0C;AACxC,QAAM,WAAW,IAAIA,iCAAe,SAAS,cAAc,GAAG,CAAC,EAC5D;AAAA,IACCC,kBAAO,WAAW,KAAK,QAAQ,cAAc;AAAA,MAC3C,OAAOC,MAAAA,MAAM,UAAU,WAAW;AAAA,IAAA,CACnC;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,IAAA;AAAA,EACjB,CACD,EACA,MAAA;AAEH,WAAS,QAAQ,YAAY,WAAW;AAExC,QAAM,YAAY,IAAIF,kBAAAA,iBACnB,OAAOC,kBAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAGA,kBAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAEH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,YAAY;AACjB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAYE,mBAAAA,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;;"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { ElementBuilder } from "@universityofmaryland/web-builder-library";
|
|
2
|
-
import { Atomic } from "@universityofmaryland/web-elements-library";
|
|
3
|
-
import * as Styles from "@universityofmaryland/web-styles-library";
|
|
4
|
-
import { theme } from "@universityofmaryland/web-utilities-library/theme";
|
|
5
|
-
const noResults = ({
|
|
6
|
-
message,
|
|
7
|
-
linkUrl,
|
|
8
|
-
linkText,
|
|
9
|
-
isThemeDark,
|
|
10
|
-
isAlignedCenter = true
|
|
11
|
-
}) => {
|
|
12
|
-
const headline = new ElementBuilder(document.createElement("p")).styled(
|
|
13
|
-
Styles.typography.sans.compose("extralarge", {
|
|
14
|
-
theme: theme.fontColor(isThemeDark)
|
|
15
|
-
})
|
|
16
|
-
).withStyles({
|
|
17
|
-
element: {
|
|
18
|
-
textTransform: "uppercase"
|
|
19
|
-
}
|
|
20
|
-
}).build();
|
|
21
|
-
headline.element.innerHTML = message || "No results found";
|
|
22
|
-
const composite = new ElementBuilder().styled(Styles.layout.grid.stacked).withChild(headline).withStyles({
|
|
23
|
-
element: {
|
|
24
|
-
[`& *`]: {
|
|
25
|
-
textAlign: isAlignedCenter ? "center" : "left"
|
|
26
|
-
},
|
|
27
|
-
[`& *:not(:first-child)`]: {
|
|
28
|
-
marginTop: `${Styles.token.spacing.md}`
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
if (linkUrl && linkText) {
|
|
33
|
-
const link = document.createElement("a");
|
|
34
|
-
link.innerHTML = linkText;
|
|
35
|
-
link.setAttribute("href", linkUrl);
|
|
36
|
-
link.setAttribute("target", "_blank");
|
|
37
|
-
link.setAttribute("rel", "noopener noreferrer");
|
|
38
|
-
const ctaButton = Atomic.actions.options({
|
|
39
|
-
element: link,
|
|
40
|
-
isTypeOutline: true,
|
|
41
|
-
isThemeDark
|
|
42
|
-
});
|
|
43
|
-
composite.withChild(ctaButton);
|
|
44
|
-
}
|
|
45
|
-
return composite.build();
|
|
46
|
-
};
|
|
47
|
-
export {
|
|
48
|
-
noResults as default
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=no-results.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"no-results.mjs","sources":["../../source/macros/no-results.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { type ElementModel } from '../_types';\n\ninterface NoResultsContentType {\n message?: string;\n linkUrl?: string;\n linkText?: string;\n ctaType?: string;\n isThemeDark?: boolean;\n isAlignedCenter?: boolean;\n}\n\nexport default ({\n message,\n linkUrl,\n linkText,\n isThemeDark,\n isAlignedCenter = true,\n}: NoResultsContentType): ElementModel => {\n const headline = new ElementBuilder(document.createElement('p'))\n .styled(\n Styles.typography.sans.compose('extralarge', {\n theme: theme.fontColor(isThemeDark),\n }),\n )\n .withStyles({\n element: {\n textTransform: 'uppercase',\n },\n })\n .build();\n\n headline.element.innerHTML = message || 'No results found';\n\n const composite = new ElementBuilder()\n .styled(Styles.layout.grid.stacked)\n .withChild(headline)\n .withStyles({\n element: {\n [`& *`]: {\n textAlign: isAlignedCenter ? 'center' : 'left',\n },\n [`& *:not(:first-child)`]: {\n marginTop: `${Styles.token.spacing.md}`,\n },\n },\n });\n\n if (linkUrl && linkText) {\n const link = document.createElement('a');\n link.innerHTML = linkText;\n link.setAttribute('href', linkUrl);\n link.setAttribute('target', '_blank');\n link.setAttribute('rel', 'noopener noreferrer');\n\n const ctaButton = Atomic.actions.options({\n element: link,\n isTypeOutline: true,\n isThemeDark,\n });\n\n composite.withChild(ctaButton);\n }\n\n return composite.build();\n};\n"],"names":[],"mappings":";;;;AAeA,MAAA,YAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,MAA0C;AACxC,QAAM,WAAW,IAAI,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D;AAAA,IACC,OAAO,WAAW,KAAK,QAAQ,cAAc;AAAA,MAC3C,OAAO,MAAM,UAAU,WAAW;AAAA,IAAA,CACnC;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,IAAA;AAAA,EACjB,CACD,EACA,MAAA;AAEH,WAAS,QAAQ,YAAY,WAAW;AAExC,QAAM,YAAY,IAAI,iBACnB,OAAO,OAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAEH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,YAAY;AACjB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAY,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../source/macros/slider.ts"],"names":[],"mappings":"yBAgBgB,oEAQb;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;;2BA0B2B,UAAU;;;;;AA1CtC,wBAwGE"}
|
package/dist/macros/slider.js
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const Styles = require("@universityofmaryland/web-styles-library");
|
|
3
|
-
const network = require("@universityofmaryland/web-utilities-library/network");
|
|
4
|
-
const composite = require("@universityofmaryland/web-elements-library/composite");
|
|
5
|
-
const atomic = require("@universityofmaryland/web-elements-library/atomic");
|
|
6
|
-
function _interopNamespaceDefault(e) {
|
|
7
|
-
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
8
|
-
if (e) {
|
|
9
|
-
for (const k in e) {
|
|
10
|
-
if (k !== "default") {
|
|
11
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: () => e[k]
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
n.default = e;
|
|
20
|
-
return Object.freeze(n);
|
|
21
|
-
}
|
|
22
|
-
const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
|
|
23
|
-
const slider = ({
|
|
24
|
-
token,
|
|
25
|
-
query,
|
|
26
|
-
url,
|
|
27
|
-
categories,
|
|
28
|
-
isThemeDark,
|
|
29
|
-
headline,
|
|
30
|
-
actions
|
|
31
|
-
}) => {
|
|
32
|
-
const dataSlider = document.createElement("div");
|
|
33
|
-
const slider2 = composite.slider.events({
|
|
34
|
-
isThemeDark,
|
|
35
|
-
dataSlider,
|
|
36
|
-
headline,
|
|
37
|
-
actions
|
|
38
|
-
});
|
|
39
|
-
let variables = { startDate: (/* @__PURE__ */ new Date()).toDateString() };
|
|
40
|
-
let shadowRoot = null;
|
|
41
|
-
const setShadowStyles = async ({
|
|
42
|
-
shadowRoot: shadowRoot2,
|
|
43
|
-
styles
|
|
44
|
-
}) => {
|
|
45
|
-
const styleElement = document.createElement("style");
|
|
46
|
-
const optimizedCss = await Styles__namespace.utilities.transform.css.removeDuplicates(
|
|
47
|
-
styles
|
|
48
|
-
);
|
|
49
|
-
styleElement.textContent = optimizedCss;
|
|
50
|
-
shadowRoot2.appendChild(styleElement);
|
|
51
|
-
};
|
|
52
|
-
const callback = (shadow) => {
|
|
53
|
-
shadowRoot = shadow;
|
|
54
|
-
};
|
|
55
|
-
const loadEvents = async () => {
|
|
56
|
-
if (categories) {
|
|
57
|
-
const related = categories.split(",");
|
|
58
|
-
variables.related = related;
|
|
59
|
-
}
|
|
60
|
-
const fetchVariables = {
|
|
61
|
-
query,
|
|
62
|
-
url,
|
|
63
|
-
token,
|
|
64
|
-
variables
|
|
65
|
-
};
|
|
66
|
-
const feedData = await network.fetchGraphQL(fetchVariables);
|
|
67
|
-
const slides = feedData?.data?.entries?.events.map(
|
|
68
|
-
(data, i) => {
|
|
69
|
-
const headline2 = document.createElement("p");
|
|
70
|
-
headline2.textContent = data.title;
|
|
71
|
-
const dateSign = atomic.events.sign({
|
|
72
|
-
startMonth: data.startMonth,
|
|
73
|
-
startDay: data.startDay,
|
|
74
|
-
endDay: data.endDay,
|
|
75
|
-
endMonth: data.endMonth,
|
|
76
|
-
isThemeDark
|
|
77
|
-
});
|
|
78
|
-
const textLockup = atomic.textLockup.date({
|
|
79
|
-
headline: headline2,
|
|
80
|
-
isThemeDark,
|
|
81
|
-
dateSign
|
|
82
|
-
});
|
|
83
|
-
slider2.styles += textLockup.styles;
|
|
84
|
-
slider2.styles += dateSign.styles;
|
|
85
|
-
return textLockup;
|
|
86
|
-
}
|
|
87
|
-
);
|
|
88
|
-
slides?.forEach((slide) => dataSlider.appendChild(slide.element));
|
|
89
|
-
if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider2.styles });
|
|
90
|
-
setTimeout(() => {
|
|
91
|
-
slider2.events.load();
|
|
92
|
-
}, 100);
|
|
93
|
-
};
|
|
94
|
-
loadEvents();
|
|
95
|
-
return {
|
|
96
|
-
...slider2,
|
|
97
|
-
events: {
|
|
98
|
-
callback
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
};
|
|
102
|
-
module.exports = slider;
|
|
103
|
-
//# sourceMappingURL=slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sources":["../../source/macros/slider.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport { slider as elementSlider } from '@universityofmaryland/web-elements-library/composite';\nimport {\n textLockup as elementTextLockup,\n events as elementEvents,\n} from '@universityofmaryland/web-elements-library/atomic';\n\ntype TypeSlideFeedResponse = {\n title: string;\n startMonth: string;\n startDay: string;\n endMonth?: string;\n endDay?: string;\n};\n\nexport default ({\n token,\n query,\n url,\n categories,\n isThemeDark,\n headline,\n actions,\n}: {\n token: string;\n query: string;\n url: string;\n categories?: string | null;\n isThemeDark?: boolean;\n headline?: HTMLElement | null;\n actions?: HTMLElement | null;\n}) => {\n const dataSlider = document.createElement('div');\n const slider = elementSlider.events({\n isThemeDark,\n dataSlider,\n headline,\n actions,\n });\n let variables: any = { startDate: new Date().toDateString() };\n let shadowRoot: ShadowRoot | null = null;\n\n const setShadowStyles = async ({\n shadowRoot,\n styles,\n }: {\n shadowRoot: ShadowRoot;\n styles: string;\n }) => {\n const styleElement = document.createElement('style');\n const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(\n styles,\n );\n styleElement.textContent = optimizedCss;\n shadowRoot.appendChild(styleElement);\n };\n\n const callback = (shadow: ShadowRoot) => {\n shadowRoot = shadow;\n };\n\n const loadEvents = async () => {\n if (categories) {\n const related = categories.split(',');\n variables.related = related;\n }\n\n const fetchVariables = {\n query,\n url,\n token,\n variables,\n };\n\n const feedData = await fetchGraphQL(fetchVariables);\n\n const slides: { element: HTMLElement; styles: string }[] =\n feedData?.data?.entries?.events.map(\n (data: TypeSlideFeedResponse, i: number) => {\n const headline = document.createElement('p');\n headline.textContent = data.title;\n\n const dateSign = elementEvents.sign({\n startMonth: data.startMonth,\n startDay: data.startDay,\n endDay: data.endDay,\n endMonth: data.endMonth,\n isThemeDark,\n });\n\n const textLockup = elementTextLockup.date({\n headline,\n isThemeDark,\n dateSign,\n });\n\n slider.styles += textLockup.styles;\n slider.styles += dateSign.styles;\n\n return textLockup;\n },\n );\n\n slides?.forEach((slide) => dataSlider.appendChild(slide.element));\n\n if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider.styles });\n setTimeout(() => {\n slider.events.load();\n }, 100);\n };\n\n loadEvents();\n\n return {\n ...slider,\n events: {\n callback,\n },\n };\n};\n"],"names":["slider","elementSlider","shadowRoot","Styles","fetchGraphQL","headline","elementEvents","elementTextLockup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,QAAMA,UAASC,UAAAA,OAAc,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,MAAI,YAAiB,EAAE,gCAAe,KAAA,GAAO,eAAa;AAC1D,MAAI,aAAgC;AAEpC,QAAM,kBAAkB,OAAO;AAAA,IAC7B,YAAAC;AAAAA,IACA;AAAA,EAAA,MAII;AACJ,UAAM,eAAe,SAAS,cAAc,OAAO;AACnD,UAAM,eAAe,MAAMC,kBAAO,UAAU,UAAU,IAAI;AAAA,MACxD;AAAA,IAAA;AAEF,iBAAa,cAAc;AAC3BD,gBAAW,YAAY,YAAY;AAAA,EACrC;AAEA,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,aAAa,YAAY;AAC7B,QAAI,YAAY;AACd,YAAM,UAAU,WAAW,MAAM,GAAG;AACpC,gBAAU,UAAU;AAAA,IACtB;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,WAAW,MAAME,QAAAA,aAAa,cAAc;AAElD,UAAM,SACJ,UAAU,MAAM,SAAS,OAAO;AAAA,MAC9B,CAAC,MAA6B,MAAc;AAC1C,cAAMC,YAAW,SAAS,cAAc,GAAG;AAC3CA,kBAAS,cAAc,KAAK;AAE5B,cAAM,WAAWC,OAAAA,OAAc,KAAK;AAAA,UAClC,YAAY,KAAK;AAAA,UACjB,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf;AAAA,QAAA,CACD;AAED,cAAM,aAAaC,OAAAA,WAAkB,KAAK;AAAA,UACxC,UAAAF;AAAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAED,QAAAL,QAAO,UAAU,WAAW;AAC5B,QAAAA,QAAO,UAAU,SAAS;AAE1B,eAAO;AAAA,MACT;AAAA,IAAA;AAGJ,YAAQ,QAAQ,CAAC,UAAU,WAAW,YAAY,MAAM,OAAO,CAAC;AAEhE,QAAI,WAAY,iBAAgB,EAAE,YAAY,QAAQA,QAAO,QAAQ;AACrE,eAAW,MAAM;AACf,MAAAA,QAAO,OAAO,KAAA;AAAA,IAChB,GAAG,GAAG;AAAA,EACR;AAEA,aAAA;AAEA,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slider.mjs","sources":["../../source/macros/slider.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport { slider as elementSlider } from '@universityofmaryland/web-elements-library/composite';\nimport {\n textLockup as elementTextLockup,\n events as elementEvents,\n} from '@universityofmaryland/web-elements-library/atomic';\n\ntype TypeSlideFeedResponse = {\n title: string;\n startMonth: string;\n startDay: string;\n endMonth?: string;\n endDay?: string;\n};\n\nexport default ({\n token,\n query,\n url,\n categories,\n isThemeDark,\n headline,\n actions,\n}: {\n token: string;\n query: string;\n url: string;\n categories?: string | null;\n isThemeDark?: boolean;\n headline?: HTMLElement | null;\n actions?: HTMLElement | null;\n}) => {\n const dataSlider = document.createElement('div');\n const slider = elementSlider.events({\n isThemeDark,\n dataSlider,\n headline,\n actions,\n });\n let variables: any = { startDate: new Date().toDateString() };\n let shadowRoot: ShadowRoot | null = null;\n\n const setShadowStyles = async ({\n shadowRoot,\n styles,\n }: {\n shadowRoot: ShadowRoot;\n styles: string;\n }) => {\n const styleElement = document.createElement('style');\n const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(\n styles,\n );\n styleElement.textContent = optimizedCss;\n shadowRoot.appendChild(styleElement);\n };\n\n const callback = (shadow: ShadowRoot) => {\n shadowRoot = shadow;\n };\n\n const loadEvents = async () => {\n if (categories) {\n const related = categories.split(',');\n variables.related = related;\n }\n\n const fetchVariables = {\n query,\n url,\n token,\n variables,\n };\n\n const feedData = await fetchGraphQL(fetchVariables);\n\n const slides: { element: HTMLElement; styles: string }[] =\n feedData?.data?.entries?.events.map(\n (data: TypeSlideFeedResponse, i: number) => {\n const headline = document.createElement('p');\n headline.textContent = data.title;\n\n const dateSign = elementEvents.sign({\n startMonth: data.startMonth,\n startDay: data.startDay,\n endDay: data.endDay,\n endMonth: data.endMonth,\n isThemeDark,\n });\n\n const textLockup = elementTextLockup.date({\n headline,\n isThemeDark,\n dateSign,\n });\n\n slider.styles += textLockup.styles;\n slider.styles += dateSign.styles;\n\n return textLockup;\n },\n );\n\n slides?.forEach((slide) => dataSlider.appendChild(slide.element));\n\n if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider.styles });\n setTimeout(() => {\n slider.events.load();\n }, 100);\n };\n\n loadEvents();\n\n return {\n ...slider,\n events: {\n callback,\n },\n };\n};\n"],"names":["slider","elementSlider","shadowRoot","headline","elementEvents","textLockup","elementTextLockup"],"mappings":";;;;AAgBA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,QAAMA,UAASC,SAAc,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,MAAI,YAAiB,EAAE,gCAAe,KAAA,GAAO,eAAa;AAC1D,MAAI,aAAgC;AAEpC,QAAM,kBAAkB,OAAO;AAAA,IAC7B,YAAAC;AAAAA,IACA;AAAA,EAAA,MAII;AACJ,UAAM,eAAe,SAAS,cAAc,OAAO;AACnD,UAAM,eAAe,MAAM,OAAO,UAAU,UAAU,IAAI;AAAA,MACxD;AAAA,IAAA;AAEF,iBAAa,cAAc;AAC3BA,gBAAW,YAAY,YAAY;AAAA,EACrC;AAEA,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,aAAa,YAAY;AAC7B,QAAI,YAAY;AACd,YAAM,UAAU,WAAW,MAAM,GAAG;AACpC,gBAAU,UAAU;AAAA,IACtB;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,WAAW,MAAM,aAAa,cAAc;AAElD,UAAM,SACJ,UAAU,MAAM,SAAS,OAAO;AAAA,MAC9B,CAAC,MAA6B,MAAc;AAC1C,cAAMC,YAAW,SAAS,cAAc,GAAG;AAC3CA,kBAAS,cAAc,KAAK;AAE5B,cAAM,WAAWC,OAAc,KAAK;AAAA,UAClC,YAAY,KAAK;AAAA,UACjB,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf;AAAA,QAAA,CACD;AAED,cAAMC,eAAaC,WAAkB,KAAK;AAAA,UACxC,UAAAH;AAAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAED,QAAAH,QAAO,UAAUK,aAAW;AAC5B,QAAAL,QAAO,UAAU,SAAS;AAE1B,eAAOK;AAAAA,MACT;AAAA,IAAA;AAGJ,YAAQ,QAAQ,CAAC,UAAU,WAAW,YAAY,MAAM,OAAO,CAAC;AAEhE,QAAI,WAAY,iBAAgB,EAAE,YAAY,QAAQL,QAAO,QAAQ;AACrE,eAAW,MAAM;AACf,MAAAA,QAAO,OAAO,KAAA;AAAA,IAChB,GAAG,GAAG;AAAA,EACR;AAEA,aAAA;AAEA,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
package/dist/news.mjs
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as default2 } from "./composite/news/featured.mjs";
|
|
2
|
-
import { default as default3 } from "./composite/news/grid.mjs";
|
|
3
|
-
import { default as default4 } from "./composite/news/list.mjs";
|
|
4
|
-
export {
|
|
5
|
-
default2 as featured,
|
|
6
|
-
default3 as grid,
|
|
7
|
-
default4 as list
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=news.mjs.map
|
package/dist/news.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"news.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/events/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;CAMtB,CAAC;AAKF,MAAM,WAAW,gBAAgB;IAE/B,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IAGd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAGvB,IAAI,CAAC,EAAE,GAAG,CAAC;IAGX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAuBD,eAAO,MAAM,QAAQ,GACnB,SAAS,WAAW,EACpB,WAAW,MAAM,EACjB,QAAQ,gBAAgB,KACvB,OAQF,CAAC;AA0BF,eAAO,MAAM,MAAM,GACjB,SAAS,WAAW,EACpB,WAAW,MAAM,EACjB,UAAU,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,EAC5C,UAAU,uBAAuB,KAChC,CAAC,MAAM,IAAI,CAWb,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const eventNames = {
|
|
4
|
-
/** Triggered when a feed has finished loading its content */
|
|
5
|
-
FEED_LOADED: "feed:loaded",
|
|
6
|
-
/** Triggered when an error occurs during feed loading or processing */
|
|
7
|
-
FEED_ERROR: "feed:error"
|
|
8
|
-
};
|
|
9
|
-
const dispatch = (element, eventName, detail) => {
|
|
10
|
-
const event = new CustomEvent(eventName, {
|
|
11
|
-
detail,
|
|
12
|
-
bubbles: true,
|
|
13
|
-
cancelable: true
|
|
14
|
-
});
|
|
15
|
-
return element.dispatchEvent(event);
|
|
16
|
-
};
|
|
17
|
-
exports.dispatch = dispatch;
|
|
18
|
-
exports.eventNames = eventNames;
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../source/utilities/events/index.ts"],"sourcesContent":["/**\n * Event names supported by the feeds library.\n * These can be used for consistent event handling across implementations.\n */\nexport const eventNames = {\n /** Triggered when a feed has finished loading its content */\n FEED_LOADED: 'feed:loaded',\n\n /** Triggered when an error occurs during feed loading or processing */\n FEED_ERROR: 'feed:error',\n};\n\n/**\n * Custom event details for different feed events.\n */\nexport interface FeedEventDetails {\n /** Items in the feed that have been loaded */\n items?: any[];\n\n /** Error information if a feed failed to load */\n error?: Error | string;\n\n /** Information about a specific item that was clicked */\n item?: any;\n\n /** Additional custom data that may be included with any event */\n [key: string]: any;\n}\n\n/**\n * Dispatches a custom feed event on the specified element.\n *\n * @param element - The element to dispatch the event on\n * @param eventName - Name of the event to dispatch (use eventNames constants for consistency)\n * @param detail - Event details to include\n * @returns True if the event was dispatched successfully and not cancelled\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Dispatch a feed loaded event\n * events.dispatch(feedContainer, events.eventNames.FEED_LOADED, { items: loadedItems });\n *\n * // Listen for feed loaded events\n * feedContainer.addEventListener(events.eventNames.FEED_LOADED, (event) => {\n * console.log('Feed loaded with', event.detail.items.length, 'items');\n * });\n * ```\n */\nexport const dispatch = (\n element: HTMLElement,\n eventName: string,\n detail: FeedEventDetails,\n): boolean => {\n const event = new CustomEvent(eventName, {\n detail,\n bubbles: true,\n cancelable: true,\n });\n\n return element.dispatchEvent(event);\n};\n\n/**\n * Adds an event listener for a specific feed event with proper TypeScript typings for the event detail.\n *\n * @param element - The element to attach the event listener to\n * @param eventName - Name of the event to listen for (use eventNames constants for consistency)\n * @param callback - Function to call when the event is triggered\n * @param options - Standard addEventListener options (capture, once, passive, etc.)\n * @returns A function that removes the event listener when called\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Add a typed event listener\n * const removeListener = events.listen(\n * feedContainer,\n * events.eventNames.FEED_LOADED,\n * (detail) => console.log('Feed loaded with', detail.items.length, 'items')\n * );\n *\n * // Later, if needed:\n * removeListener();\n * ```\n */\nexport const listen = (\n element: HTMLElement,\n eventName: string,\n callback: (detail: FeedEventDetails) => void,\n options?: AddEventListenerOptions,\n): (() => void) => {\n const eventListener = (event: Event) => {\n const customEvent = event as CustomEvent<FeedEventDetails>;\n callback(customEvent.detail);\n };\n\n element.addEventListener(eventName, eventListener, options);\n\n return () => {\n element.removeEventListener(eventName, eventListener, options);\n };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa;AAAA;AAAA,EAExB,aAAa;AAAA;AAAA,EAGb,YAAY;AACd;AAwCO,MAAM,WAAW,CACtB,SACA,WACA,WACY;AACZ,QAAM,QAAQ,IAAI,YAAY,WAAW;AAAA,IACvC;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,EAAA,CACb;AAED,SAAO,QAAQ,cAAc,KAAK;AACpC;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../source/utilities/events/index.ts"],"sourcesContent":["/**\n * Event names supported by the feeds library.\n * These can be used for consistent event handling across implementations.\n */\nexport const eventNames = {\n /** Triggered when a feed has finished loading its content */\n FEED_LOADED: 'feed:loaded',\n\n /** Triggered when an error occurs during feed loading or processing */\n FEED_ERROR: 'feed:error',\n};\n\n/**\n * Custom event details for different feed events.\n */\nexport interface FeedEventDetails {\n /** Items in the feed that have been loaded */\n items?: any[];\n\n /** Error information if a feed failed to load */\n error?: Error | string;\n\n /** Information about a specific item that was clicked */\n item?: any;\n\n /** Additional custom data that may be included with any event */\n [key: string]: any;\n}\n\n/**\n * Dispatches a custom feed event on the specified element.\n *\n * @param element - The element to dispatch the event on\n * @param eventName - Name of the event to dispatch (use eventNames constants for consistency)\n * @param detail - Event details to include\n * @returns True if the event was dispatched successfully and not cancelled\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Dispatch a feed loaded event\n * events.dispatch(feedContainer, events.eventNames.FEED_LOADED, { items: loadedItems });\n *\n * // Listen for feed loaded events\n * feedContainer.addEventListener(events.eventNames.FEED_LOADED, (event) => {\n * console.log('Feed loaded with', event.detail.items.length, 'items');\n * });\n * ```\n */\nexport const dispatch = (\n element: HTMLElement,\n eventName: string,\n detail: FeedEventDetails,\n): boolean => {\n const event = new CustomEvent(eventName, {\n detail,\n bubbles: true,\n cancelable: true,\n });\n\n return element.dispatchEvent(event);\n};\n\n/**\n * Adds an event listener for a specific feed event with proper TypeScript typings for the event detail.\n *\n * @param element - The element to attach the event listener to\n * @param eventName - Name of the event to listen for (use eventNames constants for consistency)\n * @param callback - Function to call when the event is triggered\n * @param options - Standard addEventListener options (capture, once, passive, etc.)\n * @returns A function that removes the event listener when called\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Add a typed event listener\n * const removeListener = events.listen(\n * feedContainer,\n * events.eventNames.FEED_LOADED,\n * (detail) => console.log('Feed loaded with', detail.items.length, 'items')\n * );\n *\n * // Later, if needed:\n * removeListener();\n * ```\n */\nexport const listen = (\n element: HTMLElement,\n eventName: string,\n callback: (detail: FeedEventDetails) => void,\n options?: AddEventListenerOptions,\n): (() => void) => {\n const eventListener = (event: Event) => {\n const customEvent = event as CustomEvent<FeedEventDetails>;\n callback(customEvent.detail);\n };\n\n element.addEventListener(eventName, eventListener, options);\n\n return () => {\n element.removeEventListener(eventName, eventListener, options);\n };\n};\n"],"names":[],"mappings":"AAIO,MAAM,aAAa;AAAA;AAAA,EAExB,aAAa;AAAA;AAAA,EAGb,YAAY;AACd;AAwCO,MAAM,WAAW,CACtB,SACA,WACA,WACY;AACZ,QAAM,QAAQ,IAAI,YAAY,WAAW;AAAA,IACvC;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,EAAA,CACb;AAED,SAAO,QAAQ,cAAc,KAAK;AACpC;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../source/utilities/network/fetch.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAU,mCAK3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,iBA8BA,CAAC"}
|