@aquera/nile-elements 0.1.34-beta-1.1 → 0.1.34-beta-1.2

package/dist/nile-tooltip/nile-tooltip.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tooltip.test.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"sourcesContent":["import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';\nimport './nile-tooltip';\nimport { NileTooltip } from './nile-tooltip';\n\ndescribe('NileTooltip', () => {\n\n  it('renders with default properties', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>`);\n    assert.equal(el.content, 'Hello');\n    assert.equal(el.placement, 'bottom');\n    assert.equal(el.size, 'small');\n    assert.equal(el.disabled, false);\n    assert.equal(el.open, false);\n  });\n\n  it('renders text content when no slot is used', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>`);\n    const content = el.shadowRoot!.querySelector('.tooltip-content')!;\n    assert.include(content.textContent!, 'Fallback');\n  });\n\n  it('uses slotted content when provided', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Slot Content</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const assigned = slot.assignedNodes({ flatten: true });\n    assert.isAbove(assigned.length, 0);\n    assert.include(assigned[0].textContent ?? '', 'Slot Content');\n  });\n\n  it('shows tooltip on hover when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    assert.isTrue(el.open);\n  });\n\n  it('hides tooltip on mouseout when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('toggles tooltip on click when trigger includes \"click\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Click me\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    trigger.click();\n    await waitUntil(() => el.open === false);\n  });\n\n  it('shows and hides tooltip on focus/blur when trigger includes \"focus\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Focus\" trigger=\"focus\">\n        <button>Focus</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('focusin'));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('focusout'));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('does not show tooltip when disabled', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover'));\n    await new Promise(resolve => setTimeout(resolve, 200));\n    assert.isFalse(el.open);\n  });\n\n  it('applies size class correctly', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" size=\"large\">\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n    const tooltip = el.shadowRoot!.querySelector('.tooltip')!;\n    assert.isTrue(tooltip.classList.contains('tooltip__body--large'));\n  });\n\n  it('emits nile-show and nile-after-show events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    setTimeout(() => trigger.click());\n    const showEvent = await oneEvent(el, 'nile-show');\n    assert.ok(showEvent);\n    const afterShow = await oneEvent(el, 'nile-after-show');\n    assert.ok(afterShow);\n  });\n\n  it('emits nile-hide and nile-after-hide events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    setTimeout(() => trigger.click());\n    const hideEvent = await oneEvent(el, 'nile-hide');\n    assert.ok(hideEvent);\n    const afterHide = await oneEvent(el, 'nile-after-hide');\n    assert.ok(afterHide);\n  });\n\n  it('defaults to \"bottom\" placement when given invalid value', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Fallback\" placement=${'invalid' as unknown as NileTooltip['placement']} >\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n    await el.updateComplete;\n    assert.equal(el.placement, 'bottom');\n  });\n\n\n  it('updates hasTooltipSlot on slot change', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Initial slot</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const newSlotNode = document.createElement('div');\n    newSlotNode.slot = 'content';\n    newSlotNode.textContent = 'Updated slot';\n    el.appendChild(newSlotNode);\n\n    slot.dispatchEvent(new Event('slotchange'));\n    await el.updateComplete;\n\n    assert.isTrue((el as any).hasTooltipSlot);\n  });\n\n  it('respects hoist attribute', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip hoist content=\"Hoisted\">\n        <button>Hoist</button>\n      </nile-tooltip>\n    `);\n    assert.isTrue(el.hoist);\n  });\n});\n"],"names":["describe","it","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","assert","equal","content","placement","size","disabled","open","_context2","stop","_callee","_templateObject2","shadowRoot","querySelector","include","textContent","_context3","_callee2","_asyncToGenerator","_regeneratorRuntime","mark","_templateObject3","assigned","assignedNodes","flatten","isAbove","length","_i$0$textContent","_context4","_callee3","_templateObject4","dispatchEvent","Event","bubbles","waitUntil","isTrue","_context5","_callee4","_templateObject5","trigger","_context6","next","_callee5","_templateObject6","click","_context7","_callee6","_templateObject7","_context8","_callee7","_templateObject8","_context9","Promise","resolve","setTimeout","isFalse","_callee8","_templateObject9","tooltip","classList","contains","_context10","_callee9","_templateObject10","_context11","oneEvent","showEvent","ok","afterShow","_callee10","_templateObject11","_context12","hideEvent","afterHide","_callee11","_templateObject12","updateComplete","_context13","_callee12","_templateObject13","slot","newSlotNode","document","createElement","appendChild","_context14","hasTooltipSlot","_callee13","_templateObject14","hoist","_context15","_callee14"],"mappings":"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"}
+{"version":3,"file":"nile-tooltip.test.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"sourcesContent":["import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';\nimport './nile-tooltip';\nimport { NileTooltip } from './nile-tooltip';\n\ndescribe('NileTooltip', () => {\n\n  it('renders with default properties', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>`);\n    assert.equal(el.content, 'Hello');\n    assert.equal(el.placement, 'bottom');\n    assert.equal(el.disabled, false);\n    assert.equal(el.open, false);\n  });\n\n  it('renders text content when no slot is used', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>`);\n    const content = el.shadowRoot!.querySelector('.tooltip-content')!;\n    assert.include(content.textContent!, 'Fallback');\n  });\n\n  it('uses slotted content when provided', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Slot Content</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const assigned = slot.assignedNodes({ flatten: true });\n    assert.isAbove(assigned.length, 0);\n    assert.include(assigned[0].textContent ?? '', 'Slot Content');\n  });\n\n  it('shows tooltip on hover when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    assert.isTrue(el.open);\n  });\n\n  it('hides tooltip on mouseout when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('toggles tooltip on click when trigger includes \"click\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Click me\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    trigger.click();\n    await waitUntil(() => el.open === false);\n  });\n\n  it('shows and hides tooltip on focus/blur when trigger includes \"focus\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Focus\" trigger=\"focus\">\n        <button>Focus</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('focusin'));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('focusout'));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('does not show tooltip when disabled', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover'));\n    await new Promise(resolve => setTimeout(resolve, 200));\n    assert.isFalse(el.open);\n  });\n\n\n  it('emits nile-show and nile-after-show events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    setTimeout(() => trigger.click());\n    const showEvent = await oneEvent(el, 'nile-show');\n    assert.ok(showEvent);\n    const afterShow = await oneEvent(el, 'nile-after-show');\n    assert.ok(afterShow);\n  });\n\n  it('emits nile-hide and nile-after-hide events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    setTimeout(() => trigger.click());\n    const hideEvent = await oneEvent(el, 'nile-hide');\n    assert.ok(hideEvent);\n    const afterHide = await oneEvent(el, 'nile-after-hide');\n    assert.ok(afterHide);\n  });\n\n  it('defaults to \"bottom\" placement when given invalid value', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Fallback\" placement=${'invalid' as unknown as NileTooltip['placement']} >\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n    await el.updateComplete;\n    assert.equal(el.placement, 'bottom');\n  });\n\n\n  it('updates hasTooltipSlot on slot change', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Initial slot</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const newSlotNode = document.createElement('div');\n    newSlotNode.slot = 'content';\n    newSlotNode.textContent = 'Updated slot';\n    el.appendChild(newSlotNode);\n\n    slot.dispatchEvent(new Event('slotchange'));\n    await el.updateComplete;\n\n    assert.isTrue((el as any).hasTooltipSlot);\n  });\n\n  it('respects hoist attribute', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip hoist content=\"Hoisted\">\n        <button>Hoist</button>\n      </nile-tooltip>\n    `);\n    assert.isTrue(el.hoist);\n  });\n});\n"],"names":["describe","it","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","assert","equal","content","placement","disabled","open","_context2","stop","_callee","_templateObject2","shadowRoot","querySelector","include","textContent","_context3","_callee2","_templateObject3","assigned","assignedNodes","flatten","isAbove","length","_i$0$textContent","_context4","_callee3","_asyncToGenerator","_regeneratorRuntime","mark","_templateObject4","dispatchEvent","Event","bubbles","waitUntil","isTrue","_context5","_callee4","_templateObject5","trigger","_context6","next","_callee5","_templateObject6","click","_context7","_callee6","_templateObject7","_context8","_callee7","_templateObject8","_context9","Promise","resolve","setTimeout","isFalse","_callee8","_templateObject9","_context10","oneEvent","showEvent","ok","afterShow","_callee9","_templateObject10","_context11","hideEvent","afterHide","_callee10","_templateObject11","updateComplete","_context12","_callee11","_templateObject12","slot","newSlotNode","document","createElement","appendChild","_context13","hasTooltipSlot","_callee12","_templateObject13","hoist","_context14","_callee13"],"mappings":"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"}

