npm - @aquera/nile-elements - Versions diffs - 0.0.97 → 0.0.99 - Mend

@aquera/nile-elements 0.0.97 → 0.0.99

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.

Files changed (100) hide show

package/dist/nile-popover/nile-popover.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-popover.css.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var t,o,i,s,e,r,a,_templateObject,_templateObject2,_templateObject3,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){o=_index001CjsJs.s;i=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_nilePopoverCssCjsJs){r=_nilePopoverCssCjsJs.s;},function(_property002CjsJs){a=_property002CjsJs.n;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_o){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.placement="top",_this.distance=18,_this.arrow=!0,_this.title="",_this.isShow=!1,_this.arrowPlacement="anchor",_this.hoist=!1,_this.flip=!1,_this.handleClick=function(){_this.isShow=!_this.isShow;document.querySelectorAll("nile-popover").forEach(function(t){t!==_assertThisInitialized(_this)&&(t.isShow=!1);});},_this.handleDocumentClick=function(){_this.isShow&&(_this.isShow=!_this.isShow);};return _this;}_inherits(l,_o);return _createClass(l,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(l.prototype),"connectedCallback",this).call(this),document.addEventListener("click",this.handleDocumentClick);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(l.prototype),"disconnectedCallback",this).call(this),document.removeEventListener("click",this.handleDocumentClick);}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popup\n        active\n        .arrow=\"","\"\n        distance=\"","\"\n        placement=\"","\"\n        @click=","\n        arrowPlacement=\"","\"\n        .flip=\"","\"\n        shift\n        strategy=","\n      >\n        <slot\n          slot=\"anchor\"\n          name=\"anchor\"\n          aria-describedby=\"tooltip\"\n          @click=","\n        ></slot>\n        ","\n      </nile-popup>\n    "])),this.arrow&&this.isShow,this.distance,this.placement,function(t){return t.stopPropagation();},this.arrowPlacement,this.flip,this.hoist?"fixed":"absolute",this.handleClick,this.isShow?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div part=\"popover\" class=\"popover__box\">\n              <slot name=\"title\" class=\"popover__title\">","</slot>\n              <slot part=\"base\"></slot>\n              <slot name=\"action\" class=\"popover__action\"> </slot>\n            </div>"])),this.title):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))));}}],[{key:"styles",get:function get(){return[r];}}]);}(o));t([a()],l.prototype,"placement",void 0),t([a({type:Number})],l.prototype,"distance",void 0),t([a({type:Boolean,attribute:"arrow"})],l.prototype,"arrow",void 0),t([a({type:String})],l.prototype,"title",void 0),t([s()],l.prototype,"isShow",void 0),t([a({attribute:"arrow-placement"})],l.prototype,"arrowPlacement",void 0),t([a({type:Boolean})],l.prototype,"hoist",void 0),t([a({type:Boolean})],l.prototype,"flip",void 0),_export("N",l=t([e("nile-popover")],l));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-popover.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,i,e,o,s,r,l,_templateObject,_templateObject2,_templateObject3,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){e=_litDecoratorsJs.customElement;},function(_nilePopoverCssCjsJs){o=_nilePopoverCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){r=_internalWatchCjsJs.w;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.placement="top",_this.distance=18,_this.arrow=!0,_this.title="",_this.isShow=!1,_this.arrowPlacement="anchor",_this.hoist=!1,_this.flip=!1,_this.handleClick=function(){_this.isShow=!_this.isShow;document.querySelectorAll("nile-popover").forEach(function(t){t!==_assertThisInitialized(_this)&&(t.isShow=!1);});},_this.handleDocumentClick=function(){_this.isShow&&(_this.isShow=!1);};return _this;}_inherits(a,_s);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this.emit("nile-init"),document.addEventListener("click",this.handleDocumentClick);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(a.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy"),document.removeEventListener("click",this.handleDocumentClick);}},{key:"handleShowHide",value:function handleShowHide(){this.isShow?this.emit("nile-show"):this.emit("nile-hide");}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popup\n        active\n        .arrow=\"","\"\n        distance=\"","\"\n        placement=\"","\"\n        @click=","\n        arrowPlacement=\"","\"\n        .flip=\"","\"\n        shift\n        strategy=","\n      >\n        <slot\n          slot=\"anchor\"\n          name=\"anchor\"\n          aria-describedby=\"tooltip\"\n          @click=","\n        ></slot>\n        ","\n      </nile-popup>\n    "])),this.arrow&&this.isShow,this.distance,this.placement,function(t){return t.stopPropagation();},this.arrowPlacement,this.flip,this.hoist?"fixed":"absolute",this.handleClick,this.isShow?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div part=\"popover\" class=\"popover__box\">\n              <slot name=\"title\" class=\"popover__title\">","</slot>\n              <slot part=\"base\"></slot>\n              <slot name=\"action\" class=\"popover__action\"> </slot>\n            </div>"])),this.title):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))));}}],[{key:"styles",get:function get(){return[o];}}]);}(s));t([l()],a.prototype,"placement",void 0),t([l({type:Number})],a.prototype,"distance",void 0),t([l({type:Boolean,attribute:"arrow"})],a.prototype,"arrow",void 0),t([l({type:String})],a.prototype,"title",void 0),t([l({type:Boolean,attribute:"open"})],a.prototype,"isShow",void 0),t([l({attribute:"arrow-placement"})],a.prototype,"arrowPlacement",void 0),t([l({type:Boolean})],a.prototype,"hoist",void 0),t([l({type:Boolean})],a.prototype,"flip",void 0),t([r("isShow")],a.prototype,"handleShowHide",null),_export("N",a=t([e("nile-popover")],a));}};});
 //# sourceMappingURL=nile-popover.cjs.js.map

