@aquera/nile-elements 0.1.34-beta-1.0 → 0.1.34-beta-1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/nile-code-editor/extensionSetup.cjs.js +1 -1
- package/dist/nile-code-editor/extensionSetup.cjs.js.map +1 -1
- package/dist/nile-code-editor/extensionSetup.esm.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.esm.js +2 -2
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.esm.js +1 -0
- package/dist/nile-tooltip/index.cjs.js +1 -1
- package/dist/nile-tooltip/index.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip-utils.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip-utils.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip-utils.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.esm.js +36 -6
- package/dist/nile-tooltip/nile-tooltip.esm.js +4 -4
- package/dist/nile-tooltip/nile-tooltip.test.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.test.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.test.esm.js +12 -16
- package/dist/src/nile-code-editor/extensionSetup.d.ts +2 -1
- package/dist/src/nile-code-editor/extensionSetup.js +8 -0
- package/dist/src/nile-code-editor/extensionSetup.js.map +1 -1
- package/dist/src/nile-code-editor/nile-code-editor.d.ts +1 -0
- package/dist/src/nile-code-editor/nile-code-editor.js +7 -2
- package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js +1 -0
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip-utils.js +46 -9
- package/dist/src/nile-tooltip/nile-tooltip-utils.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js +35 -5
- package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.d.ts +1 -2
- package/dist/src/nile-tooltip/nile-tooltip.js +33 -16
- package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.test.js +0 -10
- package/dist/src/nile-tooltip/nile-tooltip.test.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-code-editor/extensionSetup.ts +13 -1
- package/src/nile-code-editor/nile-code-editor.ts +5 -2
- package/src/nile-progress-bar/nile-progress-bar.css.ts +1 -0
- package/src/nile-tooltip/nile-tooltip-utils.ts +66 -16
- package/src/nile-tooltip/nile-tooltip.css.ts +35 -5
- package/src/nile-tooltip/nile-tooltip.test.ts +0 -10
- package/src/nile-tooltip/nile-tooltip.ts +50 -15
- package/vscode-html-custom-data.json +7 -14
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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"]))));}};});
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-progress-bar.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"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"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
1
|
+
{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"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"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["./nile-tooltip.cjs.js","tslib","lit","lit/decorators.js","
|
1
|
+
System.register(["./nile-tooltip.cjs.js","tslib","lit","lit/decorators.js","./nile-tooltip.css.cjs.js","../internal/nile-element.cjs.js","./nile-tooltip-utils.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTooltipCjsJs){_export("NileTooltip",_nileTooltipCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTooltipCssCjsJs){},function(_internalNileElementCjsJs){},function(_nileTooltipUtilsCjsJs){}],execute:function execute(){}};});
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
export{N as NileTooltip}from"./nile-tooltip.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"
|
1
|
+
export{N as NileTooltip}from"./nile-tooltip.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-tooltip.css.esm.js";import"../internal/nile-element.esm.js";import"./nile-tooltip-utils.esm.js";
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register([],function(_export,_context){"use strict";function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function t(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth);}function e(t,e,a,r,c,
|
1
|
+
System.register([],function(_export,_context){"use strict";function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function t(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth);}function e(t,e,a,o,r,s,c,n){t.left,t.width;var b=function b(a){var s=0,c=0;switch(a){case"top":default:s=t.top-e.height-o,c=t.left+(t.width-e.width)/2+r;break;case"top-start":{s=t.top-e.height-o;var _a=t.left+t.width/2-e.width/2+r;c=Math.max(t.left+r,_a);break;}case"top-end":{s=t.top-e.height-o;var _a2=t.left+t.width/2-e.width/2+r,_n=t.right-e.width+r;c=Math.min(_a2,_n);break;}case"bottom":s=t.bottom+o,c=t.left+(t.width-e.width)/2+r;break;case"bottom-start":{s=t.bottom+o;var _a3=t.left+t.width/2-e.width/2+r;c=Math.max(t.left+r,_a3);break;}case"bottom-end":{s=t.bottom+o;var _a4=t.left+t.width/2-e.width/2+r,_n2=t.right-e.width+r;c=Math.min(_a4,_n2);break;}case"left":s=t.top+(t.height-e.height)/2+r,c=t.left-e.width-o;break;case"left-start":s=t.top+r,c=t.left-e.width-o;break;case"left-end":s=t.bottom-e.height+r,c=t.left-e.width-o;break;case"right":s=t.top+(t.height-e.height)/2+r,c=t.right+o;break;case"right-start":s=t.top+r,c=t.right+o;break;case"right-end":s=t.bottom-e.height+r,c=t.right+o;}return{top:s,left:c};},i=function i(t,a){return t>=0&&a>=0&&t+e.height<=n&&a+e.width<=c;};var h=a,l=b(h);if(!i(l.top,l.left)){["top","top-start","top-end"].includes(a)?h="bottom":["bottom","bottom-start","bottom-end"].includes(a)?h="top":["right","right-start","right-end"].includes(a)?h="left":["left","left-start","left-end"].includes(a)&&(h="right"),l=b(h);var _t=b("left"),_e=b("bottom"),_o=b("top");if(i(_t.top,_t.left)||i(_e.top,_e.left)||i(_o.top,_o.left)){var _t2=b("right");i(_t2.top,_t2.left)||i(_e.top,_e.left)||i(_o.top,_o.left)||(h="left",l=b(h));}else h="right",l=b(h);}return l.left<0?l.left=5:l.left+e.width>c&&(l.left=c-e.width-5),l.top<0?l.top=5:l.top+e.height>n&&(l.top=n-e.height-5),_objectSpread(_objectSpread({},l),{},{placement:h});}function a(_ref){var t=_ref.placement,e=_ref.tooltipRect,a=_ref.triggerRect,o=_ref.caretSize,r=_ref.left,s=_ref.top;var c=a.left+a.width/2,n=a.top+a.height/2,_t$split=t.split("-"),_t$split2=_slicedToArray(_t$split,2),b=_t$split2[0],i=_t$split2[1];var h=0,l=0;switch(b){case"top":l=e.height-o,h=c-r-o,"top-end"===t||"start"===i?h=c-r-o:"end"===i&&(h=e.width-2*o+8),h=Math.max(o,Math.min(h,e.width-2*o));break;case"bottom":l=-o,h=c-r-o;break;case"left":h=e.width-o,l="start"===i?a.height/2-o:"end"===i?e.height-a.height/2-o:n-s-o,l=Math.max(o,Math.min(l,e.height-2*o));break;case"right":h=-o,l="start"===i?a.height/2-o:"end"===i?e.height-a.height/2-o:n-s-o,l=Math.max(o,Math.min(l,e.height-2*o));break;default:h=e.width/2-o,l=e.height/2-o;}return{caretLeft:h,caretTop:l};}_export({a:a,g:e,i:t});return{setters:[],execute:function execute(){}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip-utils.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip-utils.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"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}"],"names":["isInViewport","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","getValidTooltipPosition","triggerRect","tooltipRect","originalPlacement","distance","skidding","caretSize","viewportWidth","viewportHeight","triggerCenterX","width","getCandidatePosition","placement","height","candidate","startsWith","_objectSpread","k","getCaretPosition","_ref","triggerCenterY","primaryPlacement","split","_t$split2","_slicedToArray","_t$split","secondaryPlacement","caretLeft","caretTop","Math","max","min"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-tooltip-utils.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"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}"],"names":["isInViewport","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","getValidTooltipPosition","triggerRect","tooltipRect","originalPlacement","distance","skidding","caretSize","viewportWidth","viewportHeight","width","getCandidatePosition","placement","height","centeredLeft","Math","max","maxLeft","min","candidateFits","candidate","includes","leftCandidate","bottomCandidate","topCandidate","rightCandidate","_objectSpread","getCaretPosition","triggerCenterX","triggerCenterY","_t$split","split","_t$split2","_slicedToArray","primaryPlacement","secondaryPlacement","caretLeft","caretTop","l","_export","a"],"mappings":"srFAAM,QAAUA,CAAAA,CAAaC,CAAAA,CAAAA,CAAAA,CAC3B,GAAMC,CAAAA,CAAAA,CAAOD,EAAQE,qBACrB,CAAA,CAAA,CAAA,MACED,CAAAA,CAAKE,CAAAA,GAAAA,EAAO,GACZF,CAAKG,CAAAA,IAAAA,EAAQ,CACbH,EAAAA,CAAAA,CAAKI,SAAWC,MAAOC,CAAAA,WAAAA,EAAeC,QAASC,CAAAA,eAAAA,CAAgBC,eAC/DT,CAAKU,CAAAA,KAAAA,GAAUL,MAAOM,CAAAA,UAAAA,EAAcJ,SAASC,eAAgBI,CAAAA,WAAAA,CAEjE,UAGgBC,CAAAA,EACdC,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,CAEuBP,CAAAA,CAAAA,CAAAA,CAAYX,KAAOW,CAAYQ,CAAAA,KAAAA,CAEtD,GAAMC,CAAAA,CAAAA,CAAwBC,QAAxBD,CAAAA,CAAAA,CAAwBC,GAC5B,GAAItB,CAAAA,CAAAA,CAAM,CACNC,CAAAA,CAAAA,CAAO,EAEX,OAAQqB,CAAAA,EACN,IAAK,KAAA,CAoEL,QACEtB,CAAMY,CAAAA,CAAAA,CAAYZ,GAAMa,CAAAA,CAAAA,CAAYU,OAASR,CAC7Cd,CAAAA,CAAAA,CAAOW,CAAYX,CAAAA,IAAAA,CAAAA,CAAQW,EAAYQ,KAAQP,CAAAA,CAAAA,CAAYO,KAAS,EAAA,CAAA,CAAIJ,QAlE1E,IAAK,WAAA,CAAa,CAChBhB,CAAAA,CAAMY,EAAYZ,GAAMa,CAAAA,CAAAA,CAAYU,MAASR,CAAAA,CAAAA,CAC3C,GAAMS,CAAAA,EAAAA,CAAeZ,CAAYX,CAAAA,IAAAA,CAAQW,EAAYQ,KAAQ,CAAA,CAAA,CAAMP,CAAYO,CAAAA,KAAAA,CAAQ,EAAKJ,CAC5Ff,CAAAA,CAAAA,CAAOwB,IAAKC,CAAAA,GAAAA,CAAId,EAAYX,IAAOe,CAAAA,CAAAA,CAAUQ,EAC/C,CAAA,CAAA,MAAO,CACP,IAAK,SAAA,CAAW,CAEdxB,CAAAA,CAAMY,EAAYZ,GAAMa,CAAAA,CAAAA,CAAYU,MAASR,CAAAA,CAAAA,CAG7C,GAAMS,CAAAA,GAAeZ,CAAAA,CAAAA,CAAYX,IAAQW,CAAAA,CAAAA,CAAYQ,MAAQ,CAAMP,CAAAA,CAAAA,CAAYO,KAAQ,CAAA,CAAA,CAAKJ,EAGtFW,EAAUf,CAAAA,CAAAA,CAAYJ,KAAQK,CAAAA,CAAAA,CAAYO,MAAQJ,CAGxDf,CAAAA,CAAAA,CAAOwB,IAAKG,CAAAA,GAAAA,CAAIJ,IAAcG,EAC9B,CAAA,CAAA,MACD,CAEH,IAAK,SACH3B,CAAMY,CAAAA,CAAAA,CAAYV,MAASa,CAAAA,CAAAA,CAC3Bd,EAAOW,CAAYX,CAAAA,IAAAA,CAAAA,CAAQW,CAAYQ,CAAAA,KAAAA,CAAQP,EAAYO,KAAS,EAAA,CAAA,CAAIJ,CACxE,CAAA,MACA,IAAK,cAAgB,CAAA,CACnBhB,CAAMY,CAAAA,CAAAA,CAAYV,OAASa,CAC3B,CAAA,GAAMS,CAAAA,GAAeZ,CAAAA,CAAAA,CAAYX,IAAQW,CAAAA,CAAAA,CAAYQ,KAAQ,CAAA,CAAA,CAAMP,EAAYO,KAAQ,CAAA,CAAA,CAAKJ,CAC5Ff,CAAAA,CAAAA,CAAOwB,KAAKC,GAAId,CAAAA,CAAAA,CAAYX,IAAOe,CAAAA,CAAAA,CAAUQ,KAE7C,MACD,CAED,IAAK,YAAA,CAAc,CACjBxB,CAAMY,CAAAA,CAAAA,CAAYV,MAASa,CAAAA,CAAAA,CAC3B,GAAMS,CAAAA,GAAeZ,CAAAA,CAAAA,CAAYX,IAAQW,CAAAA,CAAAA,CAAYQ,MAAQ,CAAMP,CAAAA,CAAAA,CAAYO,KAAQ,CAAA,CAAA,CAAKJ,EACtFW,GAAUf,CAAAA,CAAAA,CAAYJ,KAAQK,CAAAA,CAAAA,CAAYO,MAAQJ,CACxDf,CAAAA,CAAAA,CAAOwB,IAAKG,CAAAA,GAAAA,CAAIJ,IAAcG,GAC9B,CAAA,CAAA,MACD,CAEH,IAAK,OACH3B,CAAMY,CAAAA,CAAAA,CAAYZ,GAAOY,CAAAA,CAAAA,CAAAA,CAAYW,OAASV,CAAYU,CAAAA,MAAAA,EAAU,CAAIP,CAAAA,CAAAA,CACxEf,EAAOW,CAAYX,CAAAA,IAAAA,CAAOY,CAAYO,CAAAA,KAAAA,CAAQL,EAC9C,MACF,IAAK,YACHf,CAAAA,CAAAA,CAAMY,EAAYZ,GAAMgB,CAAAA,CAAAA,CACxBf,CAAOW,CAAAA,CAAAA,CAAYX,KAAOY,CAAYO,CAAAA,KAAAA,CAAQL,CAC9C,CAAA,MACF,IAAK,UACHf,CAAAA,CAAAA,CAAMY,CAAYV,CAAAA,MAAAA,CAASW,EAAYU,MAASP,CAAAA,CAAAA,CAChDf,CAAOW,CAAAA,CAAAA,CAAYX,KAAOY,CAAYO,CAAAA,KAAAA,CAAQL,CAC9C,CAAA,MACF,IAAK,OACHf,CAAAA,CAAAA,CAAMY,CAAYZ,CAAAA,GAAAA,CAAAA,CAAOY,EAAYW,MAASV,CAAAA,CAAAA,CAAYU,MAAU,EAAA,CAAA,CAAIP,EACxEf,CAAOW,CAAAA,CAAAA,CAAYJ,KAAQO,CAAAA,CAAAA,CAC3B,MACF,IAAK,aAAA,CACHf,CAAMY,CAAAA,CAAAA,CAAYZ,IAAMgB,CACxBf,CAAAA,CAAAA,CAAOW,CAAYJ,CAAAA,KAAAA,CAAQO,EAC3B,MACF,IAAK,WACHf,CAAAA,CAAAA,CAAMY,EAAYV,MAASW,CAAAA,CAAAA,CAAYU,MAASP,CAAAA,CAAAA,CAChDf,EAAOW,CAAYJ,CAAAA,KAAAA,CAAQO,CAO/B,EAAA,MAAO,CAAEf,GAAKC,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA,CAAM,EAGhB4B,CAAAA,CAAAA,CAAgB,QAAhBA,CAAAA,CAAAA,CAAiB7B,CAAaC,CAAAA,CAAAA,QAClCD,CAAAA,CAAO,EAAA,CAAA,EACPC,GAAQ,CACRD,EAAAA,CAAAA,CAAMa,CAAYU,CAAAA,MAAAA,EAAUJ,GAC5BlB,CAAOY,CAAAA,CAAAA,CAAYO,KAASF,EAAAA,CAAAA,GAE9B,GAAII,CAAAA,CAAYR,CAAAA,CAAAA,CACZgB,CAAYT,CAAAA,CAAAA,CAAqBC,CAErC,CAAA,CAAA,GAAA,CAAKO,CAAcC,CAAAA,CAAAA,CAAU9B,IAAK8B,CAAU7B,CAAAA,IAAAA,CAAAA,CAAO,CAC7C,CAAC,MAAO,WAAa,CAAA,SAAA,CAAA,CAAW8B,QAASjB,CAAAA,CAAAA,CAAAA,CAC3CQ,EAAY,QACH,CAAA,CAAC,QAAU,CAAA,cAAA,CAAgB,cAAcS,QAASjB,CAAAA,CAAAA,CAAAA,CAC3DQ,CAAY,CAAA,KAAA,CACH,CAAC,OAAS,CAAA,aAAA,CAAe,WAAaS,CAAAA,CAAAA,QAAAA,CAASjB,GACxDQ,CAAY,CAAA,MAAA,CACH,CAAC,MAAA,CAAQ,aAAc,UAAYS,CAAAA,CAAAA,QAAAA,CAASjB,CACrDQ,CAAAA,GAAAA,CAAAA,CAAY,SAEdQ,CAAYT,CAAAA,CAAAA,CAAqBC,CACjC,CAAA,CAAA,GAAMU,CAAAA,GAAgBX,CAAqB,CAAA,MAAA,CAAA,CACrCY,EAAkBZ,CAAAA,CAAAA,CAAqB,UACvCa,EAAeb,CAAAA,CAAAA,CAAqB,KAC1C,CAAA,CAAA,GACGQ,EAAcG,EAAchC,CAAAA,GAAAA,CAAKgC,EAAc/B,CAAAA,IAAAA,CAAAA,EAC/C4B,EAAcI,EAAgBjC,CAAAA,GAAAA,CAAKiC,EAAgBhC,CAAAA,IAAAA,CAAAA,EACnD4B,EAAcK,EAAalC,CAAAA,GAAAA,CAAKkC,EAAajC,CAAAA,IAAAA,CAAAA,CAK3C,CACH,GAAMkC,CAAAA,GAAAA,CAAiBd,CAAqB,CAAA,OAAA,CAAA,CAEzCQ,EAAcM,GAAenC,CAAAA,GAAAA,CAAKmC,GAAelC,CAAAA,IAAAA,CAAAA,EACjD4B,CAAcI,CAAAA,EAAAA,CAAgBjC,GAAKiC,CAAAA,EAAAA,CAAgBhC,OACnD4B,CAAcK,CAAAA,EAAAA,CAAalC,GAAKkC,CAAAA,EAAAA,CAAajC,QAE9CqB,CAAY,CAAA,MAAA,CACZQ,CAAYT,CAAAA,CAAAA,CAAqBC,GAEpC,EAbCA,IAAAA,CAAAA,CAAAA,CAAY,OACZQ,CAAAA,CAAAA,CAAYT,EAAqBC,CAapC,CAAA,EAcD,MAZIQ,CAAAA,CAAAA,CAAU7B,KAAO,CACnB6B,CAAAA,CAAAA,CAAU7B,IAAO,CAAA,CAAA,CACR6B,EAAU7B,IAAOY,CAAAA,CAAAA,CAAYO,KAAQF,CAAAA,CAAAA,GAC9CY,EAAU7B,IAAOiB,CAAAA,CAAAA,CAAgBL,CAAYO,CAAAA,KAAAA,CAAQ,GAGnDU,CAAU9B,CAAAA,GAAAA,CAAM,CAClB8B,CAAAA,CAAAA,CAAU9B,IAAM,CACP8B,CAAAA,CAAAA,CAAU9B,GAAMa,CAAAA,CAAAA,CAAYU,OAASJ,CAC9CW,GAAAA,CAAAA,CAAU9B,GAAMmB,CAAAA,CAAAA,CAAiBN,EAAYU,MAAS,CAAA,CAAA,CAAA,CAAAa,aAAA,CAAAA,aAAA,IAG5CN,CAAAA,MAAWR,aACzB,EAagB,QAAAe,CAAAA,CAAiBf,CAAAA,IAAAA,KAC/BA,CAAAA,OAD+BA,SAAAA,CAE/BT,CAAAA,CAAAA,IAAAA,CADSA,WACTA,CACAD,CAAAA,CAAAA,IAAAA,CADWA,WACXA,CACAK,CAAShB,CAAAA,IAAAA,CADEgB,UAEXhB,CAAID,CAAAA,IAAAA,CADKC,IAAAA,CAETD,OADIA,GAAAA,CAGEsC,IAAAA,CAAAA,CAAiB1B,CAAYX,CAAAA,IAAAA,CAAOW,CAAYQ,CAAAA,KAAAA,CAAQ,CACxDmB,CAAAA,CAAAA,CAAiB3B,EAAYZ,GAAMY,CAAAA,CAAAA,CAAYW,MAAS,CAAA,CAAA,CAAAiB,QAAA,CAEflB,CAAAA,CAAUmB,KAAM,CAAA,GAAA,CAAA,CAAAC,SAAA,CAAAC,cAAA,CAAAH,QAAA,IAAxDI,eAAkBC,CAAsBvB,CAAAA,SAAAA,IAE/C,GAAIwB,CAAAA,CAAY,CAAA,CAAA,CACZC,CAAW,CAAA,CAAA,CAEf,OAAQH,CACJ,EAAA,IAAK,KACDG,CAAAA,CAAAA,CAAWlC,EAAYU,MAASN,CAAAA,CAAAA,CAChC6B,CAAYR,CAAAA,CAAAA,CAAiBrC,EAAQgB,CACnB,CAAA,SAAA,GAAdK,CAE8B,EAAA,OAAA,GAAvBuB,EADTC,CAAYR,CAAAA,CAAAA,CAAiBrC,CAAOgB,CAAAA,CAAAA,CAGJ,QAAvB4B,CACTC,GAAAA,CAAAA,CAAYjC,CAAYO,CAAAA,KAAAA,CAAQ,EAAKH,CAAY,CAAA,CAAA,CAAA,CAEnD6B,CAAYrB,CAAAA,IAAAA,CAAKC,IAAIT,CAAWQ,CAAAA,IAAAA,CAAKG,GAAIkB,CAAAA,CAAAA,CAAWjC,EAAYO,KAAQ,CAAA,CAAA,CAAIH,CAC5E,CAAA,CAAA,CAAA,MAEN,IAAK,QACH8B,CAAAA,CAAAA,CAAAA,CAAY9B,CACZ6B,CAAAA,CAAAA,CAAYR,EAAiBrC,CAAOgB,CAAAA,CAAAA,CACpC,MAEF,IAAK,OACH6B,CAAYjC,CAAAA,CAAAA,CAAYO,KAAQH,CAAAA,CAAAA,CAE9B8B,EADyB,OAAvBF,GAAAA,CAAAA,CACSjC,CAAYW,CAAAA,MAAAA,CAAS,EAAIN,CACJ,CAAA,KAAA,GAAvB4B,CACEhC,CAAAA,CAAAA,CAAYU,OAASX,CAAYW,CAAAA,MAAAA,CAAS,CAAIN,CAAAA,CAAAA,CAE9CsB,EAAiBvC,CAAMiB,CAAAA,CAAAA,CAEpC8B,CAAWtB,CAAAA,IAAAA,CAAKC,IAAIT,CAAWQ,CAAAA,IAAAA,CAAKG,GAAImB,CAAAA,CAAAA,CAAUlC,EAAYU,MAAS,CAAA,CAAA,CAAIN,CAC3E,CAAA,CAAA,CAAA,MAEF,IAAK,OACH6B,CAAAA,CAAAA,CAAAA,CAAa7B,CAEX8B,CAAAA,CAAAA,CADyB,UAAvBF,CACSjC,CAAAA,CAAAA,CAAYW,MAAS,CAAA,CAAA,CAAIN,EACJ,KAAvB4B,GAAAA,CAAAA,CACEhC,CAAYU,CAAAA,MAAAA,CAASX,EAAYW,MAAS,CAAA,CAAA,CAAIN,CAE9CsB,CAAAA,CAAAA,CAAiBvC,EAAMiB,CAEpC8B,CAAAA,CAAAA,CAAWtB,IAAKC,CAAAA,GAAAA,CAAIT,EAAWQ,IAAKG,CAAAA,GAAAA,CAAImB,CAAUlC,CAAAA,CAAAA,CAAYU,OAAS,CAAIN,CAAAA,CAAAA,CAAAA,CAAAA,CAC3E,MAEF,QACE6B,EAAYjC,CAAYO,CAAAA,KAAAA,CAAQ,CAAIH,CAAAA,CAAAA,CACpC8B,EAAWlC,CAAYU,CAAAA,MAAAA,CAAS,CAAIN,CAAAA,CAAAA,EAGxC,MAAO,CAAE6B,SAAAA,CAAAA,CAAAA,CAAWC,QACtB,CAAAC,CAAA,CAAA,EAAAC,OAAA,EAAAC,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
function t(t){const e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function e(t,e,a,r,c,
|
1
|
+
function t(t){const e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function e(t,e,a,o,r,s,c,n){t.left,t.width;const b=a=>{let s=0,c=0;switch(a){case"top":default:s=t.top-e.height-o,c=t.left+(t.width-e.width)/2+r;break;case"top-start":{s=t.top-e.height-o;const a=t.left+t.width/2-e.width/2+r;c=Math.max(t.left+r,a);break}case"top-end":{s=t.top-e.height-o;const a=t.left+t.width/2-e.width/2+r,n=t.right-e.width+r;c=Math.min(a,n);break}case"bottom":s=t.bottom+o,c=t.left+(t.width-e.width)/2+r;break;case"bottom-start":{s=t.bottom+o;const a=t.left+t.width/2-e.width/2+r;c=Math.max(t.left+r,a);break}case"bottom-end":{s=t.bottom+o;const a=t.left+t.width/2-e.width/2+r,n=t.right-e.width+r;c=Math.min(a,n);break}case"left":s=t.top+(t.height-e.height)/2+r,c=t.left-e.width-o;break;case"left-start":s=t.top+r,c=t.left-e.width-o;break;case"left-end":s=t.bottom-e.height+r,c=t.left-e.width-o;break;case"right":s=t.top+(t.height-e.height)/2+r,c=t.right+o;break;case"right-start":s=t.top+r,c=t.right+o;break;case"right-end":s=t.bottom-e.height+r,c=t.right+o}return{top:s,left:c}},i=(t,a)=>t>=0&&a>=0&&t+e.height<=n&&a+e.width<=c;let h=a,l=b(h);if(!i(l.top,l.left)){["top","top-start","top-end"].includes(a)?h="bottom":["bottom","bottom-start","bottom-end"].includes(a)?h="top":["right","right-start","right-end"].includes(a)?h="left":["left","left-start","left-end"].includes(a)&&(h="right"),l=b(h);const t=b("left"),e=b("bottom"),o=b("top");if(i(t.top,t.left)||i(e.top,e.left)||i(o.top,o.left)){const t=b("right");i(t.top,t.left)||i(e.top,e.left)||i(o.top,o.left)||(h="left",l=b(h))}else h="right",l=b(h)}return l.left<0?l.left=5:l.left+e.width>c&&(l.left=c-e.width-5),l.top<0?l.top=5:l.top+e.height>n&&(l.top=n-e.height-5),{...l,placement:h}}function a({placement:t,tooltipRect:e,triggerRect:a,caretSize:o,left:r,top:s}){const c=a.left+a.width/2,n=a.top+a.height/2,[b,i]=t.split("-");let h=0,l=0;switch(b){case"top":l=e.height-o,h=c-r-o,"top-end"===t||"start"===i?h=c-r-o:"end"===i&&(h=e.width-2*o+8),h=Math.max(o,Math.min(h,e.width-2*o));break;case"bottom":l=-o,h=c-r-o;break;case"left":h=e.width-o,l="start"===i?a.height/2-o:"end"===i?e.height-a.height/2-o:n-s-o,l=Math.max(o,Math.min(l,e.height-2*o));break;case"right":h=-o,l="start"===i?a.height/2-o:"end"===i?e.height-a.height/2-o:n-s-o,l=Math.max(o,Math.min(l,e.height-2*o));break;default:h=e.width/2-o,l=e.height/2-o}return{caretLeft:h,caretTop:l}}export{a,e as g,t as i};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-tooltip.css.cjs.js","../internal/nile-element.cjs.js","./nile-tooltip-utils.cjs.js"],function(_export,_context){"use strict";var t,i,s,o,e,h,n,l,r,a,_templateObject,_templateObject2,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;o=_litDecoratorsJs.query;e=_litDecoratorsJs.customElement;},function(_nileTooltipCssCjsJs){h=_nileTooltipCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileTooltipUtilsCjsJs){l=_nileTooltipUtilsCjsJs.i;r=_nileTooltipUtilsCjsJs.g;a=_nileTooltipUtilsCjsJs.a;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.content="",_this.placement="bottom",_this.disabled=!1,_this.open=!1,_this.trigger="hover focus",_this.distance=8,_this.SHIFT_OFFSET=16,_this.skidding=0,_this.hoist=!1,_this.hasTooltipSlot=!1,_this.hoverTimeout=0,_this.caretSize=6,_this.originalPlacement=_this.placement,_this.updateTooltipPosition=function(){if(!l(_this.triggerContainer))return void(_this.open=!1);var t=_this.triggerContainer.getBoundingClientRect(),i=_this.tooltip.getBoundingClientRect(),s=window.innerWidth,o=window.innerHeight;var _r=r(t,i,_this.originalPlacement,_this.distance,_this.skidding,_this.caretSize,s,o),e=_r.top,h=_r.left,n=_r.placement;if(_this.originalPlacement.startsWith("bottom")){if(o-t.bottom<i.height+_this.distance){var _l="top";("bottom-start"===_this.originalPlacement||"bottom-end"===_this.originalPlacement)&&(_l="top");var _a=r(t,i,_l,_this.distance,_this.skidding,_this.caretSize,s,o);e=_a.top,h=_a.left,n=_a.placement;}}_this.setAttribute("placement",n),_this.tooltip.style.top="".concat(e,"px"),_this.tooltip.style.left="".concat(h,"px");var _a2=a({placement:n,tooltipRect:i,triggerRect:t,caretSize:_this.caretSize,left:h,top:e}),_c=_a2.caretLeft,d=_a2.caretTop;_this.caret.style.left="".concat(_c,"px"),_this.caret.style.top="".concat(d,"px");},_this.showTooltip=function(){(_this.content.trim()||_this.hasTooltipSlot)&&(!_this.disabled&&l(_this.triggerContainer)?(_this.emit("nile-show"),_this.open=!0,_this.updateComplete.then(function(){requestAnimationFrame(function(){_this.updateTooltipPosition(),_this.emit("nile-after-show");});})):_this.open=!1);},_this.hideTooltip=function(){_this.emit("nile-hide"),_this.open=!1,setTimeout(function(){_this.emit("nile-after-hide");},200);},_this.handleMouseOver=function(){_this.trigger.includes("hover")&&(clearTimeout(_this.hoverTimeout),_this.hoverTimeout=window.setTimeout(function(){return _this.showTooltip();},300));},_this.handleMouseOut=function(){_this.trigger.includes("hover")&&(clearTimeout(_this.hoverTimeout),_this.hoverTimeout=window.setTimeout(function(){return _this.hideTooltip();},150));},_this.handleClick=function(){_this.trigger.includes("click")&&(!_this.open&&l(_this.triggerContainer)?_this.showTooltip():_this.hideTooltip());},_this.handleFocus=function(){_this.trigger.includes("focus")&&_this.showTooltip();},_this.handleBlur=function(){_this.trigger.includes("focus")&&_this.hideTooltip();};return _this;}_inherits(c,_n);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.originalPlacement=this.placement,window.addEventListener("resize",this.updateTooltipPosition),window.addEventListener("scroll",this.updateTooltipPosition,!0);}},{key:"updated",value:function updated(t){var _superPropGet2,_this2=this;(_superPropGet2=_superPropGet(c,"updated",this,3))===null||_superPropGet2===void 0||_superPropGet2([t]);var i=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];i.includes(this.placement)||(console.warn("[nile-tooltip] Invalid placement \"".concat(this.placement,"\", defaulting to \"bottom\".")),this.placement="bottom"),i.includes(this.originalPlacement)||(this.originalPlacement="bottom"),t.has("open")&&this.open&&this.updateComplete.then(function(){requestAnimationFrame(function(){_this2.updateTooltipPosition();});});}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),window.removeEventListener("resize",this.updateTooltipPosition),window.removeEventListener("scroll",this.updateTooltipPosition,!0);}},{key:"handleTooltipSlotChange",value:function handleTooltipSlotChange(){var t=this.tooltipSlot.assignedNodes({flatten:!0});this.hasTooltipSlot=t.length>0,this.requestUpdate();}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n class=\"tooltip\"\n id=\"tooltip\"\n >\n <div class=\"tooltip-content\" part=\"content\">\n <slot name=\"content\" @slotchange=","></slot>\n ","\n </div>\n <div class=\"tooltip-caret\" style=\"--caret-size: ","px;\"></div>\n </div>\n\n <div\n class=\"trigger-container\"\n tabindex=\"0\"\n @mouseover=","\n @mouseout=","\n @click=","\n @focusin=","\n @focusout=","\n aria-describedby=\"tooltip\"\n >\n <slot></slot>\n </div>\n "])),this.handleTooltipSlotChange,this.hasTooltipSlot?null:i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["",""])),this.content),this.caretSize,this.handleMouseOver,this.handleMouseOut,this.handleClick,this.handleFocus,this.handleBlur);}}],[{key:"styles",get:function get(){return[h];}}]);}(n));t([s({type:String})],c.prototype,"content",void 0),t([s({type:String})],c.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"open",void 0),t([s()],c.prototype,"trigger",void 0),t([s({type:Number})],c.prototype,"distance",void 0),t([s({type:Number})],c.prototype,"skidding",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"hoist",void 0),t([o(".tooltip")],c.prototype,"tooltip",void 0),t([o(".trigger-container")],c.prototype,"triggerContainer",void 0),t([o(".tooltip-caret")],c.prototype,"caret",void 0),t([o('slot[name="content"]')],c.prototype,"tooltipSlot",void 0),_export("N",c=t([e("nile-tooltip")],c));}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"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 */\nimport { LitElement, html, css, CSSResultArray } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport { isInViewport, getValidTooltipPosition, getCaretPosition } from './nile-tooltip-utils';\n/**\n * Nile icon component.\n *\n * @tag nile-tooltip\n *\n */\n\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n @property({ type: String }) content = '';\n @property({ reflect: true }) size: 'small' | 'large' = 'small';\n @property({ type: String })\n placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'bottom';\n @property({ type: Boolean, reflect: true }) disabled = false;\n @property({ type: Boolean, reflect: true }) open = false;\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus'; \n @property({ type: Number }) distance = 8;\n private readonly SHIFT_OFFSET = 16;\n/** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n @property({ type: Boolean, reflect: true }) hoist = false;\n\n @query('.tooltip') tooltip!: HTMLElement;\n @query('.trigger-container') triggerContainer!: HTMLElement;\n @query('.tooltip-caret') caret!: HTMLElement;\n @query('slot[name=\"content\"]') tooltipSlot!: HTMLSlotElement;\n\n private hasTooltipSlot = false;\n private hoverTimeout: number = 0;\n private caretSize = 6;\n private originalPlacement: string = this.placement;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.originalPlacement = this.placement;\n window.addEventListener('resize', this.updateTooltipPosition);\n window.addEventListener('scroll', this.updateTooltipPosition, true);\n }\n\n updated(changedProps: Map<string, unknown>) {\n super.updated?.(changedProps);\n\n const validPlacements = [\n 'top', 'top-start', 'top-end',\n 'right', 'right-start', 'right-end',\n 'bottom', 'bottom-start', 'bottom-end',\n 'left', 'left-start', 'left-end'\n ];\n\n if (!validPlacements.includes(this.placement)) {\n console.warn(`[nile-tooltip] Invalid placement \"${this.placement}\", defaulting to \"bottom\".`);\n this.placement = 'bottom';\n }\n\n if (!validPlacements.includes(this.originalPlacement)) {\n this.originalPlacement = 'bottom';\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n window.removeEventListener('resize', this.updateTooltipPosition);\n window.removeEventListener('scroll', this.updateTooltipPosition, true);\n }\n\n private handleTooltipSlotChange() {\n const nodes = this.tooltipSlot.assignedNodes({ flatten: true });\n this.hasTooltipSlot = nodes.length > 0;\n this.requestUpdate();\n }\n\n private updateTooltipPosition = () => {\n if (!isInViewport(this.triggerContainer)) {\n this.open = false;\n return;\n }\n\n const triggerRect = this.triggerContainer.getBoundingClientRect();\n const tooltipRect = this.tooltip.getBoundingClientRect();\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n\n const { top, left, placement } = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n this.originalPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n\n this.setAttribute('placement', placement);\n this.tooltip.style.top = `${top}px`;\n this.tooltip.style.left = `${left}px`;\n\n const { caretLeft, caretTop } = getCaretPosition({\n placement,\n tooltipRect,\n triggerRect,\n caretSize: this.caretSize,\n left,\n top\n });\n\n this.caret.style.left = `${caretLeft}px`;\n this.caret.style.top = `${caretTop}px`;\n };\n\n private showTooltip = () => {\n const trimmedContent = this.content.trim();\n if (!trimmedContent && !this.hasTooltipSlot) {\n return;\n }\n if (!this.disabled && isInViewport(this.triggerContainer)) {\n this.emit('nile-show');\n this.open = true;\n this.updateComplete.then(() => {\n this.updateTooltipPosition();\n this.emit('nile-after-show');\n });\n } else {\n this.open = false;\n }\n };\n\n private hideTooltip = () => {\n this.emit('nile-hide');\n this.open = false;\n setTimeout(() => {\n this.emit('nile-after-hide');\n }, 200);\n };\n\n private handleMouseOver = () => {\n if (this.trigger.includes('hover')) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.showTooltip(), 150);\n }\n };\n\n private handleMouseOut = () => {\n if (this.trigger.includes('hover')) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hideTooltip(), 0);\n }\n };\n\n private handleClick = () => {\n if (this.trigger.includes('click')) {\n if (!this.open && isInViewport(this.triggerContainer)) {\n this.showTooltip();\n } else {\n this.hideTooltip();\n }\n }\n };\n\n private handleFocus = () => {\n if (this.trigger.includes('focus')) {\n this.showTooltip();\n }\n };\n\n private handleBlur = () => {\n if (this.trigger.includes('focus')) {\n this.hideTooltip();\n }\n };\n\n render() {\n return html`\n <div\n class=${classMap({\n tooltip: true,\n 'tooltip__body--large': this.size === 'large',\n })}\n id=\"tooltip\"\n >\n <div class=\"tooltip-content\" part=\"content\">\n <slot name=\"content\" @slotchange=${this.handleTooltipSlotChange}></slot>\n ${!this.hasTooltipSlot ? html`${this.content}` : null}\n </div>\n <div class=\"tooltip-caret\" style=\"--caret-size: ${this.caretSize}px;\"></div>\n </div>\n\n <div\n class=\"trigger-container\"\n tabindex=\"0\"\n @mouseover=${this.handleMouseOver}\n @mouseout=${this.handleMouseOut}\n @click=${this.handleClick}\n @focusin=${this.handleFocus}\n @focusout=${this.handleBlur}\n aria-describedby=\"tooltip\"\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tooltip': NileTooltip;\n }\n}\n\n"],"names":["NileTooltip","d","this","content","size","placement","disabled","open","trigger","distance","SHIFT_OFFSET","skidding","hoist","hasTooltipSlot","hoverTimeout","caretSize","originalPlacement","updateTooltipPosition","isInViewport","triggerContainer","triggerRect","getBoundingClientRect","tooltipRect","tooltip","viewportWidth","window","innerWidth","viewportHeight","innerHeight","top","getValidTooltipPosition","left","setAttribute","style","concat","_a","getCaretPosition","caretLeft","caretTop","caret","showTooltip","trim","emit","updateComplete","then","hideTooltip","setTimeout","handleMouseOver","includes","clearTimeout","handleMouseOut","handleClick","handleFocus","handleBlur","_this","_inherits","_r","_createClass","key","value","connectedCallback","super","addEventListener","updated","changedProps","validPlacements","console","warn","disconnectedCallback","removeEventListener","handleTooltipSlotChange","nodes","tooltipSlot","assignedNodes","flatten","length","requestUpdate","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","get","styles","NileElement","__decorate","property","type","String","prototype","reflect","Boolean","Number","query","_export","customElement"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-tooltip.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"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 */\nimport { LitElement, html, css, CSSResultArray } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport { isInViewport, getValidTooltipPosition, getCaretPosition } from './nile-tooltip-utils';\n\n/**\n * Nile tooltip component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n @property({ type: String }) content = '';\n @property({ type: String })\n placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'bottom';\n @property({ type: Boolean, reflect: true }) disabled = false;\n @property({ type: Boolean, reflect: true }) open = false;\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus';\n @property({ type: Number }) distance = 8;\n private readonly SHIFT_OFFSET = 16;\n /** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n @property({ type: Boolean, reflect: true }) hoist = false;\n\n @query('.tooltip') tooltip!: HTMLElement;\n @query('.trigger-container') triggerContainer!: HTMLElement;\n @query('.tooltip-caret') caret!: HTMLElement;\n @query('slot[name=\"content\"]') tooltipSlot!: HTMLSlotElement;\n\n private hasTooltipSlot = false;\n private hoverTimeout: number = 0;\n private caretSize = 6;\n private originalPlacement: string = this.placement;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.originalPlacement = this.placement;\n window.addEventListener('resize', this.updateTooltipPosition);\n window.addEventListener('scroll', this.updateTooltipPosition, true);\n }\n\n updated(changedProps: Map<string, unknown>) {\n super.updated?.(changedProps);\n\n const validPlacements = [\n 'top', 'top-start', 'top-end',\n 'right', 'right-start', 'right-end',\n 'bottom', 'bottom-start', 'bottom-end',\n 'left', 'left-start', 'left-end'\n ];\n\n if (!validPlacements.includes(this.placement)) {\n console.warn(`[nile-tooltip] Invalid placement \"${this.placement}\", defaulting to \"bottom\".`);\n this.placement = 'bottom';\n }\n\n if (!validPlacements.includes(this.originalPlacement)) {\n this.originalPlacement = 'bottom';\n }\n \n if (changedProps.has('open') && this.open) {\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.updateTooltipPosition();\n });\n });\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n window.removeEventListener('resize', this.updateTooltipPosition);\n window.removeEventListener('scroll', this.updateTooltipPosition, true);\n }\n\n private handleTooltipSlotChange() {\n const nodes = this.tooltipSlot.assignedNodes({ flatten: true });\n this.hasTooltipSlot = nodes.length > 0;\n this.requestUpdate();\n }\n\n private updateTooltipPosition = () => {\n if (!isInViewport(this.triggerContainer)) {\n this.open = false;\n return;\n }\n\n const triggerRect = this.triggerContainer.getBoundingClientRect();\n const tooltipRect = this.tooltip.getBoundingClientRect();\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n\n \n let { top, left, placement } = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n this.originalPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n\n \n if (this.originalPlacement.startsWith('bottom')) {\n const availableSpaceBelow = viewportHeight - triggerRect.bottom;\n if (availableSpaceBelow < tooltipRect.height + this.distance) {\n let newPlacement: typeof this.originalPlacement = 'top';\n if (this.originalPlacement === 'bottom-start') {\n newPlacement = 'top';\n } else if (this.originalPlacement === 'bottom-end') {\n newPlacement = 'top';\n }\n \n const newPosition = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n newPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n top = newPosition.top;\n left = newPosition.left;\n placement = newPosition.placement;\n }\n }\n\n this.setAttribute('placement', placement);\n this.tooltip.style.top = `${top}px`;\n this.tooltip.style.left = `${left}px`;\n\n const { caretLeft, caretTop } = getCaretPosition({\n placement,\n tooltipRect,\n triggerRect,\n caretSize: this.caretSize,\n left,\n top\n });\n\n this.caret.style.left = `${caretLeft}px`;\n this.caret.style.top = `${caretTop}px`;\n };\n\n private showTooltip = () => {\n const trimmedContent = this.content.trim();\n if (!trimmedContent && !this.hasTooltipSlot) {\n return;\n }\n if (!this.disabled && isInViewport(this.triggerContainer)) {\n this.emit('nile-show');\n this.open = true;\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.updateTooltipPosition();\n this.emit('nile-after-show');\n });\n });\n } else {\n this.open = false;\n }\n };\n\n private hideTooltip = () => {\n this.emit('nile-hide');\n this.open = false;\n setTimeout(() => {\n this.emit('nile-after-hide');\n }, 200);\n };\n\n private handleMouseOver = () => {\n if (this.trigger.includes('hover')) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.showTooltip(), 300);\n }\n };\n\n private handleMouseOut = () => {\n if (this.trigger.includes('hover')) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hideTooltip(), 150);\n }\n };\n\n private handleClick = () => {\n if (this.trigger.includes('click')) {\n if (!this.open && isInViewport(this.triggerContainer)) {\n this.showTooltip();\n } else {\n this.hideTooltip();\n }\n }\n };\n\n private handleFocus = () => {\n if (this.trigger.includes('focus')) {\n this.showTooltip();\n }\n };\n \n\n private handleBlur = () => {\n if (this.trigger.includes('focus')) {\n this.hideTooltip();\n }\n };\n\n render() {\n return html`\n <div\n class=\"tooltip\"\n id=\"tooltip\"\n >\n <div class=\"tooltip-content\" part=\"content\">\n <slot name=\"content\" @slotchange=${this.handleTooltipSlotChange}></slot>\n ${!this.hasTooltipSlot ? html`${this.content}` : null}\n </div>\n <div class=\"tooltip-caret\" style=\"--caret-size: ${this.caretSize}px;\"></div>\n </div>\n\n <div\n class=\"trigger-container\"\n tabindex=\"0\"\n @mouseover=${this.handleMouseOver}\n @mouseout=${this.handleMouseOut}\n @click=${this.handleClick}\n @focusin=${this.handleFocus}\n @focusout=${this.handleBlur}\n aria-describedby=\"tooltip\"\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tooltip': NileTooltip;\n }\n}\n\n"],"names":["NileTooltip","c","this","content","placement","disabled","open","trigger","distance","SHIFT_OFFSET","skidding","hoist","hasTooltipSlot","hoverTimeout","caretSize","originalPlacement","updateTooltipPosition","isInViewport","triggerContainer","triggerRect","getBoundingClientRect","tooltipRect","tooltip","viewportWidth","window","innerWidth","viewportHeight","innerHeight","_r","getValidTooltipPosition","top","left","startsWith","bottom","height","newPlacement","newPosition","setAttribute","style","concat","_a2","getCaretPosition","caretLeft","caretTop","caret","showTooltip","trim","emit","updateComplete","then","requestAnimationFrame","hideTooltip","setTimeout","handleMouseOver","includes","clearTimeout","handleMouseOut","handleClick","handleFocus","handleBlur","_this","_inherits","_n","_createClass","key","value","connectedCallback","super","addEventListener","updated","changedProps","validPlacements","console","warn","has","disconnectedCallback","removeEventListener","handleTooltipSlotChange","nodes","tooltipSlot","assignedNodes","flatten","length","requestUpdate","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","__decorate","get","styles","NileElement","property","type","String","prototype","Boolean","reflect","Number","query","customElement"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"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 .
|
1
|
+
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"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];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{css as
|
1
|
+
import{css as t}from"lit";const o=t`
|
2
2
|
|
3
3
|
|
4
4
|
:host {
|
@@ -27,13 +27,9 @@ import{css as i}from"lit";const o=i`
|
|
27
27
|
visibility: visible;
|
28
28
|
pointer-events: auto;
|
29
29
|
}
|
30
|
-
.tooltip__body--large {
|
31
|
-
font-size: var(--nile-tooltip-font-size-lg, 16px);
|
32
|
-
line-height: var(--nile-tooltip-line-height-lg, 1.75);
|
33
|
-
}
|
34
30
|
.tooltip-content {
|
35
31
|
overflow: auto;
|
36
|
-
max-width:
|
32
|
+
max-width: 250px;
|
37
33
|
max-height: 116px;
|
38
34
|
}
|
39
35
|
.tooltip-caret {
|
@@ -48,7 +44,41 @@ import{css as i}from"lit";const o=i`
|
|
48
44
|
display: inline-block;
|
49
45
|
}
|
50
46
|
|
47
|
+
|
48
|
+
:host([open]) .tooltip {
|
49
|
+
visibility: visible;
|
50
|
+
pointer-events: auto;
|
51
|
+
animation: fadeIn 150ms forwards;
|
52
|
+
}
|
53
|
+
|
54
|
+
|
55
|
+
.tooltip.hide {
|
56
|
+
animation: fadeOut 100ms forwards;
|
57
|
+
}
|
51
58
|
|
59
|
+
|
60
|
+
@keyframes fadeIn {
|
61
|
+
from {
|
62
|
+
opacity: 0;
|
63
|
+
transform: translateY(5px);
|
64
|
+
}
|
65
|
+
to {
|
66
|
+
opacity: 1;
|
67
|
+
transform: translateY(0);
|
68
|
+
}
|
69
|
+
}
|
70
|
+
|
71
|
+
|
72
|
+
@keyframes fadeOut {
|
73
|
+
from {
|
74
|
+
opacity: 1;
|
75
|
+
transform: translateY(0);
|
76
|
+
}
|
77
|
+
to {
|
78
|
+
opacity: 0;
|
79
|
+
transform: translateY(5px);
|
80
|
+
}
|
81
|
+
}
|
52
82
|
|
53
83
|
|
54
84
|
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as s,query as o,customElement as e}from"lit/decorators.js";import{
|
1
|
+
import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as s,query as o,customElement as e}from"lit/decorators.js";import{s as h}from"./nile-tooltip.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{i as l,g as r,a}from"./nile-tooltip-utils.esm.js";let c=class extends n{constructor(){super(...arguments),this.content="",this.placement="bottom",this.disabled=!1,this.open=!1,this.trigger="hover focus",this.distance=8,this.SHIFT_OFFSET=16,this.skidding=0,this.hoist=!1,this.hasTooltipSlot=!1,this.hoverTimeout=0,this.caretSize=6,this.originalPlacement=this.placement,this.updateTooltipPosition=()=>{if(!l(this.triggerContainer))return void(this.open=!1);const t=this.triggerContainer.getBoundingClientRect(),i=this.tooltip.getBoundingClientRect(),s=window.innerWidth,o=window.innerHeight;let{top:e,left:h,placement:n}=r(t,i,this.originalPlacement,this.distance,this.skidding,this.caretSize,s,o);if(this.originalPlacement.startsWith("bottom")){if(o-t.bottom<i.height+this.distance){let l="top";("bottom-start"===this.originalPlacement||"bottom-end"===this.originalPlacement)&&(l="top");const a=r(t,i,l,this.distance,this.skidding,this.caretSize,s,o);e=a.top,h=a.left,n=a.placement}}this.setAttribute("placement",n),this.tooltip.style.top=`${e}px`,this.tooltip.style.left=`${h}px`;const{caretLeft:c,caretTop:d}=a({placement:n,tooltipRect:i,triggerRect:t,caretSize:this.caretSize,left:h,top:e});this.caret.style.left=`${c}px`,this.caret.style.top=`${d}px`},this.showTooltip=()=>{(this.content.trim()||this.hasTooltipSlot)&&(!this.disabled&&l(this.triggerContainer)?(this.emit("nile-show"),this.open=!0,this.updateComplete.then((()=>{requestAnimationFrame((()=>{this.updateTooltipPosition(),this.emit("nile-after-show")}))}))):this.open=!1)},this.hideTooltip=()=>{this.emit("nile-hide"),this.open=!1,setTimeout((()=>{this.emit("nile-after-hide")}),200)},this.handleMouseOver=()=>{this.trigger.includes("hover")&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.showTooltip()),300))},this.handleMouseOut=()=>{this.trigger.includes("hover")&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hideTooltip()),150))},this.handleClick=()=>{this.trigger.includes("click")&&(!this.open&&l(this.triggerContainer)?this.showTooltip():this.hideTooltip())},this.handleFocus=()=>{this.trigger.includes("focus")&&this.showTooltip()},this.handleBlur=()=>{this.trigger.includes("focus")&&this.hideTooltip()}}static get styles(){return[h]}connectedCallback(){super.connectedCallback(),this.originalPlacement=this.placement,window.addEventListener("resize",this.updateTooltipPosition),window.addEventListener("scroll",this.updateTooltipPosition,!0)}updated(t){super.updated?.(t);const i=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];i.includes(this.placement)||(console.warn(`[nile-tooltip] Invalid placement "${this.placement}", defaulting to "bottom".`),this.placement="bottom"),i.includes(this.originalPlacement)||(this.originalPlacement="bottom"),t.has("open")&&this.open&&this.updateComplete.then((()=>{requestAnimationFrame((()=>{this.updateTooltipPosition()}))}))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.updateTooltipPosition),window.removeEventListener("scroll",this.updateTooltipPosition,!0)}handleTooltipSlotChange(){const t=this.tooltipSlot.assignedNodes({flatten:!0});this.hasTooltipSlot=t.length>0,this.requestUpdate()}render(){return i`
|
2
2
|
<div
|
3
|
-
class
|
3
|
+
class="tooltip"
|
4
4
|
id="tooltip"
|
5
5
|
>
|
6
6
|
<div class="tooltip-content" part="content">
|
@@ -20,6 +20,6 @@ import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as
|
|
20
20
|
@focusout=${this.handleBlur}
|
21
21
|
aria-describedby="tooltip"
|
22
22
|
>
|
23
|
-
|
23
|
+
<slot></slot>
|
24
24
|
</div>
|
25
|
-
`}};t([s({type:String})],
|
25
|
+
`}};t([s({type:String})],c.prototype,"content",void 0),t([s({type:String})],c.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"open",void 0),t([s()],c.prototype,"trigger",void 0),t([s({type:Number})],c.prototype,"distance",void 0),t([s({type:Number})],c.prototype,"skidding",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"hoist",void 0),t([o(".tooltip")],c.prototype,"tooltip",void 0),t([o(".trigger-container")],c.prototype,"triggerContainer",void 0),t([o(".tooltip-caret")],c.prototype,"caret",void 0),t([o('slot[name="content"]')],c.prototype,"tooltipSlot",void 0),c=t([e("nile-tooltip")],c);export{c as N};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-d5b55278.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-tooltip.cjs.js","tslib","lit/decorators.js","lit/directives/class-map.js","./nile-tooltip.css.cjs.js","../internal/nile-element.cjs.js","./nile-tooltip-utils.cjs.js"],function(_export,_context){"use strict";var t,o,i,e,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture001CjsJs){t=_fixture001CjsJs.f;o=_fixture001CjsJs.h;i=_fixture001CjsJs.w;e=_fixture001CjsJs.o;},function(_litStaticHtmlJs){n=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileTooltipCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileTooltipCssCjsJs){},function(_internalNileElementCjsJs){},function(_nileTooltipUtilsCjsJs){}],execute:function execute(){describe("NileTooltip",function(){it("renders with default properties",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return t(n(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>"]))));case 2:i=_context2.sent;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);case 4:case"end":return _context2.stop();}},_callee);}))),it("renders text content when no slot is used",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var i;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return t(n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>"]))));case 2:i=_context3.sent.shadowRoot.querySelector(".tooltip-content");o.include(i.textContent,"Fallback");case 4:case"end":return _context3.stop();}},_callee2);}))),it("uses slotted content when provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _i$0$textContent;var i;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return t(n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <nile-tooltip>\n <div slot=\"content\">Slot Content</div>\n <button>Trigger</button>\n </nile-tooltip>\n "]))));case 2:i=_context4.sent.shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0});o.isAbove(i.length,0),o.include((_i$0$textContent=i[0].textContent)!==null&&_i$0$textContent!==void 0?_i$0$textContent:"","Slot Content");case 4:case"end":return _context4.stop();}},_callee3);}))),it('shows tooltip on hover when trigger includes "hover"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var e;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return t(n(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n "]))));case 2:e=_context5.sent;e.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover",{bubbles:!0}));_context5.next=6;return i(function(){return!0===e.open;});case 6:o.isTrue(e.open);case 7:case"end":return _context5.stop();}},_callee4);}))),it('hides tooltip on mouseout when trigger includes "hover"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var o,e;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return t(n(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n "]))));case 2:o=_context6.sent;e=o.shadowRoot.querySelector(".trigger-container");e.dispatchEvent(new Event("mouseover",{bubbles:!0}));_context6.next=7;return i(function(){return!0===o.open;});case 7:e.dispatchEvent(new Event("mouseout",{bubbles:!0}));_context6.next=10;return i(function(){return!1===o.open;});case 10:case"end":return _context6.stop();}},_callee5);}))),it('toggles tooltip on click when trigger includes "click"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var o,e;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return t(n(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Click me\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n "]))));case 2:o=_context7.sent;e=o.shadowRoot.querySelector(".trigger-container");e.click();_context7.next=7;return i(function(){return!0===o.open;});case 7:e.click();_context7.next=10;return i(function(){return!1===o.open;});case 10:case"end":return _context7.stop();}},_callee6);}))),it('shows and hides tooltip on focus/blur when trigger includes "focus"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var o,e;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return t(n(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Focus\" trigger=\"focus\">\n <button>Focus</button>\n </nile-tooltip>\n "]))));case 2:o=_context8.sent;e=o.shadowRoot.querySelector(".trigger-container");e.dispatchEvent(new Event("focusin"));_context8.next=7;return i(function(){return!0===o.open;});case 7:e.dispatchEvent(new Event("focusout"));_context8.next=10;return i(function(){return!1===o.open;});case 10:case"end":return _context8.stop();}},_callee7);}))),it("does not show tooltip when disabled",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var i;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return t(n(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n "]))));case 2:i=_context9.sent;i.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover"));_context9.next=6;return new Promise(function(t){return setTimeout(t,200);});case 6:o.isFalse(i.open);case 7:case"end":return _context9.stop();}},_callee8);}))),it("applies size class correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var i;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:_context10.next=2;return t(n(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Tooltip\" size=\"large\">\n <button>Trigger</button>\n </nile-tooltip>\n "]))));case 2:i=_context10.sent.shadowRoot.querySelector(".tooltip");o.isTrue(i.classList.contains("tooltip__body--large"));case 4:case"end":return _context10.stop();}},_callee9);}))),it("emits nile-show and nile-after-show events",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var i,l,s,a;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return t(n(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Event test\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n "]))));case 2:i=_context11.sent;l=i.shadowRoot.querySelector(".trigger-container");setTimeout(function(){return l.click();});_context11.next=7;return e(i,"nile-show");case 7:s=_context11.sent;o.ok(s);_context11.next=11;return e(i,"nile-after-show");case 11:a=_context11.sent;o.ok(a);case 13:case"end":return _context11.stop();}},_callee10);}))),it("emits nile-hide and nile-after-hide events",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var l,s,a,c;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return t(n(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Event test\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n "]))));case 2:l=_context12.sent;s=l.shadowRoot.querySelector(".trigger-container");s.click();_context12.next=7;return i(function(){return!0===l.open;});case 7:setTimeout(function(){return s.click();});_context12.next=10;return e(l,"nile-hide");case 10:a=_context12.sent;o.ok(a);_context12.next=14;return e(l,"nile-after-hide");case 14:c=_context12.sent;o.ok(c);case 16:case"end":return _context12.stop();}},_callee11);}))),it('defaults to "bottom" placement when given invalid value',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var i;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return t(n(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Fallback\" placement="," >\n <button>Trigger</button>\n </nile-tooltip>\n "])),"invalid"));case 2:i=_context13.sent;_context13.next=5;return i.updateComplete;case 5:o.equal(i.placement,"bottom");case 6:case"end":return _context13.stop();}},_callee12);}))),it("updates hasTooltipSlot on slot change",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){var i,e,l;return _regeneratorRuntime().wrap(function _callee13$(_context14){while(1)switch(_context14.prev=_context14.next){case 0:_context14.next=2;return t(n(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n <nile-tooltip>\n <div slot=\"content\">Initial slot</div>\n <button>Trigger</button>\n </nile-tooltip>\n "]))));case 2:i=_context14.sent;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"));_context14.next=11;return i.updateComplete;case 11:o.isTrue(i.hasTooltipSlot);case 12:case"end":return _context14.stop();}},_callee13);}))),it("respects hoist attribute",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(){var i;return _regeneratorRuntime().wrap(function _callee14$(_context15){while(1)switch(_context15.prev=_context15.next){case 0:_context15.next=2;return t(n(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n <nile-tooltip hoist content=\"Hoisted\">\n <button>Hoist</button>\n </nile-tooltip>\n "]))));case 2:i=_context15.sent;o.isTrue(i.hoist);case 4:case"end":return _context15.stop();}},_callee14);})));});}};});
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-d5b55278.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-tooltip.cjs.js","tslib","lit/decorators.js","./nile-tooltip.css.cjs.js","../internal/nile-element.cjs.js","./nile-tooltip-utils.cjs.js"],function(_export,_context){"use strict";var t,o,i,e,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture001CjsJs){t=_fixture001CjsJs.f;o=_fixture001CjsJs.h;i=_fixture001CjsJs.w;e=_fixture001CjsJs.o;},function(_litStaticHtmlJs){n=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileTooltipCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_nileTooltipCssCjsJs){},function(_internalNileElementCjsJs){},function(_nileTooltipUtilsCjsJs){}],execute:function execute(){describe("NileTooltip",function(){it("renders with default properties",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return t(n(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>"]))));case 2:i=_context2.sent;o.equal(i.content,"Hello"),o.equal(i.placement,"bottom"),o.equal(i.disabled,!1),o.equal(i.open,!1);case 4:case"end":return _context2.stop();}},_callee);}))),it("renders text content when no slot is used",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var i;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return t(n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>"]))));case 2:i=_context3.sent.shadowRoot.querySelector(".tooltip-content");o.include(i.textContent,"Fallback");case 4:case"end":return _context3.stop();}},_callee2);}))),it("uses slotted content when provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _i$0$textContent;var i;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return t(n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <nile-tooltip>\n <div slot=\"content\">Slot Content</div>\n <button>Trigger</button>\n </nile-tooltip>\n "]))));case 2:i=_context4.sent.shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0});o.isAbove(i.length,0),o.include((_i$0$textContent=i[0].textContent)!==null&&_i$0$textContent!==void 0?_i$0$textContent:"","Slot Content");case 4:case"end":return _context4.stop();}},_callee3);}))),it('shows tooltip on hover when trigger includes "hover"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var e;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return t(n(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n "]))));case 2:e=_context5.sent;e.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover",{bubbles:!0}));_context5.next=6;return i(function(){return!0===e.open;});case 6:o.isTrue(e.open);case 7:case"end":return _context5.stop();}},_callee4);}))),it('hides tooltip on mouseout when trigger includes "hover"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var o,e;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return t(n(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n "]))));case 2:o=_context6.sent;e=o.shadowRoot.querySelector(".trigger-container");e.dispatchEvent(new Event("mouseover",{bubbles:!0}));_context6.next=7;return i(function(){return!0===o.open;});case 7:e.dispatchEvent(new Event("mouseout",{bubbles:!0}));_context6.next=10;return i(function(){return!1===o.open;});case 10:case"end":return _context6.stop();}},_callee5);}))),it('toggles tooltip on click when trigger includes "click"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var o,e;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return t(n(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Click me\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n "]))));case 2:o=_context7.sent;e=o.shadowRoot.querySelector(".trigger-container");e.click();_context7.next=7;return i(function(){return!0===o.open;});case 7:e.click();_context7.next=10;return i(function(){return!1===o.open;});case 10:case"end":return _context7.stop();}},_callee6);}))),it('shows and hides tooltip on focus/blur when trigger includes "focus"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var o,e;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return t(n(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Focus\" trigger=\"focus\">\n <button>Focus</button>\n </nile-tooltip>\n "]))));case 2:o=_context8.sent;e=o.shadowRoot.querySelector(".trigger-container");e.dispatchEvent(new Event("focusin"));_context8.next=7;return i(function(){return!0===o.open;});case 7:e.dispatchEvent(new Event("focusout"));_context8.next=10;return i(function(){return!1===o.open;});case 10:case"end":return _context8.stop();}},_callee7);}))),it("does not show tooltip when disabled",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var i;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return t(n(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n "]))));case 2:i=_context9.sent;i.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover"));_context9.next=6;return new Promise(function(t){return setTimeout(t,200);});case 6:o.isFalse(i.open);case 7:case"end":return _context9.stop();}},_callee8);}))),it("emits nile-show and nile-after-show events",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var i,l,s,a;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:_context10.next=2;return t(n(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Event test\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n "]))));case 2:i=_context10.sent;l=i.shadowRoot.querySelector(".trigger-container");setTimeout(function(){return l.click();});_context10.next=7;return e(i,"nile-show");case 7:s=_context10.sent;o.ok(s);_context10.next=11;return e(i,"nile-after-show");case 11:a=_context10.sent;o.ok(a);case 13:case"end":return _context10.stop();}},_callee9);}))),it("emits nile-hide and nile-after-hide events",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var l,s,a,c;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return t(n(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Event test\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n "]))));case 2:l=_context11.sent;s=l.shadowRoot.querySelector(".trigger-container");s.click();_context11.next=7;return i(function(){return!0===l.open;});case 7:setTimeout(function(){return s.click();});_context11.next=10;return e(l,"nile-hide");case 10:a=_context11.sent;o.ok(a);_context11.next=14;return e(l,"nile-after-hide");case 14:c=_context11.sent;o.ok(c);case 16:case"end":return _context11.stop();}},_callee10);}))),it('defaults to "bottom" placement when given invalid value',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var i;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return t(n(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <nile-tooltip content=\"Fallback\" placement="," >\n <button>Trigger</button>\n </nile-tooltip>\n "])),"invalid"));case 2:i=_context12.sent;_context12.next=5;return i.updateComplete;case 5:o.equal(i.placement,"bottom");case 6:case"end":return _context12.stop();}},_callee11);}))),it("updates hasTooltipSlot on slot change",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var i,e,l;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return t(n(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n <nile-tooltip>\n <div slot=\"content\">Initial slot</div>\n <button>Trigger</button>\n </nile-tooltip>\n "]))));case 2:i=_context13.sent;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"));_context13.next=11;return i.updateComplete;case 11:o.isTrue(i.hasTooltipSlot);case 12:case"end":return _context13.stop();}},_callee12);}))),it("respects hoist attribute",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){var i;return _regeneratorRuntime().wrap(function _callee13$(_context14){while(1)switch(_context14.prev=_context14.next){case 0:_context14.next=2;return t(n(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n <nile-tooltip hoist content=\"Hoisted\">\n <button>Hoist</button>\n </nile-tooltip>\n "]))));case 2:i=_context14.sent;o.isTrue(i.hoist);case 4:case"end":return _context14.stop();}},_callee13);})));});}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip.test.cjs.js.map
|