@universityofmaryland/web-elements-library 1.5.9 → 1.6.0-beta.1

package/dist/atomic/animations/brand/chevron-scroll.js

@@ -1,22 +1,4 @@
-"use strict";
-const token = require("@universityofmaryland/web-token-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 token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
+import * as token from "@universityofmaryland/web-token-library";
 const ICON_CHEVRON_BIG = `<svg width="252" height="306" aria-hidden="true" viewBox="0 0 252 306" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M126 0H0L126 152.706L0 305.411H126L252 152.706L126 0Z" /></svg>`;
 const ICON_CHEVRON_SMALL = `<svg width="144" height="202" aria-hidden="true"  viewBox="0 0 144 202" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60.3972 0H0L83.6028 100.765L0 201.529H60.3972L144 100.765L60.3972 0Z" /></svg>`;
 const ELEMENT_ANIMATION_BRAND_LOGO = "brand-logo-container";
@@ -35,7 +17,7 @@ const FirstChevronStyles = `
   }
 
   .${ELEMENT_FIRST_CHEVRON} svg {
-    fill: ${token__namespace.color.gold};
+    fill: ${token.color.gold};
   }
 
   @media (prefers-reduced-motion: no-preference) {
@@ -62,14 +44,14 @@ const SecondChevronStyles = `
     transform: translateX(-40%);
   }
 