package/dist/nile-popover/nile-popover.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-popover.cjs.js","sources":["../../../src/nile-popover/nile-popover.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, ~~state~~ } from 'lit/decorators.js';\nimport { styles } from './nile-popover.css';\nimport ~~type~~ ~~NilePopup~~ from '../~~nile-popup~~/nile-~~popup~~';\nimport { ~~string~~ } from '../~~nile-icon~~/~~icons/svg~~';\n\n/\n Nile icon component.\n \n @tag nile-popover\n \n /\n@customElement('nile-popover')\nexport class NilePopover extends ~~LitElement~~ {\n /*\n The styles for Popover\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /\n The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n /\n @property() 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' = 'top';\n\n /* The distance in pixels from which to offset the popover away from its target. /\n @property({ type: Number }) distance = 18;\n\n @property({ type: Boolean, attribute: 'arrow' }) arrow = true;\n\n /* Gives the title to the popover /\n @property({ type: String }) title = '';\n\n @~~state~~() ~~private~~ isShow = false;\n\n @property({ attribute: 'arrow-placement' }) arrowPlacement:\n \| 'start'\n \| 'end'\n \| 'center'\n \| 'anchor' = 'anchor';\n\n /\n Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n * `overflow: auto\|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n /\n @property({ type: Boolean }) hoist = false;\n\n @property({ type: Boolean }) flip = false;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this.handleDocumentClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', this.handleDocumentClick);\n }\n\n private handleClick = () => {\n this.isShow = !this.isShow;\n const allPopovers = document.querySelectorAll('nile-popover');\n\n allPopovers.forEach(popover => {\n if (popover !== this) {\n popover.isShow = false;\n }\n });\n };\n\n private handleDocumentClick = () => {\n if (this.isShow) {\n this.isShow = ~~!this.isShow~~;\n }\n };\n\n public render(): TemplateResult {\n return html`\n <nile-popup\n active\n .arrow=\"${this.arrow && this.isShow}\"\n distance=\"${this.distance}\"\n placement=\"${this.placement}\"\n @click=${(e: Event) => e.stopPropagation()}\n arrowPlacement=\"${this.arrowPlacement}\"\n .flip=\"${this.flip}\"\n shift\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n >\n <slot\n slot=\"anchor\"\n name=\"anchor\"\n aria-describedby=\"tooltip\"\n @click=${this.handleClick}\n ></slot>\n ${this.isShow\n ? html` <div part=\"popover\" class=\"popover__box\">\n <slot name=\"title\" class=\"popover__title\">${this.title}</slot>\n <slot part=\"base\"></slot>\n <slot name=\"action\" class=\"popover__action\"> </slot>\n </div>`\n : html``}\n </nile-popup>\n `;\n }\n\n / #endregion */\n}\n\nexport default NilePopover;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-popover': NilePopover;\n }\n}\n"],"names":["NilePopover","_o","l","~~constructor","~~this","placement","distance","arrow","title","isShow","arrowPlacement","hoist","flip","handleClick","document","querySelectorAll","forEach","popover","handleDocumentClick","_this","_inherits","_createClass","key","value","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","render","html","_templateObject","_taggedTemplateLiteral","e","stopPropagation","_templateObject2","_templateObject3","~~get~~","~~styles~~","~~LitElement~~","~~__decorate~~","property","prototype","type","Number","Boolean","attribute","String","~~state~~","customElement"],"mappings":"~~8rIA0BaA~~,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,~~CAAAC~~,~~KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCAaOC,~~EAAAA,KAAAA,CAASC,SAYJ,CAAA,KAAA,CAGWD,KAAAA,CAAQE,QAAAA,CAAG,~~GAEUF~~,KAAAA,CAAKG,~~KAAAA~~,CAAAA,~~CAAG,EAG7BH,~~KAAAA,CAAKI,~~KAAAA~~,~~CAAG~~,~~GAEnBJ~~,KAAAA,CAAMK,MAAAA,CAAAA,CAAG,~~CAEkBL~~,CAAAA,KAAAA,CAAcM,cAI3C,CAAA,QAAA,CAMcN,KAAAA,CAAKO,~~KAAG~~,~~CAAA~~,~~CAAA~~,~~CAAA,~~CAERP,KAAAA,CAAIQ,~~IAAAA~~,~~CAAAA~~,~~CAAG~~,~~CAqB5BR~~,~~CAAAA~~,KAAAA,CAAWS,~~YAAG~~,UACpBT,CAAAA,KAAAA,CAAKK,MAAUL,CAAAA,CAAAA,KAAAA,CAAKK,MACAK,CAAAA,QAAAA,CAASC,~~iBAAiB~~,~~cAElCC~~,~~CAAAA~~,~~CAAAA~~,~~OAAAA~~,~~CAAQC~~,SAAAA,~~GACdA~~,CAAYb,GAAAA,sBAAAA,CAAAA,KAAAA,CAAAA,GACda,EAAQR,MAAS,CAAA,CAAA,CAAA,CAClB,EACD,CAAA,EAAA,CAGIL,KAAAA,CAAmBc,mBAAAA,CAAG,~~WACxBd~~,KAAAA,CAAKK,~~MAAAA~~,~~GACPL~~,KAAAA,CAAKK,~~MAAUL~~,~~CAAAA~~,~~CAAAA~~,~~KAAAA~~,~~CAAKK~~,~~OACrB,~~EAkCJ,QAAAU,KAAA,~~EAjHQC~~,SAAA,~~CAAAlB~~,CAAA,CAAAD,EAAA,~~SAAAoB~~,YAAA,~~CAAAnB~~,CAAA,~~GAAAoB~~,GAAA,qBAAAC,KAAA,CAuDP,SAAAC,kBAAA,~~EACEC~~,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,~~OACAX~~,~~SAASY~~,gBAAiB,CAAA,OAAA,~~CAAStB~~,IAAKc,CAAAA,mBAAAA,CACzC,EAED,GAAAI,GAAA,wBAAAC,KAAA,~~UAAAI~~,qBAAA,~~EACEF~~,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,+BAAAA,IAAAA,~~OACAX~~,~~QAASc~~,CAAAA,mBAAAA,CAAoB,~~OAASxB~~,CAAAA,IAAAA,CAAKc,~~oBAC5C~~,~~EAmBM~~,GAAAI,GAAA,UAAAC,KAAA,~~UAAAM~~,OAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~8aAGG5B~~,IAAAA,CAAKG,OAASH,IAAKK,CAAAA,MAAAA,CACjBL,IAAKE,CAAAA,QAAAA,CACJF,IAAKC,CAAAA,SAAAA,~~CACR4B~~,SAAAA,CAAAA,QAAaA,CAAAA,CAAEC,CAAAA,eAAAA,CAAAA,CAAAA,~~GACP9B~~,IAAKM,CAAAA,cAAAA,CACdN,IAAKQ,CAAAA,IAAAA,CAEHR,IAAAA,CAAKO,MAAQ,OAAU,CAAA,UAAA,CAMvBP,IAAKS,CAAAA,WAAAA,CAEdT,IAAAA,CAAKK,~~OACHqB~~,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,~~qQAC0C5B~~,IAAKI,CAAAA,KAAAA,~~EAInDsB~~,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,QAAA,EAGb,~~CAAA~~,~~KAAAV~~,~~GAAA~~,~~UAAAe~~,~~GAAA~~,~~CA9GM~~,~~SAAAA~~,IAAA,CAAWC,CAChB,MAAO,CAACA,~~EACT~~,EAqDD,MA5D+BC,~~IAanBC~~,~~EAAA~~,~~CAAXC~~,CAAAA,CAAAA,CAAAA,CAAAA,~~CAYsBzC~~,~~CAAA0C~~,~~CAAAA~~,~~SAAAA~~,CAAA,~~gBAAA~~,~~EAGKF~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAA~~,~~CAA3BC,~~CAAAA,CAAS,CAAEE,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,~~CAAwB5C~~,~~EAAA0C~~,SAAA,CAAA,UAAA,CAAA,IAAA,~~IAEOF~~,CAAA,CAAA,~~CAAhDC~~,~~CAAS~~,~~CAAA,~~CAAEE,~~KAAME~~,~~OAASC~~,~~CAAAA~~,~~SAAAA~~,~~CAAW~~,~~OAAwB9C~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAA0C~~,~~UAAA~~,OAAA,CAAA,IAAA,~~EAAA~~,CAAA,~~CAGlCF,~~CAAA,~~CAAA~~,~~CAA3BC,~~EAAS,CAAEE,IAAAA,CAAMI,~~UAAqB/C~~,~~CAAA0C~~,CAAAA,SAAAA,CAAA,YAAA,~~EAE9BF~~,CAAAA,CAAAA,CAAAA,CAAA,~~CAARQ~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,CAAAA,~~CAA+BhD~~,~~EAAA0C~~,~~SAAA~~,CAAA,~~QAAA~~,CAAA,~~IAAA~~,~~EAEYF~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,CAAA,~~CAA3CC~~,~~CAAS,~~CAAA,~~CAAEK~~,~~SAAW~~,CAAA,~~iBAAA,~~CAAA,~~CAAA~~,~~CAAA~~,~~CAIC9C~~,~~EAAA0C~~,~~SAAA~~,~~CAAA~~,~~gBAAA~~,CAAA,~~IAAA~~,~~IAMKF~~,~~CAAA~~,CAAA,~~CAA5BC~~,~~EAAS~~,CAAEE,~~IAAAA~~,~~CAAME~~,~~OAAyB7C,~~CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAA0C~~,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,~~CAEdF~~,EAAA,~~CAA5BC~~,CAAAA,CAAS,CAAEE,IAAME,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,~~CAAwB7C~~,~~CAAA0C~~,~~CAAAA~~,~~SAAAA~~,CAAA,~~WAAA~~,~~EAjD/B1C~~,CAAAA,CAAAA,~~OAAAA~~,~~KAAAA,~~CAAAA,~~CAAWwC~~,~~EAAA~~,~~CADvBS~~,~~CAAAA~~,CAAc,~~iBACFjD~~"}
1	+ {"version":3,"file":"nile-popover.cjs.js","sources":["../../../src/nile-popover/nile-popover.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-popover.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n/\n Nile icon component.\n \n @tag nile-popover\n \n /\n@customElement('nile-popover')\nexport class NilePopover extends NileElement {\n /*\n The styles for Popover\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /\n The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n /\n @property() 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' = 'top';\n\n /* The distance in pixels from which to offset the popover away from its target. /\n @property({ type: Number }) distance = 18;\n\n @property({ type: Boolean, attribute: 'arrow' }) arrow = true;\n\n /* Gives the title to the popover /\n @property({ type: String }) title = '';\n\n @property({type:Boolean, attribute:'open'}) isShow = false;\n\n @property({ attribute: 'arrow-placement' }) arrowPlacement:\n \| 'start'\n \| 'end'\n \| 'center'\n \| 'anchor' = 'anchor';\n\n /\n Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n * `overflow: auto\|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n /\n @property({ type: Boolean }) hoist = false;\n\n @property({ type: Boolean }) flip = false;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n document.addEventListener('click', this.handleDocumentClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n document.removeEventListener('click', this.handleDocumentClick);\n }\n\n @watch('isShow')\n handleShowHide(){\n if(this.isShow)this.emit('nile-show')\n else this.emit('nile-hide')\n }\n\n private handleClick = () => {\n this.isShow = !this.isShow;\n const allPopovers = document.querySelectorAll('nile-popover');\n\n allPopovers.forEach(popover => {\n if (popover !== this) {\n popover.isShow = false;\n }\n });\n };\n\n private handleDocumentClick = () => {\n if (this.isShow) {\n this.isShow = false;\n }\n };\n\n public render(): TemplateResult {\n return html`\n <nile-popup\n active\n .arrow=\"${this.arrow && this.isShow}\"\n distance=\"${this.distance}\"\n placement=\"${this.placement}\"\n @click=${(e: Event) => e.stopPropagation()}\n arrowPlacement=\"${this.arrowPlacement}\"\n .flip=\"${this.flip}\"\n shift\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n >\n <slot\n slot=\"anchor\"\n name=\"anchor\"\n aria-describedby=\"tooltip\"\n @click=${this.handleClick}\n ></slot>\n ${this.isShow\n ? html` <div part=\"popover\" class=\"popover__box\">\n <slot name=\"title\" class=\"popover__title\">${this.title}</slot>\n <slot part=\"base\"></slot>\n <slot name=\"action\" class=\"popover__action\"> </slot>\n </div>`\n : html``}\n </nile-popup>\n `;\n }\n\n / #endregion */\n}\n\nexport default NilePopover;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-popover': NilePopover;\n }\n}\n"],"names":["NilePopover","_s","a","this","placement","distance","arrow","title","isShow","arrowPlacement","hoist","flip","handleClick","document","querySelectorAll","forEach","popover","handleDocumentClick","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","addEventListener","disconnectedCallback","removeEventListener","handleShowHide","render","html","_templateObject","_taggedTemplateLiteral","e","stopPropagation","_templateObject2","_templateObject3","__decorate","get","styles","NileElement","property","prototype","type","Number","Boolean","attribute","String","watch","_export","customElement"],"mappings":"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"}

