@nyaruka/temba-components 0.129.8 → 0.129.10

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

@@ -1 +1 @@
-{"version":3,"file":"temba-checkbox.test.js","sourceRoot":"","sources":["../../test/temba-checkbox.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Checkbox } from '../src/form/Checkbox';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('temba-checkbox', () => {\n  it('renders default checkbox', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n\n    expect(el.label).to.equal('My Checkbox');\n    await assertScreenshot('checkbox/default', getClip(el));\n  });\n\n  it('can select by clicking on the label', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"My Checkbox\"\n        animatechange=\"false\"\n      ></temba-checkbox>\n    `);\n\n    (el.shadowRoot.querySelector('.checkbox-label') as HTMLDivElement).click();\n    expect(el.checked).to.equal(true);\n    await assertScreenshot('checkbox/checked', getClip(el));\n  });\n\n  it('fires change event on click', async () => {\n    // eslint-disable-next-line no-async-promise-executor\n    return new Promise<void>(async (resolve) => {\n      const checkbox: Checkbox = await fixture(html`\n        <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n      `);\n\n      checkbox.addEventListener('change', () => {\n        resolve();\n      });\n\n      click('temba-checkbox');\n    });\n  });\n\n  it('checks via click method', async () => {\n    const checkbox: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n    checkbox.click();\n    expect(checkbox.checked).to.equal(true);\n  });\n\n  it('has background hover effect when label is set', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\"My Label\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('My Label');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.not.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-label-background-hover',\n      getClip(el)\n    );\n  });\n\n  //note: sometimes upstream logic sets an empty checkbox label to the name value,\n  //but this is the expected behavior if the label value is still empty,\n  //upon rendering the component\n  it('has no background hover effect when label is empty', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal(undefined);\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-no-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('has no background hover effect when label is whitespace', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\" \"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-whitespace-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('submits as boolean without value', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('1');\n  });\n\n  it('supports custom values', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\" value=\"3\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('3');\n  });\n\n  it('supports programmtically updated values', async () => {\n    // start with empty value\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // update our value directly\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    checkbox.value = '5';\n\n    // we set a custom value, but we still aren't checked\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('5');\n  });\n});\n"]}
+{"version":3,"file":"temba-checkbox.test.js","sourceRoot":"","sources":["../../test/temba-checkbox.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Checkbox } from '../src/form/Checkbox';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('temba-checkbox', () => {\n  it('renders default checkbox', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n\n    expect(el.label).to.equal('My Checkbox');\n    await assertScreenshot('checkbox/default', getClip(el));\n  });\n\n  it('can select by clicking on the label', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"My Checkbox\"\n        animatechange=\"false\"\n      ></temba-checkbox>\n    `);\n\n    (el.shadowRoot.querySelector('.checkbox-label') as HTMLDivElement).click();\n    expect(el.checked).to.equal(true);\n    await assertScreenshot('checkbox/checked', getClip(el));\n  });\n\n  it('fires change event on click', async () => {\n    // eslint-disable-next-line no-async-promise-executor\n    return new Promise<void>(async (resolve) => {\n      const checkbox: Checkbox = await fixture(html`\n        <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n      `);\n\n      checkbox.addEventListener('change', () => {\n        resolve();\n      });\n\n      click('temba-checkbox');\n    });\n  });\n\n  it('checks via click method', async () => {\n    const checkbox: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n    checkbox.click();\n    expect(checkbox.checked).to.equal(true);\n  });\n\n  it('has background hover effect when label is set', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\"My Label\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('My Label');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.not.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-label-background-hover',\n      getClip(el)\n    );\n  });\n\n  //note: sometimes upstream logic sets an empty checkbox label to the name value,\n  //but this is the expected behavior if the label value is still empty,\n  //upon rendering the component\n  it('has no background hover effect when label is empty', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal(undefined);\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-no-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('has no background hover effect when label is whitespace', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\" \"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-whitespace-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('submits as boolean without value', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('1');\n  });\n\n  it('supports custom values', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\" value=\"3\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('3');\n  });\n\n  it('supports programmtically updated values', async () => {\n    // start with empty value\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // update our value directly\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    checkbox.value = '5';\n\n    // we set a custom value, but we still aren't checked\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('5');\n  });\n\n  it('aligns help text with label when both are present', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"Checkbox with help\"\n        help_text=\"This help text should align with the label text\"\n      >\n      </temba-checkbox>\n    `);\n\n    expect(el.label).to.equal('Checkbox with help');\n    expect(el.helpText).to.equal(\n      'This help text should align with the label text'\n    );\n\n    // Verify help text element exists and has proper alignment styles\n    const helpTextEl = el.shadowRoot.querySelector(\n      '.checkbox-help-text'\n    ) as HTMLElement;\n    expect(helpTextEl).to.not.be.null;\n    expect(helpTextEl.textContent.trim()).to.equal(\n      'This help text should align with the label text'\n    );\n\n    await assertScreenshot('checkbox/checkbox-with-help-text', getClip(el));\n  });\n});\n"]}

