@aquera/nile-elements 1.0.1-beta-1.2 → 1.0.1-beta-1.3

package/dist/nile-file-upload/nile-file-upload.template.esm.js

@@ -3,30 +3,30 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const t=1;class n{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,e,t){this._$Ct=i,this._$AM=e,this._$Ci=t}_$AS(i,e){return this.update(i,e)}update(i,e){return this.render(...e)}}
+ */const n=1;class o{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,e,n){this._$Ct=i,this._$AM=e,this._$Ci=n}_$AS(i,e){return this.update(i,e)}update(i,e){return this.render(...e)}}
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const l=(i=>(...e)=>({_$litDirective$:i,values:e}))(class extends n{constructor(i){if(super(i),i.type!==t||"class"!==i.name||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[t]){if(void 0===this.st){this.st=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in t)t[i]&&!this.nt?.has(i)&&this.st.add(i);return this.render(t)}const n=i.element.classList;for(const i of this.st)i in t||(n.remove(i),this.st.delete(i));for(const i in t){const e=!!t[i];e===this.st.has(i)||this.nt?.has(i)||(e?(n.add(i),this.st.add(i)):(n.remove(i),this.st.delete(i)))}return e}});let o;const s=i=>{o=i},a=(e,t,n,s,a)=>i`
+ */const t=(i=>(...e)=>({_$litDirective$:i,values:e}))(class extends o{constructor(i){if(super(i),i.type!==n||"class"!==i.name||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[n]){if(void 0===this.st){this.st=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in n)n[i]&&!this.nt?.has(i)&&this.st.add(i);return this.render(n)}const o=i.element.classList;for(const i of this.st)i in n||(o.remove(i),this.st.delete(i));for(const i in n){const e=!!n[i];e===this.st.has(i)||this.nt?.has(i)||(e?(o.add(i),this.st.add(i)):(o.remove(i),this.st.delete(i)))}return e}});let l;const s=i=>{l=i},a=(e,n,o,s,a)=>i`
   <div>
-    <div class=${l({"hover-border":"hover"===a,"horizontal-div":!0})}>
+    <div class=${t({"hover-border":"hover"===a,"horizontal-div":!0})}>
       <div class="inner-div">
         <slot name="uploadIcon">
-          <nile-icon name="upload" size="24"></nile-icon>
+          <nile-icon name="var(--nile-icon-upload, var(--ng-icon-upload-01))" size="24" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
         </slot>
         <div class="content">
           <slot name="title">
-            <h4>${t}</h4>
+            <h4>${n}</h4>
           </slot>
           <slot name="subtitle">
-            <p>${n}</p>
+            <p>${o}</p>
           </slot>
         </div>
       </div>
       <input
         type="file"
-        @change=${i=>o.handleFiles(i)}
+        @change=${i=>l.handleFiles(i)}
         multiple
       />
       <slot @click=${e} name="browseFileButton">
@@ -36,30 +36,30 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
       </slot>
     </div>
     ${s?i`<div class="upload-error">
-        <nile-icon name="warning" size="12" color="red"></nile-icon>
+        <nile-icon name="var(--nile-icon-warning, var(--ng-icon-alert-circle))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="12" color="red"></nile-icon>
         <span>${s}</span>
       </div>`:i``}
   </div>
-`,r=(e,t,n)=>i`
+`,r=(e,n,o)=>i`
   <div
     class="horizontal-div disable"
   >
      <div class="inner-div">
       <slot name="uploadIcon">
-        <nile-icon name="upload" size="24"></nile-icon>
+        <nile-icon name="var(--nile-icon-upload, var(--ng-icon-upload-01))" size="24" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
       </slot>
       <div class="content">
         <slot name="title">
-          <h4>${t}</h4>
+          <h4>${n}</h4>
         </slot>
         <slot name="subtitle">
-          <p>${n}</p>
+          <p>${o}</p>
         </slot>
       </div>
     </div>
     <input
       type="file"
-      @change=${i=>o.handleFiles(i)}
+      @change=${i=>l.handleFiles(i)}
       multiple
     />
     <slot @click=${e} name="browseFileButton">
@@ -73,36 +73,38 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
     <div class="icons-container">
       <nile-icon
         color="var(--nile-colors-blue-500)"
-        name="general"
+        name="var(--nile-icon-general, var(--ng-icon-file-06))"
+        method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
         size="20"
         class="general-icon"
       ></nile-icon>
       <nile-icon
         color="var(--nile-colors-blue-500)"
-        name="image"
+        name="var(--nile-icon-image, var(--ng-icon-image-03))"
+        method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
         size="24"
         class="image-icon"
       ></nile-icon>
     </div>
     <p>Drop files here to upload</p>
   </div>
-`,d=(e,t,n,s,a)=>i`
+`,v=(e,n,o,s,a)=>i`
   <div>
-    <div class=${l({"hover-border":"hover"===a,"vertical-div":!0})}>
+    <div class=${t({"hover-border":"hover"===a,"vertical-div":!0})}>
       <slot name="uploadIcon">
-        <nile-icon name="upload" size="24"></nile-icon>
+        <nile-icon name="var(--nile-icon-upload, var(--ng-icon-upload-01))" size="24" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
       </slot>
       <div class="content-container">
         <slot name="title">
-          <h4>${t}</h4>
+          <h4>${n}</h4>
         </slot>
         <slot name="subtitle">
-          <p>${n}</p>
+          <p>${o}</p>
         </slot>
       </div>
       <input
         type="file"
-        @change=${i=>o.handleFiles(i)}
+        @change=${i=>l.handleFiles(i)}
         multiple
       />
       <slot @click=${e} name="browseFileButton">
@@ -112,28 +114,28 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
       </slot>
     </div>
     ${s?i`<div class="upload-error">
-        <nile-icon name="warning" size="12" color="red"></nile-icon>
+        <nile-icon name="var(--nile-icon-warning, var(--ng-icon-alert-circle))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="12" color="red"></nile-icon>
         <span>${s}</span>
       </div>`:i``}
   </div>
-`,v=(e,t,n)=>i`
+`,d=(e,n,o)=>i`
   <div
     class="vertical-deafult vertical-div disable"
   >
     <slot name="uploadIcon">