package/dist/nile-popover/nile-popover.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{s as o,x as i}from"../index-0a3007c5.esm.js";import{state as s,customElement as e}from"lit/decorators.js";import{s as r}from"./nile-popover.css.esm.js";import{n as a}from"../property-09139d3c.esm.js";let l=class extends o{constructor(){super(...arguments),this.placement="top",this.distance=18,this.arrow=!0,this.title="",this.isShow=!1,this.arrowPlacement="anchor",this.hoist=!1,this.flip=!1,this.handleClick=()=>{this.isShow=!this.isShow;document.querySelectorAll("nile-popover").forEach((t=>{t!==this&&(t.isShow=!1)}))},this.handleDocumentClick=()=>{this.isShow&&(this.isShow=!this.isShow)}}static get styles(){return[r]}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick)}render(){return i`
+import{__decorate as t}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{customElement as e}from"lit/decorators.js";import{s as o}from"./nile-popover.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{w as r}from"../internal/watch.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let a=class extends s{constructor(){super(...arguments),this.placement="top",this.distance=18,this.arrow=!0,this.title="",this.isShow=!1,this.arrowPlacement="anchor",this.hoist=!1,this.flip=!1,this.handleClick=()=>{this.isShow=!this.isShow;document.querySelectorAll("nile-popover").forEach((t=>{t!==this&&(t.isShow=!1)}))},this.handleDocumentClick=()=>{this.isShow&&(this.isShow=!1)}}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),this.emit("nile-init"),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy"),document.removeEventListener("click",this.handleDocumentClick)}handleShowHide(){this.isShow?this.emit("nile-show"):this.emit("nile-hide")}render(){return i`
       <nile-popup
         active
         .arrow="${this.arrow&&this.isShow}"
@@ -22,4 +22,4 @@ import{__decorate as t}from"tslib";import{s as o,x as i}from"../index-0a3007c5.e
               <slot name="action" class="popover__action"> </slot>
             </div>`:i``}
       </nile-popup>
-    `}};t([a()],l.prototype,"placement",void 0),t([a({type:Number})],l.prototype,"distance",void 0),t([a({type:Boolean,attribute:"arrow"})],l.prototype,"arrow",void 0),t([a({type:String})],l.prototype,"title",void 0),t([s()],l.prototype,"isShow",void 0),t([a({attribute:"arrow-placement"})],l.prototype,"arrowPlacement",void 0),t([a({type:Boolean})],l.prototype,"hoist",void 0),t([a({type:Boolean})],l.prototype,"flip",void 0),l=t([e("nile-popover")],l);export{l as N};
+    `}};t([l()],a.prototype,"placement",void 0),t([l({type:Number})],a.prototype,"distance",void 0),t([l({type:Boolean,attribute:"arrow"})],a.prototype,"arrow",void 0),t([l({type:String})],a.prototype,"title",void 0),t([l({type:Boolean,attribute:"open"})],a.prototype,"isShow",void 0),t([l({attribute:"arrow-placement"})],a.prototype,"arrowPlacement",void 0),t([l({type:Boolean})],a.prototype,"hoist",void 0),t([l({type:Boolean})],a.prototype,"flip",void 0),t([r("isShow")],a.prototype,"handleShowHide",null),a=t([e("nile-popover")],a);export{a as N};

package/dist/nile-popover/nile-popover.test.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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-1a9fb5f1.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-popover.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-popover.css.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var o,t,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;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(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}return{setters:[function(_fixture004CjsJs){o=_fixture004CjsJs.f;t=_fixture004CjsJs.a;},function(_litStaticHtmlJs){e=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nilePopoverCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nilePopoverCssCjsJs){},function(_property002CjsJs){}],execute:function execute(){describe("NilePopover",function(){it("renders correctly",/*#__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 o(e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context2.sent;t(i).shadowDom.to.equalSnapshot();case 4:case"end":return _context2.stop();}},_callee);}))),it("has default properties",/*#__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 o(e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-popover></nile-popover>"]))));case 2:i=_context3.sent;t(i.placement).to.equal("top"),t(i.distance).to.equal(18),t(i.title).to.equal(""),t(i.arrowPlacement).to.equal("anchor"),t(i.hoist).to.be["false"],t(i.flip).to.be["false"];case 4:case"end":return _context3.stop();}},_callee2);}))),it("displays title when popover is shown",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var i,p,r;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return o(e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context4.sent;i.querySelector("button").click();_context4.next=6;return i.updateComplete;case 6:p=i.shadowRoot.querySelector(".popover__box");t(p).to.exist;r=i.shadowRoot.querySelector('slot[name="title"]');t(r).to.exist,t(r.textContent).to.equal("Test Popover");case 10:case"end":return _context4.stop();}},_callee3);}))),it("toggles isShow state on anchor click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var i,p,r,n;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return o(e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context5.sent;p=i.querySelector("button");p.click();_context5.next=7;return i.updateComplete;case 7:r=i.shadowRoot.querySelector('div[part="popover"]');t(r).to.exist;p.click();_context5.next=12;return i.updateComplete;case 12:n=i.shadowRoot.querySelector('div[part="popover"]');t(n).to["null"];case 14:case"end":return _context5.stop();}},_callee4);}))),it("hides popover on document click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var i,p;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return o(e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context6.sent;i.querySelector("button").click();_context6.next=6;return i.updateComplete;case 6:p=i.shadowRoot.querySelector(".popover__box");t(p).to.exist;document.body.click();_context6.next=11;return i.updateComplete;case 11:p=i.shadowRoot.querySelector(".popover__box");t(p).to.not.exist;case 13:case"end":return _context6.stop();}},_callee5);})));});}};});
+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-1a9fb5f1.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-popover.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-popover.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var o,t,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;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(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}return{setters:[function(_fixture004CjsJs){o=_fixture004CjsJs.f;t=_fixture004CjsJs.a;},function(_litStaticHtmlJs){e=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nilePopoverCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nilePopoverCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalWatchCjsJs){},function(_property002CjsJs){}],execute:function execute(){describe("NilePopover",function(){it("renders correctly",/*#__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 o(e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context2.sent;t(i).shadowDom.to.equalSnapshot();case 4:case"end":return _context2.stop();}},_callee);}))),it("has default properties",/*#__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 o(e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-popover></nile-popover>"]))));case 2:i=_context3.sent;t(i.placement).to.equal("top"),t(i.distance).to.equal(18),t(i.title).to.equal(""),t(i.arrowPlacement).to.equal("anchor"),t(i.hoist).to.be["false"],t(i.flip).to.be["false"];case 4:case"end":return _context3.stop();}},_callee2);}))),it("displays title when popover is shown",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var i,p,r;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return o(e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context4.sent;i.querySelector("button").click();_context4.next=6;return i.updateComplete;case 6:p=i.shadowRoot.querySelector(".popover__box");t(p).to.exist;r=i.shadowRoot.querySelector('slot[name="title"]');t(r).to.exist,t(r.textContent).to.equal("Test Popover");case 10:case"end":return _context4.stop();}},_callee3);}))),it("toggles isShow state on anchor click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var i,p,r,n;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return o(e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context5.sent;p=i.querySelector("button");p.click();_context5.next=7;return i.updateComplete;case 7:r=i.shadowRoot.querySelector('div[part="popover"]');t(r).to.exist;p.click();_context5.next=12;return i.updateComplete;case 12:n=i.shadowRoot.querySelector('div[part="popover"]');t(n).to["null"];case 14:case"end":return _context5.stop();}},_callee4);}))),it("hides popover on document click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var i,p;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return o(e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <nile-popover title=\"Test Popover\">\n        <button slot=\"anchor\">Click me</button>\n        <div>Popover Content</div>\n      </nile-popover>\n    "]))));case 2:i=_context6.sent;i.querySelector("button").click();_context6.next=6;return i.updateComplete;case 6:p=i.shadowRoot.querySelector(".popover__box");t(p).to.exist;document.body.click();_context6.next=11;return i.updateComplete;case 11:p=i.shadowRoot.querySelector(".popover__box");t(p).to.not.exist;case 13:case"end":return _context6.stop();}},_callee5);})));});}};});
 //# sourceMappingURL=nile-popover.test.cjs.js.map

package/dist/nile-popover/nile-popover.test.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-popover.test.cjs.js","sources":["../../../src/nile-popover/nile-popover.test.ts"],"sourcesContent":["import { fixture, html, expect, oneEvent } from '@open-wc/testing';\nimport './nile-popover';\nimport { NilePopover } from './nile-popover';\ndescribe('NilePopover', () => {\n it('renders correctly', async () => {\n const el = await fixture(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n expect(el).shadowDom.to.equalSnapshot();\n });\n\n it('has default properties', async () => {\n const el = await fixture<NilePopover>(html`<nile-popover></nile-popover>`);\n expect(el.placement).to.equal('top');\n expect(el.distance).to.equal(18);\n expect(el.title).to.equal('');\n expect(el.arrowPlacement).to.equal('anchor');\n expect(el.hoist).to.be.false;\n expect(el.flip).to.be.false;\n });\n\n it('displays title when popover is shown', async () => {\n const el = await fixture<NilePopover>(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n\n const button = el.querySelector('button');\n button!.click();\n await el.updateComplete;\n const popoverBox = el.shadowRoot!.querySelector('.popover__box');\n expect(popoverBox).to.exist;\n\n const titleSlot = el.shadowRoot!.querySelector('slot[name=\"title\"]');\n expect(titleSlot).to.exist;\n expect(titleSlot!.textContent).to.equal('Test Popover');\n });\n\n it('toggles isShow state on anchor click', async () => {\n const el = await fixture<NilePopover>(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n\n const button = el.querySelector('button');\n button!.click();\n await el.updateComplete;\n const popOverBox = el.shadowRoot!.querySelector('div[part=\"popover\"]');\n expect(popOverBox).to.exist;\n\n button!.click();\n await el.updateComplete;\n\n const afterPopOverBox = el.shadowRoot!.querySelector('div[part=\"popover\"]');\n expect(afterPopOverBox).to.null;\n });\n\n it('hides popover on document click', async () => {\n const el = await fixture<NilePopover>(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n\n const button = el.querySelector('button');\n button!.click();\n await el.updateComplete;\n\n let popoverBox = el.shadowRoot!.querySelector('.popover__box');\n expect(popoverBox).to.exist;\n\n document.body.click();\n await el.updateComplete;\n\n popoverBox = el.shadowRoot!.querySelector('.popover__box');\n expect(popoverBox).to.not.exist;\n });\n});\n"],"names":["describe","it","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","expect","shadowDom","to","equalSnapshot","_context2","stop","_callee","~~_asyncToGenerator","_regeneratorRuntime","mark","~~_templateObject2","placement","equal","distance","title","arrowPlacement","hoist","be","false","flip","_context3","_callee2","_templateObject3","querySelector","click","updateComplete","popoverBox","shadowRoot","exist","titleSlot","textContent","_context4","_callee3","_templateObject4","button","popOverBox","afterPopOverBox","null","_context5","_callee4","_templateObject5","document","body","not","_context6","_callee5"],"mappings":"~~y7SAGAA~~,~~QAAS~~,CAAA,~~aAAA~~,~~CAAe~~,~~UACtBC~~,~~CAAAA~~,~~EAAAA~~,~~CAAG~~,~~2FAAqBC~~,SAAAA,QAAAA,MAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,SAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SACLC,CAAAA,CAAAA,CAAQC,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,kLAAvBC,CAAWJ,CAAAA,SAAAA,CAAAA,IAAAA,CAMjBK,CAAOD,CAAAA,CAAAA,CAAAA,CAAIE,SAAUC,CAAAA,EAAAA,CAAGC,aAAe,CAAA,CAAA,yBAAAC,SAAA,CAAAC,IAAA,MAAAC,OAAA,GAAA,EAAA,CAAA,~~CAGzCb~~,EAAG,CAAA,wBAAA,~~cAAAc~~,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,~~CAA0Bf~~,SAAAA,SAAAA,MAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SACVC,CAAAA,CAAAA,CAAqBC,CAAI,~~CAAAc~~,gBAAA,GAAAA,gBAAA,~~CAAAZ~~,sBAAA,qCAAA,CAAA,QAApCC,CAAWJ,CAAAA,SAAAA,CAAAA,IAAAA,CACjBK,EAAOD,~~CAAGY~~,CAAAA,SAAAA,CAAAA,~~CAAWT~~,~~EAAGU~~,CAAAA,KAAAA,CAAM,~~KAC9BZ~~,CAAAA,CAAAA,CAAAA,CAAOD,~~CAAGc~~,CAAAA,QAAAA,CAAAA,~~CAAUX~~,~~EAAGU~~,CAAAA,KAAAA,CAAM,~~EAC7BZ~~,CAAAA,CAAAA,CAAAA,CAAOD,~~CAAGe~~,CAAAA,KAAAA,CAAAA,~~CAAOZ~~,~~GAAGU~~,KAAM,CAAA,EAAA,CAAA,~~CAC1BZ~~,CAAOD,CAAAA,CAAAA,~~CAAGgB~~,~~cAAgBb~~,CAAAA,CAAAA,EAAAA,~~CAAGU~~,KAAM,CAAA,QAAA,CAAA,~~CACnCZ~~,CAAOD,CAAAA,CAAAA,~~CAAGiB~~,~~KAAOd~~,CAAAA,CAAAA,EAAAA,~~CAAGe~~,EAAGC,SAAAA,~~CACvBlB~~,EAAOD,~~CAAGoB~~,CAAAA,IAAAA,CAAAA,~~CAAMjB~~,~~EAAGe~~,CAAAA,EAAAA,SAAQ,yBAAAG,SAAA,~~CAAAf~~,IAAA,~~MAAAgB~~,QAAA,GAAA,EAAA,CAAA,CAG7B5B,EAAG,CAAA,sCAAA,~~cAAAc~~,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,~~CAAwCf~~,SAAAA,SAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SACxBC,CAAAA,CAAAA,CAAqBC,CAAI,~~CAAA0B~~,gBAAA,GAAAA,gBAAA,~~CAAAxB~~,sBAAA,yKAO3BC,CAAAA,QAPTA,CAAWJ,CAAAA,SAAAA,CAAAA,IAAAA,CAOFI,CAAAA,~~CAAGwB~~,cAAc,QACxBC,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,~~SACFzB~~,CAAAA,~~CAAG0B~~,CAAAA,cAAAA,QACHC,~~CAAa3B~~,CAAAA,CAAAA,~~CAAG4B~~,UAAYJ,CAAAA,aAAAA,CAAc,~~iBAChDvB~~,~~CAAO0B~~,CAAAA,CAAAA,CAAAA,~~CAAYxB~~,~~GAAG0B~~,KAEtB,CAAMC,~~EAAY9B~~,~~CAAG4B~~,CAAAA,UAAAA,CAAYJ,aAAc,CAAA,oBAAA,CAAA,CAC/~~CvB~~,~~EAAO6B~~,~~CAAW3B~~,CAAAA,CAAAA,EAAAA,~~CAAG0B~~,~~KACrB5B~~,CAAAA,CAAAA,~~CAAO6B~~,EAAWC,~~WAAa5B~~,CAAAA,CAAAA,EAAAA,~~CAAGU~~,KAAM,CAAA,cAAA,CAAe,0BAAAmB,SAAA,~~CAAA1B~~,IAAA,~~MAAA2B~~,QAAA,OAGzDvC,EAAG,CAAA,sCAAA,~~cAAAc~~,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,~~CAAwCf~~,SAAAA,SAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SACxBC,CAAAA,EAAqBC,CAAI,~~CAAAqC~~,gBAAA,GAAAA,gBAAA,~~CAAAnC~~,sBAAA,~~yKAOpCoC~~,CAAAA,~~QAPAnC~~,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,~~CAOAmC~~,CAAAA,~~CAASnC~~,~~EAAGwB~~,aAAc,CAAA,QAAA,CAAA,CAChCW,CAAQV,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,~~SACFzB~~,CAAAA,~~EAAG0B~~,cACT,QAAMU,~~CAAapC~~,CAAAA,CAAAA,~~CAAG4B~~,WAAYJ,aAAc,CAAA,qBAAA,CAAA,~~CAChDvB~~,~~EAAOmC~~,~~CAAYjC~~,CAAAA,CAAAA,EAAAA,~~CAAG0B~~,MAEtBM,CAAQV,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,~~UACFzB~~,CAAAA,~~CAAG0B~~,CAAAA,cAAAA,SAEHW,~~CAAkBrC~~,CAAAA,CAAAA,~~CAAG4B~~,UAAYJ,CAAAA,aAAAA,CAAc,~~uBACrDvB~~,~~CAAOoC~~,CAAAA,CAAAA,CAAAA,~~CAAiBlC~~,~~EAAGmC~~,QAAI,0BAAAC,SAAA,~~CAAAjC~~,IAAA,~~MAAAkC~~,QAAA,OAGjC9C,EAAG,CAAA,iCAAA,~~cAAAc~~,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,~~CAAmCf~~,SAAAA,SAAAA,MAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SACnBC,CAAAA,EAAqBC,CAAI,~~CAAA4C~~,gBAAA,GAAAA,gBAAA,~~CAAA1C~~,sBAAA,yKAO3BC,CAAAA,QAPTA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,CAOSA,CAAAA,~~CAAGwB~~,aAAc,CAAA,QAAA,CAAA,CACxBC,~~KACFzB~~,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,CAAAA,CAAAA,~~CAAG0B~~,cAET,QAAIC,~~CAAa3B~~,CAAAA,CAAAA,~~CAAG4B~~,UAAYJ,CAAAA,aAAAA,CAAc,~~eAC9CvB~~,CAAAA,CAAAA,CAAAA,~~CAAO0B~~,~~GAAYxB~~,~~EAAG0B~~,CAAAA,KAAAA,CAEtBa,QAASC,CAAAA,IAAAA,CAAKlB,~~KACRzB~~,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UAAAA,CAAAA,CAAAA,~~CAAG0B~~,cAETC,SAAAA,CAAAA,~~CAAa3B~~,~~CAAG4B~~,CAAAA,UAAAA,CAAYJ,aAAc,CAAA,eAAA,CAAA,~~CAC1CvB~~,~~CAAO0B~~,CAAAA,CAAAA,CAAAA,~~CAAYxB~~,~~EAAGyC~~,CAAAA,GAAAA,CAAIf,KAAK,0BAAAgB,SAAA,~~CAAAvC~~,IAAA,~~MAAAwC~~,QAAA,GAC/B,EAAA,CAAA,EAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"nile-popover.test.cjs.js","sources":["../../../src/nile-popover/nile-popover.test.ts"],"sourcesContent":["import { fixture, html, expect, oneEvent } from '@open-wc/testing';\nimport './nile-popover';\nimport { NilePopover } from './nile-popover';\ndescribe('NilePopover', () => {\n it('renders correctly', async () => {\n const el = await fixture(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n expect(el).shadowDom.to.equalSnapshot();\n });\n\n it('has default properties', async () => {\n const el = await fixture<NilePopover>(html`<nile-popover></nile-popover>`);\n expect(el.placement).to.equal('top');\n expect(el.distance).to.equal(18);\n expect(el.title).to.equal('');\n expect(el.arrowPlacement).to.equal('anchor');\n expect(el.hoist).to.be.false;\n expect(el.flip).to.be.false;\n });\n\n it('displays title when popover is shown', async () => {\n const el = await fixture<NilePopover>(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n\n const button = el.querySelector('button');\n button!.click();\n await el.updateComplete;\n const popoverBox = el.shadowRoot!.querySelector('.popover__box');\n expect(popoverBox).to.exist;\n\n const titleSlot = el.shadowRoot!.querySelector('slot[name=\"title\"]');\n expect(titleSlot).to.exist;\n expect(titleSlot!.textContent).to.equal('Test Popover');\n });\n\n it('toggles isShow state on anchor click', async () => {\n const el = await fixture<NilePopover>(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n\n const button = el.querySelector('button');\n button!.click();\n await el.updateComplete;\n const popOverBox = el.shadowRoot!.querySelector('div[part=\"popover\"]');\n expect(popOverBox).to.exist;\n\n button!.click();\n await el.updateComplete;\n\n const afterPopOverBox = el.shadowRoot!.querySelector('div[part=\"popover\"]');\n expect(afterPopOverBox).to.null;\n });\n\n it('hides popover on document click', async () => {\n const el = await fixture<NilePopover>(html`\n <nile-popover title=\"Test Popover\">\n <button slot=\"anchor\">Click me</button>\n <div>Popover Content</div>\n </nile-popover>\n `);\n\n const button = el.querySelector('button');\n button!.click();\n await el.updateComplete;\n\n let popoverBox = el.shadowRoot!.querySelector('.popover__box');\n expect(popoverBox).to.exist;\n\n document.body.click();\n await el.updateComplete;\n\n popoverBox = el.shadowRoot!.querySelector('.popover__box');\n expect(popoverBox).to.not.exist;\n });\n});\n"],"names":["describe","it","_asyncToGenerator","_regeneratorRuntime","mark","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","expect","shadowDom","to","equalSnapshot","_context2","stop","_callee","_templateObject2","placement","equal","distance","title","arrowPlacement","hoist","be","false","flip","_context3","_callee2","_templateObject3","querySelector","click","updateComplete","popoverBox","shadowRoot","exist","titleSlot","textContent","_context4","_callee3","_templateObject4","button","popOverBox","afterPopOverBox","null","_context5","_callee4","_templateObject5","document","body","not","_context6","_callee5"],"mappings":"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"}

