@aquera/nile-elements 0.0.42 → 0.0.43

package/dist/nile-radio-group/nile-radio-group.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_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(_lit){i=_lit.css;}],execute:function(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-radio-group.css.cjs.js.map

package/dist/nile-radio-group/nile-radio-group.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-radio-group/nile-radio-group.css.esm.js

@@ -1,4 +1,4 @@
-import{css as o}from"lit";var i=o`
+import{css as i}from"lit";var o=i`
 
   :host {
     display: block;
@@ -19,7 +19,7 @@ import{css as o}from"lit";var i=o`
     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;
@@ -43,4 +43,4 @@ import{css as o}from"lit";var i=o`
     white-space: nowrap;
     border: 0;
   }
-`;export{i as s};
+`;export{o as s};

package/dist/nile-select/nile-select.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    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol';\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: #005ea6;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    margin: 6px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .select--error .select__combobox {\n    border-color: #e5434d;\n  }\n\n  .select--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 4px;\n    font-size: 14px;\n    padding: 12px;\n    height: 38px;\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005ea6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options__search-enabled {\n    padding-top: 10px;\n  }\n\n  .select__options {\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px 12px 16px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: 20px;\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: 10px;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible{\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: 12px;\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    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: #005ea6;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    margin: 6px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .select--error .select__combobox {\n    border-color: #e5434d;\n  }\n\n  .select--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 4px;\n    font-size: 14px;\n    padding: 12px;\n    height: 38px;\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005ea6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options__search-enabled {\n    padding-top: 10px;\n  }\n\n  .select__options {\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px 12px 16px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: 20px;\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: 10px;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible{\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: 12px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-select.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.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 * Select_2 CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol';\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: #005ea6;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    margin: 6px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .select--error .select__combobox {\n    border-color: #e5434d;\n  }\n\n  .select--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 4px;\n    font-size: 14px;\n    padding: 12px;\n    height: 38px;\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005ea6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options__search-enabled {\n    padding-top: 10px;\n  }\n\n  .select__options {\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px 12px 16px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: 20px;\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: 10px;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible{\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: 12px;\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-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.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 * Select_2 CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: #005ea6;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    margin: 6px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .select--error .select__combobox {\n    border-color: #e5434d;\n  }\n\n  .select--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 4px;\n    font-size: 14px;\n    padding: 12px;\n    height: 38px;\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005ea6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options__search-enabled {\n    padding-top: 10px;\n  }\n\n  .select__options {\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px 12px 16px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: 20px;\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: 10px;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible{\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: 12px;\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-select/nile-select.css.esm.js

@@ -94,9 +94,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const o=e`
     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;

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--nile-colors-neutral-500);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-colors-white-base);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--nile-colors-neutral-500);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-colors-white-base);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-slide-toggle.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--nile-colors-neutral-500);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-colors-white-base);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--nile-colors-neutral-500);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-colors-white-base);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js

@@ -18,7 +18,7 @@ import{css as e}from"lit";var i=e`
     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;

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,r,t,i,s,o,n,l,a,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,p,h,u,$,b;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){i=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){o=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDirectivesRepeatJs){l=_litDirectivesRepeatJs.repeat;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalSlotCjsJs){c=_internalSlotCjsJs.H;},function(_property002CjsJs){d=_property002CjsJs.n;},function(_lit){}],execute:function(){!function(e){e.INLINE="inline",e.BLOCK="block";}(p||(p={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(h||(h={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper",e.CODE_EDITOR="code-editor";}(u||(u={})),function(e){e.CREATE="create",e.EDIT="edit";}($||($={}));_export("N",b=/*#__PURE__*/function(_s){_inherits(b,_s);var _super=_createSuper(b);function b(){var _this;_classCallCheck(this,b);_this=_super.apply(this,arguments),_this.hasSlotController=new c(_assertThisInitialized(_this),"label"),_this.current=0,_this.isToggleSwitch=function(e){return void 0===e||e;};return _this;}_createClass(b,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(b.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"handleSwitcherChange",value:function handleSwitcherChange(){this.setCurrentInput();}},{key:"setCurrentInput",value:function setCurrentInput(){var _this$nileSwitchConfi,_this2=this;((_this$nileSwitchConfi=this.nileSwitchConfig)===null||_this$nileSwitchConfi===void 0?void 0:_this$nileSwitchConfi.inputs)&&(this.currentInput=this.nileSwitchConfig.inputs.filter(function(e,r){return r===_this2.current;})[0]);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(b.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e){var _this3=this;var t=e.value,i=e.label,s=e.placeholder,o=e.disabled,l=e.required,a=e.error,c=e.errorMessage,d=e.inputType,p=e.noborder;return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),n({"switcher-input":!0,"switcher-input--noborder":!!p}),t,i,o,l,c,s,a,function(e){_this3.handleChange(e,d);});}},{key:"renderDropdown",value:function renderDropdown(e){var _this4=this;var t=e.options,i=e.multiple,s=e.placeholder,o=e.disabled,l=e.value,a=e.error,c=e.errorMessage,d=e.inputType,p=e.noborder;return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      part=\"dropdown\"\n      class=","\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      .value=\"","\"\n      .error=\"","\"\n      .errorMessage=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),n({"switcher-dropdown":!0,"switcher-dropdown--noborder":!!p}),s,o,i,l,a,c,function(e){_this4.handleChange(e,d);},t===null||t===void 0?void 0:t.map(function(e){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e){var _this5=this;var t=e.value,i=e.disabled,s=e.readonly,o=e.errorMessage,n=e.error,l=e.inputType;return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      class=\"switcher-textarea\"\n      .value=","\n      .disabled=","\n      ?readonly=","\n      .error=","\n      .errorMessage=","\n      @nile-input=","\n    ></nile-textarea>"])),t,i,s,n,o,function(e){_this5.handleChange(e,l);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e){var _this6=this;var t=e.value,i=e.label,s=e.disabled,o=e.inputType;return r(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=","\n        .label=","\n        .disabled=","\n        @valueChange=","\n      ></nile-checkbox\n      >; "])),t,i,s,function(e){_this6.handleChange(e,o);});}},{key:"renderNileRadio",value:function renderNileRadio(e){var _this7=this;var t=e.options,i=e.value,s=e.disabled,o=e.errorMessage,n=e.inputType,l=!!o;return r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n      ","\n    </nile-radio-group> "])),i,s,function(e){_this7.handleChange(e,n);},t&&t.map(function(e){return r(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}),l?this.renderErrorMessage(o):"");}},{key:"renderErrorMessage",value:function renderErrorMessage(e){return r(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-form-error-message>","</nile-form-error-message>\n    "])),e);}},{key:"renderContentEditor",value:function renderContentEditor(e){var _this8=this;var t=e.options,i=e.inputType,s=e.errorMessage,o=e.type,n=e.readonly,l=e.noborder,a=e.value,c=e.updateValue;return r(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=","\n      .options=","\n      .type=","\n      .readonly=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      @nile-change=","\n    >\n    </nile-content-editor>"])),a,t,o,n,l,c,s,function(e){_this8.handleChange(e,i);});}},{key:"renderObjectMapper",value:function renderObjectMapper(e){var _this9=this;var t=e.options,i=e.inputType,s=e.error,o=e.errorMessage,l=e.type,a=e.readonly,c=e.noborder;var d=this.currentInput.mode===$.CREATE?"Click to Create - Not Mapped":"Click to Edit";return r(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .errorMessage=","\n      .error=","\n      readonly=\"true\"\n      @click=\"","\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"expand-2\"\n        color=\"#005EA6\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>"])),n({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!c}),d,o,s,function(e){return _this9.handleChange(e,u.OBJECT_MAPPER);});}},{key:"renderCodeEditor",value:function renderCodeEditor(e){var _this10=this;var t=e.value,i=e.multiLine,s=e.customAutoCompletions,o=e.disabled,l=e.readonly,a=e.errorMessage,c=e.error,d=e.inputType,p=e.noborder,h=e.expand,$=e.updateValue;return r(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-code-editor\n      part=\"switcher-code-editor\"\n      exportparts=\"switcher-code-editor-base\"\n      class=","\n      @nile-expand=\"","\"\n      @nile-change=\"","\"\n      .multiline=\"","\"\n      .value=\"","\"\n      .readonly=","\n      .expandable=\"","\"\n      .error=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      .customAutoCompletions=\"","\"\n    ></nile-code-editor> "])),n({"code-editor":!0}),function(e){return _this10.handleExpand(e,u.CODE_EDITOR);},function(e){return _this10.handleChange(e,u.CODE_EDITOR);},i,t,l,h,c,p,$,a,s);}},{key:"handleExpand",value:function handleExpand(e,r){this.currentInput.expand=e.detail.expand,this.emit("nile-change",{input:this.currentInput});}},{key:"handleChange",value:function handleChange(e,r){switch(r){case u.OBJECT_MAPPER:this.currentInput.value="clicked";break;case u.CHECKBOX:this.currentInput.value=e.detail.checked;break;case u.CODE_EDITOR:default:this.currentInput.value=e.detail.value;}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput});}},{key:"renderIcon",value:function renderIcon(){var _this11=this;var e=this.nileSwitchConfig.inputs,t=this.nileSwitchConfig.align===p.BLOCK?"top":"bottom";return r(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <div part=\"icons-container\" class=\"switcher-icons-container\">\n        ","\n      </div>\n    "])),l(e,function(e,i){return r(_templateObject13||(_templateObject13=_taggedTemplateLiteral([" <nile-tooltip\n            class=","\n            content=","\n            placement=","\n          >\n            <div  class=",">\n               <nile-icon\n              size=\"16\"\n              class=","\n              .name=","\n              color=\"#000000\"\n              @click=","\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>"])),n({"switcher-tooltip-container":!0}),e.helperText,t,n({"switcher-icon-container":!0,current:i===_this11.current}),n({"pointer-cursor":!0,"pointer-cursor-not-allowed":i===_this11.current}),e.icon,function(){return _this11.toggleField(e,i);});}));}},{key:"toggleField",value:function toggleField(e,r){this.emit("nile-switch",{inputClicked:r,currentInput:e});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(){var _this12=this;return this.setCurrentInput(),r(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      ","\n    "])),o(this.currentInput.inputType,[[u.TEXT,function(){return _this12.renderNileText(_this12.currentInput);}],[u.CHECKBOX,function(){return _this12.renderNileCheckBox(_this12.currentInput);}],[u.TEXTAREA,function(){return _this12.renderNileTextArea(_this12.currentInput);}],[u.RADIO,function(){return _this12.renderNileRadio(_this12.currentInput);}],[u.DROPDOWN,function(){return _this12.renderDropdown(_this12.currentInput);}],[u.CONTENTEDITOR,function(){return _this12.renderContentEditor(_this12.currentInput);}],[u.OBJECT_MAPPER,function(){return _this12.renderObjectMapper(_this12.currentInput);}],[u.CODE_EDITOR,function(){return _this12.renderCodeEditor(_this12.currentInput);}]],function(){return _this12.renderNileText(_this12.currentInput);}));}},{key:"render",value:function render(){var e=this.hasSlotController.test("label"),t=this.nileSwitchConfig.align,i=this.nileSwitchConfig.disable;return r(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["<div\n      part=\"base\"\n      class=","\n    >\n      <div class=\"label-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>"])),n({"switcher-block":t===p.BLOCK,"switcher-inline":t===p.INLINE,"switcher-container":!0}),e?r(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n           <label\n          part=\"switcher-label\"\n          class=\"switcher__label\"\n          for=\"input\"\n        >\n          <slot name=\"label\"></slot>\n        </label>\n          </div> "]))):"",i?"":r(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["",""])),this.renderIcon()),this.singleFieldSwitcher());}}]);return b;}(s));b.styles=i,e([d({type:Object})],b.prototype,"nileSwitchConfig",void 0),e([d({type:Number})],b.prototype,"current",void 0),e([d({type:Object})],b.prototype,"currentInput",void 0),e([a(["current"],{waitUntilFirstUpdate:!0})],b.prototype,"handleSwitcherChange",null),_export("N",b=e([t("nile-switcher")],b));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,r,t,i,s,o,n,l,a,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,p,h,u,$,b;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){i=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){o=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDirectivesRepeatJs){l=_litDirectivesRepeatJs.repeat;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalSlotCjsJs){c=_internalSlotCjsJs.H;},function(_property002CjsJs){d=_property002CjsJs.n;},function(_lit){}],execute:function(){!function(e){e.INLINE="inline",e.BLOCK="block";}(p||(p={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(h||(h={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper",e.CODE_EDITOR="code-editor";}(u||(u={})),function(e){e.CREATE="create",e.EDIT="edit";}($||($={}));_export("N",b=/*#__PURE__*/function(_s){_inherits(b,_s);var _super=_createSuper(b);function b(){var _this;_classCallCheck(this,b);_this=_super.apply(this,arguments),_this.hasSlotController=new c(_assertThisInitialized(_this),"label"),_this.current=0,_this.isToggleSwitch=function(e){return void 0===e||e;};return _this;}_createClass(b,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(b.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"handleSwitcherChange",value:function handleSwitcherChange(){this.setCurrentInput();}},{key:"setCurrentInput",value:function setCurrentInput(){var _this$nileSwitchConfi,_this2=this;((_this$nileSwitchConfi=this.nileSwitchConfig)===null||_this$nileSwitchConfi===void 0?void 0:_this$nileSwitchConfi.inputs)&&(this.currentInput=this.nileSwitchConfig.inputs.filter(function(e,r){return r===_this2.current;})[0]);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(b.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e){var _this3=this;var t=e.value,i=e.label,s=e.placeholder,o=e.disabled,l=e.required,a=e.error,c=e.errorMessage,d=e.inputType,p=e.noborder;return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),n({"switcher-input":!0,"switcher-input--noborder":!!p}),t,i,o,l,c,s,a,function(e){_this3.handleChange(e,d);});}},{key:"renderDropdown",value:function renderDropdown(e){var _this4=this;var t=e.options,i=e.multiple,s=e.placeholder,o=e.disabled,l=e.value,a=e.error,c=e.errorMessage,d=e.inputType,p=e.noborder;return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      part=\"dropdown\"\n      class=","\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      .value=\"","\"\n      .error=\"","\"\n      .errorMessage=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),n({"switcher-dropdown":!0,"switcher-dropdown--noborder":!!p}),s,o,i,l,a,c,function(e){_this4.handleChange(e,d);},t===null||t===void 0?void 0:t.map(function(e){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e){var _this5=this;var t=e.value,i=e.disabled,s=e.readonly,o=e.errorMessage,n=e.error,l=e.inputType;return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      class=\"switcher-textarea\"\n      .value=","\n      .disabled=","\n      ?readonly=","\n      .error=","\n      .errorMessage=","\n      @nile-input=","\n    ></nile-textarea>"])),t,i,s,n,o,function(e){_this5.handleChange(e,l);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e){var _this6=this;var t=e.value,i=e.label,s=e.disabled,o=e.inputType;return r(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=","\n        .label=","\n        .disabled=","\n        @valueChange=","\n      ></nile-checkbox\n      >; "])),t,i,s,function(e){_this6.handleChange(e,o);});}},{key:"renderNileRadio",value:function renderNileRadio(e){var _this7=this;var t=e.options,i=e.value,s=e.disabled,o=e.errorMessage,n=e.inputType,l=!!o;return r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n      ","\n    </nile-radio-group> "])),i,s,function(e){_this7.handleChange(e,n);},t&&t.map(function(e){return r(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}),l?this.renderErrorMessage(o):"");}},{key:"renderErrorMessage",value:function renderErrorMessage(e){return r(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-form-error-message>","</nile-form-error-message>\n    "])),e);}},{key:"renderContentEditor",value:function renderContentEditor(e){var _this8=this;var t=e.options,i=e.inputType,s=e.errorMessage,o=e.type,n=e.readonly,l=e.noborder,a=e.value,c=e.updateValue;return r(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=","\n      .options=","\n      .type=","\n      .readonly=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      @nile-change=","\n    >\n    </nile-content-editor>"])),a,t,o,n,l,c,s,function(e){_this8.handleChange(e,i);});}},{key:"renderObjectMapper",value:function renderObjectMapper(e){var _this9=this;var t=e.options,i=e.inputType,s=e.error,o=e.errorMessage,l=e.type,a=e.readonly,c=e.noborder;var d=this.currentInput.mode===$.CREATE?"Click to Create - Not Mapped":"Click to Edit";return r(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .errorMessage=","\n      .error=","\n      readonly=\"true\"\n      @click=\"","\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"expand-2\"\n        color=\"#005EA6\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>"])),n({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!c}),d,o,s,function(e){return _this9.handleChange(e,u.OBJECT_MAPPER);});}},{key:"renderCodeEditor",value:function renderCodeEditor(e){var _this10=this;var t=e.value,i=e.multiLine,s=e.customAutoCompletions,o=e.disabled,l=e.readonly,a=e.errorMessage,c=e.error,d=e.inputType,p=e.noborder,h=e.expand,$=e.updateValue;return r(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-code-editor\n      part=\"switcher-code-editor\"\n      exportparts=\"code-editor-base\"\n      class=","\n      @nile-expand=\"","\"\n      @nile-change=\"","\"\n      .multiline=\"","\"\n      .value=\"","\"\n      .readonly=","\n      .expandable=\"","\"\n      .error=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      .customAutoCompletions=\"","\"\n    ></nile-code-editor> "])),n({"code-editor":!0}),function(e){return _this10.handleExpand(e,u.CODE_EDITOR);},function(e){return _this10.handleChange(e,u.CODE_EDITOR);},i,t,l,h,c,p,$,a,s);}},{key:"handleExpand",value:function handleExpand(e,r){this.currentInput.expand=e.detail.expand,this.emit("nile-change",{input:this.currentInput});}},{key:"handleChange",value:function handleChange(e,r){switch(r){case u.OBJECT_MAPPER:this.currentInput.value="clicked";break;case u.CHECKBOX:this.currentInput.value=e.detail.checked;break;case u.CODE_EDITOR:default:this.currentInput.value=e.detail.value;}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput});}},{key:"renderIcon",value:function renderIcon(){var _this11=this;var e=this.nileSwitchConfig.inputs,t=this.nileSwitchConfig.align===p.BLOCK?"top":"bottom";return r(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <div part=\"icons-container\" class=\"switcher-icons-container\">\n        ","\n      </div>\n    "])),l(e,function(e,i){return r(_templateObject13||(_templateObject13=_taggedTemplateLiteral([" <nile-tooltip\n            class=","\n            content=","\n            placement=","\n          >\n            <div  class=",">\n               <nile-icon\n              size=\"16\"\n              class=","\n              .name=","\n              color=\"#000000\"\n              @click=","\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>"])),n({"switcher-tooltip-container":!0}),e.helperText,t,n({"switcher-icon-container":!0,current:i===_this11.current}),n({"pointer-cursor":!0,"pointer-cursor-not-allowed":i===_this11.current}),e.icon,function(){return _this11.toggleField(e,i);});}));}},{key:"toggleField",value:function toggleField(e,r){this.emit("nile-switch",{inputClicked:r,currentInput:e});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(){var _this12=this;return this.setCurrentInput(),r(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      ","\n    "])),o(this.currentInput.inputType,[[u.TEXT,function(){return _this12.renderNileText(_this12.currentInput);}],[u.CHECKBOX,function(){return _this12.renderNileCheckBox(_this12.currentInput);}],[u.TEXTAREA,function(){return _this12.renderNileTextArea(_this12.currentInput);}],[u.RADIO,function(){return _this12.renderNileRadio(_this12.currentInput);}],[u.DROPDOWN,function(){return _this12.renderDropdown(_this12.currentInput);}],[u.CONTENTEDITOR,function(){return _this12.renderContentEditor(_this12.currentInput);}],[u.OBJECT_MAPPER,function(){return _this12.renderObjectMapper(_this12.currentInput);}],[u.CODE_EDITOR,function(){return _this12.renderCodeEditor(_this12.currentInput);}]],function(){return _this12.renderNileText(_this12.currentInput);}));}},{key:"render",value:function render(){var e=this.hasSlotController.test("label"),t=this.nileSwitchConfig.align,i=this.nileSwitchConfig.disable;return r(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["<div\n      part=\"base\"\n      class=","\n    >\n      <div class=\"label-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>"])),n({"switcher-block":t===p.BLOCK,"switcher-inline":t===p.INLINE,"switcher-container":!0}),e?r(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n           <label\n          part=\"switcher-label\"\n          class=\"switcher__label\"\n          for=\"input\"\n        >\n          <slot name=\"label\"></slot>\n        </label>\n          </div> "]))):"",i?"":r(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["",""])),this.renderIcon()),this.singleFieldSwitcher());}}]);return b;}(s));b.styles=i,e([d({type:Object})],b.prototype,"nileSwitchConfig",void 0),e([d({type:Number})],b.prototype,"current",void 0),e([d({type:Object})],b.prototype,"currentInput",void 0),e([a(["current"],{waitUntilFirstUpdate:!0})],b.prototype,"handleSwitcherChange",null),_export("N",b=e([t("nile-switcher")],b));}};});
 //# sourceMappingURL=nile-switcher.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { watch } from '../internal/watch';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * @summary Allows you to switch between nile elements\n *\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  confirmation?: boolean;\n  align: 'block' | 'inline';\n  inputs: switchInputType[];\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR\n    | INPUT_TYPE_NAMES.OBJECT_MAPPER\n    | INPUT_TYPE_NAMES.CODE_EDITOR;\n  value?: String | boolean;\n  label?: String;\n  readonly?: boolean;\n  type?: string;\n  icon: string;\n  mode?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  customAutoCompletions?: any;\n  helperText?: string;\n  multiple?: boolean;\n  noborder?: boolean;\n  multiLine?: boolean;\n  expand?: boolean;\n  updateValue?: false;\n}\n\nexport enum POSITIONS {\n  INLINE = 'inline',\n  BLOCK = 'block',\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n  OBJECT_MAPPER = 'object-mapper',\n  CODE_EDITOR = 'code-editor',\n}\n\nexport enum MODE {\n  CREATE = 'create',\n  EDIT = 'edit',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'label');\n\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  @property({ type: Number }) current: Number = 0;\n\n  @property({ type: Object }) currentInput: switchInputType;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  @watch(['current'], { waitUntilFirstUpdate: true })\n  handleSwitcherChange() {\n    this.setCurrentInput();\n  }\n\n  setCurrentInput() {\n    if (this.nileSwitchConfig?.inputs) {\n      this.currentInput = this.nileSwitchConfig.inputs.filter(\n        (input: switchInputType, index: Number) => {\n          return index === this.current;\n        }\n      )[0];\n    }\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      error,\n      errorMessage,\n      inputType,\n      noborder,\n    } = Input;\n    return html`<nile-input\n      class=${classMap({\n        'switcher-input': true,\n        'switcher-input--noborder': !!noborder,\n      })}\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${error}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      value,\n      error,\n      errorMessage,\n      inputType,\n      noborder,\n    } = Input;\n\n    return html`<nile-select\n      part=\"dropdown\"\n      class=${classMap({\n        'switcher-dropdown': true,\n        'switcher-dropdown--noborder': !!noborder,\n      })}\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      .value=\"${value}\"\n      .error=\"${error}\"\n      .errorMessage=\"${errorMessage}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType) {\n    const { value, disabled, readonly, errorMessage, error, inputType } = Input;\n\n    return html`<nile-textarea\n      class=\"switcher-textarea\"\n      .value=${value}\n      .disabled=${disabled}\n      ?readonly=${readonly}\n      .error=${error}\n      .errorMessage=${errorMessage}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType) {\n    const { value, label, disabled, inputType } = Input;\n\n    return html`<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=${value}\n        .label=${label}\n        .disabled=${disabled}\n        @valueChange=${(e: CustomEvent) => {\n          this.handleChange(e, inputType);\n        }}\n      ></nile-checkbox\n      >; `;\n  }\n\n  renderNileRadio(Input: switchInputType) {\n    const { options, value, disabled, errorMessage, inputType } = Input;\n\n    const haserrorMessage = !!errorMessage;\n\n    return html`<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n      ${haserrorMessage ? this.renderErrorMessage(errorMessage) : ''}\n    </nile-radio-group> `;\n  }\n\n  renderErrorMessage(errorMessage: string) {\n    return html`\n      <nile-form-error-message>${errorMessage}</nile-form-error-message>\n    `;\n  }\n\n  renderContentEditor(Input: switchInputType) {\n    let {\n      options,\n      inputType,\n      errorMessage,\n      type,\n      readonly,\n      noborder,\n      value,\n      updateValue,\n    } = Input;\n    return html`<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=${value}\n      .options=${options}\n      .type=${type}\n      .readonly=${readonly}\n      .noborder=${noborder}\n      .updateValue=${updateValue}\n      .errorMessage=${errorMessage}\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n    </nile-content-editor>`;\n  }\n\n  renderObjectMapper(Input: switchInputType) {\n    let { options, inputType, error, errorMessage, type, readonly, noborder } =\n      Input;\n\n    const value =\n      this.currentInput.mode === MODE.CREATE\n        ? 'Click to Create - Not Mapped'\n        : 'Click to Edit';\n\n    return html`<nile-input\n      class=${classMap({\n        'switcher-object-mapper': true,\n        'switcher-object-mapper--noborder': !!noborder,\n      })}\n      .value=${value}\n      .errorMessage=${errorMessage}\n      .error=${error}\n      readonly=\"true\"\n      @click=\"${(e: CustomEvent) =>\n        this.handleChange(e, INPUT_TYPE_NAMES.OBJECT_MAPPER)}\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"expand-2\"\n        color=\"#005EA6\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>`;\n  }\n\n  renderCodeEditor(Input: switchInputType) {\n    const {\n      value,\n      multiLine,\n      customAutoCompletions,\n      disabled,\n      readonly,\n      errorMessage,\n      error,\n      inputType,\n      noborder,\n      expand,\n      updateValue,\n    } = Input;\n    return html`<nile-code-editor\n      part=\"switcher-code-editor\"\n      exportparts=\"switcher-code-editor-base\"\n      class=${classMap({\n        'code-editor': true,\n      })}\n      @nile-expand=\"${(e: CustomEvent) =>\n        this.handleExpand(e, INPUT_TYPE_NAMES.CODE_EDITOR)}\"\n      @nile-change=\"${(e: CustomEvent) =>\n        this.handleChange(e, INPUT_TYPE_NAMES.CODE_EDITOR)}\"\n      .multiline=\"${multiLine}\"\n      .value=\"${value}\"\n      .readonly=${readonly}\n      .expandable=\"${expand}\"\n      .error=${error}\n      .noborder=${noborder}\n      .updateValue=${updateValue}\n      .errorMessage=${errorMessage}\n      .customAutoCompletions=\"${customAutoCompletions}\"\n    ></nile-code-editor> `;\n  }\n\n  handleExpand(event: CustomEvent, inputType: string) {\n    this.currentInput.expand = event.detail.expand;\n    this.emit('nile-change', { input: this.currentInput });\n  }\n\n  handleChange(event: CustomEvent, inputType: string) {\n    switch (inputType) {\n      case INPUT_TYPE_NAMES.OBJECT_MAPPER:\n        this.currentInput.value = 'clicked';\n        break;\n      case INPUT_TYPE_NAMES.CHECKBOX:\n        this.currentInput.value = event.detail.checked;\n        break;\n      case INPUT_TYPE_NAMES.CODE_EDITOR:\n        this.currentInput.value = event.detail.value;\n        break;\n      default:\n        this.currentInput.value = event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { input: this.currentInput });\n  }\n\n  renderIcon() {\n    const inputs = this.nileSwitchConfig.inputs;\n    const toolTipPosition =\n      this.nileSwitchConfig.align === POSITIONS.BLOCK ? 'top' : 'bottom';\n\n    return html`\n      <div part=\"icons-container\" class=\"switcher-icons-container\">\n        ${repeat(\n          inputs,\n          (input: any, index: number) => html` <nile-tooltip\n            class=${classMap({\n              'switcher-tooltip-container': true,\n            })}\n            content=${input.helperText}\n            placement=${toolTipPosition}\n          >\n            <div  class=${classMap({\n              'switcher-icon-container': true,\n              current: index === this.current,\n            })}>\n               <nile-icon\n              size=\"16\"\n              class=${classMap({\n                'pointer-cursor': true,\n                'pointer-cursor-not-allowed': index === this.current,\n              })}\n              .name=${input.icon}\n              color=\"#000000\"\n              @click=${() => this.toggleField(input, index)}\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>`\n        )}\n      </div>\n    `;\n  }\n\n  isToggleSwitch = (item: any) => {\n    return typeof item === 'undefined' || item;\n  };\n\n  toggleField(currentInput: switchInputType, index: Number) {\n    this.emit('nile-switch', {\n      inputClicked: index,\n      currentInput: currentInput,\n    });\n  }\n\n  singleFieldSwitcher() {\n    this.setCurrentInput();\n\n    return html`\n      ${choose(\n        this.currentInput.inputType,\n        [\n          [INPUT_TYPE_NAMES.TEXT, () => this.renderNileText(this.currentInput)],\n          [\n            INPUT_TYPE_NAMES.CHECKBOX,\n            () => this.renderNileCheckBox(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.TEXTAREA,\n            () => this.renderNileTextArea(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.RADIO,\n            () => this.renderNileRadio(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.DROPDOWN,\n            () => this.renderDropdown(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.CONTENTEDITOR,\n            () => this.renderContentEditor(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.OBJECT_MAPPER,\n            () => this.renderObjectMapper(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.CODE_EDITOR,\n            () => this.renderCodeEditor(this.currentInput),\n          ],\n        ],\n        () => this.renderNileText(this.currentInput)\n      )}\n    `;\n  }\n\n  public render(): TemplateResult {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const align = this.nileSwitchConfig.align;\n    const disable = this.nileSwitchConfig.disable;\n    return html`<div\n      part=\"base\"\n      class=${classMap({\n        'switcher-block': align === POSITIONS.BLOCK,\n        'switcher-inline': align === POSITIONS.INLINE,\n        'switcher-container': true,\n      })}\n    >\n      <div class=\"label-container\">\n        ${hasLabelSlot\n          ? html`\n           <label\n          part=\"switcher-label\"\n          class=\"switcher__label\"\n          for=\"input\"\n        >\n          <slot name=\"label\"></slot>\n        </label>\n          </div> `\n          : ''}\n        ${!disable ? html`${this.renderIcon()}` : ''}\n      </div>\n      ${this.singleFieldSwitcher()}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["POSITIONS","INLINE","BLOCK","INPUT_TYPE","DEFAULT","SWITCH","INPUT_TYPE_NAMES","DROPDOWN","TEXT","CHECKBOX","TEXTAREA","RADIO","CONTENTEDITOR","OBJECT_MAPPER","CODE_EDITOR","MODE","CREATE","EDIT","_export","NileSwitcher","b","this","hasSlotController","HasSlotController","current","isToggleSwitch","item","_this","_createClass","key","value","connectedCallback","super","emit","handleSwitcherChange","setCurrentInput","nileSwitchConfig","inputs","currentInput","filter","input","index","disconnectedCallback","renderNileText","Input","_this3","label","placeholder","disabled","required","error","errorMessage","inputType","noborder","html","_templateObject","_taggedTemplateLiteral","classMap","e","handleChange","renderDropdown","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","readonly","_templateObject4","renderNileCheckBox","_this6","_templateObject5","renderNileRadio","haserrorMessage","_templateObject6","_templateObject7","renderErrorMessage","_templateObject8","renderContentEditor","_this8","type","updateValue","_templateObject9","renderObjectMapper","_this9","mode","_templateObject10","renderCodeEditor","_this10","multiLine","customAutoCompletions","expand","_templateObject11","handleExpand","event","detail","checked","stopPropagation","renderIcon","toolTipPosition","align","_templateObject12","repeat","_templateObject13","helperText","icon","toggleField","inputClicked","singleFieldSwitcher","_templateObject14","choose","render","hasLabelSlot","test","disable","_templateObject15","_templateObject16","_templateObject17","NileElement","styles","__decorate","property","Object","prototype","Number","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-switcher.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { watch } from '../internal/watch';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * @summary Allows you to switch between nile elements\n *\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  confirmation?: boolean;\n  align: 'block' | 'inline';\n  inputs: switchInputType[];\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR\n    | INPUT_TYPE_NAMES.OBJECT_MAPPER\n    | INPUT_TYPE_NAMES.CODE_EDITOR;\n  value?: String | boolean;\n  label?: String;\n  readonly?: boolean;\n  type?: string;\n  icon: string;\n  mode?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  customAutoCompletions?: any;\n  helperText?: string;\n  multiple?: boolean;\n  noborder?: boolean;\n  multiLine?: boolean;\n  expand?: boolean;\n  updateValue?: false;\n}\n\nexport enum POSITIONS {\n  INLINE = 'inline',\n  BLOCK = 'block',\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n  OBJECT_MAPPER = 'object-mapper',\n  CODE_EDITOR = 'code-editor',\n}\n\nexport enum MODE {\n  CREATE = 'create',\n  EDIT = 'edit',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'label');\n\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  @property({ type: Number }) current: Number = 0;\n\n  @property({ type: Object }) currentInput: switchInputType;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  @watch(['current'], { waitUntilFirstUpdate: true })\n  handleSwitcherChange() {\n    this.setCurrentInput();\n  }\n\n  setCurrentInput() {\n    if (this.nileSwitchConfig?.inputs) {\n      this.currentInput = this.nileSwitchConfig.inputs.filter(\n        (input: switchInputType, index: Number) => {\n          return index === this.current;\n        }\n      )[0];\n    }\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      error,\n      errorMessage,\n      inputType,\n      noborder,\n    } = Input;\n    return html`<nile-input\n      class=${classMap({\n        'switcher-input': true,\n        'switcher-input--noborder': !!noborder,\n      })}\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${error}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      value,\n      error,\n      errorMessage,\n      inputType,\n      noborder,\n    } = Input;\n\n    return html`<nile-select\n      part=\"dropdown\"\n      class=${classMap({\n        'switcher-dropdown': true,\n        'switcher-dropdown--noborder': !!noborder,\n      })}\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      .value=\"${value}\"\n      .error=\"${error}\"\n      .errorMessage=\"${errorMessage}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType) {\n    const { value, disabled, readonly, errorMessage, error, inputType } = Input;\n\n    return html`<nile-textarea\n      class=\"switcher-textarea\"\n      .value=${value}\n      .disabled=${disabled}\n      ?readonly=${readonly}\n      .error=${error}\n      .errorMessage=${errorMessage}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType) {\n    const { value, label, disabled, inputType } = Input;\n\n    return html`<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=${value}\n        .label=${label}\n        .disabled=${disabled}\n        @valueChange=${(e: CustomEvent) => {\n          this.handleChange(e, inputType);\n        }}\n      ></nile-checkbox\n      >; `;\n  }\n\n  renderNileRadio(Input: switchInputType) {\n    const { options, value, disabled, errorMessage, inputType } = Input;\n\n    const haserrorMessage = !!errorMessage;\n\n    return html`<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n      ${haserrorMessage ? this.renderErrorMessage(errorMessage) : ''}\n    </nile-radio-group> `;\n  }\n\n  renderErrorMessage(errorMessage: string) {\n    return html`\n      <nile-form-error-message>${errorMessage}</nile-form-error-message>\n    `;\n  }\n\n  renderContentEditor(Input: switchInputType) {\n    let {\n      options,\n      inputType,\n      errorMessage,\n      type,\n      readonly,\n      noborder,\n      value,\n      updateValue,\n    } = Input;\n    return html`<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=${value}\n      .options=${options}\n      .type=${type}\n      .readonly=${readonly}\n      .noborder=${noborder}\n      .updateValue=${updateValue}\n      .errorMessage=${errorMessage}\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n    </nile-content-editor>`;\n  }\n\n  renderObjectMapper(Input: switchInputType) {\n    let { options, inputType, error, errorMessage, type, readonly, noborder } =\n      Input;\n\n    const value =\n      this.currentInput.mode === MODE.CREATE\n        ? 'Click to Create - Not Mapped'\n        : 'Click to Edit';\n\n    return html`<nile-input\n      class=${classMap({\n        'switcher-object-mapper': true,\n        'switcher-object-mapper--noborder': !!noborder,\n      })}\n      .value=${value}\n      .errorMessage=${errorMessage}\n      .error=${error}\n      readonly=\"true\"\n      @click=\"${(e: CustomEvent) =>\n        this.handleChange(e, INPUT_TYPE_NAMES.OBJECT_MAPPER)}\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"expand-2\"\n        color=\"#005EA6\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>`;\n  }\n\n  renderCodeEditor(Input: switchInputType) {\n    const {\n      value,\n      multiLine,\n      customAutoCompletions,\n      disabled,\n      readonly,\n      errorMessage,\n      error,\n      inputType,\n      noborder,\n      expand,\n      updateValue,\n    } = Input;\n    return html`<nile-code-editor\n      part=\"switcher-code-editor\"\n      exportparts=\"code-editor-base\"\n      class=${classMap({\n        'code-editor': true,\n      })}\n      @nile-expand=\"${(e: CustomEvent) =>\n        this.handleExpand(e, INPUT_TYPE_NAMES.CODE_EDITOR)}\"\n      @nile-change=\"${(e: CustomEvent) =>\n        this.handleChange(e, INPUT_TYPE_NAMES.CODE_EDITOR)}\"\n      .multiline=\"${multiLine}\"\n      .value=\"${value}\"\n      .readonly=${readonly}\n      .expandable=\"${expand}\"\n      .error=${error}\n      .noborder=${noborder}\n      .updateValue=${updateValue}\n      .errorMessage=${errorMessage}\n      .customAutoCompletions=\"${customAutoCompletions}\"\n    ></nile-code-editor> `;\n  }\n\n  handleExpand(event: CustomEvent, inputType: string) {\n    this.currentInput.expand = event.detail.expand;\n    this.emit('nile-change', { input: this.currentInput });\n  }\n\n  handleChange(event: CustomEvent, inputType: string) {\n    switch (inputType) {\n      case INPUT_TYPE_NAMES.OBJECT_MAPPER:\n        this.currentInput.value = 'clicked';\n        break;\n      case INPUT_TYPE_NAMES.CHECKBOX:\n        this.currentInput.value = event.detail.checked;\n        break;\n      case INPUT_TYPE_NAMES.CODE_EDITOR:\n        this.currentInput.value = event.detail.value;\n        break;\n      default:\n        this.currentInput.value = event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { input: this.currentInput });\n  }\n\n  renderIcon() {\n    const inputs = this.nileSwitchConfig.inputs;\n    const toolTipPosition =\n      this.nileSwitchConfig.align === POSITIONS.BLOCK ? 'top' : 'bottom';\n\n    return html`\n      <div part=\"icons-container\" class=\"switcher-icons-container\">\n        ${repeat(\n          inputs,\n          (input: any, index: number) => html` <nile-tooltip\n            class=${classMap({\n              'switcher-tooltip-container': true,\n            })}\n            content=${input.helperText}\n            placement=${toolTipPosition}\n          >\n            <div  class=${classMap({\n              'switcher-icon-container': true,\n              current: index === this.current,\n            })}>\n               <nile-icon\n              size=\"16\"\n              class=${classMap({\n                'pointer-cursor': true,\n                'pointer-cursor-not-allowed': index === this.current,\n              })}\n              .name=${input.icon}\n              color=\"#000000\"\n              @click=${() => this.toggleField(input, index)}\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>`\n        )}\n      </div>\n    `;\n  }\n\n  isToggleSwitch = (item: any) => {\n    return typeof item === 'undefined' || item;\n  };\n\n  toggleField(currentInput: switchInputType, index: Number) {\n    this.emit('nile-switch', {\n      inputClicked: index,\n      currentInput: currentInput,\n    });\n  }\n\n  singleFieldSwitcher() {\n    this.setCurrentInput();\n\n    return html`\n      ${choose(\n        this.currentInput.inputType,\n        [\n          [INPUT_TYPE_NAMES.TEXT, () => this.renderNileText(this.currentInput)],\n          [\n            INPUT_TYPE_NAMES.CHECKBOX,\n            () => this.renderNileCheckBox(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.TEXTAREA,\n            () => this.renderNileTextArea(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.RADIO,\n            () => this.renderNileRadio(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.DROPDOWN,\n            () => this.renderDropdown(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.CONTENTEDITOR,\n            () => this.renderContentEditor(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.OBJECT_MAPPER,\n            () => this.renderObjectMapper(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.CODE_EDITOR,\n            () => this.renderCodeEditor(this.currentInput),\n          ],\n        ],\n        () => this.renderNileText(this.currentInput)\n      )}\n    `;\n  }\n\n  public render(): TemplateResult {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const align = this.nileSwitchConfig.align;\n    const disable = this.nileSwitchConfig.disable;\n    return html`<div\n      part=\"base\"\n      class=${classMap({\n        'switcher-block': align === POSITIONS.BLOCK,\n        'switcher-inline': align === POSITIONS.INLINE,\n        'switcher-container': true,\n      })}\n    >\n      <div class=\"label-container\">\n        ${hasLabelSlot\n          ? html`\n           <label\n          part=\"switcher-label\"\n          class=\"switcher__label\"\n          for=\"input\"\n        >\n          <slot name=\"label\"></slot>\n        </label>\n          </div> `\n          : ''}\n        ${!disable ? html`${this.renderIcon()}` : ''}\n      </div>\n      ${this.singleFieldSwitcher()}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["POSITIONS","INLINE","BLOCK","INPUT_TYPE","DEFAULT","SWITCH","INPUT_TYPE_NAMES","DROPDOWN","TEXT","CHECKBOX","TEXTAREA","RADIO","CONTENTEDITOR","OBJECT_MAPPER","CODE_EDITOR","MODE","CREATE","EDIT","_export","NileSwitcher","b","this","hasSlotController","HasSlotController","current","isToggleSwitch","item","_this","_createClass","key","value","connectedCallback","super","emit","handleSwitcherChange","setCurrentInput","nileSwitchConfig","inputs","currentInput","filter","input","index","disconnectedCallback","renderNileText","Input","_this3","label","placeholder","disabled","required","error","errorMessage","inputType","noborder","html","_templateObject","_taggedTemplateLiteral","classMap","e","handleChange","renderDropdown","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","readonly","_templateObject4","renderNileCheckBox","_this6","_templateObject5","renderNileRadio","haserrorMessage","_templateObject6","_templateObject7","renderErrorMessage","_templateObject8","renderContentEditor","_this8","type","updateValue","_templateObject9","renderObjectMapper","_this9","mode","_templateObject10","renderCodeEditor","_this10","multiLine","customAutoCompletions","expand","_templateObject11","handleExpand","event","detail","checked","stopPropagation","renderIcon","toolTipPosition","align","_templateObject12","repeat","_templateObject13","helperText","icon","toggleField","inputClicked","singleFieldSwitcher","_templateObject14","choose","render","hasLabelSlot","test","disable","_templateObject15","_templateObject16","_templateObject17","NileElement","styles","__decorate","property","Object","prototype","Number","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .pointer-cursor-not-allowed {\n    cursor: default;\n  }\n\n  .switcher__label {\n    display: flex;\n    align-items: center;\n    color: inherit;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  switcher-object-mapper:hover {\n    display: flex;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-primary-100);\n  }\n\n  .switcher-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .switcher-icons-container {\n    display: flex;\n    margin-left: auto;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  .switcher-block > .switcher-icons-container {\n    margin-left: auto;\n  }\n\n  .label-container {\n    display: flex;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper-icon {\n    display: none;\n  }\n  .switcher-object-mapper:hover > .switcher-object-mapper-icon {\n    display: block;\n  }\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(combobox) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(expand-icon) {\n    display: none;\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    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .pointer-cursor-not-allowed {\n    pointer-events: none;\n  }\n\n  .switcher__label {\n    display: flex;\n    align-items: center;\n    color: inherit;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  switcher-object-mapper:hover {\n    display: flex;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-primary-100);\n  }\n\n  .switcher-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .switcher-icons-container {\n    display: flex;\n    margin-left: auto;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  .switcher-block > .switcher-icons-container {\n    margin-left: auto;\n  }\n\n  .label-container {\n    display: flex;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper-icon {\n    display: none;\n  }\n  .switcher-object-mapper:hover > .switcher-object-mapper-icon {\n    display: block;\n  }\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(combobox) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(expand-icon) {\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-switcher.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.css.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .pointer-cursor-not-allowed {\n    cursor: default;\n  }\n\n  .switcher__label {\n    display: flex;\n    align-items: center;\n    color: inherit;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  switcher-object-mapper:hover {\n    display: flex;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-primary-100);\n  }\n\n  .switcher-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .switcher-icons-container {\n    display: flex;\n    margin-left: auto;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  .switcher-block > .switcher-icons-container {\n    margin-left: auto;\n  }\n\n  .label-container {\n    display: flex;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper-icon {\n    display: none;\n  }\n  .switcher-object-mapper:hover > .switcher-object-mapper-icon {\n    display: block;\n  }\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(combobox) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(expand-icon) {\n    display: none;\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-switcher.css.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .pointer-cursor-not-allowed {\n    pointer-events: none;\n  }\n\n  .switcher__label {\n    display: flex;\n    align-items: center;\n    color: inherit;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  switcher-object-mapper:hover {\n    display: flex;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-primary-100);\n  }\n\n  .switcher-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .switcher-icons-container {\n    display: flex;\n    margin-left: auto;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  .switcher-block > .switcher-icons-container {\n    margin-left: auto;\n  }\n\n  .label-container {\n    display: flex;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper-icon {\n    display: none;\n  }\n  .switcher-object-mapper:hover > .switcher-object-mapper-icon {\n    display: block;\n  }\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(combobox) {\n    border: none;\n  }\n\n  .switcher-dropdown--noborder::part(expand-icon) {\n    display: none;\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-switcher/nile-switcher.css.esm.js

