@aquera/nile-elements 0.0.132 → 0.1.0

package/dist/src/nile-select/nile-select.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-select.test.js","sourceRoot":"","sources":["../../../src/nile-select/nile-select.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html, oneEvent, elementUpdated } from '@open-wc/testing';\nimport './nile-select'; // Assuming the component is registered and imported\nimport NileSelect from './nile-select';\nimport { NileOption } from '../nile-option';\nimport { NileInput } from '../nile-input';\nimport '../nile-option/nile-option';\nimport '../nile-input/nile-input';\nimport '../nile-popup/nile-popup';\nimport '../nile-tag/nile-tag';\nimport '../nile-checkbox/nile-checkbox';\n\nconst wait=(ms:number=50000)=>new Promise(resolve => setTimeout(resolve, ms))\n\nconst keyboardEvent = new KeyboardEvent('keydown', {\n  code: 'Enter',\n  key: 'Enter',\n  charCode: 13,\n  keyCode: 13,\n  view: window,\n  bubbles: true\n});\n\nconst mouseUpEvent = new MouseEvent(\"mouseup\", {\n  bubbles: true,\n  cancelable: true,\n  view: window\n});\n\ndescribe('NileSelect Component', () => {\n  \n  it('should render the placeholder when no value is selected', async () => {\n    const el = await fixture<NileSelect>(html`<nile-select placeholder=\"Select an option...\"></nile-select>`);\n    const displayInput = el.shadowRoot?.querySelector<HTMLInputElement>('.select__display-input');\n    expect(displayInput?.placeholder).to.equal('Select an option...');\n  });\n\n  it('should open the dropdown when clicked', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const popup = el.shadowRoot?.querySelector('.select');\n    expect(popup?.classList.contains('select--open')).to.be.true;\n  });\n\n  it('should close the dropdown when clicked again', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n\n    // Open dropdown first\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n    expect(el.open).to.be.true;\n\n    // Click again to close dropdown\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n    expect(el.open).to.be.false;\n  });\n\n  it('should update the display label when an option is selected', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Select the first option\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    option1?.dispatchEvent(mouseUpEvent);\n    await elementUpdated(el);\n\n    const displayInput = el.shadowRoot?.querySelector<HTMLInputElement>('.select__display-input');\n    expect(displayInput?.value).to.equal('Option 1');\n  });\n\n  it('should handle multi-select and show selected tags', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select multiple>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n        <nile-option value=\"option3\">Option 3</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Select multiple options\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    const option2 = el.querySelector<NileOption>('nile-option[value=\"option2\"]');\n    \n    option1?.dispatchEvent(mouseUpEvent);\n    option2?.dispatchEvent(mouseUpEvent);\n    await elementUpdated(el);\n\n    // Check if the tags are displayed\n    const tags = el.shadowRoot?.querySelectorAll('nile-tag');\n    expect(tags?.length).to.equal(2);\n    expect(tags?.[0].textContent?.trim()).to.equal('Option 1');\n    expect(tags?.[1].textContent?.trim()).to.equal('Option 2');\n  });\n\n  it('should clear selected value when clear button is clicked', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select clearable>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Select an option\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    option1?.click();\n    await elementUpdated(el);\n\n    // Clear the selected value\n    const clearButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.select__clear');\n    clearButton?.click();\n    await elementUpdated(el);\n\n    const displayInput = el.shadowRoot?.querySelector<HTMLInputElement>('.select__display-input');\n    expect(displayInput?.value).to.be.empty;\n  });\n\n  it('should emit nile-change event when value changes', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const listener = oneEvent(el, 'nile-change');\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    option1?.dispatchEvent(mouseUpEvent);\n    \n    const event = await listener;\n    expect(event.detail.value).to.equal('option1');\n  });\n\n  it('should not open when disabled', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select disabled>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const popup = el.shadowRoot?.querySelector('.select');\n    expect(popup?.classList.contains('select--open')).to.be.false;\n  });\n\n  it('should display the search bar if searchEnabled is true', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select searchEnabled>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const searchBar = el.shadowRoot?.querySelector('.select__search');\n    expect(searchBar).to.exist;\n  });\n\n  it('should show \"No results found\" when searching for an invalid query', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select searchEnabled>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>('.select__combobox');\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Simulate typing an invalid search query\n    const searchInput = el.shadowRoot?.querySelector<NileInput>('.select__search nile-input');\n    if (searchInput) {\n      searchInput.value = 'invalid';\n      searchInput.dispatchEvent(new CustomEvent('nile-input',{detail:{value:'invalid'}}));\n    }\n    await elementUpdated(el);\n\n    const noResultsMessage = el.shadowRoot?.querySelector('.select__no-results');\n    expect(noResultsMessage).to.exist;\n    expect(noResultsMessage?.textContent?.trim()).to.equal('No results found');\n  });\n\n\n  it('should allow selecting multiple options, display the selected count, and clear selections when clear button is clicked', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select multiple clearable>\n        <nile-option value=\"1\">Option 1</nile-option>\n        <nile-option value=\"2\">Option 2</nile-option>\n        <nile-option value=\"3\">Option 3</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>('.select__combobox');\n    const options = el.querySelectorAll('nile-option');\n    const displayInput = el.shadowRoot?.querySelector<NileInput>('.select__display-input');\n\n    // Open the dropdown\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await el.updateComplete;\n\n    // Select the first two options\n    options[0].dispatchEvent(mouseUpEvent);\n    options[1].dispatchEvent(mouseUpEvent);\n    await el.updateComplete;\n\n    // Verify the display label reflects the number of selected options\n    expect(displayInput?.value).to.equal('2 selected');\n\n    // Check that the clearable button is visible\n    const clearButton = el.shadowRoot?.querySelector<HTMLElement>('.select__clear');\n    console.log(clearButton)\n    expect(clearButton).to.exist;\n\n    // Click the clear button\n    clearButton?.click();\n    await el.updateComplete;\n\n    // Verify the display label is cleared and placeholder is shown\n    expect(displayInput?.value).to.equal('');\n\n    // Verify that no options are selected\n    expect(Array.from(options).every(option => !option.selected)).to.be.true;\n  });\n\n  it('should allow selecting multiple options, clearing selections, and handling backspace to deselect the last selected option', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select multiple clearable>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n        <nile-option value=\"option3\">Option 3</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>('div.select__combobox');\n    const options = el.querySelectorAll('nile-option');\n    const displayInput = el.shadowRoot?.querySelector<NileInput>('.select__display-input');\n    const clearButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.select__clear');\n\n    // Open the dropdown and select three options\n    combobox?.click();\n    await el.updateComplete;\n    \n    options[0].dispatchEvent(mouseUpEvent);\n    options[1].dispatchEvent(mouseUpEvent);\n    options[2].dispatchEvent(mouseUpEvent);\n    await el.updateComplete;\n\n    // Verify that three options are selected\n    expect(displayInput?.value).to.equal('3 selected');\n    expect(Array.from(options).every(option => option.selected)).to.be.true;\n\n    // // Reopen dropdown, select three options again\n    // combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    // await el.updateComplete;\n\n    // options[0].dispatchEvent(mouseUpEvent);\n    // options[1].dispatchEvent(mouseUpEvent);\n    options[2].dispatchEvent(mouseUpEvent);\n    await el.updateComplete;\n\n    // Verify only the first two options are selected\n    expect(options[0].selected).to.be.true;\n    expect(options[1].selected).to.be.true;\n    expect(options[2].selected).to.be.false;\n\n    // Verify display label reflects two selected options\n    expect(displayInput?.value).to.equal('2 selected');\n  });\n\n});\n"]}
+{"version":3,"file":"nile-select.test.js","sourceRoot":"","sources":["../../../src/nile-select/nile-select.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html, oneEvent, elementUpdated } from '@open-wc/testing';\nimport './nile-select'; // Assuming the component is registered and imported\nimport NileSelect from './nile-select';\nimport { NileOption } from '../nile-option';\nimport { NileInput } from '../nile-input';\nimport '../nile-option/nile-option';\nimport '../nile-input/nile-input';\nimport '../nile-popup/nile-popup';\nimport '../nile-tag/nile-tag';\nimport '../nile-checkbox/nile-checkbox';\n\nconst wait=(ms:number=50000)=>new Promise(resolve => setTimeout(resolve, ms))\n\nconst keyboardEvent = new KeyboardEvent('keydown', {\n  code: 'Enter',\n  key: 'Enter',\n  charCode: 13,\n  keyCode: 13,\n  view: window,\n  bubbles: true\n});\n\nconst mouseUpEvent = new MouseEvent(\"mouseup\", {\n  bubbles: true,\n  cancelable: true,\n  view: window\n});\n\ndescribe('NileSelect Component', () => {\n  \n  it('should render the placeholder when no value is selected', async () => {\n    const el = await fixture<NileSelect>(html`<nile-select placeholder=\"Select an option...\"></nile-select>`);\n    const displayInput = el.shadowRoot?.querySelector<HTMLInputElement>('.select__display-input');\n    expect(displayInput?.placeholder).to.equal('Select an option...');\n  });\n\n  it('should open the dropdown when clicked', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const popup = el.shadowRoot?.querySelector('.select');\n    expect(popup?.classList.contains('select--open')).to.be.true;\n  });\n\n  it('should close the dropdown when clicked again', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n\n    // Open dropdown first\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n    expect(el.open).to.be.true;\n\n    // Click again to close dropdown\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n    expect(el.open).to.be.false;\n  });\n\n  it('should update the display label when an option is selected', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Select the first option\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    option1?.dispatchEvent(mouseUpEvent);\n    await elementUpdated(el);\n\n    const displayInput = el.shadowRoot?.querySelector<HTMLInputElement>('.select__display-input');\n    expect(displayInput?.value).to.equal('Option 1');\n  });\n\n  it('should handle multi-select and show selected tags', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select multiple>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n        <nile-option value=\"option3\">Option 3</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Select multiple options\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    const option2 = el.querySelector<NileOption>('nile-option[value=\"option2\"]');\n    \n    option1?.dispatchEvent(mouseUpEvent);\n    option2?.dispatchEvent(mouseUpEvent);\n    await elementUpdated(el);\n\n    // Check if the tags are displayed\n    const tags = el.shadowRoot?.querySelectorAll('nile-tag');\n    expect(tags?.length).to.equal(2);\n    expect(tags?.[0].textContent?.trim()).to.equal('Option 1');\n    expect(tags?.[1].textContent?.trim()).to.equal('Option 2');\n  });\n\n  it('should clear selected value when clear button is clicked', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select clearable>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Select an option\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    option1?.click();\n    await elementUpdated(el);\n\n    // Clear the selected value\n    const clearButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.select__clear');\n    clearButton?.click();\n    await elementUpdated(el);\n\n    const displayInput = el.shadowRoot?.querySelector<HTMLInputElement>('.select__display-input');\n    expect(displayInput?.value).to.be.empty;\n  });\n\n  it('should emit nile-change event when value changes', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const listener = oneEvent(el, 'nile-change');\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const option1 = el.querySelector<NileOption>('nile-option[value=\"option1\"]');\n    option1?.dispatchEvent(mouseUpEvent);\n    \n    const event = await listener;\n    expect(event.detail.value).to.equal('option1');\n  });\n\n  it('should not open when disabled', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select disabled>\n        <nile-option value=\"option1\">Option 1</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const popup = el.shadowRoot?.querySelector('.select');\n    expect(popup?.classList.contains('select--open')).to.be.false;\n  });\n\n  it('should display the search bar if searchEnabled is true', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select searchEnabled>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>(\"div.select__combobox\");\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    const searchBar = el.shadowRoot?.querySelector('.select__search');\n    expect(searchBar).to.exist;\n  });\n\n  it('should show \"No results found\" when searching for an invalid query', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select searchEnabled>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>('.select__combobox');\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await elementUpdated(el);\n\n    // Simulate typing an invalid search query\n    const searchInput = el.shadowRoot?.querySelector<NileInput>('.select__search nile-input');\n    if (searchInput) {\n      searchInput.value = 'invalid';\n      searchInput.dispatchEvent(new CustomEvent('nile-input',{detail:{value:'invalid'}}));\n    }\n    await elementUpdated(el);\n\n    const noResultsMessage = el.shadowRoot?.querySelector('.select__no-results');\n    expect(noResultsMessage).to.exist;\n    expect(noResultsMessage?.textContent?.trim()).to.equal('No results found');\n  });\n\n\n  it('should allow selecting multiple options, display the selected count, and clear selections when clear button is clicked', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select multiple clearable>\n        <nile-option value=\"1\">Option 1</nile-option>\n        <nile-option value=\"2\">Option 2</nile-option>\n        <nile-option value=\"3\">Option 3</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>('.select__combobox');\n    const options = el.querySelectorAll('nile-option');\n    const displayInput = el.shadowRoot?.querySelector<NileInput>('.select__display-input');\n\n    // Open the dropdown\n    combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    await el.updateComplete;\n\n    // Select the first two options\n    options[0].dispatchEvent(mouseUpEvent);\n    options[1].dispatchEvent(mouseUpEvent);\n    await el.updateComplete;\n\n    // Verify the display label reflects the number of selected options\n    expect(displayInput?.value).to.equal('2 selected');\n\n    // Check that the clearable button is visible\n    const clearButton = el.shadowRoot?.querySelector<HTMLElement>('.select__clear');\n    console.log(clearButton)\n    expect(clearButton).to.exist;\n\n    // Click the clear button\n    clearButton?.click();\n    await el.updateComplete;\n\n    // Verify the display label is cleared and placeholder is shown\n    expect(displayInput?.value).to.equal('');\n\n    // Verify that no options are selected\n    expect(Array.from(options).every(option => !option.selected)).to.be.true;\n  });\n\n  it('should allow selecting multiple options, clearing selections, and handling backspace to deselect the last selected option', async () => {\n    const el = await fixture<NileSelect>(html`\n      <nile-select multiple clearable>\n        <nile-option value=\"option1\">Option 1</nile-option>\n        <nile-option value=\"option2\">Option 2</nile-option>\n        <nile-option value=\"option3\">Option 3</nile-option>\n      </nile-select>\n    `);\n\n    const combobox = el.shadowRoot?.querySelector<HTMLElement>('div.select__combobox');\n    const options = el.querySelectorAll('nile-option');\n    const displayInput = el.shadowRoot?.querySelector<NileInput>('.select__display-input');\n    const clearButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.select__clear');\n\n    // Open the dropdown and select three options\n    combobox?.click();\n    await el.updateComplete;\n    \n    options[0].dispatchEvent(mouseUpEvent);\n    options[1].dispatchEvent(mouseUpEvent);\n    options[2].dispatchEvent(mouseUpEvent);\n    await el.updateComplete;\n\n    // Verify that three options are selected\n    expect(displayInput?.value).to.equal('3 selected');\n    expect(Array.from(options).every(option => option.selected)).to.be.true;\n\n    // // Reopen dropdown, select three options again\n    // combobox?.dispatchEvent(keyboardEvent); // Simulate click to open the dropdown\n    // await el.updateComplete;\n\n    // options[0].dispatchEvent(mouseUpEvent);\n    // options[1].dispatchEvent(mouseUpEvent);\n    options[2].dispatchEvent(mouseUpEvent);\n    await el.updateComplete;\n\n    // Verify only the first two options are selected\n    expect(options[0].selected).to.be.true;\n    expect(options[1].selected).to.be.true;\n    expect(options[2].selected).to.be.false;\n\n    // Verify display label reflects two selected options\n    expect(displayInput?.value).to.equal('2 selected');\n  });\n\n});\n"]}

