@universityofmaryland/web-elements-library 1.5.0-beta.0 → 1.5.1

package/dist/composite/quote/inline.js

@@ -6,6 +6,7 @@ const text = require("./elements/text.js");
 require("@universityofmaryland/web-icons-library/brand");
 const _constants = require("./_constants.js");
 require("@universityofmaryland/web-styles-library/layout");
+require("@universityofmaryland/web-styles-library/typography");
 const animation = require("./helper/animation.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -25,14 +26,14 @@ function _interopNamespaceDefault(e) {
 }
 const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const InlineQuote = (props) => {
-  const { isSizeLarge, image: image$1 } = props;
+  const { isSizeLarge, image: image$1, isTypeFeatured = false } = props;
   const textContainer = text(props);
   const getInlineWrapperChildren = (props2) => {
     const wrapperChildren2 = [];
     if (image$1) {
       const imageContainer = image({
         ...props2,
-        isTypeFeatured: false,
+        isTypeFeatured,
         image: image$1
       });
       wrapperChildren2.push(imageContainer);
@@ -69,11 +70,18 @@ const InlineQuote = (props) => {
   };
   const wrapperChildren = getInlineWrapperChildren(props);
   const wrapper = createWrapper(wrapperChildren);
-  animation.quoteAnimation({
-    ...props,
-    quoteElement: wrapper
-  });
-  return createContainer(wrapper);
+  const loadAnimation = () => {
+    animation.quoteAnimation({
+      ...props,
+      quoteElement: wrapper
+    });
+  };
+  return {
+    ...createContainer(wrapper),
+    events: {
+      loadAnimation
+    }
+  };
 };
 module.exports = InlineQuote;
 //# sourceMappingURL=inline.js.map

package/dist/composite/quote/inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline.js","sources":["../../../source/composite/quote/inline.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { image as elementImage, text as elementText } from './elements';\nimport { quoteAnimation } from './helper/animation';\nimport { SMALL } from './_constants';\nimport { type QuoteInlineProps } from './_types';\nimport { type ElementVisual } from '../../_types';\n\nexport default (props: QuoteInlineProps) => {\n  const { isSizeLarge, image } = props;\n  const textContainer = elementText(props);\n  const getInlineWrapperChildren = (props: QuoteInlineProps) => {\n    const wrapperChildren: ElementVisual[] = [];\n\n    if (image) {\n      const imageContainer = elementImage({\n        ...props,\n        isTypeFeatured: false,\n        image,\n      });\n\n      wrapperChildren.push(imageContainer);\n    }\n\n    wrapperChildren.push(textContainer);\n    return wrapperChildren;\n  };\n\n  const createWrapper = (children: ElementVisual[]) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container-wrapper',\n      children: children,\n      elementStyles: {\n        element: {\n          [`@container (min-width: ${SMALL}px)`]: {\n            display: 'flex',\n            gap: token.spacing.lg,\n            ...(isSizeLarge && { gap: token.spacing.xl }),\n          },\n        },\n      },\n    });\n  };\n\n  const createContainer = (wrapper: ElementVisual) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container',\n      children: [wrapper],\n      elementStyles: {\n        element: {\n          containerType: 'inline-size',\n          width: '100%',\n        },\n      },\n    });\n  };\n\n  const wrapperChildren = getInlineWrapperChildren(props);\n  const wrapper = createWrapper(wrapperChildren);\n\n  quoteAnimation({\n    ...props,\n    quoteElement: wrapper,\n  });\n\n  return createContainer(wrapper);\n};\n"],"names":["image","elementText","props","wrapperChildren","elementImage","ElementModel.createDiv","SMALL","token","wrapper","quoteAnimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAA,cAAe,CAAC,UAA4B;AAC1C,QAAM,EAAE,oBAAaA,QAAA,IAAU;AAC/B,QAAM,gBAAgBC,KAAY,KAAK;AACvC,QAAM,2BAA2B,CAACC,WAA4B;AAC5D,UAAMC,mBAAmC,CAAA;AAEzC,QAAIH,SAAO;AACT,YAAM,iBAAiBI,MAAa;AAAA,QAClC,GAAGF;AAAAA,QACH,gBAAgB;AAAA,QAAA,OAChBF;AAAAA,MAAA,CACD;AAEDG,uBAAgB,KAAK,cAAc;AAAA,IACrC;AAEAA,qBAAgB,KAAK,aAAa;AAClC,WAAOA;AAAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,aAA8B;AACnD,WAAOE,gBAAuB;AAAA,MAC5B,WAAW;AAAA,MACX;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,UACP,CAAC,0BAA0BC,gBAAK,KAAK,GAAG;AAAA,YACtC,SAAS;AAAA,YACT,KAAKC,iBAAM,QAAQ;AAAA,YACnB,GAAI,eAAe,EAAE,KAAKA,iBAAM,QAAQ,GAAA;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,CAACC,aAA2B;AAClD,WAAOH,gBAAuB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAACG,QAAO;AAAA,MAClB,eAAe;AAAA,QACb,SAAS;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,yBAAyB,KAAK;AACtD,QAAM,UAAU,cAAc,eAAe;AAE7CC,2BAAe;AAAA,IACb,GAAG;AAAA,IACH,cAAc;AAAA,EAAA,CACf;AAED,SAAO,gBAAgB,OAAO;AAChC;;"}
+{"version":3,"file":"inline.js","sources":["../../../source/composite/quote/inline.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { image as elementImage, text as elementText } from './elements';\nimport { quoteAnimation } from './helper/animation';\nimport { SMALL } from './_constants';\nimport { type QuoteInlineProps } from './_types';\nimport { type ElementVisual } from '../../_types';\n\nexport default (props: QuoteInlineProps) => {\n  const { isSizeLarge, image, isTypeFeatured = false } = props;\n  const textContainer = elementText(props);\n  const getInlineWrapperChildren = (props: QuoteInlineProps) => {\n    const wrapperChildren: ElementVisual[] = [];\n\n    if (image) {\n      const imageContainer = elementImage({\n        ...props,\n        isTypeFeatured,\n        image,\n      });\n\n      wrapperChildren.push(imageContainer);\n    }\n\n    wrapperChildren.push(textContainer);\n    return wrapperChildren;\n  };\n\n  const createWrapper = (children: ElementVisual[]) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container-wrapper',\n      children: children,\n      elementStyles: {\n        element: {\n          [`@container (min-width: ${SMALL}px)`]: {\n            display: 'flex',\n            gap: token.spacing.lg,\n            ...(isSizeLarge && { gap: token.spacing.xl }),\n          },\n        },\n      },\n    });\n  };\n\n  const createContainer = (wrapper: ElementVisual) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container',\n      children: [wrapper],\n      elementStyles: {\n        element: {\n          containerType: 'inline-size',\n          width: '100%',\n        },\n      },\n    });\n  };\n\n  const wrapperChildren = getInlineWrapperChildren(props);\n  const wrapper = createWrapper(wrapperChildren);\n\n  const loadAnimation = () => {\n    quoteAnimation({\n      ...props,\n      quoteElement: wrapper,\n    });\n  };\n\n  return {\n    ...createContainer(wrapper),\n    events: {\n      loadAnimation,\n    },\n  };\n};\n"],"names":["image","elementText","props","wrapperChildren","elementImage","ElementModel.createDiv","SMALL","token","wrapper","quoteAnimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAA,cAAe,CAAC,UAA4B;AAC1C,QAAM,EAAE,aAAA,OAAaA,SAAO,iBAAiB,UAAU;AACvD,QAAM,gBAAgBC,KAAY,KAAK;AACvC,QAAM,2BAA2B,CAACC,WAA4B;AAC5D,UAAMC,mBAAmC,CAAA;AAEzC,QAAIH,SAAO;AACT,YAAM,iBAAiBI,MAAa;AAAA,QAClC,GAAGF;AAAAA,QACH;AAAA,QAAA,OACAF;AAAAA,MAAA,CACD;AAEDG,uBAAgB,KAAK,cAAc;AAAA,IACrC;AAEAA,qBAAgB,KAAK,aAAa;AAClC,WAAOA;AAAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,aAA8B;AACnD,WAAOE,gBAAuB;AAAA,MAC5B,WAAW;AAAA,MACX;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,UACP,CAAC,0BAA0BC,gBAAK,KAAK,GAAG;AAAA,YACtC,SAAS;AAAA,YACT,KAAKC,iBAAM,QAAQ;AAAA,YACnB,GAAI,eAAe,EAAE,KAAKA,iBAAM,QAAQ,GAAA;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,CAACC,aAA2B;AAClD,WAAOH,gBAAuB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAACG,QAAO;AAAA,MAClB,eAAe;AAAA,QACb,SAAS;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,yBAAyB,KAAK;AACtD,QAAM,UAAU,cAAc,eAAe;AAE7C,QAAM,gBAAgB,MAAM;AAC1BC,6BAAe;AAAA,MACb,GAAG;AAAA,MACH,cAAc;AAAA,IAAA,CACf;AAAA,EACH;AAEA,SAAO;AAAA,IACL,GAAG,gBAAgB,OAAO;AAAA,IAC1B,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/composite/quote/inline.mjs

@@ -5,16 +5,17 @@ import elementText from "./elements/text.mjs";
 import "@universityofmaryland/web-icons-library/brand";
 import { SMALL } from "./_constants.mjs";
 import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/typography";
 import { quoteAnimation } from "./helper/animation.mjs";
 const InlineQuote = (props) => {
-  const { isSizeLarge, image } = props;
+  const { isSizeLarge, image, isTypeFeatured = false } = props;
   const textContainer = elementText(props);
   const getInlineWrapperChildren = (props2) => {
     const wrapperChildren2 = [];
     if (image) {
       const imageContainer = elementImage({
         ...props2,
-        isTypeFeatured: false,
+        isTypeFeatured,
         image
       });
       wrapperChildren2.push(imageContainer);
@@ -51,11 +52,18 @@ const InlineQuote = (props) => {
   };
   const wrapperChildren = getInlineWrapperChildren(props);
   const wrapper = createWrapper(wrapperChildren);
-  quoteAnimation({
-    ...props,
-    quoteElement: wrapper
-  });
-  return createContainer(wrapper);
+  const loadAnimation = () => {
+    quoteAnimation({
+      ...props,
+      quoteElement: wrapper
+    });
+  };
+  return {
+    ...createContainer(wrapper),
+    events: {
+      loadAnimation
+    }
+  };
 };
 export {
   InlineQuote as default

package/dist/composite/quote/inline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inline.mjs","sources":["../../../source/composite/quote/inline.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { image as elementImage, text as elementText } from './elements';\nimport { quoteAnimation } from './helper/animation';\nimport { SMALL } from './_constants';\nimport { type QuoteInlineProps } from './_types';\nimport { type ElementVisual } from '../../_types';\n\nexport default (props: QuoteInlineProps) => {\n  const { isSizeLarge, image } = props;\n  const textContainer = elementText(props);\n  const getInlineWrapperChildren = (props: QuoteInlineProps) => {\n    const wrapperChildren: ElementVisual[] = [];\n\n    if (image) {\n      const imageContainer = elementImage({\n        ...props,\n        isTypeFeatured: false,\n        image,\n      });\n\n      wrapperChildren.push(imageContainer);\n    }\n\n    wrapperChildren.push(textContainer);\n    return wrapperChildren;\n  };\n\n  const createWrapper = (children: ElementVisual[]) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container-wrapper',\n      children: children,\n      elementStyles: {\n        element: {\n          [`@container (min-width: ${SMALL}px)`]: {\n            display: 'flex',\n            gap: token.spacing.lg,\n            ...(isSizeLarge && { gap: token.spacing.xl }),\n          },\n        },\n      },\n    });\n  };\n\n  const createContainer = (wrapper: ElementVisual) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container',\n      children: [wrapper],\n      elementStyles: {\n        element: {\n          containerType: 'inline-size',\n          width: '100%',\n        },\n      },\n    });\n  };\n\n  const wrapperChildren = getInlineWrapperChildren(props);\n  const wrapper = createWrapper(wrapperChildren);\n\n  quoteAnimation({\n    ...props,\n    quoteElement: wrapper,\n  });\n\n  return createContainer(wrapper);\n};\n"],"names":["props","wrapperChildren","ElementModel.createDiv","wrapper"],"mappings":";;;;;;;;AAQA,MAAA,cAAe,CAAC,UAA4B;AAC1C,QAAM,EAAE,aAAa,MAAA,IAAU;AAC/B,QAAM,gBAAgB,YAAY,KAAK;AACvC,QAAM,2BAA2B,CAACA,WAA4B;AAC5D,UAAMC,mBAAmC,CAAA;AAEzC,QAAI,OAAO;AACT,YAAM,iBAAiB,aAAa;AAAA,QAClC,GAAGD;AAAAA,QACH,gBAAgB;AAAA,QAChB;AAAA,MAAA,CACD;AAEDC,uBAAgB,KAAK,cAAc;AAAA,IACrC;AAEAA,qBAAgB,KAAK,aAAa;AAClC,WAAOA;AAAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,aAA8B;AACnD,WAAOC,UAAuB;AAAA,MAC5B,WAAW;AAAA,MACX;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,UACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,YACtC,SAAS;AAAA,YACT,KAAK,MAAM,QAAQ;AAAA,YACnB,GAAI,eAAe,EAAE,KAAK,MAAM,QAAQ,GAAA;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,CAACC,aAA2B;AAClD,WAAOD,UAAuB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAACC,QAAO;AAAA,MAClB,eAAe;AAAA,QACb,SAAS;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,yBAAyB,KAAK;AACtD,QAAM,UAAU,cAAc,eAAe;AAE7C,iBAAe;AAAA,IACb,GAAG;AAAA,IACH,cAAc;AAAA,EAAA,CACf;AAED,SAAO,gBAAgB,OAAO;AAChC;"}
+{"version":3,"file":"inline.mjs","sources":["../../../source/composite/quote/inline.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { image as elementImage, text as elementText } from './elements';\nimport { quoteAnimation } from './helper/animation';\nimport { SMALL } from './_constants';\nimport { type QuoteInlineProps } from './_types';\nimport { type ElementVisual } from '../../_types';\n\nexport default (props: QuoteInlineProps) => {\n  const { isSizeLarge, image, isTypeFeatured = false } = props;\n  const textContainer = elementText(props);\n  const getInlineWrapperChildren = (props: QuoteInlineProps) => {\n    const wrapperChildren: ElementVisual[] = [];\n\n    if (image) {\n      const imageContainer = elementImage({\n        ...props,\n        isTypeFeatured,\n        image,\n      });\n\n      wrapperChildren.push(imageContainer);\n    }\n\n    wrapperChildren.push(textContainer);\n    return wrapperChildren;\n  };\n\n  const createWrapper = (children: ElementVisual[]) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container-wrapper',\n      children: children,\n      elementStyles: {\n        element: {\n          [`@container (min-width: ${SMALL}px)`]: {\n            display: 'flex',\n            gap: token.spacing.lg,\n            ...(isSizeLarge && { gap: token.spacing.xl }),\n          },\n        },\n      },\n    });\n  };\n\n  const createContainer = (wrapper: ElementVisual) => {\n    return ElementModel.createDiv({\n      className: 'quote-inline-container',\n      children: [wrapper],\n      elementStyles: {\n        element: {\n          containerType: 'inline-size',\n          width: '100%',\n        },\n      },\n    });\n  };\n\n  const wrapperChildren = getInlineWrapperChildren(props);\n  const wrapper = createWrapper(wrapperChildren);\n\n  const loadAnimation = () => {\n    quoteAnimation({\n      ...props,\n      quoteElement: wrapper,\n    });\n  };\n\n  return {\n    ...createContainer(wrapper),\n    events: {\n      loadAnimation,\n    },\n  };\n};\n"],"names":["props","wrapperChildren","ElementModel.createDiv","wrapper"],"mappings":";;;;;;;;;AAQA,MAAA,cAAe,CAAC,UAA4B;AAC1C,QAAM,EAAE,aAAa,OAAO,iBAAiB,UAAU;AACvD,QAAM,gBAAgB,YAAY,KAAK;AACvC,QAAM,2BAA2B,CAACA,WAA4B;AAC5D,UAAMC,mBAAmC,CAAA;AAEzC,QAAI,OAAO;AACT,YAAM,iBAAiB,aAAa;AAAA,QAClC,GAAGD;AAAAA,QACH;AAAA,QACA;AAAA,MAAA,CACD;AAEDC,uBAAgB,KAAK,cAAc;AAAA,IACrC;AAEAA,qBAAgB,KAAK,aAAa;AAClC,WAAOA;AAAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,aAA8B;AACnD,WAAOC,UAAuB;AAAA,MAC5B,WAAW;AAAA,MACX;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,UACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,YACtC,SAAS;AAAA,YACT,KAAK,MAAM,QAAQ;AAAA,YACnB,GAAI,eAAe,EAAE,KAAK,MAAM,QAAQ,GAAA;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,CAACC,aAA2B;AAClD,WAAOD,UAAuB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAACC,QAAO;AAAA,MAClB,eAAe;AAAA,QACb,SAAS;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF,CACD;AAAA,EACH;AAEA,QAAM,kBAAkB,yBAAyB,KAAK;AACtD,QAAM,UAAU,cAAc,eAAe;AAE7C,QAAM,gBAAgB,MAAM;AAC1B,mBAAe;AAAA,MACb,GAAG;AAAA,MACH,cAAc;AAAA,IAAA,CACf;AAAA,EACH;AAEA,SAAO;AAAA,IACL,GAAG,gBAAgB,OAAO;AAAA,IAC1B,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universityofmaryland/web-elements-library",
-  "version": "1.5.0-beta.0",
+  "version": "1.5.1",
   "description": "UMD Web Elements",
   "main": "dist/index.js",
   "module": "dist/index.mjs",