package/out-tsc/test/temba-field-renderer.test.js

@@ -0,0 +1,296 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { FieldRenderer } from '../src/form/FieldRenderer';
+import { assertScreenshot, getClip } from './utils.test';
+describe('FieldRenderer', () => {
+    describe('text fields', () => {
+        it('should render text field with label', async () => {
+            const config = {
+                type: 'text',
+                label: 'Website URL',
+                placeholder: 'Enter URL'
+            };
+            const template = FieldRenderer.renderField('url', config, 'https://example.com', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-with-label', getClip(container));
+        });
+        it('should render evaluated text field with completion', async () => {
+            const config = {
+                type: 'text',
+                label: 'Dynamic URL',
+                evaluated: true,
+                placeholder: 'Enter URL with expressions'
+            };
+            const template = FieldRenderer.renderField('url', config, 'https://api.com/@contact.name', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-evaluated', getClip(container));
+        });
+        it('should render text field without label for ArrayEditor context', async () => {
+            const config = {
+                type: 'text',
+                label: 'Item Name',
+                placeholder: 'Enter name'
+            };
+            const template = FieldRenderer.renderField('name', config, 'Sample Item', {
+                errors: [],
+                showLabel: false,
+                flavor: 'small',
+                extraClasses: 'form-control',
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 300px; padding: 10px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-no-label', getClip(container));
+        });
+        it('should render text field with errors', async () => {
+            const config = {
+                type: 'text',
+                label: 'Email Address',
+                placeholder: 'Enter email'
+            };
+            const template = FieldRenderer.renderField('email', config, 'invalid-email', {
+                errors: ['Invalid email format', 'Email is required'],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/text-with-errors', getClip(container));
+        });
+    });
+    describe('textarea fields', () => {
+        it('should render textarea with label', async () => {
+            const config = {
+                type: 'textarea',
+                label: 'Description',
+                placeholder: 'Enter description',
+                rows: 4
+            };
+            const template = FieldRenderer.renderField('description', config, 'This is a sample description\nwith multiple lines', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/textarea-with-label', getClip(container));
+        });
+        it('should render evaluated textarea with completion', async () => {
+            const config = {
+                type: 'textarea',
+                label: 'Message Template',
+                evaluated: true,
+                placeholder: 'Enter message with expressions',
+                rows: 3
+            };
+            const template = FieldRenderer.renderField('message', config, 'Hello @contact.name,\nYour order is ready!', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/textarea-evaluated', getClip(container));
+        });
+    });
+    describe('select fields', () => {
+        it('should render select field with label', async () => {
+            const config = {
+                type: 'select',
+                label: 'Country',
+                options: ['United States', 'Canada', 'United Kingdom', 'Australia'],
+                searchable: true
+            };
+            const template = FieldRenderer.renderField('country', config, 'Canada', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/select-with-label', getClip(container));
+        });
+        it('should render multi-select field', async () => {
+            const config = {
+                type: 'select',
+                label: 'Skills',
+                options: ['JavaScript', 'Python', 'TypeScript', 'React', 'Node.js'],
+                multi: true,
+                tags: true
+            };
+            const template = FieldRenderer.renderField('skills', config, ['JavaScript', 'TypeScript'], {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/select-multi', getClip(container));
+        });
+        it('should render select field without label for ArrayEditor context', async () => {
+            const config = {
+                type: 'select',
+                label: 'Status',
+                options: ['Active', 'Inactive', 'Pending']
+            };
+            const template = FieldRenderer.renderField('status', config, 'Active', {
+                errors: [],
+                showLabel: false,
+                flavor: 'small',
+                extraClasses: 'form-control',
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 200px; padding: 10px;">${template}</div>`);
+            await assertScreenshot('field-renderer/select-no-label', getClip(container));
+        });
+    });
+    describe('checkbox fields', () => {
+        it('should render checkbox with label', async () => {
+            const config = {
+                type: 'checkbox',
+                label: 'Accept Terms and Conditions'
+            };
+            const template = FieldRenderer.renderField('accept', config, true, {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/checkbox-checked', getClip(container));
+        });
+        it('should render unchecked checkbox', async () => {
+            const config = {
+                type: 'checkbox',
+                label: 'Subscribe to newsletter'
+            };
+            const template = FieldRenderer.renderField('subscribe', config, false, {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/checkbox-unchecked', getClip(container));
+        });
+        it('should render checkbox with errors', async () => {
+            const config = {
+                type: 'checkbox',
+                label: 'Agree to terms',
+                required: true
+            };
+            const template = FieldRenderer.renderField('terms', config, false, {
+                errors: ['You must accept the terms to continue'],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 400px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/checkbox-with-errors', getClip(container));
+        });
+    });
+    describe('key-value fields', () => {
+        it('should render key-value field with label', async () => {
+            const config = {
+                type: 'key-value',
+                label: 'HTTP Headers',
+                keyPlaceholder: 'Header name',
+                valuePlaceholder: 'Header value'
+            };
+            const template = FieldRenderer.renderField('headers', config, [
+                { key: 'Content-Type', value: 'application/json' },
+                { key: 'Authorization', value: 'Bearer token123' }
+            ], {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            const container = await fixture(html `<div style="width: 500px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/key-value-with-label', getClip(container));
+        });
+    });
+    describe('message-editor fields', () => {
+        it('should render message-editor with label', async () => {
+            const config = {
+                type: 'message-editor',
+                label: 'Email Message',
+                placeholder: 'Enter your message...',
+                minHeight: 120
+            };
+            const template = FieldRenderer.renderField('message', config, 'Hello! This is a test message.', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { },
+                additionalData: { attachments: [] }
+            });
+            const container = await fixture(html `<div style="width: 500px; padding: 20px;">${template}</div>`);
+            await assertScreenshot('field-renderer/message-editor-with-label', getClip(container));
+        });
+    });
+    describe('field consistency', () => {
+        it('should render the same field type consistently between contexts', async () => {
+            const config = {
+                type: 'text',
+                label: 'Product Name',
+                placeholder: 'Enter product name'
+            };
+            // NodeEditor context (with label)
+            const nodeEditorTemplate = FieldRenderer.renderField('product', config, 'iPhone 15', {
+                errors: [],
+                showLabel: true,
+                onChange: () => { }
+            });
+            // ArrayEditor context (without label)
+            const arrayEditorTemplate = FieldRenderer.renderField('product', config, 'iPhone 15', {
+                errors: [],
+                showLabel: false,
+                flavor: 'small',
+                extraClasses: 'form-control',
+                onChange: () => { }
+            });
+            const nodeContainer = await fixture(html `<div
+        style="width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;"
+      >
+        <h3 style="margin: 0 0 10px 0; font-size: 14px; color: #666;">
+          NodeEditor Context
+        </h3>
+        ${nodeEditorTemplate}
+      </div>`);
+            const arrayContainer = await fixture(html `<div
+        style="width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;"
+      >
+        <h3 style="margin: 0 0 10px 0; font-size: 14px; color: #666;">
+          ArrayEditor Context
+        </h3>
+        ${arrayEditorTemplate}
+      </div>`);
+            const combinedContainer = await fixture(html `<div
+        style="display: flex; flex-direction: column; width: 420px;"
+      >
+        ${nodeContainer} ${arrayContainer}
+      </div>`);
+            await assertScreenshot('field-renderer/context-comparison', getClip(combinedContainer));
+        });
+    });
+    describe('error handling', () => {
+        it('should handle all field types without throwing errors', () => {
+            const configs = [
+                { type: 'text', label: 'Text' },
+                { type: 'textarea', label: 'Textarea' },
+                { type: 'select', label: 'Select', options: [] },
+                { type: 'checkbox', label: 'Checkbox' },
+                { type: 'key-value', label: 'KeyValue' },
+                { type: 'array', label: 'Array', itemConfig: {} },
+                { type: 'message-editor', label: 'MessageEditor' }
+            ];
+            configs.forEach((config, index) => {
+                expect(() => {
+                    FieldRenderer.renderField(`field${index}`, config, null, {
+                        errors: [],
+                        showLabel: true,
+                        onChange: () => { }
+                    });
+                }).to.not.throw;
+            });
+        });
+    });
+});
+//# sourceMappingURL=temba-field-renderer.test.js.map

package/out-tsc/test/temba-field-renderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-field-renderer.test.js","sourceRoot":"","sources":["../../test/temba-field-renderer.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { FieldRenderer } from '../src/form/FieldRenderer';\nimport {\n  TextFieldConfig,\n  TextareaFieldConfig,\n  SelectFieldConfig,\n  CheckboxFieldConfig,\n  KeyValueFieldConfig,\n  MessageEditorFieldConfig\n} from '../src/flow/types';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('FieldRenderer', () => {\n  describe('text fields', () => {\n    it('should render text field with label', async () => {\n      const config: TextFieldConfig = {\n        type: 'text',\n        label: 'Website URL',\n        placeholder: 'Enter URL'\n      };\n\n      const template = FieldRenderer.renderField(\n        'url',\n        config,\n        'https://example.com',\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/text-with-label',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render evaluated text field with completion', async () => {\n      const config: TextFieldConfig = {\n        type: 'text',\n        label: 'Dynamic URL',\n        evaluated: true,\n        placeholder: 'Enter URL with expressions'\n      };\n\n      const template = FieldRenderer.renderField(\n        'url',\n        config,\n        'https://api.com/@contact.name',\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/text-evaluated',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render text field without label for ArrayEditor context', async () => {\n      const config: TextFieldConfig = {\n        type: 'text',\n        label: 'Item Name',\n        placeholder: 'Enter name'\n      };\n\n      const template = FieldRenderer.renderField(\n        'name',\n        config,\n        'Sample Item',\n        {\n          errors: [],\n          showLabel: false,\n          flavor: 'small',\n          extraClasses: 'form-control',\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 300px; padding: 10px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/text-no-label',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render text field with errors', async () => {\n      const config: TextFieldConfig = {\n        type: 'text',\n        label: 'Email Address',\n        placeholder: 'Enter email'\n      };\n\n      const template = FieldRenderer.renderField(\n        'email',\n        config,\n        'invalid-email',\n        {\n          errors: ['Invalid email format', 'Email is required'],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/text-with-errors',\n        getClip(container as HTMLElement)\n      );\n    });\n  });\n\n  describe('textarea fields', () => {\n    it('should render textarea with label', async () => {\n      const config: TextareaFieldConfig = {\n        type: 'textarea',\n        label: 'Description',\n        placeholder: 'Enter description',\n        rows: 4\n      };\n\n      const template = FieldRenderer.renderField(\n        'description',\n        config,\n        'This is a sample description\\nwith multiple lines',\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/textarea-with-label',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render evaluated textarea with completion', async () => {\n      const config: TextareaFieldConfig = {\n        type: 'textarea',\n        label: 'Message Template',\n        evaluated: true,\n        placeholder: 'Enter message with expressions',\n        rows: 3\n      };\n\n      const template = FieldRenderer.renderField(\n        'message',\n        config,\n        'Hello @contact.name,\\nYour order is ready!',\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/textarea-evaluated',\n        getClip(container as HTMLElement)\n      );\n    });\n  });\n\n  describe('select fields', () => {\n    it('should render select field with label', async () => {\n      const config: SelectFieldConfig = {\n        type: 'select',\n        label: 'Country',\n        options: ['United States', 'Canada', 'United Kingdom', 'Australia'],\n        searchable: true\n      };\n\n      const template = FieldRenderer.renderField('country', config, 'Canada', {\n        errors: [],\n        showLabel: true,\n        onChange: () => {}\n      });\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/select-with-label',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render multi-select field', async () => {\n      const config: SelectFieldConfig = {\n        type: 'select',\n        label: 'Skills',\n        options: ['JavaScript', 'Python', 'TypeScript', 'React', 'Node.js'],\n        multi: true,\n        tags: true\n      };\n\n      const template = FieldRenderer.renderField(\n        'skills',\n        config,\n        ['JavaScript', 'TypeScript'],\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/select-multi',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render select field without label for ArrayEditor context', async () => {\n      const config: SelectFieldConfig = {\n        type: 'select',\n        label: 'Status',\n        options: ['Active', 'Inactive', 'Pending']\n      };\n\n      const template = FieldRenderer.renderField('status', config, 'Active', {\n        errors: [],\n        showLabel: false,\n        flavor: 'small',\n        extraClasses: 'form-control',\n        onChange: () => {}\n      });\n\n      const container = await fixture(\n        html`<div style=\"width: 200px; padding: 10px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/select-no-label',\n        getClip(container as HTMLElement)\n      );\n    });\n  });\n\n  describe('checkbox fields', () => {\n    it('should render checkbox with label', async () => {\n      const config: CheckboxFieldConfig = {\n        type: 'checkbox',\n        label: 'Accept Terms and Conditions'\n      };\n\n      const template = FieldRenderer.renderField('accept', config, true, {\n        errors: [],\n        showLabel: true,\n        onChange: () => {}\n      });\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/checkbox-checked',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render unchecked checkbox', async () => {\n      const config: CheckboxFieldConfig = {\n        type: 'checkbox',\n        label: 'Subscribe to newsletter'\n      };\n\n      const template = FieldRenderer.renderField('subscribe', config, false, {\n        errors: [],\n        showLabel: true,\n        onChange: () => {}\n      });\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/checkbox-unchecked',\n        getClip(container as HTMLElement)\n      );\n    });\n\n    it('should render checkbox with errors', async () => {\n      const config: CheckboxFieldConfig = {\n        type: 'checkbox',\n        label: 'Agree to terms',\n        required: true\n      };\n\n      const template = FieldRenderer.renderField('terms', config, false, {\n        errors: ['You must accept the terms to continue'],\n        showLabel: true,\n        onChange: () => {}\n      });\n\n      const container = await fixture(\n        html`<div style=\"width: 400px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/checkbox-with-errors',\n        getClip(container as HTMLElement)\n      );\n    });\n  });\n\n  describe('key-value fields', () => {\n    it('should render key-value field with label', async () => {\n      const config: KeyValueFieldConfig = {\n        type: 'key-value',\n        label: 'HTTP Headers',\n        keyPlaceholder: 'Header name',\n        valuePlaceholder: 'Header value'\n      };\n\n      const template = FieldRenderer.renderField(\n        'headers',\n        config,\n        [\n          { key: 'Content-Type', value: 'application/json' },\n          { key: 'Authorization', value: 'Bearer token123' }\n        ],\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 500px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/key-value-with-label',\n        getClip(container as HTMLElement)\n      );\n    });\n  });\n\n  describe('message-editor fields', () => {\n    it('should render message-editor with label', async () => {\n      const config: MessageEditorFieldConfig = {\n        type: 'message-editor',\n        label: 'Email Message',\n        placeholder: 'Enter your message...',\n        minHeight: 120\n      };\n\n      const template = FieldRenderer.renderField(\n        'message',\n        config,\n        'Hello! This is a test message.',\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {},\n          additionalData: { attachments: [] }\n        }\n      );\n\n      const container = await fixture(\n        html`<div style=\"width: 500px; padding: 20px;\">${template}</div>`\n      );\n      await assertScreenshot(\n        'field-renderer/message-editor-with-label',\n        getClip(container as HTMLElement)\n      );\n    });\n  });\n\n  describe('field consistency', () => {\n    it('should render the same field type consistently between contexts', async () => {\n      const config: TextFieldConfig = {\n        type: 'text',\n        label: 'Product Name',\n        placeholder: 'Enter product name'\n      };\n\n      // NodeEditor context (with label)\n      const nodeEditorTemplate = FieldRenderer.renderField(\n        'product',\n        config,\n        'iPhone 15',\n        {\n          errors: [],\n          showLabel: true,\n          onChange: () => {}\n        }\n      );\n\n      // ArrayEditor context (without label)\n      const arrayEditorTemplate = FieldRenderer.renderField(\n        'product',\n        config,\n        'iPhone 15',\n        {\n          errors: [],\n          showLabel: false,\n          flavor: 'small',\n          extraClasses: 'form-control',\n          onChange: () => {}\n        }\n      );\n\n      const nodeContainer = await fixture(html`<div\n        style=\"width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;\"\n      >\n        <h3 style=\"margin: 0 0 10px 0; font-size: 14px; color: #666;\">\n          NodeEditor Context\n        </h3>\n        ${nodeEditorTemplate}\n      </div>`);\n\n      const arrayContainer = await fixture(html`<div\n        style=\"width: 400px; padding: 20px; border: 1px solid #ddd; margin: 10px;\"\n      >\n        <h3 style=\"margin: 0 0 10px 0; font-size: 14px; color: #666;\">\n          ArrayEditor Context\n        </h3>\n        ${arrayEditorTemplate}\n      </div>`);\n\n      const combinedContainer = await fixture(html`<div\n        style=\"display: flex; flex-direction: column; width: 420px;\"\n      >\n        ${nodeContainer} ${arrayContainer}\n      </div>`);\n\n      await assertScreenshot(\n        'field-renderer/context-comparison',\n        getClip(combinedContainer as HTMLElement)\n      );\n    });\n  });\n\n  describe('error handling', () => {\n    it('should handle all field types without throwing errors', () => {\n      const configs = [\n        { type: 'text', label: 'Text' } as TextFieldConfig,\n        { type: 'textarea', label: 'Textarea' } as TextareaFieldConfig,\n        { type: 'select', label: 'Select', options: [] } as SelectFieldConfig,\n        { type: 'checkbox', label: 'Checkbox' },\n        { type: 'key-value', label: 'KeyValue' },\n        { type: 'array', label: 'Array', itemConfig: {} },\n        { type: 'message-editor', label: 'MessageEditor' }\n      ];\n\n      configs.forEach((config, index) => {\n        expect(() => {\n          FieldRenderer.renderField(`field${index}`, config as any, null, {\n            errors: [],\n            showLabel: true,\n            onChange: () => {}\n          });\n        }).to.not.throw;\n      });\n    });\n  });\n});\n"]}

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

@@ -12,10 +12,8 @@ describe('FormElement markdown integration', () => {
       ></temba-checkbox>
     `);
         await checkbox.updateComplete;
-        // Check that errors are rendered with markdown
-        const errorElements = checkbox.shadowRoot
-            .querySelectorAll('temba-field')[0]
-            .shadowRoot.querySelectorAll('.alert-error');
+        // Check that errors are rendered with markdown directly in checkbox shadow root
+        const errorElements = checkbox.shadowRoot.querySelectorAll('.alert-error');
         expect(errorElements.length).to.equal(2);
         // First error should have bold text and link
         const firstError = errorElements[0];

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

@@ -1 +1 @@
-{"version":3,"file":"temba-integration-markdown.test.js","sourceRoot":"","sources":["../../test/temba-integration-markdown.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEzD,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAChD,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,QAAQ,GAAa,MAAM,OAAO,CAAC,IAAI,CAAA;;;kBAG/B;YACR,8EAA8E;YAC9E,kCAAkC;SACnC;;KAEJ,CAAC,CAAC;QAEH,MAAM,QAAQ,CAAC,cAAc,CAAC;QAE9B,+CAA+C;QAC/C,MAAM,aAAa,GAAG,QAAQ,CAAC,UAAU;aACtC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;aAClC,UAAU,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC/C,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEzC,6CAA6C;QAC7C,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACpC,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvD,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClD,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAEzE,uCAAuC;QACvC,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAEvD,MAAM,gBAAgB,CACpB,sCAAsC,EACtC,OAAO,CAAC,QAAQ,CAAC,CAClB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Checkbox } from '../src/form/Checkbox';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('FormElement markdown integration', () => {\n  it('renders checkbox with markdown errors', async () => {\n    const checkbox: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"Accept Terms\"\n        .errors=${[\n          'Please read the **terms and conditions** at [this link](https://example.com)',\n          'This field *requires* acceptance'\n        ]}\n      ></temba-checkbox>\n    `);\n\n    await checkbox.updateComplete;\n\n    // Check that errors are rendered with markdown\n    const errorElements = checkbox.shadowRoot\n      .querySelectorAll('temba-field')[0]\n      .shadowRoot.querySelectorAll('.alert-error');\n    expect(errorElements.length).to.equal(2);\n\n    // First error should have bold text and link\n    const firstError = errorElements[0];\n    const boldElement = firstError.querySelector('strong');\n    const linkElement = firstError.querySelector('a');\n    expect(boldElement).to.not.be.null;\n    expect(boldElement.textContent).to.equal('terms and conditions');\n    expect(linkElement).to.not.be.null;\n    expect(linkElement.getAttribute('href')).to.equal('https://example.com');\n\n    // Second error should have italic text\n    const secondError = errorElements[1];\n    const italicElement = secondError.querySelector('em');\n    expect(italicElement).to.not.be.null;\n    expect(italicElement.textContent).to.equal('requires');\n\n    await assertScreenshot(\n      'integration/checkbox-markdown-errors',\n      getClip(checkbox)\n    );\n  });\n});\n"]}
+{"version":3,"file":"temba-integration-markdown.test.js","sourceRoot":"","sources":["../../test/temba-integration-markdown.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEzD,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAChD,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,QAAQ,GAAa,MAAM,OAAO,CAAC,IAAI,CAAA;;;kBAG/B;YACR,8EAA8E;YAC9E,kCAAkC;SACnC;;KAEJ,CAAC,CAAC;QAEH,MAAM,QAAQ,CAAC,cAAc,CAAC;QAE9B,gFAAgF;QAChF,MAAM,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC3E,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEzC,6CAA6C;QAC7C,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACpC,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvD,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClD,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAEzE,uCAAuC;QACvC,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAEvD,MAAM,gBAAgB,CACpB,sCAAsC,EACtC,OAAO,CAAC,QAAQ,CAAC,CAClB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Checkbox } from '../src/form/Checkbox';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('FormElement markdown integration', () => {\n  it('renders checkbox with markdown errors', async () => {\n    const checkbox: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"Accept Terms\"\n        .errors=${[\n          'Please read the **terms and conditions** at [this link](https://example.com)',\n          'This field *requires* acceptance'\n        ]}\n      ></temba-checkbox>\n    `);\n\n    await checkbox.updateComplete;\n\n    // Check that errors are rendered with markdown directly in checkbox shadow root\n    const errorElements = checkbox.shadowRoot.querySelectorAll('.alert-error');\n    expect(errorElements.length).to.equal(2);\n\n    // First error should have bold text and link\n    const firstError = errorElements[0];\n    const boldElement = firstError.querySelector('strong');\n    const linkElement = firstError.querySelector('a');\n    expect(boldElement).to.not.be.null;\n    expect(boldElement.textContent).to.equal('terms and conditions');\n    expect(linkElement).to.not.be.null;\n    expect(linkElement.getAttribute('href')).to.equal('https://example.com');\n\n    // Second error should have italic text\n    const secondError = errorElements[1];\n    const italicElement = secondError.querySelector('em');\n    expect(italicElement).to.not.be.null;\n    expect(italicElement.textContent).to.equal('requires');\n\n    await assertScreenshot(\n      'integration/checkbox-markdown-errors',\n      getClip(checkbox)\n    );\n  });\n});\n"]}

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

@@ -33,7 +33,7 @@ describe('markdown', () => {
             const invalidPartInfo = {
                 type: PartType.ATTRIBUTE
             };
-            expect(() => new RenderMarkdown(invalidPartInfo)).to.throw('renderMarkdown only supports child expressions');
+            expect(() => new RenderMarkdown(invalidPartInfo)).to.throw('markdown directives only support child expressions');
         });
         it('creates directive for child part type', () => {
             const validPartInfo = {

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

@@ -1 +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"]}
+{"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        'markdown directives only support 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"]}