@momentum-design/components 0.101.3 → 0.102.0

package/dist/components/typewriter/typewriter.constants.js

@@ -0,0 +1,22 @@
+import utils from '../../utils/tag-name';
+import { DEFAULTS as TEXT_DEFAULTS } from '../text/text.constants';
+const TAG_NAME = utils.constructTagName('typewriter');
+const SPEED = {
+    VERY_SLOW: 240,
+    SLOW: 120,
+    NORMAL: 60,
+    FAST: 20,
+    VERY_FAST: 1,
+};
+const DEFAULTS = {
+    TYPE: TEXT_DEFAULTS.TYPE,
+    TEXT_ELEMENT_TAGNAME: TEXT_DEFAULTS.TEXT_ELEMENT_TAGNAME,
+    CSS_PART_TEXT: 'text',
+    CSS_PART_CONTAINER: 'container',
+    CHILDREN: '',
+    SPEED: 'normal',
+    CUSTOM_EVENT: {
+        TYPING_COMPLETE: 'typing-complete',
+    },
+};
+export { TAG_NAME, DEFAULTS, SPEED };

package/dist/components/typewriter/typewriter.styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult[];
+export default styles;

package/dist/components/typewriter/typewriter.styles.js

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+const styles = [
+    css `
+    :host {
+      display: block;
+      position: relative;
+    }
+
+    [part='container'] {
+      display: flex;
+      align-items: baseline;
+    }
+
+    .typewriter-hidden {
+      display: none;
+    }
+  `,
+];
+export default styles;

package/dist/components/typewriter/typewriter.types.d.ts

@@ -0,0 +1,21 @@
+import type { TypedEvent } from '../../utils/types';
+import type { TextType, TagName } from '../text/text.types';
+import type Typewriter from './typewriter.component';
+type TypewriterSpeed = 'slow' | 'normal' | 'fast' | 'very-slow' | 'very-fast' | string;
+interface TextChunk {
+    text: string;
+    speed?: TypewriterSpeed;
+    instant?: boolean;
+}
+type TypewriterChangeEvent = TypedEvent<Typewriter, {
+    content: string;
+    isTyping: boolean;
+}>;
+type TypewriterTypingCompleteEvent = TypedEvent<Typewriter, {
+    finalContent: string;
+}>;
+interface Events {
+    onChangeEvent: TypewriterChangeEvent;
+    onTypingCompleteEvent: TypewriterTypingCompleteEvent;
+}
+export type { TypewriterSpeed, TextType, TagName, Events, TextChunk, TypewriterChangeEvent, TypewriterTypingCompleteEvent, };

package/dist/components/typewriter/typewriter.types.js

@@ -0,0 +1 @@
+export {};