@nyaruka/temba-components 0.129.1 → 0.129.3

package/out-tsc/test/temba-markdown.test.js

@@ -0,0 +1,127 @@
+import { expect } from '@open-wc/testing';
+import { html, render } from 'lit';
+import { markdown, renderMarkdown, RenderMarkdown } from '../src/markdown';
+import { PartType } from 'lit/directive.js';
+describe('markdown', () => {
+    describe('markdown instance', () => {
+        it('exports a Remarkable instance', () => {
+            expect(markdown).to.exist;
+            expect(typeof markdown.render).to.equal('function');
+        });
+        it('renders basic markdown', () => {
+            const result = markdown.render('# Hello World');
+            expect(result).to.include('<h1>Hello World</h1>');
+        });
+        it('renders markdown with emphasis', () => {
+            const result = markdown.render('**bold** and *italic*');
+            expect(result).to.include('<strong>bold</strong>');
+            expect(result).to.include('<em>italic</em>');
+        });
+        it('renders markdown lists', () => {
+            const result = markdown.render('- Item 1\n- Item 2');
+            expect(result).to.include('<ul>');
+            expect(result).to.include('<li>Item 1</li>');
+            expect(result).to.include('<li>Item 2</li>');
+        });
+        it('renders markdown links', () => {
+            const result = markdown.render('[Link](https://example.com)');
+            expect(result).to.include('<a href="https://example.com">Link</a>');
+        });
+    });
+    describe('RenderMarkdown directive', () => {
+        it('throws error for non-child part types', () => {
+            const invalidPartInfo = {
+                type: PartType.ATTRIBUTE
+            };
+            expect(() => new RenderMarkdown(invalidPartInfo)).to.throw('renderMarkdown only supports child expressions');
+        });
+        it('creates directive for child part type', () => {
+            const validPartInfo = {
+                type: PartType.CHILD
+            };
+            expect(() => new RenderMarkdown(validPartInfo)).to.not.throw;
+        });
+        it('renders markdown content', () => {
+            const validPartInfo = {
+                type: PartType.CHILD
+            };
+            const directive = new RenderMarkdown(validPartInfo);
+            const result = directive.render('# Test Header');
+            // The result should be a TemplateResult
+            expect(result).to.exist;
+            expect(result.strings).to.exist;
+        });
+        it('updates correctly', () => {
+            const validPartInfo = {
+                type: PartType.CHILD
+            };
+            const directive = new RenderMarkdown(validPartInfo);
+            const mockPart = {};
+            const result = directive.update(mockPart, ['# Updated Content']);
+            // Should return the same as render
+            expect(result).to.exist;
+            expect(result.strings).to.exist;
+        });
+    });
+    describe('renderMarkdown function', () => {
+        it('creates a directive that can be used in templates', () => {
+            const template = html `${renderMarkdown('# Test')}`;
+            // Should create a valid template
+            expect(template).to.exist;
+            expect(template.strings).to.exist;
+        });
+        it('renders markdown when used in a template', () => {
+            const container = document.createElement('div');
+            const template = html `${renderMarkdown('# Hello World')}`;
+            render(template, container);
+            // Check that the markdown was rendered to HTML
+            expect(container.innerHTML).to.include('<h1>Hello World</h1>');
+        });
+        it('handles empty markdown', () => {
+            const container = document.createElement('div');
+            const template = html `${renderMarkdown('')}`;
+            render(template, container);
+            // Should not throw - Lit may add HTML comments for template placeholders
+            expect(() => render(template, container)).to.not.throw;
+        });
+        it('handles markdown with special characters', () => {
+            const container = document.createElement('div');
+            const markdownWithSpecialChars = '**Bold** text with <script>alert("xss")</script>';
+            const template = html `${renderMarkdown(markdownWithSpecialChars)}`;
+            render(template, container);
+            // Should render the markdown but the script tag should be escaped/handled
+            expect(container.innerHTML).to.include('<strong>Bold</strong>');
+            // The script tag should be rendered as text or escaped
+            expect(container.innerHTML).to.include('script');
+        });
+        it('renders complex markdown structures', () => {
+            const complexMarkdown = `
+# Main Header
+
+## Sub Header
+
+This is a paragraph with **bold** and *italic* text.
+
+- List item 1
+- List item 2
+  - Nested item
+
+[A link](https://example.com)
+
+\`\`\`
+code block
+\`\`\`
+`;
+            const container = document.createElement('div');
+            const template = html `${renderMarkdown(complexMarkdown)}`;
+            render(template, container);
+            expect(container.innerHTML).to.include('<h1>Main Header</h1>');
+            expect(container.innerHTML).to.include('<h2>Sub Header</h2>');
+            expect(container.innerHTML).to.include('<strong>bold</strong>');
+            expect(container.innerHTML).to.include('<em>italic</em>');
+            expect(container.innerHTML).to.include('<ul>');
+            expect(container.innerHTML).to.include('<a href="https://example.com">A link</a>');
+        });
+    });
+});
+//# sourceMappingURL=temba-markdown.test.js.map

