@aquera/nile-elements 0.0.42-2 → 0.0.43

package/dist/index.iife.js

@@ -621,7 +621,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     color: inherit;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -1243,19 +1243,24 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   ::slotted(nile-divider) {
     --spacing: 0.5rem;
   }
-`;M.NileMenu=class extends RM{constructor(){super(...arguments),this.searchValue="",this.searchWidth=0,this.searchEnabled=!1,this.showNoResults=!1,this.noResultsMessage="No results found"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(M){const i=M.target.closest("nile-menu-item");i&&!i.disabled&&("checkbox"===i.type&&(i.checked=!i.checked),this.emit("nile-select",{value:i.value}))}handleKeyDown(M){if("Enter"===M.key){const i=this.getCurrentItem();M.preventDefault(),i?.click()}if(" "===M.key&&M.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(M.key)){const i=this.getAllItems(),t=this.getCurrentItem();let e=t?i.indexOf(t):0;i.length>0&&(M.preventDefault(),"ArrowDown"===M.key?e++:"ArrowUp"===M.key?e--:"Home"===M.key?e=0:"End"===M.key&&(e=i.length-1),e<0&&(e=i.length-1),e>i.length-1&&(e=0),this.setCurrentItem(i[e]),i[e].focus())}}handleMouseDown(M){const i=M.target;this.isMenuItem(i)&&this.setCurrentItem(i)}handleSlotChange(){const M=this.getAllItems();M.length>0&&this.setCurrentItem(M[0])}isMenuItem(M){return"nile-menu-item"===M.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes(M.getAttribute("role")??"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter((M=>!!this.isMenuItem(M)))}getCurrentItem(){return this.getAllItems().find((M=>"0"===M.getAttribute("tabindex")))}setCurrentItem(M){this.getAllItems().forEach((i=>{i.setAttribute("tabindex",i===M?"0":"-1")}))}handleSearchChange(M){let i=this.getAllItems(),t=0;i.map((i=>{this.searchWidth=Math.max(this.searchWidth,i.offsetWidth),i.innerText.toLowerCase().includes(M.target.value.toLowerCase())?(i.style.display="block",t++):i.style.display="none"})),this.showNoResults=0===t}render(){return V`
+`;M.NileMenu=class extends RM{constructor(){super(...arguments),this.searchValue="",this.searchWidth=0,this.searchEnabled=!1,this.showNoResults=!1,this.noResultsMessage="No results found"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(M){const i=M.target.closest("nile-menu-item");i?.hasSubMenu||i&&!i.disabled&&("checkbox"===i.type&&(i.checked=!i.checked),this.emit("nile-select",{value:i.value}))}handleKeyDown(M){if("Enter"===M.key){const i=this.getCurrentItem();M.preventDefault(),i?.click()}if(" "===M.key&&M.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(M.key)){const i=this.getAllItems(),t=this.getCurrentItem();let e=t?i.indexOf(t):0;i.length>0&&(M.preventDefault(),"ArrowDown"===M.key?e++:"ArrowUp"===M.key?e--:"Home"===M.key?e=0:"End"===M.key&&(e=i.length-1),e<0&&(e=i.length-1),e>i.length-1&&(e=0),this.setCurrentItem(i[e]),i[e].focus())}}handleMouseDown(M){const i=M.target;this.isMenuItem(i)&&this.setCurrentItem(i)}handleSlotChange(){const M=this.getAllItems();M.length>0&&this.setCurrentItem(M[0])}isMenuItem(M){return"nile-menu-item"===M.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes(M.getAttribute("role")??"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter((M=>!!this.isMenuItem(M)))}getCurrentItem(){return this.getAllItems().find((M=>"0"===M.getAttribute("tabindex")))}setCurrentItem(M){this.getAllItems().forEach((i=>{i.setAttribute("tabindex",i===M?"0":"-1")}))}handleSearchChange(M){let i=this.getAllItems(),t=0;i.map((i=>{this.searchWidth=Math.max(this.searchWidth,i.offsetWidth),i.innerText.toLowerCase().includes(M.target.value.toLowerCase())?(i.style.display="block",t++):i.style.display="none"})),this.showNoResults=0===t}render(){return V`
       <div>
-          ${this.searchEnabled?V` <nile-input
-                size="medium"
-                clearable
-                style=${this.searchWidth?`width: ${this.searchWidth}px;`:"width: 100%;"}
-                .value=${this.searchValue}
-                placeholder="Search..."
-                @nile-input=${this.handleSearchChange}
-              >
-                <nile-icon name="search" slot="suffix"> </nile-icon>
-              </nile-input>`:V``}
+        ${this.searchEnabled?V` <nile-input
+              size="medium"
+              clearable
+              style=${this.searchWidth?`width: ${this.searchWidth}px;`:"width: 100%;"}
+              .value=${this.searchValue}
+              placeholder="Search..."
+              @nile-input=${this.handleSearchChange}
+            >
+              <nile-icon name="search" slot="suffix"> </nile-icon>
+            </nile-input>`:V``}
         ${this.showNoResults?V` <nile-menu-item>${this.noResultsMessage}</nile-menu-item> `:""}