package/dist/nile-popover/nile-popover.test.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{f as o,a as t}from"../fixture-81e5a936.esm.js";import{html as e}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-popover.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-popover.css.esm.js";import"../property-09139d3c.esm.js";describe("NilePopover",(()=>{it("renders correctly",(async()=>{const i=await o(e`
+import{f as o,a as t}from"../fixture-81e5a936.esm.js";import{html as e}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-popover.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-popover.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/watch.esm.js";import"../property-09139d3c.esm.js";describe("NilePopover",(()=>{it("renders correctly",(async()=>{const i=await o(e`
       <nile-popover title="Test Popover">
         <button slot="anchor">Click me</button>
         <div>Popover Content</div>

package/dist/nile-select/nile-select.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: #005ea6;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    margin: 6px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .select--error .select__combobox {\n    border-color: #e5434d;\n  }\n\n  .select--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 4px;\n    font-size: 14px;\n    padding: 12px;\n    height: 38px;\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005ea6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options__search-enabled {\n    padding-top: 10px;\n  }\n\n  .select__options {\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px 12px 16px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: 20px;\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: 10px;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible{\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: 12px;\n  }\n  \n  .select__hide-default{\n    display: none;\n  }\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: #005ea6;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    margin: 6px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .select--error .select__combobox {\n    border-color: #e5434d;\n  }\n\n  .select--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 4px;\n    font-size: 14px;\n    padding: 12px;\n    height: 40px;\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005ea6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options__search-enabled {\n    padding-top: 10px;\n  }\n\n  .select__options {\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px 12px 16px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: 20px;\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: 10px;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible{\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: 12px;\n  }\n  \n  .select__hide-default{\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-select.css.cjs.js.map

