@aquera/nile-elements 0.0.64 → 0.0.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/README.md +8 -0
  2. package/dist/index.iife.js +73 -98
  3. package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
  4. package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
  5. package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
  6. package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
  7. package/dist/nile-avatar/nile-avatar.css.esm.js +15 -25
  8. package/dist/nile-avatar/nile-avatar.esm.js +5 -5
  9. package/dist/nile-card/nile-card.cjs.js +1 -1
  10. package/dist/nile-card/nile-card.cjs.js.map +1 -1
  11. package/dist/nile-card/nile-card.css.cjs.js +1 -1
  12. package/dist/nile-card/nile-card.css.cjs.js.map +1 -1
  13. package/dist/nile-card/nile-card.css.esm.js +3 -14
  14. package/dist/nile-card/nile-card.esm.js +2 -1
  15. package/dist/nile-table-body/nile-table-body.css.cjs.js +1 -1
  16. package/dist/nile-table-body/nile-table-body.css.cjs.js.map +1 -1
  17. package/dist/nile-table-body/nile-table-body.css.esm.js +7 -12
  18. package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js +1 -1
  19. package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js.map +1 -1
  20. package/dist/nile-table-cell-item/nile-table-cell-item.css.esm.js +8 -13
  21. package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
  22. package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
  23. package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +9 -10
  24. package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
  25. package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
  26. package/dist/nile-table-row/nile-table-row.css.esm.js +8 -2
  27. package/dist/src/nile-avatar/nile-avatar.css.js +13 -23
  28. package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
  29. package/dist/src/nile-avatar/nile-avatar.d.ts +2 -2
  30. package/dist/src/nile-avatar/nile-avatar.js +12 -13
  31. package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
  32. package/dist/src/nile-card/nile-card.css.js +3 -14
  33. package/dist/src/nile-card/nile-card.css.js.map +1 -1
  34. package/dist/src/nile-card/nile-card.js +2 -1
  35. package/dist/src/nile-card/nile-card.js.map +1 -1
  36. package/dist/src/nile-table-body/nile-table-body.css.js +5 -10
  37. package/dist/src/nile-table-body/nile-table-body.css.js.map +1 -1
  38. package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js +8 -13
  39. package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map +1 -1
  40. package/dist/src/nile-table-header-item/nile-table-header-item.css.js +7 -8
  41. package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
  42. package/dist/src/nile-table-row/nile-table-row.css.js +8 -2
  43. package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
  44. package/dist/tsconfig.tsbuildinfo +1 -1
  45. package/package.json +1 -1
  46. package/src/nile-avatar/nile-avatar.css.ts +13 -23
  47. package/src/nile-avatar/nile-avatar.ts +15 -13
  48. package/src/nile-card/nile-card.css.ts +3 -14
  49. package/src/nile-card/nile-card.ts +2 -1
  50. package/src/nile-table-body/nile-table-body.css.ts +5 -10
  51. package/src/nile-table-cell-item/nile-table-cell-item.css.ts +8 -13
  52. package/src/nile-table-header-item/nile-table-header-item.css.ts +7 -8
  53. package/src/nile-table-row/nile-table-row.css.ts +8 -2