package/out-tsc/test/temba-markdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-markdown.test.js","sourceRoot":"","sources":["../../test/temba-markdown.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { html, render } from 'lit';\nimport { markdown, renderMarkdown, RenderMarkdown } from '../src/markdown';\nimport { PartType } from 'lit/directive.js';\n\ndescribe('markdown', () => {\n  describe('markdown instance', () => {\n    it('exports a Remarkable instance', () => {\n      expect(markdown).to.exist;\n      expect(typeof markdown.render).to.equal('function');\n    });\n\n    it('renders basic markdown', () => {\n      const result = markdown.render('# Hello World');\n      expect(result).to.include('<h1>Hello World</h1>');\n    });\n\n    it('renders markdown with emphasis', () => {\n      const result = markdown.render('**bold** and *italic*');\n      expect(result).to.include('<strong>bold</strong>');\n      expect(result).to.include('<em>italic</em>');\n    });\n\n    it('renders markdown lists', () => {\n      const result = markdown.render('- Item 1\\n- Item 2');\n      expect(result).to.include('<ul>');\n      expect(result).to.include('<li>Item 1</li>');\n      expect(result).to.include('<li>Item 2</li>');\n    });\n\n    it('renders markdown links', () => {\n      const result = markdown.render('[Link](https://example.com)');\n      expect(result).to.include('<a href=\"https://example.com\">Link</a>');\n    });\n  });\n\n  describe('RenderMarkdown directive', () => {\n    it('throws error for non-child part types', () => {\n      const invalidPartInfo = {\n        type: PartType.ATTRIBUTE\n      };\n\n      expect(() => new RenderMarkdown(invalidPartInfo as any)).to.throw(\n        'renderMarkdown only supports child expressions'\n      );\n    });\n\n    it('creates directive for child part type', () => {\n      const validPartInfo = {\n        type: PartType.CHILD\n      };\n\n      expect(() => new RenderMarkdown(validPartInfo as any)).to.not.throw;\n    });\n\n    it('renders markdown content', () => {\n      const validPartInfo = {\n        type: PartType.CHILD\n      };\n\n      const directive = new RenderMarkdown(validPartInfo as any);\n      const result = directive.render('# Test Header');\n\n      // The result should be a TemplateResult\n      expect(result).to.exist;\n      expect(result.strings).to.exist;\n    });\n\n    it('updates correctly', () => {\n      const validPartInfo = {\n        type: PartType.CHILD\n      };\n\n      const directive = new RenderMarkdown(validPartInfo as any);\n      const mockPart = {} as any;\n\n      const result = directive.update(mockPart, ['# Updated Content']);\n\n      // Should return the same as render\n      expect(result).to.exist;\n      expect(result.strings).to.exist;\n    });\n  });\n\n  describe('renderMarkdown function', () => {\n    it('creates a directive that can be used in templates', () => {\n      const template = html`${renderMarkdown('# Test')}`;\n\n      // Should create a valid template\n      expect(template).to.exist;\n      expect(template.strings).to.exist;\n    });\n\n    it('renders markdown when used in a template', () => {\n      const container = document.createElement('div');\n      const template = html`${renderMarkdown('# Hello World')}`;\n\n      render(template, container);\n\n      // Check that the markdown was rendered to HTML\n      expect(container.innerHTML).to.include('<h1>Hello World</h1>');\n    });\n\n    it('handles empty markdown', () => {\n      const container = document.createElement('div');\n      const template = html`${renderMarkdown('')}`;\n\n      render(template, container);\n\n      // Should not throw - Lit may add HTML comments for template placeholders\n      expect(() => render(template, container)).to.not.throw;\n    });\n\n    it('handles markdown with special characters', () => {\n      const container = document.createElement('div');\n      const markdownWithSpecialChars =\n        '**Bold** text with <script>alert(\"xss\")</script>';\n      const template = html`${renderMarkdown(markdownWithSpecialChars)}`;\n\n      render(template, container);\n\n      // Should render the markdown but the script tag should be escaped/handled\n      expect(container.innerHTML).to.include('<strong>Bold</strong>');\n      // The script tag should be rendered as text or escaped\n      expect(container.innerHTML).to.include('script');\n    });\n\n    it('renders complex markdown structures', () => {\n      const complexMarkdown = `\n# Main Header\n\n## Sub Header\n\nThis is a paragraph with **bold** and *italic* text.\n\n- List item 1\n- List item 2\n  - Nested item\n\n[A link](https://example.com)\n\n\\`\\`\\`\ncode block\n\\`\\`\\`\n`;\n\n      const container = document.createElement('div');\n      const template = html`${renderMarkdown(complexMarkdown)}`;\n\n      render(template, container);\n\n      expect(container.innerHTML).to.include('<h1>Main Header</h1>');\n      expect(container.innerHTML).to.include('<h2>Sub Header</h2>');\n      expect(container.innerHTML).to.include('<strong>bold</strong>');\n      expect(container.innerHTML).to.include('<em>italic</em>');\n      expect(container.innerHTML).to.include('<ul>');\n      expect(container.innerHTML).to.include(\n        '<a href=\"https://example.com\">A link</a>'\n      );\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-menu.test.js

@@ -1,7 +1,7 @@
 import { assert, expect } from '@open-wc/testing';
 import { TembaMenu } from '../src/list/TembaMenu';
 import { assertScreenshot, getClip, getComponent } from './utils.test';
-import { extractInitials } from '../src/utils/index';
+import { extractInitials } from '../src/utils';
 const TAG = 'temba-menu';
 const getMenu = async (attrs = {}, width = 0) => {
     const menu = (await getComponent(TAG, attrs, '', width, 0, 'display:inline-block'));

package/out-tsc/test/temba-menu.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-menu.test.js","sourceRoot":"","sources":["../../test/temba-menu.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\n\nimport { TembaMenu } from '../src/list/TembaMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\nimport { extractInitials } from '../src/utils/index';\n\nconst TAG = 'temba-menu';\nconst getMenu = async (attrs: any = {}, width = 0) => {\n  const menu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    0,\n    'display:inline-block'\n  )) as TembaMenu;\n\n  // wait for the fetch\n  await menu.httpComplete;\n\n  return menu;\n};\n\nconst IDX_TASKS = 1;\nconst IDX_SCHEDULE = 2;\n\ndescribe('temba-menu', () => {\n  it('can be created', async () => {\n    const list: TembaMenu = await getMenu();\n    assert.instanceOf(list, TembaMenu);\n    expect(list.root).is.undefined;\n  });\n\n  it('renders with endpoint', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    expect(menu.root.items.length).to.equal(3);\n    await assertScreenshot('menu/menu-root', getClip(menu));\n  });\n\n  it('supports submenu', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    // click our tasks\n    menu.getDiv('#menu-tasks').click();\n    await menu.httpComplete;\n    menu.requestUpdate();\n    // await menu.updateComplete;\n\n    expect(menu.root.items[IDX_TASKS].items.length).to.equal(3);\n    await assertScreenshot('menu/menu-submenu', getClip(menu));\n  });\n\n  it('sets focus', async () => {\n    // setting focus just shows the selection, it does\n    // not trigger events such as loading or dispatching\n\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    // click our tasks\n    menu.getDiv('#menu-tasks').click();\n    await menu.httpComplete;\n\n    // now set the focus manually\n    menu.setFocusedItem('schedule');\n\n    // setting focus does NOT fetch items\n    expect(menu.root.items[IDX_SCHEDULE].items).to.equal(undefined);\n\n    // now load the items explicitly\n    menu.getDiv('#menu-schedule').click();\n    await menu.httpComplete;\n    expect(menu.root.items[IDX_SCHEDULE].items.length).to.equal(3);\n\n    await assertScreenshot('menu/menu-focused-with items', getClip(menu));\n\n    menu.setFocusedItem('tasks');\n    await assertScreenshot('menu/menu-tasks', getClip(menu));\n\n    menu.setFocusedItem('tasks/todo');\n    await assertScreenshot('menu/menu-tasks-nextup', getClip(menu));\n  });\n\n  it('refreshes', async () => {\n    // the menu should refresh along the selection path without destroying state\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    // click our tasks\n    menu.getDiv('#menu-tasks').click();\n    menu.requestUpdate();\n    await menu.httpComplete;\n    // await menu.updateComplete;\n\n    // now click on the todo\n    menu.getDiv('#menu-todo').click();\n    menu.requestUpdate();\n    // await menu.updateComplete;\n\n    expect(menu.root.items[IDX_TASKS].items.length).to.equal(3);\n    await assertScreenshot('menu/menu-refresh-1', getClip(menu));\n\n    // now refresh!\n    menu.refresh();\n    await menu.httpComplete;\n\n    // we should still have our task items\n    expect(menu.root.items[IDX_TASKS].items.length).to.equal(3);\n    await assertScreenshot('menu/menu-refresh-2', getClip(menu));\n  });\n});\n\ndescribe('avatars', () => {\n  it('can generate initials from text', async () => {\n    assert.equal(extractInitials(''), '?');\n    assert.equal(extractInitials('~~'), '?');\n    assert.equal(extractInitials('X'), 'X');\n    assert.equal(extractInitials('鸡'), '鸡');\n    assert.equal(extractInitials('Acme'), 'AC');\n    assert.equal(extractInitials('Cool Flows'), 'CF');\n    assert.equal(extractInitials('Very Cool Flows'), 'VC');\n    assert.equal(extractInitials('1Password'), '1P');\n    assert.equal(extractInitials('تدفقات باردة'), 'تب');\n    assert.equal(extractInitials('U-Report'), 'UR');\n    assert.equal(extractInitials('U-Report Nigeria'), 'UN');\n    assert.equal(extractInitials('al-Jazeera'), 'AJ');\n    assert.equal(extractInitials('al-Jazeera News'), 'AN');\n    assert.equal(extractInitials('UNICEF - Ireland'), 'UI');\n    assert.equal(extractInitials('Dave & Busters'), 'DB');\n    assert.equal(extractInitials('Dave and Busters'), 'DB');\n  });\n});\n"]}
+{"version":3,"file":"temba-menu.test.js","sourceRoot":"","sources":["../../test/temba-menu.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\n\nimport { TembaMenu } from '../src/list/TembaMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\nimport { extractInitials } from '../src/utils';\n\nconst TAG = 'temba-menu';\nconst getMenu = async (attrs: any = {}, width = 0) => {\n  const menu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    0,\n    'display:inline-block'\n  )) as TembaMenu;\n\n  // wait for the fetch\n  await menu.httpComplete;\n\n  return menu;\n};\n\nconst IDX_TASKS = 1;\nconst IDX_SCHEDULE = 2;\n\ndescribe('temba-menu', () => {\n  it('can be created', async () => {\n    const list: TembaMenu = await getMenu();\n    assert.instanceOf(list, TembaMenu);\n    expect(list.root).is.undefined;\n  });\n\n  it('renders with endpoint', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    expect(menu.root.items.length).to.equal(3);\n    await assertScreenshot('menu/menu-root', getClip(menu));\n  });\n\n  it('supports submenu', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    // click our tasks\n    menu.getDiv('#menu-tasks').click();\n    await menu.httpComplete;\n    menu.requestUpdate();\n    // await menu.updateComplete;\n\n    expect(menu.root.items[IDX_TASKS].items.length).to.equal(3);\n    await assertScreenshot('menu/menu-submenu', getClip(menu));\n  });\n\n  it('sets focus', async () => {\n    // setting focus just shows the selection, it does\n    // not trigger events such as loading or dispatching\n\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    // click our tasks\n    menu.getDiv('#menu-tasks').click();\n    await menu.httpComplete;\n\n    // now set the focus manually\n    menu.setFocusedItem('schedule');\n\n    // setting focus does NOT fetch items\n    expect(menu.root.items[IDX_SCHEDULE].items).to.equal(undefined);\n\n    // now load the items explicitly\n    menu.getDiv('#menu-schedule').click();\n    await menu.httpComplete;\n    expect(menu.root.items[IDX_SCHEDULE].items.length).to.equal(3);\n\n    await assertScreenshot('menu/menu-focused-with items', getClip(menu));\n\n    menu.setFocusedItem('tasks');\n    await assertScreenshot('menu/menu-tasks', getClip(menu));\n\n    menu.setFocusedItem('tasks/todo');\n    await assertScreenshot('menu/menu-tasks-nextup', getClip(menu));\n  });\n\n  it('refreshes', async () => {\n    // the menu should refresh along the selection path without destroying state\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/menu/menu-root.json'\n    });\n\n    // click our tasks\n    menu.getDiv('#menu-tasks').click();\n    menu.requestUpdate();\n    await menu.httpComplete;\n    // await menu.updateComplete;\n\n    // now click on the todo\n    menu.getDiv('#menu-todo').click();\n    menu.requestUpdate();\n    // await menu.updateComplete;\n\n    expect(menu.root.items[IDX_TASKS].items.length).to.equal(3);\n    await assertScreenshot('menu/menu-refresh-1', getClip(menu));\n\n    // now refresh!\n    menu.refresh();\n    await menu.httpComplete;\n\n    // we should still have our task items\n    expect(menu.root.items[IDX_TASKS].items.length).to.equal(3);\n    await assertScreenshot('menu/menu-refresh-2', getClip(menu));\n  });\n});\n\ndescribe('avatars', () => {\n  it('can generate initials from text', async () => {\n    assert.equal(extractInitials(''), '?');\n    assert.equal(extractInitials('~~'), '?');\n    assert.equal(extractInitials('X'), 'X');\n    assert.equal(extractInitials('鸡'), '鸡');\n    assert.equal(extractInitials('Acme'), 'AC');\n    assert.equal(extractInitials('Cool Flows'), 'CF');\n    assert.equal(extractInitials('Very Cool Flows'), 'VC');\n    assert.equal(extractInitials('1Password'), '1P');\n    assert.equal(extractInitials('تدفقات باردة'), 'تب');\n    assert.equal(extractInitials('U-Report'), 'UR');\n    assert.equal(extractInitials('U-Report Nigeria'), 'UN');\n    assert.equal(extractInitials('al-Jazeera'), 'AJ');\n    assert.equal(extractInitials('al-Jazeera News'), 'AN');\n    assert.equal(extractInitials('UNICEF - Ireland'), 'UI');\n    assert.equal(extractInitials('Dave & Busters'), 'DB');\n    assert.equal(extractInitials('Dave and Busters'), 'DB');\n  });\n});\n"]}

package/out-tsc/test/temba-modax.test.js

@@ -1,6 +1,6 @@
 import { fixture, expect, assert } from '@open-wc/testing';
 import { useFakeTimers } from 'sinon';
-import { Modax } from '../src/dialog/Modax';
+import { Modax } from '../src/layout/Modax';
 import { CustomEventType } from '../src/interfaces';
 import { assertScreenshot, getClip, mockPOST } from './utils.test';
 let clock;

package/out-tsc/test/temba-modax.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-modax.test.js","sourceRoot":"","sources":["../../test/temba-modax.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Button } from '../src/button/Button';\nimport { Modax } from '../src/dialog/Modax';\nimport { CustomEventType } from '../src/interfaces';\nimport { assertScreenshot, getClip, mockPOST } from './utils.test';\n\nlet clock: any;\n\nconst getModaxHTML = (endpoint: string): string => {\n  return `\n      <temba-modax header=\"Hello Modax\" endpoint=\"${endpoint}\">\n        <div>Open Me</div>\n      </temba-modax>\n    `;\n};\n\nconst getButtons = (modax: Modax, type: string = null) => {\n  return modax.shadowRoot\n    .querySelector('temba-dialog')\n    .shadowRoot.querySelectorAll(\n      type ? `temba-button[${type}='']` : 'temba-button'\n    );\n};\n\nconst open = async (modax: Modax) => {\n  return new Promise((resolve: any) => {\n    modax.addEventListener(\n      CustomEventType.Loaded,\n      async (event: CustomEvent) => {\n        await clock.runAll();\n        resolve(event.detail);\n      }\n    );\n\n    modax.addEventListener(\n      CustomEventType.Redirected,\n      async (event: CustomEvent) => {\n        await clock.runAll();\n        resolve(event.detail);\n      }\n    );\n\n    modax.open = true;\n  });\n};\n\nconst clickPrimary = async (modax: Modax) => {\n  const buttons = getButtons(modax);\n\n  if (buttons.length > 0) {\n    let primary = buttons[0] as Button;\n\n    if (buttons.length > 1) {\n      // look for our primary flag\n      buttons.forEach((button: Button) => {\n        if (button.primary) {\n          primary = button;\n        }\n      });\n    }\n\n    expect(primary).not.equals(undefined, 'Missing primary button');\n    primary.click();\n  }\n};\n\nconst getDialogClip = (modax: Modax) => {\n  const dialog = modax.shadowRoot.querySelector('temba-dialog');\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\ndescribe('temba-modax', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n    assert.instanceOf(modax, Modax);\n  });\n\n  it('opens', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // Now our body should have our endpoint text\n    expect(modax.getBody().innerHTML).to.contain('Hello World');\n\n    await assertScreenshot('modax/simple', getDialogClip(modax));\n  });\n\n  it('fetches forms', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n    expect(modax.open).to.equal(false);\n    await open(modax);\n\n    expect(modax.open).to.equal(true);\n\n    expect(modax.buttons[1].name).to.equal('Save Everything');\n    expect(modax.buttons[0].name).to.equal('Cancel');\n\n    await assertScreenshot('modax/form', getDialogClip(modax));\n  });\n\n  it('reverts primary name on reuse', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    // await click('temba-modax');\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // should only have one button, okay\n    let buttons = getButtons(modax);\n    expect(buttons.length).equals(1);\n\n    // close our dialog\n    await clickPrimary(modax);\n    expect(modax.open).equals(false);\n\n    // now fetch form from the same modax\n    modax.endpoint = '/test-assets/modax/form.html';\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // now we should have two buttons, 'Save Everything' and 'Cancel'\n    buttons = getButtons(modax);\n    expect(buttons.length).equals(2);\n\n    // secondary should be Cancel, not Ok\n    const secondary = getButtons(modax, 'secondary')[0] as Button;\n    expect(secondary.name).equals('Cancel');\n  });\n\n  it('closes after redirect', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n\n    await open(modax);\n    const primary = getButtons(modax, 'primary')[0] as Button;\n    expect(primary.name).equals('Save Everything');\n\n    // click the submit button\n    mockPOST(/\\/test-assets\\/modax\\/form\\.html/, 'arst', {\n      'X-Temba-Success': 'hide'\n    });\n\n    const hideTest = new Promise<void>((resolve) => {\n      modax.addEventListener(CustomEventType.Submitted, () => {\n        expect(modax.open).equals(false, 'Modal still visible');\n        resolve();\n      });\n    });\n\n    await clickPrimary(modax);\n    await clock.runAllAsync();\n    await hideTest;\n  });\n});\n"]}
+{"version":3,"file":"temba-modax.test.js","sourceRoot":"","sources":["../../test/temba-modax.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Button } from '../src/display/Button';\nimport { Modax } from '../src/layout/Modax';\nimport { CustomEventType } from '../src/interfaces';\nimport { assertScreenshot, getClip, mockPOST } from './utils.test';\n\nlet clock: any;\n\nconst getModaxHTML = (endpoint: string): string => {\n  return `\n      <temba-modax header=\"Hello Modax\" endpoint=\"${endpoint}\">\n        <div>Open Me</div>\n      </temba-modax>\n    `;\n};\n\nconst getButtons = (modax: Modax, type: string = null) => {\n  return modax.shadowRoot\n    .querySelector('temba-dialog')\n    .shadowRoot.querySelectorAll(\n      type ? `temba-button[${type}='']` : 'temba-button'\n    );\n};\n\nconst open = async (modax: Modax) => {\n  return new Promise((resolve: any) => {\n    modax.addEventListener(\n      CustomEventType.Loaded,\n      async (event: CustomEvent) => {\n        await clock.runAll();\n        resolve(event.detail);\n      }\n    );\n\n    modax.addEventListener(\n      CustomEventType.Redirected,\n      async (event: CustomEvent) => {\n        await clock.runAll();\n        resolve(event.detail);\n      }\n    );\n\n    modax.open = true;\n  });\n};\n\nconst clickPrimary = async (modax: Modax) => {\n  const buttons = getButtons(modax);\n\n  if (buttons.length > 0) {\n    let primary = buttons[0] as Button;\n\n    if (buttons.length > 1) {\n      // look for our primary flag\n      buttons.forEach((button: Button) => {\n        if (button.primary) {\n          primary = button;\n        }\n      });\n    }\n\n    expect(primary).not.equals(undefined, 'Missing primary button');\n    primary.click();\n  }\n};\n\nconst getDialogClip = (modax: Modax) => {\n  const dialog = modax.shadowRoot.querySelector('temba-dialog');\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\ndescribe('temba-modax', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n    assert.instanceOf(modax, Modax);\n  });\n\n  it('opens', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // Now our body should have our endpoint text\n    expect(modax.getBody().innerHTML).to.contain('Hello World');\n\n    await assertScreenshot('modax/simple', getDialogClip(modax));\n  });\n\n  it('fetches forms', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n    expect(modax.open).to.equal(false);\n    await open(modax);\n\n    expect(modax.open).to.equal(true);\n\n    expect(modax.buttons[1].name).to.equal('Save Everything');\n    expect(modax.buttons[0].name).to.equal('Cancel');\n\n    await assertScreenshot('modax/form', getDialogClip(modax));\n  });\n\n  it('reverts primary name on reuse', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    // await click('temba-modax');\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // should only have one button, okay\n    let buttons = getButtons(modax);\n    expect(buttons.length).equals(1);\n\n    // close our dialog\n    await clickPrimary(modax);\n    expect(modax.open).equals(false);\n\n    // now fetch form from the same modax\n    modax.endpoint = '/test-assets/modax/form.html';\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // now we should have two buttons, 'Save Everything' and 'Cancel'\n    buttons = getButtons(modax);\n    expect(buttons.length).equals(2);\n\n    // secondary should be Cancel, not Ok\n    const secondary = getButtons(modax, 'secondary')[0] as Button;\n    expect(secondary.name).equals('Cancel');\n  });\n\n  it('closes after redirect', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n\n    await open(modax);\n    const primary = getButtons(modax, 'primary')[0] as Button;\n    expect(primary.name).equals('Save Everything');\n\n    // click the submit button\n    mockPOST(/\\/test-assets\\/modax\\/form\\.html/, 'arst', {\n      'X-Temba-Success': 'hide'\n    });\n\n    const hideTest = new Promise<void>((resolve) => {\n      modax.addEventListener(CustomEventType.Submitted, () => {\n        expect(modax.open).equals(false, 'Modal still visible');\n        resolve();\n      });\n    });\n\n    await clickPrimary(modax);\n    await clock.runAllAsync();\n    await hideTest;\n  });\n});\n"]}

package/out-tsc/test/temba-modules.test.js

@@ -0,0 +1,47 @@
+import { expect } from '@open-wc/testing';
+import { addCustomElement } from '../temba-modules';
+describe('temba-modules', () => {
+    describe('addCustomElement', () => {
+        it('defines a custom element when not already defined', () => {
+            // Create a mock component class
+            class TestComponent extends HTMLElement {
+            }
+            // Ensure the element is not already defined
+            const elementName = 'test-custom-element-' + Date.now();
+            expect(window.customElements.get(elementName)).to.be.undefined;
+            // Define the element
+            addCustomElement(elementName, TestComponent);
+            // Verify it's now defined
+            expect(window.customElements.get(elementName)).to.equal(TestComponent);
+        });
+        it('does not redefine a custom element when already defined', () => {
+            // Create mock component classes
+            class FirstComponent extends HTMLElement {
+            }
+            class SecondComponent extends HTMLElement {
+            }
+            const elementName = 'test-existing-element-' + Date.now();
+            // Define the element first time
+            addCustomElement(elementName, FirstComponent);
+            expect(window.customElements.get(elementName)).to.equal(FirstComponent);
+            // Try to define again with different component
+            addCustomElement(elementName, SecondComponent);
+            // Should still be the first component
+            expect(window.customElements.get(elementName)).to.equal(FirstComponent);
+            expect(window.customElements.get(elementName)).to.not.equal(SecondComponent);
+        });
+        it('handles multiple different elements', () => {
+            class ComponentA extends HTMLElement {
+            }
+            class ComponentB extends HTMLElement {
+            }
+            const elementA = 'test-element-a-' + Date.now();
+            const elementB = 'test-element-b-' + Date.now();
+            addCustomElement(elementA, ComponentA);
+            addCustomElement(elementB, ComponentB);
+            expect(window.customElements.get(elementA)).to.equal(ComponentA);
+            expect(window.customElements.get(elementB)).to.equal(ComponentB);
+        });
+    });
+});
+//# sourceMappingURL=temba-modules.test.js.map

package/out-tsc/test/temba-modules.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-modules.test.js","sourceRoot":"","sources":["../../test/temba-modules.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAChC,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,gCAAgC;YAChC,MAAM,aAAc,SAAQ,WAAW;aAAG;YAE1C,4CAA4C;YAC5C,MAAM,WAAW,GAAG,sBAAsB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACxD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;YAE/D,qBAAqB;YACrB,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;YAE7C,0BAA0B;YAC1B,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,gCAAgC;YAChC,MAAM,cAAe,SAAQ,WAAW;aAAG;YAC3C,MAAM,eAAgB,SAAQ,WAAW;aAAG;YAE5C,MAAM,WAAW,GAAG,wBAAwB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAE1D,gCAAgC;YAChC,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YAC9C,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YAExE,+CAA+C;YAC/C,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAE/C,sCAAsC;YACtC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YACxE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CACzD,eAAe,CAChB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,UAAW,SAAQ,WAAW;aAAG;YACvC,MAAM,UAAW,SAAQ,WAAW;aAAG;YAEvC,MAAM,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAEhD,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;YACvC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;YAEvC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACjE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { addCustomElement } from '../temba-modules';\n\ndescribe('temba-modules', () => {\n  describe('addCustomElement', () => {\n    it('defines a custom element when not already defined', () => {\n      // Create a mock component class\n      class TestComponent extends HTMLElement {}\n\n      // Ensure the element is not already defined\n      const elementName = 'test-custom-element-' + Date.now();\n      expect(window.customElements.get(elementName)).to.be.undefined;\n\n      // Define the element\n      addCustomElement(elementName, TestComponent);\n\n      // Verify it's now defined\n      expect(window.customElements.get(elementName)).to.equal(TestComponent);\n    });\n\n    it('does not redefine a custom element when already defined', () => {\n      // Create mock component classes\n      class FirstComponent extends HTMLElement {}\n      class SecondComponent extends HTMLElement {}\n\n      const elementName = 'test-existing-element-' + Date.now();\n\n      // Define the element first time\n      addCustomElement(elementName, FirstComponent);\n      expect(window.customElements.get(elementName)).to.equal(FirstComponent);\n\n      // Try to define again with different component\n      addCustomElement(elementName, SecondComponent);\n\n      // Should still be the first component\n      expect(window.customElements.get(elementName)).to.equal(FirstComponent);\n      expect(window.customElements.get(elementName)).to.not.equal(\n        SecondComponent\n      );\n    });\n\n    it('handles multiple different elements', () => {\n      class ComponentA extends HTMLElement {}\n      class ComponentB extends HTMLElement {}\n\n      const elementA = 'test-element-a-' + Date.now();\n      const elementB = 'test-element-b-' + Date.now();\n\n      addCustomElement(elementA, ComponentA);\n      addCustomElement(elementB, ComponentB);\n\n      expect(window.customElements.get(elementA)).to.equal(ComponentA);\n      expect(window.customElements.get(elementB)).to.equal(ComponentB);\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-omnibox.test.js

@@ -1,5 +1,5 @@
 import { fixture, assert } from '@open-wc/testing';
-import { Omnibox } from '../src/omnibox/Omnibox';
+import { Omnibox } from '../src/form/select/Omnibox';
 import { assertScreenshot, getClip, openAndClick } from './utils.test';
 import { useFakeTimers, spy } from 'sinon';
 export const getHTML = (attrs = { name: 'recipients' }) => {

package/out-tsc/test/temba-omnibox.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-omnibox.test.js","sourceRoot":"","sources":["../../test/temba-omnibox.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert } from '@open-wc/testing';\nimport { Omnibox } from '../src/omnibox/Omnibox';\nimport { assertScreenshot, getClip, openAndClick } from './utils.test';\nimport { useFakeTimers, spy } from 'sinon';\n\nexport const getHTML = (attrs: any = { name: 'recipients' }): string => {\n  const selectHTML = `\n  <temba-omnibox${Object.keys(attrs)\n    .map((name: string) => {\n      // check if it's a string attribute\n      if (typeof attrs[name] === 'string') {\n        return ` ${name}=\"${attrs[name].replace(/\"/g, '&quot;')}\"`;\n      }\n      return ` ${name}=\"${attrs[name]}\"`;\n    })\n    .join(' ')}>\n  </temba-select>`;\n  return selectHTML;\n};\n\nexport const createOmnibox = async (\n  clock: any,\n  attrs: any = {}\n): Promise<Omnibox> => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n\n  const omnibox: Omnibox = await fixture(getHTML(attrs), { parentNode });\n  clock.runAll();\n  await omnibox.updateComplete;\n  return omnibox;\n};\n\ndescribe('temba-omnibox', () => {\n  let clock: any;\n  beforeEach(function () {\n    clock = useFakeTimers();\n    setViewport({ width: 500, height: 1000, deviceScaleFactor: 2 });\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const omnibox: Omnibox = await fixture(\n      getHTML({ endpoint: '/test-assets/select/omnibox.json' })\n    );\n    assert.instanceOf(omnibox, Omnibox);\n  });\n\n  it('fires change events on selection', async () => {\n    const omnibox: Omnibox = await createOmnibox(clock, {\n      endpoint: '/test-assets/select/omnibox.json'\n    });\n\n    const changeEvent = spy();\n    omnibox.addEventListener('change', changeEvent);\n\n    clock.runAll();\n    await omnibox.updateComplete;\n    clock.runAll();\n\n    await openAndClick(clock, omnibox, 0);\n    clock.runAll();\n    assert(changeEvent.called, 'change event not fired');\n\n    await assertScreenshot('omnibox/selected', getClip(omnibox));\n  });\n});\n"]}
+{"version":3,"file":"temba-omnibox.test.js","sourceRoot":"","sources":["../../test/temba-omnibox.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert } from '@open-wc/testing';\nimport { Omnibox } from '../src/form/select/Omnibox';\nimport { assertScreenshot, getClip, openAndClick } from './utils.test';\nimport { useFakeTimers, spy } from 'sinon';\n\nexport const getHTML = (attrs: any = { name: 'recipients' }): string => {\n  const selectHTML = `\n  <temba-omnibox${Object.keys(attrs)\n    .map((name: string) => {\n      // check if it's a string attribute\n      if (typeof attrs[name] === 'string') {\n        return ` ${name}=\"${attrs[name].replace(/\"/g, '&quot;')}\"`;\n      }\n      return ` ${name}=\"${attrs[name]}\"`;\n    })\n    .join(' ')}>\n  </temba-select>`;\n  return selectHTML;\n};\n\nexport const createOmnibox = async (\n  clock: any,\n  attrs: any = {}\n): Promise<Omnibox> => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n\n  const omnibox: Omnibox = await fixture(getHTML(attrs), { parentNode });\n  clock.runAll();\n  await omnibox.updateComplete;\n  return omnibox;\n};\n\ndescribe('temba-omnibox', () => {\n  let clock: any;\n  beforeEach(function () {\n    clock = useFakeTimers();\n    setViewport({ width: 500, height: 1000, deviceScaleFactor: 2 });\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const omnibox: Omnibox = await fixture(\n      getHTML({ endpoint: '/test-assets/select/omnibox.json' })\n    );\n    assert.instanceOf(omnibox, Omnibox);\n  });\n\n  it('fires change events on selection', async () => {\n    const omnibox: Omnibox = await createOmnibox(clock, {\n      endpoint: '/test-assets/select/omnibox.json'\n    });\n\n    const changeEvent = spy();\n    omnibox.addEventListener('change', changeEvent);\n\n    clock.runAll();\n    await omnibox.updateComplete;\n    clock.runAll();\n\n    await openAndClick(clock, omnibox, 0);\n    clock.runAll();\n    assert(changeEvent.called, 'change event not fired');\n\n    await assertScreenshot('omnibox/selected', getClip(omnibox));\n  });\n});\n"]}

package/out-tsc/test/temba-options.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-options.test.js","sourceRoot":"","sources":["../../test/temba-options.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,GAAG;IACb,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;IAC3B,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE;IAC7B,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAa,EAAE,EAAU,EAAE;IACxD,OAAO,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAAE,GAAW,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAClD,OAAO,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,CAAY,CAAC;AACzD,CAAC,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,OAAO,GAAY,MAAM,aAAa,CAC1C,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC/C,CAAC;QACF,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;QACzB,MAAM,OAAO,CAAC,cAAc,CAAC;QAC7B,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from '@open-wc/testing';\nimport { Options } from '../src/options/Options';\nimport { assertScreenshot, getClip, getHTML } from './utils.test';\n\nconst colors = [\n  { name: 'Red', value: '0' },\n  { name: 'Green', value: '1' },\n  { name: 'Blue', value: '2' }\n];\n\nexport const getOptionsHTML = (attrs: any = {}): string => {\n  return getHTML('temba-options', attrs);\n};\n\nexport const createOptions = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 250px;');\n  return (await fixture(def, { parentNode })) as Options;\n};\n\ndescribe('temba-options-screenshots', () => {\n  it('renders block mode', async () => {\n    const options: Options = await createOptions(\n      getOptionsHTML({ block: true, visible: true })\n    );\n    options.options = colors;\n    await options.updateComplete;\n    await assertScreenshot('options/block', getClip(options));\n  });\n});\n"]}
+{"version":3,"file":"temba-options.test.js","sourceRoot":"","sources":["../../test/temba-options.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,GAAG;IACb,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;IAC3B,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE;IAC7B,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAa,EAAE,EAAU,EAAE;IACxD,OAAO,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAAE,GAAW,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAClD,OAAO,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,CAAY,CAAC;AACzD,CAAC,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,OAAO,GAAY,MAAM,aAAa,CAC1C,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC/C,CAAC;QACF,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;QACzB,MAAM,OAAO,CAAC,cAAc,CAAC;QAC7B,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from '@open-wc/testing';\nimport { Options } from '../src/display/Options';\nimport { assertScreenshot, getClip, getHTML } from './utils.test';\n\nconst colors = [\n  { name: 'Red', value: '0' },\n  { name: 'Green', value: '1' },\n  { name: 'Blue', value: '2' }\n];\n\nexport const getOptionsHTML = (attrs: any = {}): string => {\n  return getHTML('temba-options', attrs);\n};\n\nexport const createOptions = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 250px;');\n  return (await fixture(def, { parentNode })) as Options;\n};\n\ndescribe('temba-options-screenshots', () => {\n  it('renders block mode', async () => {\n    const options: Options = await createOptions(\n      getOptionsHTML({ block: true, visible: true })\n    );\n    options.options = colors;\n    await options.updateComplete;\n    await assertScreenshot('options/block', getClip(options));\n  });\n});\n"]}

package/out-tsc/test/temba-range-picker.test.js

@@ -1,6 +1,6 @@
 import { fixture, expect, assert } from '@open-wc/testing';
-import { RangePicker } from '../src/datepicker/RangePicker';
-import { assertScreenshot, getAttributes, getClip } from './utils.test';
+import { RangePicker } from '../src/form/RangePicker';
+import { assertScreenshot, getAttributes, getClip, mockNow } from './utils.test';
 import { DateTime } from 'luxon';
 export const getRangePickerHTML = (attrs = {}) => {
     return `<temba-range-picker ${getAttributes(attrs)}></temba-range-picker>`;
@@ -13,6 +13,13 @@ export const createRangePicker = async (def) => {
     return picker;
 };
 describe('temba-range-picker', () => {
+    let mockedNow;
+    beforeEach(() => {
+        mockedNow = mockNow('2022-12-02T21:00:00.000000');
+    });
+    afterEach(() => {
+        mockedNow.restore();
+    });
     it('can create a range picker', async () => {
         const picker = await createRangePicker(getRangePickerHTML());
         assert.instanceOf(picker, RangePicker);

package/out-tsc/test/temba-range-picker.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-range-picker.test.js","sourceRoot":"","sources":["../../test/temba-range-picker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { RangePicker } from '../src/datepicker/RangePicker';\nimport { assertScreenshot, getAttributes, getClip } from './utils.test';\nimport { DateTime } from 'luxon';\n\nexport const getRangePickerHTML = (attrs: any = {}) => {\n  return `<temba-range-picker ${getAttributes(attrs)}></temba-range-picker>`;\n};\n\nexport const createRangePicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 600px;');\n  parentNode.id = 'parent';\n  const picker: RangePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-range-picker', () => {\n  it('can create a range picker', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n    assert.instanceOf(picker, RangePicker);\n\n    // Should have default range (last month)\n    expect(picker.selectedRange).to.equal('M');\n    expect(picker.startDate).to.not.be.empty;\n    expect(picker.endDate).to.not.be.empty;\n\n    await assertScreenshot('datepicker/range-picker-default', getClip(picker));\n  });\n\n  it('can be initialized with start and end dates', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ start: '2024-01-01', end: '2024-01-31' })\n    );\n\n    expect(picker.startDate).to.equal('2024-01-01');\n    expect(picker.endDate).to.equal('2024-01-31');\n    expect(picker.selectedRange).to.equal('');\n\n    await assertScreenshot(\n      'datepicker/range-picker-initial-values',\n      getClip(picker)\n    );\n  });\n\n  it('can set min and max dates', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({\n        start: '2024-06-01',\n        end: '2024-06-30',\n        min: '2024-01-01',\n        max: '2024-12-31'\n      })\n    );\n\n    expect(picker.minDate).to.equal('2024-01-01');\n    expect(picker.maxDate).to.equal('2024-12-31');\n\n    await assertScreenshot('datepicker/range-picker-min-max', getClip(picker));\n  });\n\n  it('can set range using buttons', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click Week button\n    const weekBtn = picker.shadowRoot?.querySelector(\n      '.range-btn'\n    ) as HTMLButtonElement;\n    weekBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('W');\n    expect(picker.startDate).to.equal(\n      DateTime.now().minus({ days: 6 }).toISODate()\n    );\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-week', getClip(picker));\n  });\n\n  it('can set year range using button', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click Year button (3rd button)\n    const yearBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[2] as HTMLButtonElement;\n    yearBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('Y');\n    expect(picker.startDate).to.equal(\n      DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate()\n    );\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-year', getClip(picker));\n  });\n\n  it('can set all range using button', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click All button (4th button)\n    const allBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[3] as HTMLButtonElement;\n    allBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('ALL');\n    expect(picker.startDate).to.equal('2012-01-01');\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-all', getClip(picker));\n  });\n\n  it('enforces valid date ranges', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ start: '2024-06-01', end: '2024-06-30' })\n    );\n\n    // Verify initial state is valid\n    expect(\n      DateTime.fromISO(picker.endDate) >= DateTime.fromISO(picker.startDate)\n    ).to.be.true;\n\n    // The validation logic is internal and triggered through user interaction\n    // We can verify the component has the correct min/max constraints\n    expect(picker.startDate).to.equal('2024-06-01');\n    expect(picker.endDate).to.equal('2024-06-30');\n  });\n\n  it('enforces min/max date constraints', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ min: '2024-01-01', max: '2024-12-31' })\n    );\n\n    expect(picker.minDate).to.equal('2024-01-01');\n    expect(picker.maxDate).to.equal('2024-12-31');\n\n    // Min/max are enforced through the temba-datepicker components\n    // when user interacts with the date inputs\n  });\n\n  it('shows correct button selection states', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Initially should have M selected\n    const monthBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[1] as HTMLButtonElement;\n    expect(monthBtn.classList.contains('selected')).to.be.true;\n\n    // Click week button\n    const weekBtn = picker.shadowRoot?.querySelector(\n      '.range-btn'\n    ) as HTMLButtonElement;\n    weekBtn.click();\n    await picker.updateComplete;\n\n    expect(weekBtn.classList.contains('selected')).to.be.true;\n    expect(monthBtn.classList.contains('selected')).to.be.false;\n\n    await assertScreenshot(\n      'datepicker/range-picker-button-states',\n      getClip(picker)\n    );\n  });\n\n  it('can click to edit dates', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click on start date display\n    const startDisplay = picker.shadowRoot?.querySelector(\n      '.date-display'\n    ) as HTMLElement;\n    startDisplay.click();\n    await picker.updateComplete;\n\n    expect(picker.editingStart).to.be.true;\n\n    // Should show temba-datepicker for start\n    const startPicker = picker.shadowRoot?.querySelector(\n      'temba-datepicker.start-picker'\n    );\n    expect(startPicker).to.not.be.null;\n\n    await assertScreenshot(\n      'datepicker/range-picker-editing-start',\n      getClip(picker)\n    );\n  });\n});\n"]}
+{"version":3,"file":"temba-range-picker.test.js","sourceRoot":"","sources":["../../test/temba-range-picker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { RangePicker } from '../src/form/RangePicker';\nimport {\n  assertScreenshot,\n  getAttributes,\n  getClip,\n  mockNow\n} from './utils.test';\nimport { DateTime } from 'luxon';\nimport { SinonStub } from 'sinon';\n\nexport const getRangePickerHTML = (attrs: any = {}) => {\n  return `<temba-range-picker ${getAttributes(attrs)}></temba-range-picker>`;\n};\n\nexport const createRangePicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 600px;');\n  parentNode.id = 'parent';\n  const picker: RangePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-range-picker', () => {\n  let mockedNow: SinonStub;\n  beforeEach(() => {\n    mockedNow = mockNow('2022-12-02T21:00:00.000000');\n  });\n\n  afterEach(() => {\n    mockedNow.restore();\n  });\n\n  it('can create a range picker', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n    assert.instanceOf(picker, RangePicker);\n\n    // Should have default range (last month)\n    expect(picker.selectedRange).to.equal('M');\n    expect(picker.startDate).to.not.be.empty;\n    expect(picker.endDate).to.not.be.empty;\n\n    await assertScreenshot('datepicker/range-picker-default', getClip(picker));\n  });\n\n  it('can be initialized with start and end dates', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ start: '2024-01-01', end: '2024-01-31' })\n    );\n\n    expect(picker.startDate).to.equal('2024-01-01');\n    expect(picker.endDate).to.equal('2024-01-31');\n    expect(picker.selectedRange).to.equal('');\n\n    await assertScreenshot(\n      'datepicker/range-picker-initial-values',\n      getClip(picker)\n    );\n  });\n\n  it('can set min and max dates', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({\n        start: '2024-06-01',\n        end: '2024-06-30',\n        min: '2024-01-01',\n        max: '2024-12-31'\n      })\n    );\n\n    expect(picker.minDate).to.equal('2024-01-01');\n    expect(picker.maxDate).to.equal('2024-12-31');\n\n    await assertScreenshot('datepicker/range-picker-min-max', getClip(picker));\n  });\n\n  it('can set range using buttons', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click Week button\n    const weekBtn = picker.shadowRoot?.querySelector(\n      '.range-btn'\n    ) as HTMLButtonElement;\n    weekBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('W');\n    expect(picker.startDate).to.equal(\n      DateTime.now().minus({ days: 6 }).toISODate()\n    );\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-week', getClip(picker));\n  });\n\n  it('can set year range using button', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click Year button (3rd button)\n    const yearBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[2] as HTMLButtonElement;\n    yearBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('Y');\n    expect(picker.startDate).to.equal(\n      DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate()\n    );\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-year', getClip(picker));\n  });\n\n  it('can set all range using button', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click All button (4th button)\n    const allBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[3] as HTMLButtonElement;\n    allBtn.click();\n    await picker.updateComplete;\n\n    expect(picker.selectedRange).to.equal('ALL');\n    expect(picker.startDate).to.equal('2012-01-01');\n    expect(picker.endDate).to.equal(DateTime.now().toISODate());\n\n    await assertScreenshot('datepicker/range-picker-all', getClip(picker));\n  });\n\n  it('enforces valid date ranges', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ start: '2024-06-01', end: '2024-06-30' })\n    );\n\n    // Verify initial state is valid\n    expect(\n      DateTime.fromISO(picker.endDate) >= DateTime.fromISO(picker.startDate)\n    ).to.be.true;\n\n    // The validation logic is internal and triggered through user interaction\n    // We can verify the component has the correct min/max constraints\n    expect(picker.startDate).to.equal('2024-06-01');\n    expect(picker.endDate).to.equal('2024-06-30');\n  });\n\n  it('enforces min/max date constraints', async () => {\n    const picker: RangePicker = await createRangePicker(\n      getRangePickerHTML({ min: '2024-01-01', max: '2024-12-31' })\n    );\n\n    expect(picker.minDate).to.equal('2024-01-01');\n    expect(picker.maxDate).to.equal('2024-12-31');\n\n    // Min/max are enforced through the temba-datepicker components\n    // when user interacts with the date inputs\n  });\n\n  it('shows correct button selection states', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Initially should have M selected\n    const monthBtn = picker.shadowRoot?.querySelectorAll(\n      '.range-btn'\n    )[1] as HTMLButtonElement;\n    expect(monthBtn.classList.contains('selected')).to.be.true;\n\n    // Click week button\n    const weekBtn = picker.shadowRoot?.querySelector(\n      '.range-btn'\n    ) as HTMLButtonElement;\n    weekBtn.click();\n    await picker.updateComplete;\n\n    expect(weekBtn.classList.contains('selected')).to.be.true;\n    expect(monthBtn.classList.contains('selected')).to.be.false;\n\n    await assertScreenshot(\n      'datepicker/range-picker-button-states',\n      getClip(picker)\n    );\n  });\n\n  it('can click to edit dates', async () => {\n    const picker: RangePicker = await createRangePicker(getRangePickerHTML());\n\n    // Click on start date display\n    const startDisplay = picker.shadowRoot?.querySelector(\n      '.date-display'\n    ) as HTMLElement;\n    startDisplay.click();\n    await picker.updateComplete;\n\n    expect(picker.editingStart).to.be.true;\n\n    // Should show temba-datepicker for start\n    const startPicker = picker.shadowRoot?.querySelector(\n      'temba-datepicker.start-picker'\n    );\n    expect(startPicker).to.not.be.null;\n\n    await assertScreenshot(\n      'datepicker/range-picker-editing-start',\n      getClip(picker)\n    );\n  });\n});\n"]}