package/dist/nile-tooltip/nile-tooltip.test.esm.js

@@ -1,51 +1,47 @@
-import{f as t,h as o,w as i,o as e}from"../fixture-df8b52d7.esm.js";import{html as n}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-tooltip.esm.js";import"tslib";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-tooltip.css.esm.js";import"../internal/nile-element.esm.js";import"./nile-tooltip-utils.esm.js";describe("NileTooltip",(()=>{it("renders with default properties",(async()=>{const i=await t(n`<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);o.equal(i.content,"Hello"),o.equal(i.placement,"bottom"),o.equal(i.size,"small"),o.equal(i.disabled,!1),o.equal(i.open,!1)})),it("renders text content when no slot is used",(async()=>{const i=(await t(n`<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`)).shadowRoot.querySelector(".tooltip-content");o.include(i.textContent,"Fallback")})),it("uses slotted content when provided",(async()=>{const i=(await t(n`
+import{f as t,h as o,w as e,o as i}from"../fixture-df8b52d7.esm.js";import{html as n}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-tooltip.esm.js";import"tslib";import"lit/decorators.js";import"./nile-tooltip.css.esm.js";import"../internal/nile-element.esm.js";import"./nile-tooltip-utils.esm.js";describe("NileTooltip",(()=>{it("renders with default properties",(async()=>{const e=await t(n`<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);o.equal(e.content,"Hello"),o.equal(e.placement,"bottom"),o.equal(e.disabled,!1),o.equal(e.open,!1)})),it("renders text content when no slot is used",(async()=>{const e=(await t(n`<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`)).shadowRoot.querySelector(".tooltip-content");o.include(e.textContent,"Fallback")})),it("uses slotted content when provided",(async()=>{const e=(await t(n`
       <nile-tooltip>
         <div slot="content">Slot Content</div>
         <button>Trigger</button>
       </nile-tooltip>
-    `)).shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0});o.isAbove(i.length,0),o.include(i[0].textContent??"","Slot Content")})),it('shows tooltip on hover when trigger includes "hover"',(async()=>{const e=await t(n`
+    `)).shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0});o.isAbove(e.length,0),o.include(e[0].textContent??"","Slot Content")})),it('shows tooltip on hover when trigger includes "hover"',(async()=>{const i=await t(n`
       <nile-tooltip content="Tooltip" trigger="hover">
         <button>Hover me</button>
       </nile-tooltip>
-    `);e.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover",{bubbles:!0})),await i((()=>!0===e.open)),o.isTrue(e.open)})),it('hides tooltip on mouseout when trigger includes "hover"',(async()=>{const o=await t(n`
+    `);i.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover",{bubbles:!0})),await e((()=>!0===i.open)),o.isTrue(i.open)})),it('hides tooltip on mouseout when trigger includes "hover"',(async()=>{const o=await t(n`
       <nile-tooltip content="Tooltip" trigger="hover">
         <button>Hover me</button>
       </nile-tooltip>
-    `),e=o.shadowRoot.querySelector(".trigger-container");e.dispatchEvent(new Event("mouseover",{bubbles:!0})),await i((()=>!0===o.open)),e.dispatchEvent(new Event("mouseout",{bubbles:!0})),await i((()=>!1===o.open))})),it('toggles tooltip on click when trigger includes "click"',(async()=>{const o=await t(n`
+    `),i=o.shadowRoot.querySelector(".trigger-container");i.dispatchEvent(new Event("mouseover",{bubbles:!0})),await e((()=>!0===o.open)),i.dispatchEvent(new Event("mouseout",{bubbles:!0})),await e((()=>!1===o.open))})),it('toggles tooltip on click when trigger includes "click"',(async()=>{const o=await t(n`
       <nile-tooltip content="Click me" trigger="click">
         <button>Click</button>
       </nile-tooltip>
-    `),e=o.shadowRoot.querySelector(".trigger-container");e.click(),await i((()=>!0===o.open)),e.click(),await i((()=>!1===o.open))})),it('shows and hides tooltip on focus/blur when trigger includes "focus"',(async()=>{const o=await t(n`
+    `),i=o.shadowRoot.querySelector(".trigger-container");i.click(),await e((()=>!0===o.open)),i.click(),await e((()=>!1===o.open))})),it('shows and hides tooltip on focus/blur when trigger includes "focus"',(async()=>{const o=await t(n`
       <nile-tooltip content="Focus" trigger="focus">
         <button>Focus</button>
       </nile-tooltip>
-    `),e=o.shadowRoot.querySelector(".trigger-container");e.dispatchEvent(new Event("focusin")),await i((()=>!0===o.open)),e.dispatchEvent(new Event("focusout")),await i((()=>!1===o.open))})),it("does not show tooltip when disabled",(async()=>{const i=await t(n`
+    `),i=o.shadowRoot.querySelector(".trigger-container");i.dispatchEvent(new Event("focusin")),await e((()=>!0===o.open)),i.dispatchEvent(new Event("focusout")),await e((()=>!1===o.open))})),it("does not show tooltip when disabled",(async()=>{const e=await t(n`
       <nile-tooltip content="Disabled" disabled trigger="hover">
         <button>Hover me</button>
       </nile-tooltip>
-    `);i.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover")),await new Promise((t=>setTimeout(t,200))),o.isFalse(i.open)})),it("applies size class correctly",(async()=>{const i=(await t(n`
-      <nile-tooltip content="Tooltip" size="large">
-        <button>Trigger</button>
-      </nile-tooltip>
-    `)).shadowRoot.querySelector(".tooltip");o.isTrue(i.classList.contains("tooltip__body--large"))})),it("emits nile-show and nile-after-show events",(async()=>{const i=await t(n`
+    `);e.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover")),await new Promise((t=>setTimeout(t,200))),o.isFalse(e.open)})),it("emits nile-show and nile-after-show events",(async()=>{const e=await t(n`
       <nile-tooltip content="Event test" trigger="click">
         <button>Click</button>
       </nile-tooltip>
-    `),l=i.shadowRoot.querySelector(".trigger-container");setTimeout((()=>l.click()));const s=await e(i,"nile-show");o.ok(s);const a=await e(i,"nile-after-show");o.ok(a)})),it("emits nile-hide and nile-after-hide events",(async()=>{const l=await t(n`
+    `),l=e.shadowRoot.querySelector(".trigger-container");setTimeout((()=>l.click()));const s=await i(e,"nile-show");o.ok(s);const a=await i(e,"nile-after-show");o.ok(a)})),it("emits nile-hide and nile-after-hide events",(async()=>{const l=await t(n`
       <nile-tooltip content="Event test" trigger="click">
         <button>Click</button>
       </nile-tooltip>
-    `),s=l.shadowRoot.querySelector(".trigger-container");s.click(),await i((()=>!0===l.open)),setTimeout((()=>s.click()));const a=await e(l,"nile-hide");o.ok(a);const r=await e(l,"nile-after-hide");o.ok(r)})),it('defaults to "bottom" placement when given invalid value',(async()=>{const i=await t(n`
+    `),s=l.shadowRoot.querySelector(".trigger-container");s.click(),await e((()=>!0===l.open)),setTimeout((()=>s.click()));const a=await i(l,"nile-hide");o.ok(a);const r=await i(l,"nile-after-hide");o.ok(r)})),it('defaults to "bottom" placement when given invalid value',(async()=>{const e=await t(n`
       <nile-tooltip content="Fallback" placement=${"invalid"} >
         <button>Trigger</button>
       </nile-tooltip>
-    `);await i.updateComplete,o.equal(i.placement,"bottom")})),it("updates hasTooltipSlot on slot change",(async()=>{const i=await t(n`
+    `);await e.updateComplete,o.equal(e.placement,"bottom")})),it("updates hasTooltipSlot on slot change",(async()=>{const e=await t(n`
       <nile-tooltip>
         <div slot="content">Initial slot</div>
         <button>Trigger</button>
       </nile-tooltip>
-    `),e=i.shadowRoot.querySelector('slot[name="content"]'),l=document.createElement("div");l.slot="content",l.textContent="Updated slot",i.appendChild(l),e.dispatchEvent(new Event("slotchange")),await i.updateComplete,o.isTrue(i.hasTooltipSlot)})),it("respects hoist attribute",(async()=>{const i=await t(n`
+    `),i=e.shadowRoot.querySelector('slot[name="content"]'),l=document.createElement("div");l.slot="content",l.textContent="Updated slot",e.appendChild(l),i.dispatchEvent(new Event("slotchange")),await e.updateComplete,o.isTrue(e.hasTooltipSlot)})),it("respects hoist attribute",(async()=>{const e=await t(n`
       <nile-tooltip hoist content="Hoisted">
         <button>Hoist</button>
       </nile-tooltip>
-    `);o.isTrue(i.hoist)}))}));
+    `);o.isTrue(e.hoist)}))}));