@@ -1,2 +1,2 @@
1
- function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-7e13aee2.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,r,a,e,i,s,o,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){a=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){s=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.src="",_this.name="",_this.color="",_this.textColor="#fff",_this.borderColor="transparent",_this.size="medium",_this.isRounded=!1,_this.isDefaultAvatar=!0,_this.defaultAvatarContent=r(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));return _this;}_inherits(n,_o);return _createClass(n,[{key:"generateInitials",value:function generateInitials(t){if(!t)return"";var r=t.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return r.length>1?r[0]+r[1]:r[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var r=t.charCodeAt(0),a=1==t.length?r:t.charCodeAt(1);return(r*a+r%23+a%23)%5;}},{key:"handleImageError",value:function handleImageError(t){var a=this.generateInitials(this.name),e=this.generateVariantCode(a);this.defaultAvatarContent=r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div\n class=","\n style=\"background-color: ","; border-color: ","; color:","\"\n >\n ","\n </div>"])),i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__rounded:this.isRounded,variant__yellow:0===e&&!this.color,variant__blue:1===e&&!this.color,variant__red:2===e&&!this.color,variant__green:3===e&&!this.color,variant__neutral:4===e&&!this.color}),this.color,this.borderColor,this.textColor,a||r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>"])))),this.isDefaultAvatar=!1;}},{key:"render",value:function render(){return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n "])),this.isDefaultAvatar?r(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <img\n src=\"","\"\n class=\"avatar\"\n class=","\n style=\"\tbackground-image: url(","), linear-gradient(lightgray, lightgray);\"\n @error=\"","\"\n />"])),this.src,i({avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__rounded:this.isRounded}),this.src,this.handleImageError):r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["",""])),this.defaultAvatarContent));}}],[{key:"styles",get:function get(){return[s];}}]);}(o));t([l({type:String,reflect:!0})],n.prototype,"src",void 0),t([l({type:String,reflect:!0})],n.prototype,"name",void 0),t([l({type:String,reflect:!0})],n.prototype,"color",void 0),t([l({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([l({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([l({reflect:!0})],n.prototype,"size",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([a()],n.prototype,"isDefaultAvatar",void 0),t([a()],n.prototype,"defaultAvatarContent",void 0),_export("N",n=t([e("nile-avatar")],n));}};});
1
+ function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-7e13aee2.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,r,a,e,i,s,o,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){a=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){s=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.src="",_this.name="",_this.bgColor="",_this.textColor="#fff",_this.borderColor="rgba(0, 0, 0, 0.08)",_this.size="medium",_this.isRounded=!1,_this.isDefaultAvatar=!0,_this.defaultAvatarContent=r(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));return _this;}_inherits(n,_o);return _createClass(n,[{key:"generateInitials",value:function generateInitials(t){if(!t)return"";var r=t.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return r.length>1?r[0]+r[1]:r[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var r=t.charCodeAt(0),a=1==t.length?r:t.charCodeAt(1);return(r*a+r%23+a%23)%5;}},{key:"handleImageError",value:function handleImageError(t){var a=this.generateInitials(this.name),e=this.generateVariantCode(a);this.defaultAvatarContent=r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div\n class=","\n style=\"background-color: ",";color:",";border-color:","\"\n >\n ","\n </div>"])),i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__rounded:this.isRounded,variant__orange:0===e&&!this.bgColor,variant__pink:1===e&&!this.bgColor,variant__blue:2===e&&!this.bgColor,variant__light_blue:3===e&&!this.bgColor,variant__green:4===e&&!this.bgColor}),this.bgColor,this.textColor,this.borderColor,a||r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>"])))),this.isDefaultAvatar=!1;}},{key:"render",value:function render(){return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n "])),this.isDefaultAvatar?r(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <img\n src=\"","\"\n class=\"avatar\"\n class=","\n style=\"\tbackground-image: url(","), linear-gradient(lightgray, lightgray);\"\n @error=\"","\"\n />"])),this.src,i({avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__rounded:this.isRounded}),this.src,this.handleImageError):r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["",""])),this.defaultAvatarContent));}}],[{key:"styles",get:function get(){return[s];}}]);}(o));t([l({type:String,reflect:!0})],n.prototype,"src",void 0),t([l({type:String,reflect:!0})],n.prototype,"name",void 0),t([l({type:String,reflect:!0,attribute:"bg-color"})],n.prototype,"bgColor",void 0),t([l({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([l({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([l({reflect:!0})],n.prototype,"size",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([a()],n.prototype,"isDefaultAvatar",void 0),t([a()],n.prototype,"defaultAvatarContent",void 0),_export("N",n=t([e("nile-avatar")],n));}};});
2
2
  //# sourceMappingURL=nile-avatar.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-avatar.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './nile-avatar.css';\nimport NileElement from '../internal/nile-element';\nimport { string } from '../nile-icon/icons/svg';\n\n/**\n * Nile icon component.\n *\n * @tag nile-avatar\n *\n */\n@customElement('nile-avatar')\nexport class NileAvatar extends NileElement {\n /**\n * The styles for Avatar\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** Gives the url to the Avatar */\n @property({ type: String, reflect: true }) src = '';\n\n /** Gives the default Image Letters to the Avatar */\n @property({ type: String, reflect: true }) name = '';\n\n /** Gives the default bg color to the Avatar */\n @property({ type: String, reflect: true }) color = '';\n\n /** Gives the default text color to the Avatar */\n @property({ type: String, reflect: true ,attribute:'text-color' }) textColor = '#fff';\n\n /** Gives the default bg color to the Avatar */\n @property({ type: String, reflect: true ,attribute:'border-color'}) borderColor = 'transparent';\n\n /** Size of the Avatar */\n @property({ reflect: true }) size:\n | 'small'\n | 'medium'\n | 'large'\n | 'extralarge' = 'medium';\n\n /** Gives a border radius of 50% to the Avatar */\n @property({ type: Boolean, reflect: true }) isRounded = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n @state() private isDefaultAvatar = true;\n\n @state() private defaultAvatarContent = html``;\n\n private generateInitials(name: String): string {\n if (!name) {\n return '';\n }\n const nameParts = name\n .split(' ')\n .filter(part => part.length > 0)\n .map(part => part.charAt(0).toUpperCase())\n .slice(0, 2);\n return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];\n }\n\n private generateVariantCode(initials: string): number {\n const char1 = initials.charCodeAt(0);\n const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);\n const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);\n return multifactor % 5;\n }\n\n private handleImageError(event: Event): void {\n const defaultInitials = this.generateInitials(this.name);\n const variant__code = this.generateVariantCode(defaultInitials);\n this.defaultAvatarContent = html`<div\n class=${classMap({\n text__avatar: true,\n avatar__small: this.size === 'small',\n avatar__medium: this.size === 'medium',\n avatar__large: this.size === 'large',\n avatar__extralarge: this.size === 'extralarge',\n avatar__rounded: this.isRounded,\n variant__yellow: variant__code === 0 && !this.color,\n variant__blue: variant__code === 1 && !this.color ,\n variant__red: variant__code === 2 && !this.color ,\n variant__green: variant__code === 3 && !this.color,\n variant__neutral: variant__code === 4 && !this.color,\n })}\n style=\"background-color: ${this.color}; border-color: ${this\n .borderColor}; color:${this.textColor}\"\n >\n ${defaultInitials\n ? defaultInitials\n : html`<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>`}\n </div>`;\n\n this.isDefaultAvatar = false;\n }\n\n public render(): TemplateResult {\n return html`\n ${this.isDefaultAvatar\n ? html` <img\n src=\"${this.src}\"\n class=\"avatar\"\n class=${classMap({\n avatar: true,\n avatar__small: this.size === 'small',\n avatar__medium: this.size === 'medium',\n avatar__large: this.size === 'large',\n avatar__extralarge: this.size === 'extralarge',\n avatar__rounded: this.isRounded,\n })}\n style=\"\tbackground-image: url(${this\n .src}), linear-gradient(lightgray, lightgray);\"\n @error=\"${this.handleImageError}\"\n />`\n : html`${this.defaultAvatarContent}`}\n `;\n }\n\n /* #endregion */\n}\n// onerror=\"this.onerror=null;this.src='${defaultimg}';\"\n\nexport default NileAvatar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-avatar': NileAvatar;\n }\n}\n"],"names":["NileAvatar","n","constructor","this","src","name","color","textColor","borderColor","size","isRounded","isDefaultAvatar","defaultAvatarContent","html","_templateObject","_taggedTemplateLiteral","_this","_inherits","_o","_createClass","key","value","generateInitials","nameParts","split","filter","part","length","map","charAt","toUpperCase","slice","generateVariantCode","initials","char1","charCodeAt","char2","handleImageError","event","defaultInitials","variant__code","_templateObject2","classMap","text__avatar","avatar__small","avatar__medium","avatar__large","avatar__extralarge","avatar__rounded","variant__yellow","variant__blue","variant__red","variant__green","variant__neutral","_templateObject3","render","_templateObject4","_templateObject5","avatar","_templateObject6","__decorate","get","styles","NileElement","property","type","String","reflect","prototype","attribute","Boolean","state","_export","customElement"],"mappings":"25HA4BaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAUsCC,KAAAA,CAAGC,GAAAA,CAAG,EAGND,CAAAA,KAAAA,CAAIE,IAAG,CAAA,EAAA,CAGPF,KAAAA,CAAKG,KAAG,CAAA,EAAA,CAGgBH,KAAAA,CAASI,SAAAA,CAAG,MAGXJ,CAAAA,KAAAA,CAAWK,WAAG,CAAA,aAAA,CAGrDL,KAAAA,CAAIM,IAAAA,CAId,QAGyBN,CAAAA,KAAAA,CAASO,SAAG,CAAA,CAAA,CAAA,CAUvCP,KAAAA,CAAeQ,eAAAA,CAAAA,CAAG,EAElBR,KAAAA,CAAAS,oBAAAA,CAAuBC,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,QAwE7C,QAAAC,KAAA,EA/GQC,SAAA,CAAAhB,CAAA,CAAAiB,EAAA,SAAAC,YAAA,CAAAlB,CAAA,GAAAmB,GAAA,oBAAAC,KAAA,CAyCC,SAAAC,iBAAiBjB,CACvB,CAAA,CAAA,GAAA,CAAKA,CACH,CAAA,MAAO,GAET,GAAMkB,CAAAA,CAAAA,CAAYlB,CACfmB,CAAAA,KAAAA,CAAM,GACNC,CAAAA,CAAAA,MAAAA,CAAOC,SAAAA,CAAQA,QAAAA,CAAAA,CAAAA,CAAKC,MAAS,CAAA,CAAA,EAAA,CAAA,CAC7BC,GAAIF,CAAAA,SAAAA,CAAAA,QAAQA,CAAAA,CAAKG,CAAAA,MAAAA,CAAO,CAAGC,CAAAA,CAAAA,WAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAC3BC,MAAM,CAAG,CAAA,CAAA,CAAA,CACZ,MAAOR,CAAAA,CAAAA,CAAUI,MAAS,CAAA,CAAA,CAAIJ,CAAU,CAAA,CAAA,CAAA,CAAKA,EAAU,CAAKA,CAAAA,CAAAA,CAAAA,CAAU,CACvE,CAAA,EAEO,GAAAH,GAAA,uBAAAC,KAAA,UAAAW,oBAAoBC,CAC1B,CAAA,CAAA,GAAMC,CAAAA,EAAQD,CAASE,CAAAA,UAAAA,CAAW,CAC5BC,CAAAA,CAAAA,CAAAA,CAA2B,CAAnBH,EAAAA,CAAAA,CAASN,MAAcO,CAAAA,CAAAA,CAAQD,CAASE,CAAAA,UAAAA,CAAW,CAEjE,CAAA,CAAA,MAAA,CADoBD,CAAQE,CAAAA,CAAAA,CAASF,CAAQ,CAAA,EAAA,CAAOE,EAAQ,EACvC,EAAA,CACtB,EAEO,GAAAhB,GAAA,oBAAAC,KAAA,UAAAgB,iBAAiBC,CAAAA,CAAAA,CACvB,GAAMC,CAAAA,CAAAA,CAAkBpC,KAAKmB,gBAAiBnB,CAAAA,IAAAA,CAAKE,IAC7CmC,CAAAA,CAAAA,CAAAA,CAAgBrC,IAAK6B,CAAAA,mBAAAA,CAAoBO,CAC/CpC,CAAAA,CAAAA,IAAAA,CAAKS,qBAAuBC,CAAI,CAAA4B,gBAAA,GAAAA,gBAAA,CAAA1B,sBAAA,gIACtB2B,CAAS,CAAA,CACfC,cAAc,CACdC,CAAAA,aAAAA,CAA6B,UAAdzC,IAAKM,CAAAA,IAAAA,CACpBoC,eAA8B,QAAd1C,GAAAA,IAAAA,CAAKM,KACrBqC,aAA6B,CAAA,OAAA,GAAd3C,KAAKM,IACpBsC,CAAAA,kBAAAA,CAAkC,eAAd5C,IAAKM,CAAAA,IAAAA,CACzBuC,gBAAiB7C,IAAKO,CAAAA,SAAAA,CACtBuC,gBAAmC,CAAlBT,GAAAA,CAAAA,EAAAA,CAAwBrC,KAAKG,KAC9C4C,CAAAA,aAAAA,CAAiC,IAAlBV,CAAwBrC,EAAAA,CAAAA,IAAAA,CAAKG,MAC5C6C,YAAgC,CAAA,CAAA,GAAlBX,IAAwBrC,IAAKG,CAAAA,KAAAA,CAC3C8C,eAAkC,CAAlBZ,GAAAA,CAAAA,EAAAA,CAAwBrC,KAAKG,KAC7C+C,CAAAA,gBAAAA,CAAoC,CAAlBb,GAAAA,CAAAA,EAAAA,CAAwBrC,IAAKG,CAAAA,KAAAA,CAAAA,CAAAA,CAEtBH,IAAKG,CAAAA,KAAAA,CAAwBH,IACrDK,CAAAA,WAAAA,CAAsBL,IAAKI,CAAAA,SAAAA,CAE5BgC,CAAAA,EAEE1B,CAAI,CAAAyC,gBAAA,GAAAA,gBAAA,CAAAvC,sBAAA,wEAAA,CAGVZ,CAAAA,IAAAA,CAAKQ,iBAAkB,CACxB,EAEM,GAAAS,GAAA,UAAAC,KAAA,UAAAkC,OAAA,CAAAA,CACL,MAAO1C,CAAAA,CAAI,CAAA2C,gBAAA,GAAAA,gBAAA,CAAAzC,sBAAA,yBACPZ,IAAAA,CAAKQ,gBACHE,CAAI,CAAA4C,gBAAA,GAAAA,gBAAA,CAAA1C,sBAAA,iOACKZ,IAAKC,CAAAA,GAAAA,CAEJsC,CAAS,CAAA,CACfgB,QAAQ,CACRd,CAAAA,aAAAA,CAA6B,UAAdzC,IAAKM,CAAAA,IAAAA,CACpBoC,eAA8B,QAAd1C,GAAAA,IAAAA,CAAKM,KACrBqC,aAA6B,CAAA,OAAA,GAAd3C,KAAKM,IACpBsC,CAAAA,kBAAAA,CAAkC,eAAd5C,IAAKM,CAAAA,IAAAA,CACzBuC,gBAAiB7C,IAAKO,CAAAA,SAAAA,CAAAA,CAAAA,CAEQP,IAC7BC,CAAAA,GAAAA,CACOD,IAAKkC,CAAAA,gBAAAA,EAEjBxB,CAAI,CAAA8C,gBAAA,GAAAA,gBAAA,CAAA5C,sBAAA,WAAGZ,IAAKS,CAAAA,oBAAAA,CAAAA,EAEnB,CAvG0CgD,KAAAA,GAAAA,UAAAA,GAAAA,CALpC,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAuCO,MA9CsBC,CAAAA,GAUaH,CAAAA,CAAA,CAA1CI,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAiBnE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoE,SAAA,CAAA,KAAA,CAAA,IAAA,IAGTR,CAAA,CAAA,CAA1CI,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,SAAS,CAAkBnE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoE,SAAA,CAAA,MAAA,CAAA,IAAA,EAGVR,CAAAA,CAAAA,CAAAA,CAAA,CAA1CI,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,KAAmBnE,CAAAoE,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGaR,CAAA,CAAA,CAAlEI,EAAS,CAAEC,IAAAA,CAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAU,gBAAmCrE,CAAAoE,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAGlBR,CAAA,CAAA,CAAnEI,EAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAME,UAAU,cAA6CrE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoE,SAAA,CAAA,aAAA,CAAA,IAAA,EAGnER,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEG,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAIOnE,CAAAoE,CAAAA,SAAAA,CAAA,WAAA,EAGgBR,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEC,IAAAA,CAAMK,QAASH,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0BnE,CAAAoE,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAUrDR,EAAA,CAARW,CAAAA,CAAAA,CAAAA,CAAAA,CAAuCvE,CAAAoE,CAAAA,SAAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAE/BR,EAAA,CAARW,CAAAA,CAAAA,CAAAA,CAAAA,CAA8CvE,CAAAoE,CAAAA,SAAAA,CAAA,sBAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KA5CpCxE,EAAU4D,CAAA,CAAA,CADtBa,CAAc,CAAA,aAAA,CAAA,CAAA,CACFzE"}
1
+ {"version":3,"file":"nile-avatar.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './nile-avatar.css';\nimport NileElement from '../internal/nile-element';\nimport { string } from '../nile-icon/icons/svg';\n\n/**\n * Nile icon component.\n *\n * @tag nile-avatar\n *\n */\n@customElement('nile-avatar')\nexport class NileAvatar extends NileElement {\n /**\n * The styles for Avatar\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** Gives the url to the Avatar */\n @property({ type: String, reflect: true }) src = '';\n\n /** Gives the default Image Letters to the Avatar */\n @property({ type: String, reflect: true }) name = '';\n\n /** Gives the default bg color to the Avatar */\n @property({ type: String, reflect: true,attribute: 'bg-color' }) bgColor = '';\n\n /** Gives the default text color to the Avatar */\n @property({ type: String, reflect: true, attribute: 'text-color' })\n textColor = '#fff';\n\n /** Gives the default border color to the Avatar */\n @property({ type: String, reflect: true, attribute: 'border-color' })\n borderColor = 'rgba(0, 0, 0, 0.08)';\n\n /** Size of the Avatar */\n @property({ reflect: true }) size:\n | 'small'\n | 'medium'\n | 'large'\n | 'extralarge' = 'medium';\n\n /** Gives a border radius of 50% to the Avatar */\n @property({ type: Boolean, reflect: true }) isRounded = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n @state() private isDefaultAvatar = true;\n\n @state() private defaultAvatarContent = html``;\n\n private generateInitials(name: String): string {\n if (!name) {\n return '';\n }\n const nameParts = name\n .split(' ')\n .filter(part => part.length > 0)\n .map(part => part.charAt(0).toUpperCase())\n .slice(0, 2);\n return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];\n }\n\n private generateVariantCode(initials: string): number {\n const char1 = initials.charCodeAt(0);\n const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);\n const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);\n return multifactor % 5;\n }\n\n private handleImageError(event: Event): void {\n const defaultInitials = this.generateInitials(this.name);\n const variant__code = this.generateVariantCode(defaultInitials);\n\n this.defaultAvatarContent = html`<div\n class=${classMap({\n text__avatar: true,\n avatar__small: this.size === 'small',\n avatar__medium: this.size === 'medium',\n avatar__large: this.size === 'large',\n avatar__extralarge: this.size === 'extralarge',\n avatar__rounded: this.isRounded,\n variant__orange: variant__code === 0 && !this.bgColor,\n variant__pink: variant__code === 1 && !this.bgColor,\n variant__blue: variant__code === 2 && !this.bgColor,\n variant__light_blue: variant__code === 3 && !this.bgColor,\n variant__green: variant__code === 4 && !this.bgColor,\n })}\n style=\"background-color: ${this.bgColor};color:${this\n .textColor};border-color:${this.borderColor}\"\n >\n ${defaultInitials\n ? defaultInitials\n : html`<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>`}\n </div>`;\n\n this.isDefaultAvatar = false;\n }\n\n public render(): TemplateResult {\n return html`\n ${this.isDefaultAvatar\n ? html` <img\n src=\"${this.src}\"\n class=\"avatar\"\n class=${classMap({\n avatar: true,\n avatar__small: this.size === 'small',\n avatar__medium: this.size === 'medium',\n avatar__large: this.size === 'large',\n avatar__extralarge: this.size === 'extralarge',\n avatar__rounded: this.isRounded,\n })}\n style=\"\tbackground-image: url(${this\n .src}), linear-gradient(lightgray, lightgray);\"\n @error=\"${this.handleImageError}\"\n />`\n : html`${this.defaultAvatarContent}`}\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileAvatar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-avatar': NileAvatar;\n }\n}\n"],"names":["NileAvatar","n","constructor","this","src","name","bgColor","textColor","borderColor","size","isRounded","isDefaultAvatar","defaultAvatarContent","html","_templateObject","_taggedTemplateLiteral","_this","_inherits","_o","_createClass","key","value","generateInitials","nameParts","split","filter","part","length","map","charAt","toUpperCase","slice","generateVariantCode","initials","char1","charCodeAt","char2","handleImageError","event","defaultInitials","variant__code","_templateObject2","classMap","text__avatar","avatar__small","avatar__medium","avatar__large","avatar__extralarge","avatar__rounded","variant__orange","variant__pink","variant__blue","variant__light_blue","variant__green","_templateObject3","render","_templateObject4","_templateObject5","avatar","_templateObject6","__decorate","get","styles","NileElement","property","type","String","reflect","prototype","attribute","Boolean","state","_export","customElement"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n }\n .text__avatar {\n box-sizing: border-box;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-style: normal;\n font-weight: 500;\n color:var(--nile-colors-white-base);\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n border: 1px solid;\n border-color: var(--nile-colors-neutral-500);\n }\n\n .avatar {\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-500);\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n }\n\n .avatar__small {\n width: var(--nile-type-scale-4);\n height: var(--nile-type-scale-4);\n font-size: 6.516px;\n line-height: 6.516px;\n }\n\n .avatar__medium {\n width: var(--nile-spacing-3-x);\n height: var(--nile-spacing-3-x);\n font-size: var(--nile-type-scale-1);\n line-height: var(--nile-type-scale-1);\n }\n\n .avatar__large {\n width: 32px;\n height: 32px;\n font-size: 12.8px;\n line-height: 12.8px;\n }\n\n .avatar__extralarge {\n height: 40px;\n width: 40px;\n font-size: var(--nile-type-scale-3);\n line-height: var(--nile-type-scale-3);\n }\n\n .avatar__rounded {\n border-radius: 50%;\n }\n\n .variant__yellow {\n color: var(--nile-colors-yellow-700);\n border-color: var(--nile-colors-yellow-500);\n background: var(--nile-colors-yellow-400);\n }\n\n .variant__blue {\n color: var(--nile-colors-blue-700);\n border-color: var(--nile-colors-blue-500);\n background: var(--nile-colors-blue-400);\n }\n\n .variant__red {\n color: var(--nile-colors-button-caution-pressed-border);\n border-color: var(--nile-colors-red-500);\n background: var(--nile-colors-red-400);\n }\n\n .variant__green {\n color: var(--nile-colors-green-700);\n border-color: var(--nile-colors-green-500);\n background: var(--nile-colors-green-400);\n }\n\n .variant__neutral {\n color: var(--nile-colors-neutral-700);\n border-color: var(--nile-colors-neutral-500);\n background: var(--nile-colors-dark-200);\n }\n"]))));}};});
1
+ System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",a=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n }\n .text__avatar {\n box-sizing: border-box;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-style: normal;\n font-weight: 500;\n color: var(--nile-colors-white-base);\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n border: 0.5px solid;\n border-color: rgba(0, 0, 0, 0.08);\n }\n\n .avatar {\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-500);\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n }\n\n .avatar__small {\n width: var(--nile-type-scale-4);\n height: var(--nile-type-scale-4);\n font-size: 6.516px;\n line-height: 6.516px;\n }\n\n .avatar__medium {\n width: var(--nile-spacing-3-x);\n height: var(--nile-spacing-3-x);\n font-size: var(--nile-type-scale-1);\n line-height: var(--nile-type-scale-1);\n }\n\n .avatar__large {\n width: 32px;\n height: 32px;\n font-size: 12.8px;\n line-height: 12.8px;\n }\n\n .avatar__extralarge {\n height: 40px;\n width: 40px;\n font-size: var(--nile-type-scale-3);\n line-height: var(--nile-type-scale-3);\n }\n\n .avatar__rounded {\n border-radius: 50%;\n }\n\n .variant__orange {\n background: #e04f16;\n }\n\n .variant__pink {\n background: #c11574;\n }\n\n .variant__blue {\n background: #3538cd;\n }\n\n .variant__light_blue {\n background: #0086c9;\n }\n\n .variant__green {\n background: #079455;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-avatar.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-avatar.css.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Avatar CSS\n */\nexport const styles = css`\n :host {\n }\n .text__avatar {\n box-sizing: border-box;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-style: normal;\n font-weight: 500;\n color:var(--nile-colors-white-base);\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n border: 1px solid;\n border-color: var(--nile-colors-neutral-500);\n }\n\n .avatar {\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-500);\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n }\n\n .avatar__small {\n width: var(--nile-type-scale-4);\n height: var(--nile-type-scale-4);\n font-size: 6.516px;\n line-height: 6.516px;\n }\n\n .avatar__medium {\n width: var(--nile-spacing-3-x);\n height: var(--nile-spacing-3-x);\n font-size: var(--nile-type-scale-1);\n line-height: var(--nile-type-scale-1);\n }\n\n .avatar__large {\n width: 32px;\n height: 32px;\n font-size: 12.8px;\n line-height: 12.8px;\n }\n\n .avatar__extralarge {\n height: 40px;\n width: 40px;\n font-size: var(--nile-type-scale-3);\n line-height: var(--nile-type-scale-3);\n }\n\n .avatar__rounded {\n border-radius: 50%;\n }\n\n .variant__yellow {\n color: var(--nile-colors-yellow-700);\n border-color: var(--nile-colors-yellow-500);\n background: var(--nile-colors-yellow-400);\n }\n\n .variant__blue {\n color: var(--nile-colors-blue-700);\n border-color: var(--nile-colors-blue-500);\n background: var(--nile-colors-blue-400);\n }\n\n .variant__red {\n color: var(--nile-colors-button-caution-pressed-border);\n border-color: var(--nile-colors-red-500);\n background: var(--nile-colors-red-400);\n }\n\n .variant__green {\n color: var(--nile-colors-green-700);\n border-color: var(--nile-colors-green-500);\n background: var(--nile-colors-green-400);\n }\n\n .variant__neutral {\n color: var(--nile-colors-neutral-700);\n border-color: var(--nile-colors-neutral-500);\n background: var(--nile-colors-dark-200);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-avatar.css.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Avatar CSS\n */\nexport const styles = css`\n :host {\n }\n .text__avatar {\n box-sizing: border-box;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-style: normal;\n font-weight: 500;\n color: var(--nile-colors-white-base);\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n border: 0.5px solid;\n border-color: rgba(0, 0, 0, 0.08);\n }\n\n .avatar {\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-500);\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n }\n\n .avatar__small {\n width: var(--nile-type-scale-4);\n height: var(--nile-type-scale-4);\n font-size: 6.516px;\n line-height: 6.516px;\n }\n\n .avatar__medium {\n width: var(--nile-spacing-3-x);\n height: var(--nile-spacing-3-x);\n font-size: var(--nile-type-scale-1);\n line-height: var(--nile-type-scale-1);\n }\n\n .avatar__large {\n width: 32px;\n height: 32px;\n font-size: 12.8px;\n line-height: 12.8px;\n }\n\n .avatar__extralarge {\n height: 40px;\n width: 40px;\n font-size: var(--nile-type-scale-3);\n line-height: var(--nile-type-scale-3);\n }\n\n .avatar__rounded {\n border-radius: 50%;\n }\n\n .variant__orange {\n background: #e04f16;\n }\n\n .variant__pink {\n background: #c11574;\n }\n\n .variant__blue {\n background: #3538cd;\n }\n\n .variant__light_blue {\n background: #0086c9;\n }\n\n .variant__green {\n background: #079455;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -1,4 +1,4 @@
1
- import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
1
+ import{i as e}from"../index-cd2f9c12.esm.js";const a=e`
2
2
  :host {
3
3
  }
4
4
  .text__avatar {
@@ -7,15 +7,15 @@ import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
7
7
  font-family: var(--nile-font-family-serif);
8
8
  font-style: normal;
9
9
  font-weight: 500;
10
- color:var(--nile-colors-white-base);
10
+ color: var(--nile-colors-white-base);
11
11
  text-transform: uppercase;
12
12
  display: flex;
13
13
  flex-direction: column;
14
14
  justify-content: center;
15
15
  align-items: center;
16
16
  box-sizing: border-box;
17
- border: 1px solid;
18
- border-color: var(--nile-colors-neutral-500);
17
+ border: 0.5px solid;
18
+ border-color: rgba(0, 0, 0, 0.08);
19
19
  }
20
20
 
21
21
  .avatar {
@@ -58,33 +58,23 @@ import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
58
58
  border-radius: 50%;
59
59
  }
60
60
 
61
- .variant__yellow {
62
- color: var(--nile-colors-yellow-700);
63
- border-color: var(--nile-colors-yellow-500);
64
- background: var(--nile-colors-yellow-400);
61
+ .variant__orange {
62
+ background: #e04f16;
65
63
  }
66
64
 
67
- .variant__blue {
68
- color: var(--nile-colors-blue-700);
69
- border-color: var(--nile-colors-blue-500);
70
- background: var(--nile-colors-blue-400);
65
+ .variant__pink {
66
+ background: #c11574;
71
67
  }
72
68
 
73
- .variant__red {
74
- color: var(--nile-colors-button-caution-pressed-border);
75
- border-color: var(--nile-colors-red-500);
76
- background: var(--nile-colors-red-400);
69
+ .variant__blue {
70
+ background: #3538cd;
77
71
  }
78
72
 
79
- .variant__green {
80
- color: var(--nile-colors-green-700);
81
- border-color: var(--nile-colors-green-500);
82
- background: var(--nile-colors-green-400);
73
+ .variant__light_blue {
74
+ background: #0086c9;
83
75
  }
84
76
 
85
- .variant__neutral {
86
- color: var(--nile-colors-neutral-700);
87
- border-color: var(--nile-colors-neutral-500);
88
- background: var(--nile-colors-dark-200);
77
+ .variant__green {
78
+ background: #079455;
89
79
  }
90
- `;export{e as s};
80
+ `;export{a as s};
@@ -1,8 +1,8 @@
1
- import{__decorate as t}from"tslib";import{x as r}from"../index-cd2f9c12.esm.js";import{state as e,customElement as a}from"lit/decorators.js";import{classMap as i}from"lit/directives/class-map.js";import{s}from"./nile-avatar.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let n=class extends o{constructor(){super(...arguments),this.src="",this.name="",this.color="",this.textColor="#fff",this.borderColor="transparent",this.size="medium",this.isRounded=!1,this.isDefaultAvatar=!0,this.defaultAvatarContent=r``}static get styles(){return[s]}generateInitials(t){if(!t)return"";const r=t.split(" ").filter((t=>t.length>0)).map((t=>t.charAt(0).toUpperCase())).slice(0,2);return r.length>1?r[0]+r[1]:r[0]}generateVariantCode(t){const r=t.charCodeAt(0),e=1==t.length?r:t.charCodeAt(1);return(r*e+r%23+e%23)%5}handleImageError(t){const e=this.generateInitials(this.name),a=this.generateVariantCode(e);this.defaultAvatarContent=r`<div
2
- class=${i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__rounded:this.isRounded,variant__yellow:0===a&&!this.color,variant__blue:1===a&&!this.color,variant__red:2===a&&!this.color,variant__green:3===a&&!this.color,variant__neutral:4===a&&!this.color})}
3
- style="background-color: ${this.color}; border-color: ${this.borderColor}; color:${this.textColor}"
1
+ import{__decorate as t}from"tslib";import{x as r}from"../index-cd2f9c12.esm.js";import{state as a,customElement as e}from"lit/decorators.js";import{classMap as i}from"lit/directives/class-map.js";import{s}from"./nile-avatar.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let n=class extends o{constructor(){super(...arguments),this.src="",this.name="",this.bgColor="",this.textColor="#fff",this.borderColor="rgba(0, 0, 0, 0.08)",this.size="medium",this.isRounded=!1,this.isDefaultAvatar=!0,this.defaultAvatarContent=r``}static get styles(){return[s]}generateInitials(t){if(!t)return"";const r=t.split(" ").filter((t=>t.length>0)).map((t=>t.charAt(0).toUpperCase())).slice(0,2);return r.length>1?r[0]+r[1]:r[0]}generateVariantCode(t){const r=t.charCodeAt(0),a=1==t.length?r:t.charCodeAt(1);return(r*a+r%23+a%23)%5}handleImageError(t){const a=this.generateInitials(this.name),e=this.generateVariantCode(a);this.defaultAvatarContent=r`<div
2
+ class=${i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__rounded:this.isRounded,variant__orange:0===e&&!this.bgColor,variant__pink:1===e&&!this.bgColor,variant__blue:2===e&&!this.bgColor,variant__light_blue:3===e&&!this.bgColor,variant__green:4===e&&!this.bgColor})}
3
+ style="background-color: ${this.bgColor};color:${this.textColor};border-color:${this.borderColor}"
4
4
  >