package/dist/src/nile-sidebar/index.d.ts

@@ -19,7 +19,7 @@ export declare class NileSidebar extends LitElement {
     get buttonClassMap(): {
         'nds-menu--active': boolean;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/src/nile-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAgBvD;;;;;;GAMG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAoDL;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;IAmCtB,CAAC;IAjCC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,WAAW;SACrC,CAAC;IACJ,CAAC;IAED,oDAAoD;IAE3C,MAAM;QACb,OAAO,IAAI,CAAA;wCACyB,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;KAqBhE,CAAC;IACJ,CAAC;;AA/Fe,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiD3B,CAAC;AAMF;IADC,QAAQ,EAAE;0CACA;AAMX;IADC,QAAQ,EAAE;gDACS;AA9DT,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAiGvB;SAjGY,WAAW","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid #e5e9eb;      \n      min-height: 100vh;\n      background: #fafafa;\n      border: 1px solid #e5e9eb;\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: 24px;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .menu-group {\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .view-component {\n      background-color: #fff;\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: #fff;\n      // padding: 1rem;\n      border-radius: 3px;\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n      margin-top: 12px !important;\n      margin-bottom: 12px !important;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n  \n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>          \n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAgBvD;;;;;;GAMG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAoDL;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;IAmCtB,CAAC;IAjCC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,WAAW;SACrC,CAAC;IACJ,CAAC;IAED,oDAAoD;IAE3C,MAAM;QACb,OAAO,IAAI,CAAA;wCACyB,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;KAqBhE,CAAC;IACJ,CAAC;;AA/Fe,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiD3B,AAjDqB,CAiDpB;AAMF;IADC,QAAQ,EAAE;0CACA;AAMX;IADC,QAAQ,EAAE;gDACS;AA9DT,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAiGvB","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid #e5e9eb;      \n      min-height: 100vh;\n      background: #fafafa;\n      border: 1px solid #e5e9eb;\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: 24px;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .menu-group {\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .view-component {\n      background-color: #fff;\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: #fff;\n      // padding: 1rem;\n      border-radius: 3px;\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n      margin-top: 12px !important;\n      margin-bottom: 12px !important;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n  \n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>          \n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"]}

package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.d.ts

@@ -7,6 +7,6 @@
 /**
  * SidebarMenu CSS
  */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
 export default _default;

package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 /**
  * SidebarMenu CSS
  */

package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * SidebarMenu CSS\n */\nexport const styles = css`\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: 0 16px;\n    flex-direction: column;\n  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding:12px 0;\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-sidebar-menu.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * SidebarMenu CSS\n */\nexport const styles = css`\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: 0 16px;\n    flex-direction: column;\n  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding:12px 0;\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-menu/nile-sidebar-menu.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CSSResultArray, TemplateResult } from 'lit-element';
+import { CSSResultArray, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * Nile sidebar-menu component.

package/dist/src/nile-sidebar-menu/nile-sidebar-menu.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { html, property, } from 'lit-element';
-import { customElement } from 'lit/decorators.js';
+import { html, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { styles } from './nile-sidebar-menu.css';
 import NileElement from '../internal/nile-element';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/src/nile-sidebar-menu/nile-sidebar-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAS,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QASuC,sBAAiB,GAAG,KAAK,CAAC;QAoDtE,gBAAgB;IAClB,CAAC;IA7DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAID,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IACrE,CAAC;IACD,YAAY;QACV,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;YAC/D,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBACxB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAC/C,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,0BAA0B;QACxB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;QAC/D,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACxB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;;kBAIG,QAAQ,CAAC;YACf,sBAAsB,EAAE,IAAI;SAC7B,CAAC;;;;;KAKP,CAAC;IACJ,CAAC;CAGF,CAAA;AArD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAA2B;AAT3D,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA8D3B;SA9DY,eAAe;AAgE5B,eAAe,eAAe,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { foreach, log } from '../nile-icon/icons/svg';\n\n/**\n * Nile sidebar-menu component.\n *\n * @tag nile-sidebar-menu\n *\n */\n@customElement('nile-sidebar-menu')\nexport class NileSidebarMenu extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) sidemenucollapsed = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleSidebarMenuCollapsed.bind(this));\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleSidebarMenuCollapsed);\n  }\n  firstUpdated() {\n    if (this.sidemenucollapsed) {\n      const items = this.querySelectorAll('nile-sidebar-menu-items');\n      items.forEach(curr_item => {\n        curr_item.collapsed = this.sidemenucollapsed;\n      });\n    }\n  }\n\n  handleSidebarMenuCollapsed() {\n    this.sidemenucollapsed = !this.sidemenucollapsed;\n    const items = this.querySelectorAll('nile-sidebar-menu-items');\n    items.forEach(curr_item => {\n      curr_item.collapsed = this.sidemenucollapsed;\n    });\n  }\n\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <slot name=\"header\" class=\"header\"></slot>\n      <div class=\"submenu__box\">\n        <slot\n          class=${classMap({\n            'sidemenu__items-list': true,\n          })}\n        >\n        </slot>\n        <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu': NileSidebarMenu;\n  }\n}\n"]}
