@aquera/nile-elements 0.1.40-beta-2.3 → 0.1.40-beta-2.5

package/dist/nile-loader/nile-loader.cjs.js

@@ -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","lit","lit/decorators.js","./nile-loader.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var i,t,s,e,r,o,n,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,h;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.LitElement;s=_lit.html;e=_lit.nothing;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileLoaderCssCjsJs){n=_nileLoaderCssCjsJs.s;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",h=/*#__PURE__*/function(_t){function h(){var _this;_classCallCheck(this,h);_this=_callSuper(this,h,arguments),_this.propHeight="",_this.propWidth="",_this.label="",_this.size="lg",_this.margin="",_this.variant="v1",_this.color="var(--nile-colors-primary-600)";return _this;}_inherits(h,_t);return _createClass(h,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(h,"connectedCallback",this,3)([]),this.setSvgDimensions(),"v1"==this.variant&&"var(--nile-colors-primary-600)"==this.color&&(this.color="var(--nile-colors-blue-500)");}},{key:"setSvgDimensions",value:function setSvgDimensions(){if(parseInt(this.propHeight)&&parseInt(this.propWidth))this.height=this.propHeight,this.width=this.propWidth;else switch(this.size){case"sm":this.height="32",this.width="32";break;case"md":this.height="48",this.width="48";break;case"lg":this.height="56",this.width="56";break;default:this.height="64",this.width="64";}}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div class=\"loader__container\" class=",">\n      <div class=",">","</div>\n      ","\n    </div>\n    "])),a({loader__container:!0,"loader__container--sm":"sm"==this.size,"loader__container--md":"md"==this.size,"loader__container--lg":"lg"==this.size,"loader__container--xl":"xl"==this.size}),a({svg__container:"v1"!==this.variant}),this.getVariant(),this.label?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"loader__label\">","</div>"])),this.label):e);}},{key:"getVariant",value:function getVariant(){switch(this.variant){case"v1":default:return this.renderV1();case"v2":return this.renderV2();case"v3":return this.renderV3();}}},{key:"renderV1",value:function renderV1(){return s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div\n        style=\"width: ","px; \n          height: ","px; \n          background-size: ","px; \n          color: ",";\n          margin: ","\"\n        class=\"nile-loader__v1\"\n      ></div>\n    "])),this.width,this.height,this.width,this.color,this.margin);}},{key:"renderV2",value:function renderV2(){return s(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <svg\n        class=\"nile-loader__v2\"\n        width=\"","\"\n        height=\"","\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16Z\"\n            stroke=\"var(--nile-colors-dark-200)\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16\"\n            stroke=\"","\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    "])),this.width,this.height,this.color);}},{key:"renderV3",value:function renderV3(){return s(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <svg\n        class=\"nile-loader__v3\"\n        width=\"","\"\n        height=\"","\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16L30 16Z\"\n            stroke=\"white\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M6.10051 6.1005C7.66275 4.53826 9.57255 3.36793 11.6738 2.68521C13.775 2.00248 16.0079 1.82675 18.1901 2.17236C20.3722 2.51798 22.4416 3.37514 24.229 4.67376C26.0164 5.97238 27.4711 7.67559 28.4741 9.64414C29.4771 11.6127 30 13.7907 30 16C30 18.2093 29.4771 20.3873 28.4741 22.3559C27.4711 24.3244 26.0164 26.0276 24.229 27.3262C22.4416 28.6249 20.3722 29.482 18.1901 29.8276\"\n            stroke=\"","\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    "])),this.width,this.height,this.color);}}]);}(t));h.styles=n,i([r({type:String,attribute:"height"})],h.prototype,"propHeight",void 0),i([r({type:String,attribute:"width"})],h.prototype,"propWidth",void 0),i([r({type:String})],h.prototype,"label",void 0),i([r({type:String})],h.prototype,"size",void 0),i([r({type:String})],h.prototype,"margin",void 0),i([r({type:String})],h.prototype,"variant",void 0),i([r({type:String})],h.prototype,"color",void 0),_export("N",h=i([o("nile-loader")],h));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-loader.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var i,t,r,s,e,o,n,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.LitElement;r=_lit.html;s=_lit.nothing;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileLoaderCssCjsJs){n=_nileLoaderCssCjsJs.s;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_t){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.propHeight="",_this.propWidth="",_this.label="",_this.size="lg",_this.margin="",_this.variant="v1",_this.color="var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))";return _this;}_inherits(l,_t);return _createClass(l,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(l,"connectedCallback",this,3)([]),this.setSvgDimensions(),"v1"==this.variant&&"var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))"==this.color&&(this.color="var(--nile-colors-blue-500,var(--ng-colors-fg-brand-primary-600))");}},{key:"setSvgDimensions",value:function setSvgDimensions(){if(parseInt(this.propHeight)&&parseInt(this.propWidth))this.height=this.propHeight,this.width=this.propWidth;else switch(this.size){case"sm":this.height="32",this.width="32";break;case"md":this.height="48",this.width="48";break;case"lg":this.height="56",this.width="56";break;default:this.height="64",this.width="64";}}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div class=\"loader__container\" class=",">\n      <div class=",">","</div>\n      ","\n    </div>\n    "])),a({loader__container:!0,"loader__container--sm":"sm"==this.size,"loader__container--md":"md"==this.size,"loader__container--lg":"lg"==this.size,"loader__container--xl":"xl"==this.size}),a({svg__container:"v1"!==this.variant}),this.getVariant(),this.label?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"loader__label\">","</div>"])),this.label):s);}},{key:"getVariant",value:function getVariant(){switch(this.variant){case"v1":default:return this.renderV1();case"v2":return this.renderV2();case"v3":return this.renderV3();}}},{key:"renderV1",value:function renderV1(){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div\n        style=\"width: ","px; \n          height: ","px; \n          background-size: ","px; \n          color: ",";\n          margin: ","\"\n        class=\"nile-loader__v1\"\n      ></div>\n    "])),this.width,this.height,this.width,this.color,this.margin);}},{key:"renderV2",value:function renderV2(){return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <svg\n        class=\"nile-loader__v2\"\n        width=\"","\"\n        height=\"","\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16Z\"\n            stroke=\"var(--nile-colors-dark-200, var(--ng-colors-bg-tertiary))\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16\"\n            stroke=\"","\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    "])),this.width,this.height,this.color);}},{key:"renderV3",value:function renderV3(){return r(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <svg\n        class=\"nile-loader__v3\"\n        width=\"","\"\n        height=\"","\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16L30 16Z\"\n            stroke=\"white\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M6.10051 6.1005C7.66275 4.53826 9.57255 3.36793 11.6738 2.68521C13.775 2.00248 16.0079 1.82675 18.1901 2.17236C20.3722 2.51798 22.4416 3.37514 24.229 4.67376C26.0164 5.97238 27.4711 7.67559 28.4741 9.64414C29.4771 11.6127 30 13.7907 30 16C30 18.2093 29.4771 20.3873 28.4741 22.3559C27.4711 24.3244 26.0164 26.0276 24.229 27.3262C22.4416 28.6249 20.3722 29.482 18.1901 29.8276\"\n            stroke=\"","\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    "])),this.width,this.height,this.color);}}]);}(t));l.styles=n,i([e({type:String,attribute:"height"})],l.prototype,"propHeight",void 0),i([e({type:String,attribute:"width"})],l.prototype,"propWidth",void 0),i([e({type:String})],l.prototype,"label",void 0),i([e({type:String})],l.prototype,"size",void 0),i([e({type:String})],l.prototype,"margin",void 0),i([e({type:String})],l.prototype,"variant",void 0),i([e({type:String})],l.prototype,"color",void 0),_export("N",l=i([o("nile-loader")],l));}};});
 //# sourceMappingURL=nile-loader.cjs.js.map