+
+        <slot
+          name="menu__header"
+          @click=${M=>{M.stopPropagation()}}
+        ></slot>
         <slot
           @slotchange=${this.handleSlotChange}
           @click=${this.handleClick}
@@ -1273,12 +1278,12 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     height: 16px;
     font-size: 10.24px;
     display: inline-flex;
-    align-items: center;/
+    align-items: center;
     justify-content: center;
   }
 
   .badge__content {
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 10.24px;
     font-style: normal;
     font-weight: 400;
@@ -1879,7 +1884,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     padding: 0;
     font-size: 14px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -2115,7 +2120,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     margin-right: 6px;
     font-size: 14px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -2424,9 +2429,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     position: relative;
     align-items: center;
     justify-content: start;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-      'Segoe UI Symbol';
+    font-family: var(--nile-font-family-sans-serif);
     font-weight: 400;
     letter-spacing: normal;
     vertical-align: middle;
@@ -3364,26 +3367,43 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
       outline-offset: -1px;
     }
   }
-`;M.NileMenuItem=class extends RM{constructor(){super(...arguments),this.type="normal",this.checked=!1,this.value="",this.disabled=!1}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleDefaultSlotChange(){const M=this.getTextLabel();void 0!==this.cachedTextLabel?M!==this.cachedTextLabel&&(this.cachedTextLabel=M,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1})):this.cachedTextLabel=M}handleHostClick(M){this.disabled&&(M.preventDefault(),M.stopImmediatePropagation())}handleCheckedChange(){if(this.checked&&"checkbox"!==this.type)return this.checked=!1,void console.error('The checked attribute can only be used on menu items with type="checkbox"',this);"checkbox"===this.type?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){"checkbox"===this.type?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return function(M){if(!M)return"";const i=M.assignedNodes({flatten:!0});let t="";return[...i].forEach((M=>{M.nodeType===Node.TEXT_NODE&&(t+=M.textContent)})),t}(this.defaultSlot)}render(){return V`
+`;M.NileMenuItem=class extends RM{constructor(){super(...arguments),this.type="normal",this.checked=!1,this.value="",this.disabled=!1,this.hasSubMenu=!1}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleDefaultSlotChange(){const M=this.getTextLabel();void 0!==this.cachedTextLabel?M!==this.cachedTextLabel&&(this.cachedTextLabel=M,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1})):this.cachedTextLabel=M}handleHostClick(M){this.disabled&&(M.preventDefault(),M.stopImmediatePropagation())}handleCheckedChange(){if(this.checked&&"checkbox"!==this.type)return this.checked=!1,void console.error('The checked attribute can only be used on menu items with type="checkbox"',this);"checkbox"===this.type?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){"checkbox"===this.type?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return function(M){if(!M)return"";const i=M.assignedNodes({flatten:!0});let t="";return[...i].forEach((M=>{M.nodeType===Node.TEXT_NODE&&(t+=M.textContent)})),t}(this.defaultSlot)}render(){return V`
       <div
         part="base"