+{"version":3,"file":"nile-sidebar-menu.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QASuC,sBAAiB,GAAG,KAAK,CAAC;QAoDtE,gBAAgB;IAClB,CAAC;IA7DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAID,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IACrE,CAAC;IACD,YAAY;QACV,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;YAC/D,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBACxB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAC/C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,0BAA0B;QACxB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;QAC/D,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACxB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;;kBAIG,QAAQ,CAAC;YACf,sBAAsB,EAAE,IAAI;SAC7B,CAAC;;;;;KAKP,CAAC;IACJ,CAAC;CAGF,CAAA;AArD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAA2B;AAT3D,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA8D3B;;AAED,eAAe,eAAe,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { foreach, log } from '../nile-icon/icons/svg';\n\n/**\n * Nile sidebar-menu component.\n *\n * @tag nile-sidebar-menu\n *\n */\n@customElement('nile-sidebar-menu')\nexport class NileSidebarMenu extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) sidemenucollapsed = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleSidebarMenuCollapsed.bind(this));\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleSidebarMenuCollapsed);\n  }\n  firstUpdated() {\n    if (this.sidemenucollapsed) {\n      const items = this.querySelectorAll('nile-sidebar-menu-items');\n      items.forEach(curr_item => {\n        curr_item.collapsed = this.sidemenucollapsed;\n      });\n    }\n  }\n\n  handleSidebarMenuCollapsed() {\n    this.sidemenucollapsed = !this.sidemenucollapsed;\n    const items = this.querySelectorAll('nile-sidebar-menu-items');\n    items.forEach(curr_item => {\n      curr_item.collapsed = this.sidemenucollapsed;\n    });\n  }\n\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <slot name=\"header\" class=\"header\"></slot>\n      <div class=\"submenu__box\">\n        <slot\n          class=${classMap({\n            'sidemenu__items-list': true,\n          })}\n        >\n        </slot>\n        <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu': NileSidebarMenu;\n  }\n}\n"]}

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.d.ts