package/dist/src/nile-progress-bar/nile-progress-bar.css.js

@@ -14,6 +14,7 @@ export default css `
     display: flex;
     height: 6px;
     justify-content: space-between;
+    display: inline-block;
   }
 
   .nile-progress-bar__progress-bar li {

package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 6px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 6px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition: stroke-dashoffset 0.8s ease-in-out;\n    border-radius: 4px;  \n    overflow: hidden;\n  }\n\n   \n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;\n    transition: all 1s linear;\n    border-radius: 4px;  \n  }\n\n  .nile-progress-bar__progress-bar.lg li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n    border-radius: 4px; \n  }\n`;\n"]}
+{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 6px;\n    justify-content: space-between;\n    display: inline-block;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 6px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition: stroke-dashoffset 0.8s ease-in-out;\n    border-radius: 4px;  \n    overflow: hidden;\n  }\n\n   \n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;\n    transition: all 1s linear;\n    border-radius: 4px;  \n  }\n\n  .nile-progress-bar__progress-bar.lg li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n    border-radius: 4px; \n  }\n`;\n"]}

package/dist/src/nile-tooltip/nile-tooltip-utils.js

@@ -15,26 +15,36 @@ export function getValidTooltipPosition(triggerRect, tooltipRect, originalPlacem
                 top = triggerRect.top - tooltipRect.height - distance;
                 left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
                 break;
-            case 'top-start':
+            case 'top-start': {
                 top = triggerRect.top - tooltipRect.height - distance;
-                left = triggerCenterX - caretSize + skidding;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                left = Math.max(triggerRect.left + skidding, centeredLeft);
                 break;
-            case 'top-end':
+            }
+            case 'top-end': {
                 top = triggerRect.top - tooltipRect.height - distance;
-                left = triggerCenterX - tooltipRect.width + caretSize + 10 + skidding;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                const maxLeft = triggerRect.right - tooltipRect.width + skidding;
+                left = Math.min(centeredLeft, maxLeft);
                 break;
+            }
             case 'bottom':
                 top = triggerRect.bottom + distance;
                 left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
                 break;
-            case 'bottom-start':
+            case 'bottom-start': {
                 top = triggerRect.bottom + distance;
-                left = triggerCenterX - caretSize - 10 + skidding;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                left = Math.max(triggerRect.left + skidding, centeredLeft);
                 break;
-            case 'bottom-end':
+            }
+            case 'bottom-end': {
                 top = triggerRect.bottom + distance;
-                left = triggerCenterX - (tooltipRect.width - caretSize) + 10 + skidding;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                const maxLeft = triggerRect.right - tooltipRect.width + skidding;
+                left = Math.min(centeredLeft, maxLeft);
                 break;
+            }
             case 'left':
                 top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
                 left = triggerRect.left - tooltipRect.width - distance;
@@ -72,10 +82,37 @@ export function getValidTooltipPosition(triggerRect, tooltipRect, originalPlacem
     let placement = originalPlacement;
     let candidate = getCandidatePosition(placement);
     if (!candidateFits(candidate.top, candidate.left)) {
-        if (!placement.startsWith('bottom')) {
+        if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {
             placement = 'bottom';
+        }
+        else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {
+            placement = 'top';
+        }
+        else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {
+            placement = 'left';
+        }
+        else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {
+            placement = 'right';
+        }
+        candidate = getCandidatePosition(placement);
+        const leftCandidate = getCandidatePosition('left');
+        const bottomCandidate = getCandidatePosition('bottom');
+        const topCandidate = getCandidatePosition('top');
+        if (!candidateFits(leftCandidate.top, leftCandidate.left) &&
+            !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
+            !candidateFits(topCandidate.top, topCandidate.left)) {
+            placement = 'right';
             candidate = getCandidatePosition(placement);
         }
+        else {
+            const rightCandidate = getCandidatePosition('right');
+            if (!candidateFits(rightCandidate.top, rightCandidate.left) &&
+                !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
+                !candidateFits(topCandidate.top, topCandidate.left)) {
+                placement = 'left';
+                candidate = getCandidatePosition(placement);
+            }
+        }
     }
     if (candidate.left < 0) {
         candidate.left = 5;

package/dist/src/nile-tooltip/nile-tooltip-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tooltip-utils.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function isInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n\nexport function getValidTooltipPosition(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  originalPlacement: string,\n  distance: number,\n  skidding: number,\n  caretSize: number,\n  viewportWidth: number,\n  viewportHeight: number\n): { top: number; left: number; placement: string } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n\n  const getCandidatePosition = (placement: string) => {\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'top-start':\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerCenterX - caretSize + skidding;\n        break;\n      case 'top-end':\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerCenterX - tooltipRect.width + caretSize + 10 + skidding;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'bottom-start':\n        top = triggerRect.bottom + distance;\n        left = triggerCenterX - caretSize - 10 + skidding;\n        break;\n      case 'bottom-end':\n        top = triggerRect.bottom + distance;\n        left = triggerCenterX - (tooltipRect.width - caretSize) + 10 + skidding;\n        break;\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'left-start':\n        top = triggerRect.top + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'left-end':\n        top = triggerRect.bottom - tooltipRect.height + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.right + distance;\n        break;\n      case 'right-start':\n        top = triggerRect.top + skidding;\n        left = triggerRect.right + distance;\n        break;\n      case 'right-end':\n        top = triggerRect.bottom - tooltipRect.height + skidding;\n        left = triggerRect.right + distance;\n        break;\n      default:\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n    }\n\n    return { top, left };\n  };\n\n  const candidateFits = (top: number, left: number) =>\n    top >= 0 &&\n    left >= 0 &&\n    top + tooltipRect.height <= viewportHeight &&\n    left + tooltipRect.width <= viewportWidth;\n\n  let placement = originalPlacement;\n  let candidate = getCandidatePosition(placement);\n\n  if (!candidateFits(candidate.top, candidate.left)) {\n    if (!placement.startsWith('bottom')) {\n      placement = 'bottom';\n      candidate = getCandidatePosition(placement);\n    }\n  }\n\n  if (candidate.left < 0) {\n    candidate.left = 5;\n  } else if (candidate.left + tooltipRect.width > viewportWidth) {\n    candidate.left = viewportWidth - tooltipRect.width - 5;\n  }\n\n  if (candidate.top < 0) {\n    candidate.top = 5;\n  } else if (candidate.top + tooltipRect.height > viewportHeight) {\n    candidate.top = viewportHeight - tooltipRect.height - 5;\n  }\n\n  return { ...candidate, placement };\n}\n\nexport interface CaretPositionInput {\n  placement: string;\n  tooltipRect: DOMRect;\n  triggerRect: DOMRect;\n  caretSize: number;\n  left: number;\n  top: number;\n}\n\nexport function getCaretPosition({\n  placement,\n  tooltipRect,\n  triggerRect,\n  caretSize,\n  left,\n  top\n}: CaretPositionInput): { caretLeft: number; caretTop: number } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n  const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n  const [primaryPlacement, secondaryPlacement] = placement.split('-');\n\n  let caretLeft = 0;\n  let caretTop = 0;\n\n  switch (primaryPlacement) {\n      case 'top':\n          caretTop = tooltipRect.height - caretSize;\n          caretLeft = triggerCenterX - left -  caretSize;\n          if (placement === 'top-end') {\n            caretLeft = triggerCenterX - left - caretSize;\n          } else if (secondaryPlacement === 'start') {\n            caretLeft = triggerCenterX - left -  caretSize;\n          } else if (secondaryPlacement === 'end') {\n            caretLeft = tooltipRect.width - 2 *  caretSize + 8;\n          }\n          caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));\n          break;\n\n    case 'bottom':\n      caretTop = -caretSize;\n      caretLeft = triggerCenterX - left - caretSize;\n      break;\n\n    case 'left':\n      caretLeft = tooltipRect.width - caretSize;\n      if (secondaryPlacement === 'start') {\n        caretTop = triggerRect.height / 2 - caretSize;\n      } else if (secondaryPlacement === 'end') {\n        caretTop = tooltipRect.height - triggerRect.height / 2 - caretSize;\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n    case 'right':\n      caretLeft = -caretSize;\n      if (secondaryPlacement === 'start') {\n        caretTop = triggerRect.height / 2 - caretSize;\n      } else if (secondaryPlacement === 'end') {\n        caretTop = tooltipRect.height - triggerRect.height / 2 - caretSize;\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n    default:\n      caretLeft = tooltipRect.width / 2 - caretSize;\n      caretTop = tooltipRect.height / 2 - caretSize;\n  }\n\n  return { caretLeft, caretTop };\n}"]}
+{"version":3,"file":"nile-tooltip-utils.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function isInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n\nexport function getValidTooltipPosition(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  originalPlacement: string,\n  distance: number,\n  skidding: number,\n  caretSize: number,\n  viewportWidth: number,\n  viewportHeight: number\n): { top: number; left: number; placement: string } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n\n  const getCandidatePosition = (placement: string) => {\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'top-start': { \n        top = triggerRect.top - tooltipRect.height - distance;\n          const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n          left = Math.max(triggerRect.left + skidding, centeredLeft); \n        break;}\n        case 'top-end': {\n          \n          top = triggerRect.top - tooltipRect.height - distance;\n          \n          \n          const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n          \n          \n          const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n          \n          \n          left = Math.min(centeredLeft, maxLeft);\n          break;\n        }\n        \n      case 'bottom':\n        top = triggerRect.bottom + distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n        case 'bottom-start': {\n          top = triggerRect.bottom + distance;\n          const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n          left = Math.max(triggerRect.left + skidding, centeredLeft);\n        \n          break;\n        }\n        \n        case 'bottom-end': {\n          top = triggerRect.bottom + distance;\n          const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n          const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n          left = Math.min(centeredLeft, maxLeft);\n          break;\n        }\n        \n      case 'left':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'left-start':\n        top = triggerRect.top + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'left-end':\n        top = triggerRect.bottom - tooltipRect.height + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.right + distance;\n        break;\n      case 'right-start':\n        top = triggerRect.top + skidding;\n        left = triggerRect.right + distance;\n        break;\n      case 'right-end':\n        top = triggerRect.bottom - tooltipRect.height + skidding;\n        left = triggerRect.right + distance;\n        break;\n      default:\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n    }\n\n    return { top, left };\n  };\n\n  const candidateFits = (top: number, left: number) =>\n    top >= 0 &&\n    left >= 0 &&\n    top + tooltipRect.height <= viewportHeight &&\n    left + tooltipRect.width <= viewportWidth;\n\n  let placement = originalPlacement;\n  let candidate = getCandidatePosition(placement);\n\n  if (!candidateFits(candidate.top, candidate.left)) {\n    if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {\n      placement = 'bottom';\n    } else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {\n      placement = 'top';\n    } else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {\n      placement = 'left';\n    } else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {\n      placement = 'right';\n    }\n    candidate = getCandidatePosition(placement);\n    const leftCandidate = getCandidatePosition('left');\n    const bottomCandidate = getCandidatePosition('bottom');\n    const topCandidate = getCandidatePosition('top');\n    if (\n      !candidateFits(leftCandidate.top, leftCandidate.left) &&\n      !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n      !candidateFits(topCandidate.top, topCandidate.left)\n    ) {\n      placement = 'right';\n      candidate = getCandidatePosition(placement);\n    }\n    else {\n      const rightCandidate = getCandidatePosition('right');\n      if (\n        !candidateFits(rightCandidate.top, rightCandidate.left) &&\n        !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n        !candidateFits(topCandidate.top, topCandidate.left)\n      ) {\n        placement = 'left';\n        candidate = getCandidatePosition(placement);\n      }\n    }\n  }\n\n  if (candidate.left < 0) {\n    candidate.left = 5;\n  } else if (candidate.left + tooltipRect.width > viewportWidth) {\n    candidate.left = viewportWidth - tooltipRect.width - 5;\n  }\n\n  if (candidate.top < 0) {\n    candidate.top = 5;\n  } else if (candidate.top + tooltipRect.height > viewportHeight) {\n    candidate.top = viewportHeight - tooltipRect.height - 5;\n  }\n\n  return { ...candidate, placement };\n}\n\n\n\nexport interface CaretPositionInput {\n  placement: string;\n  tooltipRect: DOMRect;\n  triggerRect: DOMRect;\n  caretSize: number;\n  left: number;\n  top: number;\n}\n\nexport function getCaretPosition({\n  placement,\n  tooltipRect,\n  triggerRect,\n  caretSize,\n  left,\n  top\n}: CaretPositionInput): { caretLeft: number; caretTop: number } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n  const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n  const [primaryPlacement, secondaryPlacement] = placement.split('-');\n\n  let caretLeft = 0;\n  let caretTop = 0;\n\n  switch (primaryPlacement) {\n      case 'top':\n          caretTop = tooltipRect.height - caretSize;\n          caretLeft = triggerCenterX - left -  caretSize;\n          if (placement === 'top-end') {\n            caretLeft = triggerCenterX - left - caretSize;\n          } else if (secondaryPlacement === 'start') {\n            caretLeft = triggerCenterX - left -  caretSize;\n          } else if (secondaryPlacement === 'end') {\n            caretLeft = tooltipRect.width - 2 *  caretSize + 8;\n          }\n          caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));\n          break;\n\n    case 'bottom':\n      caretTop = -caretSize;\n      caretLeft = triggerCenterX - left - caretSize;\n      break;\n\n    case 'left':\n      caretLeft = tooltipRect.width - caretSize;\n      if (secondaryPlacement === 'start') {\n        caretTop = triggerRect.height / 2 - caretSize;\n      } else if (secondaryPlacement === 'end') {\n        caretTop = tooltipRect.height - triggerRect.height / 2 - caretSize;\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n    case 'right':\n      caretLeft = -caretSize;\n      if (secondaryPlacement === 'start') {\n        caretTop = triggerRect.height / 2 - caretSize;\n      } else if (secondaryPlacement === 'end') {\n        caretTop = tooltipRect.height - triggerRect.height / 2 - caretSize;\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n    default:\n      caretLeft = tooltipRect.width / 2 - caretSize;\n      caretTop = tooltipRect.height / 2 - caretSize;\n  }\n\n  return { caretLeft, caretTop };\n}"]}

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

@@ -37,13 +37,9 @@ export const styles = css `
       visibility: visible;
       pointer-events: auto;
     }