package/dist/nile-loader/nile-loader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-loader.cjs.js","sources":["../../../src/nile-loader/nile-loader.ts"],"sourcesContent":["import { CSSResultGroup, css, nothing } from 'lit';\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport styles from './nile-loader.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { watch } from '../internal/watch';\n\n@customElement('nile-loader')\nexport class NileLoader extends LitElement {\n  @property({ type: String, attribute:'height' }) propHeight = '';\n  @property({ type: String, attribute:'width' }) propWidth = '';\n  @property({ type: String }) label = '';\n  @property({ type: String }) size : 'sm' | 'md' | 'lg' | 'xl'= 'lg';\n  @property({ type: String }) margin = '';\n  @property({ type: String }) variant = 'v1';\n  @property({ type: String }) color = 'var(--nile-colors-primary-600)';\n\n  private height: string;\n  private width: string;\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    this.setSvgDimensions()\n    if(this.variant==\"v1\" && this.color==\"var(--nile-colors-primary-600)\"){\n      this.color=\"var(--nile-colors-blue-500)\"\n    }\n  }\n\n  static override styles: CSSResultGroup = styles;\n\n  /**\n   * Sets circular loader's dimension.\n   * If either height or width is absent the dimensions defaults to dimension based on size variant\n   */\n  setSvgDimensions(){\n    if (!parseInt(this.propHeight) || !parseInt(this.propWidth)){\n      switch (this.size) {\n        case 'sm':\n          this.height='32';\n          this.width='32';\n          break;\n        case 'md':\n          this.height='48';\n          this.width='48';\n          break;\n        case 'lg':\n          this.height='56';\n          this.width='56';\n          break;\n        default:\n          this.height='64';\n          this.width='64';\n          break;\n      }\n    }\n    else{\n      this.height=this.propHeight;\n      this.width=this.propWidth;\n    }\n  }\n\n  override render(){\n    return html`\n    <div class=\"loader__container\" class=${classMap({\n      \"loader__container\":true,\n      \"loader__container--sm\":this.size=='sm',\n      \"loader__container--md\":this.size=='md',\n      \"loader__container--lg\":this.size=='lg',\n      \"loader__container--xl\":this.size=='xl'\n      })}>\n      <div class=${classMap({\"svg__container\":this.variant!=='v1'})}>${this.getVariant()}</div>\n      ${!this.label?nothing:\n        html`<div class=\"loader__label\">${this.label}</div>`\n      }\n    </div>\n    `\n  }\n\n  private getVariant(): TemplateResult {\n    switch (this.variant) {\n      case 'v1':\n        return this.renderV1();\n      case 'v2':\n        return this.renderV2();\n      case 'v3':\n        return this.renderV3();\n      default:\n        return this.renderV1();\n    }  \n  }\n  \n  private renderV1(): TemplateResult {\n    return html`\n      <div\n        style=\"width: ${this.width}px; \n          height: ${this.height}px; \n          background-size: ${this.width}px; \n          color: ${this.color};\n          margin: ${this.margin}\"\n        class=\"nile-loader__v1\"\n      ></div>\n    `;\n  }\n\n  private renderV2(): TemplateResult {\n    return html`\n      <svg\n        class=\"nile-loader__v2\"\n        width=\"${this.width}\"\n        height=\"${this.height}\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16Z\"\n            stroke=\"var(--nile-colors-dark-200)\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16\"\n            stroke=\"${this.color}\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    `;\n  }\n\n  private renderV3(): TemplateResult {\n    return html`\n      <svg\n        class=\"nile-loader__v3\"\n        width=\"${this.width}\"\n        height=\"${this.height}\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16L30 16Z\"\n            stroke=\"white\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M6.10051 6.1005C7.66275 4.53826 9.57255 3.36793 11.6738 2.68521C13.775 2.00248 16.0079 1.82675 18.1901 2.17236C20.3722 2.51798 22.4416 3.37514 24.229 4.67376C26.0164 5.97238 27.4711 7.67559 28.4741 9.64414C29.4771 11.6127 30 13.7907 30 16C30 18.2093 29.4771 20.3873 28.4741 22.3559C27.4711 24.3244 26.0164 26.0276 24.229 27.3262C22.4416 28.6249 20.3722 29.482 18.1901 29.8276\"\n            stroke=\"${this.color}\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    `;\n  }\n}\n"],"names":["NileLoader","h","constructor","this","propHeight","propWidth","label","size","margin","variant","color","_this","_inherits","_t","_createClass","key","value","connectedCallback","super","setSvgDimensions","parseInt","height","width","render","html","_templateObject","_taggedTemplateLiteral","classMap","loader__container","svg__container","getVariant","_templateObject2","nothing","renderV1","renderV2","renderV3","_templateObject3","_templateObject4","_templateObject5","LitElement","styles","__decorate","property","type","String","attribute","prototype","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-loader.cjs.js","sources":["../../../src/nile-loader/nile-loader.ts"],"sourcesContent":["import { CSSResultGroup, css, nothing } from 'lit';\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport styles from './nile-loader.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { watch } from '../internal/watch';\n\n@customElement('nile-loader')\nexport class NileLoader extends LitElement {\n  @property({ type: String, attribute:'height' }) propHeight = '';\n  @property({ type: String, attribute:'width' }) propWidth = '';\n  @property({ type: String }) label = '';\n  @property({ type: String }) size : 'sm' | 'md' | 'lg' | 'xl'= 'lg';\n  @property({ type: String }) margin = '';\n  @property({ type: String }) variant = 'v1';\n  @property({ type: String }) color = 'var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))';\n\n  private height: string;\n  private width: string;\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    this.setSvgDimensions()\n    if(this.variant==\"v1\" && this.color==\"var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))\"){\n      this.color=\"var(--nile-colors-blue-500,var(--ng-colors-fg-brand-primary-600))\"\n    }\n  }\n\n  static override styles: CSSResultGroup = styles;\n\n  /**\n   * Sets circular loader's dimension.\n   * If either height or width is absent the dimensions defaults to dimension based on size variant\n   */\n  setSvgDimensions(){\n    if (!parseInt(this.propHeight) || !parseInt(this.propWidth)){\n      switch (this.size) {\n        case 'sm':\n          this.height='32';\n          this.width='32';\n          break;\n        case 'md':\n          this.height='48';\n          this.width='48';\n          break;\n        case 'lg':\n          this.height='56';\n          this.width='56';\n          break;\n        default:\n          this.height='64';\n          this.width='64';\n          break;\n      }\n    }\n    else{\n      this.height=this.propHeight;\n      this.width=this.propWidth;\n    }\n  }\n\n  override render(){\n    return html`\n    <div class=\"loader__container\" class=${classMap({\n      \"loader__container\":true,\n      \"loader__container--sm\":this.size=='sm',\n      \"loader__container--md\":this.size=='md',\n      \"loader__container--lg\":this.size=='lg',\n      \"loader__container--xl\":this.size=='xl'\n      })}>\n      <div class=${classMap({\"svg__container\":this.variant!=='v1'})}>${this.getVariant()}</div>\n      ${!this.label?nothing:\n        html`<div class=\"loader__label\">${this.label}</div>`\n      }\n    </div>\n    `\n  }\n\n  private getVariant(): TemplateResult {\n    switch (this.variant) {\n      case 'v1':\n        return this.renderV1();\n      case 'v2':\n        return this.renderV2();\n      case 'v3':\n        return this.renderV3();\n      default:\n        return this.renderV1();\n    }  \n  }\n  \n  private renderV1(): TemplateResult {\n    return html`\n      <div\n        style=\"width: ${this.width}px; \n          height: ${this.height}px; \n          background-size: ${this.width}px; \n          color: ${this.color};\n          margin: ${this.margin}\"\n        class=\"nile-loader__v1\"\n      ></div>\n    `;\n  }\n\n  private renderV2(): TemplateResult {\n    return html`\n      <svg\n        class=\"nile-loader__v2\"\n        width=\"${this.width}\"\n        height=\"${this.height}\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16Z\"\n            stroke=\"var(--nile-colors-dark-200, var(--ng-colors-bg-tertiary))\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16\"\n            stroke=\"${this.color}\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    `;\n  }\n\n  private renderV3(): TemplateResult {\n    return html`\n      <svg\n        class=\"nile-loader__v3\"\n        width=\"${this.width}\"\n        height=\"${this.height}\"\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"Loading circle\">\n          <path\n            id=\"Background\"\n            d=\"M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16L30 16Z\"\n            stroke=\"white\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            id=\"Line\"\n            d=\"M6.10051 6.1005C7.66275 4.53826 9.57255 3.36793 11.6738 2.68521C13.775 2.00248 16.0079 1.82675 18.1901 2.17236C20.3722 2.51798 22.4416 3.37514 24.229 4.67376C26.0164 5.97238 27.4711 7.67559 28.4741 9.64414C29.4771 11.6127 30 13.7907 30 16C30 18.2093 29.4771 20.3873 28.4741 22.3559C27.4711 24.3244 26.0164 26.0276 24.229 27.3262C22.4416 28.6249 20.3722 29.482 18.1901 29.8276\"\n            stroke=\"${this.color}\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </g>\n      </svg>\n    `;\n  }\n}\n"],"names":["NileLoader","l","constructor","this","propHeight","propWidth","label","size","margin","variant","color","_this","_inherits","_t","_createClass","key","value","connectedCallback","super","setSvgDimensions","parseInt","height","width","render","html","_templateObject","_taggedTemplateLiteral","classMap","loader__container","svg__container","getVariant","_templateObject2","nothing","renderV1","renderV2","renderV3","_templateObject3","_templateObject4","_templateObject5","LitElement","styles","__decorate","property","type","String","attribute","prototype","customElement"],"mappings":"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"}