@@ -7,6 +7,6 @@
 /**
  * SidebarMenuItems CSS
  */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
 export default _default;

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 /**
  * SidebarMenuItems CSS
  */

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu-items.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * SidebarMenuItems CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 280px;\n  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: 12px;\n    gap: 15px;\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: 500;\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: #f9fafb;\n    border-radius: 6px;\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-sidebar-menu-items.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * SidebarMenuItems CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 280px;\n  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: 12px;\n    gap: 15px;\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: 500;\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: #f9fafb;\n    border-radius: 6px;\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CSSResultArray, TemplateResult } from 'lit-element';
+import { CSSResultArray, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * Nile sidebar-menu-items component.

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { html, property, } from 'lit-element';
-import { customElement, state } from 'lit/decorators.js';
+import { html, } from 'lit';
+import { customElement, state, property } from 'lit/decorators.js';
 import { styles } from './nile-sidebar-menu-items.css';
 import NileElement from '../internal/nile-element';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu-items.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;;QASO,cAAS,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAChB,WAAM,GAAG,KAAK,CAAC;QAElD,cAAS,GAAG,KAAK,CAAC;QAiC3B,gBAAgB;IAClB,CAAC;IA7CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,yBAAyB,EAAE,IAAI;YAC/B,yBAAyB,EAAE,IAAI,CAAC,SAAS;SAC1C,CAAC;;UAEA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;sBACM,IAAI,CAAC,SAAS;4BACR,IAAI,CAAC,SAAS;;0BAEhB;YAChB,CAAC,CAAC,EAAE;;kBAEI,QAAQ,CAAC;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC;;;KAGP,CAAC;IACJ,CAAC;CAGF,CAAA;AArCa;IAAX,QAAQ,EAAE;uDAAgB;AACiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAgB;AAElD;IAAR,KAAK,EAAE;uDAAmB;AAZhB,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA8ChC;SA9CY,oBAAoB;AAgDjC,eAAe,oBAAoB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu-items\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property() iconValue = ''; // name of the icon we are using\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() collapsed = false;\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          'nile__sidebar-menu-item': true,\n          'hide-sidebar-menu-items': this.collapsed,\n        })}\n      >\n        ${this.iconValue\n          ? html`<nile-icon\n              name=\"${this.iconValue}\"\n              aria-label=\"${this.iconValue}\"\n              size=\"24\"\n            ></nile-icon>`\n          : ``}\n        <slot\n          class=${classMap({\n            'hide-items': this.collapsed,\n          })}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu-items': NileSidebarMenuItems;\n  }\n}\n"]}
+{"version":3,"file":"nile-sidebar-menu-items.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;;QASO,cAAS,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAChB,WAAM,GAAG,KAAK,CAAC;QAElD,cAAS,GAAG,KAAK,CAAC;QAiC3B,gBAAgB;IAClB,CAAC;IA7CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,yBAAyB,EAAE,IAAI;YAC/B,yBAAyB,EAAE,IAAI,CAAC,SAAS;SAC1C,CAAC;;UAEA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;sBACM,IAAI,CAAC,SAAS;4BACR,IAAI,CAAC,SAAS;;0BAEhB;YAChB,CAAC,CAAC,EAAE;;kBAEI,QAAQ,CAAC;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC;;;KAGP,CAAC;IACJ,CAAC;CAGF,CAAA;AArCa;IAAX,QAAQ,EAAE;uDAAgB;AACiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAgB;AAElD;IAAR,KAAK,EAAE;uDAAmB;AAZhB,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA8ChC;;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu-items\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property() iconValue = ''; // name of the icon we are using\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() collapsed = false;\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          'nile__sidebar-menu-item': true,\n          'hide-sidebar-menu-items': this.collapsed,\n        })}\n      >\n        ${this.iconValue\n          ? html`<nile-icon\n              name=\"${this.iconValue}\"\n              aria-label=\"${this.iconValue}\"\n              size=\"24\"\n            ></nile-icon>`\n          : ``}\n        <slot\n          class=${classMap({\n            'hide-items': this.collapsed,\n          })}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu-items': NileSidebarMenuItems;\n  }\n}\n"]}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.d.ts

