@universityofmaryland/web-elements-library 1.1.0 → 1.2.1

package/README.md

@@ -0,0 +1,204 @@
+# University of Maryland Web Elements Library
+
+[![Elements Version](https://img.shields.io/badge/Elements-v1.2.1-blue)](https://www.npmjs.com/package/@universityofmaryland/web-elements-library)
+
+Foundational UI elements that make up the University of Maryland Components Library. This library provides the building blocks used to create more complex UI components while maintaining consistent design patterns across all UMD digital properties. Elements are crafted to be lightweight, accessible, and easily combinable into larger structures while adhering to UMD brand guidelines.
+
+## Installation
+
+```bash
+# Using npm
+npm install @universityofmaryland/web-elements-library
+
+# Using yarn
+yarn add @universityofmaryland/web-elements-library
+```
+
+## Usage
+
+### Importing Elements
+
+```javascript
+// Import specific element categories
+import { Atomic, Composite, Layout } from '@universityofmaryland/web-elements-library';
+
+// Example: Using an atomic element
+const buttonElement = Atomic.actions.text({
+  text: 'Click Me',
+  url: '#',
+  isStyled: true
+});
+
+// Add the element to the DOM
+document.body.appendChild(buttonElement.element);
+```
+
+## Element Categories
+
+The library organizes elements into several categories:
+
+### Atomic Elements
+
+Atomic elements are the most basic building blocks that cannot be broken down further:
+
+```javascript
+import { Atomic } from '@universityofmaryland/web-elements-library';
+
+// Actions
+const buttonElement = Atomic.actions.text({
+  text: 'Learn More',
+  url: '/learn-more',
+  isStyled: true
+});
+
+// Assets
+const imageElement = Atomic.assets.image.background({
+  image: document.querySelector('img'),
+  isScaled: true
+});
+```
+
+Available atomic elements:
+- `actions` - Buttons and interactive elements
+- `animations` - Animation elements
+- `assets` - Images, icons, and media elements
+- `buttons` - Button variations
+- `events` - Event-related elements
+- `layout` - Basic layout elements
+- `textLockup` - Text grouping elements
+
+### Composite Elements
+
+Composite elements are combinations of atomic elements that form more complex UI patterns:
+
+```javascript
+import { Composite } from '@universityofmaryland/web-elements-library';
+
+const cardElement = Composite.card.block({
+  headline: document.querySelector('h3'),
+  text: document.querySelector('p'),
+  image: document.querySelector('img'),
+  actions: document.querySelector('.actions')
+});
+```
+
+Available composite elements:
+- `accordion` - Expandable content sections
+- `alert` - Alert/notification elements
+- `banner` - Banner elements
+- `card` - Card elements (block, list, overlay)
+- `carousel` - Carousel/slider elements
+- `hero` - Hero section elements
+- `layout` - Layout compositions
+- `media` - Media display elements
+- `navigation` - Navigation elements
+- `pathway` - Pathway/journey elements
+- `person` - Person/profile elements
+- `quote` - Quote display elements
+- `slider` - Slider elements
+- `social` - Social media elements
+- `tabs` - Tabbed interface elements
+
+### Layout Elements
+
+Elements specifically designed for controlling page layout:
+
+```javascript
+import { Layout } from '@universityofmaryland/web-elements-library';
+
+const imageLayout = Layout.image({
+  image: document.querySelector('img'),
+  align: 'left'
+});
+```
+
+### Model Elements
+
+Elements for creating and interacting with the component model:
+
+```javascript
+import { Model } from '@universityofmaryland/web-elements-library';
+
+// Create model elements
+const actionElement = Model.elements.actions({ url: '#', text: 'Click' });
+```
+
+### Utilities
+
+Helper functions for working with elements:
+
+```javascript
+import { Utilities } from '@universityofmaryland/web-elements-library';
+
+// Accessibility utilities
+Utilities.accessibility.focusable(element);
+
+// DOM manipulation
+Utilities.markup.create.element('div', { class: 'container' });
+```
+
+## Element Structure
+
+Most elements return an object with the following properties:
+
+```javascript
+{
+  element: HTMLElement, // The DOM element
+  styles: string,       // CSS styles associated with the element
+  update: Function,     // Method to update element properties
+  destroy: Function,    // Method to clean up and remove element
+  // Other element-specific properties
+}
+```
+
+Example of using the update method:
+
+```javascript
+const button = Atomic.buttons.primary({
+  text: 'Learn More',
+  url: '#'
+});
+
+// Update properties later
+button.update({
+  text: 'View Details',
+  isDisabled: true
+});
+```
+
+## Browser Support
+
+This library supports all modern browsers, including:
+- Chrome
+- Firefox
+- Safari
+- Edge
+
+## Performance Considerations
+
+The Elements library is designed with performance in mind:
+- Tree-shakable imports to reduce bundle size
+- Optimized rendering through element reuse
+- Minimal DOM operations for updates
+- Efficient event handling patterns
+
+## Accessibility
+
+All elements are built with accessibility as a priority:
+- WCAG 2.1 AA compliant
+- Proper semantic markup
+- ARIA attributes where appropriate
+- Keyboard navigation support
+- Focus management utilities
+
+## Documentation
+
+For complete documentation of all available elements and their options, see the [official UMD Design System documentation](https://umd-digital.github.io/design-system/).
+
+## Contributing
+
+For contribution guidelines, please refer to the main repository README.
+
+## License
+
+This project is licensed under the University of Maryland license.

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

@@ -0,0 +1,2 @@
+export { default as indicator } from './indicator';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/atomic/animations/actions/indicator.d.ts

@@ -0,0 +1,13 @@
+declare const _default: ({ count, overlayColor, isThemeDark, isThemeLight, callback, }: {
+    count: number;
+    overlayColor?: string;
+    isThemeDark?: boolean;
+    isThemeLight?: boolean;
+    callback: (arg: number) => void;
+}) => {
+    element: HTMLDivElement;
+    styles: string;
+    position: (index: number) => void;
+};
+export default _default;
+//# sourceMappingURL=indicator.d.ts.map

package/dist/atomic/animations/actions/indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/actions/indicator.ts"],"names":[],"mappings":"wFAuEG;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;;;sBAyCiC,MAAM;;AArDxC,wBAmHO"}

package/dist/atomic/animations/brand/chevron-flow.d.ts

@@ -0,0 +1,14 @@
+declare const _default: ({ sizedContainer, completedCallback, isAnimationOnLoad, }: {
+    sizedContainer: HTMLDivElement;
+    sizedWrapper: HTMLDivElement;
+    completedCallback?: () => void;
+    isAnimationOnLoad?: boolean;
+}) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        load: () => void;
+    };
+};
+export default _default;
+//# sourceMappingURL=chevron-flow.d.ts.map

package/dist/atomic/animations/brand/chevron-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-flow.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/brand/chevron-flow.ts"],"names":[],"mappings":"oFAiQG;IACD,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,cAAc,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;;;;;;AATD,wBAsFO"}

package/dist/atomic/animations/brand/chevron-scroll.d.ts

@@ -0,0 +1,6 @@
+declare const _default: () => {
+    element: HTMLDivElement;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=chevron-scroll.d.ts.map

package/dist/atomic/animations/brand/chevron-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-scroll.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/brand/chevron-scroll.ts"],"names":[],"mappings":";;;;AAwJA,wBAyBO"}

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

@@ -0,0 +1,3 @@
+export { default as chevronFlow } from './chevron-flow';
+export { default as chevronScroll } from './chevron-scroll';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export * as actions from './actions';
+export * as brand from './brand';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/animations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/dist/atomic/buttons/fullscreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../../../source/atomic/buttons/fullscreen.ts"],"names":[],"mappings":";mCAMG;QACD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAChC,KAAK,EAAE,MAAM,CAAC;KACf;;;;;;AAcD,wBAEE"}
+{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../../../source/atomic/buttons/fullscreen.ts"],"names":[],"mappings":";mCAMG;QACD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAChC,KAAK,EAAE,MAAM,CAAC;KACf;;;;;;AAeD,wBAEE"}

package/dist/atomic/index.d.ts

@@ -1,6 +1,8 @@
 export * as actions from './actions';
+export * as animations from './animations';
 export * as assets from './assets';
 export * as buttons from './buttons';
 export * as events from './events';
+export * as layout from './layout';
 export * as textLockup from './text-lockup';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/atomic/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/atomic/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC"}

package/dist/atomic/layout/index.d.ts

@@ -0,0 +1,2 @@
+export * as overlay from './overlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC"}

package/dist/atomic/layout/overlay/index.d.ts

@@ -0,0 +1,2 @@
+export { default as modal } from './modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/layout/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/layout/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/{layout → atomic/layout/overlay}/modal.d.ts

@@ -5,7 +5,7 @@ type TypeFixedFullScreenProps = {
     context?: HTMLElement | null;
 };
 export declare const STYLES_MODAL: string;
-export declare const CreateModal: ({ content, callback, isHidden, context, }: TypeFixedFullScreenProps) => {
+declare const _default: ({ content, callback, isHidden, context, }: TypeFixedFullScreenProps) => {
     element: HTMLDivElement;
     styles: string;
     events: {
@@ -13,5 +13,5 @@ export declare const CreateModal: ({ content, callback, isHidden, context, }: Ty
         hide: () => void;
     };
 };
-export default CreateModal;
+export default _default;
 //# sourceMappingURL=modal.d.ts.map

package/dist/atomic/layout/overlay/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../source/atomic/layout/overlay/modal.ts"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,YAAY,QAuBxB,CAAC;oEAOC,wBAAwB;;;;;;;;AAL3B,wBAsEE"}

package/dist/atomic/text-lockup/contact.d.ts

@@ -0,0 +1,14 @@
+interface PersonContact {
+    phone?: HTMLElement | null;
+    email?: HTMLElement | null;
+    linkendIn?: HTMLElement | null;
+    address?: HTMLElement | null;
+    additionalContact?: HTMLElement | null;
+    isThemeDark?: boolean;
+}
+declare const _default: ({ phone, email, linkendIn, address, additionalContact, isThemeDark, }: PersonContact) => {
+    element: HTMLDivElement;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=contact.d.ts.map

package/dist/atomic/text-lockup/contact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/contact.ts"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;gGA6GE,aAAa;;;;AAPhB,wBAgFE"}

package/dist/atomic/text-lockup/index.d.ts

@@ -1,4 +1,6 @@
+export { default as contact } from './contact';
 export { default as date } from './date';
+export { default as person } from './person';
 export { default as small } from './small';
 export { default as smallScaling } from './small-scaling';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/text-lockup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/atomic/text-lockup/person.d.ts

@@ -0,0 +1,14 @@
+interface PersonTextLockup {
+    name?: HTMLElement | null;
+    job?: HTMLElement | null;
+    association?: HTMLElement | null;
+    pronouns?: HTMLElement | null;
+    subText?: HTMLElement | null;
+    isThemeDark?: boolean;
+}
+declare const _default: ({ name, job, association, pronouns, subText, isThemeDark, }: PersonTextLockup) => {
+    element: HTMLDivElement;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=person.d.ts.map

package/dist/atomic/text-lockup/person.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/person.ts"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;sFA6EE,gBAAgB;;;;AAPnB,wBAmEE"}

package/dist/atomic/text-lockup/small.d.ts

@@ -36,8 +36,9 @@ export declare const headlineStyles: {
     element: {
         [x: string]: string | {
             marginTop: string;
+            "@media (max-width: 479px)"?: undefined;
         } | {
-            [x: string]: {
+            "@media (max-width: 479px)": {
                 marginTop: string;
             };
             marginTop?: undefined;

package/dist/atomic/text-lockup/small.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"small.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small.ts"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,WAAW,GAAG,SAAS,GAAG;IAC7B,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAQF,eAAO,MAAM,aAAa,6BAA8B,WAAW;;;;CAK/D,CAAC;AAEL,eAAO,MAAM,mBAAmB,gBAAiB,WAAW;;;;CAIxD,CAAC;AAEL,eAAO,MAAM,aAAa,gBAAiB,WAAW;;;;CAIlD,CAAC;8FAUF,mBAAmB;;;;AARtB,wBAoEE"}
+{"version":3,"file":"small.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small.ts"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,WAAW,GAAG,SAAS,GAAG;IAC7B,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAUF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAQF,eAAO,MAAM,aAAa,6BAA8B,WAAW;;;;CAK/D,CAAC;AAEL,eAAO,MAAM,mBAAmB,gBAAiB,WAAW;;;;CAIxD,CAAC;AAEL,eAAO,MAAM,aAAa,gBAAiB,WAAW;;;;CAIlD,CAAC;8FAUF,mBAAmB;;;;AARtB,wBAoEE"}

package/dist/composite/card/overlay/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/color.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;gCAetB,gBAAgB;;;;;AAAvC,wBA6BE"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/color.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;gCAetB,gBAAgB;;;;;AAAvC,wBA8CE"}

package/dist/composite/card/overlay/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/image.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;gCAStB,gBAAgB;;;;;;;;AAAvC,wBA2GE"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/image.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;gCAUtB,gBAAgB;;;;;;;;AAAvC,wBAmHE"}

package/dist/composite/carousel/cards/index.d.ts

@@ -6,15 +6,13 @@ type TypeCarouselCardsRequirements = {
     shadowRef?: HTMLElement;
     cards: HTMLElement[];
 };
-declare const _default: {
-    CreateElement: (props: TypeCarouselCardsRequirements) => {
-        element: HTMLDivElement;
-        events: {
-            SetEventReize: () => void;
-            Load: () => void;
-        };
+declare const _default: (props: TypeCarouselCardsRequirements) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        resize: () => void;
+        load: () => void;
     };
-    Styles: string;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/carousel/cards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/cards/index.ts"],"names":[],"mappings":"AASA,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;;2BA6RyC,6BAA6B;;;;;;;;;AA+CxE,wBAGE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/cards/index.ts"],"names":[],"mappings":"AASA,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;gCA6RqB,6BAA6B;;;;;;;;AAApD,wBA8CO"}

package/dist/composite/carousel/default/index.d.ts

@@ -16,15 +16,13 @@ type TypeCarouselRequirements = {
     desktopCount?: number | null;
     maxCount?: number | null;
 };
-declare const _default: {
-    CreateElement: (props: TypeCarouselRequirements) => {
-        element: HTMLDivElement;
-        events: {
-            resize: () => void;
-            load: () => void;
-        };
+declare const _default: (props: TypeCarouselRequirements) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        resize: () => void;
+        load: () => void;
     };
-    Styles: string;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/carousel/default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/default/index.ts"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;;2BAuGoC,wBAAwB;;;;;;;;;AAgE9D,wBAGE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/default/index.ts"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;gCAuGqB,wBAAwB;;;;;;;;AAA/C,wBA+DO"}

package/dist/{macros/animations/carousel-blocks.d.ts → composite/carousel/elements/blocks.d.ts}

@@ -39,4 +39,4 @@ declare const _default: {
     };
 };
 export default _default;
-//# sourceMappingURL=carousel-blocks.d.ts.map
+//# sourceMappingURL=blocks.d.ts.map

package/dist/composite/carousel/elements/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/elements/blocks.ts"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,KAAK,qBAAqB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAEvD,KAAK,+BAA+B,GAAG;IACrC,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;;2BA6TyC,+BAA+B;;;;;;;;;;;;;;;;;AAkQ1E,wBAWE"}

package/dist/composite/carousel/elements/full-screen.d.ts

@@ -0,0 +1,14 @@
+type TypeFixedFullScreenProps = {
+    content: HTMLElement;
+    callback: () => void;
+};
+declare const _default: ({ content, callback }: TypeFixedFullScreenProps) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        show: () => void;
+        hide: () => void;
+    };
+};
+export default _default;
+//# sourceMappingURL=full-screen.d.ts.map

package/dist/composite/carousel/elements/full-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/elements/full-screen.ts"],"names":[],"mappings":"AAIA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;gDA2BqC,wBAAwB;;;;;;;;AAA/D,wBAuBE"}

package/dist/composite/carousel/elements/image.d.ts

@@ -0,0 +1,18 @@
+type TypeCarouselImageProps = {
+    slides: HTMLElement[];
+    callback?: (index: number) => void;
+    maxHeight?: number;
+};
+declare const _default: (props: TypeCarouselImageProps) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        Load: () => void;
+        EventMoveTo: (index: number) => void;
+        EventResize: () => void;
+        EventSlideLeft: () => void;
+        EventSlideRight: () => void;
+    };
+};
+export default _default;
+//# sourceMappingURL=image.d.ts.map

package/dist/composite/carousel/elements/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/elements/image.ts"],"names":[],"mappings":"AAGA,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;gCAwNqB,sBAAsB;;;;;6BA6Bb,MAAM;;;;;;AA7BtC,wBAyGO"}

package/dist/composite/carousel/elements/index.d.ts

@@ -0,0 +1,5 @@
+export { default as blocks } from './blocks';
+export { default as fullScreen } from './full-screen';
+export { default as overlay } from './overlay';
+export { default as image } from './image';
+//# sourceMappingURL=index.d.ts.map

package/dist/composite/carousel/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/elements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/composite/carousel/elements/overlay.d.ts

@@ -0,0 +1,11 @@
+declare const _default: ({ images }: {
+    images: HTMLImageElement[];
+}) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        setFullScreen: (index: number) => void;
+    };
+};
+export default _default;
+//# sourceMappingURL=overlay.d.ts.map

package/dist/composite/carousel/elements/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/elements/overlay.ts"],"names":[],"mappings":"qCA4C4B;IAAE,MAAM,EAAE,gBAAgB,EAAE,CAAA;CAAE;;;;+BAIxB,MAAM;;;AAJxC,wBAwDO"}

package/dist/composite/carousel/image/multiple.d.ts

@@ -3,14 +3,12 @@ type TypeCarouselMultipleProps = {
     isThemeDark?: boolean;
     isFullScreenOption?: boolean;
 };
-declare const _default: {
-    CreateElement: (props: TypeCarouselMultipleProps) => {
-        styles: string;
-        events: {
-            SetEventReize: () => void;
-        };
-        element: HTMLDivElement;
+declare const _default: (props: TypeCarouselMultipleProps) => {
+    styles: string;
+    events: {
+        SetEventReize: () => void;
     };
+    element: HTMLDivElement;
 };
 export default _default;
 //# sourceMappingURL=multiple.d.ts.map

package/dist/composite/carousel/image/multiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiple.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/image/multiple.ts"],"names":[],"mappings":"AASA,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;;2BA6GiD,yBAAyB;;;;;;;;AA4F5E,wBAEE"}
+{"version":3,"file":"multiple.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/image/multiple.ts"],"names":[],"mappings":"AAKA,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;gCA4GqB,yBAAyB;;;;;;;AAAhD,wBA8FO"}

package/dist/composite/carousel/image/standard.d.ts

@@ -9,14 +9,12 @@ type TypeSlideContent = {
 type TypeCarouselImageStandardProps = TypeSlideContent & TypeFullScreen & {
     isThemeDark?: boolean;
 };
-declare const _default: {
-    CreateElement: (props: TypeCarouselImageStandardProps) => {
-        styles: string;
-        events: {
-            SetEventReize: () => void;
-        };
-        element: HTMLDivElement;
+declare const _default: (props: TypeCarouselImageStandardProps) => {
+    styles: string;
+    events: {
+        SetEventReize: () => void;
     };
+    element: HTMLDivElement;
 };
 export default _default;
 //# sourceMappingURL=standard.d.ts.map

package/dist/composite/carousel/image/standard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/image/standard.ts"],"names":[],"mappings":"AAcA,KAAK,cAAc,GAAG;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAMF,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;CAC9B,CAAC;AAYF,KAAK,8BAA8B,GAAG,gBAAgB,GACpD,cAAc,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;2BAiLK,8BAA8B;;;;;;;;AAoKvC,wBAEE"}
+{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/image/standard.ts"],"names":[],"mappings":"AAUA,KAAK,cAAc,GAAG;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAMF,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;CAC9B,CAAC;AAYF,KAAK,8BAA8B,GAAG,gBAAgB,GACpD,cAAc,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;gCA6KmB,8BAA8B;;;;;;;AAArD,wBAuKO"}

package/dist/composite/carousel/thumbnail/index.d.ts

@@ -2,15 +2,13 @@ type TypeCarouselThumbnailProps = {
     blocks: HTMLElement[];
     isThemeDark?: boolean;
 };
-declare const _default: {
-    CreateElement: (props: TypeCarouselThumbnailProps) => {
-        element: HTMLDivElement;
-        events: {
-            SetEventReize: () => void;
-            Load: () => void;
-        };
+declare const _default: (props: TypeCarouselThumbnailProps) => {
+    element: HTMLDivElement;
+    styles: string;
+    events: {
+        reize: () => void;
+        load: () => void;
     };
-    Styles: string;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map