-    .tooltip__body--large {
-      font-size: var(--nile-tooltip-font-size-lg, 16px);
-      line-height: var(--nile-tooltip-line-height-lg, 1.75);
-    }
     .tooltip-content {
       overflow: auto;
-      max-width: 252px;
+      max-width: 250px;
       max-height: 116px;
     }
     .tooltip-caret {
@@ -58,7 +54,41 @@ export const styles = css `
       display: inline-block;
     }
  
+ 
+:host([open]) .tooltip {
+  visibility: visible;
+  pointer-events: auto;
+  animation: fadeIn 150ms forwards;
+}
+
+ 
+.tooltip.hide {
+  animation: fadeOut 100ms forwards;
+}
 
+ 
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+ 
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+}
 
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"nile-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,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 * Tooltip CSS\n */\nexport const styles = css`\n\n\n:host {\n      position: relative;\n      display: inline-block;\n    }\n    .tooltip {\n      position: fixed;\n      z-index: 1000;\n      background-color: var(--nile-tooltip-color-background, #333);\n      color: var(--nile-colors-white-base, #fff);\n      padding: 6px 10px;\n      border-radius: 4px;\n      font-size: var(--nile-tooltip-font-size-sm, 14px);\n      line-height: var(--nile-tooltip-line-height-sm, 1.5);\n      opacity: 0;\n      transition: opacity 0.2s, transform 0.2s;\n      pointer-events: none;\n      white-space: normal;\n      visibility: hidden;\n      overflow: visible;\n \n    }\n    :host([open]) .tooltip {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n    }\n    .tooltip__body--large {\n      font-size: var(--nile-tooltip-font-size-lg, 16px);\n      line-height: var(--nile-tooltip-line-height-lg, 1.75);\n    }\n    .tooltip-content {\n      overflow: auto;\n      max-width: 252px;\n      max-height: 116px;\n    }\n    .tooltip-caret {\n      position: absolute;\n      width: calc(2 * var(--caret-size, 6px));\n      height: calc(2 * var(--caret-size, 6px));\n      background-color: inherit;\n      transform: rotate(45deg);\n      z-index: -1;\n    }\n    .trigger-container {\n      display: inline-block;\n    }\n \n\n\n\n\n\n\n\n \n`;\n\nexport default [styles];"]}
+{"version":3,"file":"nile-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFxB,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 * Tooltip CSS\n */\nexport const styles = css`\n\n\n:host {\n      position: relative;\n      display: inline-block;\n    }\n    .tooltip {\n      position: fixed;\n      z-index: 1000;\n      background-color: var(--nile-tooltip-color-background, #333);\n      color: var(--nile-colors-white-base, #fff);\n      padding: 6px 10px;\n      border-radius: 4px;\n      font-size: var(--nile-tooltip-font-size-sm, 14px);\n      line-height: var(--nile-tooltip-line-height-sm, 1.5);\n      opacity: 0;\n      transition: opacity 0.2s, transform 0.2s;\n      pointer-events: none;\n      white-space: normal;\n      visibility: hidden;\n      overflow: visible;\n \n    }\n    :host([open]) .tooltip {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n    }\n    .tooltip-content {\n      overflow: auto;\n      max-width: 250px;\n      max-height: 116px;\n    }\n    .tooltip-caret {\n      position: absolute;\n      width: calc(2 * var(--caret-size, 6px));\n      height: calc(2 * var(--caret-size, 6px));\n      background-color: inherit;\n      transform: rotate(45deg);\n      z-index: -1;\n    }\n    .trigger-container {\n      display: inline-block;\n    }\n \n \n:host([open]) .tooltip {\n  visibility: visible;\n  pointer-events: auto;\n  animation: fadeIn 150ms forwards;\n}\n\n \n.tooltip.hide {\n  animation: fadeOut 100ms forwards;\n}\n\n \n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n \n@keyframes fadeOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n}\n\n\n\n\n\n\n \n`;\n\nexport default [styles];"]}

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

@@ -7,14 +7,13 @@
 import { CSSResultArray } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
- * Nile icon component.
+ * Nile tooltip component.
  *
  * @tag nile-tooltip
  *
  */
 export declare class NileTooltip extends NileElement {
     content: string;
-    size: 'small' | 'large';
     placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
     disabled: boolean;
     open: boolean;

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

@@ -7,12 +7,11 @@ import { __decorate } from "tslib";
  */
 import { html } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './nile-tooltip.css';
 import NileElement from '../internal/nile-element';
 import { isInViewport, getValidTooltipPosition, getCaretPosition } from './nile-tooltip-utils';
 /**
- * Nile icon component.
+ * Nile tooltip component.
  *
  * @tag nile-tooltip
  *
@@ -21,7 +20,6 @@ let NileTooltip = class NileTooltip extends NileElement {
     constructor() {
         super(...arguments);
         this.content = '';
-        this.size = 'small';
         this.placement = 'bottom';
         this.disabled = false;
         this.open = false;
@@ -49,7 +47,23 @@ let NileTooltip = class NileTooltip extends NileElement {
             const tooltipRect = this.tooltip.getBoundingClientRect();
             const viewportWidth = window.innerWidth;
             const viewportHeight = window.innerHeight;
-            const { top, left, placement } = getValidTooltipPosition(triggerRect, tooltipRect, this.originalPlacement, this.distance, this.skidding, this.caretSize, viewportWidth, viewportHeight);
+            let { top, left, placement } = getValidTooltipPosition(triggerRect, tooltipRect, this.originalPlacement, this.distance, this.skidding, this.caretSize, viewportWidth, viewportHeight);
+            if (this.originalPlacement.startsWith('bottom')) {
+                const availableSpaceBelow = viewportHeight - triggerRect.bottom;
+                if (availableSpaceBelow < tooltipRect.height + this.distance) {
+                    let newPlacement = 'top';
+                    if (this.originalPlacement === 'bottom-start') {
+                        newPlacement = 'top';
+                    }
+                    else if (this.originalPlacement === 'bottom-end') {
+                        newPlacement = 'top';
+                    }
+                    const newPosition = getValidTooltipPosition(triggerRect, tooltipRect, newPlacement, this.distance, this.skidding, this.caretSize, viewportWidth, viewportHeight);
+                    top = newPosition.top;
+                    left = newPosition.left;
+                    placement = newPosition.placement;
+                }
+            }
             this.setAttribute('placement', placement);
             this.tooltip.style.top = `${top}px`;
             this.tooltip.style.left = `${left}px`;
@@ -73,8 +87,10 @@ let NileTooltip = class NileTooltip extends NileElement {
                 this.emit('nile-show');
                 this.open = true;
                 this.updateComplete.then(() => {
-                    this.updateTooltipPosition();
-                    this.emit('nile-after-show');
+                    requestAnimationFrame(() => {
+                        this.updateTooltipPosition();
+                        this.emit('nile-after-show');
+                    });
                 });
             }
             else {
@@ -91,13 +107,13 @@ let NileTooltip = class NileTooltip extends NileElement {
         this.handleMouseOver = () => {
             if (this.trigger.includes('hover')) {
                 clearTimeout(this.hoverTimeout);
-                this.hoverTimeout = window.setTimeout(() => this.showTooltip(), 150);
+                this.hoverTimeout = window.setTimeout(() => this.showTooltip(), 300);
             }
         };
         this.handleMouseOut = () => {
             if (this.trigger.includes('hover')) {
                 clearTimeout(this.hoverTimeout);
-                this.hoverTimeout = window.setTimeout(() => this.hideTooltip(), 0);
+                this.hoverTimeout = window.setTimeout(() => this.hideTooltip(), 150);
             }
         };
         this.handleClick = () => {
@@ -145,6 +161,13 @@ let NileTooltip = class NileTooltip extends NileElement {
         if (!validPlacements.includes(this.originalPlacement)) {
             this.originalPlacement = 'bottom';
         }
+        if (changedProps.has('open') && this.open) {
+            this.updateComplete.then(() => {
+                requestAnimationFrame(() => {
+                    this.updateTooltipPosition();
+                });
+            });
+        }
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -159,10 +182,7 @@ let NileTooltip = class NileTooltip extends NileElement {
     render() {
         return html `
       <div
-        class=${classMap({
-            tooltip: true,
-            'tooltip__body--large': this.size === 'large',
-        })}
+        class="tooltip"
         id="tooltip"
       >
         <div class="tooltip-content" part="content">
@@ -182,7 +202,7 @@ let NileTooltip = class NileTooltip extends NileElement {
         @focusout=${this.handleBlur}
         aria-describedby="tooltip"
       >
-        <slot></slot>
+      <slot></slot>
       </div>
     `;
     }
@@ -190,9 +210,6 @@ let NileTooltip = class NileTooltip extends NileElement {
 __decorate([
     property({ type: String })
 ], NileTooltip.prototype, "content", void 0);
-__decorate([
-    property({ reflect: true })
-], NileTooltip.prototype, "size", void 0);
 __decorate([
     property({ type: String })
 ], NileTooltip.prototype, "placement", void 0);