@universityofmaryland/web-feeds-library 1.0.8 → 1.1.0

package/dist/index.mjs

@@ -0,0 +1,9 @@
+import * as academic from "./academic.mjs";
+import * as events from "./events.mjs";
+import * as news from "./news.mjs";
+export {
+  academic,
+  events,
+  news
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/macros/aria-live.js

@@ -0,0 +1,25 @@
+"use strict";
+const create = ({ message }) => {
+  const container = document.createElement("div");
+  const textElement = document.createElement("p");
+  container.setAttribute("aria-live", "polite");
+  container.setAttribute("role", "status");
+  container.classList.add("sr-only");
+  textElement.innerHTML = message;
+  container.appendChild(textElement);
+  return container;
+};
+const update = ({
+  container,
+  message
+}) => {
+  const element = container.querySelector(`[aria-live]`);
+  const textElement = element.querySelector("p");
+  if (textElement) textElement.innerHTML = message;
+};
+const ariaLive = {
+  create,
+  update
+};
+module.exports = ariaLive;
+//# sourceMappingURL=aria-live.js.map

package/dist/macros/aria-live.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-live.js","sources":["../../source/macros/aria-live.ts"],"sourcesContent":["const create = ({ message }: { message: string }) => {\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n  container.setAttribute('aria-live', 'polite');\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  textElement.innerHTML = message;\n\n  container.appendChild(textElement);\n\n  return container;\n};\n\nconst update = ({\n  container,\n  message,\n}: {\n  container: HTMLElement;\n  message: string;\n}) => {\n  const element = container.querySelector(`[aria-live]`) as HTMLDivElement;\n  const textElement = element.querySelector('p');\n\n  if (textElement) textElement.innerHTML = message;\n};\n\nexport default {\n  create,\n  update,\n};\n"],"names":[],"mappings":";AAAA,MAAM,SAAS,CAAC,EAAE,cAAmC;AACnD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,cAAc,SAAS,cAAc,GAAG;AAC9C,YAAU,aAAa,aAAa,QAAQ;AAC5C,YAAU,aAAa,QAAQ,QAAQ;AACvC,YAAU,UAAU,IAAI,SAAS;AAEjC,cAAY,YAAY;AAExB,YAAU,YAAY,WAAW;AAEjC,SAAO;AACT;AAEA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AACF,MAGM;AACJ,QAAM,UAAU,UAAU,cAAc,aAAa;AACrD,QAAM,cAAc,QAAQ,cAAc,GAAG;AAE7C,MAAI,yBAAyB,YAAY;AAC3C;AAEA,MAAA,WAAe;AAAA,EACb;AAAA,EACA;AACF;;"}

package/dist/macros/aria-live.mjs

@@ -0,0 +1,26 @@
+const create = ({ message }) => {
+  const container = document.createElement("div");
+  const textElement = document.createElement("p");
+  container.setAttribute("aria-live", "polite");
+  container.setAttribute("role", "status");
+  container.classList.add("sr-only");
+  textElement.innerHTML = message;
+  container.appendChild(textElement);
+  return container;
+};
+const update = ({
+  container,
+  message
+}) => {
+  const element = container.querySelector(`[aria-live]`);
+  const textElement = element.querySelector("p");
+  if (textElement) textElement.innerHTML = message;
+};
+const ariaLive = {
+  create,
+  update
+};
+export {
+  ariaLive as default
+};
+//# sourceMappingURL=aria-live.mjs.map

package/dist/macros/aria-live.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-live.mjs","sources":["../../source/macros/aria-live.ts"],"sourcesContent":["const create = ({ message }: { message: string }) => {\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n  container.setAttribute('aria-live', 'polite');\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  textElement.innerHTML = message;\n\n  container.appendChild(textElement);\n\n  return container;\n};\n\nconst update = ({\n  container,\n  message,\n}: {\n  container: HTMLElement;\n  message: string;\n}) => {\n  const element = container.querySelector(`[aria-live]`) as HTMLDivElement;\n  const textElement = element.querySelector('p');\n\n  if (textElement) textElement.innerHTML = message;\n};\n\nexport default {\n  create,\n  update,\n};\n"],"names":[],"mappings":"AAAA,MAAM,SAAS,CAAC,EAAE,cAAmC;AACnD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,cAAc,SAAS,cAAc,GAAG;AAC9C,YAAU,aAAa,aAAa,QAAQ;AAC5C,YAAU,aAAa,QAAQ,QAAQ;AACvC,YAAU,UAAU,IAAI,SAAS;AAEjC,cAAY,YAAY;AAExB,YAAU,YAAY,WAAW;AAEjC,SAAO;AACT;AAEA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AACF,MAGM;AACJ,QAAM,UAAU,UAAU,cAAc,aAAa;AACrD,QAAM,cAAc,QAAQ,cAAc,GAAG;AAE7C,MAAI,yBAAyB,YAAY;AAC3C;AAEA,MAAA,WAAe;AAAA,EACb;AAAA,EACA;AACF;"}

package/dist/macros/lazy-load.js

@@ -0,0 +1,63 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const create = ({
+  callback,
+  isThemeDark,
+  isLazyLoad,
+  totalEntries,
+  offset
+}) => {
+  if (!isLazyLoad) return;
+  if (!totalEntries) return;
+  if (!offset) return;
+  if (!callback) return;
+  if (offset >= totalEntries) return;
+  const composite = webElementsLibrary.Model.ElementModel.layout.alignedCenter({
+    element: document.createElement("div"),
+    isThemeDark,
+    elementStyles: {
+      element: {
+        marginTop: `${Styles__namespace.token.spacing.lg}`
+      }
+    }
+  });
+  const ctaButton = webElementsLibrary.Model.ElementModel.actions.outlineOptions({
+    element: document.createElement("button"),
+    isThemeDark
+  });
+  ctaButton.element.innerHTML = "Load more";
+  ctaButton.element.addEventListener("click", callback);
+  composite.element.appendChild(ctaButton.element);
+  composite.styles += ctaButton.styles;
+  return composite;
+};
+const remove = ({ container }) => {
+  const button = container.querySelector(
+    `.${Styles__namespace.layout.alignment.block.center.className}`
+  );
+  if (button) button.remove();
+};
+const lazyLoad = {
+  remove,
+  create
+};
+module.exports = lazyLoad;
+//# sourceMappingURL=lazy-load.js.map

package/dist/macros/lazy-load.js.map

@@ -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 { Model } from '@universityofmaryland/web-elements-library';\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) => {\n  if (!isLazyLoad) return;\n  if (!totalEntries) return;\n  if (!offset) return;\n  if (!callback) return;\n  if (offset >= totalEntries) return;\n\n  const composite = Model.ElementModel.layout.alignedCenter({\n    element: document.createElement('div'),\n    isThemeDark,\n    elementStyles: {\n      element: {\n        marginTop: `${Styles.token.spacing.lg}`,\n      },\n    },\n  });\n\n  const ctaButton = Model.ElementModel.actions.outlineOptions({\n    element: document.createElement('button'),\n    isThemeDark,\n  });\n\n  ctaButton.element.innerHTML = 'Load more';\n  ctaButton.element.addEventListener('click', callback);\n\n  composite.element.appendChild(ctaButton.element);\n  composite.styles += ctaButton.styles;\n\n  return composite;\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":["Model","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,YAAYA,mBAAAA,MAAM,aAAa,OAAO,cAAc;AAAA,IACxD,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,WAAW,GAAGC,kBAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAED,QAAM,YAAYD,mBAAAA,MAAM,aAAa,QAAQ,eAAe;AAAA,IAC1D,SAAS,SAAS,cAAc,QAAQ;AAAA,IACxC;AAAA,EAAA,CACD;AAED,YAAU,QAAQ,YAAY;AAC9B,YAAU,QAAQ,iBAAiB,SAAS,QAAQ;AAEpD,YAAU,QAAQ,YAAY,UAAU,OAAO;AAC/C,YAAU,UAAU,UAAU;AAE9B,SAAO;AACT;AAEA,MAAM,SAAS,CAAC,EAAE,gBAA4C;AAC5D,QAAM,SAAS,UAAU;AAAA,IACvB,IAAIC,kBAAO,OAAO,UAAU,MAAM,OAAO,SAAS;AAAA,EAAA;AAGpD,MAAI,eAAe,OAAA;AACrB;AAEA,MAAA,WAAe;AAAA,EACb;AAAA,EACA;AACF;;"}

package/dist/macros/lazy-load.mjs

@@ -0,0 +1,47 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { Model } from "@universityofmaryland/web-elements-library";
+const create = ({
+  callback,
+  isThemeDark,
+  isLazyLoad,
+  totalEntries,
+  offset
+}) => {
+  if (!isLazyLoad) return;
+  if (!totalEntries) return;
+  if (!offset) return;
+  if (!callback) return;
+  if (offset >= totalEntries) return;
+  const composite = Model.ElementModel.layout.alignedCenter({
+    element: document.createElement("div"),
+    isThemeDark,
+    elementStyles: {
+      element: {
+        marginTop: `${Styles.token.spacing.lg}`
+      }
+    }
+  });
+  const ctaButton = Model.ElementModel.actions.outlineOptions({
+    element: document.createElement("button"),
+    isThemeDark
+  });
+  ctaButton.element.innerHTML = "Load more";
+  ctaButton.element.addEventListener("click", callback);
+  composite.element.appendChild(ctaButton.element);
+  composite.styles += ctaButton.styles;
+  return composite;
+};
+const remove = ({ container }) => {
+  const button = container.querySelector(
+    `.${Styles.layout.alignment.block.center.className}`
+  );
+  if (button) button.remove();
+};
+const lazyLoad = {
+  remove,
+  create
+};
+export {
+  lazyLoad as default
+};
+//# sourceMappingURL=lazy-load.mjs.map

package/dist/macros/lazy-load.mjs.map

@@ -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 { Model } from '@universityofmaryland/web-elements-library';\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) => {\n  if (!isLazyLoad) return;\n  if (!totalEntries) return;\n  if (!offset) return;\n  if (!callback) return;\n  if (offset >= totalEntries) return;\n\n  const composite = Model.ElementModel.layout.alignedCenter({\n    element: document.createElement('div'),\n    isThemeDark,\n    elementStyles: {\n      element: {\n        marginTop: `${Styles.token.spacing.lg}`,\n      },\n    },\n  });\n\n  const ctaButton = Model.ElementModel.actions.outlineOptions({\n    element: document.createElement('button'),\n    isThemeDark,\n  });\n\n  ctaButton.element.innerHTML = 'Load more';\n  ctaButton.element.addEventListener('click', callback);\n\n  composite.element.appendChild(ctaButton.element);\n  composite.styles += ctaButton.styles;\n\n  return composite;\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":";;AAWA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,YAAY,MAAM,aAAa,OAAO,cAAc;AAAA,IACxD,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAED,QAAM,YAAY,MAAM,aAAa,QAAQ,eAAe;AAAA,IAC1D,SAAS,SAAS,cAAc,QAAQ;AAAA,IACxC;AAAA,EAAA,CACD;AAED,YAAU,QAAQ,YAAY;AAC9B,YAAU,QAAQ,iBAAiB,SAAS,QAAQ;AAEpD,YAAU,QAAQ,YAAY,UAAU,OAAO;AAC/C,YAAU,UAAU,UAAU;AAE9B,SAAO;AACT;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.js

@@ -0,0 +1,148 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const ID_UMD_LOADER = "umd-loader-container";
+const keyframes = `
+  @keyframes loader-first-animation {
+    0% {
+      transform: scale(0);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+  
+  @keyframes loader-last-animation {
+    0% {
+      transform: scale(1);
+    }
+    100% {
+      transform: scale(0);
+    }
+  }
+  
+  @keyframes loader-middle-animation {
+    0% {
+      transform: translate(0, 0);
+    }
+    100% {
+      transform: translate(24px, 0);
+    }
+  }
+`;
+const create = ({ isThemeDark }) => {
+  const defaultDotStyles = {
+    position: "absolute",
+    top: "50%",
+    transform: "translateY(-50%)",
+    width: "8px",
+    height: "8px",
+    borderRadius: "50%",
+    background: `${Styles__namespace.token.color.gray.dark}`,
+    animationTimingFunction: "cubic-bezier(0, 1, 1, 0)",
+    ...isThemeDark && {
+      background: `${Styles__namespace.token.color.gray.light}`
+    }
+  };
+  const innerElmOne = webElementsLibrary.Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-one`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "5px",
+        animation: "loader-first-animation 0.6s infinite"
+      }
+    }
+  });
+  const innerElmTwo = webElementsLibrary.Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-two`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "5px",
+        animation: "loader-middle-animation 0.6s infinite"
+      }
+    }
+  });
+  const innerElmThree = webElementsLibrary.Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-three`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "24px",
+        animation: "loader-middle-animation 0.6s infinite"
+      }
+    }
+  });
+  const innerElmFour = webElementsLibrary.Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-four`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "45px",
+        animation: "loader-last-animation 0.6s infinite"
+      }
+    }
+  });
+  const wrapper = webElementsLibrary.Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-wrapper`,
+    children: [innerElmOne, innerElmTwo, innerElmThree, innerElmFour],
+    elementStyles: {
+      element: {
+        position: "relative"
+      }
+    }
+  });
+  const composite = webElementsLibrary.Model.ElementModel.createDiv({
+    className: ID_UMD_LOADER,
+    children: [wrapper],
+    elementStyles: {
+      element: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        padding: "10px 0",
+        minHeight: "40px",
+        position: "relative",
+        gridColumn: "1 / -1"
+      }
+    }
+  });
+  composite.styles += keyframes;
+  return composite;
+};
+const remove = ({ container }) => {
+  const loader2 = container.querySelector(`.${ID_UMD_LOADER}`);
+  if (loader2) loader2.remove();
+};
+const display = ({
+  container,
+  isThemeDark
+}) => {
+  const loader2 = create({ isThemeDark });
+  container.appendChild(loader2.element);
+};
+const loader = {
+  create,
+  display,
+  remove
+};
+module.exports = loader;
+//# sourceMappingURL=loader.js.map

package/dist/macros/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../source/macros/loader.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { Model } from '@universityofmaryland/web-elements-library';\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 }) => {\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 = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-one`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-first-animation 0.6s infinite',\n      },\n    },\n  });\n\n  const innerElmTwo = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-two`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    },\n  });\n\n  const innerElmThree = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-three`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '24px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    },\n  });\n  const innerElmFour = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-four`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '45px',\n        animation: 'loader-last-animation 0.6s infinite',\n      },\n    },\n  });\n\n  const wrapper = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-wrapper`,\n    children: [innerElmOne, innerElmTwo, innerElmThree, innerElmFour],\n    elementStyles: {\n      element: {\n        position: 'relative',\n      },\n    },\n  });\n\n  const composite = Model.ElementModel.createDiv({\n    className: ID_UMD_LOADER,\n    children: [wrapper],\n    elementStyles: {\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  });\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","Model","loader"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,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,kBAA6C;AAC7D,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,cAAcC,mBAAAA,MAAM,aAAa,UAAU;AAAA,IAC/C,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AAED,QAAM,cAAcA,mBAAAA,MAAM,aAAa,UAAU;AAAA,IAC/C,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AAED,QAAM,gBAAgBA,mBAAAA,MAAM,aAAa,UAAU;AAAA,IACjD,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AACD,QAAM,eAAeA,mBAAAA,MAAM,aAAa,UAAU;AAAA,IAChD,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AAED,QAAM,UAAUA,mBAAAA,MAAM,aAAa,UAAU;AAAA,IAC3C,WAAW,GAAG,aAAa;AAAA,IAC3B,UAAU,CAAC,aAAa,aAAa,eAAe,YAAY;AAAA,IAChE,eAAe;AAAA,MACb,SAAS;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAED,QAAM,YAAYA,mBAAAA,MAAM,aAAa,UAAU;AAAA,IAC7C,WAAW;AAAA,IACX,UAAU,CAAC,OAAO;AAAA,IAClB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,EACF,CACD;AAED,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;;"}

