@aquera/nile-elements 0.1.35-beta-1.2 → 0.1.35

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tooltip-utils.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,OAAoB;IAC/C,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC7C,OAAO,CACL,IAAI,CAAC,GAAG,IAAI,CAAC;QACb,IAAI,CAAC,IAAI,IAAI,CAAC;QACd,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;QAC5E,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,CAC1E,CAAC;AACJ,CAAC;AAGD,MAAM,UAAU,uBAAuB,CACrC,WAAoB,EACpB,WAAoB,EACpB,iBAAyB,EACzB,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,aAAqB,EACrB,cAAsB;IAEtB,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;IAEhE,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE;QACjD,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,CAAC,CAAC;QAEb,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACtD,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;gBACjF,MAAM;YACR,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACtD,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;gBACrG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;gBAC3D,MAAM;YACR,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACtD,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;gBACrG,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACjE,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;gBACvC,MAAM;YACR,CAAC;YAED,KAAK,QAAQ;gBACX,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACpC,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;gBACjF,MAAM;YACR,KAAK,cAAc,CAAC,CAAC,CAAC;gBACpB,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACpC,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;gBACrG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;gBAE3D,MAAM;YACR,CAAC;YAED,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACpC,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;gBACrG,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACjE,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;gBACvC,MAAM;YACR,CAAC;YAED,KAAK,MAAM;gBACT,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;gBACjF,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACvD,MAAM;YACR,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChE,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC9C,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACvD,IAAI,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;oBAC1B,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC;gBACxB,CAAC;gBACD,MAAM;YACR,CAAC;YAED,KAAK,UAAU,CAAC,CAAC,CAAC;gBAChB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChE,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC9C,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACvD,IAAI,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;oBAClD,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;gBAChD,CAAC;gBAED,MAAM;YACR,CAAC;YAED,KAAK,OAAO;gBACV,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;gBACjF,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACpC,MAAM;YACR,KAAK,aAAa,CAAC,CAAC,CAAC;gBACnB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChE,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC9C,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACpC,IAAI,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;oBAC1B,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC;gBACxB,CAAC;gBAED,MAAM;YACR,CAAC;YAED,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChE,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC9C,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACpC,IAAI,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;oBAClD,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;gBAChD,CAAC;gBAED,MAAM;YACR,CAAC;YAED;gBACE,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACtD,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;QACrF,CAAC;QAED,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAE,CAClD,GAAG,IAAI,CAAC;QACR,IAAI,IAAI,CAAC;QACT,GAAG,GAAG,WAAW,CAAC,MAAM,IAAI,cAAc;QAC1C,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,aAAa,CAAC;IAE5C,IAAI,SAAS,GAAG,iBAAiB,CAAC;IAClC,IAAI,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAEhD,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAClD,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAChE,SAAS,GAAG,QAAQ,CAAC;QACvB,CAAC;aAAM,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAChF,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC;aAAM,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC7E,SAAS,GAAG,MAAM,CAAC;QACrB,CAAC;aAAM,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC1E,SAAS,GAAG,OAAO,CAAC;QACtB,CAAC;QACD,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,eAAe,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACvD,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACjD,IACE,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,IAAI,CAAC;YACrD,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC;YACzD,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,EACnD,CAAC;YACD,SAAS,GAAG,OAAO,CAAC;YACpB,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC;aACI,CAAC;YACJ,MAAM,cAAc,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;YACrD,IACE,CAAC,aAAa,CAAC,cAAc,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC;gBACvD,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC;gBACzD,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,EACnD,CAAC;gBACD,SAAS,GAAG,MAAM,CAAC;gBACnB,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,SAAS,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;QACvB,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;IACrB,CAAC;SAAM,IAAI,SAAS,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,aAAa,EAAE,CAAC;QAC9D,SAAS,CAAC,IAAI,GAAG,aAAa,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,SAAS,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QACtB,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC;IACpB,CAAC;SAAM,IAAI,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,cAAc,EAAE,CAAC;QAC/D,SAAS,CAAC,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,CAAC;AACrC,CAAC;AAaD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,IAAI,EACJ,GAAG,EACgB;IACnB,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEpE,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEjB,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,KAAK;YACR,QAAQ,GAAG,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC;YAC1C,SAAS,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;YAC9C,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;gBAC5B,SAAS,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;YAChD,CAAC;iBAAM,IAAI,kBAAkB,KAAK,OAAO,EAAE,CAAC;gBAC1C,SAAS,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;YAChD,CAAC;iBAAM,IAAI,kBAAkB,KAAK,KAAK,EAAE,CAAC;gBACxC,SAAS,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC;YACpD,CAAC;YACD,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;YACxF,MAAM;QAER,KAAK,QAAQ;YACX,QAAQ,GAAG,CAAC,SAAS,CAAC;YACtB,SAAS,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;YAC9C,MAAM;QAER,KAAK,MAAM;YACT,SAAS,GAAG,WAAW,CAAC,KAAK,GAAG,SAAS,CAAC;YAC1C,IAAI,kBAAkB,KAAK,OAAO,EAAE,CAAC;gBACnC,MAAM,gBAAgB,GAAG,cAAc,GAAG,GAAG,GAAG,SAAS,CAAC;gBAC1D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,GAAG,GAAG,CAAC;gBAC1C,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,kBAAkB,KAAK,KAAK,EAAE,CAAC;gBACxC,MAAM,gBAAgB,GAAG,cAAc,GAAG,GAAG,GAAG,SAAS,CAAC;gBAC1D,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,SAAS,CAAC;gBAC7D,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;YACrD,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,cAAc,GAAG,GAAG,GAAG,SAAS,CAAC;YAC9C,CAAC;YACD,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;YACvF,MAAM;QAGR,KAAK,OAAO;YACV,SAAS,GAAG,CAAC,SAAS,CAAC;YACvB,IAAI,kBAAkB,KAAK,OAAO,EAAE,CAAC;gBACnC,MAAM,gBAAgB,GAAG,cAAc,GAAG,GAAG,GAAG,SAAS,CAAC;gBAC1D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,GAAG,GAAG,CAAC;gBAC1C,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,kBAAkB,KAAK,KAAK,EAAE,CAAC;gBACxC,MAAM,gBAAgB,GAAG,cAAc,GAAG,GAAG,GAAG,SAAS,CAAC;gBAC1D,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,SAAS,CAAC;gBAC7D,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;YACrD,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,cAAc,GAAG,GAAG,GAAG,SAAS,CAAC;YAC9C,CAAC;YACD,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;YACvF,MAAM;QAGR;YACE,SAAS,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC;YAC9C,QAAQ,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;IAClD,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACjC,CAAC","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      }\n      case 'top-end': {\n        top = triggerRect.top - tooltipRect.height - 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 '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        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - distance;\n        if (top < triggerRect.top) {\n          top = triggerRect.top;\n        }\n        break;\n      }\n\n      case 'left-end': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - distance;\n        if (top + tooltipRect.height > triggerRect.bottom) {\n          top = triggerRect.bottom - tooltipRect.height;\n        }\n\n        break;\n      }\n\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        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + distance;\n        if (top < triggerRect.top) {\n          top = triggerRect.top;\n        }\n\n        break;\n      }\n\n      case 'right-end': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + distance;\n        if (top + tooltipRect.height > triggerRect.bottom) {\n          top = triggerRect.bottom - tooltipRect.height;\n        }\n\n        break;\n      }\n\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        const computedCaretTop = triggerCenterY - top - caretSize;\n        const minCaretTop = triggerRect.top - top;\n        caretTop = Math.max(computedCaretTop, minCaretTop);\n      } else if (secondaryPlacement === 'end') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n        caretTop = Math.min(computedCaretTop, maxCaretTop);\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n\n    case 'right':\n      caretLeft = -caretSize;\n      if (secondaryPlacement === 'start') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const minCaretTop = triggerRect.top - top;\n        caretTop = Math.max(computedCaretTop, minCaretTop);\n      } else if (secondaryPlacement === 'end') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n        caretTop = Math.min(computedCaretTop, maxCaretTop);\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n\n    default:\n      caretLeft = tooltipRect.width / 2 - caretSize;\n      caretTop = tooltipRect.height / 2 - caretSize;\n  }\n\n  return { caretLeft, caretTop };\n}\n"]}

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

@@ -1 +0,0 @@
-import './nile-tooltip';

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

@@ -1,148 +0,0 @@
-import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';
-import './nile-tooltip';
-describe('NileTooltip', () => {
-    it('renders with default properties', async () => {
-        const el = await fixture(html `<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);
-        assert.equal(el.content, 'Hello');
-        assert.equal(el.placement, 'top');
-        assert.equal(el.disabled, false);
-        assert.equal(el.open, false);
-    });
-    it('renders text content when no slot is used', async () => {
-        const el = await fixture(html `<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`);
-        const content = el.shadowRoot.querySelector('.tooltip-content');
-        assert.include(content.textContent, 'Fallback');
-    });
-    it('uses slotted content when provided', async () => {
-        const el = await fixture(html `
-      <nile-tooltip>
-        <div slot="content">Slot Content</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        const slot = el.shadowRoot.querySelector('slot[name="content"]');
-        const assigned = slot.assignedNodes({ flatten: true });
-        assert.isAbove(assigned.length, 0);
-        assert.include(assigned[0].textContent ?? '', 'Slot Content');
-    });
-    it('shows tooltip on hover when trigger includes "hover"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
-        await waitUntil(() => el.open === true);
-        assert.isTrue(el.open);
-    });
-    it('hides tooltip on mouseout when trigger includes "hover"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
-        await waitUntil(() => el.open === true);
-        trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));
-        await waitUntil(() => el.open === false);
-    });
-    it('toggles tooltip on click when trigger includes "click"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Click me" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.click();
-        await waitUntil(() => el.open === true);
-        trigger.click();
-        await waitUntil(() => el.open === false);
-    });
-    it('shows and hides tooltip on focus/blur when trigger includes "focus"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Focus" trigger="focus">
-        <button>Focus</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('focusin'));
-        await waitUntil(() => el.open === true);
-        trigger.dispatchEvent(new Event('focusout'));
-        await waitUntil(() => el.open === false);
-    });
-    it('does not show tooltip when disabled', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Disabled" disabled trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover'));
-        await new Promise(resolve => setTimeout(resolve, 200));
-        assert.isFalse(el.open);
-    });
-    it('emits nile-show and nile-after-show events', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        setTimeout(() => trigger.click());
-        const showEvent = await oneEvent(el, 'nile-show');
-        assert.ok(showEvent);
-        const afterShow = await oneEvent(el, 'nile-after-show');
-        assert.ok(afterShow);
-    });
-    it('emits nile-hide and nile-after-hide events', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.click();
-        await waitUntil(() => el.open === true);
-        setTimeout(() => trigger.click());
-        const hideEvent = await oneEvent(el, 'nile-hide');
-        assert.ok(hideEvent);
-        const afterHide = await oneEvent(el, 'nile-after-hide');
-        assert.ok(afterHide);
-    });
-    it('defaults to "bottom" placement when given invalid value', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Fallback" placement=${'invalid'} >
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        await el.updateComplete;
-        assert.equal(el.placement, 'top');
-    });
-    it('updates hasTooltipSlot on slot change', async () => {
-        const el = await fixture(html `
-      <nile-tooltip>
-        <div slot="content">Initial slot</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        const slot = el.shadowRoot.querySelector('slot[name="content"]');
-        const newSlotNode = document.createElement('div');
-        newSlotNode.slot = 'content';
-        newSlotNode.textContent = 'Updated slot';
-        el.appendChild(newSlotNode);
-        slot.dispatchEvent(new Event('slotchange'));
-        await el.updateComplete;
-        assert.isTrue(el.hasTooltipSlot);
-    });
-    it('respects hoist attribute', async () => {
-        const el = await fixture(html `
-      <nile-tooltip hoist content="Hoisted">
-        <button>Hoist</button>
-      </nile-tooltip>
-    `);
-        assert.isTrue(el.hoist);
-    });
-});
-//# sourceMappingURL=nile-tooltip.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tooltip.test.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"names":[],"mappings":"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","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, 'top');\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, 'top');\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"]}

package/src/nile-filter-chip/index.ts

@@ -1 +0,0 @@
-export { NileFilterChip } from './nile-filter-chip';

package/src/nile-filter-chip/nile-filter-chip.css.ts

@@ -1,115 +0,0 @@
-/**
-* Copyright Aquera Inc 2023
-*
-* 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';
-
-/**
- * FilterChip CSS
- */
-
-export const styles = css`
-
-
-  .filter-chips {
-    display: flex;
-    align-items: center;
-  }
-
-
-  .chip {
-    display: inline-flex;
-    align-items: center;
-    padding: 4px 8px;
-    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
-    border-radius: 4px;
-    font-size: 14px;
-    background-color: var(--nile-filter-chip-background-default);
-    color: var(--nile-filter-chip-text-default);
-    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-    cursor: pointer;
-    gap: 6px;
-    margin-right: 6px;
-  }
-
-  .chip:hover {
-    background-color: var(--nile-filter-chip-hover-background);
-  }
-
-  .chip:active {
-    background-color: var(--nile-filter-chip-active-background);
-    border-color: var(--nile-filter-chip-active-border-color-stroke);
-  }
-
-  .icon {
-    color: var(--nile-filter-chip-icon-color-default);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: middle;
-    position: relative;
-    top: 12px;
-  }
-
-  .label {
-    font-weight: 500;
-    color: var(--nile-filter-chip-label-color-default);
-  }
-
-  nile-badge::part(base) {
-    width: auto;
-    height: 14px;
-    border-radius: 100px;
-    padding: 6px;
-    gap: 10px;
-    font-size: 8px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    line-height: 1;
-  }
-
-  .chip-container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-  }
-
-  .clear-all-container {
-    margin-left: 18px;
-    white-space: nowrap;
-    cursor: pointer;
-  }
-
-
-  .value {
-    color: var(--nile-filter-chip-values-color-default);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    max-width: 140px;
-  }
-
-  .close-icon {
-    color: var(--nile-filter-chip-close-icon-color-default);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    padding: 2px;
-    border-radius: 50%;
-    transition: background-color 0.2s;
-  }
-
-  .close-icon:hover {
-    background-color: var(--nile-filter-chip-close-icon-hover-background);
-    color: var(--nile-filter-chip-close-icon-hover-color);
-  }
-`;
-
-export default [styles];
-
- 

package/src/nile-filter-chip/nile-filter-chip.test.ts

@@ -1,92 +0,0 @@
-import { fixture, expect, html, oneEvent } from '@open-wc/testing';
-import './nile-filter-chip';
-import { NileFilterChip } from './nile-filter-chip';
-
-describe('<nile-filter-chip>', () => {
-  afterEach(() => {
-    (NileFilterChip as any).activeChips = [];
-  });
-
-  it('registers and unregisters itself in activeChips', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip label="L" text="T"></nile-filter-chip>
-    `);
-    expect((NileFilterChip as any).activeChips).to.include(el);
-    el.remove();
-    await el.updateComplete;
-    expect((NileFilterChip as any).activeChips).to.not.include(el);
-  });
-
-  it('renders fallback label and text', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip label="MyLabel" text="MyText"></nile-filter-chip>
-    `);
-    const label = el.shadowRoot!.querySelector('.label')! as HTMLElement;
-    const value = el.shadowRoot!.querySelector('.value')! as HTMLElement;
-    expect(label.textContent).to.equal('MyLabel:');
-    expect(value.textContent!.trim()).to.equal('MyText');
-  });
-
-  it('renders slotted label and value over fallback', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip>
-        <span slot="label">SLOT-LBL</span>
-        <span slot="value">SLOT-VAL</span>
-      </nile-filter-chip>
-    `);
-    const slottedLabel = el.querySelector('[slot="label"]')! as HTMLElement;
-    const slottedValue = el.querySelector('[slot="value"]')! as HTMLElement;
-    expect(slottedLabel.textContent).to.equal('SLOT-LBL');
-    expect(slottedValue.textContent).to.equal('SLOT-VAL');
-  });
-
-  it('renders an icon when the `icon` property is set', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip icon="★" label="L" text="T"></nile-filter-chip>
-    `);
-    const iconSpan = el.shadowRoot!.querySelector('.icon')! as HTMLElement;
-    expect(iconSpan).to.exist;
-    expect(iconSpan.textContent).to.equal('★');
-  });
-
-  it('does not render a badge when extraCount is zero', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip extraCount="0" label="L" text="T"></nile-filter-chip>
-    `);
-    expect(el.shadowRoot!.querySelector('nile-badge')).to.be.null;
-  });
-
-  it('renders a +badge when extraCount > 0', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip extraCount="5" label="L" text="T"></nile-filter-chip>
-    `);
-    const badge = el.shadowRoot!.querySelector('nile-badge')! as HTMLElement;
-    expect(badge).to.exist;
-    expect(badge.textContent).to.contain('+5');
-  });
-
-
-
-  it('dispatches `nile-click` on chip click', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip label="L" text="T"></nile-filter-chip>
-    `);
-    const chip = el.shadowRoot!.querySelector('.chip')! as HTMLElement;
-    setTimeout(() => chip.click());
-    const ev = await oneEvent(el, 'nile-click');
-    expect(ev.detail).to.deep.equal({ text: 'T', extraCount: 0 });
-  });
-
-  it('dispatches `nile-close` on close icon click and removes itself', async () => {
-    const el = await fixture<NileFilterChip>(html`
-      <nile-filter-chip closable extraCount="2" text="TT"></nile-filter-chip>
-    `);
-    const closeIcon = el.shadowRoot!.querySelector('.close-icon')! as HTMLElement;
-    setTimeout(() => closeIcon.click());
-    const ev = await oneEvent(el, 'nile-close');
-    expect(ev.detail).to.deep.equal({ text: 'TT', extraCount: 2 });
-    expect(document.body.contains(el)).to.be.false;
-  });
-
- 
-});