-        class=${AM({"menu-item":!0,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--has-submenu":!1})}
+        class=${AM({"menu-item":!0,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--has-submenu":this.hasSubMenu})}
       >
         <span part="checked-icon" class="menu-item__check">
-          <nile-icon name="tick" library="system" aria-hidden="true"></nile-icon>
+          <nile-icon
+            name="tick"
+            library="system"
+            aria-hidden="true"
+          ></nile-icon>
         </span>
 
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+        <slot
+          name="prefix"
+          part="prefix"
+          class="menu-item__prefix"
+       
+        ></slot>
 
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+        <slot
+          part="label"
+          class="menu-item__label"
+          @slotchange=${this.handleDefaultSlotChange}
+        ></slot>
 
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span part="submenu-icon" class="menu-item__chevron">
-          <nile-icon name="arrowright" library="system" aria-hidden="true"></nile-icon>
+          <nile-icon
+            name="arrowright"
+            library="system"
+            aria-hidden="true"
+          ></nile-icon>
         </span>
       </div>
-    `}},M.NileMenuItem.styles=pt,i([cM("slot:not([name])")],M.NileMenuItem.prototype,"defaultSlot",void 0),i([cM(".menu-item")],M.NileMenuItem.prototype,"menuItem",void 0),i([lM()],M.NileMenuItem.prototype,"type",void 0),i([lM({type:Boolean,reflect:!0})],M.NileMenuItem.prototype,"checked",void 0),i([lM()],M.NileMenuItem.prototype,"value",void 0),i([lM({type:Boolean,reflect:!0})],M.NileMenuItem.prototype,"disabled",void 0),i([GM("checked")],M.NileMenuItem.prototype,"handleCheckedChange",null),i([GM("disabled")],M.NileMenuItem.prototype,"handleDisabledChange",null),i([GM("type")],M.NileMenuItem.prototype,"handleTypeChange",null),M.NileMenuItem=i([IM("nile-menu-item")],M.NileMenuItem);const Zt=j`
+    `}},M.NileMenuItem.styles=pt,i([cM("slot:not([name])")],M.NileMenuItem.prototype,"defaultSlot",void 0),i([cM(".menu-item")],M.NileMenuItem.prototype,"menuItem",void 0),i([lM()],M.NileMenuItem.prototype,"type",void 0),i([lM({type:Boolean,reflect:!0})],M.NileMenuItem.prototype,"checked",void 0),i([lM()],M.NileMenuItem.prototype,"value",void 0),i([lM({type:Boolean,reflect:!0})],M.NileMenuItem.prototype,"disabled",void 0),i([lM({type:Boolean,reflect:!0})],M.NileMenuItem.prototype,"hasSubMenu",void 0),i([GM("checked")],M.NileMenuItem.prototype,"handleCheckedChange",null),i([GM("disabled")],M.NileMenuItem.prototype,"handleDisabledChange",null),i([GM("type")],M.NileMenuItem.prototype,"handleTypeChange",null),M.NileMenuItem=i([IM("nile-menu-item")],M.NileMenuItem);const Zt=j`
 :host {
     display: inline-block;
   }
@@ -3521,7 +3541,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     color: inherit;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -3714,7 +3734,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     display: inline-block;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -4085,7 +4105,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     display: flex;
     align-items: center;
     color: var(--nile-colors-red-700);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
@@ -4110,7 +4130,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     display: flex;
     align-items: center;
     color: var(--nile-colors-dark-500);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
@@ -4149,7 +4169,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   }
 
   .calendar-container {
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     width: 290px;
     height: auto;
     text-align: center;
@@ -4301,7 +4321,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   }
 
   .base__relative {
-    width: 494px;
+    width: 352px;
   }
 
   .calender-input {
@@ -4311,7 +4331,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   }
 
   .calender-input--relative {
-    width: 494px;
+    width: 352px;
     padding: 0;
   }
 
@@ -4369,15 +4389,17 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   .unit-container {
     display: flex;
     flex-direction: column;
-    width: 494px;
+    width: 352px;
+    gap:10px;
     padding: 24px 24px 0 24px;
   }
 
   .time-unit-group {
     display: flex;
-    align-items: center;
-    margin-bottom: 24px;
-    gap: 24px;
+    flex-direction: column;
+    align-items: start;
+    justify-content:center;
+    gap: 12px;
   }
 
   .time-unit-name {
@@ -4397,6 +4419,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
 
   .time-unit-value {
     display: flex;
+    gap: 3px;
   }
 
   .time-value {
@@ -4409,7 +4432,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     cursor: pointer;
     justify-content: center;
     align-items: center;
-    margin-right: 16px;
+    /* margin-right: 16px; */
     border-radius: 4px;
     border: 1px solid #c7ced4;
     background: rgba(255, 255, 255, 0.2);
@@ -4452,6 +4475,26 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     padding: 24px;
     box-sizing: border-box;
   }
+
+  .duration-input {
+    width: 140px;
+  }
+
+  .time-input {
+    width: 140px;
+  }
+
+  .minute-values {
+    gap: 16px;
+  }
+
+  .weeks-values {
+    gap: 16px;
+  }
+
+  .months-values {
+    gap: 16px;
+  }
 `;M.NileCalendar=class extends RM{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1,this.type="absolute",this.selectedTimeZone="local"}static get styles(){return[Ft]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const M=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*M*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(M){if(super.updated(M),M.has("valueAttribute")){const M=new Date(this.valueAttribute||"");if(!isNaN(M.getTime())){const i=M.getTimezoneOffset();this.value=new Date(M.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(M,i,t){"value"===M?(this.valueAttribute=t,this.initializeValue()):"range"===M&&(this.range=null!==t)}initializeValue(){if(this.range)try{const M=JSON.parse(this.valueAttribute||"");this.startDate=new Date(M.startDate),this.endDate=new Date(M.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null}catch(M){}else if(this.valueAttribute){let M;M=new Date(this.valueAttribute),M=new Date(M.getTime()-6e4*M.getTimezoneOffset()),isNaN(M.getTime())||(this.value=M,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const M=new Date(this.valueAttribute);isNaN(M.getTime())||(this.value=M,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(M,i){const t=new Date(M,i+1,0).getDate();return Array.from({length:t},((M,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(M,i,t){const e=new Date(t,i,M);if(this.range)if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=e,this.endDate&&e>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&e<this.startDate)this.startDate=e,this.endDate=null,this.isSelectingStart=!1;else{const M=e;M.setHours(23,59,59,999),this.endDate=M}else this.value=e,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide();this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&("local"!==this.selectedTimeZone&&(this.startDate=this.convertTZ(this.startDate,this.selectedTimeZone),this.endDate=this.convertTZ(this.endDate,this.selectedTimeZone)),this.emit("nile-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}convertTZ(M,i){return new Date(("string"==typeof M?new Date(M):M).toLocaleString("en-US",{timeZone:i}))}isCurrentDate(M,i,t){const e=new Date;return M===e.getDate()&&i+1===e.getMonth()+1&&t===e.getFullYear()}renderMonth(M,i,t){const e=new Date(M,i,1).getDay(),N=new Date(M,i+1,0).getDay(),s=this.getDaysArray(0===i?M-1:M,0===i?11:i-1),D=this.getDaysArray(11===i?M+1:M,11===i?0:i+1),j=s.slice(s.length-e),u=D.slice(0,6-N),I=[...j,...t,...u],g=(M,i,t,e)=>{if(!e)return"";if(!this.range&&this.value){if(M===this.value.getDate()&&i===this.value.getMonth()&&t===this.value.getFullYear())return"selected-date"}const N=this.startDate&&M===this.startDate.getDate()&&i===this.startDate.getMonth()&&t===this.startDate.getFullYear(),s=this.endDate&&M===this.endDate.getDate()&&i===this.endDate.getMonth()&&t===this.endDate.getFullYear();return N?"range-start":s?"range-end":""},n=(M,i,t,e)=>{if(!e)return!1;if(this.startDate&&this.endDate){const e=new Date(t,i,M);return e>=this.startDate&&e<=this.endDate}return!1};return V`
       <div class="calendar">
         <div class="calendar-header">
@@ -4474,7 +4517,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
           >
           </nile-icon>
         </div>
-        <div class="header-divider"> </div>
+        <div class="header-divider"></div>
         <div class="day-names">
           <div class="day">Sun</div>
           <div class="day">Mon</div>
@@ -4513,19 +4556,18 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
               <nile-tab slot="nav" panel="relative">Relative</nile-tab>
             </nile-tab-group>
           </div>
-
         </div>
 
         <div class="calendar-timezone ${this.range?"":"hidden"}">
-            <nile-select
-              hoist
-              value=${this.selectedTimeZone}
-              @nile-change=${this.handleTimeZoneChange}
-            >
-              <nile-option value="local">Local Time Zone</nile-option>
-              <nile-option value="UTC">UTC</nile-option>
-            </nile-select>
-          </div>
+          <nile-select
+            hoist
+            value=${this.selectedTimeZone}
+            @nile-change=${this.handleTimeZoneChange}
+          >
+            <nile-option value="local">Local Time Zone</nile-option>
+            <nile-option value="UTC">UTC</nile-option>
+          </nile-select>
+        </div>
 
         <div
           class="calendar-wrapper  ${"absolute"!==this.type?"hidden":""}"
@@ -4538,14 +4580,14 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
         <div class="unit-container ${"relative"!==this.type?"hidden":""}">
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Minutes</span></div>
-            <div class="time-unit-value">
-              ${this.renderTimeValues("minutes",[1,3,5,15,30,45])}
+            <div class="time-unit-value minute-values">
+              ${this.renderTimeValues("minutes",[1,5,15,30,45])}
             </div>
           </div>
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Hours</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value hours-values">
               ${this.renderTimeValues("hours",[1,2,3,6,8,12])}
             </div>
           </div>
@@ -4559,14 +4601,14 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Weeks</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value weeks-values ">
               ${this.renderTimeValues("weeks",[1,2,4,6])}
             </div>
           </div>
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Months:</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value months-values ">
               ${this.renderTimeValues("months",[3,6,12,15])}
             </div>
           </div>
@@ -4575,10 +4617,10 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
         ${this.range&&"relative"===this.type?V`
           <div class="calender-input calender-input--relative">
             <div class="unit-input-container">
-              <nile-input class="manual-input" label="Duration"  value="${this.selectedValue}"
+              <nile-input class="manual-input duration-input" label="Duration"  value="${this.selectedValue}"
               @nile-input="${this.handleDurationChange}"
               placeholder="Enter Value" ></nile-input>
-              <nile-select class="manual-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
+              <nile-select class="manual-input  time-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
               @nile-change="${this.handleUnitChange}"
               >
                 <nile-option value="minutes"> Minutes </nile-option>
@@ -4586,12 +4628,12 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
                 <nile-option value="days"> Days </nile-option>
                 <nile-option value="weeks"> Weeks </nile-option>
                 <nile-option value="months"> Months </nile-option>
-          </nile-select>
+              </nile-select>
 
             </div>
 
           <div class="button-container--relative">
-            <nile-button class="apply-button"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
+            <nile-button class="apply-button" variant="primary"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
             </div>
 
 
@@ -4640,7 +4682,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   .link__label {
     color: #005ea6;
     text-align: center;
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -4709,7 +4751,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     border-radius: 4px;
     color: #000;
     text-align: center;
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     line-height: 14px;
     letter-spacing: 0.2px;
@@ -4776,7 +4818,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     align-items: center;
     color: inherit;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -5326,7 +5368,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
   }
 
   .nile-error-notification {
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
@@ -5654,7 +5696,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     user-select: none;
     cursor: pointer;
     transition: 0.2s box-shadow, 0.2s color;
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
@@ -5894,7 +5936,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     align-items: center;
     flex-direction: column;
     align-items: flex-start;
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-weight: 400;
     line-height: 14px;
@@ -6042,8 +6084,9 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     display: flex;
     align-items: center;
   }
-`;M.NileBreadcrumb=class extends RM{static get styles(){return[NL]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.changeLastItem()}))}changeLastItem(){const M=[...this.querySelectorAll("nile-breadcrumb-item")];M[M.length-1].isLast=!0}handleRemoveClick(M){this.emit("nile-click",{value:M.target.innerText})}render(){return V`
+`;M.NileBreadcrumb=class extends RM{static get styles(){return[NL]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.changeLastItem()}))}changeLastItem(){const M=[...this.querySelectorAll("nile-breadcrumb-item")],i=M.length;for(let t=0;t<i-1;t++){M[t].isLast=!1}M[i-1].isLast=!0}handleRemoveClick(M){this.emit("nile-click",{value:M.target.innerText})}render(){return V`
       <slot
+        @slotchange=${this.changeLastItem}
         @nile-click-item=${this.handleRemoveClick}
         class="breadcrumb"
       ></slot>
@@ -6053,7 +6096,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     align-items: center;
     text-align: center;
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: var(--nile-font-family-serif);
+    font-family: var(--nile-font-family-serif); 
     font-size: var(--nile-font-size-small);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);
@@ -6258,7 +6301,7 @@ const YM=Symbol.for(""),mM=M=>{if((null==M?void 0:M.r)===YM)return null==M?void
     display: block;
     color: var(--Dark-Normal, var(--Color-Text-Default, #000));
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: Colfax;
+    font-family: var(--nile-font-family-serif);
     font-size: var(--nile-type-scale-4);
     font-style: normal;
     font-weight: 500;

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",n=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .badge {\n    padding: 0 4px;\n    border-radius: 4px;\n    height: 16px;\n    font-size: 10.24px;\n    display: inline-flex;\n    align-items: center;/\n    justify-content: center;\n  }\n\n  .badge__content {\n    font-family: Colfax-regular;\n    font-size: 10.24px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n  }\n\n  .badge--primary {\n    background: #005EA6;\n  }\n\n  .badge--success {\n    background: #A5F3E1;\n  }\n\n  .badge--normal {\n    background: #E5E9EB;\n  }\n\n  .badge--warning {\n    background: #F3E0A5;\n  }\n\n  .badge--error {\n    background: #F3A5AA;\n  }\n\n  .badge--info {\n    background: #A5D3F3;\n  }\n\n  .badge--rounded {\n    border-radius: 100px;\n    padding: 0 6px;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",n=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .badge {\n    padding: 0 4px;\n    border-radius: 4px;\n    height: 16px;\n    font-size: 10.24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .badge__content {\n    font-family: var(--nile-font-family-serif);\n    font-size: 10.24px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n  }\n\n  .badge--primary {\n    background: #005EA6;\n  }\n\n  .badge--success {\n    background: #A5F3E1;\n  }\n\n  .badge--normal {\n    background: #E5E9EB;\n  }\n\n  .badge--warning {\n    background: #F3E0A5;\n  }\n\n  .badge--error {\n    background: #F3A5AA;\n  }\n\n  .badge--info {\n    background: #A5D3F3;\n  }\n\n  .badge--rounded {\n    border-radius: 100px;\n    padding: 0 6px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-badge.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-badge.css.cjs.js","sources":["../../../src/nile-badge/nile-badge.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Tag CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .badge {\n    padding: 0 4px;\n    border-radius: 4px;\n    height: 16px;\n    font-size: 10.24px;\n    display: inline-flex;\n    align-items: center;/\n    justify-content: center;\n  }\n\n  .badge__content {\n    font-family: Colfax-regular;\n    font-size: 10.24px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n  }\n\n  .badge--primary {\n    background: #005EA6;\n  }\n\n  .badge--success {\n    background: #A5F3E1;\n  }\n\n  .badge--normal {\n    background: #E5E9EB;\n  }\n\n  .badge--warning {\n    background: #F3E0A5;\n  }\n\n  .badge--error {\n    background: #F3A5AA;\n  }\n\n  .badge--info {\n    background: #A5D3F3;\n  }\n\n  .badge--rounded {\n    border-radius: 100px;\n    padding: 0 6px;\n  }\n`;\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-badge.css.cjs.js","sources":["../../../src/nile-badge/nile-badge.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Tag CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .badge {\n    padding: 0 4px;\n    border-radius: 4px;\n    height: 16px;\n    font-size: 10.24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .badge__content {\n    font-family: var(--nile-font-family-serif);\n    font-size: 10.24px;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n  }\n\n  .badge--primary {\n    background: #005EA6;\n  }\n\n  .badge--success {\n    background: #A5F3E1;\n  }\n\n  .badge--normal {\n    background: #E5E9EB;\n  }\n\n  .badge--warning {\n    background: #F3E0A5;\n  }\n\n  .badge--error {\n    background: #F3A5AA;\n  }\n\n  .badge--info {\n    background: #A5D3F3;\n  }\n\n  .badge--rounded {\n    border-radius: 100px;\n    padding: 0 6px;\n  }\n`;\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -8,12 +8,12 @@ import{i as e}from"../index-cd2f9c12.esm.js";const n=e`
     height: 16px;
     font-size: 10.24px;
     display: inline-flex;
-    align-items: center;/
+    align-items: center;
     justify-content: center;
   }
 
   .badge__content {
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 10.24px;
     font-style: normal;
     font-weight: 400;

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-breadcrumb.css.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var e,t,s,r,i,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileBreadcrumbCssCjsJs){r=_nileBreadcrumbCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_lit){}],execute:function(){_export("N",l=/*#__PURE__*/function(_i){_inherits(l,_i);var _super=_createSuper(l);function l(){_classCallCheck(this,l);return _super.apply(this,arguments);}_createClass(l,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;_get(_getPrototypeOf(l.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this.changeLastItem();});}},{key:"changeLastItem",value:function changeLastItem(){var e=_toConsumableArray(this.querySelectorAll("nile-breadcrumb-item"));e[e.length-1].isLast=!0;}},{key:"handleRemoveClick",value:function handleRemoveClick(e){this.emit("nile-click",{value:e.target.innerText});}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @nile-click-item=","\n        class=\"breadcrumb\"\n      ></slot>\n    "])),this.handleRemoveClick);}}],[{key:"styles",get:function get(){return[r];}}]);return l;}(i));_export("N",l=e([s("nile-breadcrumb")],l));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-breadcrumb.css.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var e,t,s,r,i,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileBreadcrumbCssCjsJs){r=_nileBreadcrumbCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_lit){}],execute:function(){_export("N",l=/*#__PURE__*/function(_i){_inherits(l,_i);var _super=_createSuper(l);function l(){_classCallCheck(this,l);return _super.apply(this,arguments);}_createClass(l,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;_get(_getPrototypeOf(l.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this.changeLastItem();});}},{key:"changeLastItem",value:function changeLastItem(){var e=_toConsumableArray(this.querySelectorAll("nile-breadcrumb-item")),t=e.length;for(var _s=0;_s<t-1;_s++){e[_s].isLast=!1;}e[t-1].isLast=!0;}},{key:"handleRemoveClick",value:function handleRemoveClick(e){this.emit("nile-click",{value:e.target.innerText});}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @slotchange=","\n        @nile-click-item=","\n        class=\"breadcrumb\"\n      ></slot>\n    "])),this.changeLastItem,this.handleRemoveClick);}}],[{key:"styles",get:function get(){return[r];}}]);return l;}(i));_export("N",l=e([s("nile-breadcrumb")],l));}};});
 //# sourceMappingURL=nile-breadcrumb.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-breadcrumb.cjs.js","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile BreadCrumb component.\n *\n * @tag nile-breadcrumb\n *\n */\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n  /**\n   * The styles for Breadcrumb\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  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateComplete.then(() => {\n      this.changeLastItem();\n    });\n  }\n\n  private changeLastItem() {\n    const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n    const itemslength = items.length;\n    const lastItem = items[itemslength - 1];\n    lastItem.isLast = true;\n  }\n\n  private handleRemoveClick(event: any) {\n    this.emit('nile-click', { value: event.target.innerText });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        @nile-click-item=${this.handleRemoveClick}\n        class=\"breadcrumb\"\n      ></slot>\n    `;\n  }\n  \n  /* #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-breadcrumb': NileBreadcrumb;\n  }\n}\n"],"names":["NileBreadcrumb","connectedCallback","super","this","updateComplete","then","changeLastItem","key","value","items","_toConsumableArray","querySelectorAll","length","isLast","handleRemoveClick","event","emit","target","innerText","render","html","_templateObject","_taggedTemplateLiteral","get","styles","l","NileElement","__decorate","customElement"],"mappings":"syKAwBaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,MAAAA,CAAAA,KAAAA,MAAAA,SAAAA,GAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,qBAAAA,KAAAA,CAiBX,SAAAC,kBAAA,CAAAA,KAAAA,KAAAA,MACEC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAC,IAAKC,CAAAA,cAAAA,CAAeC,IAAK,CAAA,UAAA,CACvBF,MAAKG,cAAgB,CAAA,CAAA,EAAA,CAExB,EAEO,GAAAC,GAAA,kBAAAC,KAAA,UAAAF,eAAA,CACN,CAAA,GAAMG,CAAAA,CAAa,CAAAC,kBAAA,CAAIP,IAAKQ,CAAAA,gBAAAA,CAAiB,sBAE5BF,CAAAA,CAAAA,CAAAA,CAAAA,CADGA,CAAMG,CAAAA,MAAAA,CACW,CAC5BC,CAAAA,CAAAA,MAAAA,CAAAA,CAAS,CACnB,EAEO,GAAAN,GAAA,qBAAAC,KAAA,UAAAM,kBAAkBC,CACxBZ,CAAAA,CAAAA,IAAAA,CAAKa,IAAK,CAAA,YAAA,CAAc,CAAER,KAAAA,CAAOO,CAAME,CAAAA,MAAAA,CAAOC,SAC/C,CAAA,CAAA,EAEM,GAAAX,GAAA,UAAAC,KAAA,UAAAW,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uGAEYnB,IAAKW,CAAAA,iBAAAA,EAI7B,CAAA,KAAAP,GAAA,UAAAgB,GAAA,CArCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAUD,WAAAC,CAAA,GAjBkCC,CAAAA,GAAvB1B,OAAAA,KAAAA,CAAc2B,CAAAA,CAAAA,CAAA,CAD1BC,CAAAA,CAAc,oBACF5B"}