package/dist/macros/loader.mjs

@@ -0,0 +1,132 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { Model } from "@universityofmaryland/web-elements-library";
+const ID_UMD_LOADER = "umd-loader-container";
+const keyframes = `
+  @keyframes loader-first-animation {
+    0% {
+      transform: scale(0);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+  
+  @keyframes loader-last-animation {
+    0% {
+      transform: scale(1);
+    }
+    100% {
+      transform: scale(0);
+    }
+  }
+  
+  @keyframes loader-middle-animation {
+    0% {
+      transform: translate(0, 0);
+    }
+    100% {
+      transform: translate(24px, 0);
+    }
+  }
+`;
+const create = ({ isThemeDark }) => {
+  const defaultDotStyles = {
+    position: "absolute",
+    top: "50%",
+    transform: "translateY(-50%)",
+    width: "8px",
+    height: "8px",
+    borderRadius: "50%",
+    background: `${Styles.token.color.gray.dark}`,
+    animationTimingFunction: "cubic-bezier(0, 1, 1, 0)",
+    ...isThemeDark && {
+      background: `${Styles.token.color.gray.light}`
+    }
+  };
+  const innerElmOne = Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-one`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "5px",
+        animation: "loader-first-animation 0.6s infinite"
+      }
+    }
+  });
+  const innerElmTwo = Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-two`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "5px",
+        animation: "loader-middle-animation 0.6s infinite"
+      }
+    }
+  });
+  const innerElmThree = Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-three`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "24px",
+        animation: "loader-middle-animation 0.6s infinite"
+      }
+    }
+  });
+  const innerElmFour = Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-four`,
+    elementStyles: {
+      element: {
+        ...defaultDotStyles,
+        left: "45px",
+        animation: "loader-last-animation 0.6s infinite"
+      }
+    }
+  });
+  const wrapper = Model.ElementModel.createDiv({
+    className: `${ID_UMD_LOADER}-wrapper`,
+    children: [innerElmOne, innerElmTwo, innerElmThree, innerElmFour],
+    elementStyles: {
+      element: {
+        position: "relative"
+      }
+    }
+  });
+  const composite = Model.ElementModel.createDiv({
+    className: ID_UMD_LOADER,
+    children: [wrapper],
+    elementStyles: {
+      element: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        padding: "10px 0",
+        minHeight: "40px",
+        position: "relative",
+        gridColumn: "1 / -1"
+      }
+    }
+  });
+  composite.styles += keyframes;
+  return composite;
+};
+const remove = ({ container }) => {
+  const loader2 = container.querySelector(`.${ID_UMD_LOADER}`);
+  if (loader2) loader2.remove();
+};
+const display = ({
+  container,
+  isThemeDark
+}) => {
+  const loader2 = create({ isThemeDark });
+  container.appendChild(loader2.element);
+};
+const loader = {
+  create,
+  display,
+  remove
+};
+export {
+  loader as default
+};
+//# sourceMappingURL=loader.mjs.map

