@aquera/nile-elements 0.0.1-beta.9 → 0.0.3-1

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,l,o,h,n,a,r,p,_templateObject,_templateObject2,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.y;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){o=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){p=_property002CjsJs.e;},function(_lit){}],execute:function(){c=/*#__PURE__*/function(_r){_inherits(c,_r);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.warning=!1,_this.error=!1,_this.success=!1,_this.label="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="",_this.readonly=!1,_this.disabled=!1,_this.helpText="",_this.autoCompleteOptions=[],_this.value=[];return _this;}_createClass(c,[{key:"onValueChanged",value:function onValueChanged(){this.tags=_toConsumableArray(this.value);}},{key:"handleSelect",value:function handleSelect(t){this.tags=[].concat(_toConsumableArray(this.tags),[t.detail.value]),this.emit("nile-chip-change",{value:this.tags}),this.resetInput();}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(e){return e!==t;}),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"handleInputKeydown",value:function handleInputKeydown(t){this.acceptUserInput&&"Enter"===t.key&&this.inputValue&&(this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags}));}},{key:"handleFocus",value:function handleFocus(){this.isDropdownOpen=!0;}},{key:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}},{key:"render",value:function render(){var _this2=this;var t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!t,l=!!this.helpText||!!i;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n        class=","\n            >\n          ","\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=","\n              .value=","\n              ?isDropdownOpen=","\n              .noBorder=","\n              openOnFocus\n              .placeholder=","\n              @nile-input=","\n              @keydown=","\n              @nile-focus=","\n              @nile-complete=","\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=","\n          >\n            ","\n          </slot>\n        </div>\n      </div>\n    "])),h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":s,"form-control--has-help-text":l,"nile-chip--disabled":this.disabled}),s?"false":"true",this.label,h({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success}),this.tags.map(function(t){return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <nile-tag class=\"nile-chip__tags\" @nile-remove="," removable pill>\n              ","\n            </nile-tag>\n          "])),function(){return _this2.handleRemove(t);},t);}),this.autoCompleteOptions,this.inputValue,this.isDropdownOpen,!0,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,l?"false":"true",this.helpText);}}],[{key:"styles",get:function get(){return[o];}}]);return c;}(r);t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({attribute:"help-text"})],c.prototype,"helpText",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([a("value")],c.prototype,"onValueChanged",null),c=t([l("nile-chip")],c);}};});
+System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,o,l,h,n,a,r,p,_templateObject,_templateObject2,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.y;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){p=_property002CjsJs.e;},function(_lit){}],execute:function(){c=/*#__PURE__*/function(_r){_inherits(c,_r);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.warning=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.helpText="",_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1;return _this;}_createClass(c,[{key:"onAutoCompleteOptionsChanged",value:function onAutoCompleteOptionsChanged(){var _this2=this;this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}},{key:"onValueChanged",value:function onValueChanged(){this.tags=_toConsumableArray(this.value),this.onTagsChanged();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this3=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.tags.includes(t);}));}},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);}));}},{key:"handleSelect",value:function handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[].concat(_toConsumableArray(this.tags),[t.detail.value]),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(e){return e!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"handleInputKeydown",value:function handleInputKeydown(t){this.acceptUserInput&&("Enter"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})));}},{key:"handleFocus",value:function handleFocus(){this.isDropdownOpen=!0;}},{key:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!t,o=!!this.helpText||!!i;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          class=","\n        >\n          ","\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=","\n              .value=","\n              ?isDropdownOpen=","\n              .noBorder=","\n              openOnFocus\n              .placeholder=","\n              @nile-input=","\n              @keydown=","\n              @nile-focus=","\n              @nile-complete=","\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=","\n          >\n            ","\n          </slot>\n        </div>\n      </div>\n    "])),h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":s,"form-control--has-help-text":o,"nile-chip--disabled":this.disabled}),s?"false":"true",this.label,h({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap}),this.tags.map(function(t){return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=\"nile-chip__tags\"\n                @nile-remove=","\n                removable\n                pill\n              >\n                ","\n              </nile-tag>\n            "])),function(){return _this5.handleRemove(t);},t);}),this.filteredAutoCompleteOptions,this.inputValue,this.isDropdownOpen,!0,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,o?"false":"true",this.helpText);}}],[{key:"styles",get:function get(){return[l];}}]);return c;}(r);t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p({type:Boolean})],c.prototype,"noDuplicates",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({attribute:"help-text"})],c.prototype,"helpText",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"filteredAutoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"noWrap",void 0),t([a("autoCompleteOptions")],c.prototype,"onAutoCompleteOptionsChanged",null),t([a("value")],c.prototype,"onValueChanged",null),t([a("tags")],c.prototype,"onTagsChanged",null),c=t([o("nile-chip")],c);}};});
 //# sourceMappingURL=nile-chip.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  // Auto-complete options\n  @property({ type: Array }) autoCompleteOptions : any[] = [];\n\n  @property({ type: Array }) value : any[] = [];\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n\n    // Add the selected value to the tags array\n    this.tags = [...this.tags, event.detail.value];\n\n    // Emit a custom event with the selected value\n    this.emit('nile-chip-change', { value: this.tags });\n\n    // Reset the input field\n    this.resetInput();\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n    this.emit('nile-chip-change', { value: this.tags });\n\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if (event.key === 'Enter' && this.inputValue) {\n      this.tags = [...this.tags, this.inputValue];\n\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n\n\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n        class=${classMap({\n              'nile-chip': true,\n              'nile-chip--warning': this.warning,\n              'nile-chip--error': this.error,\n              'nile-chip--success': this.success,\n\n            })}\n            >\n          ${this.tags.map(tag => html`\n            <nile-tag class=\"nile-chip__tags\" @nile-remove=${() => this.handleRemove(tag)} removable pill>\n              ${tag}\n            </nile-tag>\n          `)}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=${this.autoCompleteOptions}\n              .value=${this.inputValue}\n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              openOnFocus\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","label","acceptUserInput","clearable","placeholder","readonly","disabled","helpText","autoCompleteOptions","value","styles","onValueChanged","handleSelect","event","detail","emit","resetInput","handleRemove","filter","tag","handleInputChange","handleInputKeydown","key","handleFocus","autoComplete","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","html","classMap","map","NileElement","__decorate","state","prototype","query","property","type","Boolean","reflect","attribute","Array","watch","customElement"],"mappings":"6oKA2BaA,CAAAA,sEAAbC,kFAMmBC,MAAiBC,iBAAG,CAAA,GAAIC,iCAAwB,WAAA,CAAa,OAErEF,CAAAA,CAAAA,MAAIG,IAAa,CAAA,EAAA,CAEjBH,MAAUI,UAAW,CAAA,EAAA,CAErBJ,MAAcK,cAAY,CAAA,CAAA,CAAA,CAKNL,MAAOM,OAAG,CAAA,CAAA,CAAA,CAGVN,MAAKO,KAAAA,CAAAA,CAAG,CAGRP,CAAAA,MAAOQ,SAAG,CAG3BR,CAAAA,MAAKS,MAAG,EAGST,CAAAA,MAAeU,iBAAG,CAGlBV,CAAAA,MAASW,SAAG,CAAA,CAAA,CAAA,CAG7BX,MAAWY,WAAAA,CAAG,GAGkBZ,MAAQa,QAAAA,CAAAA,CAAG,EAGXb,MAAQc,QAAAA,CAAAA,CAAG,EAGjBd,MAAQe,QAAAA,CAAG,EAGtBf,CAAAA,MAAmBgB,mBAAW,CAAA,EAAA,CAE9BhB,MAAKiB,KAAW,CAAA,EAgI5C,eA/KmBC,4CAkDlBC,yBACEnB,CAAAA,IAAAA,CAAKG,IAAO,oBAAIH,KAAKiB,KACtB,CAAA,EAEOG,kDAAaC,CAGnBrB,CAAAA,CAAAA,IAAAA,CAAKG,kCAAWH,IAAAA,CAAKG,IAAMkB,GAAAA,CAAAA,CAAMC,MAAOL,CAAAA,KAAAA,EAAAA,CAGxCjB,KAAKuB,IAAK,CAAA,kBAAA,CAAoB,CAAEN,KAAOjB,CAAAA,IAAAA,CAAKG,OAG5CH,IAAKwB,CAAAA,UAAAA,EACN,EAEOC,kDAAaR,CAEnBjB,CAAAA,CAAAA,IAAAA,CAAKG,KAAOH,IAAKG,CAAAA,IAAAA,CAAKuB,OAAOC,SAAAA,CAAOA,QAAAA,EAAAA,GAAQV,KAC5CjB,IAAKuB,CAAAA,IAAAA,CAAK,kBAAoB,CAAA,CAAEN,KAAOjB,CAAAA,IAAAA,CAAKG,MAE7C,EAEOyB,4DAAkBP,GAExBrB,IAAKI,CAAAA,UAAAA,CAAaiB,EAAMC,MAAOL,CAAAA,KAChC,EAEOY,8DAAmBR,CACpBrB,CAAAA,CAAAA,IAAAA,CAAKU,iBAIQ,OAAdW,GAAAA,CAAAA,CAAMS,KAAmB9B,IAAKI,CAAAA,UAAAA,GAChCJ,KAAKG,IAAO,8BAAIH,IAAKG,CAAAA,IAAAA,GAAMH,IAAKI,CAAAA,UAAAA,EAAAA,CAEhCJ,KAAKwB,UACLxB,EAAAA,CAAAA,IAAAA,CAAKuB,KAAK,kBAAoB,CAAA,CAAEN,MAAOjB,IAAKG,CAAAA,IAAAA,CAAAA,CAAAA,CAI/C,EAEO4B,iDAAAA,CACN/B,IAAKK,CAAAA,cAAAA,CAAAA,CAAiB,CACvB,EAEOmB,+CAAAA,CAENxB,KAAKI,UAAa,CAAA,EAAA,CAClBJ,KAAKK,cAAiB,CAAA,CAAA,CAAA,CACtBL,IAAKgC,CAAAA,YAAAA,CAAaf,KAAQ,CAAA,EAAA,CAC1BjB,KAAKgC,YAAaD,CAAAA,WAAAA,EACnB,EAEDE,uCAEE,iBAAA,GAAMC,GAAelC,IAAKC,CAAAA,iBAAAA,CAAkBkC,IAAK,CAAA,OAAA,CAAA,CAC3CC,CAAkBpC,CAAAA,IAAAA,CAAKC,kBAAkBkC,IAAK,CAAA,WAAA,CAAA,CAG9CE,CAAWrC,CAAAA,CAAAA,CAAAA,IAAAA,CAAKS,KAAiByB,EAAAA,CAAAA,CAAAA,CAAAA,CACjCI,IAActC,IAAKe,CAAAA,QAAAA,EAAAA,CAAAA,CAAoBqB,CAE7C,CAAA,MAAOG,EAAI,+nCAGCC,CAAS,CAAA,CACf,cAAgB,CAAA,CAAA,CAAA,CAChB,sBAAwB,CAAA,CAAA,CAAA,CACxB,0BAA2BH,CAC3B,CAAA,6BAAA,CAA+BC,CAC/B,CAAA,qBAAA,CAAuBtC,IAAKc,CAAAA,QAAAA,CAAAA,CAAAA,CAOduB,CAAAA,CAAW,OAAU,CAAA,MAAA,CAEdrC,IAAKS,CAAAA,KAAAA,CAIpB+B,CAAS,CAAA,CACX,WAAa,CAAA,CAAA,CAAA,CACb,oBAAsBxC,CAAAA,IAAAA,CAAKM,QAC3B,kBAAoBN,CAAAA,IAAAA,CAAKO,KACzB,CAAA,oBAAA,CAAsBP,IAAKQ,CAAAA,OAAAA,CAAAA,CAAAA,CAI7BR,IAAKG,CAAAA,IAAAA,CAAKsC,GAAId,CAAAA,SAAAA,CAAAA,QAAOY,EAAI,6MACwB,iBAAMvC,QAAKyB,YAAaE,CAAAA,CAAAA,CAAAA,GACrEA,CAAAA,KAKc3B,IAAKgB,CAAAA,mBAAAA,CACZhB,IAAKI,CAAAA,UAAAA,CACIJ,IAAKK,CAAAA,cAAAA,CACX,CAAA,CAAA,CAEGL,IAAKY,CAAAA,WAAAA,CACNZ,IAAK4B,CAAAA,iBAAAA,CACR5B,IAAK6B,CAAAA,kBAAAA,CACF7B,IAAK+B,CAAAA,WAAAA,CACF/B,IAAKoB,CAAAA,YAAAA,CAQVkB,CAAAA,CAAc,OAAU,CAAA,MAAA,CAEpCtC,IAAKe,CAAAA,QAAAA,EAKhB,CAAA,sBA9KiBG,cAChB,CAAA,MAAO,CAACA,CACT,CAAA,EAgDDC,eApD4BuB,CAAAA,EAQnBC,EAAA,CAARC,CAAAA,EAAAA,CAAAA,CAA4B9C,CAAA+C,CAAAA,SAAAA,CAAA,WAAA,EAEpBF,CAAAA,CAAAA,CAAAA,CAAA,CAARC,CAAAA,EAAAA,CAAAA,CAAgC9C,EAAA+C,SAAA,CAAA,YAAA,CAAA,IAAA,EAExBF,CAAAA,CAAAA,CAAAA,CAAA,CAARC,CAAwC9C,EAAAA,CAAAA,CAAAA,CAAAA,CAAA+C,SAAA,CAAA,gBAAA,CAAA,IAAA,IAEZF,CAAA,CAAA,CAA5BG,CAAM,CAAA,oBAAA,CAAA,CAAA,CAAyChD,EAAA+C,SAAA,CAAA,cAAA,CAAA,IAAA,EAGnBF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAA2BnD,EAAA+C,SAAA,CAAA,SAAA,CAAA,IAAA,EAGhBF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAyBnD,EAAA+C,SAAA,CAAA,OAAA,CAAA,IAAA,EAGdF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAA2BnD,EAAA+C,SAAA,CAAA,SAAA,CAAA,IAAA,EAGjCF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAsBjD,EAAAA,CAAAA,CAAAA,CAAAA,CAAA+C,SAAA,CAAA,OAAA,CAAA,IAAA,IAGMF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,KAAMC,OAAmCnD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+C,UAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAGxBF,EAAA,CAA5BI,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,WAA6BnD,CAAA+C,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAGnCF,EAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAA4BjD,CAAA+C,CAAAA,SAAAA,CAAA,kBAAA,EAGeF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyBpD,EAAA+C,SAAA,CAAA,UAAA,CAAA,IAAA,EAGjBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAAyBpD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+C,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGvBF,EAAA,CAArCI,CAAAA,CAAS,CAAEI,SAAAA,CAAW,eAA6BrD,CAAA+C,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGzBF,EAAA,CAA1BI,CAAAA,CAAS,CAAEC,IAAAA,CAAMI,SAA0CtD,CAAA+C,CAAAA,SAAAA,CAAA,qBAAA,CAAA,IAAA,EAAA,CAAA,CAEjCF,EAAA,CAA1BI,CAAAA,CAAS,CAAEC,IAAAA,CAAMI,SAA4BtD,CAAA+C,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAG9CF,EAAA,CADCU,CAAAA,CAAM,OAGNvD,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+C,UAAA,gBAAA,CAAA,IAAA,CAAA,CAtDU/C,EAAQ6C,CAAA,CAAA,CADpBW,EAAc,WACFxD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** Disables the duplicate entries. */\n  @property({ type: Boolean }) noDuplicates = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = 'type here...';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  // Auto-complete options\n  @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) value: any[] = [];\n\n  @property({ type: Boolean }) noWrap: boolean = false;\n\n  @watch('autoCompleteOptions')\n  onAutoCompleteOptionsChanged() {\n    this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n    this.onTagsChanged();\n  }\n\n  @watch('tags')\n  onTagsChanged() {\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.tags.includes(option)\n        );\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n    // Add the selected value to the tags array only if it doesn't already exist\n    if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {\n      this.tags = [...this.tags, event.detail.value];\n      this.emit('nile-chip-change', { value: this.tags });\n      this.resetInput();\n    }\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n\n    if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n      this.filteredAutoCompleteOptions = [\n        ...this.filteredAutoCompleteOptions,\n        value,\n      ];\n    }\n    this.emit('nile-chip-change', { value: this.tags });\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if (\n      event.key === 'Enter' &&\n      this.inputValue &&\n      (!this.noDuplicates || !this.tags.includes(this.inputValue))\n    ) {\n      this.tags = [...this.tags, this.inputValue];\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n          class=${classMap({\n            'nile-chip': true,\n            'nile-chip--warning': this.warning,\n            'nile-chip--error': this.error,\n            'nile-chip--success': this.success,\n            'nile-chip--no-wrap': this.noWrap,\n          })}\n        >\n          ${this.tags.map(\n            tag => html`\n              <nile-tag\n                class=\"nile-chip__tags\"\n                @nile-remove=${() => this.handleRemove(tag)}\n                removable\n                pill\n              >\n                ${tag}\n              </nile-tag>\n            `\n          )}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=${this.filteredAutoCompleteOptions}\n              .value=${this.inputValue}\n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              openOnFocus\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","helpText","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","styles","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","handleSelect","event","detail","emit","resetInput","handleRemove","tag","handleInputChange","handleInputKeydown","key","handleFocus","autoComplete","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","html","classMap","map","__decorate","NileElement","state","prototype","query","property","type","Boolean","reflect","attribute","Array","watch","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_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){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_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: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 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--large .form-control__help-text {\n    font-size: 1rem;\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    font-family: inherit;\n  }\n\n  .nile-chip {\n    display: inline-block;\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: inline-block;\n    width: 100%;\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    width: 100%;\n  }\n\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_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){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_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: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 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--large .form-control__help-text {\n    font-size: 1rem;\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    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-chip.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.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 * Chip 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: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 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--large .form-control__help-text {\n    font-size: 1rem;\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    font-family: inherit;\n  }\n\n  .nile-chip {\n    display: inline-block;\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: inline-block;\n    width: 100%;\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    width: 100%;\n  }\n\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.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 * Chip 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: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 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--large .form-control__help-text {\n    font-size: 1rem;\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    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

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