-  @media (${token__namespace.media.queries.highDef.min}) {
+  @media (${token.media.queries.highDef.min}) {
     .${ELEMENT_SECOND_CHEVRON} {
        top: 95px;
     }
   }
 
   .${ELEMENT_SECOND_CHEVRON} svg {
-    fill: ${token__namespace.color.red};
+    fill: ${token.color.red};
   }
 
   @media (prefers-reduced-motion: no-preference) {
@@ -95,14 +77,14 @@ const ThirdChevronStyles = `
     transform: translateX(-30%);
   }
 
-  @media (${token__namespace.media.queries.highDef.min}) {
+  @media (${token.media.queries.highDef.min}) {
     .${ELEMENT_THIRD_CHEVRON} {
        top: 195px;
     }
   }
 
   .${ELEMENT_THIRD_CHEVRON} svg {
-    fill: ${token__namespace.color.black};
+    fill: ${token.color.black};
   }
 
   @media (prefers-reduced-motion: no-preference) {
@@ -137,7 +119,7 @@ const STYLES_ANIMATION_BRAND_LOGO = `
     width: 8.2vw;
   }
 
-  @media (${token__namespace.media.queries.highDef.min}) {
+  @media (${token.media.queries.highDef.min}) {
     .${ELEMENT_SECOND_CHEVRON} svg,
     .${ELEMENT_THIRD_CHEVRON} svg {
       height: 306px;
@@ -150,7 +132,7 @@ const STYLES_ANIMATION_BRAND_LOGO = `
     width: 5vw;
   }
 
-  @media (${token__namespace.media.queries.highDef.min}) {
+  @media (${token.media.queries.highDef.min}) {
     .${FirstChevronStyles} svg {
       height: 202px;
       width: 144px;
@@ -161,7 +143,7 @@ const STYLES_ANIMATION_BRAND_LOGO = `
   ${SecondChevronStyles} 
   ${ThirdChevronStyles} 
 `;
-const chevronScroll = () => (() => {
+const createAnimationChevronScroll = () => (() => {
   const container = document.createElement("div");
   const first = document.createElement("div");
   const second = document.createElement("div");
@@ -181,5 +163,7 @@ const chevronScroll = () => (() => {
     styles: STYLES_ANIMATION_BRAND_LOGO
   };
 })();
-module.exports = chevronScroll;
+export {
+  createAnimationChevronScroll
+};
 //# sourceMappingURL=chevron-scroll.js.map

package/dist/atomic/animations/brand/chevron-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-scroll.js","sources":["../../../../source/atomic/animations/brand/chevron-scroll.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\n\nconst ICON_CHEVRON_BIG = `<svg width=\"252\" height=\"306\" aria-hidden=\"true\" viewBox=\"0 0 252 306\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M126 0H0L126 152.706L0 305.411H126L252 152.706L126 0Z\" /></svg>`;\nconst ICON_CHEVRON_SMALL = `<svg width=\"144\" height=\"202\" aria-hidden=\"true\"  viewBox=\"0 0 144 202\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M60.3972 0H0L83.6028 100.765L0 201.529H60.3972L144 100.765L60.3972 0Z\" /></svg>`;\n\nconst ELEMENT_ANIMATION_BRAND_LOGO = 'brand-logo-container';\nconst ELEMENT_FIRST_CHEVRON = 'brand-logo-first-chevron';\nconst ELEMENT_SECOND_CHEVRON = 'brand-logo-second-chevron';\nconst ELEMENT_THIRD_CHEVRON = 'brand-logo-third-chevron';\n\nconst FirstChevronStyles = `\n  @keyframes chevron-one {\n    from { transform: translateX(-80%); }\n    to { transform: translateX(40%); }\n  }\n\n  .${ELEMENT_FIRST_CHEVRON} {\n    top: 0;\n    transform: translateX(-80%);\n  }\n\n  .${ELEMENT_FIRST_CHEVRON} svg {\n    fill: ${token.color.gold};\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @supports (animation-timeline: scroll()) {\n      .${ELEMENT_FIRST_CHEVRON} {\n        transform: translateX(40%);\n        animation: chevron-one forwards;\n        animation-timeline: view();\n        animation-range-start: cover;\n        animation-range-end: contain;\n      }\n    }\n  }\n`;\n\nconst SecondChevronStyles = `\n  @keyframes chevron-two {\n    from { transform: translateX(-40%); }\n    to { transform: translateX(24%); }\n  }\n\n  .${ELEMENT_SECOND_CHEVRON} {\n    top: 10%;\n    z-index: 99;\n    transform: translateX(-40%);\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${ELEMENT_SECOND_CHEVRON} {\n       top: 95px;\n    }\n  }\n\n  .${ELEMENT_SECOND_CHEVRON} svg {\n    fill: ${token.color.red};\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @supports (animation-timeline: scroll()) {\n      .${ELEMENT_SECOND_CHEVRON} {\n        transform: translateX(24%);\n        animation: chevron-two forwards;\n        animation-timeline: view();\n        animation-range-start: cover;\n       animation-range-end: contain;\n      }\n    }\n  }\n`;\n\nconst ThirdChevronStyles = `\n  @keyframes chevron-three {\n    from { transform: translateX(-30%); }\n    to { transform: translateX(60%); }\n  }\n\n  .${ELEMENT_THIRD_CHEVRON} {\n    top: 25%;\n    transform: translateX(-30%);\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${ELEMENT_THIRD_CHEVRON} {\n       top: 195px;\n    }\n  }\n\n  .${ELEMENT_THIRD_CHEVRON} svg {\n    fill: ${token.color.black};\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @supports (animation-timeline: scroll()) {\n      .${ELEMENT_THIRD_CHEVRON} {\n        transform: translateX(60%);\n        animation: chevron-three forwards;\n        animation-timeline: view();\n        animation-range-start: 0;\n        animation-range-end: 100vh;\n      }\n    }\n  }\n`;\n\nconst STYLES_ANIMATION_BRAND_LOGO = `\n  .${ELEMENT_ANIMATION_BRAND_LOGO} {\n    position: relative;\n    height: 50vw;\n    width: 100vw;\n  }\n\n  .${ELEMENT_ANIMATION_BRAND_LOGO} > * {\n    position: absolute;\n    height: 100%;\n    right: 0;\n    transform: none;\n  }\n\n  .${ELEMENT_SECOND_CHEVRON} svg,\n  .${ELEMENT_THIRD_CHEVRON} svg {\n    height: 10vw;\n    width: 8.2vw;\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${ELEMENT_SECOND_CHEVRON} svg,\n    .${ELEMENT_THIRD_CHEVRON} svg {\n      height: 306px;\n      width: 252px;\n    }\n  }\n\n  .${FirstChevronStyles} svg {\n    height: 7vw;\n    width: 5vw;\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${FirstChevronStyles} svg {\n      height: 202px;\n      width: 144px;\n    }\n  }\n\n  ${FirstChevronStyles} \n  ${SecondChevronStyles} \n  ${ThirdChevronStyles} \n`;\n\nexport default () =>\n  (() => {\n    const container = document.createElement('div');\n    const first = document.createElement('div');\n    const second = document.createElement('div');\n    const third = document.createElement('div');\n\n    first.classList.add(ELEMENT_FIRST_CHEVRON);\n    first.innerHTML = ICON_CHEVRON_SMALL;\n\n    second.classList.add(ELEMENT_SECOND_CHEVRON);\n    second.innerHTML = ICON_CHEVRON_BIG;\n\n    third.classList.add(ELEMENT_THIRD_CHEVRON);\n    third.innerHTML = ICON_CHEVRON_BIG;\n\n    container.classList.add(ELEMENT_ANIMATION_BRAND_LOGO);\n    container.appendChild(first);\n    container.appendChild(second);\n    container.appendChild(third);\n\n    return {\n      element: container,\n      styles: STYLES_ANIMATION_BRAND_LOGO,\n    };\n  })();\n"],"names":["token"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAE3B,MAAM,+BAA+B;AACrC,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,wBAAwB;AAE9B,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,KAKrB,qBAAqB;AAAA,YACdA,iBAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,SAKnB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW9B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMfA,iBAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,KAKxB,sBAAsB;AAAA,YACfA,iBAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,SAKlB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW/B,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKdA,iBAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,KAKvB,qBAAqB;AAAA,YACdA,iBAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,SAKpB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW9B,MAAM,8BAA8B;AAAA,KAC/B,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAM5B,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAO5B,sBAAsB;AAAA,KACtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKdA,iBAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,sBAAsB;AAAA,OACtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKXA,iBAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,kBAAkB;AAAA;AAGtB,MAAA,gBAAe,OACZ,MAAM;AACL,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,QAAM,QAAQ,SAAS,cAAc,KAAK;AAE1C,QAAM,UAAU,IAAI,qBAAqB;AACzC,QAAM,YAAY;AAElB,SAAO,UAAU,IAAI,sBAAsB;AAC3C,SAAO,YAAY;AAEnB,QAAM,UAAU,IAAI,qBAAqB;AACzC,QAAM,YAAY;AAElB,YAAU,UAAU,IAAI,4BAA4B;AACpD,YAAU,YAAY,KAAK;AAC3B,YAAU,YAAY,MAAM;AAC5B,YAAU,YAAY,KAAK;AAE3B,SAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,GAAA;;"}
+{"version":3,"file":"chevron-scroll.js","sources":["../../../../source/atomic/animations/brand/chevron-scroll.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\n\nconst ICON_CHEVRON_BIG = `<svg width=\"252\" height=\"306\" aria-hidden=\"true\" viewBox=\"0 0 252 306\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M126 0H0L126 152.706L0 305.411H126L252 152.706L126 0Z\" /></svg>`;\nconst ICON_CHEVRON_SMALL = `<svg width=\"144\" height=\"202\" aria-hidden=\"true\"  viewBox=\"0 0 144 202\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M60.3972 0H0L83.6028 100.765L0 201.529H60.3972L144 100.765L60.3972 0Z\" /></svg>`;\n\nconst ELEMENT_ANIMATION_BRAND_LOGO = 'brand-logo-container';\nconst ELEMENT_FIRST_CHEVRON = 'brand-logo-first-chevron';\nconst ELEMENT_SECOND_CHEVRON = 'brand-logo-second-chevron';\nconst ELEMENT_THIRD_CHEVRON = 'brand-logo-third-chevron';\n\nconst FirstChevronStyles = `\n  @keyframes chevron-one {\n    from { transform: translateX(-80%); }\n    to { transform: translateX(40%); }\n  }\n\n  .${ELEMENT_FIRST_CHEVRON} {\n    top: 0;\n    transform: translateX(-80%);\n  }\n\n  .${ELEMENT_FIRST_CHEVRON} svg {\n    fill: ${token.color.gold};\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @supports (animation-timeline: scroll()) {\n      .${ELEMENT_FIRST_CHEVRON} {\n        transform: translateX(40%);\n        animation: chevron-one forwards;\n        animation-timeline: view();\n        animation-range-start: cover;\n        animation-range-end: contain;\n      }\n    }\n  }\n`;\n\nconst SecondChevronStyles = `\n  @keyframes chevron-two {\n    from { transform: translateX(-40%); }\n    to { transform: translateX(24%); }\n  }\n\n  .${ELEMENT_SECOND_CHEVRON} {\n    top: 10%;\n    z-index: 99;\n    transform: translateX(-40%);\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${ELEMENT_SECOND_CHEVRON} {\n       top: 95px;\n    }\n  }\n\n  .${ELEMENT_SECOND_CHEVRON} svg {\n    fill: ${token.color.red};\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @supports (animation-timeline: scroll()) {\n      .${ELEMENT_SECOND_CHEVRON} {\n        transform: translateX(24%);\n        animation: chevron-two forwards;\n        animation-timeline: view();\n        animation-range-start: cover;\n       animation-range-end: contain;\n      }\n    }\n  }\n`;\n\nconst ThirdChevronStyles = `\n  @keyframes chevron-three {\n    from { transform: translateX(-30%); }\n    to { transform: translateX(60%); }\n  }\n\n  .${ELEMENT_THIRD_CHEVRON} {\n    top: 25%;\n    transform: translateX(-30%);\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${ELEMENT_THIRD_CHEVRON} {\n       top: 195px;\n    }\n  }\n\n  .${ELEMENT_THIRD_CHEVRON} svg {\n    fill: ${token.color.black};\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @supports (animation-timeline: scroll()) {\n      .${ELEMENT_THIRD_CHEVRON} {\n        transform: translateX(60%);\n        animation: chevron-three forwards;\n        animation-timeline: view();\n        animation-range-start: 0;\n        animation-range-end: 100vh;\n      }\n    }\n  }\n`;\n\nconst STYLES_ANIMATION_BRAND_LOGO = `\n  .${ELEMENT_ANIMATION_BRAND_LOGO} {\n    position: relative;\n    height: 50vw;\n    width: 100vw;\n  }\n\n  .${ELEMENT_ANIMATION_BRAND_LOGO} > * {\n    position: absolute;\n    height: 100%;\n    right: 0;\n    transform: none;\n  }\n\n  .${ELEMENT_SECOND_CHEVRON} svg,\n  .${ELEMENT_THIRD_CHEVRON} svg {\n    height: 10vw;\n    width: 8.2vw;\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${ELEMENT_SECOND_CHEVRON} svg,\n    .${ELEMENT_THIRD_CHEVRON} svg {\n      height: 306px;\n      width: 252px;\n    }\n  }\n\n  .${FirstChevronStyles} svg {\n    height: 7vw;\n    width: 5vw;\n  }\n\n  @media (${token.media.queries.highDef.min}) {\n    .${FirstChevronStyles} svg {\n      height: 202px;\n      width: 144px;\n    }\n  }\n\n  ${FirstChevronStyles} \n  ${SecondChevronStyles} \n  ${ThirdChevronStyles} \n`;\n\nexport const createAnimationChevronScroll = () =>\n  (() => {\n    const container = document.createElement('div');\n    const first = document.createElement('div');\n    const second = document.createElement('div');\n    const third = document.createElement('div');\n\n    first.classList.add(ELEMENT_FIRST_CHEVRON);\n    first.innerHTML = ICON_CHEVRON_SMALL;\n\n    second.classList.add(ELEMENT_SECOND_CHEVRON);\n    second.innerHTML = ICON_CHEVRON_BIG;\n\n    third.classList.add(ELEMENT_THIRD_CHEVRON);\n    third.innerHTML = ICON_CHEVRON_BIG;\n\n    container.classList.add(ELEMENT_ANIMATION_BRAND_LOGO);\n    container.appendChild(first);\n    container.appendChild(second);\n    container.appendChild(third);\n\n    return {\n      element: container,\n      styles: STYLES_ANIMATION_BRAND_LOGO,\n    };\n  })();\n"],"names":[],"mappings":";AAEA,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAE3B,MAAM,+BAA+B;AACrC,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,wBAAwB;AAE9B,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,KAKrB,qBAAqB;AAAA,YACd,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,SAKnB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW9B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMf,MAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,KAKxB,sBAAsB;AAAA,YACf,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,SAKlB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW/B,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKd,MAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,KAKvB,qBAAqB;AAAA,YACd,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,SAKpB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW9B,MAAM,8BAA8B;AAAA,KAC/B,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAM5B,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAO5B,sBAAsB;AAAA,KACtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKd,MAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,sBAAsB;AAAA,OACtB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKX,MAAM,MAAM,QAAQ,QAAQ,GAAG;AAAA,OACpC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,kBAAkB;AAAA;AAGf,MAAM,+BAA+B,OACzC,MAAM;AACL,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,QAAM,QAAQ,SAAS,cAAc,KAAK;AAE1C,QAAM,UAAU,IAAI,qBAAqB;AACzC,QAAM,YAAY;AAElB,SAAO,UAAU,IAAI,sBAAsB;AAC3C,SAAO,YAAY;AAEnB,QAAM,UAAU,IAAI,qBAAqB;AACzC,QAAM,YAAY;AAElB,YAAU,UAAU,IAAI,4BAA4B;AACpD,YAAU,YAAY,KAAK;AAC3B,YAAU,YAAY,MAAM;AAC5B,YAAU,YAAY,KAAK;AAE3B,SAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,GAAA;"}

package/dist/atomic/animations/brand/index.d.ts

@@ -1,4 +1,4 @@
-export { default as chevronFlow } from './chevron-flow';
-export { default as chevronScroll } from './chevron-scroll';
-export { default as cardStack } from './card-stack';
+export { createAnimationChevronFlow as chevronFlow } from './chevron-flow';
+export { createAnimationChevronScroll as chevronScroll } from './chevron-scroll';
+export { createAnimationCardStack as cardStack } from './card-stack';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/animations/brand/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,4BAA4B,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,wBAAwB,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/atomic/animations/brand/index.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const chevronFlow = require("./chevron-flow.js");
-const chevronScroll = require("./chevron-scroll.js");
-const cardStack = require("./card-stack.js");
-exports.chevronFlow = chevronFlow;
-exports.chevronScroll = chevronScroll;
-exports.cardStack = cardStack;
+import { createAnimationChevronFlow } from "./chevron-flow.js";
+import { createAnimationChevronScroll } from "./chevron-scroll.js";
+import { createAnimationCardStack } from "./card-stack.js";
+export {
+  createAnimationCardStack as cardStack,
+  createAnimationChevronFlow as chevronFlow,
+  createAnimationChevronScroll as chevronScroll
+};
 //# sourceMappingURL=index.js.map

package/dist/atomic/animations/brand/index.js.map

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

package/dist/atomic/animations/index.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./actions/index.js");
-const index$1 = require("./brand/index.js");
-exports.actions = index;
-exports.brand = index$1;
+import * as index from "./actions/index.js";
+import * as index$1 from "./brand/index.js";
+export {
+  index as actions,
+  index$1 as brand
+};
 //# sourceMappingURL=index.js.map

package/dist/atomic/animations/index.js.map

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

package/dist/atomic/assets/image/background.d.ts

@@ -10,6 +10,6 @@ interface Props extends Asset {
     isShowCaption?: boolean;
     customStyles?: Record<string, any>;
 }
-declare const _default: (props: Props) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createImageBackground: (props: Props) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=background.d.ts.map

package/dist/atomic/assets/image/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/background.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,KAAM,SAAQ,KAAK;IAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;yBA4Fe,OAAO,KAAK;AAA5B,wBAyCE"}
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/background.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,KAAM,SAAQ,KAAK;IAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AA4FD,eAAO,MAAM,qBAAqB,GAAI,OAAO,KAAK,kFAyCjD,CAAC"}

package/dist/atomic/assets/image/background.js

@@ -1,24 +1,6 @@
-"use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const gif = require("./gif.js");
-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);
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { createImageGif } from "./gif.js";
 const ATTRIBUTE_CAPTION = "data-caption";
 const ATTRIBUTE_CREDIT = "data-credit";
 const isImageElement = (element) => {
@@ -51,7 +33,7 @@ const createCaption = (element, isShowCaption) => {
   }
   const text = attributeCaption || attributeCredit;
   if (!text) return null;
-  return new webBuilderLibrary.ElementBuilder("span").withText(text).styled(Styles__namespace.element.asset.image.caption).build();
+  return new ElementBuilder("span").withText(text).styled(Styles.element.asset.image.caption).build();
 };
 const embedAsset = ({
   element,
@@ -60,7 +42,7 @@ const embedAsset = ({
 }) => {
   const isTypeGif = checkIsGif(element);
   if (isGifAllowed && isTypeGif) {
-    return gif({ element });
+    return createImageGif({ element });
   }
   if (!isGifAllowed && isTypeGif) {
     console.error(
@@ -69,9 +51,9 @@ const embedAsset = ({
     return;
   }
   if (isAspectStandard) {
-    return new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.element.asset.image.aspectStandard).withChild(element).build();
+    return new ElementBuilder().styled(Styles.element.asset.image.aspectStandard).withChild(element).build();
   }
-  return new webBuilderLibrary.ElementBuilder().withClassName("image-container").withStyles({
+  return new ElementBuilder().withClassName("image-container").withStyles({
     element: {
       position: "relative",
       width: "100%",
@@ -79,7 +61,7 @@ const embedAsset = ({
     }
   }).withChild(element).build();
 };
-const imageContainer = (props) => {
+const createImageBackground = (props) => {
   const {
     customStyles,
     dateSign,
@@ -91,10 +73,10 @@ const imageContainer = (props) => {
   } = props;
   const asset = embedAsset({ element, isAspectStandard, isGifAllowed });
   const caption = createCaption(element, isShowCaption);
-  const defaultStyles = Styles__namespace.element.asset.image.composeWrapper({
+  const defaultStyles = Styles.element.asset.image.composeWrapper({
     scaled: isScaled
   });
-  const composite = new webBuilderLibrary.ElementBuilder().styled(defaultStyles).withStyles({
+  const composite = new ElementBuilder().styled(defaultStyles).withStyles({
     element: {
       ...customStyles
     }
@@ -104,7 +86,7 @@ const imageContainer = (props) => {
   }
   if (dateSign) {
     composite.withChild(
-      new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.background.box.white).withChild(dateSign).build()
+      new ElementBuilder().styled(Styles.layout.background.box.white).withChild(dateSign).build()
     );
   }
   if (asset) {
@@ -112,5 +94,7 @@ const imageContainer = (props) => {
   }
   return composite.build();
 };
-module.exports = imageContainer;
+export {
+  createImageBackground
+};
 //# sourceMappingURL=background.js.map

package/dist/atomic/assets/image/background.js.map

@@ -1 +1 @@
-{"version":3,"file":"background.js","sources":["../../../../source/atomic/assets/image/background.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { default as gifToggle } from './gif';\nimport { type UMDElement } from '../../../_types';\n\nconst ATTRIBUTE_CAPTION = 'data-caption';\nconst ATTRIBUTE_CREDIT = 'data-credit';\n\ninterface Asset {\n  element: HTMLImageElement | HTMLAnchorElement;\n  isAspectStandard?: boolean;\n  isScaled?: boolean;\n  isGifAllowed?: boolean;\n}\n\ninterface Props extends Asset {\n  dateSign?: UMDElement;\n  isShowCaption?: boolean;\n  customStyles?: Record<string, any>;\n}\n\nconst isImageElement = (element: HTMLElement): element is HTMLImageElement => {\n  return element instanceof HTMLImageElement;\n};\n\nconst checkIsGif = (element: HTMLImageElement | HTMLAnchorElement): boolean => {\n  if (isImageElement(element)) {\n    return element.src !== null && element.src.toLowerCase().includes('.gif');\n  }\n\n  if (element instanceof HTMLAnchorElement) {\n    const imgChild = element.querySelector('img');\n    const isGif =\n      imgChild !== null &&\n      imgChild.src !== null &&\n      imgChild.src.toLowerCase().includes('.gif');\n\n    if (isGif) {\n      console.error(\n        `GIFs are not allowed in <a>. Please upload a different format.`,\n      );\n    }\n\n    return isGif;\n  }\n\n  return false;\n};\n\nconst createCaption = (\n  element: HTMLImageElement | HTMLAnchorElement,\n  isShowCaption: boolean,\n) => {\n  if (!isShowCaption) return null;\n\n  const attributeCaption = element.getAttribute(ATTRIBUTE_CAPTION);\n  const attributeCredit = element.getAttribute(ATTRIBUTE_CREDIT);\n\n  if (attributeCaption) {\n    console.log(\n      `Attribute \"data-caption\" is deprecated. Use \"data-credit\" instead. This attribute will be removed in version 2.0.`,\n    );\n  }\n\n  const text = attributeCaption || attributeCredit;\n  if (!text) return null;\n\n  return new ElementBuilder('span')\n    .withText(text)\n    .styled(Styles.element.asset.image.caption)\n    .build();\n};\n\nconst embedAsset = ({\n  element,\n  isAspectStandard,\n  isGifAllowed,\n}: Pick<Asset, 'element' | 'isAspectStandard' | 'isGifAllowed'>) => {\n  const isTypeGif = checkIsGif(element);\n\n  if (isGifAllowed && isTypeGif) {\n    return gifToggle({ element });\n  }\n\n  if (!isGifAllowed && isTypeGif) {\n    console.error(\n      `GIFs are not allowed in <${element.localName}>. Please upload a different format.`,\n    );\n    return;\n  }\n\n  if (isAspectStandard) {\n    return new ElementBuilder()\n      .styled(Styles.element.asset.image.aspectStandard)\n      .withChild(element)\n      .build();\n  }\n\n  return new ElementBuilder()\n    .withClassName('image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n      },\n    })\n    .withChild(element)\n    .build();\n};\n\nexport default (props: Props) => {\n  const {\n    customStyles,\n    dateSign,\n    element,\n    isAspectStandard = false,\n    isScaled,\n    isShowCaption = false,\n    isGifAllowed = false,\n  } = props;\n\n  const asset = embedAsset({ element, isAspectStandard, isGifAllowed });\n  const caption = createCaption(element, isShowCaption);\n  const defaultStyles = Styles.element.asset.image.composeWrapper({\n    scaled: isScaled,\n  });\n\n  const composite = new ElementBuilder().styled(defaultStyles).withStyles({\n    element: {\n      ...customStyles,\n    },\n  });\n\n  if (caption) {\n    composite.withChild(caption);\n  }\n\n  if (dateSign) {\n    composite.withChild(\n      new ElementBuilder()\n        .styled(Styles.layout.background.box.white)\n        .withChild(dateSign)\n        .build(),\n    );\n  }\n\n  if (asset) {\n    composite.withChild(asset);\n  }\n\n  return composite.build();\n};\n"],"names":["ElementBuilder","Styles","gifToggle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAezB,MAAM,iBAAiB,CAAC,YAAsD;AAC5E,SAAO,mBAAmB;AAC5B;AAEA,MAAM,aAAa,CAAC,YAA2D;AAC7E,MAAI,eAAe,OAAO,GAAG;AAC3B,WAAO,QAAQ,QAAQ,QAAQ,QAAQ,IAAI,YAAA,EAAc,SAAS,MAAM;AAAA,EAC1E;AAEA,MAAI,mBAAmB,mBAAmB;AACxC,UAAM,WAAW,QAAQ,cAAc,KAAK;AAC5C,UAAM,QACJ,aAAa,QACb,SAAS,QAAQ,QACjB,SAAS,IAAI,cAAc,SAAS,MAAM;AAE5C,QAAI,OAAO;AACT,cAAQ;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB,CACpB,SACA,kBACG;AACH,MAAI,CAAC,cAAe,QAAO;AAE3B,QAAM,mBAAmB,QAAQ,aAAa,iBAAiB;AAC/D,QAAM,kBAAkB,QAAQ,aAAa,gBAAgB;AAE7D,MAAI,kBAAkB;AACpB,YAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,OAAO,oBAAoB;AACjC,MAAI,CAAC,KAAM,QAAO;AAElB,SAAO,IAAIA,kBAAAA,eAAe,MAAM,EAC7B,SAAS,IAAI,EACb,OAAOC,kBAAO,QAAQ,MAAM,MAAM,OAAO,EACzC,MAAA;AACL;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,MAAoE;AAClE,QAAM,YAAY,WAAW,OAAO;AAEpC,MAAI,gBAAgB,WAAW;AAC7B,WAAOC,IAAU,EAAE,SAAS;AAAA,EAC9B;AAEA,MAAI,CAAC,gBAAgB,WAAW;AAC9B,YAAQ;AAAA,MACN,4BAA4B,QAAQ,SAAS;AAAA,IAAA;AAE/C;AAAA,EACF;AAEA,MAAI,kBAAkB;AACpB,WAAO,IAAIF,kBAAAA,eAAA,EACR,OAAOC,kBAAO,QAAQ,MAAM,MAAM,cAAc,EAChD,UAAU,OAAO,EACjB,MAAA;AAAA,EACL;AAEA,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,iBAAiB,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV,CACD,EACA,UAAU,OAAO,EACjB,MAAA;AACL;AAEA,MAAA,iBAAe,CAAC,UAAiB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,EAAA,IACb;AAEJ,QAAM,QAAQ,WAAW,EAAE,SAAS,kBAAkB,cAAc;AACpE,QAAM,UAAU,cAAc,SAAS,aAAa;AACpD,QAAM,gBAAgBC,kBAAO,QAAQ,MAAM,MAAM,eAAe;AAAA,IAC9D,QAAQ;AAAA,EAAA,CACT;AAED,QAAM,YAAY,IAAID,kBAAAA,eAAA,EAAiB,OAAO,aAAa,EAAE,WAAW;AAAA,IACtE,SAAS;AAAA,MACP,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAED,MAAI,SAAS;AACX,cAAU,UAAU,OAAO;AAAA,EAC7B;AAEA,MAAI,UAAU;AACZ,cAAU;AAAA,MACR,IAAIA,iCAAA,EACD,OAAOC,kBAAO,OAAO,WAAW,IAAI,KAAK,EACzC,UAAU,QAAQ,EAClB,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,MAAI,OAAO;AACT,cAAU,UAAU,KAAK;AAAA,EAC3B;AAEA,SAAO,UAAU,MAAA;AACnB;;"}
+{"version":3,"file":"background.js","sources":["../../../../source/atomic/assets/image/background.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { createImageGif } from './gif';\nimport { type UMDElement } from '../../../_types';\n\nconst ATTRIBUTE_CAPTION = 'data-caption';\nconst ATTRIBUTE_CREDIT = 'data-credit';\n\ninterface Asset {\n  element: HTMLImageElement | HTMLAnchorElement;\n  isAspectStandard?: boolean;\n  isScaled?: boolean;\n  isGifAllowed?: boolean;\n}\n\ninterface Props extends Asset {\n  dateSign?: UMDElement;\n  isShowCaption?: boolean;\n  customStyles?: Record<string, any>;\n}\n\nconst isImageElement = (element: HTMLElement): element is HTMLImageElement => {\n  return element instanceof HTMLImageElement;\n};\n\nconst checkIsGif = (element: HTMLImageElement | HTMLAnchorElement): boolean => {\n  if (isImageElement(element)) {\n    return element.src !== null && element.src.toLowerCase().includes('.gif');\n  }\n\n  if (element instanceof HTMLAnchorElement) {\n    const imgChild = element.querySelector('img');\n    const isGif =\n      imgChild !== null &&\n      imgChild.src !== null &&\n      imgChild.src.toLowerCase().includes('.gif');\n\n    if (isGif) {\n      console.error(\n        `GIFs are not allowed in <a>. Please upload a different format.`,\n      );\n    }\n\n    return isGif;\n  }\n\n  return false;\n};\n\nconst createCaption = (\n  element: HTMLImageElement | HTMLAnchorElement,\n  isShowCaption: boolean,\n) => {\n  if (!isShowCaption) return null;\n\n  const attributeCaption = element.getAttribute(ATTRIBUTE_CAPTION);\n  const attributeCredit = element.getAttribute(ATTRIBUTE_CREDIT);\n\n  if (attributeCaption) {\n    console.log(\n      `Attribute \"data-caption\" is deprecated. Use \"data-credit\" instead. This attribute will be removed in version 2.0.`,\n    );\n  }\n\n  const text = attributeCaption || attributeCredit;\n  if (!text) return null;\n\n  return new ElementBuilder('span')\n    .withText(text)\n    .styled(Styles.element.asset.image.caption)\n    .build();\n};\n\nconst embedAsset = ({\n  element,\n  isAspectStandard,\n  isGifAllowed,\n}: Pick<Asset, 'element' | 'isAspectStandard' | 'isGifAllowed'>) => {\n  const isTypeGif = checkIsGif(element);\n\n  if (isGifAllowed && isTypeGif) {\n    return createImageGif({ element });\n  }\n\n  if (!isGifAllowed && isTypeGif) {\n    console.error(\n      `GIFs are not allowed in <${element.localName}>. Please upload a different format.`,\n    );\n    return;\n  }\n\n  if (isAspectStandard) {\n    return new ElementBuilder()\n      .styled(Styles.element.asset.image.aspectStandard)\n      .withChild(element)\n      .build();\n  }\n\n  return new ElementBuilder()\n    .withClassName('image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n      },\n    })\n    .withChild(element)\n    .build();\n};\n\nexport const createImageBackground = (props: Props) => {\n  const {\n    customStyles,\n    dateSign,\n    element,\n    isAspectStandard = false,\n    isScaled,\n    isShowCaption = false,\n    isGifAllowed = false,\n  } = props;\n\n  const asset = embedAsset({ element, isAspectStandard, isGifAllowed });\n  const caption = createCaption(element, isShowCaption);\n  const defaultStyles = Styles.element.asset.image.composeWrapper({\n    scaled: isScaled,\n  });\n\n  const composite = new ElementBuilder().styled(defaultStyles).withStyles({\n    element: {\n      ...customStyles,\n    },\n  });\n\n  if (caption) {\n    composite.withChild(caption);\n  }\n\n  if (dateSign) {\n    composite.withChild(\n      new ElementBuilder()\n        .styled(Styles.layout.background.box.white)\n        .withChild(dateSign)\n        .build(),\n    );\n  }\n\n  if (asset) {\n    composite.withChild(asset);\n  }\n\n  return composite.build();\n};\n"],"names":[],"mappings":";;;AAKA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAezB,MAAM,iBAAiB,CAAC,YAAsD;AAC5E,SAAO,mBAAmB;AAC5B;AAEA,MAAM,aAAa,CAAC,YAA2D;AAC7E,MAAI,eAAe,OAAO,GAAG;AAC3B,WAAO,QAAQ,QAAQ,QAAQ,QAAQ,IAAI,YAAA,EAAc,SAAS,MAAM;AAAA,EAC1E;AAEA,MAAI,mBAAmB,mBAAmB;AACxC,UAAM,WAAW,QAAQ,cAAc,KAAK;AAC5C,UAAM,QACJ,aAAa,QACb,SAAS,QAAQ,QACjB,SAAS,IAAI,cAAc,SAAS,MAAM;AAE5C,QAAI,OAAO;AACT,cAAQ;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB,CACpB,SACA,kBACG;AACH,MAAI,CAAC,cAAe,QAAO;AAE3B,QAAM,mBAAmB,QAAQ,aAAa,iBAAiB;AAC/D,QAAM,kBAAkB,QAAQ,aAAa,gBAAgB;AAE7D,MAAI,kBAAkB;AACpB,YAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,OAAO,oBAAoB;AACjC,MAAI,CAAC,KAAM,QAAO;AAElB,SAAO,IAAI,eAAe,MAAM,EAC7B,SAAS,IAAI,EACb,OAAO,OAAO,QAAQ,MAAM,MAAM,OAAO,EACzC,MAAA;AACL;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,MAAoE;AAClE,QAAM,YAAY,WAAW,OAAO;AAEpC,MAAI,gBAAgB,WAAW;AAC7B,WAAO,eAAe,EAAE,SAAS;AAAA,EACnC;AAEA,MAAI,CAAC,gBAAgB,WAAW;AAC9B,YAAQ;AAAA,MACN,4BAA4B,QAAQ,SAAS;AAAA,IAAA;AAE/C;AAAA,EACF;AAEA,MAAI,kBAAkB;AACpB,WAAO,IAAI,eAAA,EACR,OAAO,OAAO,QAAQ,MAAM,MAAM,cAAc,EAChD,UAAU,OAAO,EACjB,MAAA;AAAA,EACL;AAEA,SAAO,IAAI,eAAA,EACR,cAAc,iBAAiB,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV,CACD,EACA,UAAU,OAAO,EACjB,MAAA;AACL;AAEO,MAAM,wBAAwB,CAAC,UAAiB;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,EAAA,IACb;AAEJ,QAAM,QAAQ,WAAW,EAAE,SAAS,kBAAkB,cAAc;AACpE,QAAM,UAAU,cAAc,SAAS,aAAa;AACpD,QAAM,gBAAgB,OAAO,QAAQ,MAAM,MAAM,eAAe;AAAA,IAC9D,QAAQ;AAAA,EAAA,CACT;AAED,QAAM,YAAY,IAAI,eAAA,EAAiB,OAAO,aAAa,EAAE,WAAW;AAAA,IACtE,SAAS;AAAA,MACP,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAED,MAAI,SAAS;AACX,cAAU,UAAU,OAAO;AAAA,EAC7B;AAEA,MAAI,UAAU;AACZ,cAAU;AAAA,MACR,IAAI,eAAA,EACD,OAAO,OAAO,OAAO,WAAW,IAAI,KAAK,EACzC,UAAU,QAAQ,EAClB,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,MAAI,OAAO;AACT,cAAU,UAAU,KAAK;AAAA,EAC3B;AAEA,SAAO,UAAU,MAAA;AACnB;"}

package/dist/atomic/assets/image/gif.d.ts

@@ -1,5 +1,4 @@
-declare const _default: ({ element, }: {
+export declare const createImageGif: ({ element, }: {
     element: HTMLImageElement | HTMLAnchorElement;
 }) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLAnchorElement | HTMLDivElement>;
-export default _default;
 //# sourceMappingURL=gif.d.ts.map

package/dist/atomic/assets/image/gif.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gif.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/gif.ts"],"names":[],"mappings":"yBAyHgB,cAEb;IACD,OAAO,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;CAC/C;AAJD,wBAyBE"}
+{"version":3,"file":"gif.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/gif.ts"],"names":[],"mappings":"AAyHA,eAAO,MAAM,cAAc,GAAI,cAE5B;IACD,OAAO,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;CAC/C,yGAqBA,CAAC"}

package/dist/atomic/assets/image/gif.js

@@ -1,25 +1,7 @@
-"use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const performance = require("@universityofmaryland/web-utilities-library/performance");
-const controls = require("@universityofmaryland/web-icons-library/controls");
-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);
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { debounce } from "@universityofmaryland/web-utilities-library/performance";
+import { play, pause } from "@universityofmaryland/web-icons-library/controls";
 const extractImageElement = (element) => {
   if (element instanceof HTMLImageElement) {
     return element;
@@ -34,13 +16,13 @@ const applyGifToggle = (image, container) => {
   const button = document.createElement("button");
   const setButtonPlay = () => {
     button.setAttribute("aria-label", "Pause");
-    button.innerHTML = controls.pause;
+    button.innerHTML = pause;
     canvas.style.opacity = "0";
     image.style.opacity = "1";
   };
   const setButtonPause = () => {
     button.setAttribute("aria-label", "Play");
-    button.innerHTML = controls.play;
+    button.innerHTML = play;
     canvas.style.opacity = "1";
     image.style.opacity = "0";
   };
@@ -98,12 +80,12 @@ const applyGifToggle = (image, container) => {
   });
   window.addEventListener(
     "resize",
-    performance.debounce(() => {
+    debounce(() => {
       sizeCanvas({ container });
     }, 50)
   );
 };
-const gifToggle = ({
+const createImageGif = ({
   element
 }) => {
   const image = extractImageElement(element);
@@ -112,7 +94,7 @@ const gifToggle = ({
   }
   const isAnchor = element instanceof HTMLAnchorElement;
   const container = isAnchor ? element : document.createElement("div");
-  const composite = new webBuilderLibrary.ElementBuilder(container).styled(Styles__namespace.element.asset.gif.toggle).withModifier((el) => {
+  const composite = new ElementBuilder(container).styled(Styles.element.asset.gif.toggle).withModifier((el) => {
     if (!isAnchor) {
       el.appendChild(element);
     }
@@ -120,5 +102,7 @@ const gifToggle = ({
   }).build();
   return composite;
 };
-module.exports = gifToggle;
+export {
+  createImageGif
+};
 //# sourceMappingURL=gif.js.map

package/dist/atomic/assets/image/gif.js.map

@@ -1 +1 @@
-{"version":3,"file":"gif.js","sources":["../../../../source/atomic/assets/image/gif.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { debounce } from '@universityofmaryland/web-utilities-library/performance';\nimport {\n  pause as iconPause,\n  play as iconPlay,\n} from '@universityofmaryland/web-icons-library/controls';\n\nconst extractImageElement = (\n  element: HTMLImageElement | HTMLAnchorElement,\n): HTMLImageElement | null => {\n  if (element instanceof HTMLImageElement) {\n    return element;\n  }\n\n  if (element instanceof HTMLAnchorElement) {\n    return element.querySelector('img');\n  }\n\n  return null;\n};\n\nconst applyGifToggle = (image: HTMLImageElement, container: HTMLElement) => {\n  const canvas = document.createElement('canvas');\n  const button = document.createElement('button');\n  const setButtonPlay = () => {\n    button.setAttribute('aria-label', 'Pause');\n    button.innerHTML = iconPause;\n    canvas.style.opacity = '0';\n    image.style.opacity = '1';\n  };\n  const setButtonPause = () => {\n    button.setAttribute('aria-label', 'Play');\n    button.innerHTML = iconPlay;\n    canvas.style.opacity = '1';\n    image.style.opacity = '0';\n  };\n  const sizeCanvas = ({ container }: { container: HTMLElement | null }) => {\n    if (!container) return;\n    const image = container.querySelector('img');\n    const canvas = container.querySelector('canvas') as HTMLCanvasElement;\n\n    if (!container || !canvas || !image) return;\n\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n    // Get container dimensions\n    const containerWidth = container.clientWidth;\n    const containerHeight = container.clientHeight;\n\n    // Set canvas display dimensions to match container\n    canvas.style.width = '100%';\n    canvas.style.height = `${image.clientHeight}px`;\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.left = '0';\n\n    // Set canvas actual dimensions\n    canvas.width = containerWidth;\n    canvas.height = containerHeight;\n\n    // Calculate dimensions to maintain aspect ratio while covering\n    const imgRatio = image.naturalWidth / image.naturalHeight;\n    const containerRatio = containerWidth / containerHeight;\n\n    let drawWidth,\n      drawHeight,\n      offsetX = 0,\n      offsetY = 0;\n\n    if (imgRatio > containerRatio) {\n      // Image is wider than container relative to height\n      drawHeight = containerHeight;\n      drawWidth = image.naturalWidth * (containerHeight / image.naturalHeight);\n      offsetX = (containerWidth - drawWidth) / 2;\n    } else {\n      // Image is taller than container relative to width\n      drawWidth = containerWidth;\n      drawHeight = image.naturalHeight * (containerWidth / image.naturalWidth);\n      offsetY = (containerHeight - drawHeight) / 2;\n    }\n\n    // Clear the canvas and draw the image with cover behavior\n    ctx.clearRect(0, 0, containerWidth, containerHeight);\n    ctx.imageSmoothingEnabled = true;\n    ctx.drawImage(image, offsetX, offsetY, drawWidth, drawHeight);\n  };\n  let isPlaying = true;\n\n  button.setAttribute('type', 'button');\n  button.addEventListener('click', (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (isPlaying) {\n      setButtonPause();\n      isPlaying = false;\n    } else {\n      setButtonPlay();\n      isPlaying = true;\n    }\n  });\n\n  image.addEventListener('load', () => {\n    container.appendChild(canvas);\n    container.appendChild(button);\n    setButtonPlay();\n\n    setTimeout(() => {\n      sizeCanvas({ container });\n    }, 100);\n  });\n\n  window.addEventListener(\n    'resize',\n    debounce(() => {\n      sizeCanvas({ container });\n    }, 50),\n  );\n};\n\nexport default ({\n  element,\n}: {\n  element: HTMLImageElement | HTMLAnchorElement;\n}) => {\n  const image = extractImageElement(element);\n\n  if (!image) {\n    throw new Error('No valid image element found');\n  }\n\n  const isAnchor = element instanceof HTMLAnchorElement;\n  const container = isAnchor ? element : document.createElement('div');\n\n  const composite = new ElementBuilder(container)\n    .styled(Styles.element.asset.gif.toggle)\n    .withModifier((el) => {\n      if (!isAnchor) {\n        el.appendChild(element);\n      }\n      applyGifToggle(image, el);\n    })\n    .build();\n\n  return composite;\n};\n"],"names":["iconPause","iconPlay","container","image","canvas","debounce","ElementBuilder","Styles"],"mappings":"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"}
+{"version":3,"file":"gif.js","sources":["../../../../source/atomic/assets/image/gif.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { debounce } from '@universityofmaryland/web-utilities-library/performance';\nimport {\n  pause as iconPause,\n  play as iconPlay,\n} from '@universityofmaryland/web-icons-library/controls';\n\nconst extractImageElement = (\n  element: HTMLImageElement | HTMLAnchorElement,\n): HTMLImageElement | null => {\n  if (element instanceof HTMLImageElement) {\n    return element;\n  }\n\n  if (element instanceof HTMLAnchorElement) {\n    return element.querySelector('img');\n  }\n\n  return null;\n};\n\nconst applyGifToggle = (image: HTMLImageElement, container: HTMLElement) => {\n  const canvas = document.createElement('canvas');\n  const button = document.createElement('button');\n  const setButtonPlay = () => {\n    button.setAttribute('aria-label', 'Pause');\n    button.innerHTML = iconPause;\n    canvas.style.opacity = '0';\n    image.style.opacity = '1';\n  };\n  const setButtonPause = () => {\n    button.setAttribute('aria-label', 'Play');\n    button.innerHTML = iconPlay;\n    canvas.style.opacity = '1';\n    image.style.opacity = '0';\n  };\n  const sizeCanvas = ({ container }: { container: HTMLElement | null }) => {\n    if (!container) return;\n    const image = container.querySelector('img');\n    const canvas = container.querySelector('canvas') as HTMLCanvasElement;\n\n    if (!container || !canvas || !image) return;\n\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n    // Get container dimensions\n    const containerWidth = container.clientWidth;\n    const containerHeight = container.clientHeight;\n\n    // Set canvas display dimensions to match container\n    canvas.style.width = '100%';\n    canvas.style.height = `${image.clientHeight}px`;\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.left = '0';\n\n    // Set canvas actual dimensions\n    canvas.width = containerWidth;\n    canvas.height = containerHeight;\n\n    // Calculate dimensions to maintain aspect ratio while covering\n    const imgRatio = image.naturalWidth / image.naturalHeight;\n    const containerRatio = containerWidth / containerHeight;\n\n    let drawWidth,\n      drawHeight,\n      offsetX = 0,\n      offsetY = 0;\n\n    if (imgRatio > containerRatio) {\n      // Image is wider than container relative to height\n      drawHeight = containerHeight;\n      drawWidth = image.naturalWidth * (containerHeight / image.naturalHeight);\n      offsetX = (containerWidth - drawWidth) / 2;\n    } else {\n      // Image is taller than container relative to width\n      drawWidth = containerWidth;\n      drawHeight = image.naturalHeight * (containerWidth / image.naturalWidth);\n      offsetY = (containerHeight - drawHeight) / 2;\n    }\n\n    // Clear the canvas and draw the image with cover behavior\n    ctx.clearRect(0, 0, containerWidth, containerHeight);\n    ctx.imageSmoothingEnabled = true;\n    ctx.drawImage(image, offsetX, offsetY, drawWidth, drawHeight);\n  };\n  let isPlaying = true;\n\n  button.setAttribute('type', 'button');\n  button.addEventListener('click', (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (isPlaying) {\n      setButtonPause();\n      isPlaying = false;\n    } else {\n      setButtonPlay();\n      isPlaying = true;\n    }\n  });\n\n  image.addEventListener('load', () => {\n    container.appendChild(canvas);\n    container.appendChild(button);\n    setButtonPlay();\n\n    setTimeout(() => {\n      sizeCanvas({ container });\n    }, 100);\n  });\n\n  window.addEventListener(\n    'resize',\n    debounce(() => {\n      sizeCanvas({ container });\n    }, 50),\n  );\n};\n\nexport const createImageGif = ({\n  element,\n}: {\n  element: HTMLImageElement | HTMLAnchorElement;\n}) => {\n  const image = extractImageElement(element);\n\n  if (!image) {\n    throw new Error('No valid image element found');\n  }\n\n  const isAnchor = element instanceof HTMLAnchorElement;\n  const container = isAnchor ? element : document.createElement('div');\n\n  const composite = new ElementBuilder(container)\n    .styled(Styles.element.asset.gif.toggle)\n    .withModifier((el) => {\n      if (!isAnchor) {\n        el.appendChild(element);\n      }\n      applyGifToggle(image, el);\n    })\n    .build();\n\n  return composite;\n};\n"],"names":["iconPause","iconPlay","container","image","canvas"],"mappings":"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"}

package/dist/atomic/assets/image/index.d.ts

@@ -1,4 +1,4 @@
-export { default as background } from './background';
-export { default as gif } from './gif';
-export { default as placeholder } from './placeholder';
+export { createImageBackground as background } from './background';
+export { createImageGif as gif } from './gif';
+export { imagePlaceholder as placeholder } from './placeholder';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/assets/image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,cAAc,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/atomic/assets/image/index.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const background = require("./background.js");
-const gif = require("./gif.js");
-const placeholder = require("./placeholder.js");
-exports.background = background;
-exports.gif = gif;
-exports.placeholder = placeholder;
+import { createImageBackground } from "./background.js";
+import { createImageGif } from "./gif.js";
+import { imagePlaceholder } from "./placeholder.js";
+export {
+  createImageBackground as background,
+  createImageGif as gif,
+  imagePlaceholder as placeholder
+};
 //# sourceMappingURL=index.js.map

package/dist/atomic/assets/image/index.js.map

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

package/dist/atomic/assets/image/placeholder.d.ts

@@ -1,5 +1,4 @@
-declare const _default: {
+export declare const imagePlaceholder: {
     fearlessForward: () => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 };
-export default _default;
 //# sourceMappingURL=placeholder.d.ts.map

package/dist/atomic/assets/image/placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/placeholder.ts"],"names":[],"mappings":";;;AAcA,wBAME"}
+{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/placeholder.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB;;CAM5B,CAAC"}

package/dist/atomic/assets/image/placeholder.js

@@ -1,5 +1,4 @@
-"use strict";
-const background = require("./background.js");
+import { createImageBackground } from "./background.js";
 const makeDefaultImage = () => {
   const DEFAULT_IMAGE = `<svg id="Fearlessly-Forward-Logo" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1032.8 400"><defs><style>.cls-1 {fill: none;}.cls-2 {  clip-path: url(#clippath);}.cls-3 {  fill: #fff;}.cls-4 {  fill: #ffd200;}.cls-5 {  fill: #e31933;}.cls-6 {  fill: #231f20;}</style><clipPath id="clippath"><rect class="cls-1" width="1032.8" height="400"/></clipPath></defs><g class="cls-2"><g><g><polygon class="cls-5" points="658.3 542.19 265.93 149.82 246.65 130.54 227.37 149.82 -157.8 534.99 -119.24 573.55 246.65 207.66 619.74 580.75 658.3 542.19"/><polygon class="cls-4" points="495.04 -220.31 177.58 97.15 -139.88 -220.31 -191.29 -168.9 151.88 174.27 177.58 199.97 203.29 174.27 546.45 -168.9 495.04 -220.31"/><polygon class="cls-5" points="-346.05 -117.45 -28.54 200.05 -345.37 517.51 -293.86 568.82 74.18 199.94 48.53 174.29 -294.64 -168.87 -346.05 -117.45"/><polygon class="cls-6" points="-2.48 -117.45 -4.98 200.05 -1.81 517.51 49.71 568.82 417.75 199.94 392.09 174.29 48.93 -168.87 -2.48 -117.45"/><polygon class="cls-4" points="87.54 530.28 417.85 199.97 87.54 -130.33 113.25 -156.04 456.41 187.12 469.26 199.97 456.41 212.82 113.25 555.99 87.54 530.28"/><polygon class="cls-6" points="-204.14 -130.31 126.17 200 -204.14 530.31 -178.43 556.01 164.73 212.85 177.58 200 -178.43 -156.01 -204.14 -130.31"/></g><g><polygon class="cls-6" points="207.33 -60.43 599.69 331.93 618.97 351.21 638.25 331.93 1023.42 -53.24 984.86 -91.8 618.97 274.09 245.89 -98.99 207.33 -60.43"/><polygon class="cls-5" points="1691.1 542.19 1298.73 149.82 1279.45 130.54 1260.17 149.82 875 534.99 913.56 573.55 1279.45 207.66 1652.54 580.75 1691.1 542.19"/><polygon class="cls-4" points="301.57 -148.97 262.92 -136.2 594.56 197 613.89 177.68 919.06 -127.49 880.5 -140.35 594.65 145.49 301.57 -148.97"/><polygon class="cls-4" points="770.05 618.11 808.7 605.34 477.05 272.14 457.73 291.46 152.56 596.63 191.11 609.5 476.96 323.65 770.05 618.11"/><polygon class="cls-4" points="533.1 -117.45 850.56 200 533.1 517.46 584.51 568.87 927.68 225.7 953.39 200 927.68 174.29 584.51 -168.87 533.1 -117.45"/><polygon class="cls-4" points="1527.84 -220.31 1210.38 97.15 892.93 -220.31 841.51 -168.9 1184.68 174.27 1210.38 199.97 1236.09 174.27 1579.25 -168.9 1527.84 -220.31"/><polygon class="cls-5" points="686.75 -117.45 1004.26 200.05 687.43 517.51 738.94 568.82 1106.98 199.94 1081.33 174.29 738.16 -168.87 686.75 -117.45"/><polygon class="cls-5" points="997.78 -309.11 680.28 8.4 362.82 -308.43 311.51 -256.92 680.38 111.12 706.04 85.47 1049.19 -257.7 997.78 -309.11"/><polygon class="cls-6" points="1030.32 -117.45 1347.82 200.05 1030.99 517.51 1082.51 568.82 1450.55 199.94 1424.89 174.29 1081.73 -168.87 1030.32 -117.45"/><polygon class="cls-6" points="622.98 530.31 953.29 200 622.98 -130.31 648.69 -156.01 991.85 187.14 1004.7 200 991.85 212.85 648.69 556.01 622.98 530.31"/><polygon class="cls-5" points="311.51 530.31 641.82 200 311.51 -130.31 337.22 -156.01 680.38 187.14 693.23 200 680.38 212.85 337.22 556.01 311.51 530.31"/><polygon class="cls-6" points="997.78 -378.98 680.28 -61.47 362.82 -378.31 311.51 -326.79 680.38 41.25 706.04 15.59 1049.19 -327.57 997.78 -378.98"/></g></g></g><polygon class="cls-3" points="787.14 136.08 651.06 0 392 0 592.85 200.84 393.07 400.62 652.13 400.62 787.14 265.61 851.91 200.84 787.14 136.08"/></svg>`;
   const svgImage = document.createElement("img");
@@ -10,11 +9,13 @@ const makeDefaultImage = () => {
   svgImage.setAttribute("alt", "Fearlessly Forward graphic");
   return svgImage;
 };
-const placeholder = {
-  fearlessForward: () => background({
+const imagePlaceholder = {
+  fearlessForward: () => createImageBackground({
     element: makeDefaultImage(),
     isScaled: true
   })
 };
-module.exports = placeholder;
+export {
+  imagePlaceholder
+};
 //# sourceMappingURL=placeholder.js.map

package/dist/atomic/assets/image/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sources":["../../../../source/atomic/assets/image/placeholder.ts"],"sourcesContent":["import { default as imageContainer } from './background';\n\nconst makeDefaultImage = () => {\n  const DEFAULT_IMAGE = `<svg id=\"Fearlessly-Forward-Logo\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 1032.8 400\"><defs><style>.cls-1 {fill: none;}.cls-2 {  clip-path: url(#clippath);}.cls-3 {  fill: #fff;}.cls-4 {  fill: #ffd200;}.cls-5 {  fill: #e31933;}.cls-6 {  fill: #231f20;}</style><clipPath id=\"clippath\"><rect class=\"cls-1\" width=\"1032.8\" height=\"400\"/></clipPath></defs><g class=\"cls-2\"><g><g><polygon class=\"cls-5\" points=\"658.3 542.19 265.93 149.82 246.65 130.54 227.37 149.82 -157.8 534.99 -119.24 573.55 246.65 207.66 619.74 580.75 658.3 542.19\"/><polygon class=\"cls-4\" points=\"495.04 -220.31 177.58 97.15 -139.88 -220.31 -191.29 -168.9 151.88 174.27 177.58 199.97 203.29 174.27 546.45 -168.9 495.04 -220.31\"/><polygon class=\"cls-5\" points=\"-346.05 -117.45 -28.54 200.05 -345.37 517.51 -293.86 568.82 74.18 199.94 48.53 174.29 -294.64 -168.87 -346.05 -117.45\"/><polygon class=\"cls-6\" points=\"-2.48 -117.45 -4.98 200.05 -1.81 517.51 49.71 568.82 417.75 199.94 392.09 174.29 48.93 -168.87 -2.48 -117.45\"/><polygon class=\"cls-4\" points=\"87.54 530.28 417.85 199.97 87.54 -130.33 113.25 -156.04 456.41 187.12 469.26 199.97 456.41 212.82 113.25 555.99 87.54 530.28\"/><polygon class=\"cls-6\" points=\"-204.14 -130.31 126.17 200 -204.14 530.31 -178.43 556.01 164.73 212.85 177.58 200 -178.43 -156.01 -204.14 -130.31\"/></g><g><polygon class=\"cls-6\" points=\"207.33 -60.43 599.69 331.93 618.97 351.21 638.25 331.93 1023.42 -53.24 984.86 -91.8 618.97 274.09 245.89 -98.99 207.33 -60.43\"/><polygon class=\"cls-5\" points=\"1691.1 542.19 1298.73 149.82 1279.45 130.54 1260.17 149.82 875 534.99 913.56 573.55 1279.45 207.66 1652.54 580.75 1691.1 542.19\"/><polygon class=\"cls-4\" points=\"301.57 -148.97 262.92 -136.2 594.56 197 613.89 177.68 919.06 -127.49 880.5 -140.35 594.65 145.49 301.57 -148.97\"/><polygon class=\"cls-4\" points=\"770.05 618.11 808.7 605.34 477.05 272.14 457.73 291.46 152.56 596.63 191.11 609.5 476.96 323.65 770.05 618.11\"/><polygon class=\"cls-4\" points=\"533.1 -117.45 850.56 200 533.1 517.46 584.51 568.87 927.68 225.7 953.39 200 927.68 174.29 584.51 -168.87 533.1 -117.45\"/><polygon class=\"cls-4\" points=\"1527.84 -220.31 1210.38 97.15 892.93 -220.31 841.51 -168.9 1184.68 174.27 1210.38 199.97 1236.09 174.27 1579.25 -168.9 1527.84 -220.31\"/><polygon class=\"cls-5\" points=\"686.75 -117.45 1004.26 200.05 687.43 517.51 738.94 568.82 1106.98 199.94 1081.33 174.29 738.16 -168.87 686.75 -117.45\"/><polygon class=\"cls-5\" points=\"997.78 -309.11 680.28 8.4 362.82 -308.43 311.51 -256.92 680.38 111.12 706.04 85.47 1049.19 -257.7 997.78 -309.11\"/><polygon class=\"cls-6\" points=\"1030.32 -117.45 1347.82 200.05 1030.99 517.51 1082.51 568.82 1450.55 199.94 1424.89 174.29 1081.73 -168.87 1030.32 -117.45\"/><polygon class=\"cls-6\" points=\"622.98 530.31 953.29 200 622.98 -130.31 648.69 -156.01 991.85 187.14 1004.7 200 991.85 212.85 648.69 556.01 622.98 530.31\"/><polygon class=\"cls-5\" points=\"311.51 530.31 641.82 200 311.51 -130.31 337.22 -156.01 680.38 187.14 693.23 200 680.38 212.85 337.22 556.01 311.51 530.31\"/><polygon class=\"cls-6\" points=\"997.78 -378.98 680.28 -61.47 362.82 -378.31 311.51 -326.79 680.38 41.25 706.04 15.59 1049.19 -327.57 997.78 -378.98\"/></g></g></g><polygon class=\"cls-3\" points=\"787.14 136.08 651.06 0 392 0 592.85 200.84 393.07 400.62 652.13 400.62 787.14 265.61 851.91 200.84 787.14 136.08\"/></svg>`;\n  const svgImage = document.createElement('img');\n  svgImage.setAttribute(\n    'src',\n    `data:image/svg+xml,${encodeURIComponent(DEFAULT_IMAGE)}`,\n  );\n  svgImage.setAttribute('alt', 'Fearlessly Forward graphic');\n\n  return svgImage;\n};\n\nexport default {\n  fearlessForward: () =>\n    imageContainer({\n      element: makeDefaultImage(),\n      isScaled: true,\n    }),\n};\n"],"names":["imageContainer"],"mappings":";;AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,gBAAgB;AACtB,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS;AAAA,IACP;AAAA,IACA,sBAAsB,mBAAmB,aAAa,CAAC;AAAA,EAAA;AAEzD,WAAS,aAAa,OAAO,4BAA4B;AAEzD,SAAO;AACT;AAEA,MAAA,cAAe;AAAA,EACb,iBAAiB,MACfA,WAAe;AAAA,IACb,SAAS,iBAAA;AAAA,IACT,UAAU;AAAA,EAAA,CACX;AACL;;"}
+{"version":3,"file":"placeholder.js","sources":["../../../../source/atomic/assets/image/placeholder.ts"],"sourcesContent":["import { createImageBackground } from './background';\n\nconst makeDefaultImage = () => {\n  const DEFAULT_IMAGE = `<svg id=\"Fearlessly-Forward-Logo\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 1032.8 400\"><defs><style>.cls-1 {fill: none;}.cls-2 {  clip-path: url(#clippath);}.cls-3 {  fill: #fff;}.cls-4 {  fill: #ffd200;}.cls-5 {  fill: #e31933;}.cls-6 {  fill: #231f20;}</style><clipPath id=\"clippath\"><rect class=\"cls-1\" width=\"1032.8\" height=\"400\"/></clipPath></defs><g class=\"cls-2\"><g><g><polygon class=\"cls-5\" points=\"658.3 542.19 265.93 149.82 246.65 130.54 227.37 149.82 -157.8 534.99 -119.24 573.55 246.65 207.66 619.74 580.75 658.3 542.19\"/><polygon class=\"cls-4\" points=\"495.04 -220.31 177.58 97.15 -139.88 -220.31 -191.29 -168.9 151.88 174.27 177.58 199.97 203.29 174.27 546.45 -168.9 495.04 -220.31\"/><polygon class=\"cls-5\" points=\"-346.05 -117.45 -28.54 200.05 -345.37 517.51 -293.86 568.82 74.18 199.94 48.53 174.29 -294.64 -168.87 -346.05 -117.45\"/><polygon class=\"cls-6\" points=\"-2.48 -117.45 -4.98 200.05 -1.81 517.51 49.71 568.82 417.75 199.94 392.09 174.29 48.93 -168.87 -2.48 -117.45\"/><polygon class=\"cls-4\" points=\"87.54 530.28 417.85 199.97 87.54 -130.33 113.25 -156.04 456.41 187.12 469.26 199.97 456.41 212.82 113.25 555.99 87.54 530.28\"/><polygon class=\"cls-6\" points=\"-204.14 -130.31 126.17 200 -204.14 530.31 -178.43 556.01 164.73 212.85 177.58 200 -178.43 -156.01 -204.14 -130.31\"/></g><g><polygon class=\"cls-6\" points=\"207.33 -60.43 599.69 331.93 618.97 351.21 638.25 331.93 1023.42 -53.24 984.86 -91.8 618.97 274.09 245.89 -98.99 207.33 -60.43\"/><polygon class=\"cls-5\" points=\"1691.1 542.19 1298.73 149.82 1279.45 130.54 1260.17 149.82 875 534.99 913.56 573.55 1279.45 207.66 1652.54 580.75 1691.1 542.19\"/><polygon class=\"cls-4\" points=\"301.57 -148.97 262.92 -136.2 594.56 197 613.89 177.68 919.06 -127.49 880.5 -140.35 594.65 145.49 301.57 -148.97\"/><polygon class=\"cls-4\" points=\"770.05 618.11 808.7 605.34 477.05 272.14 457.73 291.46 152.56 596.63 191.11 609.5 476.96 323.65 770.05 618.11\"/><polygon class=\"cls-4\" points=\"533.1 -117.45 850.56 200 533.1 517.46 584.51 568.87 927.68 225.7 953.39 200 927.68 174.29 584.51 -168.87 533.1 -117.45\"/><polygon class=\"cls-4\" points=\"1527.84 -220.31 1210.38 97.15 892.93 -220.31 841.51 -168.9 1184.68 174.27 1210.38 199.97 1236.09 174.27 1579.25 -168.9 1527.84 -220.31\"/><polygon class=\"cls-5\" points=\"686.75 -117.45 1004.26 200.05 687.43 517.51 738.94 568.82 1106.98 199.94 1081.33 174.29 738.16 -168.87 686.75 -117.45\"/><polygon class=\"cls-5\" points=\"997.78 -309.11 680.28 8.4 362.82 -308.43 311.51 -256.92 680.38 111.12 706.04 85.47 1049.19 -257.7 997.78 -309.11\"/><polygon class=\"cls-6\" points=\"1030.32 -117.45 1347.82 200.05 1030.99 517.51 1082.51 568.82 1450.55 199.94 1424.89 174.29 1081.73 -168.87 1030.32 -117.45\"/><polygon class=\"cls-6\" points=\"622.98 530.31 953.29 200 622.98 -130.31 648.69 -156.01 991.85 187.14 1004.7 200 991.85 212.85 648.69 556.01 622.98 530.31\"/><polygon class=\"cls-5\" points=\"311.51 530.31 641.82 200 311.51 -130.31 337.22 -156.01 680.38 187.14 693.23 200 680.38 212.85 337.22 556.01 311.51 530.31\"/><polygon class=\"cls-6\" points=\"997.78 -378.98 680.28 -61.47 362.82 -378.31 311.51 -326.79 680.38 41.25 706.04 15.59 1049.19 -327.57 997.78 -378.98\"/></g></g></g><polygon class=\"cls-3\" points=\"787.14 136.08 651.06 0 392 0 592.85 200.84 393.07 400.62 652.13 400.62 787.14 265.61 851.91 200.84 787.14 136.08\"/></svg>`;\n  const svgImage = document.createElement('img');\n  svgImage.setAttribute(\n    'src',\n    `data:image/svg+xml,${encodeURIComponent(DEFAULT_IMAGE)}`,\n  );\n  svgImage.setAttribute('alt', 'Fearlessly Forward graphic');\n\n  return svgImage;\n};\n\nexport const imagePlaceholder = {\n  fearlessForward: () =>\n    createImageBackground({\n      element: makeDefaultImage(),\n      isScaled: true,\n    }),\n};\n"],"names":[],"mappings":";AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,gBAAgB;AACtB,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS;AAAA,IACP;AAAA,IACA,sBAAsB,mBAAmB,aAAa,CAAC;AAAA,EAAA;AAEzD,WAAS,aAAa,OAAO,4BAA4B;AAEzD,SAAO;AACT;AAEO,MAAM,mBAAmB;AAAA,EAC9B,iBAAiB,MACf,sBAAsB;AAAA,IACpB,SAAS,iBAAA;AAAA,IACT,UAAU;AAAA,EAAA,CACX;AACL;"}

package/dist/atomic/assets/index.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./image/index.js");
-const index$1 = require("./video/index.js");
-exports.image = index;
-exports.video = index$1;
+import * as index from "./image/index.js";
+import * as index$1 from "./video/index.js";
+export {
+  index as image,
+  index$1 as video
+};
 //# sourceMappingURL=index.js.map

package/dist/atomic/assets/index.js.map

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

package/dist/atomic/assets/video/index.d.ts

@@ -1,3 +1,3 @@
-export { default as toggle } from './toggle';
-export { default as observedAutoPlay } from './observed-auto-play';
+export { createVideoToggle as toggle } from './toggle';
+export { createVideoObservedAutoPlay as observedAutoPlay } from './observed-auto-play';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/assets/video/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,2BAA2B,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}