package/dist/nile-select/nile-select.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.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-element';\n\n/\n Select_2 CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label /\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: inherit;\n }\n\n /* Help text /\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: #666666;\n margin-top: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n }\n\n /* The popup /\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n / Combobox /\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif);\n font-weight: 400;\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: #333333;\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif);\n }\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: #333333;\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n / Visually hide the display input when multiple is enabled /\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: 0.5rem;\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: #005ea6;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n margin: 6px;\n }\n\n .select__tags-count-clearable {\n margin-right: 50px;\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n / Standard selects /\n .select--standard .select__combobox {\n background-color: #ffffff;\n border: solid 1px #cccccc;\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid #000;\n background: #fff;\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: #f4f4f4;\n border-color: #cccccc;\n color: #999999;\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .select--error .select__combobox {\n border-color: #e5434d;\n }\n\n .select--success {\n border-color: #43e5c0;\n }\n\n / Filled selects /\n .select--filled .select__combobox {\n border: none;\n background-color: #f4f4f4;\n color: #333333;\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: #f4f4f4;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: 4px;\n font-size: 14px;\n padding: 12px;\n height: ~~38px~~;\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium .select__prefix::slotted() {\n margin-inline-end: 0.75rem;\n }\n\n .select--medium .select__prefix.multiple::slotted() {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: 0;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n / Pills /\n .select--pill.select--medium .select__combobox {\n border-radius: 2.5rem;\n }\n\n / Prefix /\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n / Clear button /\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: #005ea6;\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: #999999;\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n / Expand icon /\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: 0.25rem;\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n / Listbox /\n .select__listbox {\n display: block;\n position: relative;\n font-size: 1rem;\n font-weight: 400;\n background: #ffffff;\n border: solid 1px #cccccc;\n border-radius: 0.25rem;\n padding-block: 0;\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n / Make sure it adheres to the popup's auto size /\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__options__search-enabled {\n padding-top: 10px;\n }\n\n .select__options {\n font-size: 14px;\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: 0.25rem;\n }\n\n .select__listbox::slotted(small) {\n font-size: 0.875rem;\n font-weight: 600;\n color: #888888;\n padding-block: 0.25rem;\n padding-inline: 1rem;\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: 8px;\n background-color: white;\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: #fafafa;\n border: 1px solid #e5e9eb;\n display: flex;\n height: 15px;\n / Auto layout */\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 8px 12px 16px;\n gap: 12px;\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: 20px;\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: 10px;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible{\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: 12px;\n }\n \n .select__hide-default{\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.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-element';\n\n/\n Select_2 CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label /\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: inherit;\n }\n\n /* Help text /\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: #666666;\n margin-top: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n }\n\n /* The popup /\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n / Combobox /\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif);\n font-weight: 400;\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: #333333;\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif);\n }\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: #333333;\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n / Visually hide the display input when multiple is enabled /\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: 0.5rem;\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: #005ea6;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n margin: 6px;\n }\n\n .select__tags-count-clearable {\n margin-right: 50px;\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n / Standard selects /\n .select--standard .select__combobox {\n background-color: #ffffff;\n border: solid 1px #cccccc;\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid #000;\n background: #fff;\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: #f4f4f4;\n border-color: #cccccc;\n color: #999999;\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .select--error .select__combobox {\n border-color: #e5434d;\n }\n\n .select--success {\n border-color: #43e5c0;\n }\n\n / Filled selects /\n .select--filled .select__combobox {\n border: none;\n background-color: #f4f4f4;\n color: #333333;\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: #f4f4f4;\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: #f4f4f4;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: #f4f4f4;\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: 4px;\n font-size: 14px;\n padding: 12px;\n height: 40px;\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium .select__prefix::slotted() {\n margin-inline-end: 0.75rem;\n }\n\n .select--medium .select__prefix.multiple::slotted() {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: 0;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n / Pills /\n .select--pill.select--medium .select__combobox {\n border-radius: 2.5rem;\n }\n\n / Prefix /\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: #aaaaaa;\n }\n\n / Clear button /\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: #005ea6;\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: #999999;\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n / Expand icon /\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: 0.25rem;\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n / Listbox /\n .select__listbox {\n display: block;\n position: relative;\n font-size: 1rem;\n font-weight: 400;\n background: #ffffff;\n border: solid 1px #cccccc;\n border-radius: 0.25rem;\n padding-block: 0;\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n / Make sure it adheres to the popup's auto size /\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__options__search-enabled {\n padding-top: 10px;\n }\n\n .select__options {\n font-size: 14px;\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: 0.25rem;\n }\n\n .select__listbox::slotted(small) {\n font-size: 0.875rem;\n font-weight: 600;\n color: #888888;\n padding-block: 0.25rem;\n padding-inline: 1rem;\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: 8px;\n background-color: white;\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: #fafafa;\n border: 1px solid #e5e9eb;\n display: flex;\n height: 15px;\n / Auto layout */\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 8px 12px 16px;\n gap: 12px;\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: 20px;\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: 10px;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible{\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: 12px;\n }\n \n .select__hide-default{\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-select/nile-select.css.esm.js CHANGED Viewed

@@ -252,7 +252,7 @@ import{i as e}from"../index-0a3007c5.esm.js";const o=e`
     border-radius: 4px;
     font-size: 14px;
     padding: 12px;
-    height: 38px;
+    height: 40px;
     box-sizing: border-box;
   }

package/dist/nile-table-header-item/nile-table-header-item.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,t,i,s,l,n,r,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){l=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.sorting_ct=0;return _this;}_inherits(c,_n);return _createClass(c,[{key:"handleSort",value:function handleSort(e){this.sorting_ct++;var t=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:t,order:["normal","asc","des"][this.sorting_ct%3]}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral([" ",""])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>"])),this.havesort&&this.sorting_ct%3==0?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n                class=\"hover__arrow\"\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==1?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==2?t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):t(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""]))),this.havefilter?t(_templateObject8||(_templateObject8=_taggedTemplateLiteral([" <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n                <nile-input\n                  placeholder=\"Search\"\n                  @nile-input=","\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>"])),this.handleSearch):t(_templateObject9||(_templateObject9=_taggedTemplateLiteral([""])))):null);}}],[{key:"styles",get:function get(){return[l];}}]);}(n));e([o({type:Boolean,reflect:!0})],c.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],c.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],c.prototype,"iconName",void 0),e([i()],c.prototype,"sorting_ct",void 0),_export("N",c=e([s("nile-table-header-item")],c));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,i,t,s,l,r,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){l=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_r){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.sorting_ct=0;return _this;}_inherits(a,_r);return _createClass(a,[{key:"handleSort",value:function handleSort(e){this.sorting_ct++;var i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral([" ",""])),this.hasSlotController.test("[default]")?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <div class=\"header__item__wrapper\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n      </div>"])),this.havesort&&this.sorting_ct%3==0?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n                class=\"hover__arrow\"\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==1?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==2?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):i(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""]))),this.havefilter?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral([" <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n                <nile-input\n                  placeholder=\"Search\"\n                  @nile-input=","\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>"])),this.handleSearch):i(_templateObject9||(_templateObject9=_taggedTemplateLiteral([""])))):null);}}],[{key:"styles",get:function get(){return[l];}}]);}(r));e([o({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([t()],a.prototype,"sorting_ct",void 0),_export("N",a=e([s("nile-table-header-item")],a));}};});
 //# sourceMappingURL=nile-table-header-item.cjs.js.map

package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/\n Nile icon component.\n \n @tag nile-table-header-item\n \n /\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /* Places the icon . /\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n @state() sorting_ct = 0;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n public render(): TemplateResult {\n return html` ${this.hasSlotController.test('[default]')\n ? html` <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>`\n : null}`;\n }\n / #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"],"names":["NileTableHeaderItem","c","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","sorting_ct","_this","_inherits","_n","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"o9HA0BaA,4BAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACYC,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,gCAAwB,WAAA,CAAA,CAUrBF,KAAAA,CAAQG,QAAG,CAAA,CAAA,CAAA,CAGXH,KAAAA,CAAUI,UAAG,CAAA,CAAA,CAAA,CAGUJ,KAAAA,CAAQK,QACzE,CAAA,EAAA,CAEOL,KAAAA,CAAUM,UAAG,CAAA,~~CAmEvB~~,QAAAC,KAAA,~~EAjFQC~~,SAAA,CAAAV,CAAA,CAAAW,EAAA,SAAAC,YAAA,CAAAZ,CAAA,GAAAa,GAAA,cAAAC,KAAA,CAwBC,SAAAC,WAAWC,CAAAA,CAAAA,CACjBd,KAAKM,UACL,EAAA,CAAA,GAAIS,CAAAA,EAAmBf,IAAKC,CAAAA,iBAAAA,CAAkBe,KAAKC,SAEnDjB,CAAAA,IAAAA,CAAKkB,KAAK,iBAAmB,CAAA,CAC3BN,MAAO,CAAEG,gBAAAA,CAAAA,CAAAA,CAAkBI,MAFf,CAAC,QAAA,CAAU,KAAO,CAAA,KAAA,CAAA,CAEUnB,IAAKM,CAAAA,UAAAA,CAAa,KAE7D,EAEO,GAAAK,GAAA,gBAAAC,KAAA,UAAAQ,aAAaN,CACnBd,CAAAA,CAAAA,IAAAA,CAAKkB,KAAK,aAAe,CAAA,CAAEN,MAAOE,CAAEO,CAAAA,MAAAA,CAAOT,OAC5C,EAEM,GAAAD,GAAA,UAAAC,KAAA,UAAAU,OAAA,EACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,YAAIzB,IAAKC,CAAAA,iBAAAA,CAAkByB,IAAK,CAAA,WAAA,CAAA,CACvCH,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,~~qJAEAzB~~,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKM,UAAa,CAAA,CAAA,EAAM,EACvCiB,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,mLAGOzB,IAAKa,CAAAA,UAAAA,EAGhB,IAAA,CACFb,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKM,UAAa,CAAA,CAAA,EAAM,EACvCiB,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,2IAGOzB,IAAKa,CAAAA,UAAAA,EAEhB,IAAA,CACFb,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKM,UAAa,CAAA,CAAA,EAAM,EACvCiB,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,yIAGOzB,IAAKa,CAAAA,UAAAA,EAEhB,IAAA,CACFb,IAAAA,CAAKK,QACHkB,CAAAA,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,yDAAqBzB,IAAAA,CAAKK,UAC9BkB,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,QAAA,CACNzB,IAAAA,CAAKI,WACHmB,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,ubAIczB,IAAKoB,CAAAA,YAAAA,EAKvBG,CAAI,CAAAW,gBAAA,GAAAA,gBAAA,CAAAT,sBAAA,QAAA,~~EAEV~~,IACL,EAAA,CAAA,KAAAd,GAAA,UAAAwB,GAAA,~~CA/EM~~,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAsBO,MA9B+BC,CAAAA,GAWKC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB7C,CAAA8C,CAAAA,SAAAA,CAAA,eAAA,EAGjBL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B7C,CAAA8C,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAGIL,EAAA,CAAlEC,CAAAA,CAAS,CAAEC,IAAAA,CAAMI,MAAQF,CAAAA,OAAAA,CAAAA,CAAS,EAAMG,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAC/ChD,CAAA8C,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEIL,EAAA,CAARQ,CAAAA,CAAAA,CAAAA,CAAAA,CAAuBjD,CAAA8C,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KApBblD,EAAmByC,CAAA,CAAA,CAD/BU,CAAc,CAAA,wBAAA,CAAA,CAAA,CACFnD"}
1	+ {"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/\n Nile icon component.\n \n @tag nile-table-header-item\n \n /\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /* Places the icon . /\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n @state() sorting_ct = 0;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n public render(): TemplateResult {\n return html` ${this.hasSlotController.test('[default]')\n ? html`\n <div class=\"header__item__wrapper\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n </div>`\n : null}`;\n }\n / #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"],"names":["NileTableHeaderItem","a","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","sorting_ct","_this","_inherits","_r","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"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"}

package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-table-header-item.css.cjs.js.map

package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.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-element';\n\n/\n TableHeaderItem CSS\n /\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n / line-height: var(--nile-type-scale-5); */\n line-height: normal;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n\n .hover__arrow {\n opacity: 0;\n }\n\n .headers:hover .hover__arrow {\n opacity: 0.3;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.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-element';\n\n/\n TableHeaderItem CSS\n /\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n }\n \n .header__item__wrapper{\n display:flex;\n align-items:center;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n / line-height: var(--nile-type-scale-5); */\n line-height: normal;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n\n .hover__arrow {\n opacity: 0;\n }\n\n .headers:hover .hover__arrow {\n opacity: 0.3;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-table-header-item/nile-table-header-item.css.esm.js CHANGED Viewed

@@ -1,7 +1,13 @@
-import{i}from"../index-0a3007c5.esm.js";const e=i`
+import{i as e}from"../index-0a3007c5.esm.js";const i=e`
   :host {
     display: table-cell;
     box-sizing: border-box;
+  }
+  .header__item__wrapper{
+    display:flex;
+    align-items:center;
+    box-sizing: border-box;
     padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
     min-height: 44px;
     height: 44px;
@@ -44,4 +50,4 @@ import{i}from"../index-0a3007c5.esm.js";const e=i`
   .headers:hover .hover__arrow {
     opacity: 0.3;
   }
-`;export{e as s};
+`;export{i as s};

package/dist/nile-table-header-item/nile-table-header-item.esm.js CHANGED Viewed

@@ -1,23 +1,25 @@
-import{__decorate as e}from"tslib";import{x as t}from"../index-0a3007c5.esm.js";import{state as i,customElement as s}from"lit/decorators.js";import{s as l}from"./nile-table-header-item.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{H as r}from"../internal/slot.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let a=class extends n{constructor(){super(...arguments),this.hasSlotController=new r(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[l]}handleSort(e){this.sorting_ct++;let t=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:t,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return t` ${this.hasSlotController.test("[default]")?t` <div class="headers">
+import{__decorate as e}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{state as t,customElement as s}from"lit/decorators.js";import{s as l}from"./nile-table-header-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as n}from"../internal/slot.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let a=class extends r{constructor(){super(...arguments),this.hasSlotController=new n(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[l]}handleSort(e){this.sorting_ct++;let i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return i` ${this.hasSlotController.test("[default]")?i`
+      <div class="header__item__wrapper">
+        <div class="headers">
           <slot> </slot>
-          ${this.havesort&&this.sorting_ct%3==0?t`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==0?i`<nile-icon
                 name="sortdown"
                 size="16"
                 @click=${this.handleSort}
                 class="hover__arrow"
               ></nile-icon>`:null}
-          ${this.havesort&&this.sorting_ct%3==1?t`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==1?i`<nile-icon
                 name="sortdown"
                 size="16"
                 @click=${this.handleSort}
               ></nile-icon>`:null}
-          ${this.havesort&&this.sorting_ct%3==2?t`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==2?i`<nile-icon
                 name="sortup"
                 size="16"
                 @click=${this.handleSort}
               ></nile-icon>`:null}
-          ${this.iconName?t` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:t``}
-          ${this.havefilter?t` <nile-popover title="Filter" placement="bottom">
+          ${this.iconName?i` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:i``}
+          ${this.havefilter?i` <nile-popover title="Filter" placement="bottom">
                 <nile-icon name="filter" size="16" slot="anchor"></nile-icon>
                 <nile-input
                   placeholder="Search"
@@ -25,5 +27,6 @@ import{__decorate as e}from"tslib";import{x as t}from"../index-0a3007c5.esm.js";
                   part="filter__search"
                 ></nile-input>
                 <slot name="filter__content" part="filter__content"></slot>
-              </nile-popover>`:t``}
-        </div>`:null}`}};e([o({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([i()],a.prototype,"sorting_ct",void 0),a=e([s("nile-table-header-item")],a);export{a as N};
+              </nile-popover>`:i``}
+        </div>
+      </div>`:null}`}};e([o({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([t()],a.prototype,"sorting_ct",void 0),a=e([s("nile-table-header-item")],a);export{a as N};

package/dist/nile-toast/nile-toast.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: contents;\n\n    /* For better DX, we'll reset the margin here so the base part can inherit it */\n    margin: 0;\n  }\n\n  .alert {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    border: solid 2px 2px;\n    border-radius: 8px;\n    margin: inherit;\n    padding: 16px;\n    gap: 16px;\n    width: max-content;\n    min-width: 400px;\n  }\n\n  .alert:not(.alert--has-icon) .alert__icon,\n  .alert:not(.alert--closable) .alert__close-button {\n    display: none;\n  }\n\n  .alert__prefix-icon-container {\n    background-color: red;\n    border-radius: 4px;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .alert__icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 10px;\n  }\n\n  .alert--success {\n    border: 1px solid var(--nile-toast-color-border-success);\n    background: var(--nile-toast-color-background-success);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--success .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-success);\n  }\n\n  .alert--info {\n    border: 1px solid var(--nile-toast-color-border-info);\n    background: var(--nile-toast-color-background-info);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--info .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-info);\n  }\n\n  .alert--warning {\n    border: 1px solid var(--nile-toast-color-border-warning);\n    background: var(--nile-toast-color-background-warning);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--warning .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-warning);\n  }\n\n  .alert--error {\n    border: 1px solid var(--nile-toast-color-border-error);\n    background: var(--nile-toast-color-background-error);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--error .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-error);\n  }\n\n  .alert--gray {\n    border: 1px solid var(--nile-toast-color-border-gray);\n    background: var(--nile-toast-color-background-gray);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--gray .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-gray);\n  }\n\n  .alert--black {\n    border: 1px solid var(--nile-toast-color-border-black);\n    background: var(--nile-toast-color-background-black);\n    box-shadow: var(--nile-toast-color-box-black);\n  }\n\n  .alert--black .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-black);\n  }\n\n  .alert__message {\n    flex: 1 1 auto;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    line-height: 20px;\n    color: black;\n    gap:3px;\n  }\n\n  .alert__message--title {\n    font-weight: 600;\n    color:#344054;\n  }\n\n  .alert__message--content {\n    font-weight:400;\n    color:#475467;\n  }\n\n  .alert__message--content-only {\n    margin-top: 3px;\n  }\n\n  .alert__close-button {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .alert__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 4px;\n  }\n\n  .alert__tag {\n    height: 24px;\n    display: flex;\n    border-radius: 4px;\n    border: 1px solid #e5e9eb;\n    background: var(--nile-colors-white-base);\n  }\n\n  .alert__tag-content {\n    border-left: 1px solid #e5e9eb;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 6px;\n\n    color: var(--nile-colors-dark-900);\n    font-family: var\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n  }\n\n  .alert__tag-image {\n    height: 24px;\n    width: 24px;\n    border-radius: 4px 0 0 4px;\n  }\n\n  .alert__prefix-img {\n    height: 24px;\n    border-radius: 4px;\n  }\n\n  .alert--no-content{\n    align-items:center ;\n  }\n\n  [hidden] {\n    display: none;\n  }\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: contents;\n\n    /* For better DX, we'll reset the margin here so the base part can inherit it */\n    margin: 0;\n  }\n\n  .alert {\n    max-width: 100%;\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    border: solid 2px 2px;\n    border-radius: 8px;\n    margin: inherit;\n    padding: 16px;\n    gap: 16px;\n    width: max-content;\n    min-width: 400px;\n  }\n\n  .alert:not(.alert--has-icon) .alert__icon,\n  .alert:not(.alert--closable) .alert__close-button {\n    display: none;\n  }\n\n  .alert__prefix-icon-container {\n    background-color: red;\n    border-radius: 4px;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .alert__icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 10px;\n  }\n\n  .alert--success {\n    border: 1px solid var(--nile-toast-color-border-success);\n    background: var(--nile-toast-color-background-success);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--success .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-success);\n  }\n\n  .alert--info {\n    border: 1px solid var(--nile-toast-color-border-info);\n    background: var(--nile-toast-color-background-info);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--info .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-info);\n  }\n\n  .alert--warning {\n    border: 1px solid var(--nile-toast-color-border-warning);\n    background: var(--nile-toast-color-background-warning);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--warning .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-warning);\n  }\n\n  .alert--error {\n    border: 1px solid var(--nile-toast-color-border-error);\n    background: var(--nile-toast-color-background-error);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--error .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-error);\n  }\n\n  .alert--gray {\n    border: 1px solid var(--nile-toast-color-border-gray);\n    background: var(--nile-toast-color-background-gray);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--gray .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-gray);\n  }\n\n  .alert--black {\n    border: 1px solid var(--nile-toast-color-border-black);\n    background: var(--nile-toast-color-background-black);\n    box-shadow: var(--nile-toast-color-box-black);\n  }\n\n  .alert--black .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-black);\n  }\n\n  .alert__message {\n    flex: 1 1 auto;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    line-height: 20px;\n    color: black;\n    gap:3px;\n  }\n\n  .alert__message--title {\n    font-weight: 600;\n    color:#344054;\n  }\n\n  .alert__message--content {\n    font-weight:400;\n    color:#475467;\n  }\n\n  .alert__message--content-only {\n    margin-top: 3px;\n  }\n\n  .alert__close-button {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .alert__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 4px;\n  }\n\n  .alert__tag {\n    height: 24px;\n    display: flex;\n    border-radius: 4px;\n    border: 1px solid #e5e9eb;\n    background: var(--nile-colors-white-base);\n  }\n\n  .alert__tag-content {\n    border-left: 1px solid #e5e9eb;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 6px;\n\n    color: var(--nile-colors-dark-900);\n    font-family:  var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n  }\n\n  .alert__tag-image {\n    height: 24px;\n    width: 24px;\n    border-radius: 4px 0 0 4px;\n  }\n\n  .alert__prefix-img {\n    height: 24px;\n    border-radius: 4px;\n  }\n\n  .alert--no-content{\n    align-items:center ;\n  }\n\n  [hidden] {\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-toast.css.cjs.js.map