5
- ${e||r`<nile-icon name="user" color="grey" size="14"></nile-icon>`}
5
+ ${a||r`<nile-icon name="user" color="grey" size="14"></nile-icon>`}
6
6
  </div>`,this.isDefaultAvatar=!1}render(){return r`
7
7
  ${this.isDefaultAvatar?r` <img
8
8
  src="${this.src}"
@@ -11,4 +11,4 @@ import{__decorate as t}from"tslib";import{x as r}from"../index-cd2f9c12.esm.js";
11
11
  style=" background-image: url(${this.src}), linear-gradient(lightgray, lightgray);"
12
12
  @error="${this.handleImageError}"
13
13
  />`:r`${this.defaultAvatarContent}`}
14
- `}};t([l({type:String,reflect:!0})],n.prototype,"src",void 0),t([l({type:String,reflect:!0})],n.prototype,"name",void 0),t([l({type:String,reflect:!0})],n.prototype,"color",void 0),t([l({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([l({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([l({reflect:!0})],n.prototype,"size",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([e()],n.prototype,"isDefaultAvatar",void 0),t([e()],n.prototype,"defaultAvatarContent",void 0),n=t([a("nile-avatar")],n);export{n as N};
14
+ `}};t([l({type:String,reflect:!0})],n.prototype,"src",void 0),t([l({type:String,reflect:!0})],n.prototype,"name",void 0),t([l({type:String,reflect:!0,attribute:"bg-color"})],n.prototype,"bgColor",void 0),t([l({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([l({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([l({reflect:!0})],n.prototype,"size",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([a()],n.prototype,"isDefaultAvatar",void 0),t([a()],n.prototype,"defaultAvatarContent",void 0),n=t([e("nile-avatar")],n);export{n as N};
@@ -1,2 +1,2 @@
1
- function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-card.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var r,s,t,o,e,i,a,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileCardCssCjsJs){o=_nileCardCssCjsJs.s;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){i=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_lit){}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_a){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.hasSlotController=new i(_assertThisInitialized(_this),"footer");return _this;}_inherits(l,_a);return _createClass(l,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n >\n <slot part=\"body\" class=\"card__body\"></slot>\n </div>\n <slot name=\"footer\" part=\"footer\" ?hidden=\"","\" class=\"card__footer\"></slot>\n "])),e({card:!0,"card--has-footer":this.hasSlotController.test("footer")}),!this.hasSlotController.test("footer"));}}]);}(a));l.styles=o,_export("N",l=r([t("nile-card")],l));}};});
1
+ function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-card.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var r,s,t,o,e,i,a,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileCardCssCjsJs){o=_nileCardCssCjsJs.s;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){i=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_lit){}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_a){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.hasSlotController=new i(_assertThisInitialized(_this),"footer");return _this;}_inherits(l,_a);return _createClass(l,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n >\n <slot part=\"body\" class=\"card__body\"></slot>\n <slot name=\"footer\" part=\"footer\" ?hidden=\"","\" class=\"card__footer\"></slot>\n </div>\n \n "])),e({card:!0,"card--has-footer":this.hasSlotController.test("footer")}),!this.hasSlotController.test("footer"));}}]);}(a));l.styles=o,_export("N",l=r([t("nile-card")],l));}};});
2
2
  //# sourceMappingURL=nile-card.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-card.cjs.js","sources":["../../../src/nile-card/nile-card.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-card.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport NileElements from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\n\n\n/**\n * Nile icon component.\n *\n * @tag nile-card\n *\n */\n@customElement('nile-card')\nexport class NileCard extends NileElements {\n\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n card: true,\n 'card--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <slot part=\"body\" class=\"card__body\"></slot>\n </div>\n <slot name=\"footer\" part=\"footer\" ?hidden=\"${!this.hasSlotController.test('footer')}\" class=\"card__footer\"></slot>\n `;\n }\n}\n\n\nexport default NileCard;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-card': NileCard;\n }\n}\n"],"names":["NileCard","l","constructor","this","hasSlotController","HasSlotController","_this","_inherits","_a","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","card","test","NileElements","styles","__decorate","customElement"],"mappings":"myHAuBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAIYC,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,CAAkBF,CAAAA,sBAAAA,CAAAA,KAAAA,EAAM,QAgBlE,CAAA,QAAAG,KAAA,EAdCC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,UAAAC,OAAA,CAAAA,CACE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,kPAGCC,CAAAA,CAAS,CACfC,IAAM,CAAA,CAAA,CAAA,CACN,kBAAoBd,CAAAA,IAAAA,CAAKC,kBAAkBc,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,CAKNf,CAAAA,IAAAA,CAAKC,kBAAkBc,IAAK,CAAA,QAAA,CAAA,EAE7E,CAjBMlB,MAFqBmB,CAAAA,GAErBnB,CAAAA,CAAMoB,OAAmBA,CAFrBpB,CAAAA,OAAAA,KAAAA,CAAAA,CAAQqB,EAAA,CADpBC,CAAAA,CAAc,cACFtB"}
