@nyaruka/temba-components 0.129.1 → 0.129.3

package/out-tsc/test/temba-contact-details.test.js

@@ -1,5 +1,5 @@
 import { assert, waitUntil } from '@open-wc/testing';
-import { ContactDetails } from '../src/contacts/ContactDetails';
+import { ContactDetails } from '../src/live/ContactDetails';
 import { getComponent, loadStore, mockGET } from './utils.test';
 const TAG = 'temba-contact-details';
 const getContactDetails = async (attrs = {}) => {

package/out-tsc/test/temba-contact-details.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-details.test.js","sourceRoot":"","sources":["../../test/temba-contact-details.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,GAAG,GAAG,uBAAuB,CAAC;AACpC,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,CAAC,MAAM,YAAY,CACxC,GAAG,EACH,KAAK,EACL,EAAE,EACF,GAAG,CACJ,CAAmB,CAAC;IACrB,+BAA+B;IAC/B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CACL,qEAAqE,EACrE,2CAA2C,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,cAAc,GAAmB,MAAM,iBAAiB,CAAC;YAC7D,OAAO,EAAE,sCAAsC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAClD,uEAAuE;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, waitUntil } from '@open-wc/testing';\nimport { ContactDetails } from '../src/contacts/ContactDetails';\nimport { getComponent, loadStore, mockGET } from './utils.test';\n\nconst TAG = 'temba-contact-details';\nconst getContactDetails = async (attrs: any = {}) => {\n  const contactDetails = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    400\n  )) as ContactDetails;\n  // wait for our contact to load\n  await waitUntil(() => !!contactDetails.data);\n  return contactDetails;\n};\n\ndescribe('temba-contact-tickets', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/api\\/v2\\/contacts.json\\?uuid=24d64810-3315-4ff5-be85-48e3fe055bf9/,\n      '/test-assets/contacts/contact-dave-active'\n    );\n  });\n\n  it('renders default', async () => {\n    await loadStore();\n    const contactDetails: ContactDetails = await getContactDetails({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9'\n    });\n\n    assert.instanceOf(contactDetails, ContactDetails);\n    // await assertScreenshot('contacts/details', getClip(contactDetails));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-details.test.js","sourceRoot":"","sources":["../../test/temba-contact-details.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,GAAG,GAAG,uBAAuB,CAAC;AACpC,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,CAAC,MAAM,YAAY,CACxC,GAAG,EACH,KAAK,EACL,EAAE,EACF,GAAG,CACJ,CAAmB,CAAC;IACrB,+BAA+B;IAC/B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CACL,qEAAqE,EACrE,2CAA2C,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,cAAc,GAAmB,MAAM,iBAAiB,CAAC;YAC7D,OAAO,EAAE,sCAAsC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAClD,uEAAuE;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, waitUntil } from '@open-wc/testing';\nimport { ContactDetails } from '../src/live/ContactDetails';\nimport { getComponent, loadStore, mockGET } from './utils.test';\n\nconst TAG = 'temba-contact-details';\nconst getContactDetails = async (attrs: any = {}) => {\n  const contactDetails = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    400\n  )) as ContactDetails;\n  // wait for our contact to load\n  await waitUntil(() => !!contactDetails.data);\n  return contactDetails;\n};\n\ndescribe('temba-contact-tickets', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/api\\/v2\\/contacts.json\\?uuid=24d64810-3315-4ff5-be85-48e3fe055bf9/,\n      '/test-assets/contacts/contact-dave-active'\n    );\n  });\n\n  it('renders default', async () => {\n    await loadStore();\n    const contactDetails: ContactDetails = await getContactDetails({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9'\n    });\n\n    assert.instanceOf(contactDetails, ContactDetails);\n    // await assertScreenshot('contacts/details', getClip(contactDetails));\n  });\n});\n"]}

package/out-tsc/test/temba-contact-fields.test.js

@@ -1,5 +1,5 @@
 import { assert, expect } from '@open-wc/testing';