+{"version":3,"file":"nile-breadcrumb.cjs.js","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\nimport { foreach } from '../nile-icon/icons/svg';\n/**\n * Nile BreadCrumb component.\n *\n * @tag nile-breadcrumb\n *\n */\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n  /**\n   * The styles for Breadcrumb\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  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateComplete.then(() => {\n      this.changeLastItem();\n    });\n  }\n\n  private changeLastItem() {\n    const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n    const itemslength = items.length;\n    for (let i = 0; i < itemslength - 1; i++) {\n      const element = items[i];\n      element.isLast = false;\n    }\n    const lastItem = items[itemslength - 1];\n    lastItem.isLast = true;\n  }\n\n  private handleRemoveClick(event: any) {\n    this.emit('nile-click', { value: event.target.innerText });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        @slotchange=${this.changeLastItem}\n        @nile-click-item=${this.handleRemoveClick}\n        class=\"breadcrumb\"\n      ></slot>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-breadcrumb': NileBreadcrumb;\n  }\n}\n"],"names":["NileBreadcrumb","_i","_inherits","l","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","connectedCallback","super","this","updateComplete","then","changeLastItem","items","querySelectorAll","itemslength","length","i","isLast","handleRemoveClick","event","emit","target","innerText","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","customElement"],"mappings":"syKAyBaA,CAAN,uBAAAC,EAAA,EAAAC,SAAA,CAAAC,CAAA,CAAAF,EAAA,MAAAG,MAAA,CAAAC,YAAA,CAAAF,CAAA,WAAAA,EAAA,EAAAG,eAAA,MAAAH,CAAA,SAAAC,MAAA,CAAAG,KAAA,MAAAC,SAAA,GAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,qBAAAC,KAAA,CAiBL,SAAAC,kBAAA,CACEC,KAAAA,KAAAA,MAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAC,IAAAA,CAAKC,eAAeC,IAAK,CAAA,UAAA,CACvBF,KAAKG,CAAAA,cAAAA,CAAAA,CAAgB,GAExB,EAEO,GAAAP,GAAA,kBAAAC,KAAA,UAAAM,eAAA,EACN,GAAMC,CAAAA,CAAAA,CAAAA,kBAAAA,CAAiBJ,IAAKK,CAAAA,gBAAAA,CAAiB,sBACvCC,CAAAA,CAAAA,CAAAA,CAAAA,CAAcF,EAAMG,MAC1B,CAAA,IAAK,GAAIC,CAAAA,EAAAA,CAAI,EAAGA,EAAIF,CAAAA,CAAAA,CAAc,CAAGE,CAAAA,EAAAA,EAAAA,CAAK,CACxBJ,CAAMI,CAAAA,EAAAA,CAAAA,CACdC,MAAS,CAAA,CAAA,CAClB,EACgBL,CAAME,CAAAA,CAAAA,CAAc,CAC5BG,CAAAA,CAAAA,MAAAA,CAAAA,CAAS,CACnB,EAEO,GAAAb,GAAA,qBAAAC,KAAA,UAAAa,kBAAkBC,CAAAA,CAAAA,CACxBX,KAAKY,IAAK,CAAA,YAAA,CAAc,CAAEf,KAAAA,CAAOc,EAAME,MAAOC,CAAAA,SAAAA,CAAAA,CAC/C,EAEM,GAAAlB,GAAA,UAAAC,KAAA,UAAAkB,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,gIAEOlB,IAAKG,CAAAA,cAAAA,CACAH,IAAKU,CAAAA,iBAAAA,EAI7B,CAAA,KAAAd,GAAA,UAAAuB,GAAA,CA1CM,SAAAA,IAAA,EACL,MAAO,CAACC,CACT,CAAA,EAUD,WAAA/B,CAAA,GAjBkCgC,CAK3B,GALInC,OAAAA,KAAAA,CAAcoC,CAAAA,CAAAA,CAAA,CAD1BC,CAAAA,CAAc,oBACFrC"}

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