package/dist/macros/loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.mjs","sources":["../../source/macros/loader.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { Model } from '@universityofmaryland/web-elements-library';\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 }) => {\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 = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-one`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-first-animation 0.6s infinite',\n      },\n    },\n  });\n\n  const innerElmTwo = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-two`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    },\n  });\n\n  const innerElmThree = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-three`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '24px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    },\n  });\n  const innerElmFour = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-four`,\n    elementStyles: {\n      element: {\n        ...defaultDotStyles,\n        left: '45px',\n        animation: 'loader-last-animation 0.6s infinite',\n      },\n    },\n  });\n\n  const wrapper = Model.ElementModel.createDiv({\n    className: `${ID_UMD_LOADER}-wrapper`,\n    children: [innerElmOne, innerElmTwo, innerElmThree, innerElmFour],\n    elementStyles: {\n      element: {\n        position: 'relative',\n      },\n    },\n  });\n\n  const composite = Model.ElementModel.createDiv({\n    className: ID_UMD_LOADER,\n    children: [wrapper],\n    elementStyles: {\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  });\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":";;AAGA,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,kBAA6C;AAC7D,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,MAAM,aAAa,UAAU;AAAA,IAC/C,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AAED,QAAM,cAAc,MAAM,aAAa,UAAU;AAAA,IAC/C,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AAED,QAAM,gBAAgB,MAAM,aAAa,UAAU;AAAA,IACjD,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AACD,QAAM,eAAe,MAAM,aAAa,UAAU;AAAA,IAChD,WAAW,GAAG,aAAa;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD;AAED,QAAM,UAAU,MAAM,aAAa,UAAU;AAAA,IAC3C,WAAW,GAAG,aAAa;AAAA,IAC3B,UAAU,CAAC,aAAa,aAAa,eAAe,YAAY;AAAA,IAChE,eAAe;AAAA,MACb,SAAS;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAED,QAAM,YAAY,MAAM,aAAa,UAAU;AAAA,IAC7C,WAAW;AAAA,IACX,UAAU,CAAC,OAAO;AAAA,IAClB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,EACF,CACD;AAED,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;"}

package/dist/macros/no-results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-results.d.ts","sourceRoot":"","sources":["../../source/macros/no-results.ts"],"names":[],"mappings":"AAGA,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;wFAQE,oBAAoB;;;;;AANvB,wBAsDE"}
+{"version":3,"file":"no-results.d.ts","sourceRoot":"","sources":["../../source/macros/no-results.ts"],"names":[],"mappings":"AAGA,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;;;;;AANvB,wBAsDE"}

package/dist/macros/no-results.js

@@ -0,0 +1,71 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const noResults = ({
+  message,
+  linkUrl,
+  linkText,
+  isThemeDark,
+  isAlignedCenter = true
+}) => {
+  const composite = webElementsLibrary.Model.ElementModel.layout.gridStacked({
+    element: document.createElement("div"),
+    isThemeDark,
+    elementStyles: {
+      element: {
+        [`& *`]: {
+          textAlign: isAlignedCenter ? "center" : "left"
+        },
+        [`& *:not(:first-child)`]: {
+          marginTop: `${Styles__namespace.token.spacing.md}`
+        }
+      }
+    }
+  });
+  const headline = webElementsLibrary.Model.ElementModel.headline.sansExtraLarge({
+    element: document.createElement("p"),
+    isThemeDark,
+    elementStyles: {
+      element: {
+        textTransform: "uppercase"
+      }
+    }
+  });
+  headline.element.innerHTML = message || "No results found";
+  composite.element.appendChild(headline.element);
+  composite.styles += headline.styles;
+  if (linkUrl && linkText) {
+    const link = document.createElement("a");
+    link.innerHTML = linkText;
+    link.setAttribute("href", linkUrl);
+    link.setAttribute("target", "_blank");
+    link.setAttribute("rel", "noopener noreferrer");
+    const ctaButton = webElementsLibrary.Atomic.actions.options({
+      element: link,
+      isTypeOutline: true,
+      isThemeDark
+    });
+    composite.element.appendChild(ctaButton.element);
+    composite.styles += ctaButton.styles;
+  }
+  return composite;
+};
+module.exports = noResults;
+//# sourceMappingURL=no-results.js.map

package/dist/macros/no-results.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-results.js","sources":["../../source/macros/no-results.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { Atomic, Model } from '@universityofmaryland/web-elements-library';\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) => {\n  const composite = Model.ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    isThemeDark,\n    elementStyles: {\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    },\n  });\n\n  const headline = Model.ElementModel.headline.sansExtraLarge({\n    element: document.createElement('p'),\n    isThemeDark,\n    elementStyles: {\n      element: {\n        textTransform: 'uppercase',\n      },\n    },\n  });\n\n  headline.element.innerHTML = message || 'No results found';\n  composite.element.appendChild(headline.element);\n  composite.styles += headline.styles;\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.element.appendChild(ctaButton.element);\n    composite.styles += ctaButton.styles;\n  }\n\n  return composite;\n};\n"],"names":["Model","Styles","Atomic"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAA,YAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,MAA4B;AAC1B,QAAM,YAAYA,mBAAAA,MAAM,aAAa,OAAO,YAAY;AAAA,IACtD,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,KAAK,GAAG;AAAA,UACP,WAAW,kBAAkB,WAAW;AAAA,QAAA;AAAA,QAE1C,CAAC,uBAAuB,GAAG;AAAA,UACzB,WAAW,GAAGC,kBAAO,MAAM,QAAQ,EAAE;AAAA,QAAA;AAAA,MACvC;AAAA,IACF;AAAA,EACF,CACD;AAED,QAAM,WAAWD,mBAAAA,MAAM,aAAa,SAAS,eAAe;AAAA,IAC1D,SAAS,SAAS,cAAc,GAAG;AAAA,IACnC;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,CACD;AAED,WAAS,QAAQ,YAAY,WAAW;AACxC,YAAU,QAAQ,YAAY,SAAS,OAAO;AAC9C,YAAU,UAAU,SAAS;AAE7B,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,QAAQ,YAAY,UAAU,OAAO;AAC/C,cAAU,UAAU,UAAU;AAAA,EAChC;AAEA,SAAO;AACT;;"}