1
+ {"version":3,"file":"nile-card.cjs.js","sources":["../../../src/nile-card/nile-card.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-card.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport NileElements from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\n\n\n/**\n * Nile icon component.\n *\n * @tag nile-card\n *\n */\n@customElement('nile-card')\nexport class NileCard extends NileElements {\n\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n card: true,\n 'card--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <slot part=\"body\" class=\"card__body\"></slot>\n <slot name=\"footer\" part=\"footer\" ?hidden=\"${!this.hasSlotController.test('footer')}\" class=\"card__footer\"></slot>\n </div>\n \n `;\n }\n}\n\n\nexport default NileCard;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-card': NileCard;\n }\n}\n"],"names":["NileCard","l","constructor","this","hasSlotController","HasSlotController","_this","_inherits","_a","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","card","test","NileElements","styles","__decorate","customElement"],"mappings":"myHAuBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAIYC,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,CAAkBF,CAAAA,sBAAAA,CAAAA,KAAAA,EAAM,QAiBlE,CAAA,QAAAG,KAAA,EAfCC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,UAAAC,OAAA,CAAAA,CACE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4PAGCC,CAAAA,CAAS,CACfC,IAAM,CAAA,CAAA,CAAA,CACN,kBAAoBd,CAAAA,IAAAA,CAAKC,kBAAkBc,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,CAIJf,CAAAA,IAAAA,CAAKC,kBAAkBc,IAAK,CAAA,QAAA,CAAA,EAI/E,CAlBMlB,MAFqBmB,CAAAA,GAErBnB,CAAAA,CAAMoB,OAAmBA,CAFrBpB,CAAAA,OAAAA,KAAAA,CAAAA,CAAQqB,EAAA,CADpBC,CAAAA,CAAc,cACFtB"}
@@ -1,2 +1,2 @@
1
- System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border); /* for v2 */\n --border-radius: 8px;\n --border-width: 1px;\n --padding: 18px;\n --footer-padding: var(--nile-card-footer-padding); /*for v2 */\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n background-color: var(--nile-colors-white-base);\n border: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);\n }\n\n .card__body {\n display: block;\n padding: var(--padding);\n }\n\n .card--has-footer {\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n border-bottom: none;\n }\n\n .card__footer {\n display: block;\n border-top: solid var(--border-width) var(--border-color);\n padding: var(--footer-padding);\n border:1px solid var(--nile-card-footer-border-color);\n border-width: var(--nile-card-footer-border-width);\n border-radius:var(--nile-card-footer-border-radius);\n background-color:var(--nile-card-footer-background-color);\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n"]))));}};});
1
+ System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border);\n --border-radius: 8px;\n --border-width: 1px;\n --padding: 18px;\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n background-color: var(--nile-colors-white-base);\n border: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);\n padding: var(--nile-type-scale-4);\n }\n\n .card__body {\n display: block;\n }\n\n .card__footer {\n display: block;\n margin-top: var(--nile-type-scale-4);\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-card.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-card.css.cjs.js","sources":["../../../src/nile-card/nile-card.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Card CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border); /* for v2 */\n --border-radius: 8px;\n --border-width: 1px;\n --padding: 18px;\n --footer-padding: var(--nile-card-footer-padding); /*for v2 */\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n background-color: var(--nile-colors-white-base);\n border: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);\n }\n\n .card__body {\n display: block;\n padding: var(--padding);\n }\n\n .card--has-footer {\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n border-bottom: none;\n }\n\n .card__footer {\n display: block;\n border-top: solid var(--border-width) var(--border-color);\n padding: var(--footer-padding);\n border:1px solid var(--nile-card-footer-border-color);\n border-width: var(--nile-card-footer-border-width);\n border-radius:var(--nile-card-footer-border-radius);\n background-color:var(--nile-card-footer-background-color);\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-card.css.cjs.js","sources":["../../../src/nile-card/nile-card.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Card CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border);\n --border-radius: 8px;\n --border-width: 1px;\n --padding: 18px;\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n background-color: var(--nile-colors-white-base);\n border: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);\n padding: var(--nile-type-scale-4);\n }\n\n .card__body {\n display: block;\n }\n\n .card__footer {\n display: block;\n margin-top: var(--nile-type-scale-4);\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -14,11 +14,10 @@ import{i as r}from"../index-cd2f9c12.esm.js";const o=r`
14
14
  }
15
15
 
16
16
  :host {
17
- --border-color: var(--nile-card-color-border); /* for v2 */
17
+ --border-color: var(--nile-card-color-border);
18
18
  --border-radius: 8px;
19
19
  --border-width: 1px;
20
20
  --padding: 18px;
21
- --footer-padding: var(--nile-card-footer-padding); /*for v2 */
22
21
  display: inline-block;
23
22
  }
24
23
 
@@ -29,26 +28,16 @@ import{i as r}from"../index-cd2f9c12.esm.js";const o=r`
29
28
  border: solid var(--border-width) var(--border-color);
30
29
  border-radius: var(--border-radius);
31
30
  box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);