@@ -7,6 +7,6 @@
 /**
  * SidebarWrapper CSS
  */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
 export default _default;

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 /**
  * SidebarWrapper CSS
  */

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-wrapper.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: red;\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-sidebar-wrapper.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: red;\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CSSResultArray, TemplateResult } from 'lit-element';
+import { CSSResultArray, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * Nile sidebar-wrapper component.

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { html, property, } from 'lit-element';
-import { customElement } from 'lit/decorators.js';
+import { html, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { styles } from './nile-sidebar-wrapper.css';
 import NileElement from '../internal/nile-element';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-wrapper.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAS,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASuC,mBAAc,GAAG,KAAK,CAAC;QACtC,cAAS,GAAqB,MAAM,CAAC;QACtB,WAAM,GAAG,KAAK,CAAC;QAmD3D,gBAAgB;IAClB,CAAC;IA9DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,oBAAoB,EAClB,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc;SACrD,CAAC;;;;kBAIQ,QAAQ,CAAC;YACf,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,cAAc;YAChD,kCAAkC,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;YAC9D,iCAAiC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAC5D,qCAAqC,EACnC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YACjE,uCAAuC,EACrC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YAClE,sCAAsC,EACpC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAG,IAAI,CAAC,cAAc;YACjE,wCAAwC,EACtC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,cAAc;SACpE,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,wBAAwB,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;SAC7D,CAAC;;;;KAIP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAwB;AACtC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAsC;AACtB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AAXhD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA+D9B;SA/DY,kBAAkB;AAiE/B,eAAe,kBAAkB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"]}
+{"version":3,"file":"nile-sidebar-wrapper.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASuC,mBAAc,GAAG,KAAK,CAAC;QACtC,cAAS,GAAqB,MAAM,CAAC;QACtB,WAAM,GAAG,KAAK,CAAC;QAmD3D,gBAAgB;IAClB,CAAC;IA9DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,oBAAoB,EAClB,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc;SACrD,CAAC;;;;kBAIQ,QAAQ,CAAC;YACf,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,cAAc;YAChD,kCAAkC,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;YAC9D,iCAAiC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAC5D,qCAAqC,EACnC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YACjE,uCAAuC,EACrC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YAClE,sCAAsC,EACpC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAG,IAAI,CAAC,cAAc;YACjE,wCAAwC,EACtC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,cAAc;SACpE,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,wBAAwB,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;SAC7D,CAAC;;;;KAIP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAwB;AACtC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAsC;AACtB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AAXhD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA+D9B;;AAED,eAAe,kBAAkB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"]}

package/dist/src/nile-slide-toggle/nile-slide-toggle.d.ts

@@ -13,5 +13,5 @@ export declare class NileSlideToggle extends NileElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     toggleValue(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/nile-slide-toggle/nile-slide-toggle.js

@@ -1,8 +1,9 @@
 import { __decorate } from "tslib";
-import { html, property, customElement } from 'lit-element';
+import { html } from 'lit';
 import styles from './nile-slide-toggle.css';
 import NileElement from '../internal/nile-element';
 import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property } from 'lit/decorators.js';
 let NileSlideToggle = class NileSlideToggle extends NileElement {
     constructor() {
         super(...arguments);

package/dist/src/nile-slide-toggle/nile-slide-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slide-toggle.js","sourceRoot":"","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup, PropertyValues } from 'lit';\nimport { LitElement, html, property, customElement } from 'lit-element';\nimport styles from './nile-slide-toggle.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends NileElement {\n  public static styles: CSSResultGroup = styles;\n\n  @property({ type: String }) label = '';\n\n  @property({ type: String }) sublabel = '';\n\n  @property({ type: String, }) textPosition:'left' | 'right' = 'right';\n\n  @property({ type: Boolean, reflect: true }) isChecked = false;\n\n  @property({ type: Boolean, reflect: true }) fullWidth = false;\n\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n    this.style.setProperty('--slide-toggle-width',this.fullWidth?'100%':'auto')\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  toggleValue() {\n    this.isChecked = !this.isChecked;\n    this.emit('change',{ checked: this.isChecked });\n    this.emit('nile-change',{ checked: this.isChecked });\n  }\n\n  public render() {\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div\n        class=${classMap({\n          'nile-slide-toggle': true,\n          'nile-slide--disabled': this.disabled,\n          'nile-slide-toggle--reverse':this.textPosition=='left'\n        })}\n      >\n        <label \n        class=\"${classMap({\n          'nile-slide-toggle__switch':true,\n          'nile-slide-toggle__switch--left':this.textPosition=='right',\n          'nile-slide-toggle__switch--right':this.textPosition=='left',\n        })}\"\n        class=\"nile-slide-toggle__switch\">\n          <input\n            type=\"checkbox\"\n            .checked=${this.isChecked}\n            @change=${this.toggleValue}\n          />\n          <span class=\"nile-slide-toggle__slider\"></span>\n        </label>\n        <span class=\"nile-slide-toggle__label\">\n          <span>${this.label}</span>\n          <span class=\"nile-slide-toggle__sublabel\">${this.sublabel}</span>\n        </span>\n      </div>\n      ${hasHelpText\n        ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n        : ``}\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"nile-slide-toggle.js","sourceRoot":"","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup,PropertyValues } from 'lit';\nimport { LitElement, html} from 'lit';\nimport styles from './nile-slide-toggle.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends NileElement {\n  public static styles: CSSResultGroup = styles;\n\n  @property({ type: String }) label = '';\n\n  @property({ type: String }) sublabel = '';\n\n  @property({ type: String, }) textPosition:'left' | 'right' = 'right';\n\n  @property({ type: Boolean, reflect: true }) isChecked = false;\n\n  @property({ type: Boolean, reflect: true }) fullWidth = false;\n\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n    this.style.setProperty('--slide-toggle-width',this.fullWidth?'100%':'auto')\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  toggleValue() {\n    this.isChecked = !this.isChecked;\n    this.emit('change',{ checked: this.isChecked });\n    this.emit('nile-change',{ checked: this.isChecked });\n  }\n\n  public render() {\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div\n        class=${classMap({\n          'nile-slide-toggle': true,\n          'nile-slide--disabled': this.disabled,\n          'nile-slide-toggle--reverse':this.textPosition=='left'\n        })}\n      >\n        <label \n        class=\"${classMap({\n          'nile-slide-toggle__switch':true,\n          'nile-slide-toggle__switch--left':this.textPosition=='right',\n          'nile-slide-toggle__switch--right':this.textPosition=='left',\n        })}\"\n        class=\"nile-slide-toggle__switch\">\n          <input\n            type=\"checkbox\"\n            .checked=${this.isChecked}\n            @change=${this.toggleValue}\n          />\n          <span class=\"nile-slide-toggle__slider\"></span>\n        </label>\n        <span class=\"nile-slide-toggle__label\">\n          <span>${this.label}</span>\n          <span class=\"nile-slide-toggle__sublabel\">${this.sublabel}</span>\n        </span>\n      </div>\n      ${hasHelpText\n        ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n        : ``}\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}\n    `;\n  }\n}\n"]}

package/dist/src/nile-slide-toggle/nile-slide-toggle.test.js

@@ -1,5 +1,5 @@
 import { fixture, expect } from '@open-wc/testing';
-import { html } from 'lit/static-html.js';
+import { html } from 'lit';
 import './nile-slide-toggle';
 describe('NileSlideToggle', () => {
     it('should default to unchecked', async () => {

package/dist/src/nile-slide-toggle/nile-slide-toggle.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slide-toggle.test.js","sourceRoot":"","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,qBAAqB,CAAC;AAG7B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC;QACzF,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC;QACzF,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;QACrD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAChC,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,qFAAqF,CAAC,CAAC;QACrI,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,gCAAgC,CAAE,CAAC;QAC9E,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,8BAA8B,CAAE,CAAC;QAC/E,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,kDAAkD,CAAC,CAAC;QAClG,MAAM,eAAe,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QAC5E,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC;QACzF,IAAI,YAAY,GAAG,IAAI,CAAC;QACxB,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE;YACzC,YAAY,GAAI,CAAiB,CAAC,MAAM,CAAC;QAC3C,CAAC,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;QACrD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,oEAAoE,CAAC,CAAC;QACpH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QACrE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,4EAA4E,CAAC,CAAC;QAC5H,MAAM,YAAY,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QAC7E,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC9B,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAA","sourcesContent":["import { fixture, expect } from '@open-wc/testing';\nimport { html } from 'lit/static-html.js';\nimport './nile-slide-toggle';\nimport { NileSlideToggle } from './nile-slide-toggle';\n\ndescribe('NileSlideToggle', () => {\n    it('should default to unchecked', async () => {\n      const el: NileSlideToggle = await fixture(html`<nile-slide-toggle></nile-slide-toggle>`);\n      expect(el.isChecked).to.be.false;\n    });\n\n    it('should toggle isChecked property when clicked', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle></nile-slide-toggle>`);\n        const input = el.shadowRoot!.querySelector('input')!;\n        input.click();\n        expect(el.isChecked).to.be.true;\n        input.click();\n        expect(el.isChecked).to.be.false;\n    });\n\n    it('should display the label and sublabel', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle label=\"Test Label\" sublabel=\"Test Sublabel\"></nile-slide-toggle>`);\n        const label = el.shadowRoot!.querySelector('.nile-slide-toggle__label span')!;\n        const sublabel = el.shadowRoot!.querySelector('.nile-slide-toggle__sublabel')!;\n        expect(label.textContent).to.equal('Test Label');\n        expect(sublabel.textContent).to.equal('Test Sublabel');\n    });\n\n    it('should apply disabled class when disabled', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle disabled></nile-slide-toggle>`);\n        const toggleContainer = el.shadowRoot!.querySelector('.nile-slide-toggle')!;\n        expect(toggleContainer.classList.contains('nile-slide--disabled')).to.be.true;\n    });\n\n    it('should emit a change event with correct detail when toggled', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle></nile-slide-toggle>`);\n        let changeDetail = null;\n        el.addEventListener('change', (e: Event) => {\n          changeDetail = (e as CustomEvent).detail;\n        });\n        const input = el.shadowRoot!.querySelector('input')!;\n        input.click();\n        expect(changeDetail).to.deep.equal({ checked: true });\n        input.click();\n        expect(changeDetail).to.deep.equal({ checked: false });\n    });\n\n    it('should show help text when provided', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle help-text=\"Help text here\"></nile-slide-toggle>`);\n        const helpText = el.shadowRoot!.querySelector('nile-form-help-text');\n        expect(helpText).to.exist;\n        expect(helpText?.textContent).to.equal('Help text here');\n    });\n\n    it('should show error message when provided', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle error-message=\"Error message here\"></nile-slide-toggle>`);\n        const errorMessage = el.shadowRoot!.querySelector('nile-form-error-message');\n        expect(errorMessage).to.exist;\n        expect(errorMessage?.textContent).to.equal('Error message here');\n    });\n})"]}
+{"version":3,"file":"nile-slide-toggle.test.js","sourceRoot":"","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAG7B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC;QACzF,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC;QACzF,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;QACrD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAChC,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,qFAAqF,CAAC,CAAC;QACrI,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,gCAAgC,CAAE,CAAC;QAC9E,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,8BAA8B,CAAE,CAAC;QAC/E,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,kDAAkD,CAAC,CAAC;QAClG,MAAM,eAAe,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QAC5E,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC;QACzF,IAAI,YAAY,GAAG,IAAI,CAAC;QACxB,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE;YACzC,YAAY,GAAI,CAAiB,CAAC,MAAM,CAAC;QAC3C,CAAC,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;QACrD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,oEAAoE,CAAC,CAAC;QACpH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QACrE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAoB,MAAM,OAAO,CAAC,IAAI,CAAA,4EAA4E,CAAC,CAAC;QAC5H,MAAM,YAAY,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QAC7E,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC9B,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAA","sourcesContent":["import { fixture, expect } from '@open-wc/testing';\nimport { html } from 'lit';\nimport './nile-slide-toggle';\nimport { NileSlideToggle } from './nile-slide-toggle';\n\ndescribe('NileSlideToggle', () => {\n    it('should default to unchecked', async () => {\n      const el: NileSlideToggle = await fixture(html`<nile-slide-toggle></nile-slide-toggle>`);\n      expect(el.isChecked).to.be.false;\n    });\n\n    it('should toggle isChecked property when clicked', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle></nile-slide-toggle>`);\n        const input = el.shadowRoot!.querySelector('input')!;\n        input.click();\n        expect(el.isChecked).to.be.true;\n        input.click();\n        expect(el.isChecked).to.be.false;\n    });\n\n    it('should display the label and sublabel', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle label=\"Test Label\" sublabel=\"Test Sublabel\"></nile-slide-toggle>`);\n        const label = el.shadowRoot!.querySelector('.nile-slide-toggle__label span')!;\n        const sublabel = el.shadowRoot!.querySelector('.nile-slide-toggle__sublabel')!;\n        expect(label.textContent).to.equal('Test Label');\n        expect(sublabel.textContent).to.equal('Test Sublabel');\n    });\n\n    it('should apply disabled class when disabled', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle disabled></nile-slide-toggle>`);\n        const toggleContainer = el.shadowRoot!.querySelector('.nile-slide-toggle')!;\n        expect(toggleContainer.classList.contains('nile-slide--disabled')).to.be.true;\n    });\n\n    it('should emit a change event with correct detail when toggled', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle></nile-slide-toggle>`);\n        let changeDetail = null;\n        el.addEventListener('change', (e: Event) => {\n          changeDetail = (e as CustomEvent).detail;\n        });\n        const input = el.shadowRoot!.querySelector('input')!;\n        input.click();\n        expect(changeDetail).to.deep.equal({ checked: true });\n        input.click();\n        expect(changeDetail).to.deep.equal({ checked: false });\n    });\n\n    it('should show help text when provided', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle help-text=\"Help text here\"></nile-slide-toggle>`);\n        const helpText = el.shadowRoot!.querySelector('nile-form-help-text');\n        expect(helpText).to.exist;\n        expect(helpText?.textContent).to.equal('Help text here');\n    });\n\n    it('should show error message when provided', async () => {\n        const el: NileSlideToggle = await fixture(html`<nile-slide-toggle error-message=\"Error message here\"></nile-slide-toggle>`);\n        const errorMessage = el.shadowRoot!.querySelector('nile-form-error-message');\n        expect(errorMessage).to.exist;\n        expect(errorMessage?.textContent).to.equal('Error message here');\n    });\n})"]}

package/dist/src/nile-spinner/nile-spinner.css.d.ts

@@ -7,6 +7,6 @@
 /**
  * Spinner CSS
  */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
 export default _default;

package/dist/src/nile-spinner/nile-spinner.css.js

@@ -4,7 +4,7 @@
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */
-import { css } from 'lit-element';
+import { css } from 'lit';
 /**
  * Spinner CSS
  */

package/dist/src/nile-spinner/nile-spinner.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-spinner.css.js","sourceRoot":"","sources":["../../../src/nile-spinner/nile-spinner.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Spinner CSS\n */\nexport const styles = css`\n:host {\n    --track-width: 2px;\n    --track-color: rgb(128 128 128 / 25%);\n    --indicator-color: var(--nile-colors-white-base);\n    --speed: 2s;\n\n    display: inline-flex;\n    width: 1em;\n    height: 1em;\n  }\n\n  .spinner {\n    flex: 1 1 auto;\n    height: 100%;\n    width: 100%;\n  }\n\n  .spinner__track,\n  .spinner__indicator {\n    fill: none;\n    stroke-width: var(--track-width);\n    r: calc(0.5em - var(--track-width) / 2);\n    cx: 0.5em;\n    cy: 0.5em;\n    transform-origin: 50% 50%;\n  }\n\n  .spinner__track {\n    stroke: var(--track-color);\n    transform-origin: 0% 0%;\n  }\n\n  .spinner__indicator {\n    stroke: var(--indicator-color);\n    stroke-linecap: round;\n    stroke-dasharray: 150% 75%;\n    animation: spin var(--speed) linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n\n    50% {\n      transform: rotate(450deg);\n      stroke-dasharray: 1.375em, 1.375em;\n    }\n\n    100% {\n      transform: rotate(1080deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-spinner.css.js","sourceRoot":"","sources":["../../../src/nile-spinner/nile-spinner.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Spinner CSS\n */\nexport const styles = css`\n:host {\n    --track-width: 2px;\n    --track-color: rgb(128 128 128 / 25%);\n    --indicator-color: var(--nile-colors-white-base);\n    --speed: 2s;\n\n    display: inline-flex;\n    width: 1em;\n    height: 1em;\n  }\n\n  .spinner {\n    flex: 1 1 auto;\n    height: 100%;\n    width: 100%;\n  }\n\n  .spinner__track,\n  .spinner__indicator {\n    fill: none;\n    stroke-width: var(--track-width);\n    r: calc(0.5em - var(--track-width) / 2);\n    cx: 0.5em;\n    cy: 0.5em;\n    transform-origin: 50% 50%;\n  }\n\n  .spinner__track {\n    stroke: var(--track-color);\n    transform-origin: 0% 0%;\n  }\n\n  .spinner__indicator {\n    stroke: var(--indicator-color);\n    stroke-linecap: round;\n    stroke-dasharray: 150% 75%;\n    animation: spin var(--speed) linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n\n    50% {\n      transform: rotate(450deg);\n      stroke-dasharray: 1.375em, 1.375em;\n    }\n\n    100% {\n      transform: rotate(1080deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-spinner/nile-spinner.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+import { LitElement, CSSResultArray, TemplateResult } from 'lit';
 /**
  * Nile icon component.
  *

package/dist/src/nile-spinner/nile-spinner.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { LitElement, html } from 'lit-element';
+import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { styles } from './nile-spinner.css';
 /**

package/dist/src/nile-spinner/nile-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-spinner.js","sourceRoot":"","sources":["../../../src/nile-spinner/nile-spinner.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C;;;;;GAKG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAE1C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACV,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACL,CAAC;CAGD,CAAA;AA5BY,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA4BvB;SA5BY,WAAW;AA8BxB,eAAe,WAAW,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-spinner.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-spinner\n *\n */\n@customElement('nile-spinner')\nexport class NileSpinner extends LitElement {\n\n\t/**\n\t * The styles for Spinner\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n    return html`\n      <svg part=\"base\" class=\"spinner\" role=\"progressbar\" aria-valuetext=\"loading\">\n        <circle class=\"spinner__track\"></circle>\n        <circle class=\"spinner__indicator\"></circle>\n      </svg>\n    `;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileSpinner;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-spinner': NileSpinner;\n  }\n}\n"]}
+{"version":3,"file":"nile-spinner.js","sourceRoot":"","sources":["../../../src/nile-spinner/nile-spinner.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C;;;;;GAKG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAE1C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACV,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACL,CAAC;CAGD,CAAA;AA5BY,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA4BvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-spinner.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-spinner\n *\n */\n@customElement('nile-spinner')\nexport class NileSpinner extends LitElement {\n\n\t/**\n\t * The styles for Spinner\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n    return html`\n      <svg part=\"base\" class=\"spinner\" role=\"progressbar\" aria-valuetext=\"loading\">\n        <circle class=\"spinner__track\"></circle>\n        <circle class=\"spinner__indicator\"></circle>\n      </svg>\n    `;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileSpinner;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-spinner': NileSpinner;\n  }\n}\n"]}

package/dist/src/nile-split-panel/nile-split-panel.css.d.ts

@@ -7,6 +7,6 @@
 /**
  * SplitPanel CSS
  */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
 export default _default;

package/dist/src/nile-split-panel/nile-split-panel.css.js

@@ -4,7 +4,7 @@
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */
-import { css } from 'lit-element';
+import { css } from 'lit';
 /**
  * SplitPanel CSS
  */

package/dist/src/nile-split-panel/nile-split-panel.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-split-panel.css.js","sourceRoot":"","sources":["../../../src/nile-split-panel/nile-split-panel.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * SplitPanel CSS\n */\nexport const styles = css`\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    box-sizing: border-box;\n    --divider-width: 4px;\n    --divider-hit-area: 12px;\n    --min: 0%;\n    --max: 100%;\n\n    display: grid;\n  }\n\n  .start,\n  .end {\n    overflow: hidden;\n  }\n\n  .divider {\n    flex: 0 0 var(--divider-width);\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-dark-900);\n    z-index: 1;\n  }\n\n  .divider:focus {\n    outline: none;\n  }\n\n  :host(:not([disabled])) .divider:focus-visible {\n    background-color: var(--nile-colors-blue-500);\n    color: var(--nile-colors-white-base);\n  }\n\n  :host([disabled]) .divider {\n    cursor: not-allowed;\n  }\n\n  /* Horizontal */\n  :host(:not([vertical], [disabled])) .divider {\n    cursor: col-resize;\n  }\n\n  :host(:not([vertical])) .divider::after {\n    display: flex;\n    content: '';\n    position: absolute;\n    height: 100%;\n    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);\n    width: var(--divider-hit-area);\n  }\n\n  /* Vertical */\n  :host([vertical]) {\n    flex-direction: column;\n  }\n\n  :host([vertical]:not([disabled])) .divider {\n    cursor: row-resize;\n  }\n\n  :host([vertical]) .divider::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);\n    height: var(--divider-hit-area);\n  }\n\n  @media (forced-colors: active) {\n    .divider {\n      outline: solid 1px transparent;\n    }\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-split-panel.css.js","sourceRoot":"","sources":["../../../src/nile-split-panel/nile-split-panel.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SplitPanel CSS\n */\nexport const styles = css`\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    box-sizing: border-box;\n    --divider-width: 4px;\n    --divider-hit-area: 12px;\n    --min: 0%;\n    --max: 100%;\n\n    display: grid;\n  }\n\n  .start,\n  .end {\n    overflow: hidden;\n  }\n\n  .divider {\n    flex: 0 0 var(--divider-width);\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-dark-900);\n    z-index: 1;\n  }\n\n  .divider:focus {\n    outline: none;\n  }\n\n  :host(:not([disabled])) .divider:focus-visible {\n    background-color: var(--nile-colors-blue-500);\n    color: var(--nile-colors-white-base);\n  }\n\n  :host([disabled]) .divider {\n    cursor: not-allowed;\n  }\n\n  /* Horizontal */\n  :host(:not([vertical], [disabled])) .divider {\n    cursor: col-resize;\n  }\n\n  :host(:not([vertical])) .divider::after {\n    display: flex;\n    content: '';\n    position: absolute;\n    height: 100%;\n    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);\n    width: var(--divider-hit-area);\n  }\n\n  /* Vertical */\n  :host([vertical]) {\n    flex-direction: column;\n  }\n\n  :host([vertical]:not([disabled])) .divider {\n    cursor: row-resize;\n  }\n\n  :host([vertical]) .divider::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);\n    height: var(--divider-hit-area);\n  }\n\n  @media (forced-colors: active) {\n    .divider {\n      outline: solid 1px transparent;\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-split-panel/nile-split-panel.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { TemplateResult } from 'lit-element';
+import { TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element';
 import type { CSSResultGroup } from 'lit';
 /**