package/src/nile-filter-chip/nile-filter-chip.ts

@@ -1,125 +0,0 @@
-import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import NileElement from '../internal/nile-element';
-import { styles } from './nile-filter-chip.css';
-
-/**
- * Nile filter-chip component.
- *
- * @tag nile-filter-chip
- */
-@customElement('nile-filter-chip')
-export class NileFilterChip extends NileElement {
-  @property({ type: String }) label = '';
-  @property({ type: String }) text = '';
-  @property({ type: Number }) extraCount: number = 0;
-  @property({ type: Boolean }) editable = false;
-  @property({ type: Boolean }) closable = false;
-  @property({ type: String }) icon = '';
-  @property({ type: String }) removeIcon = '';
-
-  private static activeChips: NileFilterChip[] = [];
-
-  public static get styles(): CSSResultArray {
-    return [styles];
-  }
-
-  connectedCallback() {
-    super.connectedCallback();
-    this.registerChip();
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.unregisterChip();
-  }
-
-  private registerChip() {
-    NileFilterChip.activeChips.push(this);
-  }
-
-  private unregisterChip() {
-    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(
-      (chip) => chip !== this
-    );
-  }
-
-  private handleClose(event: Event) {
-    event.stopPropagation();
-    this.dispatchEvent(
-      new CustomEvent('nile-close', { detail: { text: this.text, extraCount: this.extraCount } })
-    );
-    this.remove();
-  }
-
-  private handleClick() {
-    this.dispatchEvent(
-      new CustomEvent('nile-click', { detail: { text: this.text, extraCount: this.extraCount } })
-    );
-  }
-
-  private getLabelSlot(): TemplateResult {
-    return html`
-      <slot name="label">
-        <span class="label">${this.label}:</span>
-      </slot>
-    `;
-  }
-
-  private getValueSlot(): TemplateResult {
-    return html`
-      <slot name="value">
-        <span class="value">${this.text}</span>
-      </slot>
-    `;
-  }
-
-  private getExtraCountSlot(): TemplateResult {
-    return html`
-      <slot name="suffix">
-        ${this.extraCount
-          ? html`
-              <nile-badge variant="primary" pilltype="pill-color">
-                +${this.extraCount}
-              </nile-badge>
-            `
-          : html``}
-      </slot>
-    `;
-  }
-
-  private getCloseIconSlot(): TemplateResult {
-    return html`
-      ${this.closable
-        ? html`
-            <span class="close-icon" @click="${this.handleClose}">
-              <nile-icon name="${this.removeIcon || 'close'}" size="12"></nile-icon>
-            </span>
-          `
-        : html``}
-    `;
-  }
-
-  public render(): TemplateResult {
-    return html`
-      <div class="chip" @click="${this.handleClick}">
-        <slot name="icon">
-          ${this.icon ? html`<span class="icon">${this.icon}</span>` : html``}
-        </slot>
-        ${this.getLabelSlot()}
-        <slot name="content"></slot>
-        ${this.getValueSlot()}
-        ${this.getExtraCountSlot()}
-        ${this.getCloseIconSlot()}
-      </div>
-    `;
-  }
-}
-
-export default NileFilterChip;
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'nile-filter-chip': NileFilterChip;
-  }
-}