@aquera/nile-elements 0.0.49 → 0.0.50

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var t,a,r,e,i,s,l,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,o;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(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}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);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}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(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){a=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){s=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_property002CjsJs){n=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",o=/*#__PURE__*/function(_l){_inherits(o,_l);var _super=_createSuper(o);function o(){var _this;_classCallCheck(this,o);_this=_super.apply(this,arguments),_this.src="",_this.name="",_this.size="medium",_this.isRounded=!1,_this.isDefaultAvatar=!0,_this.defaultAvatarContent=a(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));return _this;}_createClass(o,[{key:"generateInitials",value:function generateInitials(t){if(!t)return"";var a=t.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return a.length>1?a[0]+a[1]:a[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var a=t.charCodeAt(0),r=1==t.length?a:t.charCodeAt(1);return(a*r+a%23+r%23)%5;}},{key:"handleImageError",value:function handleImageError(t){var r=this.generateInitials(this.name),e=this.generateVariantCode(r);this.defaultAvatarContent=a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div\n      class=","\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,variant__blue:1===e,variant__red:2===e,variant__green:3===e,variant__neutral:4===e}),r||a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>"])))),this.isDefaultAvatar=!1;}},{key:"render",value:function render(){return a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      ","\n    "])),this.isDefaultAvatar?a(_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):a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["",""])),this.defaultAvatarContent));}}],[{key:"styles",get:function get(){return[s];}}]);return o;}(l));t([n({type:String,reflect:!0})],o.prototype,"src",void 0),t([n({type:String,reflect:!0})],o.prototype,"name",void 0),t([n({reflect:!0})],o.prototype,"size",void 0),t([n({type:Boolean,reflect:!0})],o.prototype,"isRounded",void 0),t([r()],o.prototype,"isDefaultAvatar",void 0),t([r()],o.prototype,"defaultAvatarContent",void 0),_export("N",o=t([e("nile-avatar")],o));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.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(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}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);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}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(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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(){_export("N",n=/*#__PURE__*/function(_o){_inherits(n,_o);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,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;}_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];}}]);return n;}(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));}};});
 //# sourceMappingURL=nile-avatar.cjs.js.map

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

@@ -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  /** 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,\n        variant__blue: variant__code === 1,\n        variant__red: variant__code === 2,\n        variant__green: variant__code === 3,\n        variant__neutral: variant__code === 4,\n      })}\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","_l","_inherits","o","_super","_createSuper","this","src","name","size","isRounded","isDefaultAvatar","defaultAvatarContent","html","_templateObject","_taggedTemplateLiteral","_this","_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","get","styles","NileElement","__decorate","property","type","String","reflect","prototype","Boolean","state","_export","customElement"],"mappings":"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"}
+{"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","_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":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.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(){_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    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"]))));}};});
+System.register(["../index-cd83c5c8.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(){_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"]))));}};});
 //# sourceMappingURL=nile-avatar.css.cjs.js.map

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

@@ -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    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":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"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":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -7,6 +7,7 @@ import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
     font-family: var(--nile-font-family-serif);
     font-style: normal;
     font-weight: 500;
+    color:var(--nile-colors-white-base);
     text-transform: uppercase;
     display: flex;
     flex-direction: column;

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

@@ -1,13 +1,14 @@
-import{__decorate as t}from"tslib";import{x as a}from"../index-cd2f9c12.esm.js";import{state as r,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 l}from"../internal/nile-element.esm.js";import{n}from"../property-09139d3c.esm.js";import"lit";let o=class extends l{constructor(){super(...arguments),this.src="",this.name="",this.size="medium",this.isRounded=!1,this.isDefaultAvatar=!0,this.defaultAvatarContent=a``}static get styles(){return[s]}generateInitials(t){if(!t)return"";const a=t.split(" ").filter((t=>t.length>0)).map((t=>t.charAt(0).toUpperCase())).slice(0,2);return a.length>1?a[0]+a[1]:a[0]}generateVariantCode(t){const a=t.charCodeAt(0),r=1==t.length?a:t.charCodeAt(1);return(a*r+a%23+r%23)%5}handleImageError(t){const r=this.generateInitials(this.name),e=this.generateVariantCode(r);this.defaultAvatarContent=a`<div
-      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===e,variant__blue:1===e,variant__red:2===e,variant__green:3===e,variant__neutral:4===e})}
+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
+      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})}
+      style="background-color: ${this.color}; border-color: ${this.borderColor}; color:${this.textColor}"
     >
-      ${r||a`<nile-icon name="user" color="grey" size="14"></nile-icon>`}
-    </div>`,this.isDefaultAvatar=!1}render(){return a`
-      ${this.isDefaultAvatar?a` <img
+      ${e||r`<nile-icon name="user" color="grey" size="14"></nile-icon>`}
+    </div>`,this.isDefaultAvatar=!1}render(){return r`
+      ${this.isDefaultAvatar?r` <img
             src="${this.src}"
             class="avatar"
             class=${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})}
             style="	background-image: url(${this.src}), linear-gradient(lightgray, lightgray);"
             @error="${this.handleImageError}"
-          />`:a`${this.defaultAvatarContent}`}
-    `}};t([n({type:String,reflect:!0})],o.prototype,"src",void 0),t([n({type:String,reflect:!0})],o.prototype,"name",void 0),t([n({reflect:!0})],o.prototype,"size",void 0),t([n({type:Boolean,reflect:!0})],o.prototype,"isRounded",void 0),t([r()],o.prototype,"isDefaultAvatar",void 0),t([r()],o.prototype,"defaultAvatarContent",void 0),o=t([e("nile-avatar")],o);export{o as N};
+          />`:r`${this.defaultAvatarContent}`}
+    `}};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};

package/dist/nile-circular-progressbar/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-circular-progressbar.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-circular-progressbar.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileCircularProgressbarCjsJs){_export("NileCircularProgressbar",_nileCircularProgressbarCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileCircularProgressbarCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-circular-progressbar/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-circular-progressbar/index.esm.js

@@ -0,0 +1 @@
+export{N as NileCircularProgressbar}from"./nile-circular-progressbar.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-circular-progressbar.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";

package/dist/nile-circular-progressbar/nile-circular-progressbar.cjs.js

@@ -0,0 +1,2 @@
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-circular-progressbar.css.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var s,r,t,e,i,c,l,_templateObject,o;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(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _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);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}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(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.query;e=_litDecoratorsJs.customElement;},function(_nileCircularProgressbarCssCjsJs){i=_nileCircularProgressbarCssCjsJs.s;},function(_internalNileElementCjsJs){c=_internalNileElementCjsJs.N;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",o=/*#__PURE__*/function(_c){_inherits(o,_c);var _super=_createSuper(o);function o(){var _this;_classCallCheck(this,o);_this=_super.apply(this,arguments),_this.progress=50;return _this;}_createClass(o,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(o.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this2.progress<0&&(_this2.progress=0),_this2.progress>100&&(_this2.progress=100),_this2.setProgress(_this2.progress);});}},{key:"setProgress",value:function setProgress(s){var r=2*this.progressCircle.r.baseVal.value*Math.PI;this.progressCircle.style.strokeDasharray=r,this.progressCircle.style.strokeDashoffset=r-s/100*r;}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <svg width=\"40\" height=\"40\">\n        <circle r=\"19\" cx=\"20\" cy=\"20\" class=\"track\"></circle>\n        <circle r=\"19\" cx=\"20\" cy=\"20\" class=\"progress\"></circle>\n        <text\n          x=\"50%\"\n          y=\"50%\"\n          text-anchor=\"middle\"\n          alignment-baseline=\"middle\"\n          class=\"circle__text\"\n        >\n          "," %\n        </text>\n      </svg>\n    "])),this.progress);}}],[{key:"styles",get:function get(){return[i];}}]);return o;}(c));s([t(".progress")],o.prototype,"progressCircle",void 0),s([l({type:Number,reflect:!0})],o.prototype,"progress",void 0),_export("N",o=s([e("nile-circular-progressbar")],o));}};});
+//# sourceMappingURL=nile-circular-progressbar.cjs.js.map