package/dist/macros/no-results.mjs

@@ -0,0 +1,55 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { Model, Atomic } from "@universityofmaryland/web-elements-library";
+const noResults = ({
+  message,
+  linkUrl,
+  linkText,
+  isThemeDark,
+  isAlignedCenter = true
+}) => {
+  const composite = Model.ElementModel.layout.gridStacked({
+    element: document.createElement("div"),
+    isThemeDark,
+    elementStyles: {
+      element: {
+        [`& *`]: {
+          textAlign: isAlignedCenter ? "center" : "left"
+        },
+        [`& *:not(:first-child)`]: {
+          marginTop: `${Styles.token.spacing.md}`
+        }
+      }
+    }
+  });
+  const headline = Model.ElementModel.headline.sansExtraLarge({
+    element: document.createElement("p"),
+    isThemeDark,
+    elementStyles: {
+      element: {
+        textTransform: "uppercase"
+      }
+    }
+  });
+  headline.element.innerHTML = message || "No results found";
+  composite.element.appendChild(headline.element);
+  composite.styles += headline.styles;
+  if (linkUrl && linkText) {
+    const link = document.createElement("a");
+    link.innerHTML = linkText;
+    link.setAttribute("href", linkUrl);
+    link.setAttribute("target", "_blank");
+    link.setAttribute("rel", "noopener noreferrer");
+    const ctaButton = Atomic.actions.options({
+      element: link,
+      isTypeOutline: true,
+      isThemeDark
+    });
+    composite.element.appendChild(ctaButton.element);
+    composite.styles += ctaButton.styles;
+  }
+  return composite;
+};
+export {
+  noResults as default
+};
+//# sourceMappingURL=no-results.mjs.map