31
+ padding: var(--nile-type-scale-4);
32
32
  }
33
33
 
34
34
  .card__body {
35
35
  display: block;
36
- padding: var(--padding);
37
- }
38
-
39
- .card--has-footer {
40
- border-radius: var(--border-radius) var(--border-radius) 0 0;
41
- border-bottom: none;
42
36
  }
43
37
 
44
38
  .card__footer {
45
39
  display: block;
46
- border-top: solid var(--border-width) var(--border-color);
47
- padding: var(--footer-padding);
48
- border:1px solid var(--nile-card-footer-border-color);
49
- border-width: var(--nile-card-footer-border-width);
50
- border-radius:var(--nile-card-footer-border-radius);
51
- background-color:var(--nile-card-footer-background-color);
40
+ margin-top: var(--nile-type-scale-4);
52
41
  }
53
42
 
54
43
  .card:not(.card--has-footer) .card__footer {
@@ -4,6 +4,7 @@ import{__decorate as r}from"tslib";import{x as s}from"../index-cd2f9c12.esm.js";
4
4
  class=${e({card:!0,"card--has-footer":this.hasSlotController.test("footer")})}
5
5
  >
6
6
  <slot part="body" class="card__body"></slot>
7
+ <slot name="footer" part="footer" ?hidden="${!this.hasSlotController.test("footer")}" class="card__footer"></slot>
7
8
  </div>
8
- <slot name="footer" part="footer" ?hidden="${!this.hasSlotController.test("footer")}" class="card__footer"></slot>
9
+
9
10
  `}};m.styles=o,m=r([t("nile-card")],m);export{m as N};
@@ -1,2 +1,2 @@
1
- System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(\n --nile-table-body-row-odd-background-color\n );\n --nile-table-background--even: var(\n --nile-table-body-row-even-background-color\n );\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width:100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #e4e2e4;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n"]))));}};});
1
+ System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(--nile-colors-base-white);\n --nile-table-background--even: var(--nile-colors-base-white);\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width: 100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #eaecf0;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-table-body.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-table-body.css.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(\n --nile-table-body-row-odd-background-color\n );\n --nile-table-background--even: var(\n --nile-table-body-row-even-background-color\n );\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width:100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #e4e2e4;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-table-body.css.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(--nile-colors-base-white);\n --nile-table-background--even: var(--nile-colors-base-white);\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width: 100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #eaecf0;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -1,20 +1,15 @@
1
- import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
1
+ import{i as e}from"../index-cd2f9c12.esm.js";const o=e`
2
2
  :host {
3
3
  box-sizing: border-box;
4
- --nile-table-background--odd: var(
5
- --nile-table-body-row-odd-background-color
6
- );
7
- --nile-table-background--even: var(
8
- --nile-table-body-row-even-background-color
9
- );
4
+ --nile-table-background--odd: var(--nile-colors-base-white);
5
+ --nile-table-background--even: var(--nile-colors-base-white);
10
6
  }
11
7
 
12
8
  .base {
13
9
  background-color: var(--nile-colors-white-base);
14
10
  border: 1px solid var(--nile-table-row-border-color);
15
11
  border-radius: var(--nile-radius-radius-xl);
16
- box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
17
- 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
12
+ box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);
18
13
  overflow: hidden;
19
14
  }