-import { ContactFields } from '../src/contacts/ContactFields';
+import { ContactFields } from '../src/live/ContactFields';
 import { delay, getComponent, loadStore, mockPOST } from './utils.test';
 const TAG = 'temba-contact-fields';
 const getFields = async (attrs = {}) => {

package/out-tsc/test/temba-contact-fields.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-fields.test.js","sourceRoot":"","sources":["../../test/temba-contact-fields.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,GAAG,GAAG,sBAAsB,CAAC;AACnC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAkB,CAAC;IAE1E,+BAA+B;IAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE;IACjB,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,+CAA+C;QAC/C,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACzC,8DAA8D;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,mDAAmD,EAAE,IAAI,CAAC,CAAC;QAEpE,oBAAoB;QACpB,MAAM,QAAQ,CACZ,qEAAqE,EACrE,IAAI,EACJ,IAAI,EACJ,IAAI,CACL,CAAC;QAEF,+DAA+D;QAC/D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvD,sEAAsE;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { ContactFields } from '../src/contacts/ContactFields';\nimport { delay, getComponent, loadStore, mockPOST } from './utils.test';\n\nconst TAG = 'temba-contact-fields';\nconst getFields = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  const fields = (await getComponent(TAG, attrs, '', 600)) as ContactFields;\n\n  // wait for our contact to load\n  await delay(100);\n\n  return fields;\n};\n\ndescribe(TAG, () => {\n  it('renders default', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active'\n    });\n    assert.instanceOf(fields, ContactFields);\n    // await assertScreenshot('contacts/fields', getClip(fields));\n  });\n\n  it('handles updated contacts properly', async () => {\n    await loadStore();\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active'\n    });\n\n    const data = fields.data;\n    data.groups.forEach((group) => {\n      delete group['is_dynamic'];\n    });\n    mockPOST(/api\\/v2\\/contacts\\.json\\?uuid=contact-dave-active/, data);\n\n    // update our fields\n    await typeInto(\n      \"temba-contact-fields:temba-contact-field[key='age']:temba-textinput\",\n      '62',\n      true,\n      true\n    );\n\n    // the updated contact should still have is_dynamic flags added\n    expect(fields.data.groups[0].is_dynamic).equals(true);\n    expect(fields.data.groups[1].is_dynamic).equals(false);\n\n    // await assertScreenshot('contacts/fields-updated', getClip(fields));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-fields.test.js","sourceRoot":"","sources":["../../test/temba-contact-fields.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,GAAG,GAAG,sBAAsB,CAAC;AACnC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAkB,CAAC;IAE1E,+BAA+B;IAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE;IACjB,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,+CAA+C;QAC/C,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACzC,8DAA8D;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,mDAAmD,EAAE,IAAI,CAAC,CAAC;QAEpE,oBAAoB;QACpB,MAAM,QAAQ,CACZ,qEAAqE,EACrE,IAAI,EACJ,IAAI,EACJ,IAAI,CACL,CAAC;QAEF,+DAA+D;QAC/D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvD,sEAAsE;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { ContactFields } from '../src/live/ContactFields';\nimport { delay, getComponent, loadStore, mockPOST } from './utils.test';\n\nconst TAG = 'temba-contact-fields';\nconst getFields = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  const fields = (await getComponent(TAG, attrs, '', 600)) as ContactFields;\n\n  // wait for our contact to load\n  await delay(100);\n\n  return fields;\n};\n\ndescribe(TAG, () => {\n  it('renders default', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active'\n    });\n    assert.instanceOf(fields, ContactFields);\n    // await assertScreenshot('contacts/fields', getClip(fields));\n  });\n\n  it('handles updated contacts properly', async () => {\n    await loadStore();\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active'\n    });\n\n    const data = fields.data;\n    data.groups.forEach((group) => {\n      delete group['is_dynamic'];\n    });\n    mockPOST(/api\\/v2\\/contacts\\.json\\?uuid=contact-dave-active/, data);\n\n    // update our fields\n    await typeInto(\n      \"temba-contact-fields:temba-contact-field[key='age']:temba-textinput\",\n      '62',\n      true,\n      true\n    );\n\n    // the updated contact should still have is_dynamic flags added\n    expect(fields.data.groups[0].is_dynamic).equals(true);\n    expect(fields.data.groups[1].is_dynamic).equals(false);\n\n    // await assertScreenshot('contacts/fields-updated', getClip(fields));\n  });\n});\n"]}

package/out-tsc/test/temba-contact-search.test.js

@@ -1,5 +1,5 @@
 import { fixture, assert, expect } from '@open-wc/testing';
-import { ContactSearch } from '../src/contactsearch/ContactSearch';
+import { ContactSearch } from '../src/form/ContactSearch';
 import { assertScreenshot, getClip, getHTML, mockPOST } from './utils.test';
 import { useFakeTimers } from 'sinon';
 import { CustomEventType } from '../src/interfaces';

package/out-tsc/test/temba-contact-search.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-search.test.js","sourceRoot":"","sources":["../../test/temba-contact-search.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { ContactSearch } from '../src/contactsearch/ContactSearch';\nimport { assertScreenshot, getClip, getHTML, mockPOST } from './utils.test';\nimport { useFakeTimers } from 'sinon';\nimport { CustomEventType } from '../src/interfaces';\nimport { Omnibox } from '../src/omnibox/Omnibox';\n\nlet clock: any;\n\nfunction waitForSearch(search: ContactSearch) {\n  return new Promise<ContactSearch>((resolve) => {\n    search.addEventListener(\n      CustomEventType.ContentChanged,\n      async () => {\n        await clock.runAll();\n        resolve(search);\n      },\n      { once: true }\n    );\n  });\n}\n\ndescribe('temba-contact-search', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search')\n    );\n    assert.instanceOf(search, ContactSearch);\n  });\n\n  xit('handles bad queries', async () => {\n    const endpoint = '/contact-search-bad';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        advanced: true,\n        endpoint\n      })\n    );\n\n    // mock an error response\n    mockPOST(\n      /contact-search-bad/,\n      { query: '', total: 0, error: \"'Missing' is not a valid group name\" },\n      { 'X-Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Missing\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n\n    expect(search.errors).to.deep.equal([\n      \"'Missing' is not a valid group name\"\n    ]);\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/missing-group', getClip(search));\n  });\n\n  xit('allows manual searches', async () => {\n    const endpoint = '/contact-search-manual';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        endpoint\n      })\n    );\n\n    const omnibox = search.shadowRoot.querySelector('temba-omnibox') as Omnibox;\n    omnibox.value = [];\n    search.advanced = true;\n\n    await search.updateComplete;\n\n    // mock successful response with some warnings\n    mockPOST(\n      /contact-search-manual/,\n      {\n        query: 'group = \"Doctors\"',\n        total: 1937,\n        warnings: [\n          'This flow does not specify a Facebook topic. You may still start this flow but Facebook contacts who have not sent an incoming message in the last 24 hours may not receive it.',\n          'This flow does not use message templates. You may still start this flow but WhatsApp contacts who have not sent an incoming message in the last 24 hours may not receive it.'\n        ],\n        blockers: []\n      },\n      { 'X-Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Testers\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n    await clock.runAll();\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/manual-search', getClip(search));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-search.test.js","sourceRoot":"","sources":["../../test/temba-contact-search.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { ContactSearch } from '../src/form/ContactSearch';\nimport { assertScreenshot, getClip, getHTML, mockPOST } from './utils.test';\nimport { useFakeTimers } from 'sinon';\nimport { CustomEventType } from '../src/interfaces';\nimport { Omnibox } from '../src/form/select/Omnibox';\n\nlet clock: any;\n\nfunction waitForSearch(search: ContactSearch) {\n  return new Promise<ContactSearch>((resolve) => {\n    search.addEventListener(\n      CustomEventType.ContentChanged,\n      async () => {\n        await clock.runAll();\n        resolve(search);\n      },\n      { once: true }\n    );\n  });\n}\n\ndescribe('temba-contact-search', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search')\n    );\n    assert.instanceOf(search, ContactSearch);\n  });\n\n  xit('handles bad queries', async () => {\n    const endpoint = '/contact-search-bad';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        advanced: true,\n        endpoint\n      })\n    );\n\n    // mock an error response\n    mockPOST(\n      /contact-search-bad/,\n      { query: '', total: 0, error: \"'Missing' is not a valid group name\" },\n      { 'X-Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Missing\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n\n    expect(search.errors).to.deep.equal([\n      \"'Missing' is not a valid group name\"\n    ]);\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/missing-group', getClip(search));\n  });\n\n  xit('allows manual searches', async () => {\n    const endpoint = '/contact-search-manual';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        endpoint\n      })\n    );\n\n    const omnibox = search.shadowRoot.querySelector('temba-omnibox') as Omnibox;\n    omnibox.value = [];\n    search.advanced = true;\n\n    await search.updateComplete;\n\n    // mock successful response with some warnings\n    mockPOST(\n      /contact-search-manual/,\n      {\n        query: 'group = \"Doctors\"',\n        total: 1937,\n        warnings: [\n          'This flow does not specify a Facebook topic. You may still start this flow but Facebook contacts who have not sent an incoming message in the last 24 hours may not receive it.',\n          'This flow does not use message templates. You may still start this flow but WhatsApp contacts who have not sent an incoming message in the last 24 hours may not receive it.'\n        ],\n        blockers: []\n      },\n      { 'X-Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Testers\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n    await clock.runAll();\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/manual-search', getClip(search));\n  });\n});\n"]}

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

@@ -5,11 +5,15 @@ export const getDate = async (attrs = {}) => {
     attrs['width'] = 100;
     return (await getComponent(TAG, attrs));
 };
-mockNow('2022-12-02T21:00:00.000000');
 describe('temba-date', () => {
+    let mockedNow;
     beforeEach(() => {
+        mockedNow = mockNow('2022-12-02T21:00:00.000000');
         loadStore();
     });
+    afterEach(() => {
+        mockedNow.restore();
+    });
     it('renders default', async () => {
         const date = await getDate({ value: '1978-11-18T02:22:00.000000' });
         const dateString = date.shadowRoot.querySelector('.date').innerText;

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

@@ -1 +1 @@
-{"version":3,"file":"temba-date.test.js","sourceRoot":"","sources":["../../test/temba-date.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { TembaDate } from '../src/date/TembaDate';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockNow\n} from './utils.test';\n\nconst TAG = 'temba-date';\n\nexport const getDate = async (attrs: any = {}) => {\n  attrs['width'] = 100;\n  return (await getComponent(TAG, attrs)) as TembaDate;\n};\n\nmockNow('2022-12-02T21:00:00.000000');\n\ndescribe('temba-date', () => {\n  beforeEach(() => {\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const date = await getDate({ value: '1978-11-18T02:22:00.000000' });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/date', getClip(date));\n    expect(dateString).to.equal('11/18/1978');\n  });\n\n  it('renders duration', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000',\n      display: 'duration'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/duration', getClip(date));\n    expect(dateString).to.equal('44 years ago');\n  });\n\n  it('renders datetime', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000',\n      display: 'datetime'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/datetime', getClip(date));\n    expect(dateString).to.equal('11/18/1978, 2:22 AM');\n  });\n\n  it('renders timedate', async () => {\n    const date = await getDate({\n      value: '2022-12-01T21:30:00.000000',\n      display: 'timedate'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n    await assertScreenshot('date/timedate', getClip(date));\n    expect(dateString).to.equal('Dec 1');\n  });\n\n  it('renders inline', async () => {\n    const el: HTMLElement = await fixture(html`\n      <span\n        >Your birthday is\n        <temba-date value=\"1978-11-18T02:22:00.000000\"></temba-date>!</span\n      >\n    `);\n\n    await assertScreenshot('date/date-inline', getClip(el));\n  });\n});\n"]}
+{"version":3,"file":"temba-date.test.js","sourceRoot":"","sources":["../../test/temba-date.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { TembaDate } from '../src/display/TembaDate';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockNow\n} from './utils.test';\nimport { SinonStub } from 'sinon';\n\nconst TAG = 'temba-date';\n\nexport const getDate = async (attrs: any = {}) => {\n  attrs['width'] = 100;\n  return (await getComponent(TAG, attrs)) as TembaDate;\n};\n\ndescribe('temba-date', () => {\n  let mockedNow: SinonStub;\n  beforeEach(() => {\n    mockedNow = mockNow('2022-12-02T21:00:00.000000');\n    loadStore();\n  });\n\n  afterEach(() => {\n    mockedNow.restore();\n  });\n\n  it('renders default', async () => {\n    const date = await getDate({ value: '1978-11-18T02:22:00.000000' });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/date', getClip(date));\n    expect(dateString).to.equal('11/18/1978');\n  });\n\n  it('renders duration', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000',\n      display: 'duration'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/duration', getClip(date));\n    expect(dateString).to.equal('44 years ago');\n  });\n\n  it('renders datetime', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000',\n      display: 'datetime'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/datetime', getClip(date));\n    expect(dateString).to.equal('11/18/1978, 2:22 AM');\n  });\n\n  it('renders timedate', async () => {\n    const date = await getDate({\n      value: '2022-12-01T21:30:00.000000',\n      display: 'timedate'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n    await assertScreenshot('date/timedate', getClip(date));\n    expect(dateString).to.equal('Dec 1');\n  });\n\n  it('renders inline', async () => {\n    const el: HTMLElement = await fixture(html`\n      <span\n        >Your birthday is\n        <temba-date value=\"1978-11-18T02:22:00.000000\"></temba-date>!</span\n      >\n    `);\n\n    await assertScreenshot('date/date-inline', getClip(el));\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { fixture, expect, assert } from '@open-wc/testing';
-import { DatePicker } from '../src/datepicker/DatePicker';
+import { DatePicker } from '../src/form/DatePicker';
 import { assertScreenshot, getAttributes, getClip } from './utils.test';
 export const getPickerHTML = (attrs = {}) => {
     return `<temba-datepicker ${getAttributes(attrs)}></temba-datepicker>`;

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

@@ -1 +1 @@
-{"version":3,"file":"temba-datepicker.test.js","sourceRoot":"","sources":["../../test/temba-datepicker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { DatePicker } from '../src/datepicker/DatePicker';\nimport { assertScreenshot, getAttributes, getClip } from './utils.test';\n\nexport const getPickerHTML = (attrs: any = {}) => {\n  return `<temba-datepicker ${getAttributes(attrs)}></temba-datepicker>`;\n};\n\nexport const createPicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n  parentNode.id = 'parent';\n  const picker: DatePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-datepicker', () => {\n  it('can create a date picker', async () => {\n    const picker: DatePicker = await createPicker(getPickerHTML());\n    assert.instanceOf(picker, DatePicker);\n    await assertScreenshot('datepicker/date', getClip(picker));\n  });\n\n  it('can create a datetime picker', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ time: true })\n    );\n    assert.instanceOf(picker, DatePicker);\n    // await assertScreenshot('datepicker/datetime', getClip(picker));\n  });\n\n  it('can be initialized with an iso date', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', time: true })\n    );\n\n    // default should be browser locale, which for our tests is UTC\n    // expect(picker.timezone).to.equal('UTC');\n\n    // we should display in the current locale\n    // await assertScreenshot('datepicker/initial-value', getClip(picker));\n\n    // but our value should be our original value as a full iso date\n    expect(picker.value).is.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be initialized with a timezone', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({\n        value: '2020-01-20T14:00Z',\n        timezone: 'America/New_York',\n        time: true\n      })\n    );\n\n    expect(picker.timezone).to.equal('America/New_York');\n\n    // we should display in the eastern timezone\n    await assertScreenshot('datepicker/initial-timezone', getClip(picker));\n    expect(picker.value).to.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be updated via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', id: 'picker', time: true })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '01202024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-01-20T14:00:00.000Z');\n    // await assertScreenshot('datepicker/updated-keyboard', getClip(picker));\n  });\n\n  it('can update date via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20', id: 'picker' })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '12252024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-12-25');\n    await assertScreenshot('datepicker/updated-keyboard-date', getClip(picker));\n  });\n\n  it('truncates time on dates', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20 00:00:00' })\n    );\n\n    expect(picker.value).to.equal('2020-01-20');\n    await assertScreenshot('datepicker/date-truncated-time', getClip(picker));\n  });\n});\n"]}
+{"version":3,"file":"temba-datepicker.test.js","sourceRoot":"","sources":["../../test/temba-datepicker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { DatePicker } from '../src/form/DatePicker';\nimport { assertScreenshot, getAttributes, getClip } from './utils.test';\n\nexport const getPickerHTML = (attrs: any = {}) => {\n  return `<temba-datepicker ${getAttributes(attrs)}></temba-datepicker>`;\n};\n\nexport const createPicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n  parentNode.id = 'parent';\n  const picker: DatePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-datepicker', () => {\n  it('can create a date picker', async () => {\n    const picker: DatePicker = await createPicker(getPickerHTML());\n    assert.instanceOf(picker, DatePicker);\n    await assertScreenshot('datepicker/date', getClip(picker));\n  });\n\n  it('can create a datetime picker', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ time: true })\n    );\n    assert.instanceOf(picker, DatePicker);\n    // await assertScreenshot('datepicker/datetime', getClip(picker));\n  });\n\n  it('can be initialized with an iso date', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', time: true })\n    );\n\n    // default should be browser locale, which for our tests is UTC\n    // expect(picker.timezone).to.equal('UTC');\n\n    // we should display in the current locale\n    // await assertScreenshot('datepicker/initial-value', getClip(picker));\n\n    // but our value should be our original value as a full iso date\n    expect(picker.value).is.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be initialized with a timezone', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({\n        value: '2020-01-20T14:00Z',\n        timezone: 'America/New_York',\n        time: true\n      })\n    );\n\n    expect(picker.timezone).to.equal('America/New_York');\n\n    // we should display in the eastern timezone\n    await assertScreenshot('datepicker/initial-timezone', getClip(picker));\n    expect(picker.value).to.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be updated via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', id: 'picker', time: true })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '01202024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-01-20T14:00:00.000Z');\n    // await assertScreenshot('datepicker/updated-keyboard', getClip(picker));\n  });\n\n  it('can update date via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20', id: 'picker' })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '12252024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-12-25');\n    await assertScreenshot('datepicker/updated-keyboard-date', getClip(picker));\n  });\n\n  it('truncates time on dates', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20 00:00:00' })\n    );\n\n    expect(picker.value).to.equal('2020-01-20');\n    await assertScreenshot('datepicker/date-truncated-time', getClip(picker));\n  });\n});\n"]}

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

@@ -1,6 +1,6 @@
 import { assert, expect, fixture } from '@open-wc/testing';
 import * as sinon from 'sinon';
-import { Dialog } from '../src/dialog/Dialog';
+import { Dialog } from '../src/layout/Dialog';
 import { assertScreenshot, getClip } from './utils.test';
 const getDialogClip = (dialog) => {
     return getClip(dialog.shadowRoot.querySelector('.dialog-container'));

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

@@ -1 +1 @@
-{"version":3,"file":"temba-dialog.test.js","sourceRoot":"","sources":["../../test/temba-dialog.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect, fixture } from '@open-wc/testing';\nimport * as sinon from 'sinon';\nimport { Dialog } from '../src/dialog/Dialog';\nimport { assertScreenshot, getClip } from './utils.test';\n\nconst getDialogClip = (dialog: Dialog) => {\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\nconst getDialogHTML = (hideOnClick = false) => {\n  return `\n    <temba-dialog header=\"Hello Dialog\" ${hideOnClick ? 'hideOnClick' : ''}>\n      <input name=\"comment\" type=\"text\" style=\"margin: 10px\"/>\n    </temba-dialog>\n  `;\n};\n\nconst open = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = true;\n\n  await dialog.updateComplete;\n\n  // our dialog will animate onto the screen\n  clock.tick(400);\n  await dialog.updateComplete;\n\n  // gain focus for first text input\n  clock.tick(100);\n  await dialog.updateComplete;\n\n  clock.restore();\n};\n\nconst close = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = false;\n  await dialog.updateComplete;\n\n  // tick forward for close to complete\n  clock.tick(400);\n\n  clock.restore();\n};\n\ndescribe('temba-dialog', () => {\n  it('can be created', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    assert.instanceOf(dialog, Dialog);\n  });\n\n  it('can be opened', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n  });\n\n  it('can be closed by attribute', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n    dialog.open = false;\n  });\n\n  it('can be canceled', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n\n    dialog.getCancelButton().click();\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('restricts and restores background scrolling', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    const body = document.querySelector('body');\n    expect(body.style.position).to.equal('fixed');\n\n    await close(dialog);\n    dialog.getCancelButton().click();\n    await dialog.updateComplete;\n    expect(body.style.position).to.equal('');\n  });\n\n  it('focuses the first text input', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n\n    const input = dialog.querySelector('input');\n    expect(document.activeElement).to.equal(input);\n    await assertScreenshot('dialog/focused', getDialogClip(dialog));\n  });\n\n  it('hides on click', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n\n    const mask: HTMLDivElement =\n      dialog.shadowRoot.querySelector('#dialog-mask');\n    mask.click();\n\n    await dialog.updateComplete;\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('hides on escape', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n    expect(dialog.open).to.equal(true);\n\n    // simulate the escape key\n    const element = dialog.shadowRoot.querySelector('.dialog-container');\n    element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Escape' }));\n    expect(dialog.open).to.equal(false);\n  });\n});\n"]}
+{"version":3,"file":"temba-dialog.test.js","sourceRoot":"","sources":["../../test/temba-dialog.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect, fixture } from '@open-wc/testing';\nimport * as sinon from 'sinon';\nimport { Dialog } from '../src/layout/Dialog';\nimport { assertScreenshot, getClip } from './utils.test';\n\nconst getDialogClip = (dialog: Dialog) => {\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\nconst getDialogHTML = (hideOnClick = false) => {\n  return `\n    <temba-dialog header=\"Hello Dialog\" ${hideOnClick ? 'hideOnClick' : ''}>\n      <input name=\"comment\" type=\"text\" style=\"margin: 10px\"/>\n    </temba-dialog>\n  `;\n};\n\nconst open = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = true;\n\n  await dialog.updateComplete;\n\n  // our dialog will animate onto the screen\n  clock.tick(400);\n  await dialog.updateComplete;\n\n  // gain focus for first text input\n  clock.tick(100);\n  await dialog.updateComplete;\n\n  clock.restore();\n};\n\nconst close = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = false;\n  await dialog.updateComplete;\n\n  // tick forward for close to complete\n  clock.tick(400);\n\n  clock.restore();\n};\n\ndescribe('temba-dialog', () => {\n  it('can be created', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    assert.instanceOf(dialog, Dialog);\n  });\n\n  it('can be opened', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n  });\n\n  it('can be closed by attribute', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n    dialog.open = false;\n  });\n\n  it('can be canceled', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n\n    dialog.getCancelButton().click();\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('restricts and restores background scrolling', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    const body = document.querySelector('body');\n    expect(body.style.position).to.equal('fixed');\n\n    await close(dialog);\n    dialog.getCancelButton().click();\n    await dialog.updateComplete;\n    expect(body.style.position).to.equal('');\n  });\n\n  it('focuses the first text input', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n\n    const input = dialog.querySelector('input');\n    expect(document.activeElement).to.equal(input);\n    await assertScreenshot('dialog/focused', getDialogClip(dialog));\n  });\n\n  it('hides on click', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n\n    const mask: HTMLDivElement =\n      dialog.shadowRoot.querySelector('#dialog-mask');\n    mask.click();\n\n    await dialog.updateComplete;\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('hides on escape', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n    expect(dialog.open).to.equal(true);\n\n    // simulate the escape key\n    const element = dialog.shadowRoot.querySelector('.dialog-container');\n    element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Escape' }));\n    expect(dialog.open).to.equal(false);\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { assert, expect } from '@open-wc/testing';
-import { Dropdown } from '../src/dropdown/Dropdown';
+import { Dropdown } from '../src/display/Dropdown';
 import { assertScreenshot, getClip, getComponent } from './utils.test';
 const TAG = 'temba-dropdown';
 // Helper function to wait for stable rendering

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

@@ -1 +1 @@
-{"version":3,"file":"temba-dropdown.test.js","sourceRoot":"","sources":["../../test/temba-dropdown.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { Dropdown } from '../src/dropdown/Dropdown';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-dropdown';\n\n// Helper function to wait for stable rendering\nconst waitForStableRender = async (dropdown: Dropdown, timeoutMs = 100) => {\n  await dropdown.updateComplete;\n  // Double wait to ensure any async positioning is complete\n  await new Promise((resolve) => setTimeout(resolve, timeoutMs));\n  await dropdown.updateComplete;\n};\n\n// Helper function to get expanded clip that includes dropdown content when open\nconst getDropdownClip = (dropdown: Dropdown) => {\n  if (!dropdown.open) {\n    // If closed, use regular clipping\n    return getClip(dropdown);\n  }\n\n  // For open dropdowns, include the positioned dropdown content\n  const dropdownDiv = dropdown.shadowRoot.querySelector(\n    '.dropdown'\n  ) as HTMLDivElement;\n  const dropdownBounds = dropdownDiv.getBoundingClientRect();\n  const componentBounds = dropdown.getBoundingClientRect();\n\n  // If dropdown content has no meaningful size, fall back to regular clip\n  if (dropdownBounds.width < 10 || dropdownBounds.height < 10) {\n    return getClip(dropdown);\n  }\n\n  // Create a clipping region that includes both the component and the dropdown content\n  const minX = Math.min(componentBounds.x, dropdownBounds.x);\n  const minY = Math.min(componentBounds.y, dropdownBounds.y);\n  const maxX = Math.max(componentBounds.right, dropdownBounds.right);\n  const maxY = Math.max(componentBounds.bottom, dropdownBounds.bottom);\n\n  // Clamp to reasonable bounds to avoid excessive screenshot sizes\n  const x = Math.max(0, minX - 10);\n  const y = Math.max(0, minY - 10);\n  const width = Math.min(1000, maxX - minX + 20);\n  const height = Math.min(800, maxY - minY + 20);\n\n  return { x, y, width, height };\n};\n\nconst getDropdown = async (\n  attrs: {\n    open?: boolean;\n    dormant?: boolean;\n    arrowSize?: number;\n    margin?: number;\n    mask?: boolean;\n  } = {},\n  toggleSlot = '<button slot=\"toggle\">Toggle</button>',\n  dropdownSlot = '<div slot=\"dropdown\">Dropdown content</div>'\n) => {\n  const dropdown = (await getComponent(\n    TAG,\n    attrs,\n    `${toggleSlot}${dropdownSlot}`,\n    400,\n    300\n  )) as Dropdown;\n  await dropdown.updateComplete;\n  return dropdown;\n};\n\ndescribe(TAG, () => {\n  it('can be created', async () => {\n    const dropdown = await getDropdown();\n    assert.instanceOf(dropdown, Dropdown);\n  });\n\n  it('has correct default properties', async () => {\n    const dropdown = await getDropdown();\n\n    // Test expected values first\n    expect(dropdown.open).to.equal(false);\n    expect(dropdown.dormant).to.equal(true);\n    expect(dropdown.arrowSize).to.equal(8);\n    expect(dropdown.margin).to.equal(10);\n    expect(dropdown.mask).to.equal(false);\n    // Position calculation happens automatically, so styles won't be empty\n    expect(typeof dropdown.dropdownStyle).to.equal('object');\n    expect(typeof dropdown.arrowStyle).to.equal('object');\n\n    // Then screenshot\n    await assertScreenshot('dropdown/default', getClip(dropdown));\n  });\n\n  it('renders with mask when enabled', async () => {\n    const dropdown = await getDropdown({ mask: true });\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Test expected values first\n    expect(dropdown.mask).to.equal(true);\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Then screenshot\n    await assertScreenshot('dropdown/with-mask', getDropdownClip(dropdown));\n  });\n\n  it('handles toggle click and opens dropdown', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Verify initial state\n    expect(dropdown.open).to.equal(false);\n    expect(dropdown.dormant).to.equal(true);\n\n    // Click the toggle\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Verify dropdown opened\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Screenshot the opened state with expanded clip\n    await assertScreenshot('dropdown/opened', getDropdownClip(dropdown));\n  });\n\n  it('handles custom arrow size', async () => {\n    const dropdown = await getDropdown({ arrowSize: 12 });\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Test expected values first\n    expect(dropdown.arrowSize).to.equal(12);\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Then screenshot\n    await assertScreenshot(\n      'dropdown/custom-arrow-size',\n      getDropdownClip(dropdown)\n    );\n  });\n\n  it('calculates position correctly', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await dropdown.updateComplete;\n\n    // Trigger position calculation\n    dropdown.calculatePosition();\n    await waitForStableRender(dropdown);\n\n    // Verify position styles were calculated\n    expect(Object.keys(dropdown.dropdownStyle).length).to.be.greaterThan(0);\n    expect(Object.keys(dropdown.arrowStyle).length).to.be.greaterThan(0);\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Screenshot positioned dropdown\n    await assertScreenshot('dropdown/positioned', getDropdownClip(dropdown));\n  });\n\n  it('handles blur events to close dropdown', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown first\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n\n    // Simulate blur event\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const blurEvent = new FocusEvent('blur', {\n      bubbles: true,\n      relatedTarget: document.body\n    });\n    dropdownDiv.dispatchEvent(blurEvent);\n\n    // Check that dropdown is closed after a short delay\n    await new Promise((resolve) => setTimeout(resolve, 300));\n    expect(dropdown.open).to.equal(false);\n\n    // Screenshot closed state\n    await assertScreenshot('dropdown/after-blur', getClip(dropdown));\n  });\n\n  it('handles blur events when focus moves within dropdown', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown first\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n\n    // Create an element within the dropdown\n    const dropdownContent = dropdown.querySelector(\n      '[slot=\"dropdown\"]'\n    ) as HTMLElement;\n    const internalButton = document.createElement('button');\n    internalButton.textContent = 'Internal';\n    dropdownContent.appendChild(internalButton);\n\n    // Simulate blur event where focus moves to internal element\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const blurEvent = new FocusEvent('blur', {\n      bubbles: true,\n      relatedTarget: internalButton\n    });\n    dropdownDiv.dispatchEvent(blurEvent);\n    await dropdown.updateComplete;\n\n    // Dropdown should remain open since focus moved within it\n    expect(dropdown.open).to.equal(true);\n  });\n\n  it('prevents opening when already open', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // First, open the dropdown normally\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Now try to click toggle again - should not call openDropdown again\n    // since !dropdown.open is false\n    const originalOpen = dropdown.open;\n    toggle.click();\n    await dropdown.updateComplete;\n\n    // Should remain in the same state\n    expect(dropdown.open).to.equal(originalOpen);\n  });\n\n  it('handles position calculation with right edge collision', async () => {\n    // Create dropdown positioned near right edge\n    const dropdown = await getDropdown(\n      {},\n      '<button slot=\"toggle\" style=\"position: fixed; right: 50px; top: 100px; width: 100px; height: 30px;\">Toggle</button>',\n      '<div slot=\"dropdown\" style=\"width: 200px; height: 100px;\">Wide content</div>'\n    );\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Get actual element bounds to simulate collision\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const originalGetBoundingClientRect = dropdownDiv.getBoundingClientRect;\n\n    // Mock getBoundingClientRect to simulate right collision\n    dropdownDiv.getBoundingClientRect = function () {\n      return {\n        bottom: 200,\n        right: window.innerWidth + 100, // Extends beyond window\n        top: 100,\n        left: window.innerWidth - 50,\n        width: 200,\n        height: 100,\n        x: window.innerWidth - 50,\n        y: 100\n      } as DOMRect;\n    };\n\n    try {\n      // Trigger position calculation\n      dropdown.calculatePosition();\n      await waitForStableRender(dropdown);\n\n      // Verify position was adjusted for right edge\n      expect(dropdown.dropdownStyle).to.have.property('left');\n\n      // Screenshot positioned dropdown\n      await assertScreenshot(\n        'dropdown/right-edge-collision',\n        getDropdownClip(dropdown)\n      );\n    } finally {\n      // Restore original method\n      dropdownDiv.getBoundingClientRect = originalGetBoundingClientRect;\n    }\n  });\n\n  it('handles position calculation with bottom edge collision', async () => {\n    // Create dropdown positioned near bottom edge\n    const dropdown = await getDropdown(\n      {},\n      '<button slot=\"toggle\" style=\"position: fixed; left: 100px; bottom: 50px; width: 100px; height: 30px;\">Toggle</button>',\n      '<div slot=\"dropdown\" style=\"width: 200px; height: 100px; position: absolute;\">Tall content</div>'\n    );\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Get actual element bounds to simulate collision\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const originalGetBoundingClientRect = dropdownDiv.getBoundingClientRect;\n\n    // Mock getBoundingClientRect to simulate bottom collision\n    dropdownDiv.getBoundingClientRect = function () {\n      return {\n        bottom: window.innerHeight + 100, // Extends beyond window\n        right: 300,\n        top: window.innerHeight - 50,\n        left: 100,\n        width: 200,\n        height: 100,\n        x: 100,\n        y: window.innerHeight - 50\n      } as DOMRect;\n    };\n\n    try {\n      // Trigger position calculation\n      dropdown.calculatePosition();\n      await waitForStableRender(dropdown);\n\n      // Verify position was adjusted for bottom edge (bumped up)\n      expect(dropdown.dropdownStyle).to.have.property('top');\n      expect(dropdown.arrowStyle).to.have.property('transform');\n      expect(dropdown.arrowStyle['transform']).to.include('rotate(180deg)');\n\n      // Screenshot positioned dropdown\n      await assertScreenshot(\n        'dropdown/bottom-edge-collision',\n        getDropdownClip(dropdown)\n      );\n    } finally {\n      // Restore original method\n      dropdownDiv.getBoundingClientRect = originalGetBoundingClientRect;\n    }\n  });\n\n  it('handles arrow positioning when toggle is very narrow', async () => {\n    const dropdown = await getDropdown(\n      {},\n      '<button slot=\"toggle\" style=\"width: 5px;\">•</button>',\n      '<div slot=\"dropdown\">Content</div>'\n    );\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await dropdown.updateComplete;\n\n    // Trigger position calculation\n    dropdown.calculatePosition();\n    await waitForStableRender(dropdown);\n\n    // Verify arrow positioning was adjusted for narrow toggle\n    expect(dropdown.dropdownStyle).to.have.property('marginLeft');\n    expect(dropdown.dropdownStyle['marginLeft']).to.equal('-10px');\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Screenshot with adjusted arrow\n    await assertScreenshot('dropdown/narrow-toggle', getDropdownClip(dropdown));\n  });\n\n  it('handles position calculation when toggle element is missing', async () => {\n    const dropdown = await getDropdown(\n      { open: true, dormant: false },\n      '', // No toggle element\n      '<div slot=\"dropdown\">Content</div>'\n    );\n\n    // Trigger position calculation - should handle gracefully\n    dropdown.calculatePosition();\n    await dropdown.updateComplete;\n\n    // Should not crash and should have basic styles\n    expect(typeof dropdown.dropdownStyle).to.equal('object');\n    expect(typeof dropdown.arrowStyle).to.equal('object');\n  });\n\n  it('handles resetBlurHandler when activeFocus exists', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open dropdown to trigger resetBlurHandler for the first time\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n\n    // Now open it again - this should trigger the activeFocus cleanup branch\n    // First we need to close it\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const blurEvent = new FocusEvent('blur', {\n      bubbles: true,\n      relatedTarget: document.body\n    });\n    dropdownDiv.dispatchEvent(blurEvent);\n\n    // Wait for close\n    await new Promise((resolve) => setTimeout(resolve, 300));\n    expect(dropdown.open).to.equal(false);\n    expect(dropdown.dormant).to.equal(true);\n\n    // Open again - this should trigger the cleanup in resetBlurHandler\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n  });\n\n  it('renders without mask by default', async () => {\n    const dropdown = await getDropdown(); // No mask explicitly set\n\n    // Test expected values first - mask should be false by default\n    expect(dropdown.mask).to.equal(false);\n\n    // Look for mask element in shadow DOM - should not exist when mask is false\n    const maskElement = dropdown.shadowRoot.querySelector('.mask');\n    expect(maskElement).to.be.null;\n\n    // Screenshot default rendering\n    await assertScreenshot('dropdown/no-mask', getClip(dropdown));\n  });\n});\n"]}
+{"version":3,"file":"temba-dropdown.test.js","sourceRoot":"","sources":["../../test/temba-dropdown.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { Dropdown } from '../src/display/Dropdown';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-dropdown';\n\n// Helper function to wait for stable rendering\nconst waitForStableRender = async (dropdown: Dropdown, timeoutMs = 100) => {\n  await dropdown.updateComplete;\n  // Double wait to ensure any async positioning is complete\n  await new Promise((resolve) => setTimeout(resolve, timeoutMs));\n  await dropdown.updateComplete;\n};\n\n// Helper function to get expanded clip that includes dropdown content when open\nconst getDropdownClip = (dropdown: Dropdown) => {\n  if (!dropdown.open) {\n    // If closed, use regular clipping\n    return getClip(dropdown);\n  }\n\n  // For open dropdowns, include the positioned dropdown content\n  const dropdownDiv = dropdown.shadowRoot.querySelector(\n    '.dropdown'\n  ) as HTMLDivElement;\n  const dropdownBounds = dropdownDiv.getBoundingClientRect();\n  const componentBounds = dropdown.getBoundingClientRect();\n\n  // If dropdown content has no meaningful size, fall back to regular clip\n  if (dropdownBounds.width < 10 || dropdownBounds.height < 10) {\n    return getClip(dropdown);\n  }\n\n  // Create a clipping region that includes both the component and the dropdown content\n  const minX = Math.min(componentBounds.x, dropdownBounds.x);\n  const minY = Math.min(componentBounds.y, dropdownBounds.y);\n  const maxX = Math.max(componentBounds.right, dropdownBounds.right);\n  const maxY = Math.max(componentBounds.bottom, dropdownBounds.bottom);\n\n  // Clamp to reasonable bounds to avoid excessive screenshot sizes\n  const x = Math.max(0, minX - 10);\n  const y = Math.max(0, minY - 10);\n  const width = Math.min(1000, maxX - minX + 20);\n  const height = Math.min(800, maxY - minY + 20);\n\n  return { x, y, width, height };\n};\n\nconst getDropdown = async (\n  attrs: {\n    open?: boolean;\n    dormant?: boolean;\n    arrowSize?: number;\n    margin?: number;\n    mask?: boolean;\n  } = {},\n  toggleSlot = '<button slot=\"toggle\">Toggle</button>',\n  dropdownSlot = '<div slot=\"dropdown\">Dropdown content</div>'\n) => {\n  const dropdown = (await getComponent(\n    TAG,\n    attrs,\n    `${toggleSlot}${dropdownSlot}`,\n    400,\n    300\n  )) as Dropdown;\n  await dropdown.updateComplete;\n  return dropdown;\n};\n\ndescribe(TAG, () => {\n  it('can be created', async () => {\n    const dropdown = await getDropdown();\n    assert.instanceOf(dropdown, Dropdown);\n  });\n\n  it('has correct default properties', async () => {\n    const dropdown = await getDropdown();\n\n    // Test expected values first\n    expect(dropdown.open).to.equal(false);\n    expect(dropdown.dormant).to.equal(true);\n    expect(dropdown.arrowSize).to.equal(8);\n    expect(dropdown.margin).to.equal(10);\n    expect(dropdown.mask).to.equal(false);\n    // Position calculation happens automatically, so styles won't be empty\n    expect(typeof dropdown.dropdownStyle).to.equal('object');\n    expect(typeof dropdown.arrowStyle).to.equal('object');\n\n    // Then screenshot\n    await assertScreenshot('dropdown/default', getClip(dropdown));\n  });\n\n  it('renders with mask when enabled', async () => {\n    const dropdown = await getDropdown({ mask: true });\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Test expected values first\n    expect(dropdown.mask).to.equal(true);\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Then screenshot\n    await assertScreenshot('dropdown/with-mask', getDropdownClip(dropdown));\n  });\n\n  it('handles toggle click and opens dropdown', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Verify initial state\n    expect(dropdown.open).to.equal(false);\n    expect(dropdown.dormant).to.equal(true);\n\n    // Click the toggle\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Verify dropdown opened\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Screenshot the opened state with expanded clip\n    await assertScreenshot('dropdown/opened', getDropdownClip(dropdown));\n  });\n\n  it('handles custom arrow size', async () => {\n    const dropdown = await getDropdown({ arrowSize: 12 });\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Test expected values first\n    expect(dropdown.arrowSize).to.equal(12);\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Then screenshot\n    await assertScreenshot(\n      'dropdown/custom-arrow-size',\n      getDropdownClip(dropdown)\n    );\n  });\n\n  it('calculates position correctly', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await dropdown.updateComplete;\n\n    // Trigger position calculation\n    dropdown.calculatePosition();\n    await waitForStableRender(dropdown);\n\n    // Verify position styles were calculated\n    expect(Object.keys(dropdown.dropdownStyle).length).to.be.greaterThan(0);\n    expect(Object.keys(dropdown.arrowStyle).length).to.be.greaterThan(0);\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Screenshot positioned dropdown\n    await assertScreenshot('dropdown/positioned', getDropdownClip(dropdown));\n  });\n\n  it('handles blur events to close dropdown', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown first\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n\n    // Simulate blur event\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const blurEvent = new FocusEvent('blur', {\n      bubbles: true,\n      relatedTarget: document.body\n    });\n    dropdownDiv.dispatchEvent(blurEvent);\n\n    // Check that dropdown is closed after a short delay\n    await new Promise((resolve) => setTimeout(resolve, 300));\n    expect(dropdown.open).to.equal(false);\n\n    // Screenshot closed state\n    await assertScreenshot('dropdown/after-blur', getClip(dropdown));\n  });\n\n  it('handles blur events when focus moves within dropdown', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown first\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n\n    // Create an element within the dropdown\n    const dropdownContent = dropdown.querySelector(\n      '[slot=\"dropdown\"]'\n    ) as HTMLElement;\n    const internalButton = document.createElement('button');\n    internalButton.textContent = 'Internal';\n    dropdownContent.appendChild(internalButton);\n\n    // Simulate blur event where focus moves to internal element\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const blurEvent = new FocusEvent('blur', {\n      bubbles: true,\n      relatedTarget: internalButton\n    });\n    dropdownDiv.dispatchEvent(blurEvent);\n    await dropdown.updateComplete;\n\n    // Dropdown should remain open since focus moved within it\n    expect(dropdown.open).to.equal(true);\n  });\n\n  it('prevents opening when already open', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // First, open the dropdown normally\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Now try to click toggle again - should not call openDropdown again\n    // since !dropdown.open is false\n    const originalOpen = dropdown.open;\n    toggle.click();\n    await dropdown.updateComplete;\n\n    // Should remain in the same state\n    expect(dropdown.open).to.equal(originalOpen);\n  });\n\n  it('handles position calculation with right edge collision', async () => {\n    // Create dropdown positioned near right edge\n    const dropdown = await getDropdown(\n      {},\n      '<button slot=\"toggle\" style=\"position: fixed; right: 50px; top: 100px; width: 100px; height: 30px;\">Toggle</button>',\n      '<div slot=\"dropdown\" style=\"width: 200px; height: 100px;\">Wide content</div>'\n    );\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Get actual element bounds to simulate collision\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const originalGetBoundingClientRect = dropdownDiv.getBoundingClientRect;\n\n    // Mock getBoundingClientRect to simulate right collision\n    dropdownDiv.getBoundingClientRect = function () {\n      return {\n        bottom: 200,\n        right: window.innerWidth + 100, // Extends beyond window\n        top: 100,\n        left: window.innerWidth - 50,\n        width: 200,\n        height: 100,\n        x: window.innerWidth - 50,\n        y: 100\n      } as DOMRect;\n    };\n\n    try {\n      // Trigger position calculation\n      dropdown.calculatePosition();\n      await waitForStableRender(dropdown);\n\n      // Verify position was adjusted for right edge\n      expect(dropdown.dropdownStyle).to.have.property('left');\n\n      // Screenshot positioned dropdown\n      await assertScreenshot(\n        'dropdown/right-edge-collision',\n        getDropdownClip(dropdown)\n      );\n    } finally {\n      // Restore original method\n      dropdownDiv.getBoundingClientRect = originalGetBoundingClientRect;\n    }\n  });\n\n  it('handles position calculation with bottom edge collision', async () => {\n    // Create dropdown positioned near bottom edge\n    const dropdown = await getDropdown(\n      {},\n      '<button slot=\"toggle\" style=\"position: fixed; left: 100px; bottom: 50px; width: 100px; height: 30px;\">Toggle</button>',\n      '<div slot=\"dropdown\" style=\"width: 200px; height: 100px; position: absolute;\">Tall content</div>'\n    );\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await waitForStableRender(dropdown);\n\n    // Get actual element bounds to simulate collision\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const originalGetBoundingClientRect = dropdownDiv.getBoundingClientRect;\n\n    // Mock getBoundingClientRect to simulate bottom collision\n    dropdownDiv.getBoundingClientRect = function () {\n      return {\n        bottom: window.innerHeight + 100, // Extends beyond window\n        right: 300,\n        top: window.innerHeight - 50,\n        left: 100,\n        width: 200,\n        height: 100,\n        x: 100,\n        y: window.innerHeight - 50\n      } as DOMRect;\n    };\n\n    try {\n      // Trigger position calculation\n      dropdown.calculatePosition();\n      await waitForStableRender(dropdown);\n\n      // Verify position was adjusted for bottom edge (bumped up)\n      expect(dropdown.dropdownStyle).to.have.property('top');\n      expect(dropdown.arrowStyle).to.have.property('transform');\n      expect(dropdown.arrowStyle['transform']).to.include('rotate(180deg)');\n\n      // Screenshot positioned dropdown\n      await assertScreenshot(\n        'dropdown/bottom-edge-collision',\n        getDropdownClip(dropdown)\n      );\n    } finally {\n      // Restore original method\n      dropdownDiv.getBoundingClientRect = originalGetBoundingClientRect;\n    }\n  });\n\n  it('handles arrow positioning when toggle is very narrow', async () => {\n    const dropdown = await getDropdown(\n      {},\n      '<button slot=\"toggle\" style=\"width: 5px;\">•</button>',\n      '<div slot=\"dropdown\">Content</div>'\n    );\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open the dropdown properly by clicking\n    toggle.click();\n    await dropdown.updateComplete;\n\n    // Trigger position calculation\n    dropdown.calculatePosition();\n    await waitForStableRender(dropdown);\n\n    // Verify arrow positioning was adjusted for narrow toggle\n    expect(dropdown.dropdownStyle).to.have.property('marginLeft');\n    expect(dropdown.dropdownStyle['marginLeft']).to.equal('-10px');\n    expect(dropdown.open).to.equal(true);\n    expect(dropdown.dormant).to.equal(false);\n\n    // Screenshot with adjusted arrow\n    await assertScreenshot('dropdown/narrow-toggle', getDropdownClip(dropdown));\n  });\n\n  it('handles position calculation when toggle element is missing', async () => {\n    const dropdown = await getDropdown(\n      { open: true, dormant: false },\n      '', // No toggle element\n      '<div slot=\"dropdown\">Content</div>'\n    );\n\n    // Trigger position calculation - should handle gracefully\n    dropdown.calculatePosition();\n    await dropdown.updateComplete;\n\n    // Should not crash and should have basic styles\n    expect(typeof dropdown.dropdownStyle).to.equal('object');\n    expect(typeof dropdown.arrowStyle).to.equal('object');\n  });\n\n  it('handles resetBlurHandler when activeFocus exists', async () => {\n    const dropdown = await getDropdown();\n    const toggle = dropdown.querySelector('[slot=\"toggle\"]') as HTMLElement;\n\n    // Open dropdown to trigger resetBlurHandler for the first time\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n\n    // Now open it again - this should trigger the activeFocus cleanup branch\n    // First we need to close it\n    const dropdownDiv = dropdown.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const blurEvent = new FocusEvent('blur', {\n      bubbles: true,\n      relatedTarget: document.body\n    });\n    dropdownDiv.dispatchEvent(blurEvent);\n\n    // Wait for close\n    await new Promise((resolve) => setTimeout(resolve, 300));\n    expect(dropdown.open).to.equal(false);\n    expect(dropdown.dormant).to.equal(true);\n\n    // Open again - this should trigger the cleanup in resetBlurHandler\n    toggle.click();\n    await dropdown.updateComplete;\n    expect(dropdown.open).to.equal(true);\n  });\n\n  it('renders without mask by default', async () => {\n    const dropdown = await getDropdown(); // No mask explicitly set\n\n    // Test expected values first - mask should be false by default\n    expect(dropdown.mask).to.equal(false);\n\n    // Look for mask element in shadow DOM - should not exist when mask is false\n    const maskElement = dropdown.shadowRoot.querySelector('.mask');\n    expect(maskElement).to.be.null;\n\n    // Screenshot default rendering\n    await assertScreenshot('dropdown/no-mask', getClip(dropdown));\n  });\n});\n"]}