package/dist/nile-loader/nile-loader.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",a=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --loader-spacing: var(--nile-spacing-spacing-lg);\n    --loader-label-font-size: 14px;\n    --loader-label-line-height: 20px;\n  }\n\n  .loader__container {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--loader-spacing);\n  }\n\n  .loader__container--sm {}\n\n  .loader__container--md {}\n\n  .loader__container--lg {\n    --loader-label-font-size: 18px;\n    --loader-label-line-height: 28px;\n  }\n  \n  .loader__container--xl {\n    --loader-spacing: var(--nile-spacing-spacing-xl);\n    --loader-label-font-size: 18px;\n    --loader-label-line-height: 28px;\n  }\n\n  .svg__container {\n    display: flex;\n    position: relative;\n    transform: translate(50%, 50%);\n  }\n\n  .loader__label {\n    font-size: var(--loader-label-font-size);\n    line-height: var(--loader-label-line-height); \n    font-family: Inter;\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  .nile-loader__v1 {\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 1px solid currentColor;\n    border-right: 1px solid currentColor;\n    box-shadow: 0 1px 1px -1px currentColor;\n    box-sizing: border-box;\n    animation: rotation 0.5s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nile-loader__v2,\n  .nile-loader__v3 {\n    animation: spin 1.5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",n=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --loader-spacing: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    --loader-label-line-height: var(--nile-line-height-small,var(--ng-line-height-text-sm));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .loader__container {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--loader-spacing);\n  }\n\n  .loader__container--sm {}\n\n  .loader__container--md {}\n\n  .loader__container--lg {\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n  \n  .loader__container--xl {\n    --loader-spacing: var(--nile-spacing-xl,var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n\n  .svg__container {\n    display: flex;\n    position: relative;\n    transform: translate(50%, 50%);\n  }\n\n  .loader__label {\n    font-size: var(--loader-label-font-size);\n    line-height: var(--loader-label-line-height); \n    font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-500));\n  }\n\n  .nile-loader__v1 {\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 1px solid currentColor;\n    border-right: 1px solid currentColor;\n    box-shadow: 0 1px 1px -1px currentColor;\n    box-sizing: border-box;\n    animation: rotation 0.5s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nile-loader__v2,\n  .nile-loader__v3 {\n    animation: spin 1.5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-loader.css.cjs.js.map

package/dist/nile-loader/nile-loader.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-loader.css.cjs.js","sources":["../../../src/nile-loader/nile-loader.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --loader-spacing: var(--nile-spacing-spacing-lg);\n    --loader-label-font-size: 14px;\n    --loader-label-line-height: 20px;\n  }\n\n  .loader__container {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--loader-spacing);\n  }\n\n  .loader__container--sm {}\n\n  .loader__container--md {}\n\n  .loader__container--lg {\n    --loader-label-font-size: 18px;\n    --loader-label-line-height: 28px;\n  }\n  \n  .loader__container--xl {\n    --loader-spacing: var(--nile-spacing-spacing-xl);\n    --loader-label-font-size: 18px;\n    --loader-label-line-height: 28px;\n  }\n\n  .svg__container {\n    display: flex;\n    position: relative;\n    transform: translate(50%, 50%);\n  }\n\n  .loader__label {\n    font-size: var(--loader-label-font-size);\n    line-height: var(--loader-label-line-height); \n    font-family: Inter;\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  .nile-loader__v1 {\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 1px solid currentColor;\n    border-right: 1px solid currentColor;\n    box-shadow: 0 1px 1px -1px currentColor;\n    box-sizing: border-box;\n    animation: rotation 0.5s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nile-loader__v2,\n  .nile-loader__v3 {\n    animation: spin 1.5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-loader.css.cjs.js","sources":["../../../src/nile-loader/nile-loader.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --loader-spacing: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    --loader-label-line-height: var(--nile-line-height-small,var(--ng-line-height-text-sm));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .loader__container {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--loader-spacing);\n  }\n\n  .loader__container--sm {}\n\n  .loader__container--md {}\n\n  .loader__container--lg {\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n  \n  .loader__container--xl {\n    --loader-spacing: var(--nile-spacing-xl,var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n\n  .svg__container {\n    display: flex;\n    position: relative;\n    transform: translate(50%, 50%);\n  }\n\n  .loader__label {\n    font-size: var(--loader-label-font-size);\n    line-height: var(--loader-label-line-height); \n    font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-500));\n  }\n\n  .nile-loader__v1 {\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 1px solid currentColor;\n    border-right: 1px solid currentColor;\n    box-shadow: 0 1px 1px -1px currentColor;\n    box-sizing: border-box;\n    animation: rotation 0.5s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nile-loader__v2,\n  .nile-loader__v3 {\n    animation: spin 1.5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-loader/nile-loader.css.esm.js

@@ -1,8 +1,11 @@
-import{css as e}from"lit";var a=e`
+import{css as e}from"lit";var n=e`
   :host {
-    --loader-spacing: var(--nile-spacing-spacing-lg);
-    --loader-label-font-size: 14px;
-    --loader-label-line-height: 20px;
+    --loader-spacing: var(--nile-spacing-lg, var(--ng-spacing-xl));
+    --loader-label-font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));
+    --loader-label-line-height: var(--nile-line-height-small,var(--ng-line-height-text-sm));
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .loader__container {
@@ -17,14 +20,14 @@ import{css as e}from"lit";var a=e`
   .loader__container--md {}
 
   .loader__container--lg {
-    --loader-label-font-size: 18px;
-    --loader-label-line-height: 28px;
+    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));
+    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));
   }
   
   .loader__container--xl {
-    --loader-spacing: var(--nile-spacing-spacing-xl);
-    --loader-label-font-size: 18px;
-    --loader-label-line-height: 28px;
+    --loader-spacing: var(--nile-spacing-xl,var(--ng-spacing-xl));
+    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));
+    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));
   }
 
   .svg__container {
@@ -36,9 +39,9 @@ import{css as e}from"lit";var a=e`
   .loader__label {
     font-size: var(--loader-label-font-size);
     line-height: var(--loader-label-line-height); 
-    font-family: Inter;
+    font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);
     font-style: normal;
-    font-weight: 500;
+    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-500));
   }
 
   .nile-loader__v1 {
@@ -73,4 +76,4 @@ import{css as e}from"lit";var a=e`
       transform: translate(-50%, -50%) rotate(360deg);
     }
   }
-`;export{a as s};
+`;export{n as s};

package/dist/nile-loader/nile-loader.esm.js

@@ -1,9 +1,9 @@
-import{__decorate as i}from"tslib";import{LitElement as t,html as s,nothing as e}from"lit";import{property as r,customElement as o}from"lit/decorators.js";import{s as n}from"./nile-loader.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";let h=class extends t{constructor(){super(...arguments),this.propHeight="",this.propWidth="",this.label="",this.size="lg",this.margin="",this.variant="v1",this.color="var(--nile-colors-primary-600)"}connectedCallback(){super.connectedCallback(),this.setSvgDimensions(),"v1"==this.variant&&"var(--nile-colors-primary-600)"==this.color&&(this.color="var(--nile-colors-blue-500)")}setSvgDimensions(){if(parseInt(this.propHeight)&&parseInt(this.propWidth))this.height=this.propHeight,this.width=this.propWidth;else switch(this.size){case"sm":this.height="32",this.width="32";break;case"md":this.height="48",this.width="48";break;case"lg":this.height="56",this.width="56";break;default:this.height="64",this.width="64"}}render(){return s`
+import{__decorate as i}from"tslib";import{LitElement as t,html as r,nothing as s}from"lit";import{property as e,customElement as o}from"lit/decorators.js";import{s as n}from"./nile-loader.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";let l=class extends t{constructor(){super(...arguments),this.propHeight="",this.propWidth="",this.label="",this.size="lg",this.margin="",this.variant="v1",this.color="var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))"}connectedCallback(){super.connectedCallback(),this.setSvgDimensions(),"v1"==this.variant&&"var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))"==this.color&&(this.color="var(--nile-colors-blue-500,var(--ng-colors-fg-brand-primary-600))")}setSvgDimensions(){if(parseInt(this.propHeight)&&parseInt(this.propWidth))this.height=this.propHeight,this.width=this.propWidth;else switch(this.size){case"sm":this.height="32",this.width="32";break;case"md":this.height="48",this.width="48";break;case"lg":this.height="56",this.width="56";break;default:this.height="64",this.width="64"}}render(){return r`
     <div class="loader__container" class=${a({loader__container:!0,"loader__container--sm":"sm"==this.size,"loader__container--md":"md"==this.size,"loader__container--lg":"lg"==this.size,"loader__container--xl":"xl"==this.size})}>
       <div class=${a({svg__container:"v1"!==this.variant})}>${this.getVariant()}</div>
-      ${this.label?s`<div class="loader__label">${this.label}</div>`:e}
+      ${this.label?r`<div class="loader__label">${this.label}</div>`:s}
     </div>
-    `}getVariant(){switch(this.variant){case"v1":default:return this.renderV1();case"v2":return this.renderV2();case"v3":return this.renderV3()}}renderV1(){return s`
+    `}getVariant(){switch(this.variant){case"v1":default:return this.renderV1();case"v2":return this.renderV2();case"v3":return this.renderV3()}}renderV1(){return r`
       <div
         style="width: ${this.width}px; 
           height: ${this.height}px; 
@@ -12,7 +12,7 @@ import{__decorate as i}from"tslib";import{LitElement as t,html as s,nothing as e
           margin: ${this.margin}"
         class="nile-loader__v1"
       ></div>
-    `}renderV2(){return s`
+    `}renderV2(){return r`
       <svg
         class="nile-loader__v2"
         width="${this.width}"
@@ -25,7 +25,7 @@ import{__decorate as i}from"tslib";import{LitElement as t,html as s,nothing as e
           <path
             id="Background"
             d="M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16Z"
-            stroke="var(--nile-colors-dark-200)"
+            stroke="var(--nile-colors-dark-200, var(--ng-colors-bg-tertiary))"
             stroke-width="4"
             stroke-linecap="round"
             stroke-linejoin="round"
@@ -40,7 +40,7 @@ import{__decorate as i}from"tslib";import{LitElement as t,html as s,nothing as e
           />
         </g>
       </svg>
-    `}renderV3(){return s`
+    `}renderV3(){return r`
       <svg
         class="nile-loader__v3"
         width="${this.width}"
@@ -68,4 +68,4 @@ import{__decorate as i}from"tslib";import{LitElement as t,html as s,nothing as e
           />
         </g>
       </svg>
-    `}};h.styles=n,i([r({type:String,attribute:"height"})],h.prototype,"propHeight",void 0),i([r({type:String,attribute:"width"})],h.prototype,"propWidth",void 0),i([r({type:String})],h.prototype,"label",void 0),i([r({type:String})],h.prototype,"size",void 0),i([r({type:String})],h.prototype,"margin",void 0),i([r({type:String})],h.prototype,"variant",void 0),i([r({type:String})],h.prototype,"color",void 0),h=i([o("nile-loader")],h);export{h as N};
+    `}};l.styles=n,i([e({type:String,attribute:"height"})],l.prototype,"propHeight",void 0),i([e({type:String,attribute:"width"})],l.prototype,"propWidth",void 0),i([e({type:String})],l.prototype,"label",void 0),i([e({type:String})],l.prototype,"size",void 0),i([e({type:String})],l.prototype,"margin",void 0),i([e({type:String})],l.prototype,"variant",void 0),i([e({type:String})],l.prototype,"color",void 0),l=i([o("nile-loader")],l);export{l as N};

package/dist/nile-loader/nile-loader.test.cjs.js

@@ -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-161dee0b.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-loader.cjs.js","tslib","lit/decorators.js","./nile-loader.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var i,a,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture001CjsJs){i=_fixture001CjsJs.f;a=_fixture001CjsJs.a;},function(_litStaticHtmlJs){},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){e=_lit.html;},function(_litDirectivesUnsafeHtmlJs){},function(_nileLoaderCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_nileLoaderCssCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){describe("NileLoader",function(){it('should default to size "lg" if no size is provided',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var l;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return i(e(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-loader></nile-loader>"]))));case 2:l=_context2.sent;a(l.size).to.equal("lg");case 4:case"end":return _context2.stop();}},_callee);}))),it("should apply size classes correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return["sm","md","lg"].forEach(/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(l){var r;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return i(e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-loader size=\"","\"></nile-loader>"])),l));case 2:r=_context3.sent.shadowRoot.querySelector(".loader__container");a(r.classList.contains("loader__container--".concat(l))).to.be["true"];case 4:case"end":return _context3.stop();}},_callee2);}));return function(_x){return _ref3.apply(this,arguments);};}());case 2:case"end":return _context4.stop();}},_callee3);}))),it('should have a default variant of "v1"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var l;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return i(e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-loader></nile-loader>"]))));case 2:l=_context5.sent.shadowRoot.querySelector(".nile-loader__v1");a(l).to.exist;case 4:case"end":return _context5.stop();}},_callee4);}))),it("should render the correct variant",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var l;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return i(e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-loader variant=\"v2\"></nile-loader>"]))));case 2:l=_context6.sent.shadowRoot.querySelector(".nile-loader__v2");a(l).to.exist;case 4:case"end":return _context6.stop();}},_callee5);}))),it("should display label if provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var l;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return i(e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-loader label=\"Loading...\"></nile-loader>"]))));case 2:l=_context7.sent.shadowRoot.querySelector(".loader__label");a(l).to.exist,a(l===null||l===void 0?void 0:l.textContent).to.equal("Loading...");case 4:case"end":return _context7.stop();}},_callee6);}))),it("should handle margin property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var l;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return i(e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-loader margin=\"10px\"></nile-loader>"]))));case 2:l=_context8.sent.shadowRoot.querySelector(".nile-loader__v1");a(l===null||l===void 0?void 0:l.getAttribute("style")).to.contain("margin: 10px");case 4:case"end":return _context8.stop();}},_callee7);}))),it("should render the v3 variant",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var l;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return i(e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-loader variant=\"v3\"></nile-loader>"]))));case 2:l=_context9.sent.shadowRoot.querySelector(".nile-loader__v3");a(l).to.exist;case 4:case"end":return _context9.stop();}},_callee8);})));});}};});
+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-3bfb4490.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-loader.cjs.js","tslib","lit/decorators.js","./nile-loader.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var i,a,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture002CjsJs){i=_fixture002CjsJs.f;a=_fixture002CjsJs.a;},function(_litStaticHtmlJs){},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){e=_lit.html;},function(_litDirectivesUnsafeHtmlJs){},function(_nileLoaderCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_nileLoaderCssCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){describe("NileLoader",function(){it('should default to size "lg" if no size is provided',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var l;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return i(e(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-loader></nile-loader>"]))));case 2:l=_context2.sent;a(l.size).to.equal("lg");case 4:case"end":return _context2.stop();}},_callee);}))),it("should apply size classes correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return["sm","md","lg"].forEach(/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(l){var r;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return i(e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-loader size=\"","\"></nile-loader>"])),l));case 2:r=_context3.sent.shadowRoot.querySelector(".loader__container");a(r.classList.contains("loader__container--".concat(l))).to.be["true"];case 4:case"end":return _context3.stop();}},_callee2);}));return function(_x){return _ref3.apply(this,arguments);};}());case 2:case"end":return _context4.stop();}},_callee3);}))),it('should have a default variant of "v1"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var l;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return i(e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-loader></nile-loader>"]))));case 2:l=_context5.sent.shadowRoot.querySelector(".nile-loader__v1");a(l).to.exist;case 4:case"end":return _context5.stop();}},_callee4);}))),it("should render the correct variant",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var l;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return i(e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-loader variant=\"v2\"></nile-loader>"]))));case 2:l=_context6.sent.shadowRoot.querySelector(".nile-loader__v2");a(l).to.exist;case 4:case"end":return _context6.stop();}},_callee5);}))),it("should display label if provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var l;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return i(e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-loader label=\"Loading...\"></nile-loader>"]))));case 2:l=_context7.sent.shadowRoot.querySelector(".loader__label");a(l).to.exist,a(l===null||l===void 0?void 0:l.textContent).to.equal("Loading...");case 4:case"end":return _context7.stop();}},_callee6);}))),it("should handle margin property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var l;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return i(e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-loader margin=\"10px\"></nile-loader>"]))));case 2:l=_context8.sent.shadowRoot.querySelector(".nile-loader__v1");a(l===null||l===void 0?void 0:l.getAttribute("style")).to.contain("margin: 10px");case 4:case"end":return _context8.stop();}},_callee7);}))),it("should render the v3 variant",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var l;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return i(e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-loader variant=\"v3\"></nile-loader>"]))));case 2:l=_context9.sent.shadowRoot.querySelector(".nile-loader__v3");a(l).to.exist;case 4:case"end":return _context9.stop();}},_callee8);})));});}};});
 //# sourceMappingURL=nile-loader.test.cjs.js.map

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

@@ -1 +1 @@
-import{f as e,a as i}from"../fixture-372df3b0.esm.js";import"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import{html as a}from"lit";import"lit/directives/unsafe-html.js";import"./nile-loader.esm.js";import"tslib";import"lit/decorators.js";import"./nile-loader.css.esm.js";import"lit/directives/class-map.js";describe("NileLoader",(()=>{it('should default to size "lg" if no size is provided',(async()=>{const l=await e(a`<nile-loader></nile-loader>`);i(l.size).to.equal("lg")})),it("should apply size classes correctly",(async()=>{await["sm","md","lg"].forEach((async l=>{const r=(await e(a`<nile-loader size="${l}"></nile-loader>`)).shadowRoot.querySelector(".loader__container");i(r.classList.contains(`loader__container--${l}`)).to.be.true}))})),it('should have a default variant of "v1"',(async()=>{const l=(await e(a`<nile-loader></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v1");i(l).to.exist})),it("should render the correct variant",(async()=>{const l=(await e(a`<nile-loader variant="v2"></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v2");i(l).to.exist})),it("should display label if provided",(async()=>{const l=(await e(a`<nile-loader label="Loading..."></nile-loader>`)).shadowRoot.querySelector(".loader__label");i(l).to.exist,i(l?.textContent).to.equal("Loading...")})),it("should handle margin property",(async()=>{const l=(await e(a`<nile-loader margin="10px"></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v1");i(l?.getAttribute("style")).to.contain("margin: 10px")})),it("should render the v3 variant",(async()=>{const l=(await e(a`<nile-loader variant="v3"></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v3");i(l).to.exist}))}));
+import{f as e,a as i}from"../fixture-8edec91c.esm.js";import"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import{html as a}from"lit";import"lit/directives/unsafe-html.js";import"./nile-loader.esm.js";import"tslib";import"lit/decorators.js";import"./nile-loader.css.esm.js";import"lit/directives/class-map.js";describe("NileLoader",(()=>{it('should default to size "lg" if no size is provided',(async()=>{const l=await e(a`<nile-loader></nile-loader>`);i(l.size).to.equal("lg")})),it("should apply size classes correctly",(async()=>{await["sm","md","lg"].forEach((async l=>{const r=(await e(a`<nile-loader size="${l}"></nile-loader>`)).shadowRoot.querySelector(".loader__container");i(r.classList.contains(`loader__container--${l}`)).to.be.true}))})),it('should have a default variant of "v1"',(async()=>{const l=(await e(a`<nile-loader></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v1");i(l).to.exist})),it("should render the correct variant",(async()=>{const l=(await e(a`<nile-loader variant="v2"></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v2");i(l).to.exist})),it("should display label if provided",(async()=>{const l=(await e(a`<nile-loader label="Loading..."></nile-loader>`)).shadowRoot.querySelector(".loader__label");i(l).to.exist,i(l?.textContent).to.equal("Loading...")})),it("should handle margin property",(async()=>{const l=(await e(a`<nile-loader margin="10px"></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v1");i(l?.getAttribute("style")).to.contain("margin: 10px")})),it("should render the v3 variant",(async()=>{const l=(await e(a`<nile-loader variant="v3"></nile-loader>`)).shadowRoot.querySelector(".nile-loader__v3");i(l).to.exist}))}));

package/dist/nile-menu/nile-menu.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    position: relative;\n    background: hsl(0, 0%, 100%);\n    border: solid 1px hsl(240 5.9% 90%);\n    border-radius: 6px;\n    overflow: hidden;\n    height: 100%;\n    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n      0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n    /* overscroll-behavior: none; */\n    /* -ms-overflow-style: none; */\n    /* scrollbar-width: none; */\n  }\n\n  .search__wrapper {\n    box-sizing: border-box;\n    padding: 12px 6px;\n    position: sticky;\n    z-index: 999;\n    top: 0px;\n    background: hsl(0, 0%, 100%);\n    height: 64px;\n  }\n\n  .menu__items-wrapper {\n    overflow: auto;\n    max-height: calc(100vh - 64px);\n  }\n\n  ::slotted(nile-divider) {\n    --spacing: 0.5rem;\n  }\n\n  .menu__footer {\n    display: flex;\n    border-radius: var(--nile-radius-radius-sm);\n    align-items: stretch;\n    font-size: 1rem;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: 180%;\n    letter-spacing: normal;\n    color: var(--nile-colors-primary-600);\n    min-height: 40px;\n    transition: 150ms fill;\n    user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n    padding: 0 var(--nile-spacing-spacing-xl);\n    margin: auto 0;\n  }\n\n  .menu__footer:hover {\n    background-color:var(--nile-menu-item-background-color);\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",n=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    position: relative;\n    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-dark-200,var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm,var(--ng-radius-md));\n    overflow: hidden;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    height: 100%;\n    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n      0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n    /* overscroll-behavior: none; */\n    /* -ms-overflow-style: none; */\n    /* scrollbar-width: none; */\n  }\n\n  .search__wrapper {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));\n    position: sticky;\n    z-index: 999;\n    top: 0px;\n    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    height: 64px;\n  }\n\n  .menu__items-wrapper {\n    overflow: auto;\n    max-height: calc(100vh - 64px);\n  }\n\n  ::slotted(nile-divider) {\n    --spacing: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .menu__footer {\n    display: var(--nile-display-flex, var(--ng-display-none)); \n    /* No need to tokenize below - token not required*/\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n    align-items: stretch;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: 180%;\n    letter-spacing: normal;\n    color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));\n    min-height: 40px;\n    transition: 150ms fill;\n    user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n    padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);\n    margin: auto var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .menu__footer:hover {\n    background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));\n  }\n"]))));}};});
 //# sourceMappingURL=nile-menu.css.cjs.js.map