@@ -1,5 +1,6 @@
-import{__decorate as e}from"tslib";import{x as t}from"../index-cd2f9c12.esm.js";import{customElement as s}from"lit/decorators.js";import{s as r}from"./nile-breadcrumb.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import"lit";let l=class extends i{static get styles(){return[r]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.changeLastItem()}))}changeLastItem(){const e=[...this.querySelectorAll("nile-breadcrumb-item")];e[e.length-1].isLast=!0}handleRemoveClick(e){this.emit("nile-click",{value:e.target.innerText})}render(){return t`
+import{__decorate as e}from"tslib";import{x as t}from"../index-cd2f9c12.esm.js";import{customElement as s}from"lit/decorators.js";import{s as r}from"./nile-breadcrumb.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import"lit";let l=class extends i{static get styles(){return[r]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.changeLastItem()}))}changeLastItem(){const e=[...this.querySelectorAll("nile-breadcrumb-item")],t=e.length;for(let s=0;s<t-1;s++){e[s].isLast=!1}e[t-1].isLast=!0}handleRemoveClick(e){this.emit("nile-click",{value:e.target.innerText})}render(){return t`
       <slot
+        @slotchange=${this.changeLastItem}
         @nile-click-item=${this.handleRemoveClick}
         class="breadcrumb"
       ></slot>