20
15
 
@@ -26,11 +21,11 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
26
21
  .nile__table__body {
27
22
  display: table;
28
23
  border-collapse: collapse;
29
- width:100%;
24
+ width: 100%;
30
25
  }
31
26
 
32
27
  slot::slotted(nile-table-row:nth-child(odd)) {
33
- border-bottom: 1px solid #e4e2e4;
28
+ border-bottom: 1px solid #eaecf0;
34
29
  background: var(--nile-table-background--odd);
35
30
  }
36
31
 
@@ -41,4 +36,4 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
41
36
  slot::slotted(nile-table-row:last-child) {
42
37
  border-bottom: 0px;
43
38
  }
44
- `;export{e as s};
39
+ `;export{o as s};
@@ -1,2 +1,2 @@
1
- System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n :host {\n box-sizing: border-box;\n display: table-cell;\n --min--height: 52px;\n --max--cell-width:auto;\n max-width: var(--max--cell-width);\n overflow: hidden;\n }\n\n .column {\n display: flex;\n flex-direction: row;\n padding: 0 var(--nile-type-scale-4);\n align-items: center;\n min-height: var(--min--height);\n height: auto;\n width: auto;\n color: var(--nile-colors-dark-900);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-3); /* 100% */\n letter-spacing: 0.2px;\n }\n"]))));}};});
1
+ System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n display: table-cell;\n vertical-align: middle;\n --min--height: 52px;\n --max--cell-width: auto;\n max-width: var(--max--cell-width);\n padding: 16px 24px;\n min-height: var(--min--height);\n }\n\n .column {\n height: 100%;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-6);\n letter-spacing: 0.2px;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-table-cell-item.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-table-cell-item.css.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n\n :host {\n box-sizing: border-box;\n display: table-cell;\n --min--height: 52px;\n --max--cell-width:auto;\n max-width: var(--max--cell-width);\n overflow: hidden;\n }\n\n .column {\n display: flex;\n flex-direction: row;\n padding: 0 var(--nile-type-scale-4);\n align-items: center;\n min-height: var(--min--height);\n height: auto;\n width: auto;\n color: var(--nile-colors-dark-900);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-3); /* 100% */\n letter-spacing: 0.2px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-table-cell-item.css.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n display: table-cell;\n vertical-align: middle;\n --min--height: 52px;\n --max--cell-width: auto;\n max-width: var(--max--cell-width);\n padding: 16px 24px;\n min-height: var(--min--height);\n }\n\n .column {\n height: 100%;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-6);\n letter-spacing: 0.2px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -1,28 +1,23 @@
1
1
  import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