package/dist/nile-menu/nile-menu.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-menu.css.cjs.js","sources":["../../../src/nile-menu/nile-menu.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Menu CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    position: relative;\n    background: hsl(0, 0%, 100%);\n    border: solid 1px hsl(240 5.9% 90%);\n    border-radius: 6px;\n    overflow: hidden;\n    height: 100%;\n    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n      0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n    /* overscroll-behavior: none; */\n    /* -ms-overflow-style: none; */\n    /* scrollbar-width: none; */\n  }\n\n  .search__wrapper {\n    box-sizing: border-box;\n    padding: 12px 6px;\n    position: sticky;\n    z-index: 999;\n    top: 0px;\n    background: hsl(0, 0%, 100%);\n    height: 64px;\n  }\n\n  .menu__items-wrapper {\n    overflow: auto;\n    max-height: calc(100vh - 64px);\n  }\n\n  ::slotted(nile-divider) {\n    --spacing: 0.5rem;\n  }\n\n  .menu__footer {\n    display: flex;\n    border-radius: var(--nile-radius-radius-sm);\n    align-items: stretch;\n    font-size: 1rem;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: 180%;\n    letter-spacing: normal;\n    color: var(--nile-colors-primary-600);\n    min-height: 40px;\n    transition: 150ms fill;\n    user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n    padding: 0 var(--nile-spacing-spacing-xl);\n    margin: auto 0;\n  }\n\n  .menu__footer:hover {\n    background-color:var(--nile-menu-item-background-color);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-menu.css.cjs.js","sources":["../../../src/nile-menu/nile-menu.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Menu CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    position: relative;\n    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-dark-200,var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm,var(--ng-radius-md));\n    overflow: hidden;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    height: 100%;\n    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n      0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n    /* overscroll-behavior: none; */\n    /* -ms-overflow-style: none; */\n    /* scrollbar-width: none; */\n  }\n\n  .search__wrapper {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));\n    position: sticky;\n    z-index: 999;\n    top: 0px;\n    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    height: 64px;\n  }\n\n  .menu__items-wrapper {\n    overflow: auto;\n    max-height: calc(100vh - 64px);\n  }\n\n  ::slotted(nile-divider) {\n    --spacing: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .menu__footer {\n    display: var(--nile-display-flex, var(--ng-display-none)); \n    /* No need to tokenize below - token not required*/\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n    align-items: stretch;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: 180%;\n    letter-spacing: normal;\n    color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));\n    min-height: 40px;\n    transition: 150ms fill;\n    user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n    padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);\n    margin: auto var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .menu__footer:hover {\n    background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-menu/nile-menu.css.esm.js

@@ -1,11 +1,14 @@
-import{css as r}from"lit";const e=r`
+import{css as r}from"lit";const n=r`
   :host {
     display: block;
     position: relative;
-    background: hsl(0, 0%, 100%);
-    border: solid 1px hsl(240 5.9% 90%);
-    border-radius: 6px;
+    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
+    border: solid 1px var(--nile-colors-dark-200,var(--ng-colors-border-secondary-alt));
+    border-radius: var(--nile-radius-sm,var(--ng-radius-md));
     overflow: hidden;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
     height: 100%;
     box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
       0px 8px 8px -4px rgba(16, 24, 40, 0.03);
@@ -16,11 +19,11 @@ import{css as r}from"lit";const e=r`
 
   .search__wrapper {
     box-sizing: border-box;
-    padding: 12px 6px;
+    padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));
     position: sticky;
     z-index: 999;
     top: 0px;
-    background: hsl(0, 0%, 100%);
+    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
     height: 64px;
   }
 
@@ -30,28 +33,29 @@ import{css as r}from"lit";const e=r`
   }
 
   ::slotted(nile-divider) {
-    --spacing: 0.5rem;
+    --spacing: var(--nile-spacing-md, var(--ng-spacing-md));
   }
 
   .menu__footer {
-    display: flex;
-    border-radius: var(--nile-radius-radius-sm);
+    display: var(--nile-display-flex, var(--ng-display-none)); 
+    /* No need to tokenize below - token not required*/
+    border-radius: var(--nile-radius-sm, var(--ng-radius-xs));
     align-items: stretch;
-    font-size: 1rem;
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: 180%;
     letter-spacing: normal;
-    color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));
     min-height: 40px;
     transition: 150ms fill;
     user-select: none;
     white-space: nowrap;
     cursor: pointer;
-    padding: 0 var(--nile-spacing-spacing-xl);
-    margin: auto 0;
+    padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);
+    margin: auto var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   .menu__footer:hover {
-    background-color:var(--nile-menu-item-background-color);
+    background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));
   }
-`;export{e as s};
+`;export{n as s};