-      <nile-icon name="upload" size="24"></nile-icon>
+      <nile-icon name="var(--nile-icon-upload, var(--ng-icon-upload-01))" size="24" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
     </slot>
     <div class="content-container">
       <slot name="title">
-        <h4>${t}</h4>
+        <h4>${n}</h4>
       </slot>
       <slot name="title">
-        <p>${n}</p>
+        <p>${o}</p>
       </slot>
     </div>
     <input
       type="file"
-      @change=${i=>o.handleFiles(i)}
+      @change=${i=>l.handleFiles(i)}
       multiple
     />
     <slot @click=${e} name="browseFileButton">
@@ -142,22 +144,24 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
       </nile-button>
     </slot>
   </div>
-`,u=()=>i`
+`,m=()=>i`
   <div class="vertical-div vertical-drag">
     <div class="icons-container">
       <nile-icon
         color="var(--nile-colors-blue-500)"
-        name="general"
+        name="var(--nile-icon-general, var(--ng-icon-file-06))"
+        method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
         size="20"
         class="general-icon"
       ></nile-icon>
       <nile-icon
         color="var(--nile-colors-blue-500)"
-        name="image"
+        name="var(--nile-icon-image, var(--ng-icon-image-03))"
+        method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
         size="24"
         class="image-icon"
       ></nile-icon>
     </div>
     <p>Drop files here to upload</p>
   </div>
-`;export{a,c as b,r as c,d,u as e,v as f,s as g};
+`;export{a,c as b,r as c,v as d,m as e,d as f,s as g};

package/dist/nile-filter-chip/nile-filter-chip.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../internal/nile-element.cjs.js","./nile-filter-chip.css.cjs.js"],function(_export,_context){"use strict";var e,t,s,i,l,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_n,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nileFilterChipCssCjsJs){a=_nileFilterChipCssCjsJs.s;}],execute:function execute(){_export("N",o=_n=/*#__PURE__*/function(_l){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.label="",_this.value="",_this.viewMoreCount=0,_this.editable=!1,_this.closable=!1,_this.icon="",_this.removeIcon="",_this.active=!1;return _this;}_inherits(n,_l);return _createClass(n,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(n,"connectedCallback",this,3)([]),this.registerChip();}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(n,"disconnectedCallback",this,3)([]),this.unregisterChip();}},{key:"registerChip",value:function registerChip(){_n.activeChips.push(this);}},{key:"unregisterChip",value:function unregisterChip(){var _this2=this;_n.activeChips=_n.activeChips.filter(function(e){return e!==_this2;});}},{key:"handleClose",value:function handleClose(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("nile-close",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}})),this.remove();}},{key:"handleClick",value:function handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}}));}},{key:"getLabelSlot",value:function getLabelSlot(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\" part=\"label\">",":</span>\n      </slot>\n    </span>\n\n    "])),this.label);}},{key:"getValueSlot",value:function getValueSlot(){return t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\" part=\"value\">","</span>\n      </slot>\n    </span>\n\n    "])),this.value);}},{key:"getviewMoreCountSlot",value:function getviewMoreCountSlot(){return t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <slot name=\"suffix\">\n        ","\n      </slot>\n    "])),this.viewMoreCount?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n          <span class=\"badge-wrapper\">\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +","\n              </nile-badge>\n          </span>\n\n            "])),this.viewMoreCount):t(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));}},{key:"getCloseIconSlot",value:function getCloseIconSlot(){return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      ","\n    "])),this.closable?t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n            <span class=\"close-icon\" @click=\"","\">\n              <nile-icon name=\"","\" size=\"12\"></nile-icon>\n            </span>\n          "])),this.handleClose,this.removeIcon||"close"):t(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))));}},{key:"render",value:function render(){return t(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <div class=\"chip\" @click=\"","\">\n        <slot name=\"icon\">\n          ","\n        </slot>\n        ","\n        <slot name=\"content\"></slot>\n        ","\n        ","\n        ","\n      </div>\n    "])),this.handleClick,this.icon?t(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span class=\"icon\">","</span>"])),this.icon):t(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))),this.getLabelSlot(),this.getValueSlot(),this.getviewMoreCountSlot(),this.getCloseIconSlot());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));o.activeChips=[],e([s({type:String})],o.prototype,"label",void 0),e([s({type:String})],o.prototype,"value",void 0),e([s({type:Number})],o.prototype,"viewMoreCount",void 0),e([s({type:Boolean})],o.prototype,"editable",void 0),e([s({type:Boolean})],o.prototype,"closable",void 0),e([s({type:String})],o.prototype,"icon",void 0),e([s({type:String})],o.prototype,"removeIcon",void 0),e([s({type:Boolean,reflect:!0})],o.prototype,"active",void 0),_export("N",o=_n=e([i("nile-filter-chip")],o));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../internal/nile-element.cjs.js","./nile-filter-chip.css.cjs.js"],function(_export,_context){"use strict";var e,t,s,i,l,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_o,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nileFilterChipCssCjsJs){n=_nileFilterChipCssCjsJs.s;}],execute:function execute(){_export("N",a=_o=/*#__PURE__*/function(_l){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.label="",_this.value="",_this.viewMoreCount=0,_this.editable=!1,_this.closable=!1,_this.icon="",_this.removeIcon="",_this.active=!1;return _this;}_inherits(o,_l);return _createClass(o,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(o,"connectedCallback",this,3)([]),this.registerChip();}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(o,"disconnectedCallback",this,3)([]),this.unregisterChip();}},{key:"registerChip",value:function registerChip(){_o.activeChips.push(this);}},{key:"unregisterChip",value:function unregisterChip(){var _this2=this;_o.activeChips=_o.activeChips.filter(function(e){return e!==_this2;});}},{key:"handleClose",value:function handleClose(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("nile-close",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}})),this.remove();}},{key:"handleClick",value:function handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}}));}},{key:"getLabelSlot",value:function getLabelSlot(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\" part=\"label\">",":</span>\n      </slot>\n    </span>\n\n    "])),this.label);}},{key:"getValueSlot",value:function getValueSlot(){return t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\" part=\"value\">","</span>\n      </slot>\n    </span>\n\n    "])),this.value);}},{key:"getviewMoreCountSlot",value:function getviewMoreCountSlot(){return t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <slot name=\"suffix\">\n        ","\n      </slot>\n    "])),this.viewMoreCount?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n          <span class=\"badge-wrapper\">\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +","\n              </nile-badge>\n          </span>\n\n            "])),this.viewMoreCount):t(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));}},{key:"getCloseIconSlot",value:function getCloseIconSlot(){return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      ","\n    "])),this.closable?t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n            <span class=\"close-icon\" @click=\"","\">\n              <nile-icon name=\"","\" size=\"12\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n            </span>\n          "])),this.handleClose,this.removeIcon||"var(--nile-icon-close, var(--ng-icon-x-close))"):t(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))));}},{key:"render",value:function render(){return t(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <div class=\"chip\" @click=\"","\">\n        <slot name=\"icon\">\n          ","\n        </slot>\n        ","\n        <slot name=\"content\"></slot>\n        ","\n        ","\n        ","\n      </div>\n    "])),this.handleClick,this.icon?t(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span class=\"icon\">","</span>"])),this.icon):t(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))),this.getLabelSlot(),this.getValueSlot(),this.getviewMoreCountSlot(),this.getCloseIconSlot());}}],[{key:"styles",get:function get(){return[n];}}]);}(l));a.activeChips=[],e([s({type:String})],a.prototype,"label",void 0),e([s({type:String})],a.prototype,"value",void 0),e([s({type:Number})],a.prototype,"viewMoreCount",void 0),e([s({type:Boolean})],a.prototype,"editable",void 0),e([s({type:Boolean})],a.prototype,"closable",void 0),e([s({type:String})],a.prototype,"icon",void 0),e([s({type:String})],a.prototype,"removeIcon",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0),_export("N",a=_o=e([i("nile-filter-chip")],a));}};});
 //# sourceMappingURL=nile-filter-chip.cjs.js.map