@@ -76,14 +76,30 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
   }
 
   .nile-chip {
-    display: inline-block;
     padding: 5px 10px;
     background-color: #fff;
     border-radius: 0.25rem;
     border: solid 1px #c7ced4;
     padding: 5px 10px;
-    display: inline-block;
+    display: flex;
+    flex-wrap: wrap;
     width: 100%;
+    overflow-x: hidden;
+  }
+
+  .nile-chip--no-wrap {
+    flex-wrap: nowrap;
+    overflow-x: scroll;
+  }
+
+  .nile-chip::-webkit-scrollbar {
+    height: 2px;
+  }
+
+  .nile-chip::-webkit-scrollbar-thumb {
+    background: var(
+      --nile-colors-primary-600
+    );
   }
 
   .nile-chip--disabled {
@@ -125,9 +141,8 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
   }
 
   .nile-chip__auto-complete {
-    width: 100%;
+    flex: 1;
   }
-
   .nile-chip__tags {
     margin: 0.05rem;
   }

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

@@ -1,7 +1,7 @@
-import{__decorate as e}from"tslib";import{y as t}from"../index-f1b94546.esm.js";import{state as i,query as s,customElement as l}from"lit/decorators.js";import{s as o}from"./nile-chip.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{H as n}from"../internal/slot.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{e as p}from"../property-bf6307e2.esm.js";import"lit";let c=class extends r{constructor(){super(...arguments),this.hasSlotController=new n(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="",this.readonly=!1,this.disabled=!1,this.helpText="",this.autoCompleteOptions=[],this.value=[]}static get styles(){return[o]}onValueChanged(){this.tags=[...this.value]}handleSelect(e){this.tags=[...this.tags,e.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput()}handleRemove(e){this.tags=this.tags.filter((t=>t!==e)),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(e){this.inputValue=e.detail.value}handleInputKeydown(e){this.acceptUserInput&&"Enter"===e.key&&this.inputValue&&(this.tags=[...this.tags,this.inputValue],this.resetInput(),this.emit("nile-chip-change",{value:this.tags}))}handleFocus(){this.isDropdownOpen=!0}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const e=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!e,l=!!this.helpText||!!i;return t`
+import{__decorate as t}from"tslib";import{y as e}from"../index-f1b94546.esm.js";import{state as i,query as s,customElement as o}from"lit/decorators.js";import{s as l}from"./nile-chip.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{H as n}from"../internal/slot.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{e as p}from"../property-bf6307e2.esm.js";import"lit";let c=class extends r{constructor(){super(...arguments),this.hasSlotController=new n(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.noDuplicates=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="type here...",this.readonly=!1,this.disabled=!1,this.helpText="",this.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1}static get styles(){return[l]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))}handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[...this.tags,t.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(t){this.tags=this.tags.filter((e=>e!==t)),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,t]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}handleInputKeydown(t){this.acceptUserInput&&("Enter"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(this.tags=[...this.tags,this.inputValue],this.resetInput(),this.emit("nile-chip-change",{value:this.tags})))}handleFocus(){this.isDropdownOpen=!0}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!t,o=!!this.helpText||!!i;return e`
       <div
         part="form-control"
-        class=${h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":s,"form-control--has-help-text":l,"nile-chip--disabled":this.disabled})}
+        class=${h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":s,"form-control--has-help-text":o,"nile-chip--disabled":this.disabled})}
       >
         <label
           part="form-control-label"
@@ -13,16 +13,21 @@ import{__decorate as e}from"tslib";import{y as t}from"../index-f1b94546.esm.js";
         </label>
 
         <div
-        class=${h({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success})}
-            >
-          ${this.tags.map((e=>t`
-            <nile-tag class="nile-chip__tags" @nile-remove=${()=>this.handleRemove(e)} removable pill>
-              ${e}
-            </nile-tag>
-          `))}
+          class=${h({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap})}
+        >
+          ${this.tags.map((t=>e`
+              <nile-tag
+                class="nile-chip__tags"
+                @nile-remove=${()=>this.handleRemove(t)}
+                removable
+                pill
+              >
+                ${t}
+              </nile-tag>
+            `))}
           <div class="nile-chip__auto-complete">
             <nile-auto-complete
-              .allMenuItems=${this.autoCompleteOptions}
+              .allMenuItems=${this.filteredAutoCompleteOptions}
               .value=${this.inputValue}
               ?isDropdownOpen=${this.isDropdownOpen}
               .noBorder=${!0}
@@ -39,10 +44,10 @@ import{__decorate as e}from"tslib";import{y as t}from"../index-f1b94546.esm.js";
             part="form-control-help-text"
             id="help-text"
             class="form-control__help-text"
-            aria-hidden=${l?"false":"true"}
+            aria-hidden=${o?"false":"true"}
           >
             ${this.helpText}
           </slot>
         </div>
       </div>
-    `}};e([i()],c.prototype,"tags",void 0),e([i()],c.prototype,"inputValue",void 0),e([i()],c.prototype,"isDropdownOpen",void 0),e([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),e([p({type:Boolean})],c.prototype,"warning",void 0),e([p({type:Boolean})],c.prototype,"error",void 0),e([p({type:Boolean})],c.prototype,"success",void 0),e([p()],c.prototype,"label",void 0),e([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),e([p({type:Boolean})],c.prototype,"clearable",void 0),e([p()],c.prototype,"placeholder",void 0),e([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),e([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),e([p({attribute:"help-text"})],c.prototype,"helpText",void 0),e([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),e([p({type:Array})],c.prototype,"value",void 0),e([a("value")],c.prototype,"onValueChanged",null),c=e([l("nile-chip")],c);
+    `}};t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p({type:Boolean})],c.prototype,"noDuplicates",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({attribute:"help-text"})],c.prototype,"helpText",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"filteredAutoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"noWrap",void 0),t([a("autoCompleteOptions")],c.prototype,"onAutoCompleteOptionsChanged",null),t([a("value")],c.prototype,"onValueChanged",null),t([a("tags")],c.prototype,"onTagsChanged",null),c=t([o("nile-chip")],c);

package/dist/nile-date-picker/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-date-picker.cjs.js","tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","lit","../nile-popup/nile-popup.cjs.js","lit/directives/class-map.js","../nile-popup/nile-popup.css.cjs.js","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileDatePickerCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileDatePickerCssCjsJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_nilePopupNilePopupCjsJs){},function(_litDirectivesClassMapJs){},function(_nilePopupNilePopupCssCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-date-picker/index.cjs.js.map

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

package/dist/nile-date-picker/index.esm.js

@@ -0,0 +1 @@
+import"./nile-date-picker.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-date-picker.css.esm.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../nile-popup/nile-popup.esm.js";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";import"../property-bf6307e2.esm.js";

package/dist/nile-date-picker/nile-date-picker.cjs.js

@@ -0,0 +1,2 @@
+System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.cjs.js","../property-ec52a751.cjs.js","lit","lit/directives/class-map.js","../nile-popup/nile-popup.css.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,n,a,h,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,r;function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1;}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err;}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return;}finally{if(_d)throw _e;}}return _arr;}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.y;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;e=_litDecoratorsJs.customElement;},function(_nileDatePickerCssCjsJs){n=_nileDatePickerCssCjsJs.s;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_nilePopupNilePopupCjsJs){},function(_property002CjsJs){l=_property002CjsJs.e;},function(_lit){},function(_litDirectivesClassMapJs){},function(_nilePopupNilePopupCssCjsJs){}],execute:function(){r=/*#__PURE__*/function(_h){_inherits(r,_h);var _super=_createSuper(r);function r(){var _this;_classCallCheck(this,r);_this=_super.apply(this,arguments),_this.currentMonth=new Date().getMonth(),_this.currentYear=new Date().getFullYear(),_this.dropDownOpened=!1,_this.valueAttribute=null,_this.formattedDate=null,_this.startDate=null,_this.endDate=null,_this.isSelectingStart=!0,_this.range=!1;return _this;}_createClass(r,[{key:"valueChanged",value:function valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){var _t=this.value.getTimezoneOffset(),_i=new Date(this.value.getTime()-60*_t*1e3);isNaN(_i.getTime())||(this.valueAttribute=_i.toISOString().split("T")[0],this.formattedDate="".concat(String(_i.getDate()).padStart(2,"0"),"/").concat(String(_i.getMonth()+1).padStart(2,"0"),"/").concat(_i.getFullYear()));}}},{key:"updated",value:function updated(t){if(_get(_getPrototypeOf(r.prototype),"updated",this).call(this,t),t.has("valueAttribute")){var _t2=new Date(this.valueAttribute||"");if(!isNaN(_t2.getTime())){var _i2=_t2.getTimezoneOffset();this.value=new Date(_t2.getTime()-60*_i2*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear();}}}},{key:"attributeChangedCallback",value:function attributeChangedCallback(t,i,s){"value"===t?(this.valueAttribute=s,this.initializeValue()):"range"===t&&(this.range=null!==s);}},{key:"initializeValue",value:function initializeValue(){if(this.range)try{var _t3=JSON.parse(this.valueAttribute||"");this.startDate=new Date(_t3.startDate),this.endDate=new Date(_t3.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null;}catch(t){console.error("Invalid range value");}else if(this.valueAttribute){var _t4;_t4=new Date(this.valueAttribute),_t4=new Date(_t4.getTime()-6e4*_t4.getTimezoneOffset()),isNaN(_t4.getTime())||(this.value=_t4,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null);}this.requestUpdate();}},{key:"connectedCallback",value:function connectedCallback(){if(_get(_getPrototypeOf(r.prototype),"connectedCallback",this).call(this),this.initializeValue(),this.valueAttribute){var _t5=new Date(this.valueAttribute);isNaN(_t5.getTime())||(this.value=_t5,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear());}}},{key:"getDaysArray",value:function getDaysArray(t,i){var s=new Date(t,i+1,0).getDate();return Array.from({length:s},function(t,i){return i+1;});}},{key:"nextMonth",value:function nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate();}},{key:"prevMonth",value:function prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate();}},{key:"selectDate",value:function selectDate(t,i,s){var e=new Date(s,i,t);this.range?(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart?(this.startDate=e,this.endDate&&e>this.endDate&&(this.endDate=null),this.isSelectingStart=!1):(this.isSelectingStart=!0,this.startDate&&e<this.startDate?(this.startDate=e,this.endDate=null,this.isSelectingStart=!1):this.endDate=e)):(this.value=e,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide()),this.requestUpdate();}},{key:"confimRange",value:function confimRange(){this.startDate&&this.endDate&&(this.emit("nile-range-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate});}},{key:"renderMonth",value:function renderMonth(t,s,e){var _this2=this;var n=new Date(t,s,1).getDay(),a=new Date(t,s+1,0).getDay(),h=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),l=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),_r=h.slice(h.length-n),d=l.slice(0,6-a),o=[].concat(_toConsumableArray(_r),_toConsumableArray(e),_toConsumableArray(d)),u=function u(t,i,s,e){if(!e)return"";if(!_this2.range&&_this2.value){if(t===_this2.value.getDate()&&i===_this2.value.getMonth()&&s===_this2.value.getFullYear())return"selected-date";}var n=_this2.startDate&&t===_this2.startDate.getDate()&&i===_this2.startDate.getMonth()&&s===_this2.startDate.getFullYear(),a=_this2.endDate&&t===_this2.endDate.getDate()&&i===_this2.endDate.getMonth()&&s===_this2.endDate.getFullYear();return n?"range-start":a?"range-end":"";},c=function c(t,i,s,e){if(!e)return!1;if(_this2.startDate&&_this2.endDate){var _e=new Date(s,i,t);return _e>=_this2.startDate&&_e<=_this2.endDate;}return!1;};return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon name=\"arrowleft\" color=\"black\" @click=\"","\">\n          </nile-icon>\n          <span\n            >","\n            ","</span\n          >\n          <nile-icon name=\"arrowright\" color=\"black\" @click=\"","\">\n          </nile-icon>\n        </div>\n        <div class=\"day-names\">\n          <div class=\"day\">Sun</div>\n          <div class=\"day\">Mon</div>\n          <div class=\"day\">Tue</div>\n          <div class=\"day\">Wed</div>\n          <div class=\"day\">Thu</div>\n          <div class=\"day\">Fri</div>\n          <div class=\"day\">Sat</div>\n        </div>\n        <div class=\"days\">\n          ","\n        </div>\n      </div>\n    "])),this.prevMonth,new Date(t,s).toLocaleString("default",{month:"long"}),t,this.nextMonth,o.map(function(n,a){var h=a>=_r.length&&a<_r.length+e.length;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div\n              class=\"day "," "," ","\"\n              @click=\"","\"\n            >\n              ","\n            </div>"])),u(n,s,t,h),c(n,s,t,h)?"in-range":"",h?"":"filler",function(){h&&_this2.selectDate(n,s,t);},n);}));}},{key:"formatDate",value:function formatDate(t){if(!t)return"";return"".concat(String(t.getDate()).padStart(2,"0"),"/").concat(String(t.getMonth()+1).padStart(2,"0"),"/").concat(t.getFullYear());}},{key:"formatDateRange",value:function formatDateRange(t){return t?t.startDate&&t.endDate?"".concat(this.formatDate(t.startDate)," - ").concat(this.formatDate(t.endDate)):"":t;}},{key:"handleStartDateInput",value:function handleStartDateInput(t){var i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.startDate=null),i&&(!this.endDate||i<=this.endDate)?this.startDate=i:(this.startDate=null,this.endDate=null),this.requestUpdate();}},{key:"handleEndDateInput",value:function handleEndDateInput(t){var i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.endDate=null),i&&(!this.startDate||i>=this.startDate)?this.endDate=i:this.endDate=null,this.requestUpdate();}},{key:"parseDate",value:function parseDate(t){var _t$split$map=t.split("/").map(Number),_t$split$map2=_slicedToArray(_t$split$map,3),i=_t$split$map2[0],s=_t$split$map2[1],e=_t$split$map2[2],n=new Date(e,s-1,i);return isNaN(n.getTime())?null:n;}},{key:"isValidDateInput",value:function isValidDateInput(t){return /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/.test(t);}},{key:"formatTime",value:function formatTime(t){if(!t)return"";return"".concat(String(t.getHours()).padStart(2,"0"),":").concat(String(t.getMinutes()).padStart(2,"0"),":").concat(String(t.getSeconds()).padStart(2,"0"));}},{key:"isValidTimeInput",value:function isValidTimeInput(t){return /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/.test(t);}},{key:"parseTime",value:function parseTime(t,i){if(!this.isValidTimeInput(t))return null;var _t$split$map3=t.split(":").map(Number),_t$split$map4=_slicedToArray(_t$split$map3,3),s=_t$split$map4[0],e=_t$split$map4[1],n=_t$split$map4[2],a=new Date(i.getTime());return a.setHours(s,e,n),a;}},{key:"handleStartTimeInput",value:function handleStartTimeInput(t){if(!this.startDate)return void(this.startDate=null);var i=this.parseTime(t.detail.value,this.startDate);i?this.startDate=i:this.startDate.setHours(0,0,0),this.requestUpdate();}},{key:"handleEndTimeInput",value:function handleEndTimeInput(t){if(!this.endDate)return void(this.endDate=null);var i=this.parseTime(t.detail.value,this.endDate);i?this.endDate=i:this.endDate.setHours(0,0,0),this.requestUpdate();}},{key:"render",value:function render(){this.getDaysArray(this.currentYear,this.currentMonth);var t=(this.currentMonth+1)%12,s=11===this.currentMonth?this.currentYear+1:this.currentYear;return this.getDaysArray(s,t),i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <nile-dropdown>\n      ","\n\n        <div class=\"base\">\n          <div class=\"calendar-wrapper\">\n            <div class=\"calendar-container ","\">\n              ","\n            </div>\n            ","\n          </div>\n          ","\n        </div>\n      </nile-dropdown>\n    "])),this.range?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date range\"\n          readonly\n          value=\"","\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      "])),this.formatDateRange(this.rangeValue)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date\"\n          readonly\n          value=\"","\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      "])),this.formatDate(this.value)),this.range?"with-margin":"",this.renderMonth(this.currentYear,this.currentMonth,this.getDaysArray(this.currentYear,this.currentMonth)),this.range?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                  <div class=\"calendar-container\">\n                    ","\n                  </div>\n                "])),this.renderMonth(this.currentYear,(this.currentMonth+1)%12,this.getDaysArray(this.currentYear,(this.currentMonth+1)%12))):"",this.range?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n          <div class=\"calender-input\">\n            <span class=\"manual-input-label\">From </span>\n            <div class=\"from\">\n              <nile-input class=\"manual-input\" value=\"","\" placeholder=\"DD/MM/YYYY\" @nile-change=\"","\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"","\" placeholder=\"HH:MM:SS\" @nile-change=\"","\"> </nile-input>\n\n            </div>\n<br>\n            <span class=\"manual-input-label\">To </span>\n            <div class=\"from\">\n            <nile-input class=\"manual-input\" value=\"","\" placeholder=\"DD/MM/YYYY\" @nile-change=\"","\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"","\" placeholder=\"HH:MM:SS\" @nile-change=\"","\"> </nile-input>\n          </div>\n<nile-button class=\"apply-button\"  ?disabled=\"","\"  @click=\"","\"> Apply</nile-button>\n\n        </div>\n        </div>\n        "])),this.formatDate(this.startDate),this.handleStartDateInput,this.formatTime(this.startDate),this.handleStartTimeInput,this.formatDate(this.endDate),this.handleEndDateInput,this.formatTime(this.endDate),this.handleEndTimeInput,!this.startDate||!this.endDate,this.confimRange):"");}}],[{key:"styles",get:function get(){return[n];}},{key:"observedAttributes",get:function get(){return["value","range"];}}]);return r;}(h);t([s("nile-dropdown")],r.prototype,"dropdown",void 0),t([l({type:Boolean,reflect:!0})],r.prototype,"dropDownOpened",void 0),t([l({type:Object})],r.prototype,"value",void 0),t([l({type:Object})],r.prototype,"rangeValue",void 0),t([l({type:String,attribute:"value"})],r.prototype,"valueAttribute",void 0),t([l({type:String,attribute:"value"})],r.prototype,"formattedDate",void 0),t([l({type:Object})],r.prototype,"startDate",void 0),t([l({type:Object})],r.prototype,"endDate",void 0),t([l({type:Boolean})],r.prototype,"isSelectingStart",void 0),t([l({type:Boolean})],r.prototype,"range",void 0),t([a("value")],r.prototype,"valueChanged",null),r=t([e("nile-date-picker")],r);}};});
+//# sourceMappingURL=nile-date-picker.cjs.js.map