2
-
3
2
  :host {
4
3
  box-sizing: border-box;
5
4
  display: table-cell;
5
+ vertical-align: middle;
6
6
  --min--height: 52px;
7
- --max--cell-width:auto;
7
+ --max--cell-width: auto;
8
8
  max-width: var(--max--cell-width);
9
- overflow: hidden;
9
+ padding: 16px 24px;
10
+ min-height: var(--min--height);
10
11
  }
11
12
 
12
13
  .column {
13
- display: flex;
14
- flex-direction: row;
15
- padding: 0 var(--nile-type-scale-4);
16
- align-items: center;
17
- min-height: var(--min--height);
18
- height: auto;
19
- width: auto;
20
- color: var(--nile-colors-dark-900);
21
- font-feature-settings: 'clig' off, 'liga' off;
14
+ height: 100%;
15
+ color: var(--nile-colors-gray-light-mode-600);
16
+ font-family: var(--nile-font-family-serif);
22
17
  font-size: var(--nile-type-scale-3);
23
18
  font-style: normal;
24
19
  font-weight: var(--nile-font-weight-regular);
25
- line-height: var(--nile-type-scale-3); /* 100% */
20
+ line-height: var(--nile-type-scale-6);
26
21
  letter-spacing: 0.2px;
27
22
  }