package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: flex;\n    align-items: center;\n    text-align: center;\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-font-size-small);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height:16.8px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-breadcrumb-item__arrow {\n    margin: 0 8px;\n  }\n\n  .nile-breadcrumb-item__arrow-hidden {\n    display: none;\n  }\n\n  .nile-breadcrumb-item__slot-text {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .nile-breadcrumb-item__slot-text:hover {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .nile-breadcrumb-item__last-slot-text {\n    color: #026e78;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: flex;\n    align-items: center;\n    text-align: center;\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-family: var(--nile-font-family-serif); \n    font-size: var(--nile-font-size-small);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height:16.8px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-breadcrumb-item__arrow {\n    margin: 0 8px;\n  }\n\n  .nile-breadcrumb-item__arrow-hidden {\n    display: none;\n  }\n\n  .nile-breadcrumb-item__slot-text {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .nile-breadcrumb-item__slot-text:hover {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .nile-breadcrumb-item__last-slot-text {\n    color: #026e78;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-breadcrumb-item.css.cjs.js.map

package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-breadcrumb-item.css.cjs.js","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Breadcrumb-item CSS\n */\nexport const styles = css`\n  :host {\n    display: flex;\n    align-items: center;\n    text-align: center;\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-font-size-small);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height:16.8px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-breadcrumb-item__arrow {\n    margin: 0 8px;\n  }\n\n  .nile-breadcrumb-item__arrow-hidden {\n    display: none;\n  }\n\n  .nile-breadcrumb-item__slot-text {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .nile-breadcrumb-item__slot-text:hover {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .nile-breadcrumb-item__last-slot-text {\n    color: #026e78;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-breadcrumb-item.css.cjs.js","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Breadcrumb-item CSS\n */\nexport const styles = css`\n  :host {\n    display: flex;\n    align-items: center;\n    text-align: center;\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-family: var(--nile-font-family-serif); \n    font-size: var(--nile-font-size-small);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height:16.8px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-breadcrumb-item__arrow {\n    margin: 0 8px;\n  }\n\n  .nile-breadcrumb-item__arrow-hidden {\n    display: none;\n  }\n\n  .nile-breadcrumb-item__slot-text {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .nile-breadcrumb-item__slot-text:hover {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .nile-breadcrumb-item__last-slot-text {\n    color: #026e78;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js

@@ -4,7 +4,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
     align-items: center;
     text-align: center;
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: var(--nile-font-family-serif);
+    font-family: var(--nile-font-family-serif); 
     font-size: var(--nile-font-size-small);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);

package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle:hover {\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .nile-button-toggle:active {\n    background: #E5E9EB;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n    border-left: 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 1px 1px 0;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__active:hover {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle:hover {\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .nile-button-toggle:active {\n    background: #E5E9EB;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n    border-left: 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 1px 1px 0;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__active:hover {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-button-toggle.css.cjs.js.map

package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle.css.cjs.js","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle:hover {\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .nile-button-toggle:active {\n    background: #E5E9EB;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n    border-left: 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 1px 1px 0;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__active:hover {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-button-toggle.css.cjs.js","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle:hover {\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .nile-button-toggle:active {\n    background: #E5E9EB;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n    border-left: 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 1px 1px 0;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__active:hover {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}