package/dist/macros/no-results.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-results.mjs","sources":["../../source/macros/no-results.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { Atomic, Model } from '@universityofmaryland/web-elements-library';\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) => {\n  const composite = Model.ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    isThemeDark,\n    elementStyles: {\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    },\n  });\n\n  const headline = Model.ElementModel.headline.sansExtraLarge({\n    element: document.createElement('p'),\n    isThemeDark,\n    elementStyles: {\n      element: {\n        textTransform: 'uppercase',\n      },\n    },\n  });\n\n  headline.element.innerHTML = message || 'No results found';\n  composite.element.appendChild(headline.element);\n  composite.styles += headline.styles;\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.element.appendChild(ctaButton.element);\n    composite.styles += ctaButton.styles;\n  }\n\n  return composite;\n};\n"],"names":[],"mappings":";;AAYA,MAAA,YAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,MAA4B;AAC1B,QAAM,YAAY,MAAM,aAAa,OAAO,YAAY;AAAA,IACtD,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,KAAK,GAAG;AAAA,UACP,WAAW,kBAAkB,WAAW;AAAA,QAAA;AAAA,QAE1C,CAAC,uBAAuB,GAAG;AAAA,UACzB,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,QAAA;AAAA,MACvC;AAAA,IACF;AAAA,EACF,CACD;AAED,QAAM,WAAW,MAAM,aAAa,SAAS,eAAe;AAAA,IAC1D,SAAS,SAAS,cAAc,GAAG;AAAA,IACnC;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,CACD;AAED,WAAS,QAAQ,YAAY,WAAW;AACxC,YAAU,QAAQ,YAAY,SAAS,OAAO;AAC9C,YAAU,UAAU,SAAS;AAE7B,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,QAAQ,YAAY,UAAU,OAAO;AAC/C,cAAU,UAAU,UAAU;AAAA,EAChC;AAEA,SAAO;AACT;"}

package/dist/macros/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../source/macros/slider.ts"],"names":[],"mappings":"6FAyBG;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,wBAyGE"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../source/macros/slider.ts"],"names":[],"mappings":"yBAiBgB,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,wBAyGE"}