28
23
  `;export{i as s};
@@ -1,2 +1,2 @@
1
- System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-cell;\n box-sizing: border-box;\n --min-height: 52px;\n }\n\n .headers {\n display: flex;\n padding: 0 var(--nile-type-scale-4);\n align-items: center;\n height: auto;\n min-height: var(--min-height);\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-dark-900);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-3);\n letter-spacing: 0.2px;\n }\n\n slot {\n cursor: pointer;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n"]))));}};});
1
+ System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-cell;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n line-height: var(--nile-type-scale-5);\n }\n\n slot {\n cursor: pointer;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n /* justify-content: space-between; */\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-table-header-item.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n --min-height: 52px;\n }\n\n .headers {\n display: flex;\n padding: 0 var(--nile-type-scale-4);\n align-items: center;\n height: auto;\n min-height: var(--min-height);\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-dark-900);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-3);\n letter-spacing: 0.2px;\n }\n\n slot {\n cursor: pointer;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n line-height: var(--nile-type-scale-5);\n }\n\n slot {\n cursor: pointer;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n /* justify-content: space-between; */\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -1,25 +1,24 @@
1
- import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
1
+ import{i}from"../index-cd2f9c12.esm.js";const e=i`
2
2
  :host {
3
3
  display: table-cell;
4
4
  box-sizing: border-box;
5
- --min-height: 52px;
5
+ padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
6
+ min-height: 44px;
6
7
  }
7
8
 
8
9
  .headers {
9
10
  display: flex;
10
- padding: 0 var(--nile-type-scale-4);
11
11
  align-items: center;
12
12
  height: auto;
13
- min-height: var(--min-height);
14
13
  width: 100%;
15
14
  gap: 8px;
16
15
  color: var(--nile-colors-dark-900);
16
+ font-family: var(--nile-font-family-serif);
17
17
  font-feature-settings: 'clig' off, 'liga' off;
18
- font-size: var(--nile-type-scale-3);
18
+ font-size: var(--nile-type-scale-2);
19
+ font-weight: 500;
19
20
  font-style: normal;
20
- font-weight: var(--nile-font-weight-regular);
21
- line-height: var(--nile-type-scale-3);
22
- letter-spacing: 0.2px;
21
+ line-height: var(--nile-type-scale-5);
23
22
  }
24
23
 
25
24
  slot {
@@ -33,11 +32,11 @@ import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
33
32
  .sorting__icons {
34
33
  display: flex;
35
34
  flex-direction: column;
36
- justify-content: space-between;
35
+ /* justify-content: space-between; */
37
36
  align-items: centre;
38
37
  }
39
38
 
40
39
  .sorting__icons nile-icon:hover {
41
40
  opacity: 0.4;
42
41
  }
43
- `;export{i as s};
42
+ `;export{e as s};
@@ -1,2 +1,2 @@
1
- System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-row;\n width:100%;\n --nile-header-background:var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n"]))));}};});
1
+ System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-table-row.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width:100%;\n --nile-header-background:var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -1,12 +1,18 @@
1
1
  import{i as e}from"../index-cd2f9c12.esm.js";const o=e`
2
2
  :host {
3
3
  display: table-row;
4
- width:100%;
5
- --nile-header-background:var(--nile-table-header-background-color);
4
+ width: 100%;
5
+ height: 100%;
6
+ height: max-content;
7
+ --nile-header-background: var(--nile-table-header-background-color);
6
8
  border-bottom: 1px solid var(--nile-table-row-border-color);
7
9
  }
8
10
 
9
11
  slot::slotted(nile-table-header-item) {
10
12
  background-color: var(--nile-header-background);
11
13
  }
14
+
15
+ nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
16
+ color: red;
17
+ }
12
18
  `;export{o as s};