package/dist/nile-circular-progressbar/nile-circular-progressbar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-circular-progressbar.cjs.js","sources":["../../../src/nile-circular-progressbar/nile-circular-progressbar.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, query } from 'lit/decorators.js';\nimport { styles } from './nile-circular-progressbar.css';\nimport NileElement from '../internal/nile-element';\nimport logInfo from '../nile-icon/icons/svg/log-info';\n\n/**\n * Nile icon component.\n *\n * @tag nile-progressbar\n *\n */\n@customElement('nile-circular-progressbar')\nexport class NileCircularProgressbar extends NileElement {\n  /**\n   * The styles for Progressbar\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  @query('.progress') progressCircle: any;\n  @property({ type: Number, reflect: true }) progress = 50;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  // make reactive to pass through\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateComplete.then(() => {\n      if (this.progress < 0) {\n        this.progress = 0;\n      }\n      if (this.progress > 100) {\n        this.progress = 100;\n      }\n      this.setProgress(this.progress);\n    });\n  }\n  private setProgress(percent: number) {\n    const circleRadius = this.progressCircle.r.baseVal.value;\n    let circumference = circleRadius * 2 * Math.PI;\n    this.progressCircle.style.strokeDasharray = circumference;\n    this.progressCircle.style.strokeDashoffset =\n      circumference - (percent / 100) * circumference;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <svg width=\"40\" height=\"40\">\n        <circle r=\"19\" cx=\"20\" cy=\"20\" class=\"track\"></circle>\n        <circle r=\"19\" cx=\"20\" cy=\"20\" class=\"progress\"></circle>\n        <text\n          x=\"50%\"\n          y=\"50%\"\n          text-anchor=\"middle\"\n          alignment-baseline=\"middle\"\n          class=\"circle__text\"\n        >\n          ${this.progress} %\n        </text>\n      </svg>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileCircularProgressbar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-circular-progressbar': NileCircularProgressbar;\n  }\n}\n"],"names":["NileCircularProgressbar","o","this","progress","_this","_createClass","key","value","connectedCallback","super","updateComplete","then","setProgress","percent","circumference","progressCircle","r","baseVal","Math","PI","style","strokeDasharray","strokeDashoffset","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","query","prototype","property","type","Number","reflect","customElement"],"mappings":"q3IA0BaA,uEAAN,SAAAC,EAAA,qEASsCC,EAAAA,KAAAA,CAAQC,SAAG,EAmDvD,QAAAC,KAAA,EAvDQC,YAAA,CAAAJ,CAAA,GAAAK,GAAA,qBAAAC,KAAA,CAgBP,SAAAC,kBAAA,CACEC,KAAAA,MAAAA,MAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAP,IAAKQ,CAAAA,cAAAA,CAAeC,KAAK,UACnBT,CAAAA,MAAAA,CAAKC,SAAW,CAClBD,GAAAA,MAAAA,CAAKC,QAAW,CAAA,CAAA,CAAA,CAEdD,OAAKC,QAAW,CAAA,GAAA,GAClBD,OAAKC,QAAW,CAAA,GAAA,CAAA,CAElBD,OAAKU,WAAYV,CAAAA,MAAAA,CAAKC,SAAS,EAElC,CAAA,EACO,GAAAG,GAAA,eAAAC,KAAA,UAAAK,YAAYC,CAAAA,CAAAA,CAElB,GAAIC,CAAAA,CAA+B,CAAA,CAAA,CADdZ,KAAKa,cAAeC,CAAAA,CAAAA,CAAEC,OAAQV,CAAAA,KAAAA,CACZW,KAAKC,EAC5CjB,CAAAA,IAAAA,CAAKa,eAAeK,KAAMC,CAAAA,eAAAA,CAAkBP,EAC5CZ,IAAKa,CAAAA,cAAAA,CAAeK,MAAME,gBACxBR,CAAAA,CAAAA,CAAiBD,EAAU,GAAOC,CAAAA,CACrC,EAEM,GAAAR,GAAA,UAAAC,KAAA,UAAAgB,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0aAWHxB,IAAKC,CAAAA,QAAAA,EAId,CAjDmBwB,KAAAA,GAAAA,UAAAA,GAAAA,CAHb,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAcD,WAAA5B,CAAA,GArB2C6B,CAAAA,GAQvBH,CAAAA,CAAA,CAAnBI,CAAAA,CAAM,WAAiC/B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAgC,UAAA,gBAAA,CAAA,IAAA,EAAA,CAAA,CACGL,CAAA,CAAA,CAA1CM,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAsBpC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAgC,SAAA,CAAA,UAAA,CAAA,IAAA,EAT9ChC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAuB2B,CAAA,CAAA,CADnCU,CAAc,CAAA,2BAAA,CAAA,CAAA,CACFrC"}

package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,t;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(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host{\n    \n  }\n  .track {\n    stroke-width: 2px;\n    stroke: var(--nile-colors-yellow-400);\n    opacity: 0.5;\n    fill: none;\n  }\n\n  .progress {\n    stroke-width: 2px;\n    stroke: #e5bf43;\n    stroke-linecap: round;\n    fill: none;\n    transform: rotate(270deg);\n    transform-origin: center;\n  }\n\n  .circle__text {\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    font-size: var(--nile-type-scale-1);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-1);\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n  }\n"]))));}};});
+//# sourceMappingURL=nile-circular-progressbar.css.cjs.js.map

package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-circular-progressbar.css.cjs.js","sources":["../../../src/nile-circular-progressbar/nile-circular-progressbar.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 * Progressbar CSS\n */\nexport const styles = css`\n  :host{\n    \n  }\n  .track {\n    stroke-width: 2px;\n    stroke: var(--nile-colors-yellow-400);\n    opacity: 0.5;\n    fill: none;\n  }\n\n  .progress {\n    stroke-width: 2px;\n    stroke: #e5bf43;\n    stroke-linecap: round;\n    fill: none;\n    transform: rotate(270deg);\n    transform-origin: center;\n  }\n\n  .circle__text {\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    font-size: var(--nile-type-scale-1);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-1);\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-circular-progressbar/nile-circular-progressbar.css.esm.js

@@ -0,0 +1,31 @@
+import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
+  :host{
+    
+  }
+  .track {
+    stroke-width: 2px;
+    stroke: var(--nile-colors-yellow-400);
+    opacity: 0.5;
+    fill: none;
+  }
+
+  .progress {
+    stroke-width: 2px;
+    stroke: #e5bf43;
+    stroke-linecap: round;
+    fill: none;
+    transform: rotate(270deg);
+    transform-origin: center;
+  }
+
+  .circle__text {
+    color: var(--nile-colors-dark-900);
+    text-align: center;
+    font-size: var(--nile-type-scale-1);
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular);
+    line-height: var(--nile-type-scale-1);
+    letter-spacing: 0.2px;
+    text-transform: uppercase;
+  }
+`;export{t as s};

package/dist/nile-circular-progressbar/nile-circular-progressbar.esm.js

@@ -0,0 +1,15 @@
+import{__decorate as s}from"tslib";import{x as r}from"../index-cd2f9c12.esm.js";import{query as e,customElement as t}from"lit/decorators.js";import{s as i}from"./nile-circular-progressbar.css.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let o=class extends c{constructor(){super(...arguments),this.progress=50}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.progress<0&&(this.progress=0),this.progress>100&&(this.progress=100),this.setProgress(this.progress)}))}setProgress(s){let r=2*this.progressCircle.r.baseVal.value*Math.PI;this.progressCircle.style.strokeDasharray=r,this.progressCircle.style.strokeDashoffset=r-s/100*r}render(){return r`
+      <svg width="40" height="40">
+        <circle r="19" cx="20" cy="20" class="track"></circle>
+        <circle r="19" cx="20" cy="20" class="progress"></circle>
+        <text
+          x="50%"
+          y="50%"
+          text-anchor="middle"
+          alignment-baseline="middle"
+          class="circle__text"
+        >
+          ${this.progress} %
+        </text>
+      </svg>
+    `}};s([e(".progress")],o.prototype,"progressCircle",void 0),s([l({type:Number,reflect:!0})],o.prototype,"progress",void 0),o=s([t("nile-circular-progressbar")],o);export{o as N};