package/dist/nile-date-picker/nile-date-picker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-date-picker.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n  /**\n   * The styles for DatePicker\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private currentMonth: number = new Date().getMonth();\n  private currentYear: number = new Date().getFullYear();\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n  @property({ type: Boolean, reflect: true }) dropDownOpened = false;\n\n  @property({ type: Object }) value : any;\n\n  @property({ type: Object }) rangeValue : any;\n\n  @property({ type: String, attribute: 'value' }) valueAttribute:\n    | string\n    | null = null;\n\n  @property({ type: String, attribute: 'value' }) formattedDate: string | null =\n    null;\n\n  @property({ type: Object }) startDate: Date | null = null;\n  @property({ type: Object }) endDate: Date | null = null;\n  @property({ type: Boolean }) isSelectingStart = true; // flag to indicate what we're selecting\n\n  @property({ type: Boolean }) range = false;\n\n  @watch('value')\n  valueChanged() {\n\n    if (this.range && this.value) {\n      this.rangeValue = this.value;\n      this.value = null;\n      return;\n    }\n\n    if (this.value && !isNaN(this.value.getTime())) {\n      const offset = this.value.getTimezoneOffset();\n      const localDate = new Date(this.value.getTime() - offset * 60 * 1000);\n      if (!isNaN(localDate.getTime())) {\n        this.valueAttribute = localDate.toISOString().split('T')[0];\n        this.formattedDate = `${String(localDate.getDate()).padStart(\n          2,\n          '0'\n        )}/${String(localDate.getMonth() + 1).padStart(\n          2,\n          '0'\n        )}/${localDate.getFullYear()}`;\n      }\n    }\n  }\n\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('valueAttribute')) {\n      const date = new Date(this.valueAttribute || '');\n      if (!isNaN(date.getTime())) {\n        const offset = date.getTimezoneOffset();\n        this.value = new Date(date.getTime() - offset * 60 * 1000);\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n  }\n\n  static get observedAttributes() {\n    return ['value', 'range'];\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n    if (name === 'value') {\n      this.valueAttribute = newValue;\n      this.initializeValue();\n    } else if (name === 'range') {\n      this.range = newValue !== null;\n    }\n  }\n\n  initializeValue() {\n    if (this.range) {\n      try {\n        const rangeValue = JSON.parse(this.valueAttribute || '');\n        this.startDate = new Date(rangeValue.startDate);\n        this.endDate = new Date(rangeValue.endDate);\n\n        // Convert to local time\n        this.startDate = new Date(this.startDate.getTime());\n        this.endDate = new Date(this.endDate.getTime());\n\n        this.rangeValue = {\n          startDate: this.startDate,\n          endDate: this.endDate,\n        };\n        this.value = null;\n      } catch (e) {\n        console.error('Invalid range value');\n      }\n    } else {\n      if (this.valueAttribute) {\n        let date: Date;\n\n        date = new Date(this.valueAttribute);\n\n        date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);\n\n        if (!isNaN(date.getTime())) {\n          this.value = date;\n          this.currentMonth = this.value.getMonth();\n          this.currentYear = this.value.getFullYear();\n          this.rangeValue = null;\n        }\n      }\n    }\n    this.requestUpdate();\n  }\n\n\n\n\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.initializeValue();\n\n    if (this.valueAttribute) {\n      const date = new Date(this.valueAttribute);\n      if (!isNaN(date.getTime())) {\n        this.value = date;\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n  }\n\n  private getDaysArray(year: number, month: number): number[] {\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n    return Array.from({ length: daysInMonth }, (_, i) => i + 1);\n  }\n\n  private nextMonth(): void {\n\n    if (this.currentMonth === 11) {\n      this.currentMonth = 0;\n      this.currentYear++;\n    } else {\n      this.currentMonth++;\n    }\n    this.requestUpdate();\n  }\n\n  private prevMonth(): void {\n\n    if (this.currentMonth === 0) {\n      this.currentMonth = 11;\n      this.currentYear--;\n    } else {\n      this.currentMonth--;\n    }\n    this.requestUpdate();\n  }\n\n  private selectDate(day: number, month: number, year: number): void {\n    const selectedDate = new Date(year, month, day);\n\n    if (this.range) {\n      if (this.startDate && this.endDate) {\n        this.startDate = null;\n        this.endDate = null;\n      }\n\n      if (this.isSelectingStart) {\n        this.startDate = selectedDate;\n        if (this.endDate && selectedDate > this.endDate) {\n          this.endDate = null;\n        }\n        this.isSelectingStart = false;\n      } else {\n        this.isSelectingStart = true;\n\n        if (this.startDate && selectedDate < this.startDate) {\n          this.startDate = selectedDate;\n          this.endDate = null;\n          this.isSelectingStart = false;\n        } else {\n          this.endDate = selectedDate;\n        }\n      }\n    } else {\n      this.value = selectedDate;\n      this.emit('nile-changed', { value: this.value });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  private confimRange() {\n    if (this.startDate && this.endDate) {\n      this.emit('nile-range-changed', {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n\n      this.rangeValue = {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      };\n    }\n  }\n\n  private renderMonth(\n    year: number,\n    month: number,\n    daysArray: number[]\n  ): TemplateResult {\n    const firstDay = new Date(year, month, 1).getDay();\n    const lastDay = new Date(year, month + 1, 0).getDay();\n    const prevMonthDays = this.getDaysArray(\n      month === 0 ? year - 1 : year,\n      month === 0 ? 11 : month - 1\n    );\n    const nextMonthDays = this.getDaysArray(\n      month === 11 ? year + 1 : year,\n      month === 11 ? 0 : month + 1\n    );\n    const fillerDaysBefore = prevMonthDays.slice(\n      prevMonthDays.length - firstDay\n    );\n    const fillerDaysAfter = nextMonthDays.slice(0, 6 - lastDay);\n    const allDays = [...fillerDaysBefore, ...daysArray, ...fillerDaysAfter];\n\n    const isSelectedDate = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return '';\n\n      if (!this.range && this.value) {\n        const isSelected =\n          day === this.value.getDate() &&\n          month === this.value.getMonth() &&\n          year === this.value.getFullYear();\n        if (isSelected) return 'selected-date';\n      }\n\n      const isStartDate =\n        this.startDate &&\n        day === this.startDate.getDate() &&\n        month === this.startDate.getMonth() &&\n        year === this.startDate.getFullYear();\n      const isEndDate =\n        this.endDate &&\n        day === this.endDate.getDate() &&\n        month === this.endDate.getMonth() &&\n        year === this.endDate.getFullYear();\n\n      return isStartDate ? 'range-start' : isEndDate ? 'range-end' : '';\n    };\n\n    const isInRange = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return false;\n      if (this.startDate && this.endDate) {\n        const date = new Date(year, month, day);\n        return date >= this.startDate && date <= this.endDate;\n      }\n      return false;\n    };\n\n    return html`\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon name=\"arrowleft\" color=\"black\" @click=\"${this.prevMonth}\">\n          </nile-icon>\n          <span\n            >${new Date(year, month).toLocaleString('default', {\n              month: 'long',\n            })}\n            ${year}</span\n          >\n          <nile-icon name=\"arrowright\" color=\"black\" @click=\"${this.nextMonth}\">\n          </nile-icon>\n        </div>\n        <div class=\"day-names\">\n          <div class=\"day\">Sun</div>\n          <div class=\"day\">Mon</div>\n          <div class=\"day\">Tue</div>\n          <div class=\"day\">Wed</div>\n          <div class=\"day\">Thu</div>\n          <div class=\"day\">Fri</div>\n          <div class=\"day\">Sat</div>\n        </div>\n        <div class=\"days\">\n          ${allDays.map((day, index) => {\n            const isCurrentMonth =\n              index >= fillerDaysBefore.length &&\n              index < fillerDaysBefore.length + daysArray.length;\n            return html` <div\n              class=\"day ${isSelectedDate(\n                day,\n                month,\n                year,\n                isCurrentMonth\n              )} ${isInRange(day, month, year, isCurrentMonth)\n                ? 'in-range'\n                : ''} ${!isCurrentMonth ? 'filler' : ''}\"\n              @click=\"${() => {\n                if (isCurrentMonth) {\n                  this.selectDate(day, month, year);\n                }\n              }}\"\n            >\n              ${day}\n            </div>`;\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private formatDate(date: Date | null): string {\n    if (!date) return '';\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n    return `${day}/${month}/${year}`;\n  }\n\n  private formatDateRange(value: { startDate: Date | null, endDate: Date | null }): string {\n    if(!value){\n      return value;\n    }\n    if (!value.startDate || !value.endDate) return '';\n    return `${this.formatDate(value.startDate)} - ${this.formatDate(value.endDate)}`;\n  }\n\n  private handleStartDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.startDate = null;\n    }\n    if (date && (!this.endDate || date <= this.endDate)) {\n      this.startDate = date;\n    } else {\n      this.startDate = null;\n      this.endDate = null;\n    }\n    this.requestUpdate();\n  }\n\n  private handleEndDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.endDate = null;\n    }\n    if (date && (!this.startDate || date >= this.startDate)) {\n      this.endDate = date;\n    } else {\n      this.endDate = null;\n\n    }\n    this.requestUpdate();\n  }\n\n  private parseDate(dateString: string): Date | null {\n    const [day, month, year] = dateString.split('/').map(Number);\n    const date = new Date(year, month - 1, day);\n    return !isNaN(date.getTime()) ? date : null;\n  }\n\n  private isValidDateInput(input: any): boolean {\n    const regex = /^(0[1-9]|[12][0-9]|3[01])\\/(0[1-9]|1[0-2])\\/\\d{4}$/;\n    return regex.test(input);\n  }\n\n  private formatTime(date: Date | null): string {\n    if (!date) return '';\n    const hours = String(date.getHours()).padStart(2, '0');\n    const minutes = String(date.getMinutes()).padStart(2, '0');\n    const seconds = String(date.getSeconds()).padStart(2, '0');\n    return `${hours}:${minutes}:${seconds}`;\n  }\n\n  // Validate time in HH:MM:SS format\n  private isValidTimeInput(input: string): boolean {\n    const regex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/;\n    return regex.test(input);\n  }\n\n// Parse time string to a Date object\nprivate parseTime(input: string, date: Date): Date | null {\n  if (!this.isValidTimeInput(input)) {\n    return null;\n  }\n  const [hour, minute, second] = input.split(':').map(Number);\n  const newDate = new Date(date.getTime());\n  newDate.setHours(hour, minute, second);\n  return newDate;\n}\n\nprivate handleStartTimeInput(event: CustomEvent): void {\n  if (!this.startDate) {\n    this.startDate = null;\n    return;\n  }\n  const time = this.parseTime(event.detail.value, this.startDate);\n  if (time) {\n    this.startDate = time;\n  } else {\n    this.startDate.setHours(0, 0, 0);\n  }\n  this.requestUpdate();\n}\n\nprivate handleEndTimeInput(event: CustomEvent): void {\n  if (!this.endDate) {\n    this.endDate = null;\n    return;\n  }\n  const time = this.parseTime(event.detail.value, this.endDate);\n  if (time) {\n    this.endDate = time;\n  } else {\n    this.endDate.setHours(0, 0, 0);\n  }\n  this.requestUpdate();\n}\n\n\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  render(): TemplateResult {\n    const daysArray = this.getDaysArray(this.currentYear, this.currentMonth);\n    const nextMonth = (this.currentMonth + 1) % 12;\n    const nextYear =\n      this.currentMonth === 11 ? this.currentYear + 1 : this.currentYear;\n    const nextMonthDaysArray = this.getDaysArray(nextYear, nextMonth);\n\n    return html`\n      <nile-dropdown>\n      ${this.range ? html`\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date range\"\n          readonly\n          value=\"${this.formatDateRange(this.rangeValue)}\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      ` : html`\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date\"\n          readonly\n          value=\"${this.formatDate(this.value)}\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      `}\n\n        <div class=\"base\">\n          <div class=\"calendar-wrapper\">\n            <div class=\"calendar-container ${this.range ? 'with-margin' : ''}\">\n              ${this.renderMonth(\n                this.currentYear,\n                this.currentMonth,\n                this.getDaysArray(this.currentYear, this.currentMonth)\n              )}\n            </div>\n            ${this.range\n              ? html`\n                  <div class=\"calendar-container\">\n                    ${this.renderMonth(\n                      this.currentYear,\n                      (this.currentMonth + 1) % 12,\n                      this.getDaysArray(\n                        this.currentYear,\n                        (this.currentMonth + 1) % 12\n                      )\n                    )}\n                  </div>\n                `\n              : ''}\n          </div>\n          ${this.range\n            ? html`\n          <div class=\"calender-input\">\n            <span class=\"manual-input-label\">From </span>\n            <div class=\"from\">\n              <nile-input class=\"manual-input\" value=\"${this.formatDate(this.startDate)}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleStartDateInput}\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"${this.formatTime(this.startDate)}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleStartTimeInput}\"> </nile-input>\n\n            </div>\n<br>\n            <span class=\"manual-input-label\">To </span>\n            <div class=\"from\">\n            <nile-input class=\"manual-input\" value=\"${this.formatDate(this.endDate)}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleEndDateInput}\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"${this.formatTime(this.endDate)}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleEndTimeInput}\"> </nile-input>\n          </div>\n<nile-button class=\"apply-button\"  ?disabled=\"${\n                !this.startDate || !this.endDate\n              }\"  @click=\"${this.confimRange}\"> Apply</nile-button>\n\n        </div>\n        </div>\n        `\n            : ''}\n        </div>\n      </nile-dropdown>\n    `;\n  }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-date-picker': NileDatePicker;\n  }\n}\n"],"names":["NileDatePicker","constructor","this","currentMonth","Date","getMonth","currentYear","getFullYear","dropDownOpened","valueAttribute","formattedDate","startDate","endDate","isSelectingStart","range","styles","valueChanged","value","rangeValue","isNaN","getTime","offset","getTimezoneOffset","localDate","toISOString","split","String","getDate","padStart","updated","changedProperties","super","has","date","observedAttributes","attributeChangedCallback","name","oldValue","newValue","initializeValue","JSON","parse","e","console","error","requestUpdate","connectedCallback","getDaysArray","year","month","daysInMonth","Array","from","length","_","i","nextMonth","prevMonth","selectDate","day","selectedDate","emit","dropdown","hide","confimRange","renderMonth","daysArray","firstDay","getDay","lastDay","prevMonthDays","nextMonthDays","fillerDaysBefore","slice","fillerDaysAfter","allDays","isSelectedDate","isCurrentMonth","isStartDate","isEndDate","isInRange","html","toLocaleString","map","index","formatDate","formatDateRange","handleStartDateInput","event","parseDate","detail","isValidDateInput","handleEndDateInput","dateString","Number","input","test","formatTime","getHours","getMinutes","getSeconds","isValidTimeInput","parseTime","newDate","hour","minute","second","setHours","handleStartTimeInput","time","handleEndTimeInput","render","nextYear","__decorate","NileElement","query","prototype","property","type","Boolean","reflect","Object","attribute","watch","customElement"],"mappings":"0oNA0CaA,CAAAA,sEAAbC,YAAAA,sEASUC,MAAAC,YAAuB,CAAA,GAAIC,KAAOC,GAAAA,QAAAA,EAAAA,CAClCH,MAAAI,WAAsB,CAAA,GAAIF,QAAOG,WAIGL,EAAAA,CAAAA,MAAcM,gBAAG,CAMbN,CAAAA,MAAcO,cAEnD,CAAA,IAAA,CAEqCP,MAAaQ,aAC3D,CAAA,IAAA,CAE0BR,MAASS,SAAAA,CAAgB,KACzBT,MAAOU,OAAAA,CAAgB,IACtBV,CAAAA,MAAAW,kBAAmB,CAEnBX,CAAAA,MAAKY,KAAG,CAAA,CAAA,CA0ftC,eAphBmBC,0CA6BlBC,uBAEE,CAAA,GAAId,IAAKY,CAAAA,KAAAA,EAASZ,KAAKe,KAGrB,CAAA,MAFAf,KAAKgB,CAAAA,UAAAA,CAAahB,KAAKe,KACvBf,CAAAA,KAAAA,IAAAA,CAAKe,MAAQ,IAIf,CAAA,CAAA,GAAIf,KAAKe,KAAUE,EAAAA,CAAAA,KAAAA,CAAMjB,IAAKe,CAAAA,KAAAA,CAAMG,WAAY,CAC9C,GAAMC,GAASnB,CAAAA,IAAAA,CAAKe,MAAMK,iBACpBC,EAAAA,CAAAA,EAAAA,CAAY,GAAInB,KAAAA,CAAKF,KAAKe,KAAMG,CAAAA,OAAAA,EAAAA,CAAqB,EAATC,CAAAA,EAAAA,CAAc,KAC3DF,KAAMI,CAAAA,EAAAA,CAAUH,OACnBlB,EAAAA,CAAAA,GAAAA,IAAAA,CAAKO,eAAiBc,EAAUC,CAAAA,WAAAA,EAAAA,CAAcC,KAAM,CAAA,GAAA,CAAA,CAAK,GACzDvB,IAAKQ,CAAAA,aAAAA,WAAmBgB,MAAAA,CAAOH,GAAUI,OAAWC,EAAAA,CAAAA,CAAAA,QAAAA,CAClD,EACA,GACGF,CAAAA,aAAAA,MAAAA,CAAOH,GAAUlB,QAAa,EAAA,CAAA,CAAA,CAAA,CAAGuB,QACpC,CAAA,CAAA,CACA,iBACGL,EAAUhB,CAAAA,WAAAA,EAAAA,CAAAA,CAElB,EACF,CAGDsB,wCAAQC,CAGN,CAAA,CAAA,GAFAC,4DAAcD,GAEVA,CAAkBE,CAAAA,GAAAA,CAAI,kBAAmB,CAC3C,GAAMC,KAAO,GAAI7B,KAAAA,CAAKF,IAAKO,CAAAA,cAAAA,EAAkB,IAC7C,GAAKU,CAAAA,KAAAA,CAAMc,GAAKb,CAAAA,OAAAA,EAAAA,CAAAA,CAAY,CAC1B,GAAMC,IAAAA,CAASY,GAAKX,CAAAA,iBAAAA,EAAAA,CACpBpB,KAAKe,KAAQ,CAAA,GAAIb,MAAK6B,GAAKb,CAAAA,OAAAA,EAAAA,CAAqB,GAATC,GAAc,CAAA,GAAA,CAAA,CACrDnB,IAAKC,CAAAA,YAAAA,CAAeD,KAAKe,KAAMZ,CAAAA,QAAAA,EAAAA,CAC/BH,IAAKI,CAAAA,WAAAA,CAAcJ,KAAKe,KAAMV,CAAAA,WAAAA,EAC/B,EACF,CACF,CAEU2B,wCAIXC,kCAAyBC,CAAcC,CAAAA,CAAAA,CAAkBC,GAC1C,OAATF,GAAAA,CAAAA,EACFlC,IAAKO,CAAAA,cAAAA,CAAiB6B,EACtBpC,IAAKqC,CAAAA,eAAAA,EAAAA,EACa,OAATH,GAAAA,CAAAA,GACTlC,KAAKY,KAAqB,CAAA,IAAA,GAAbwB,EAEhB,EAEDC,yDAAAA,CACE,GAAIrC,IAAKY,CAAAA,KAAAA,CACP,GACE,CAAA,GAAMI,KAAasB,IAAKC,CAAAA,KAAAA,CAAMvC,IAAKO,CAAAA,cAAAA,EAAkB,IACrDP,IAAKS,CAAAA,SAAAA,CAAY,GAAIP,KAAAA,CAAKc,IAAWP,SACrCT,CAAAA,CAAAA,IAAAA,CAAKU,QAAU,GAAIR,KAAAA,CAAKc,IAAWN,OAGnCV,CAAAA,CAAAA,IAAAA,CAAKS,SAAY,CAAA,GAAIP,MAAKF,IAAKS,CAAAA,SAAAA,CAAUS,OACzClB,EAAAA,CAAAA,CAAAA,IAAAA,CAAKU,QAAU,GAAIR,KAAAA,CAAKF,IAAKU,CAAAA,OAAAA,CAAQQ,WAErClB,IAAKgB,CAAAA,UAAAA,CAAa,CAChBP,SAAWT,CAAAA,IAAAA,CAAKS,UAChBC,OAASV,CAAAA,IAAAA,CAAKU,OAEhBV,CAAAA,CAAAA,IAAAA,CAAKe,MAAQ,IAGd,EAFC,MAAOyB,CAAAA,CAAAA,CACPC,QAAQC,KAAM,CAAA,qBAAA,CACf,EAED,IAAA,IAAI1C,KAAKO,cAAgB,CAAA,CACvB,GAAIwB,IAAAA,CAEJA,IAAO,GAAI7B,KAAAA,CAAKF,IAAKO,CAAAA,cAAAA,CAAAA,CAErBwB,IAAO,GAAI7B,KAAAA,CAAK6B,GAAKb,CAAAA,OAAAA,EAAAA,CAAuC,IAA3Ba,GAAKX,CAAAA,iBAAAA,EAAAA,CAAAA,CAEjCH,KAAMc,CAAAA,GAAAA,CAAKb,aACdlB,IAAKe,CAAAA,KAAAA,CAAQgB,IACb/B,IAAKC,CAAAA,YAAAA,CAAeD,KAAKe,KAAMZ,CAAAA,QAAAA,EAAAA,CAC/BH,IAAKI,CAAAA,WAAAA,CAAcJ,KAAKe,KAAMV,CAAAA,WAAAA,EAAAA,CAC9BL,IAAKgB,CAAAA,UAAAA,CAAa,KAErB,EAEHhB,IAAAA,CAAK2C,aACN,EAAA,EAMDC,8DAIE,GAHAf,uEACA7B,IAAKqC,CAAAA,eAAAA,EAAAA,CAEDrC,KAAKO,cAAgB,CAAA,CACvB,GAAMwB,IAAAA,CAAO,GAAI7B,KAAKF,CAAAA,IAAAA,CAAKO,cACtBU,CAAAA,CAAAA,KAAAA,CAAMc,IAAKb,OACdlB,EAAAA,CAAAA,GAAAA,IAAAA,CAAKe,KAAQgB,CAAAA,GAAAA,CACb/B,KAAKC,YAAeD,CAAAA,IAAAA,CAAKe,MAAMZ,QAC/BH,EAAAA,CAAAA,IAAAA,CAAKI,YAAcJ,IAAKe,CAAAA,KAAAA,CAAMV,WAEjC,EAAA,CAAA,EACF,CAEOwC,kDAAaC,CAAAA,CAAcC,CACjC,CAAA,CAAA,GAAMC,GAAc,GAAI9C,KAAAA,CAAK4C,CAAMC,CAAAA,CAAAA,CAAQ,EAAG,CAAGtB,CAAAA,CAAAA,OAAAA,EAAAA,CACjD,MAAOwB,MAAAA,CAAMC,KAAK,CAAEC,MAAAA,CAAQH,CAAe,CAAA,CAAA,SAACI,EAAGC,CAAMA,QAAAA,EAAAA,CAAI,CAC1D,GAAA,EAEOC,8CAEoB,EAAtBtD,GAAAA,IAAAA,CAAKC,YACPD,EAAAA,IAAAA,CAAKC,aAAe,CACpBD,CAAAA,IAAAA,CAAKI,eAELJ,IAAKC,CAAAA,YAAAA,EAAAA,CAEPD,KAAK2C,aACN,EAAA,EAEOY,6CAEoB,CAAA,CAAA,GAAtBvD,KAAKC,YACPD,EAAAA,IAAAA,CAAKC,YAAe,CAAA,EAAA,CACpBD,KAAKI,WAELJ,EAAAA,EAAAA,IAAAA,CAAKC,YAEPD,EAAAA,CAAAA,IAAAA,CAAK2C,eACN,EAEOa,8CAAWC,EAAaV,CAAeD,CAAAA,CAAAA,CAAAA,CAC7C,GAAMY,EAAe,CAAA,GAAIxD,KAAK4C,CAAAA,CAAAA,CAAMC,EAAOU,CAEvCzD,CAAAA,CAAAA,IAAAA,CAAKY,KACHZ,EAAAA,IAAAA,CAAKS,WAAaT,IAAKU,CAAAA,OAAAA,GACzBV,IAAKS,CAAAA,SAAAA,CAAY,KACjBT,IAAKU,CAAAA,OAAAA,CAAU,MAGbV,IAAKW,CAAAA,gBAAAA,EACPX,KAAKS,SAAYiD,CAAAA,CAAAA,CACb1D,IAAKU,CAAAA,OAAAA,EAAWgD,EAAe1D,IAAKU,CAAAA,OAAAA,GACtCV,IAAKU,CAAAA,OAAAA,CAAU,MAEjBV,IAAKW,CAAAA,gBAAAA,CAAAA,CAAmB,CAExBX,GAAAA,IAAAA,CAAKW,kBAAmB,CAEpBX,CAAAA,IAAAA,CAAKS,SAAaiD,EAAAA,CAAAA,CAAe1D,KAAKS,SACxCT,EAAAA,IAAAA,CAAKS,SAAYiD,CAAAA,CAAAA,CACjB1D,KAAKU,OAAU,CAAA,IAAA,CACfV,IAAKW,CAAAA,gBAAAA,CAAAA,CAAmB,GAExBX,IAAKU,CAAAA,OAAAA,CAAUgD,CAInB1D,CAAAA,GAAAA,IAAAA,CAAKe,MAAQ2C,CACb1D,CAAAA,IAAAA,CAAK2D,KAAK,cAAgB,CAAA,CAAE5C,MAAOf,IAAKe,CAAAA,KAAAA,CAAAA,CAAAA,CACpCf,IAAK4D,CAAAA,QAAAA,EACP5D,KAAK4D,QAASC,CAAAA,IAAAA,EAAAA,CAAAA,CAIlB7D,IAAK2C,CAAAA,aAAAA,EACN,EAEOmB,iDACF9D,CAAAA,IAAAA,CAAKS,SAAaT,EAAAA,IAAAA,CAAKU,UACzBV,IAAK2D,CAAAA,IAAAA,CAAK,qBAAsB,CAC9BlD,SAAAA,CAAWT,KAAKS,SAChBC,CAAAA,OAAAA,CAASV,IAAKU,CAAAA,OAAAA,CAAAA,CAAAA,CAEZV,KAAK4D,QACP5D,EAAAA,IAAAA,CAAK4D,QAASC,CAAAA,IAAAA,EAAAA,CAGhB7D,KAAKgB,UAAa,CAAA,CAChBP,SAAWT,CAAAA,IAAAA,CAAKS,UAChBC,OAASV,CAAAA,IAAAA,CAAKU,SAGnB,EAEOqD,gDACNjB,EACAC,CACAiB,CAAAA,CAAAA,CAAAA,iBAEA,GAAMC,EAAAA,CAAW,GAAI/D,KAAK4C,CAAAA,CAAAA,CAAMC,CAAO,CAAA,CAAA,CAAA,CAAGmB,SACpCC,CAAU,CAAA,GAAIjE,KAAK4C,CAAAA,CAAAA,CAAMC,EAAQ,CAAG,CAAA,CAAA,CAAA,CAAGmB,MACvCE,EAAAA,CAAAA,CAAAA,CAAgBpE,KAAK6C,YACf,CAAA,CAAA,GAAVE,CAAcD,CAAAA,CAAAA,CAAO,EAAIA,CACf,CAAA,CAAA,GAAVC,CAAc,CAAA,EAAA,CAAKA,EAAQ,CAEvBsB,CAAAA,CAAAA,CAAAA,CAAgBrE,IAAK6C,CAAAA,YAAAA,CACf,KAAVE,CAAeD,CAAAA,CAAAA,CAAO,EAAIA,CAChB,CAAA,EAAA,GAAVC,EAAe,CAAIA,CAAAA,CAAAA,CAAQ,CAEvBuB,CAAAA,CAAAA,EAAAA,CAAmBF,EAAcG,KACrCH,CAAAA,CAAAA,CAAcjB,MAASc,CAAAA,CAAAA,CAAAA,CAEnBO,EAAkBH,CAAcE,CAAAA,KAAAA,CAAM,CAAG,CAAA,CAAA,CAAIJ,GAC7CM,CAAU,8BAAIH,uBAAqBN,CAAcQ,qBAAAA,CAAAA,EAAAA,CAEjDE,EAAiB,QAAjBA,GACJjB,CAAAA,CACAV,CACAD,CAAAA,CAAAA,CACA6B,GAEA,GAAKA,CAAAA,CAAAA,CAAgB,MAAO,EAAA,CAE5B,IAAK3E,MAAKY,CAAAA,KAAAA,EAASZ,MAAKe,CAAAA,KAAAA,CAAO,CAK7B,GAHE0C,CAAAA,GAAQzD,OAAKe,KAAMU,CAAAA,OAAAA,EAAAA,EACnBsB,IAAU/C,MAAKe,CAAAA,KAAAA,CAAMZ,QACrB2C,EAAAA,EAAAA,CAAAA,GAAS9C,OAAKe,KAAMV,CAAAA,WAAAA,EAAAA,CACN,MAAO,eACxB,EAED,GAAMuE,EAAAA,CACJ5E,MAAKS,CAAAA,SAAAA,EACLgD,IAAQzD,MAAKS,CAAAA,SAAAA,CAAUgB,OACvBsB,EAAAA,EAAAA,CAAAA,GAAU/C,OAAKS,SAAUN,CAAAA,QAAAA,EAAAA,EACzB2C,CAAS9C,GAAAA,MAAAA,CAAKS,UAAUJ,WACpBwE,EAAAA,CAAAA,CAAAA,CACJ7E,MAAKU,CAAAA,OAAAA,EACL+C,IAAQzD,MAAKU,CAAAA,OAAAA,CAAQe,OACrBsB,EAAAA,EAAAA,CAAAA,GAAU/C,OAAKU,OAAQP,CAAAA,QAAAA,EAAAA,EACvB2C,IAAS9C,MAAKU,CAAAA,OAAAA,CAAQL,cAExB,MAAOuE,EAAAA,CAAc,aAAgBC,CAAAA,CAAAA,CAAY,YAAc,EAAE,EAAA,CAG7DC,CAAY,CAAA,QAAZA,EAAY,CAChBrB,EACAV,CACAD,CAAAA,CAAAA,CACA6B,CAEA,CAAA,CAAA,GAAA,CAAKA,EAAgB,MAAO,CAAA,CAAA,CAC5B,GAAI3E,MAAKS,CAAAA,SAAAA,EAAaT,OAAKU,OAAS,CAAA,CAClC,GAAMqB,GAAAA,CAAO,GAAI7B,KAAK4C,CAAAA,CAAAA,CAAMC,CAAOU,CAAAA,CAAAA,CAAAA,CACnC,MAAO1B,GAAQ/B,EAAAA,MAAAA,CAAKS,SAAasB,EAAAA,EAAAA,EAAQ/B,OAAKU,OAC/C,EACD,OAAO,CAAK,EAAA,CAGd,MAAOqE,EAAI,g0BAG+C/E,IAAKuD,CAAAA,SAAAA,CAGpD,GAAIrD,MAAK4C,CAAMC,CAAAA,CAAAA,CAAAA,CAAOiC,cAAe,CAAA,SAAA,CAAW,CACjDjC,KAAO,CAAA,MAAA,CAAA,CAAA,CAEPD,CAAAA,CAEiD9C,IAAKsD,CAAAA,SAAAA,CAaxDmB,CAAAA,CAAQQ,GAAI,CAAA,SAACxB,CAAKyB,CAAAA,CAAAA,CAAAA,CAClB,GAAMP,EACJO,CAAAA,CAAAA,EAASZ,EAAiBnB,CAAAA,MAAAA,EAC1B+B,EAAQZ,EAAiBnB,CAAAA,MAAAA,CAASa,CAAUb,CAAAA,MAAAA,CAC9C,MAAO4B,EAAI,qMACIL,CAAAA,CACXjB,CACAV,CAAAA,CAAAA,CACAD,CACA6B,CAAAA,CAAAA,CAAAA,CACGG,CAAUrB,CAAAA,CAAAA,CAAKV,CAAOD,CAAAA,CAAAA,CAAM6B,CAC7B,CAAA,CAAA,UAAA,CACA,EAAOA,CAAAA,CAAAA,CAA4B,EAAX,CAAA,QAAA,CAClB,UAAA,CACJA,CACF3E,EAAAA,MAAAA,CAAKwD,UAAWC,CAAAA,CAAAA,CAAKV,EAAOD,CAC7B,CAAA,EAAA,CAGDW,CAAAA,EACG,CAAA,CAAA,EAKhB,CAEO0B,8CAAWpD,CAAAA,CAAAA,CACjB,GAAKA,CAAAA,CAAAA,CAAM,MAAO,EAIlB,CAAA,gBAHYP,MAAAA,CAAOO,CAAKN,CAAAA,OAAAA,EAAAA,CAAAA,CAAWC,QAAS,CAAA,CAAA,CAAG,iBACjCF,MAAOO,CAAAA,CAAAA,CAAK5B,QAAa,EAAA,CAAA,CAAA,CAAA,CAAGuB,QAAS,CAAA,CAAA,CAAG,GACzCK,CAAAA,aAAAA,CAAAA,CAAK1B,eAEnB,CAEO+E,wDAAgBrE,CACtB,CAAA,CAAA,MAAIA,GAGCA,CAAMN,CAAAA,SAAAA,EAAcM,CAAML,CAAAA,OAAAA,WACrBV,IAAKmF,CAAAA,UAAAA,CAAWpE,CAAMN,CAAAA,SAAAA,CAAAA,eAAgBT,IAAKmF,CAAAA,UAAAA,CAAWpE,CAAML,CAAAA,OAAAA,CAAAA,EADvB,GAFtCK,CAIV,EAEOsE,kEAAqBC,CAAAA,CAAAA,CAC3B,GAAMvD,EAAAA,CAAO/B,IAAKuF,CAAAA,SAAAA,CAAUD,EAAME,MAAOzE,CAAAA,KAAAA,CAAAA,CACpCf,IAAKyF,CAAAA,gBAAAA,CAAiB1D,CACzB/B,CAAAA,GAAAA,IAAAA,CAAKS,SAAY,CAAA,IAAA,CAAA,CAEfsB,KAAU/B,IAAKU,CAAAA,OAAAA,EAAWqB,CAAQ/B,EAAAA,IAAAA,CAAKU,SACzCV,IAAKS,CAAAA,SAAAA,CAAYsB,CAEjB/B,EAAAA,IAAAA,CAAKS,UAAY,IACjBT,CAAAA,IAAAA,CAAKU,OAAU,CAAA,IAAA,CAAA,CAEjBV,IAAK2C,CAAAA,aAAAA,EACN,EAEO+C,8DAAmBJ,GACzB,GAAMvD,EAAAA,CAAO/B,IAAKuF,CAAAA,SAAAA,CAAUD,CAAME,CAAAA,MAAAA,CAAOzE,KACpCf,CAAAA,CAAAA,IAAAA,CAAKyF,iBAAiB1D,CACzB/B,CAAAA,GAAAA,IAAAA,CAAKU,OAAU,CAAA,IAAA,CAAA,CAEbqB,CAAU/B,GAAAA,CAAAA,IAAAA,CAAKS,SAAasB,EAAAA,CAAAA,EAAQ/B,KAAKS,SAC3CT,CAAAA,CAAAA,IAAAA,CAAKU,OAAUqB,CAAAA,CAAAA,CAEf/B,KAAKU,OAAU,CAAA,IAAA,CAGjBV,IAAK2C,CAAAA,aAAAA,EACN,EAEO4C,4CAAUI,CAAAA,CAAAA,CAChB,iBAA2BA,CAAWpE,CAAAA,KAAAA,CAAM,KAAK0D,GAAIW,CAAAA,MAAAA,CAAAA,8CAA9CnC,CAAAA,kBAAKV,CAAOD,kBAAAA,CAAAA,kBACbf,CAAO,CAAA,GAAI7B,KAAK4C,CAAAA,CAAAA,CAAMC,CAAQ,CAAA,CAAA,CAAGU,GACvC,MAAQxC,MAAAA,CAAMc,CAAKb,CAAAA,OAAAA,EAAAA,CAAAA,CAAoB,IAAPa,CAAAA,CACjC,EAEO0D,0DAAiBI,GAEvB,MADc,qDAAA,CACDC,IAAKD,CAAAA,CAAAA,CACnB,EAEOE,8CAAWhE,CAAAA,CAAAA,CACjB,GAAKA,CAAAA,CAAAA,CAAM,MAAO,EAIlB,CAAA,gBAHcP,MAAAA,CAAOO,CAAKiE,CAAAA,QAAAA,EAAAA,CAAAA,CAAYtE,QAAS,CAAA,CAAA,CAAG,iBAClCF,MAAOO,CAAAA,CAAAA,CAAKkE,UAAcvE,EAAAA,CAAAA,CAAAA,QAAAA,CAAS,CAAG,CAAA,GAAA,CAAA,aACtCF,MAAOO,CAAAA,CAAAA,CAAKmE,cAAcxE,QAAS,CAAA,CAAA,CAAG,GAEvD,CAAA,EAAA,CAGOyE,0DAAiBN,CAAAA,CAAAA,CAEvB,MADc,+CAAA,CACDC,KAAKD,CACnB,CAAA,EAGKO,4CAAUP,CAAAA,CAAe9D,GAC/B,GAAK/B,CAAAA,IAAAA,CAAKmG,gBAAiBN,CAAAA,CAAAA,CAAAA,CACzB,MAAO,KAET,CAAA,kBAA+BA,CAAAA,CAAMtE,KAAM,CAAA,GAAA,CAAA,CAAK0D,IAAIW,MAC9CS,CAAAA,+CADCC,CAAMC,kBAAAA,CAAAA,kBAAQC,CAAUX,kBACzBQ,CAAAA,CAAU,GAAInG,KAAAA,CAAK6B,CAAKb,CAAAA,OAAAA,EAAAA,CAAAA,CAE9B,MADAmF,EAAAA,CAAQI,SAASH,CAAMC,CAAAA,CAAAA,CAAQC,CACxBH,CAAAA,CAAAA,CACR,EAEOK,kEAAqBpB,CAC3B,CAAA,CAAA,GAAA,CAAKtF,KAAKS,SAER,CAAA,MAAA,MADAT,IAAKS,CAAAA,SAAAA,CAAY,MAGnB,GAAMkG,EAAAA,CAAO3G,IAAKoG,CAAAA,SAAAA,CAAUd,EAAME,MAAOzE,CAAAA,KAAAA,CAAOf,IAAKS,CAAAA,SAAAA,CAAAA,CACjDkG,CACF3G,CAAAA,IAAAA,CAAKS,SAAYkG,CAAAA,CAAAA,CAEjB3G,KAAKS,SAAUgG,CAAAA,QAAAA,CAAS,CAAG,CAAA,CAAA,CAAG,CAEhCzG,CAAAA,CAAAA,IAAAA,CAAK2C,aACN,EAAA,EAEOiE,8DAAmBtB,CACzB,CAAA,CAAA,GAAA,CAAKtF,IAAKU,CAAAA,OAAAA,CAER,MADAV,MAAAA,IAAAA,CAAKU,OAAU,CAAA,IAAA,CAAA,CAGjB,GAAMiG,EAAO3G,CAAAA,IAAAA,CAAKoG,SAAUd,CAAAA,CAAAA,CAAME,OAAOzE,KAAOf,CAAAA,IAAAA,CAAKU,OACjDiG,CAAAA,CAAAA,CAAAA,CACF3G,KAAKU,OAAUiG,CAAAA,CAAAA,CAEf3G,IAAKU,CAAAA,OAAAA,CAAQ+F,QAAS,CAAA,CAAA,CAAG,CAAG,CAAA,CAAA,CAAA,CAE9BzG,KAAK2C,aACN,EAAA,EAYCkE,uCACoB7G,CAAAA,IAAAA,CAAK6C,aAAa7C,IAAKI,CAAAA,WAAAA,CAAaJ,IAAKC,CAAAA,YAAAA,CAAAA,CAC3D,GAAMqD,EAAatD,CAAAA,CAAAA,IAAAA,CAAKC,YAAe,CAAA,CAAA,EAAK,EACtC6G,CAAAA,CAAAA,CACkB,EAAtB9G,GAAAA,IAAAA,CAAKC,aAAsBD,IAAKI,CAAAA,WAAAA,CAAc,CAAIJ,CAAAA,IAAAA,CAAKI,YAGzD,MAF2BJ,KAAAA,CAAK6C,YAAaiE,CAAAA,CAAAA,CAAUxD,GAEhDyB,CAAI,4WAEP/E,IAAAA,CAAKY,MAAQmE,CAAI,wTAKN/E,IAAAA,CAAKoF,gBAAgBpF,IAAKgB,CAAAA,UAAAA,CAAAA,EAInC+D,CAAI,kTAKK/E,IAAAA,CAAKmF,WAAWnF,IAAKe,CAAAA,KAAAA,CAAAA,EAQKf,IAAAA,CAAKY,MAAQ,aAAgB,CAAA,EAAA,CAC1DZ,IAAK+D,CAAAA,WAAAA,CACL/D,KAAKI,WACLJ,CAAAA,IAAAA,CAAKC,aACLD,IAAK6C,CAAAA,YAAAA,CAAa7C,IAAKI,CAAAA,WAAAA,CAAaJ,IAAKC,CAAAA,YAAAA,CAAAA,CAAAA,CAG3CD,IAAAA,CAAKY,MACHmE,CAAI,8LAEE/E,IAAAA,CAAK+D,WACL/D,CAAAA,IAAAA,CAAKI,WACJJ,CAAAA,CAAAA,IAAAA,CAAKC,YAAe,CAAA,CAAA,EAAK,EAC1BD,CAAAA,IAAAA,CAAK6C,YACH7C,CAAAA,IAAAA,CAAKI,WACJJ,CAAAA,CAAAA,IAAAA,CAAKC,aAAe,CAAK,EAAA,EAAA,CAAA,CAAA,EAKlC,EAAA,CAEJD,IAAAA,CAAKY,MACHmE,CAAI,k9BAIsC/E,IAAKmF,CAAAA,UAAAA,CAAWnF,IAAKS,CAAAA,SAAAA,CAAAA,CAAsDT,IAAKqF,CAAAA,oBAAAA,CAChFrF,IAAK+F,CAAAA,UAAAA,CAAW/F,IAAKS,CAAAA,SAAAA,CAAAA,CAAoDT,IAAK0G,CAAAA,oBAAAA,CAMhF1G,IAAKmF,CAAAA,UAAAA,CAAWnF,IAAKU,CAAAA,OAAAA,CAAAA,CAAoDV,IAAK0F,CAAAA,kBAAAA,CAC9E1F,IAAK+F,CAAAA,UAAAA,CAAW/F,IAAKU,CAAAA,OAAAA,CAAAA,CAAkDV,IAAK4G,CAAAA,kBAAAA,EAGjH5G,IAAKS,CAAAA,SAAAA,EAAAA,CAAcT,IAAKU,CAAAA,OAAAA,CACbV,IAAK8D,CAAAA,WAAAA,EAKnB,EAAA,CAIX,EA5gBuBiD,sBAPNlG,cAChB,CAAA,MAAO,CAACA,CAAAA,CACT,EA2BDC,gCAuCWkB,cACT,CAAA,MAAO,CAAC,OAAA,CAAS,QAClB,EAEDC,eA7EkC+E,CAApCjH,EAY0BgH,CAAAA,CAAA,CAAvBE,CAAAA,CAAM,eAAwCnH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,UAAA,CAAA,IAAA,EAEHH,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA+BxH,CAAAoH,CAAAA,SAAAA,CAAA,gBAAA,CAAA,IAAA,EAAA,CAAA,CAEvCH,CAAA,CAAA,CAA3BI,CAAS,CAAA,CAAEC,IAAMG,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAsBzH,CAAAoH,CAAAA,SAAAA,CAAA,YAAA,EAEZH,CAAAA,CAAAA,CAAAA,CAAA,CAA3BI,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,MAA2BzH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,YAAA,CAAA,IAAA,EAEGH,CAAAA,CAAAA,CAAAA,CAAA,CAA/CI,CAAAA,CAAS,CAAEC,IAAM5F,CAAAA,MAAAA,CAAQgG,SAAW,CAAA,OAAA,CAAA,CAAA,CAAA,CAErB1H,CAAAoH,CAAAA,SAAAA,CAAA,gBAAA,CAAA,IAAA,EAAA,CAAA,CAEgCH,CAAA,CAAA,CAA/CI,CAAS,CAAA,CAAEC,IAAM5F,CAAAA,MAAAA,CAAQgG,UAAW,OAC9B1H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,eAAA,CAAA,IAAA,EAEqBH,CAAAA,CAAAA,CAAAA,CAAA,CAA3BI,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,MAAwCzH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,WAAA,CAAA,IAAA,IAC9BH,CAAA,CAAA,CAA3BI,CAAS,CAAA,CAAEC,IAAMG,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAsCzH,CAAAoH,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAC3BH,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,KAAMC,OAAmCvH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,kBAAA,CAAA,IAAA,EAExBH,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAyBvH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,OAAA,CAAA,IAAA,IAG3CH,CAAA,CAAA,CADCU,CAAM,CAAA,OAAA,CAAA,CAAA,CAuBN3H,CAAAoH,CAAAA,SAAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAxDUpH,CAAciH,CAAAA,CAAAA,CAAA,CAD1BW,CAAAA,CAAc,kBACF5H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-date-picker/nile-date-picker.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",a=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n  margin-right: 20px;\n}\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    margin-top: 10px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n  margin-top: 6px;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n\n\n.calendar-wrapper {\n  background: white;\n  display: flex;\n  justify-content: space-between;\n  width: auto;\n}\n\n.selected-date,\n.range-start,\n.range-end {\n  border-radius: 4px;\n  background: #a5d3f3;\n  color: white;\n}\n\n\n.range-start {\n  background: #a5d3f3;\n  border-radius: 4px 0 0 4px;\n  color: white;\n}\n\n.range-end {\n  background: #a5d3f3;\n  border-radius: 0 4px 4px 0;\n  color: white;\n}\n\n.range-middle {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 0;\n}\n\n.day.selected {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 4px;\n}\n\n.day.in-range {\n  background: #a5d3f3;\n  color: white;\n}\n\n.selected-date {\n  color: white;\n  border-radius: 4px;\n  background: #a5d3f3;\n}\n\n.base {\n  background-color: white;\n  border-radius: 4px;\n  padding-bottom: 20px\n}\n\n.calender-input{\n  padding: 20px;\n  padding-bottom: 0px;\n}\n\n.from {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.manual-input{\n  width:100%;\n}\n\n.manual-input-label{\n  font-size: 12px;\nfont-style: normal;\nfont-weight: 500;\n  margin-bottom: 10px;\n}\n\n.apply-button {\n  text-align: right;\n  display: block;\n  padding-top: 20px;\n}\n"]))));}};});
+//# sourceMappingURL=nile-date-picker.css.cjs.js.map

package/dist/nile-date-picker/nile-date-picker.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-date-picker.css.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.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 * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n  margin-right: 20px;\n}\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    margin-top: 10px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n  margin-top: 6px;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n\n\n.calendar-wrapper {\n  background: white;\n  display: flex;\n  justify-content: space-between;\n  width: auto;\n}\n\n.selected-date,\n.range-start,\n.range-end {\n  border-radius: 4px;\n  background: #a5d3f3;\n  color: white;\n}\n\n\n.range-start {\n  background: #a5d3f3;\n  border-radius: 4px 0 0 4px;\n  color: white;\n}\n\n.range-end {\n  background: #a5d3f3;\n  border-radius: 0 4px 4px 0;\n  color: white;\n}\n\n.range-middle {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 0;\n}\n\n.day.selected {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 4px;\n}\n\n.day.in-range {\n  background: #a5d3f3;\n  color: white;\n}\n\n.selected-date {\n  color: white;\n  border-radius: 4px;\n  background: #a5d3f3;\n}\n\n.base {\n  background-color: white;\n  border-radius: 4px;\n  padding-bottom: 20px\n}\n\n.calender-input{\n  padding: 20px;\n  padding-bottom: 0px;\n}\n\n.from {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.manual-input{\n  width:100%;\n}\n\n.manual-input-label{\n  font-size: 12px;\nfont-style: normal;\nfont-weight: 500;\n  margin-bottom: 10px;\n}\n\n.apply-button {\n  text-align: right;\n  display: block;\n  padding-top: 20px;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-date-picker/nile-date-picker.css.esm.js

@@ -0,0 +1,166 @@
+import{i as e}from"../index-f1b94546.esm.js";const a=e`
+  :host {
+  }
+
+  .calendar-container {
+    font-family: Colfax-regular;
+    width: 365px;
+    height: auto;
+    text-align: center;
+    background: white;
+  }
+
+  .calendar-container.with-margin {
+  margin-right: 20px;
+}
+
+  .calendar-header {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    padding: 22px 20px;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  .divider {
+    width: 100%;
+    height: 1px;
+    background: #c7ced4;
+  }
+
+  .day-names {
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+    height: 50px;
+    margin-top: 10px;
+  }
+
+  .day-names,
+  .days {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    height: auto;
+    align-items: center;
+  }
+
+  .days {
+    height: auto;
+  }
+
+  .day {
+    flex-basis: calc(100% / 7);
+    box-sizing: border-box;
+    width: 48px;
+    align-items: center;
+    padding: 10px;
+    height: 32px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  }
+
+  .filler {
+    color: grey;
+  }
+
+  .selected-date {
+    color: white;
+    border-radius: 4px;
+    background: #a5d3f3;
+  }
+
+
+
+.calendar-wrapper {
+  background: white;
+  display: flex;
+  justify-content: space-between;
+  width: auto;
+}
+
+.selected-date,
+.range-start,
+.range-end {
+  border-radius: 4px;
+  background: #a5d3f3;
+  color: white;
+}
+
+
+.range-start {
+  background: #a5d3f3;
+  border-radius: 4px 0 0 4px;
+  color: white;
+}
+
+.range-end {
+  background: #a5d3f3;
+  border-radius: 0 4px 4px 0;
+  color: white;
+}
+
+.range-middle {
+  background: #a5d3f3;
+  color: white;
+  border-radius: 0;
+}
+
+.day.selected {
+  background: #a5d3f3;
+  color: white;
+  border-radius: 4px;
+}
+
+.day.in-range {
+  background: #a5d3f3;
+  color: white;
+}
+
+.selected-date {
+  color: white;
+  border-radius: 4px;
+  background: #a5d3f3;
+}
+
+.base {
+  background-color: white;
+  border-radius: 4px;
+  padding-bottom: 20px
+}
+
+.calender-input{
+  padding: 20px;
+  padding-bottom: 0px;
+}
+
+.from {
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+}
+
+.manual-input{
+  width:100%;
+}
+
+.manual-input-label{
+  font-size: 12px;
+font-style: normal;
+font-weight: 500;
+  margin-bottom: 10px;
+}
+
+.apply-button {
+  text-align: right;
+  display: block;
+  padding-top: 20px;
+}
+`;export{a as s};