@@ -1,4 +1,4 @@
-import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
+import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
   :host {
     width: 100%;
     box-sizing: border-box;
@@ -8,7 +8,7 @@ import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
     cursor: pointer;
   }
   .pointer-cursor-not-allowed {
-    cursor: default;
+    pointer-events: none;
   }
 
   .switcher__label {
@@ -16,7 +16,7 @@ import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
     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;
@@ -105,4 +105,4 @@ import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
   .switcher-dropdown--noborder::part(expand-icon) {
     display: none;
   }
-`;export{e as s};
+`;export{r as s};

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

@@ -74,7 +74,7 @@ import{__decorate as e}from"tslib";import{x as r}from"../index-cd2f9c12.esm.js";
       </nile-icon>
     </nile-input>`}renderCodeEditor(e){const{value:t,multiLine:i,customAutoCompletions:s,disabled:o,readonly:l,errorMessage:a,error:c,inputType:d,noborder:p,expand:h,updateValue:$}=e;return r`<nile-code-editor
       part="switcher-code-editor"
-      exportparts="switcher-code-editor-base"
+      exportparts="code-editor-base"
       class=${n({"code-editor":!0})}
       @nile-expand="${e=>this.handleExpand(e,u.CODE_EDITOR)}"
       @nile-change="${e=>this.handleChange(e,u.CODE_EDITOR)}"

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var t,_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){t=_index001CjsJs.i;}],execute:function(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  .tab {\n    display: inline-flex;\n    align-items: center;\n    border-radius: 8px;\n    color: var(--nile-colors-dark-500);\n    padding: 4px 4px 12px 4px;\n    white-space: nowrap;\n    user-select: none;\n    cursor: pointer;\n    transition: 0.2s box-shadow, 0.2s color;\n    font-family: Colfax-regular;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    gap: 4px;\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tab:focus {\n    outline: none;\n  }\n\n  .tab:focus-visible:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--closable {\n    padding-inline-end: 4px;\n  }\n\n  .tab.tab--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .tab__close-button {\n    font-size: 14px;\n    margin-inline-start: 4px;\n  }\n\n  .tab__close-button::part(base) {\n    padding: 3px;\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline: solid 1px transparent;\n      outline-offset: -3px;\n    }\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var t,_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){t=_index001CjsJs.i;}],execute:function(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  .tab {\n    display: inline-flex;\n    align-items: center;\n    border-radius: 8px;\n    color: var(--nile-colors-dark-500);\n    padding: 4px 4px 12px 4px;\n    white-space: nowrap;\n    user-select: none;\n    cursor: pointer;\n    transition: 0.2s box-shadow, 0.2s color;\n    font-family:var(--nile-font-family-serif);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    gap: 4px;\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tab:focus {\n    outline: none;\n  }\n\n  .tab:focus-visible:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--closable {\n    padding-inline-end: 4px;\n  }\n\n  .tab.tab--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .tab__close-button {\n    font-size: 14px;\n    margin-inline-start: 4px;\n  }\n\n  .tab__close-button::part(base) {\n    padding: 3px;\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline: solid 1px transparent;\n      outline-offset: -3px;\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-tab.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-tab.css.cjs.js","sources":["../../../src/nile-tab/nile-tab.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 * Tab CSS\n */\nexport const styles = css`\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  .tab {\n    display: inline-flex;\n    align-items: center;\n    border-radius: 8px;\n    color: var(--nile-colors-dark-500);\n    padding: 4px 4px 12px 4px;\n    white-space: nowrap;\n    user-select: none;\n    cursor: pointer;\n    transition: 0.2s box-shadow, 0.2s color;\n    font-family: Colfax-regular;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    gap: 4px;\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tab:focus {\n    outline: none;\n  }\n\n  .tab:focus-visible:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--closable {\n    padding-inline-end: 4px;\n  }\n\n  .tab.tab--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .tab__close-button {\n    font-size: 14px;\n    margin-inline-start: 4px;\n  }\n\n  .tab__close-button::part(base) {\n    padding: 3px;\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline: solid 1px transparent;\n      outline-offset: -3px;\n    }\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-tab.css.cjs.js","sources":["../../../src/nile-tab/nile-tab.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 * Tab CSS\n */\nexport const styles = css`\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  .tab {\n    display: inline-flex;\n    align-items: center;\n    border-radius: 8px;\n    color: var(--nile-colors-dark-500);\n    padding: 4px 4px 12px 4px;\n    white-space: nowrap;\n    user-select: none;\n    cursor: pointer;\n    transition: 0.2s box-shadow, 0.2s color;\n    font-family:var(--nile-font-family-serif);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    gap: 4px;\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tab:focus {\n    outline: none;\n  }\n\n  .tab:focus-visible:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--nile-colors-primary-600);\n  }\n\n  .tab.tab--closable {\n    padding-inline-end: 4px;\n  }\n\n  .tab.tab--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .tab__close-button {\n    font-size: 14px;\n    margin-inline-start: 4px;\n  }\n\n  .tab__close-button::part(base) {\n    padding: 3px;\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline: solid 1px transparent;\n      outline-offset: -3px;\n    }\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-tab/nile-tab.css.esm.js

@@ -22,7 +22,7 @@ import{i as t}from"../index-cd2f9c12.esm.js";const o=t`
     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;

package/dist/nile-textarea/nile-textarea.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  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-font-size-base);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700);\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  /* Host styles */\n  :host {\n    display: block;\n  }\n\n  /* Textarea styles */\n  .textarea {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    letter-spacing: 0.5px;\n    vertical-align: middle;\n    border-radius: var(--nile-radius-base-standard);\n    transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n    cursor: text;\n    min-height:12px;\n  }\n\n  /* Standard textareas */\n  .textarea--standard {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border: solid 1px var(--nile-colors-neutral-500);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-dark-900\n    );\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n    border-color: var(--nile-colors-dark-900);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled)\n    .textarea__control {\n      color: #000000;\n  }\n\n  .textarea--standard.textarea--disabled {\n    border-color: var(\n      --nile-colors-neutral-500\n    );\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control::placeholder {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  /* Textarea control styles */\n  .textarea__control {\n    flex: 1 1 auto;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900);\n    border: none;\n    background: none;\n    box-shadow: none;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::-webkit-search-decoration,\n  .textarea__control::-webkit-search-cancel-button,\n  .textarea__control::-webkit-search-results-button,\n  .textarea__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::placeholder {\n    color: var(\n      --nile-colors-dark-500\n    );\n    user-select: none;\n  }\n\n  .textarea__control:focus {\n    outline: none;\n  }\n\n  .textarea--medium .textarea__control {\n    padding: 0.5em 10px;\n  }\n\n  /* Resize types */\n  .textarea--resize-none .textarea__control {\n    resize: none;\n    min-height:12px;\n  }\n\n  .textarea--resize-vertical .textarea__control {\n    resize: vertical;\n    min-height:12px;\n  }\n\n  .textarea--resize-auto .textarea__control {\n    resize: none;\n    overflow-y: hidden;\n    min-height:12px;\n  }\n\n  .textarea--standard.textarea--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .textarea--standard.textarea--error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .textarea--standard.textarea--success {\n    border-color: var(--nile-colors-green-500);\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  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-font-size-base);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700);\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  /* Host styles */\n  :host {\n    display: block;\n  }\n\n  /* Textarea styles */\n  .textarea {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    letter-spacing: 0.5px;\n    vertical-align: middle;\n    border-radius: var(--nile-radius-base-standard);\n    transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n    cursor: text;\n    min-height:12px;\n  }\n\n  /* Standard textareas */\n  .textarea--standard {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border: solid 1px var(--nile-colors-neutral-500);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-dark-900\n    );\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n    border-color: var(--nile-colors-dark-900);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled)\n    .textarea__control {\n      color: #000000;\n  }\n\n  .textarea--standard.textarea--disabled {\n    border-color: var(\n      --nile-colors-neutral-500\n    );\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control::placeholder {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  /* Textarea control styles */\n  .textarea__control {\n    flex: 1 1 auto;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900);\n    border: none;\n    background: none;\n    box-shadow: none;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::-webkit-search-decoration,\n  .textarea__control::-webkit-search-cancel-button,\n  .textarea__control::-webkit-search-results-button,\n  .textarea__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::placeholder {\n    color: var(\n      --nile-colors-dark-500\n    );\n    user-select: none;\n  }\n\n  .textarea__control:focus {\n    outline: none;\n  }\n\n  .textarea--medium .textarea__control {\n    padding: 0.5em 10px;\n  }\n\n  /* Resize types */\n  .textarea--resize-none .textarea__control {\n    resize: none;\n    min-height:12px;\n  }\n\n  .textarea--resize-vertical .textarea__control {\n    resize: vertical;\n    min-height:12px;\n  }\n\n  .textarea--resize-auto .textarea__control {\n    resize: none;\n    overflow-y: hidden;\n    min-height:12px;\n  }\n\n  .textarea--standard.textarea--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .textarea--standard.textarea--error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .textarea--standard.textarea--success {\n    border-color: var(--nile-colors-green-500);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-textarea.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-textarea.css.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.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 * TextArea CSS\n */\nexport const styles = css`\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-font-size-base);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700);\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  /* Host styles */\n  :host {\n    display: block;\n  }\n\n  /* Textarea styles */\n  .textarea {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    letter-spacing: 0.5px;\n    vertical-align: middle;\n    border-radius: var(--nile-radius-base-standard);\n    transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n    cursor: text;\n    min-height:12px;\n  }\n\n  /* Standard textareas */\n  .textarea--standard {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border: solid 1px var(--nile-colors-neutral-500);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-dark-900\n    );\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n    border-color: var(--nile-colors-dark-900);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled)\n    .textarea__control {\n      color: #000000;\n  }\n\n  .textarea--standard.textarea--disabled {\n    border-color: var(\n      --nile-colors-neutral-500\n    );\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control::placeholder {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  /* Textarea control styles */\n  .textarea__control {\n    flex: 1 1 auto;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900);\n    border: none;\n    background: none;\n    box-shadow: none;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::-webkit-search-decoration,\n  .textarea__control::-webkit-search-cancel-button,\n  .textarea__control::-webkit-search-results-button,\n  .textarea__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::placeholder {\n    color: var(\n      --nile-colors-dark-500\n    );\n    user-select: none;\n  }\n\n  .textarea__control:focus {\n    outline: none;\n  }\n\n  .textarea--medium .textarea__control {\n    padding: 0.5em 10px;\n  }\n\n  /* Resize types */\n  .textarea--resize-none .textarea__control {\n    resize: none;\n    min-height:12px;\n  }\n\n  .textarea--resize-vertical .textarea__control {\n    resize: vertical;\n    min-height:12px;\n  }\n\n  .textarea--resize-auto .textarea__control {\n    resize: none;\n    overflow-y: hidden;\n    min-height:12px;\n  }\n\n  .textarea--standard.textarea--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .textarea--standard.textarea--error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .textarea--standard.textarea--success {\n    border-color: var(--nile-colors-green-500);\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-textarea.css.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.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 * TextArea CSS\n */\nexport const styles = css`\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-font-size-base);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700);\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  /* Host styles */\n  :host {\n    display: block;\n  }\n\n  /* Textarea styles */\n  .textarea {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    letter-spacing: 0.5px;\n    vertical-align: middle;\n    border-radius: var(--nile-radius-base-standard);\n    transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n    cursor: text;\n    min-height:12px;\n  }\n\n  /* Standard textareas */\n  .textarea--standard {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border: solid 1px var(--nile-colors-neutral-500);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-dark-900\n    );\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n    border-color: var(--nile-colors-dark-900);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled)\n    .textarea__control {\n      color: #000000;\n  }\n\n  .textarea--standard.textarea--disabled {\n    border-color: var(\n      --nile-colors-neutral-500\n    );\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control::placeholder {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  /* Textarea control styles */\n  .textarea__control {\n    flex: 1 1 auto;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900);\n    border: none;\n    background: none;\n    box-shadow: none;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::-webkit-search-decoration,\n  .textarea__control::-webkit-search-cancel-button,\n  .textarea__control::-webkit-search-results-button,\n  .textarea__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::placeholder {\n    color: var(\n      --nile-colors-dark-500\n    );\n    user-select: none;\n  }\n\n  .textarea__control:focus {\n    outline: none;\n  }\n\n  .textarea--medium .textarea__control {\n    padding: 0.5em 10px;\n  }\n\n  /* Resize types */\n  .textarea--resize-none .textarea__control {\n    resize: none;\n    min-height:12px;\n  }\n\n  .textarea--resize-vertical .textarea__control {\n    resize: vertical;\n    min-height:12px;\n  }\n\n  .textarea--resize-auto .textarea__control {\n    resize: none;\n    overflow-y: hidden;\n    min-height:12px;\n  }\n\n  .textarea--standard.textarea--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .textarea--standard.textarea--error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .textarea--standard.textarea--success {\n    border-color: var(--nile-colors-green-500);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}