package/dist/nile-filter-chip/nile-filter-chip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-filter-chip.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n  @property({ type: String }) label = '';\n  @property({ type: String }) value = '';\n  @property({ type: Number }) viewMoreCount: number = 0;\n  @property({ type: Boolean }) editable = false;\n  @property({ type: Boolean }) closable = false;\n  @property({ type: String }) icon = '';\n  @property({ type: String }) removeIcon = '';\n  @property({ type: Boolean, reflect: true }) active = false;\n\n\n  private static activeChips: NileFilterChip[] = [];\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.registerChip();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregisterChip();\n  }\n\n  private registerChip() {\n    NileFilterChip.activeChips.push(this);\n  }\n\n  private unregisterChip() {\n    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n      (chip) => chip !== this\n    );\n  }\n\n  private handleClose(event: Event) {\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('nile-close', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n    this.remove();\n  }\n\n  private handleClick() {\n    this.dispatchEvent(\n      new CustomEvent('nile-click', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n  }\n\n  private getLabelSlot(): TemplateResult {\n    return html`\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\" part=\"label\">${this.label}:</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getValueSlot(): TemplateResult {\n    return html`\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\" part=\"value\">${this.value}</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getviewMoreCountSlot(): TemplateResult {\n    return html`\n      <slot name=\"suffix\">\n        ${this.viewMoreCount\n          ? html`\n          <span class=\"badge-wrapper\">\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +${this.viewMoreCount}\n              </nile-badge>\n          </span>\n\n            `\n          : html``}\n      </slot>\n    `;\n  }\n\n  private getCloseIconSlot(): TemplateResult {\n    return html`\n      ${this.closable\n        ? html`\n            <span class=\"close-icon\" @click=\"${this.handleClose}\">\n              <nile-icon name=\"${this.removeIcon || 'close'}\" size=\"12\"></nile-icon>\n            </span>\n          `\n        : html``}\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip\" @click=\"${this.handleClick}\">\n        <slot name=\"icon\">\n          ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n        </slot>\n        ${this.getLabelSlot()}\n        <slot name=\"content\"></slot>\n        ${this.getValueSlot()}\n        ${this.getviewMoreCountSlot()}\n        ${this.getCloseIconSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-filter-chip': NileFilterChip;\n  }\n}\n"],"names":["NileFilterChip","NileFilterChip_1","_l","n","this","label","value","viewMoreCount","editable","closable","icon","removeIcon","active","_this","_inherits","_createClass","key","connectedCallback","super","registerChip","disconnectedCallback","unregisterChip","activeChips","push","filter","chip","handleClose","event","stopPropagation","dispatchEvent","CustomEvent","detail","remove","handleClick","getLabelSlot","html","_templateObject","_taggedTemplateLiteral","getValueSlot","_templateObject2","getviewMoreCountSlot","_templateObject3","_templateObject4","_templateObject5","getCloseIconSlot","_templateObject6","_templateObject7","_templateObject8","render","_templateObject9","_templateObject10","_templateObject11","get","styles","NileElement","__decorate","property","type","String","prototype","Number","Boolean","reflect","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-filter-chip.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n  @property({ type: String }) label = '';\n  @property({ type: String }) value = '';\n  @property({ type: Number }) viewMoreCount: number = 0;\n  @property({ type: Boolean }) editable = false;\n  @property({ type: Boolean }) closable = false;\n  @property({ type: String }) icon = '';\n  @property({ type: String }) removeIcon = '';\n  @property({ type: Boolean, reflect: true }) active = false;\n\n\n  private static activeChips: NileFilterChip[] = [];\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.registerChip();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregisterChip();\n  }\n\n  private registerChip() {\n    NileFilterChip.activeChips.push(this);\n  }\n\n  private unregisterChip() {\n    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n      (chip) => chip !== this\n    );\n  }\n\n  private handleClose(event: Event) {\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('nile-close', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n    this.remove();\n  }\n\n  private handleClick() {\n    this.dispatchEvent(\n      new CustomEvent('nile-click', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n  }\n\n  private getLabelSlot(): TemplateResult {\n    return html`\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\" part=\"label\">${this.label}:</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getValueSlot(): TemplateResult {\n    return html`\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\" part=\"value\">${this.value}</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getviewMoreCountSlot(): TemplateResult {\n    return html`\n      <slot name=\"suffix\">\n        ${this.viewMoreCount\n          ? html`\n          <span class=\"badge-wrapper\">\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +${this.viewMoreCount}\n              </nile-badge>\n          </span>\n\n            `\n          : html``}\n      </slot>\n    `;\n  }\n\n  private getCloseIconSlot(): TemplateResult {\n    return html`\n      ${this.closable\n        ? html`\n            <span class=\"close-icon\" @click=\"${this.handleClose}\">\n              <nile-icon name=\"${this.removeIcon || 'var(--nile-icon-close, var(--ng-icon-x-close))'}\" size=\"12\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n            </span>\n          `\n        : html``}\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip\" @click=\"${this.handleClick}\">\n        <slot name=\"icon\">\n          ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n        </slot>\n        ${this.getLabelSlot()}\n        <slot name=\"content\"></slot>\n        ${this.getValueSlot()}\n        ${this.getviewMoreCountSlot()}\n        ${this.getCloseIconSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-filter-chip': NileFilterChip;\n  }\n}\n"],"names":["NileFilterChip","NileFilterChip_1","_l","o","this","label","value","viewMoreCount","editable","closable","icon","removeIcon","active","_this","_inherits","_createClass","key","connectedCallback","super","registerChip","disconnectedCallback","unregisterChip","activeChips","push","filter","chip","handleClose","event","stopPropagation","dispatchEvent","CustomEvent","detail","remove","handleClick","getLabelSlot","html","_templateObject","_taggedTemplateLiteral","getValueSlot","_templateObject2","getviewMoreCountSlot","_templateObject3","_templateObject4","_templateObject5","getCloseIconSlot","_templateObject6","_templateObject7","_templateObject8","render","_templateObject9","_templateObject10","_templateObject11","get","styles","NileElement","__decorate","property","type","String","prototype","Number","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/nile-filter-chip/nile-filter-chip.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{N as l}from"../internal/nile-element.esm.js";import{s as a}from"./nile-filter-chip.css.esm.js";var n;let o=n=class extends l{constructor(){super(...arguments),this.label="",this.value="",this.viewMoreCount=0,this.editable=!1,this.closable=!1,this.icon="",this.removeIcon="",this.active=!1}static get styles(){return[a]}connectedCallback(){super.connectedCallback(),this.registerChip()}disconnectedCallback(){super.disconnectedCallback(),this.unregisterChip()}registerChip(){n.activeChips.push(this)}unregisterChip(){n.activeChips=n.activeChips.filter((e=>e!==this))}handleClose(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("nile-close",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}})),this.remove()}handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}}))}getLabelSlot(){return t`
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{N as l}from"../internal/nile-element.esm.js";import{s as n}from"./nile-filter-chip.css.esm.js";var o;let a=o=class extends l{constructor(){super(...arguments),this.label="",this.value="",this.viewMoreCount=0,this.editable=!1,this.closable=!1,this.icon="",this.removeIcon="",this.active=!1}static get styles(){return[n]}connectedCallback(){super.connectedCallback(),this.registerChip()}disconnectedCallback(){super.disconnectedCallback(),this.unregisterChip()}registerChip(){o.activeChips.push(this)}unregisterChip(){o.activeChips=o.activeChips.filter((e=>e!==this))}handleClose(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("nile-close",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}})),this.remove()}handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}}))}getLabelSlot(){return t`
     <span class="label-wrapper">
       <slot name="label">
         <span class="label" part="label">${this.label}:</span>
@@ -26,7 +26,7 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
     `}getCloseIconSlot(){return t`
       ${this.closable?t`
             <span class="close-icon" @click="${this.handleClose}">
-              <nile-icon name="${this.removeIcon||"close"}" size="12"></nile-icon>
+              <nile-icon name="${this.removeIcon||"var(--nile-icon-close, var(--ng-icon-x-close))"}" size="12" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
             </span>
           `:t``}
     `}render(){return t`
@@ -40,4 +40,4 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
         ${this.getviewMoreCountSlot()}
         ${this.getCloseIconSlot()}
       </div>
-    `}};o.activeChips=[],e([s({type:String})],o.prototype,"label",void 0),e([s({type:String})],o.prototype,"value",void 0),e([s({type:Number})],o.prototype,"viewMoreCount",void 0),e([s({type:Boolean})],o.prototype,"editable",void 0),e([s({type:Boolean})],o.prototype,"closable",void 0),e([s({type:String})],o.prototype,"icon",void 0),e([s({type:String})],o.prototype,"removeIcon",void 0),e([s({type:Boolean,reflect:!0})],o.prototype,"active",void 0),o=n=e([i("nile-filter-chip")],o);export{o as N};
+    `}};a.activeChips=[],e([s({type:String})],a.prototype,"label",void 0),e([s({type:String})],a.prototype,"value",void 0),e([s({type:Number})],a.prototype,"viewMoreCount",void 0),e([s({type:Boolean})],a.prototype,"editable",void 0),e([s({type:Boolean})],a.prototype,"closable",void 0),e([s({type:String})],a.prototype,"icon",void 0),e([s({type:String})],a.prototype,"removeIcon",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0),a=o=e([i("nile-filter-chip")],a);export{a as N};

package/dist/nile-form-error-message/nile-form-error-message.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";var r,e,s,o,i,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileFormErrorMessageCssCjsJs){i=_nileFormErrorMessageCssCjsJs.s;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_e){function l(){_classCallCheck(this,l);return _callSuper(this,l,arguments);}_inherits(l,_e);return _createClass(l,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);}(e));_export("N",l=r([o("nile-form-error-message")],l));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";var r,e,o,s,i,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_lit){e=_lit.LitElement;o=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileFormErrorMessageCssCjsJs){i=_nileFormErrorMessageCssCjsJs.s;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_e){function l(){_classCallCheck(this,l);return _callSuper(this,l,arguments);}_inherits(l,_e);return _createClass(l,[{key:"render",value:function render(){return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);}(e));_export("N",l=r([s("nile-form-error-message")],l));}};});
 //# sourceMappingURL=nile-form-error-message.cjs.js.map

package/dist/nile-form-error-message/nile-form-error-message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.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, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-form-error-message.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-error-message\n *\n */\n@customElement('nile-form-error-message')\nexport class NileFormErrorMessage extends LitElement {\n\n\t/**\n\t * The styles for FormErrorMessage\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFormErrorMessage;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-error-message': NileFormErrorMessage;\n  }\n}\n"],"names":["NileFormErrorMessage","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","LitElement","__decorate","customElement"],"mappings":"yiGAkBaA,CAAAA,uBAAAA,EAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,UAAAA,MAAAA,CAAAA,CAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6QAKX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAlBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,MAlBkCC,CAMlC,GANKR,OAAAA,KAAAA,CAAoBS,CAAAA,CAAAA,CAAA,CADhCC,CAAAA,CAAc,4BACFV"}
+{"version":3,"file":"nile-form-error-message.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.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, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-form-error-message.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-error-message\n *\n */\n@customElement('nile-form-error-message')\nexport class NileFormErrorMessage extends LitElement {\n\n\t/**\n\t * The styles for FormErrorMessage\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFormErrorMessage;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-error-message': NileFormErrorMessage;\n  }\n}\n"],"names":["NileFormErrorMessage","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","LitElement","__decorate","customElement"],"mappings":"yiGAkBaA,CAAAA,uBAAAA,EAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,UAAAA,MAAAA,CAAAA,CAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6XAKX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAlBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,MAlBkCC,CAMlC,GANKR,OAAAA,KAAAA,CAAoBS,CAAAA,CAAAA,CAAA,CADhCC,CAAAA,CAAc,4BACFV"}

package/dist/nile-form-error-message/nile-form-error-message.esm.js

@@ -1,5 +1,5 @@
-import{__decorate as r}from"tslib";import{LitElement as e,html as s}from"lit";import{customElement as o}from"lit/decorators.js";import{s as i}from"./nile-form-error-message.css.esm.js";let l=class extends e{static get styles(){return[i]}render(){return s`
+import{__decorate as r}from"tslib";import{LitElement as e,html as o}from"lit";import{customElement as s}from"lit/decorators.js";import{s as i}from"./nile-form-error-message.css.esm.js";let l=class extends e{static get styles(){return[i]}render(){return o`
       <div class="nile-form-error-message">
-       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))"> </nile-icon> <slot> </slot>
+       <nile-icon name="var(--nile-icon-info, var(--ng-icon-info-circle))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))"> </nile-icon> <slot> </slot>
         </div>
-			`}};l=r([o("nile-form-error-message")],l);export{l as N};
+			`}};l=r([s("nile-form-error-message")],l);export{l as N};

package/dist/nile-form-help-text/nile-form-help-text.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,o,r,l,n,h,a,_templateObject,_templateObject2,p;function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;r=_litDecoratorsJs.state;l=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){h=_nileFormHelpTextCssCjsJs.s;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_e){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.isExpanded=!1,_this.showButton=!1;return _this;}_inherits(p,_e);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.resizeObserver.disconnect();}},{key:"render",value:function render(){var t=this.isExpanded?"arrowup":"arrowdown";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div \n      class=\"","\" \n      part=\"container\"\n    >\n      <span\n        class=\"","\"\n        >\n        <slot @slotchange=\"","\"></slot>\n      </span>\n      ","\n    </div>\n  "])),a({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded}),a({help__text__full:!0,"help__text__full--expanded":this.isExpanded}),this.decideToToggleShowButton,this.showButton?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=","\n        >","\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"","\"></nile-icon>\n        </span>\n      "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",t):i);}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"decideToToggleShowButton",value:function decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth);}},{key:"observeWidthChange",value:function observeWidthChange(t){var _this2=this;var e=new ResizeObserver(function(t){var _iterator=_createForOfIteratorHelper(t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _e2=_step.value;_e2.contentRect.width&&_this2.decideToToggleShowButton();}}catch(err){_iterator.e(err);}finally{_iterator.f();}});return e.observe(t),e;}}],[{key:"styles",get:function get(){return[h];}}]);}(e));t([o({type:Boolean,reflect:!0})],p.prototype,"isExpanded",void 0),t([r()],p.prototype,"showButton",void 0),t([l(".help__text__full")],p.prototype,"textContainer",void 0),_export("N",p=t([n("nile-form-help-text")],p));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,o,r,n,l,a,h,_templateObject,_templateObject2,c;function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;r=_litDecoratorsJs.state;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){a=_nileFormHelpTextCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_e){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.isExpanded=!1,_this.showButton=!1;return _this;}_inherits(c,_e);return _createClass(c,[{key:"firstUpdated",value:function firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.resizeObserver.disconnect();}},{key:"render",value:function render(){var t=this.isExpanded?"var(--nile-icon-arrow-up, var(--ng-icon-chevron-up))":"var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div \n      class=\"","\" \n      part=\"container\"\n    >\n      <span\n        class=\"","\"\n        >\n        <slot @slotchange=\"","\"></slot>\n      </span>\n      ","\n    </div>\n  "])),h({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded}),h({help__text__full:!0,"help__text__full--expanded":this.isExpanded}),this.decideToToggleShowButton,this.showButton?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=","\n        >","\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"","\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n        </span>\n      "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",t):i);}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"decideToToggleShowButton",value:function decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth);}},{key:"observeWidthChange",value:function observeWidthChange(t){var _this2=this;var e=new ResizeObserver(function(t){var _iterator=_createForOfIteratorHelper(t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _e2=_step.value;_e2.contentRect.width&&_this2.decideToToggleShowButton();}}catch(err){_iterator.e(err);}finally{_iterator.f();}});return e.observe(t),e;}}],[{key:"styles",get:function get(){return[a];}}]);}(e));t([o({type:Boolean,reflect:!0})],c.prototype,"isExpanded",void 0),t([r()],c.prototype,"showButton",void 0),t([n(".help__text__full")],c.prototype,"textContainer",void 0),_export("N",c=t([l("nile-form-help-text")],c));}};});
 //# sourceMappingURL=nile-form-help-text.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.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, CSSResultArray, TemplateResult, nothing, PropertyValues} from 'lit';\nimport { customElement, query, property, state } from 'lit/decorators.js';\nimport {styles} from './nile-form-help-text.css';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-help-text\n *\n */\n@customElement('nile-form-help-text')\nexport class NileFormHelpText extends LitElement {\n  /**\n   * The styles for FormHelpText\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  @property({ type: Boolean, reflect: true  }) isExpanded: boolean = false;\n\n  @state() showButton: boolean = false;\n\n  @query('.help__text__full') textContainer:HTMLSpanElement;\n\n  private resizeObserver:ResizeObserver;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.resizeObserver=this.observeWidthChange(this.textContainer);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n    return html`\n    <div \n      class=\"${classMap({\n        'nile-form-help-text':true,\n        \"nile-form-help-text--expanded\":this.isExpanded\n        })}\" \n      part=\"container\"\n    >\n      <span\n        class=\"${classMap({\n          \"help__text__full\":true,\n          \"help__text__full--expanded\":this.isExpanded\n          })}\"\n        >\n        <slot @slotchange=\"${this.decideToToggleShowButton}\"></slot>\n      </span>\n      ${this.showButton?html`\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=${this.toggleExpanded}\n        >${this.isExpanded ? 'View Less' : 'View More'}\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"${iconName}\"></nile-icon>\n        </span>\n      `:nothing}\n    </div>\n  `;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n  \n  decideToToggleShowButton(){\n    if(!this.textContainer) return;\n    this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth\n  }\n\n  /**\n   * Logs whenever the width of an element changes.\n   * @param {HTMLElement} element - The element to observe for width changes.\n   */\n  observeWidthChange(element:HTMLElement) {\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (let entry of entries) {\n        const newWidth = entry.contentRect.width;\n        if (newWidth) this.decideToToggleShowButton();\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    return resizeObserver; // Return observer to allow disconnection if needed\n  }\n}\n\nexport default NileFormHelpText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-help-text': NileFormHelpText;\n  }\n}"],"names":["NileFormHelpText","p","constructor","this","isExpanded","showButton","_this","_inherits","_e","_createClass","key","value","firstUpdated","_changedProperties","resizeObserver","observeWidthChange","textContainer","disconnectedCallback","disconnect","render","iconName","html","_templateObject","_taggedTemplateLiteral","classMap","help__text__full","decideToToggleShowButton","_templateObject2","toggleExpanded","nothing","clientWidth","scrollWidth","element","ResizeObserver","entries","_step","_iterator","s","n","done","entry","contentRect","width","err","e","f","observe","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-form-help-text.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.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, CSSResultArray, TemplateResult, nothing, PropertyValues} from 'lit';\nimport { customElement, query, property, state } from 'lit/decorators.js';\nimport {styles} from './nile-form-help-text.css';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-help-text\n *\n */\n@customElement('nile-form-help-text')\nexport class NileFormHelpText extends LitElement {\n  /**\n   * The styles for FormHelpText\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  @property({ type: Boolean, reflect: true  }) isExpanded: boolean = false;\n\n  @state() showButton: boolean = false;\n\n  @query('.help__text__full') textContainer:HTMLSpanElement;\n\n  private resizeObserver:ResizeObserver;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.resizeObserver=this.observeWidthChange(this.textContainer);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    const iconName = this.isExpanded ? 'var(--nile-icon-arrow-up, var(--ng-icon-chevron-up))' : 'var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))';\n\n    return html`\n    <div \n      class=\"${classMap({\n        'nile-form-help-text':true,\n        \"nile-form-help-text--expanded\":this.isExpanded\n        })}\" \n      part=\"container\"\n    >\n      <span\n        class=\"${classMap({\n          \"help__text__full\":true,\n          \"help__text__full--expanded\":this.isExpanded\n          })}\"\n        >\n        <slot @slotchange=\"${this.decideToToggleShowButton}\"></slot>\n      </span>\n      ${this.showButton?html`\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=${this.toggleExpanded}\n        >${this.isExpanded ? 'View Less' : 'View More'}\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"${iconName}\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n        </span>\n      `:nothing}\n    </div>\n  `;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n  \n  decideToToggleShowButton(){\n    if(!this.textContainer) return;\n    this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth\n  }\n\n  /**\n   * Logs whenever the width of an element changes.\n   * @param {HTMLElement} element - The element to observe for width changes.\n   */\n  observeWidthChange(element:HTMLElement) {\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (let entry of entries) {\n        const newWidth = entry.contentRect.width;\n        if (newWidth) this.decideToToggleShowButton();\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    return resizeObserver; // Return observer to allow disconnection if needed\n  }\n}\n\nexport default NileFormHelpText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-help-text': NileFormHelpText;\n  }\n}"],"names":["NileFormHelpText","c","constructor","this","isExpanded","showButton","_this","_inherits","_e","_createClass","key","value","firstUpdated","_changedProperties","resizeObserver","observeWidthChange","textContainer","disconnectedCallback","disconnect","render","iconName","html","_templateObject","_taggedTemplateLiteral","classMap","help__text__full","decideToToggleShowButton","_templateObject2","toggleExpanded","nothing","clientWidth","scrollWidth","element","ResizeObserver","entries","_step","_iterator","s","n","done","entry","contentRect","width","err","e","f","observe","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"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"}

package/dist/nile-form-help-text/nile-form-help-text.esm.js

@@ -1,10 +1,10 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as s,nothing as i}from"lit";import{property as o,state as r,query as l,customElement as n}from"lit/decorators.js";import{s as h}from"./nile-form-help-text.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";let p=class extends e{constructor(){super(...arguments),this.isExpanded=!1,this.showButton=!1}static get styles(){return[h]}firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){const t=this.isExpanded?"arrowup":"arrowdown";return s`
+import{__decorate as t}from"tslib";import{LitElement as e,html as s,nothing as i}from"lit";import{property as o,state as r,query as n,customElement as l}from"lit/decorators.js";import{s as a}from"./nile-form-help-text.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";let c=class extends e{constructor(){super(...arguments),this.isExpanded=!1,this.showButton=!1}static get styles(){return[a]}firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){const t=this.isExpanded?"var(--nile-icon-arrow-up, var(--ng-icon-chevron-up))":"var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))";return s`
     <div 
-      class="${a({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded})}" 
+      class="${h({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded})}" 
       part="container"
     >
       <span
-        class="${a({help__text__full:!0,"help__text__full--expanded":this.isExpanded})}"
+        class="${h({help__text__full:!0,"help__text__full--expanded":this.isExpanded})}"
         >
         <slot @slotchange="${this.decideToToggleShowButton}"></slot>
       </span>
@@ -14,8 +14,8 @@ import{__decorate as t}from"tslib";import{LitElement as e,html as s,nothing as i
           part="toggle-button"
           @click=${this.toggleExpanded}
         >${this.isExpanded?"View Less":"View More"}
-          <nile-icon color="#005EA6" part="icon" size="14" name="${t}"></nile-icon>
+          <nile-icon color="#005EA6" part="icon" size="14" name="${t}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
         </span>
       `:i}
     </div>
-  `}toggleExpanded(){this.isExpanded=!this.isExpanded}decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth)}observeWidthChange(t){const e=new ResizeObserver((t=>{for(let e of t){e.contentRect.width&&this.decideToToggleShowButton()}}));return e.observe(t),e}};t([o({type:Boolean,reflect:!0})],p.prototype,"isExpanded",void 0),t([r()],p.prototype,"showButton",void 0),t([l(".help__text__full")],p.prototype,"textContainer",void 0),p=t([n("nile-form-help-text")],p);export{p as N};
+  `}toggleExpanded(){this.isExpanded=!this.isExpanded}decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth)}observeWidthChange(t){const e=new ResizeObserver((t=>{for(let e of t){e.contentRect.width&&this.decideToToggleShowButton()}}));return e.observe(t),e}};t([o({type:Boolean,reflect:!0})],c.prototype,"isExpanded",void 0),t([r()],c.prototype,"showButton",void 0),t([n(".help__text__full")],c.prototype,"textContainer",void 0),c=t([l("nile-form-help-text")],c);export{c as N};

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var e,t,i,r,s,o,a,_templateObject,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;r=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){s=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_o){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.icon="action",_this.collapse=!1,_this.imgSrc="",_this.heroText="";return _this;}_inherits(c,_o);return _createClass(c,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div part=\"nile__hero__container\" class=",">\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:","\" hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:","\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"stroke\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:","\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),a({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse}),this.collapse?1:0,this.heroText,this.icon,this.collapse?0:1,this.icon,this.collapse?0:1,this.imgSrc);}}],[{key:"styles",get:function get(){return[s];}}]);}(o));e([i({reflect:!0})],c.prototype,"icon",void 0),e([i({reflect:!0,type:Boolean})],c.prototype,"collapse",void 0),e([i({reflect:!0,attribute:"img-src"})],c.prototype,"imgSrc",void 0),e([i({reflect:!0,attribute:"hero-text"})],c.prototype,"heroText",void 0),_export("N",c=e([r("nile-hero")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var e,t,i,o,r,s,n,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){r=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.icon="var(--nile-icon-action, var(--ng-icon-action))",_this.collapse=!1,_this.imgSrc="",_this.heroText="";return _this;}_inherits(a,_s);return _createClass(a,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div part=\"nile__hero__container\" class=",">\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:","\" hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:","\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:","\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),n({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse}),this.collapse?1:0,this.heroText,this.icon,this.collapse?0:1,this.icon,this.collapse?0:1,this.imgSrc);}}],[{key:"styles",get:function get(){return[r];}}]);}(s));e([i({reflect:!0})],a.prototype,"icon",void 0),e([i({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([i({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([i({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),_export("N",a=e([o("nile-hero")],a));}};});
 //# sourceMappingURL=nile-hero.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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, CSSResultArray, TemplateResult,nothing} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile hero component.\n *\n * @tag nile-hero\n *\n */\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = '';\n\n\t/**\n\t * The styles for nile-hero\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div part=\"nile__hero__container\" class=${classMap({\n\t\t\t\"hero__container\":true,\n\t\t\t\"hero__container--collapsed\":this.collapse,\n\t\t\t\"hero__container--expanded\":!this.collapse\n\t\t})}>\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:${this.collapse?1:0}\" hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:${this.collapse?0:1}\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"stroke\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:${this.collapse?0:1}\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero': NileHero;\n  }\n}"],"names":["NileHero","_o","c","constructor","this","icon","collapse","imgSrc","heroText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","hero__container","__decorate","get","styles","NileElement","property","reflect","prototype","type","Boolean","attribute","_export","customElement"],"mappings":"8tGAqBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCACuBC,EAAAA,KAAAA,CAAIC,IAAW,CAAA,QAAA,CACAD,KAAAA,CAAQE,QAAY,CAAA,CAAA,CAAA,CAEbF,KAAAA,CAAMG,MAAW,CAAA,EAAA,CACfH,KAAAA,CAAQI,QAAW,CAAA,EAyCxE,QAAAC,KAAA,EAnCOC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,UAAAC,KAAA,CAWA,SAAAC,MAAAA,CAAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4qBAC+BC,CAAAA,CAAS,CAClDC,eAAkB,CAAA,CAAA,CAAA,CAClB,6BAA6Bf,IAAKE,CAAAA,QAAAA,CAClC,6BAA6BF,IAAKE,CAAAA,QAAAA,CAAAA,CAAAA,CAE2DF,IAAAA,CAAKE,QAAS,CAAA,CAAA,CAAE,CAAiBF,CAAAA,IAAAA,CAAKI,SAAmBJ,IAAKC,CAAAA,IAAAA,CACvGD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CAGrBF,IAAKC,CAAAA,IAAAA,CAKAD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CACvDF,IAAKG,CAAAA,MAAAA,EAInB,CA1C4Ba,KAAAA,GAAAA,UAAAA,GAAAA,CAUtB,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EASM,MAtBsBC,IACAH,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,SAAS,CAAgCzB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0B,SAAA,CAAA,MAAA,CAAA,IAAA,EACTN,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAME,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqC5B,EAAA0B,SAAA,CAAA,UAAA,CAAA,IAAA,EAEnBN,CAAAA,CAAAA,CAAAA,CAAA,CAAlDI,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMI,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAiC7B,CAAA0B,CAAAA,SAAAA,CAAA,aAAA,EAClBN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,EAAMI,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAAqC7B,CAAA0B,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KAL/D9B,EAAQoB,CAAA,CAAA,CADpBW,CAAc,CAAA,WAAA,CAAA,CAAA,CACF/B"}
+{"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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, CSSResultArray, TemplateResult,nothing} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile hero component.\n *\n * @tag nile-hero\n *\n */\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@property({ reflect: true }) icon: string = 'var(--nile-icon-action, var(--ng-icon-action))';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = '';\n\n\t/**\n\t * The styles for nile-hero\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div part=\"nile__hero__container\" class=${classMap({\n\t\t\t\"hero__container\":true,\n\t\t\t\"hero__container--collapsed\":this.collapse,\n\t\t\t\"hero__container--expanded\":!this.collapse\n\t\t})}>\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:${this.collapse?1:0}\" hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:${this.collapse?0:1}\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:${this.collapse?0:1}\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero': NileHero;\n  }\n}"],"names":["NileHero","_s","a","constructor","this","icon","collapse","imgSrc","heroText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","hero__container","__decorate","get","styles","NileElement","property","reflect","prototype","type","Boolean","attribute","_export","customElement"],"mappings":"8tGAqBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCACuBC,EAAAA,KAAAA,CAAIC,IAAW,CAAA,gDAAA,CACAD,KAAAA,CAAQE,QAAY,CAAA,CAAA,CAAA,CAEbF,KAAAA,CAAMG,MAAW,CAAA,EAAA,CACfH,KAAAA,CAAQI,QAAW,CAAA,EAyCxE,QAAAC,KAAA,EAnCOC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,UAAAC,KAAA,CAWA,SAAAC,MAAAA,CAAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,guBAC+BC,CAAAA,CAAS,CAClDC,eAAkB,CAAA,CAAA,CAAA,CAClB,6BAA6Bf,IAAKE,CAAAA,QAAAA,CAClC,6BAA6BF,IAAKE,CAAAA,QAAAA,CAAAA,CAAAA,CAE2DF,IAAAA,CAAKE,QAAS,CAAA,CAAA,CAAE,CAAiBF,CAAAA,IAAAA,CAAKI,SAAmBJ,IAAKC,CAAAA,IAAAA,CACvGD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CAG+BF,IAAKC,CAAAA,IAAAA,CAKpDD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CACvDF,IAAKG,CAAAA,MAAAA,EAInB,CA1C4Ba,KAAAA,GAAAA,UAAAA,GAAAA,CAUtB,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EASM,MAtBsBC,IACAH,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,SAAS,CAAwEzB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0B,SAAA,CAAA,MAAA,CAAA,IAAA,EACjDN,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAME,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqC5B,EAAA0B,SAAA,CAAA,UAAA,CAAA,IAAA,EAEnBN,CAAAA,CAAAA,CAAAA,CAAA,CAAlDI,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMI,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAiC7B,CAAA0B,CAAAA,SAAAA,CAAA,aAAA,EAClBN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,EAAMI,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAAqC7B,CAAA0B,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KAL/D9B,EAAQoB,CAAA,CAAA,CADpBW,CAAc,CAAA,WAAA,CAAA,CAAA,CACF/B"}

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

@@ -1,10 +1,10 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as r}from"lit/decorators.js";import{s}from"./nile-hero.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{classMap as a}from"lit/directives/class-map.js";let l=class extends o{constructor(){super(...arguments),this.icon="action",this.collapse=!1,this.imgSrc="",this.heroText=""}static get styles(){return[s]}render(){return t`
-		<div part="nile__hero__container" class=${a({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse})}>
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-hero.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{classMap as n}from"lit/directives/class-map.js";let a=class extends s{constructor(){super(...arguments),this.icon="var(--nile-icon-action, var(--ng-icon-action))",this.collapse=!1,this.imgSrc="",this.heroText=""}static get styles(){return[r]}render(){return t`
+		<div part="nile__hero__container" class=${n({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse})}>
 			<nile-hero-header part="nile__hero__header" class='hero__header--collapsed' style="opacity:${this.collapse?1:0}" hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
 			<div class="hero__slot__container" style="opacity:${this.collapse?0:1}">
 			 <div class="hero__slot">
 			 	<span class="icon__container">
-					<nile-icon size="16" method="stroke" name="${this.icon}"></nile-icon>
+					<nile-icon size="16" method="var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))" name="${this.icon}"></nile-icon>
 				</span>
 				<slot></slot>
 			 </div>
@@ -13,4 +13,4 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
 				<img src="${this.imgSrc}" class="hero__img">
 			</div>
 		</div>
-		`}};e([i({reflect:!0})],l.prototype,"icon",void 0),e([i({reflect:!0,type:Boolean})],l.prototype,"collapse",void 0),e([i({reflect:!0,attribute:"img-src"})],l.prototype,"imgSrc",void 0),e([i({reflect:!0,attribute:"hero-text"})],l.prototype,"heroText",void 0),l=e([r("nile-hero")],l);export{l as N};
+		`}};e([i({reflect:!0})],a.prototype,"icon",void 0),e([i({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([i({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([i({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),a=e([o("nile-hero")],a);export{a as N};

package/dist/nile-hero-header/nile-hero-header.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-hero-header.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,r,s,o,i,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){o=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_i){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.icon="action",_this.heroText="Nile Hero";return _this;}_inherits(n,_i);return _createClass(n,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"stroke\" size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[o];}}]);}(i));e([r({reflect:!0})],n.prototype,"icon",void 0),e([r({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),_export("N",n=e([s("nile-hero-header")],n));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-hero-header.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,r,s,o,i,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){o=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_i){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.icon="var(--nile-icon-action, var(--ng-icon-action))",_this.heroText="Nile Hero";return _this;}_inherits(n,_i);return _createClass(n,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[o];}}]);}(i));e([r({reflect:!0})],n.prototype,"icon",void 0),e([r({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),_export("N",n=e([s("nile-hero-header")],n));}};});
 //# sourceMappingURL=nile-hero-header.cjs.js.map