npm - @aquera/nile-elements - Versions diffs - 0.0.1-beta.5 → 0.0.1-beta.6 - Mend

@aquera/nile-elements 0.0.1-beta.5 → 0.0.1-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/nile-chip/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["./nile-chip.cjs.js","tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","lit","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileChipCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileChipCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalSlotCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
+System.register(["./nile-chip.cjs.js","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","lit","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileChipCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileChipCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalSlotCjsJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-chip/index.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./nile-chip.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-chip.css.esm.js";import"lit/directives/class-map.js";import"../internal/slot.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-bf6307e2.esm.js";
1	+ import"./nile-chip.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-chip.css.esm.js";import"lit/directives/class-map.js";import"../internal/slot.esm.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-bf6307e2.esm.js";

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

@@ -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/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,l,o,h,a,n,r,_templateObject,_templateObject2,p;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){a=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_property002CjsJs){r=_property002CjsJs.e;},function(_lit){}],execute:function(){p=/*#__PURE__*/function(_n){_inherits(p,_n);var _super=_createSuper(p);function p(){var _this;_classCallCheck(this,p);_this=_super.apply(this,arguments),_this.hasSlotController=new a(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.label="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="",_this.readonly=!1,_this.disabled=!1,_this.helpText="",_this.autoCompleteOptions=[];return _this;}_createClass(p,[{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 class=\"nile-chip\">\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,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 p;}(n);t([i()],p.prototype,"tags",void 0),t([i()],p.prototype,"inputValue",void 0),t([i()],p.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],p.prototype,"autoComplete",void 0),t([r()],p.prototype,"label",void 0),t([r({type:Boolean})],p.prototype,"acceptUserInput",void 0),t([r({type:Boolean})],p.prototype,"clearable",void 0),t([r()],p.prototype,"placeholder",void 0),t([r({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([r({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([r({attribute:"help-text"})],p.prototype,"helpText",void 0),t([r({type:Array})],p.prototype,"autoCompleteOptions",void 0),p=t([l("nile-chip")],p);}};});
+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,a,n,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){a=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){n=_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 a(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!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 class=\"nile-chip\">\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,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()],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([n("value")],c.prototype,"onValueChanged",null),c=t([l("nile-chip")],c);}};});
 //# sourceMappingURL=nile-chip.cjs.js.map

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

	@@ -1 +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 /* 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 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 class=\"nile-chip\">\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","label","acceptUserInput","clearable","placeholder","readonly","disabled","helpText","autoCompleteOptions","styles","handleSelect","event","detail","value","emit","resetInput","handleRemove","filter","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","customElement"],"mappings":"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"}
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 /* 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 class=\"nile-chip\">\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","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":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{y as e}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 a}from"../internal/slot.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{e as r}from"../property-bf6307e2.esm.js";import"lit";let p=class extends n{constructor(){super(...arguments),this.hasSlotController=new a(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="",this.readonly=!1,this.disabled=!1,this.helpText="",this.autoCompleteOptions=[]}static get styles(){return[o]}handleSelect(t){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.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}handleInputKeydown(t){this.acceptUserInput&&"Enter"===t.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 t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!t,l=!!this.helpText||!!i;return e`
+import{__decorate as t}from"tslib";import{y as e}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 a}from"../internal/slot.esm.js";import{w as n}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 a(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!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(t){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.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}handleInputKeydown(t){this.acceptUserInput&&"Enter"===t.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 t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!t,l=!!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})}
@@ -43,4 +43,4 @@ import{__decorate as t}from"tslib";import{y as e}from"../index-f1b94546.esm.js";
           </slot>
         </div>
       </div>
-    `}};t([i()],p.prototype,"tags",void 0),t([i()],p.prototype,"inputValue",void 0),t([i()],p.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],p.prototype,"autoComplete",void 0),t([r()],p.prototype,"label",void 0),t([r({type:Boolean})],p.prototype,"acceptUserInput",void 0),t([r({type:Boolean})],p.prototype,"clearable",void 0),t([r()],p.prototype,"placeholder",void 0),t([r({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([r({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([r({attribute:"help-text"})],p.prototype,"helpText",void 0),t([r({type:Array})],p.prototype,"autoCompleteOptions",void 0),p=t([l("nile-chip")],p);
+    `}};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()],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([n("value")],c.prototype,"onValueChanged",null),c=t([l("nile-chip")],c);

package/dist/nile-tag/nile-tag.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","./nile-tag.css.cjs.js","../nile-icon-button/nile-icon-button.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","../nile-icon-button/nile-icon-button.css.cjs.js","../nile-icon/index.cjs.js","lit","lit/directives/unsafe-svg.js","lit/directives/unsafe-html.js","../nile-icon/icons/svg/index.cjs.js","../nile-icon/icons/svg/access-review.cjs.js","../nile-icon/icons/svg/action.cjs.js","../nile-icon/icons/svg/actionworkflow.cjs.js","../nile-icon/icons/svg/agents.cjs.js","../nile-icon/icons/svg/aggregation.cjs.js","../nile-icon/icons/svg/allsearch.cjs.js","../nile-icon/icons/svg/application.cjs.js","../nile-icon/icons/svg/approve.cjs.js","../nile-icon/icons/svg/arrowdown.cjs.js","../nile-icon/icons/svg/arrowleft.cjs.js","../nile-icon/icons/svg/arrowright.cjs.js","../nile-icon/icons/svg/arrowup.cjs.js","../nile-icon/icons/svg/attributemap.cjs.js","../nile-icon/icons/svg/bell.cjs.js","../nile-icon/icons/svg/boolean.cjs.js","../nile-icon/icons/svg/bulk-sync.cjs.js","../nile-icon/icons/svg/button-loading-black.cjs.js","../nile-icon/icons/svg/button-loading-blue.cjs.js","../nile-icon/icons/svg/button-loading-white.cjs.js","../nile-icon/icons/svg/calendar.cjs.js","../nile-icon/icons/svg/caution.cjs.js","../nile-icon/icons/svg/close.cjs.js","../nile-icon/icons/svg/collapse-1.cjs.js","../nile-icon/icons/svg/collapse.cjs.js","../nile-icon/icons/svg/compact.cjs.js","../nile-icon/icons/svg/compare-tiles.cjs.js","../nile-icon/icons/svg/component-menu.cjs.js","../nile-icon/icons/svg/connect.cjs.js","../nile-icon/icons/svg/copy.cjs.js","../nile-icon/icons/svg/correlation.cjs.js","../nile-icon/icons/svg/dashboard.cjs.js","../nile-icon/icons/svg/database.cjs.js","../nile-icon/icons/svg/databaseview.cjs.js","../nile-icon/icons/svg/default-1.cjs.js","../nile-icon/icons/svg/default.cjs.js","../nile-icon/icons/svg/directory.cjs.js","../nile-icon/icons/svg/disabled.cjs.js","../nile-icon/icons/svg/document.cjs.js","../nile-icon/icons/svg/done.cjs.js","../nile-icon/icons/svg/download.cjs.js","../nile-icon/icons/svg/drag.cjs.js","../nile-icon/icons/svg/draglist.cjs.js","../nile-icon/icons/svg/enable.cjs.js","../nile-icon/icons/svg/entitlement.cjs.js","../nile-icon/icons/svg/error.cjs.js","../nile-icon/icons/svg/escalate.cjs.js","../nile-icon/icons/svg/event.cjs.js","../nile-icon/icons/svg/exactmatch.cjs.js","../nile-icon/icons/svg/expand-1.cjs.js","../nile-icon/icons/svg/expand.cjs.js","../nile-icon/icons/svg/eye.cjs.js","../nile-icon/icons/svg/eyeclosed.cjs.js","../nile-icon/icons/svg/filter.cjs.js","../nile-icon/icons/svg/firewall.cjs.js","../nile-icon/icons/svg/flow-h.cjs.js","../nile-icon/icons/svg/flow.cjs.js","../nile-icon/icons/svg/flowmap.cjs.js","../nile-icon/icons/svg/folder.cjs.js","../nile-icon/icons/svg/frequency.cjs.js","../nile-icon/icons/svg/fullscreen.cjs.js","../nile-icon/icons/svg/fullscreenshrink.cjs.js","../nile-icon/icons/svg/generation-phase.cjs.js","../nile-icon/icons/svg/global-search.cjs.js","../nile-icon/icons/svg/goto.cjs.js","../nile-icon/icons/svg/groupby.cjs.js","../nile-icon/icons/svg/guide.cjs.js","../nile-icon/icons/svg/helpsupport.cjs.js","../nile-icon/icons/svg/help-1.cjs.js","../nile-icon/icons/svg/help.cjs.js","../nile-icon/icons/svg/history.cjs.js","../nile-icon/icons/svg/identityledger.cjs.js","../nile-icon/icons/svg/ifelse.cjs.js","../nile-icon/icons/svg/image.cjs.js","../nile-icon/icons/svg/info.cjs.js","../nile-icon/icons/svg/info2.cjs.js","../nile-icon/icons/svg/js.cjs.js","../nile-icon/icons/svg/link.cjs.js","../nile-icon/icons/svg/loader.cjs.js","../nile-icon/icons/svg/loading.cjs.js","../nile-icon/icons/svg/loading2.cjs.js","../nile-icon/icons/svg/lock.cjs.js","../nile-icon/icons/svg/logs.cjs.js","../nile-icon/icons/svg/manage.cjs.js","../nile-icon/icons/svg/map.cjs.js","../nile-icon/icons/svg/mapcreate.cjs.js","../nile-icon/icons/svg/mapdont.cjs.js","../nile-icon/icons/svg/mapupdate.cjs.js","../nile-icon/icons/svg/maximize.cjs.js","../nile-icon/icons/svg/minus.cjs.js","../nile-icon/icons/svg/moveleft.cjs.js","../nile-icon/icons/svg/moveright.cjs.js","../nile-icon/icons/svg/mute.cjs.js","../nile-icon/icons/svg/nomatch.cjs.js","../nile-icon/icons/svg/not.cjs.js","../nile-icon/icons/svg/note.cjs.js","../nile-icon/icons/svg/notificationadd.cjs.js","../nile-icon/icons/svg/notificationadded.cjs.js","../nile-icon/icons/svg/null.cjs.js","../nile-icon/icons/svg/number.cjs.js","../nile-icon/icons/svg/options.cjs.js","../nile-icon/icons/svg/orchestration.cjs.js","../nile-icon/icons/svg/partner.cjs.js","../nile-icon/icons/svg/pencil.cjs.js","../nile-icon/icons/svg/people-task.cjs.js","../nile-icon/icons/svg/pin.cjs.js","../nile-icon/icons/svg/plus.cjs.js","../nile-icon/icons/svg/potentialmatch.cjs.js","../nile-icon/icons/svg/poweron.cjs.js","../nile-icon/icons/svg/privilage.cjs.js","../nile-icon/icons/svg/radio.cjs.js","../nile-icon/icons/svg/radioactive.cjs.js","../nile-icon/icons/svg/radiodone.cjs.js","../nile-icon/icons/svg/readexpression.cjs.js","../nile-icon/icons/svg/readonly.cjs.js","../nile-icon/icons/svg/redo.cjs.js","../nile-icon/icons/svg/refresh.cjs.js","../nile-icon/icons/svg/reminder.cjs.js","../nile-icon/icons/svg/resource.cjs.js","../nile-icon/icons/svg/revokation-cycle.cjs.js","../nile-icon/icons/svg/role.cjs.js","../nile-icon/icons/svg/run.cjs.js","../nile-icon/icons/svg/save.cjs.js","../nile-icon/icons/svg/schedule.cjs.js","../nile-icon/icons/svg/script.cjs.js","../nile-icon/icons/svg/search.cjs.js","../nile-icon/icons/svg/select.cjs.js","../nile-icon/icons/svg/selectapplication.cjs.js","../nile-icon/icons/svg/selectattributes.cjs.js","../nile-icon/icons/svg/selectuser.cjs.js","../nile-icon/icons/svg/send.cjs.js","../nile-icon/icons/svg/settings.cjs.js","../nile-icon/icons/svg/sort.cjs.js","../nile-icon/icons/svg/stop.cjs.js","../nile-icon/icons/svg/string.cjs.js","../nile-icon/icons/svg/sync.cjs.js","../nile-icon/icons/svg/test.cjs.js","../nile-icon/icons/svg/textarea-expander.cjs.js","../nile-icon/icons/svg/tick.cjs.js","../nile-icon/icons/svg/timeupdate.cjs.js","../nile-icon/icons/svg/timezone.cjs.js","../nile-icon/icons/svg/trash.cjs.js","../nile-icon/icons/svg/undo-1.cjs.js","../nile-icon/icons/svg/undo.cjs.js","../nile-icon/icons/svg/unmute.cjs.js","../nile-icon/icons/svg/upgrade.cjs.js","../nile-icon/icons/svg/upload.cjs.js","../nile-icon/icons/svg/user-group.cjs.js","../nile-icon/icons/svg/user.cjs.js","../nile-icon/icons/svg/useractive.cjs.js","../nile-icon/icons/svg/useradd.cjs.js","../nile-icon/icons/svg/useraddgroup.cjs.js","../nile-icon/icons/svg/userfind.cjs.js","../nile-icon/icons/svg/userimport.cjs.js","../nile-icon/icons/svg/userimportgroup.cjs.js","../nile-icon/icons/svg/usermixed.cjs.js","../nile-icon/icons/svg/userremove-1.cjs.js","../nile-icon/icons/svg/userremove-2.cjs.js","../nile-icon/icons/svg/userremove.cjs.js","../nile-icon/icons/svg/userremovegroup.cjs.js","../nile-icon/icons/svg/userupdate.cjs.js","../nile-icon/icons/svg/users.cjs.js","../nile-icon/icons/svg/validationexpression.cjs.js","../nile-icon/icons/svg/variable-new-1.cjs.js","../nile-icon/icons/svg/variable-new.cjs.js","../nile-icon/icons/svg/variable-global.cjs.js","../nile-icon/icons/svg/variable-local-1.cjs.js","../nile-icon/icons/svg/variable-local.cjs.js","../nile-icon/icons/svg/variable.cjs.js","../nile-icon/icons/svg/video.cjs.js","../nile-icon/icons/svg/warning.cjs.js","../nile-icon/icons/svg/whileloop.cjs.js","../nile-icon/icons/svg/workflow.cjs.js","../nile-icon/icons/svg/writeexpression.cjs.js","../nile-icon/icons/svg/back.cjs.js","../nile-icon/icons/svg/downgrade.cjs.js","../nile-icon/icons/svg/globe.cjs.js","../nile-icon/icons/svg/phone.cjs.js","../nile-icon/icons/svg/storybook.cjs.js","../nile-icon/icons/svg/swap.cjs.js","lit/static-html.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var i,s,o,n,c,e,t,_templateObject,_templateObject2,j;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.y;},function(_nileTagCssCjsJs){o=_nileTagCssCjsJs.s;},function(_nileIconButtonNileIconButtonCjsJs){},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){e=_internalNileElementCjsJs.N;},function(_property002CjsJs){t=_property002CjsJs.e;},function(_nileIconButtonNileIconButtonCssCjsJs){},function(_nileIconIndexCjsJs){},function(_lit){},function(_litDirectivesUnsafeSvgJs){},function(_litDirectivesUnsafeHtmlJs){},function(_nileIconIconsSvgIndexCjsJs){},function(_nileIconIconsSvgAccessReviewCjsJs){},function(_nileIconIconsSvgActionCjsJs){},function(_nileIconIconsSvgActionworkflowCjsJs){},function(_nileIconIconsSvgAgentsCjsJs){},function(_nileIconIconsSvgAggregationCjsJs){},function(_nileIconIconsSvgAllsearchCjsJs){},function(_nileIconIconsSvgApplicationCjsJs){},function(_nileIconIconsSvgApproveCjsJs){},function(_nileIconIconsSvgArrowdownCjsJs){},function(_nileIconIconsSvgArrowleftCjsJs){},function(_nileIconIconsSvgArrowrightCjsJs){},function(_nileIconIconsSvgArrowupCjsJs){},function(_nileIconIconsSvgAttributemapCjsJs){},function(_nileIconIconsSvgBellCjsJs){},function(_nileIconIconsSvgBooleanCjsJs){},function(_nileIconIconsSvgBulkSyncCjsJs){},function(_nileIconIconsSvgButtonLoadingBlackCjsJs){},function(_nileIconIconsSvgButtonLoadingBlueCjsJs){},function(_nileIconIconsSvgButtonLoadingWhiteCjsJs){},function(_nileIconIconsSvgCalendarCjsJs){},function(_nileIconIconsSvgCautionCjsJs){},function(_nileIconIconsSvgCloseCjsJs){},function(_nileIconIconsSvgCollapse1CjsJs){},function(_nileIconIconsSvgCollapseCjsJs){},function(_nileIconIconsSvgCompactCjsJs){},function(_nileIconIconsSvgCompareTilesCjsJs){},function(_nileIconIconsSvgComponentMenuCjsJs){},function(_nileIconIconsSvgConnectCjsJs){},function(_nileIconIconsSvgCopyCjsJs){},function(_nileIconIconsSvgCorrelationCjsJs){},function(_nileIconIconsSvgDashboardCjsJs){},function(_nileIconIconsSvgDatabaseCjsJs){},function(_nileIconIconsSvgDatabaseviewCjsJs){},function(_nileIconIconsSvgDefault1CjsJs){},function(_nileIconIconsSvgDefaultCjsJs){},function(_nileIconIconsSvgDirectoryCjsJs){},function(_nileIconIconsSvgDisabledCjsJs){},function(_nileIconIconsSvgDocumentCjsJs){},function(_nileIconIconsSvgDoneCjsJs){},function(_nileIconIconsSvgDownloadCjsJs){},function(_nileIconIconsSvgDragCjsJs){},function(_nileIconIconsSvgDraglistCjsJs){},function(_nileIconIconsSvgEnableCjsJs){},function(_nileIconIconsSvgEntitlementCjsJs){},function(_nileIconIconsSvgErrorCjsJs){},function(_nileIconIconsSvgEscalateCjsJs){},function(_nileIconIconsSvgEventCjsJs){},function(_nileIconIconsSvgExactmatchCjsJs){},function(_nileIconIconsSvgExpand1CjsJs){},function(_nileIconIconsSvgExpandCjsJs){},function(_nileIconIconsSvgEyeCjsJs){},function(_nileIconIconsSvgEyeclosedCjsJs){},function(_nileIconIconsSvgFilterCjsJs){},function(_nileIconIconsSvgFirewallCjsJs){},function(_nileIconIconsSvgFlowHCjsJs){},function(_nileIconIconsSvgFlowCjsJs){},function(_nileIconIconsSvgFlowmapCjsJs){},function(_nileIconIconsSvgFolderCjsJs){},function(_nileIconIconsSvgFrequencyCjsJs){},function(_nileIconIconsSvgFullscreenCjsJs){},function(_nileIconIconsSvgFullscreenshrinkCjsJs){},function(_nileIconIconsSvgGenerationPhaseCjsJs){},function(_nileIconIconsSvgGlobalSearchCjsJs){},function(_nileIconIconsSvgGotoCjsJs){},function(_nileIconIconsSvgGroupbyCjsJs){},function(_nileIconIconsSvgGuideCjsJs){},function(_nileIconIconsSvgHelpsupportCjsJs){},function(_nileIconIconsSvgHelp1CjsJs){},function(_nileIconIconsSvgHelpCjsJs){},function(_nileIconIconsSvgHistoryCjsJs){},function(_nileIconIconsSvgIdentityledgerCjsJs){},function(_nileIconIconsSvgIfelseCjsJs){},function(_nileIconIconsSvgImageCjsJs){},function(_nileIconIconsSvgInfoCjsJs){},function(_nileIconIconsSvgInfo2CjsJs){},function(_nileIconIconsSvgJsCjsJs){},function(_nileIconIconsSvgLinkCjsJs){},function(_nileIconIconsSvgLoaderCjsJs){},function(_nileIconIconsSvgLoadingCjsJs){},function(_nileIconIconsSvgLoading2CjsJs){},function(_nileIconIconsSvgLockCjsJs){},function(_nileIconIconsSvgLogsCjsJs){},function(_nileIconIconsSvgManageCjsJs){},function(_nileIconIconsSvgMapCjsJs){},function(_nileIconIconsSvgMapcreateCjsJs){},function(_nileIconIconsSvgMapdontCjsJs){},function(_nileIconIconsSvgMapupdateCjsJs){},function(_nileIconIconsSvgMaximizeCjsJs){},function(_nileIconIconsSvgMinusCjsJs){},function(_nileIconIconsSvgMoveleftCjsJs){},function(_nileIconIconsSvgMoverightCjsJs){},function(_nileIconIconsSvgMuteCjsJs){},function(_nileIconIconsSvgNomatchCjsJs){},function(_nileIconIconsSvgNotCjsJs){},function(_nileIconIconsSvgNoteCjsJs){},function(_nileIconIconsSvgNotificationaddCjsJs){},function(_nileIconIconsSvgNotificationaddedCjsJs){},function(_nileIconIconsSvgNullCjsJs){},function(_nileIconIconsSvgNumberCjsJs){},function(_nileIconIconsSvgOptionsCjsJs){},function(_nileIconIconsSvgOrchestrationCjsJs){},function(_nileIconIconsSvgPartnerCjsJs){},function(_nileIconIconsSvgPencilCjsJs){},function(_nileIconIconsSvgPeopleTaskCjsJs){},function(_nileIconIconsSvgPinCjsJs){},function(_nileIconIconsSvgPlusCjsJs){},function(_nileIconIconsSvgPotentialmatchCjsJs){},function(_nileIconIconsSvgPoweronCjsJs){},function(_nileIconIconsSvgPrivilageCjsJs){},function(_nileIconIconsSvgRadioCjsJs){},function(_nileIconIconsSvgRadioactiveCjsJs){},function(_nileIconIconsSvgRadiodoneCjsJs){},function(_nileIconIconsSvgReadexpressionCjsJs){},function(_nileIconIconsSvgReadonlyCjsJs){},function(_nileIconIconsSvgRedoCjsJs){},function(_nileIconIconsSvgRefreshCjsJs){},function(_nileIconIconsSvgReminderCjsJs){},function(_nileIconIconsSvgResourceCjsJs){},function(_nileIconIconsSvgRevokationCycleCjsJs){},function(_nileIconIconsSvgRoleCjsJs){},function(_nileIconIconsSvgRunCjsJs){},function(_nileIconIconsSvgSaveCjsJs){},function(_nileIconIconsSvgScheduleCjsJs){},function(_nileIconIconsSvgScriptCjsJs){},function(_nileIconIconsSvgSearchCjsJs){},function(_nileIconIconsSvgSelectCjsJs){},function(_nileIconIconsSvgSelectapplicationCjsJs){},function(_nileIconIconsSvgSelectattributesCjsJs){},function(_nileIconIconsSvgSelectuserCjsJs){},function(_nileIconIconsSvgSendCjsJs){},function(_nileIconIconsSvgSettingsCjsJs){},function(_nileIconIconsSvgSortCjsJs){},function(_nileIconIconsSvgStopCjsJs){},function(_nileIconIconsSvgStringCjsJs){},function(_nileIconIconsSvgSyncCjsJs){},function(_nileIconIconsSvgTestCjsJs){},function(_nileIconIconsSvgTextareaExpanderCjsJs){},function(_nileIconIconsSvgTickCjsJs){},function(_nileIconIconsSvgTimeupdateCjsJs){},function(_nileIconIconsSvgTimezoneCjsJs){},function(_nileIconIconsSvgTrashCjsJs){},function(_nileIconIconsSvgUndo1CjsJs){},function(_nileIconIconsSvgUndoCjsJs){},function(_nileIconIconsSvgUnmuteCjsJs){},function(_nileIconIconsSvgUpgradeCjsJs){},function(_nileIconIconsSvgUploadCjsJs){},function(_nileIconIconsSvgUserGroupCjsJs){},function(_nileIconIconsSvgUserCjsJs){},function(_nileIconIconsSvgUseractiveCjsJs){},function(_nileIconIconsSvgUseraddCjsJs){},function(_nileIconIconsSvgUseraddgroupCjsJs){},function(_nileIconIconsSvgUserfindCjsJs){},function(_nileIconIconsSvgUserimportCjsJs){},function(_nileIconIconsSvgUserimportgroupCjsJs){},function(_nileIconIconsSvgUsermixedCjsJs){},function(_nileIconIconsSvgUserremove1CjsJs){},function(_nileIconIconsSvgUserremove2CjsJs){},function(_nileIconIconsSvgUserremoveCjsJs){},function(_nileIconIconsSvgUserremovegroupCjsJs){},function(_nileIconIconsSvgUserupdateCjsJs){},function(_nileIconIconsSvgUsersCjsJs){},function(_nileIconIconsSvgValidationexpressionCjsJs){},function(_nileIconIconsSvgVariableNew1CjsJs){},function(_nileIconIconsSvgVariableNewCjsJs){},function(_nileIconIconsSvgVariableGlobalCjsJs){},function(_nileIconIconsSvgVariableLocal1CjsJs){},function(_nileIconIconsSvgVariableLocalCjsJs){},function(_nileIconIconsSvgVariableCjsJs){},function(_nileIconIconsSvgVideoCjsJs){},function(_nileIconIconsSvgWarningCjsJs){},function(_nileIconIconsSvgWhileloopCjsJs){},function(_nileIconIconsSvgWorkflowCjsJs){},function(_nileIconIconsSvgWriteexpressionCjsJs){},function(_nileIconIconsSvgBackCjsJs){},function(_nileIconIconsSvgDowngradeCjsJs){},function(_nileIconIconsSvgGlobeCjsJs){},function(_nileIconIconsSvgPhoneCjsJs){},function(_nileIconIconsSvgStorybookCjsJs){},function(_nileIconIconsSvgSwapCjsJs){},function(_litStaticHtmlJs){},function(_litDirectivesIfDefinedJs){}],execute:function(){j=/*#__PURE__*/function(_e){_inherits(j,_e);var _super=_createSuper(j);function j(){var _this;_classCallCheck(this,j);_this=_super.apply(this,arguments),_this.variant="neutral",_this.size="medium",_this.pill=!1,_this.removable=!1;return _this;}_createClass(j,[{key:"handleRemoveClick",value:function handleRemoveClick(){this.emit("nile-remove");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span\n        part=\"base\"\n        class=","\n      >\n        <slot part=\"content\" class=\"tag__content\"></slot>\n\n        ","\n      </span>\n    "])),n({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--neutral":"neutral"===this.variant,"tag--warning":"warning"===this.variant,"tag--danger":"danger"===this.variant,"tag--text":"text"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable}),this.removable?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-icon-button\n                part=\"remove-button\"\n                exportparts=\"base:remove-button__base\"\n                name=\"close\"\n                library=\"system\"\n                label=\"remove\"\n                class=\"tag__remove\"\n                @click=","\n                tabindex=\"-1\"\n              ></nile-icon-button>\n            "])),this.handleRemoveClick):"");}}]);return j;}(e);j.styles=o,i([t({reflect:!0})],j.prototype,"variant",void 0),i([t({reflect:!0})],j.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],j.prototype,"pill",void 0),i([t({type:Boolean})],j.prototype,"removable",void 0),j=i([c("nile-tag")],j);}};});
+System.register(["tslib","../index-adad7634.cjs.js","./nile-tag.css.cjs.js","../nile-icon-button/nile-icon-button.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","../nile-icon-button/nile-icon-button.css.cjs.js","../nile-icon/index.cjs.js","lit","lit/directives/unsafe-svg.js","lit/directives/unsafe-html.js","../nile-icon/icons/svg/index.cjs.js","../nile-icon/icons/svg/access-review.cjs.js","../nile-icon/icons/svg/action.cjs.js","../nile-icon/icons/svg/actionworkflow.cjs.js","../nile-icon/icons/svg/agents.cjs.js","../nile-icon/icons/svg/aggregation.cjs.js","../nile-icon/icons/svg/allsearch.cjs.js","../nile-icon/icons/svg/application.cjs.js","../nile-icon/icons/svg/approve.cjs.js","../nile-icon/icons/svg/arrowdown.cjs.js","../nile-icon/icons/svg/arrowleft.cjs.js","../nile-icon/icons/svg/arrowright.cjs.js","../nile-icon/icons/svg/arrowup.cjs.js","../nile-icon/icons/svg/attributemap.cjs.js","../nile-icon/icons/svg/bell.cjs.js","../nile-icon/icons/svg/boolean.cjs.js","../nile-icon/icons/svg/bulk-sync.cjs.js","../nile-icon/icons/svg/button-loading-black.cjs.js","../nile-icon/icons/svg/button-loading-blue.cjs.js","../nile-icon/icons/svg/button-loading-white.cjs.js","../nile-icon/icons/svg/calendar.cjs.js","../nile-icon/icons/svg/caution.cjs.js","../nile-icon/icons/svg/close.cjs.js","../nile-icon/icons/svg/collapse-1.cjs.js","../nile-icon/icons/svg/collapse.cjs.js","../nile-icon/icons/svg/compact.cjs.js","../nile-icon/icons/svg/compare-tiles.cjs.js","../nile-icon/icons/svg/component-menu.cjs.js","../nile-icon/icons/svg/connect.cjs.js","../nile-icon/icons/svg/copy.cjs.js","../nile-icon/icons/svg/correlation.cjs.js","../nile-icon/icons/svg/dashboard.cjs.js","../nile-icon/icons/svg/database.cjs.js","../nile-icon/icons/svg/databaseview.cjs.js","../nile-icon/icons/svg/default-1.cjs.js","../nile-icon/icons/svg/default.cjs.js","../nile-icon/icons/svg/directory.cjs.js","../nile-icon/icons/svg/disabled.cjs.js","../nile-icon/icons/svg/document.cjs.js","../nile-icon/icons/svg/done.cjs.js","../nile-icon/icons/svg/download.cjs.js","../nile-icon/icons/svg/drag.cjs.js","../nile-icon/icons/svg/draglist.cjs.js","../nile-icon/icons/svg/enable.cjs.js","../nile-icon/icons/svg/entitlement.cjs.js","../nile-icon/icons/svg/error.cjs.js","../nile-icon/icons/svg/escalate.cjs.js","../nile-icon/icons/svg/event.cjs.js","../nile-icon/icons/svg/exactmatch.cjs.js","../nile-icon/icons/svg/expand-1.cjs.js","../nile-icon/icons/svg/expand.cjs.js","../nile-icon/icons/svg/eye.cjs.js","../nile-icon/icons/svg/eyeclosed.cjs.js","../nile-icon/icons/svg/filter.cjs.js","../nile-icon/icons/svg/firewall.cjs.js","../nile-icon/icons/svg/flow-h.cjs.js","../nile-icon/icons/svg/flow.cjs.js","../nile-icon/icons/svg/flowmap.cjs.js","../nile-icon/icons/svg/folder.cjs.js","../nile-icon/icons/svg/frequency.cjs.js","../nile-icon/icons/svg/fullscreen.cjs.js","../nile-icon/icons/svg/fullscreenshrink.cjs.js","../nile-icon/icons/svg/generation-phase.cjs.js","../nile-icon/icons/svg/global-search.cjs.js","../nile-icon/icons/svg/goto.cjs.js","../nile-icon/icons/svg/groupby.cjs.js","../nile-icon/icons/svg/guide.cjs.js","../nile-icon/icons/svg/helpsupport.cjs.js","../nile-icon/icons/svg/help-1.cjs.js","../nile-icon/icons/svg/help.cjs.js","../nile-icon/icons/svg/history.cjs.js","../nile-icon/icons/svg/identityledger.cjs.js","../nile-icon/icons/svg/ifelse.cjs.js","../nile-icon/icons/svg/image.cjs.js","../nile-icon/icons/svg/info.cjs.js","../nile-icon/icons/svg/info2.cjs.js","../nile-icon/icons/svg/js.cjs.js","../nile-icon/icons/svg/link.cjs.js","../nile-icon/icons/svg/loader.cjs.js","../nile-icon/icons/svg/loading.cjs.js","../nile-icon/icons/svg/loading2.cjs.js","../nile-icon/icons/svg/lock.cjs.js","../nile-icon/icons/svg/logs.cjs.js","../nile-icon/icons/svg/manage.cjs.js","../nile-icon/icons/svg/map.cjs.js","../nile-icon/icons/svg/mapcreate.cjs.js","../nile-icon/icons/svg/mapdont.cjs.js","../nile-icon/icons/svg/mapupdate.cjs.js","../nile-icon/icons/svg/maximize.cjs.js","../nile-icon/icons/svg/minus.cjs.js","../nile-icon/icons/svg/moveleft.cjs.js","../nile-icon/icons/svg/moveright.cjs.js","../nile-icon/icons/svg/mute.cjs.js","../nile-icon/icons/svg/nomatch.cjs.js","../nile-icon/icons/svg/not.cjs.js","../nile-icon/icons/svg/note.cjs.js","../nile-icon/icons/svg/notificationadd.cjs.js","../nile-icon/icons/svg/notificationadded.cjs.js","../nile-icon/icons/svg/null.cjs.js","../nile-icon/icons/svg/number.cjs.js","../nile-icon/icons/svg/options.cjs.js","../nile-icon/icons/svg/orchestration.cjs.js","../nile-icon/icons/svg/partner.cjs.js","../nile-icon/icons/svg/pencil.cjs.js","../nile-icon/icons/svg/people-task.cjs.js","../nile-icon/icons/svg/pin.cjs.js","../nile-icon/icons/svg/plus.cjs.js","../nile-icon/icons/svg/potentialmatch.cjs.js","../nile-icon/icons/svg/poweron.cjs.js","../nile-icon/icons/svg/privilage.cjs.js","../nile-icon/icons/svg/radio.cjs.js","../nile-icon/icons/svg/radioactive.cjs.js","../nile-icon/icons/svg/radiodone.cjs.js","../nile-icon/icons/svg/readexpression.cjs.js","../nile-icon/icons/svg/readonly.cjs.js","../nile-icon/icons/svg/redo.cjs.js","../nile-icon/icons/svg/refresh.cjs.js","../nile-icon/icons/svg/reminder.cjs.js","../nile-icon/icons/svg/resource.cjs.js","../nile-icon/icons/svg/revokation-cycle.cjs.js","../nile-icon/icons/svg/role.cjs.js","../nile-icon/icons/svg/run.cjs.js","../nile-icon/icons/svg/save.cjs.js","../nile-icon/icons/svg/schedule.cjs.js","../nile-icon/icons/svg/script.cjs.js","../nile-icon/icons/svg/search.cjs.js","../nile-icon/icons/svg/select.cjs.js","../nile-icon/icons/svg/selectapplication.cjs.js","../nile-icon/icons/svg/selectattributes.cjs.js","../nile-icon/icons/svg/selectuser.cjs.js","../nile-icon/icons/svg/send.cjs.js","../nile-icon/icons/svg/settings.cjs.js","../nile-icon/icons/svg/sort.cjs.js","../nile-icon/icons/svg/stop.cjs.js","../nile-icon/icons/svg/string.cjs.js","../nile-icon/icons/svg/sync.cjs.js","../nile-icon/icons/svg/test.cjs.js","../nile-icon/icons/svg/textarea-expander.cjs.js","../nile-icon/icons/svg/tick.cjs.js","../nile-icon/icons/svg/timeupdate.cjs.js","../nile-icon/icons/svg/timezone.cjs.js","../nile-icon/icons/svg/trash.cjs.js","../nile-icon/icons/svg/undo-1.cjs.js","../nile-icon/icons/svg/undo.cjs.js","../nile-icon/icons/svg/unmute.cjs.js","../nile-icon/icons/svg/upgrade.cjs.js","../nile-icon/icons/svg/upload.cjs.js","../nile-icon/icons/svg/user-group.cjs.js","../nile-icon/icons/svg/user.cjs.js","../nile-icon/icons/svg/useractive.cjs.js","../nile-icon/icons/svg/useradd.cjs.js","../nile-icon/icons/svg/useraddgroup.cjs.js","../nile-icon/icons/svg/userfind.cjs.js","../nile-icon/icons/svg/userimport.cjs.js","../nile-icon/icons/svg/userimportgroup.cjs.js","../nile-icon/icons/svg/usermixed.cjs.js","../nile-icon/icons/svg/userremove-1.cjs.js","../nile-icon/icons/svg/userremove-2.cjs.js","../nile-icon/icons/svg/userremove.cjs.js","../nile-icon/icons/svg/userremovegroup.cjs.js","../nile-icon/icons/svg/userupdate.cjs.js","../nile-icon/icons/svg/users.cjs.js","../nile-icon/icons/svg/validationexpression.cjs.js","../nile-icon/icons/svg/variable-new-1.cjs.js","../nile-icon/icons/svg/variable-new.cjs.js","../nile-icon/icons/svg/variable-global.cjs.js","../nile-icon/icons/svg/variable-local-1.cjs.js","../nile-icon/icons/svg/variable-local.cjs.js","../nile-icon/icons/svg/variable.cjs.js","../nile-icon/icons/svg/video.cjs.js","../nile-icon/icons/svg/warning.cjs.js","../nile-icon/icons/svg/whileloop.cjs.js","../nile-icon/icons/svg/workflow.cjs.js","../nile-icon/icons/svg/writeexpression.cjs.js","../nile-icon/icons/svg/back.cjs.js","../nile-icon/icons/svg/downgrade.cjs.js","../nile-icon/icons/svg/globe.cjs.js","../nile-icon/icons/svg/phone.cjs.js","../nile-icon/icons/svg/storybook.cjs.js","../nile-icon/icons/svg/swap.cjs.js","lit/static-html.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var i,s,o,n,c,e,t,_templateObject,_templateObject2,j;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.y;},function(_nileTagCssCjsJs){o=_nileTagCssCjsJs.s;},function(_nileIconButtonNileIconButtonCjsJs){},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){e=_internalNileElementCjsJs.N;},function(_property002CjsJs){t=_property002CjsJs.e;},function(_nileIconButtonNileIconButtonCssCjsJs){},function(_nileIconIndexCjsJs){},function(_lit){},function(_litDirectivesUnsafeSvgJs){},function(_litDirectivesUnsafeHtmlJs){},function(_nileIconIconsSvgIndexCjsJs){},function(_nileIconIconsSvgAccessReviewCjsJs){},function(_nileIconIconsSvgActionCjsJs){},function(_nileIconIconsSvgActionworkflowCjsJs){},function(_nileIconIconsSvgAgentsCjsJs){},function(_nileIconIconsSvgAggregationCjsJs){},function(_nileIconIconsSvgAllsearchCjsJs){},function(_nileIconIconsSvgApplicationCjsJs){},function(_nileIconIconsSvgApproveCjsJs){},function(_nileIconIconsSvgArrowdownCjsJs){},function(_nileIconIconsSvgArrowleftCjsJs){},function(_nileIconIconsSvgArrowrightCjsJs){},function(_nileIconIconsSvgArrowupCjsJs){},function(_nileIconIconsSvgAttributemapCjsJs){},function(_nileIconIconsSvgBellCjsJs){},function(_nileIconIconsSvgBooleanCjsJs){},function(_nileIconIconsSvgBulkSyncCjsJs){},function(_nileIconIconsSvgButtonLoadingBlackCjsJs){},function(_nileIconIconsSvgButtonLoadingBlueCjsJs){},function(_nileIconIconsSvgButtonLoadingWhiteCjsJs){},function(_nileIconIconsSvgCalendarCjsJs){},function(_nileIconIconsSvgCautionCjsJs){},function(_nileIconIconsSvgCloseCjsJs){},function(_nileIconIconsSvgCollapse1CjsJs){},function(_nileIconIconsSvgCollapseCjsJs){},function(_nileIconIconsSvgCompactCjsJs){},function(_nileIconIconsSvgCompareTilesCjsJs){},function(_nileIconIconsSvgComponentMenuCjsJs){},function(_nileIconIconsSvgConnectCjsJs){},function(_nileIconIconsSvgCopyCjsJs){},function(_nileIconIconsSvgCorrelationCjsJs){},function(_nileIconIconsSvgDashboardCjsJs){},function(_nileIconIconsSvgDatabaseCjsJs){},function(_nileIconIconsSvgDatabaseviewCjsJs){},function(_nileIconIconsSvgDefault1CjsJs){},function(_nileIconIconsSvgDefaultCjsJs){},function(_nileIconIconsSvgDirectoryCjsJs){},function(_nileIconIconsSvgDisabledCjsJs){},function(_nileIconIconsSvgDocumentCjsJs){},function(_nileIconIconsSvgDoneCjsJs){},function(_nileIconIconsSvgDownloadCjsJs){},function(_nileIconIconsSvgDragCjsJs){},function(_nileIconIconsSvgDraglistCjsJs){},function(_nileIconIconsSvgEnableCjsJs){},function(_nileIconIconsSvgEntitlementCjsJs){},function(_nileIconIconsSvgErrorCjsJs){},function(_nileIconIconsSvgEscalateCjsJs){},function(_nileIconIconsSvgEventCjsJs){},function(_nileIconIconsSvgExactmatchCjsJs){},function(_nileIconIconsSvgExpand1CjsJs){},function(_nileIconIconsSvgExpandCjsJs){},function(_nileIconIconsSvgEyeCjsJs){},function(_nileIconIconsSvgEyeclosedCjsJs){},function(_nileIconIconsSvgFilterCjsJs){},function(_nileIconIconsSvgFirewallCjsJs){},function(_nileIconIconsSvgFlowHCjsJs){},function(_nileIconIconsSvgFlowCjsJs){},function(_nileIconIconsSvgFlowmapCjsJs){},function(_nileIconIconsSvgFolderCjsJs){},function(_nileIconIconsSvgFrequencyCjsJs){},function(_nileIconIconsSvgFullscreenCjsJs){},function(_nileIconIconsSvgFullscreenshrinkCjsJs){},function(_nileIconIconsSvgGenerationPhaseCjsJs){},function(_nileIconIconsSvgGlobalSearchCjsJs){},function(_nileIconIconsSvgGotoCjsJs){},function(_nileIconIconsSvgGroupbyCjsJs){},function(_nileIconIconsSvgGuideCjsJs){},function(_nileIconIconsSvgHelpsupportCjsJs){},function(_nileIconIconsSvgHelp1CjsJs){},function(_nileIconIconsSvgHelpCjsJs){},function(_nileIconIconsSvgHistoryCjsJs){},function(_nileIconIconsSvgIdentityledgerCjsJs){},function(_nileIconIconsSvgIfelseCjsJs){},function(_nileIconIconsSvgImageCjsJs){},function(_nileIconIconsSvgInfoCjsJs){},function(_nileIconIconsSvgInfo2CjsJs){},function(_nileIconIconsSvgJsCjsJs){},function(_nileIconIconsSvgLinkCjsJs){},function(_nileIconIconsSvgLoaderCjsJs){},function(_nileIconIconsSvgLoadingCjsJs){},function(_nileIconIconsSvgLoading2CjsJs){},function(_nileIconIconsSvgLockCjsJs){},function(_nileIconIconsSvgLogsCjsJs){},function(_nileIconIconsSvgManageCjsJs){},function(_nileIconIconsSvgMapCjsJs){},function(_nileIconIconsSvgMapcreateCjsJs){},function(_nileIconIconsSvgMapdontCjsJs){},function(_nileIconIconsSvgMapupdateCjsJs){},function(_nileIconIconsSvgMaximizeCjsJs){},function(_nileIconIconsSvgMinusCjsJs){},function(_nileIconIconsSvgMoveleftCjsJs){},function(_nileIconIconsSvgMoverightCjsJs){},function(_nileIconIconsSvgMuteCjsJs){},function(_nileIconIconsSvgNomatchCjsJs){},function(_nileIconIconsSvgNotCjsJs){},function(_nileIconIconsSvgNoteCjsJs){},function(_nileIconIconsSvgNotificationaddCjsJs){},function(_nileIconIconsSvgNotificationaddedCjsJs){},function(_nileIconIconsSvgNullCjsJs){},function(_nileIconIconsSvgNumberCjsJs){},function(_nileIconIconsSvgOptionsCjsJs){},function(_nileIconIconsSvgOrchestrationCjsJs){},function(_nileIconIconsSvgPartnerCjsJs){},function(_nileIconIconsSvgPencilCjsJs){},function(_nileIconIconsSvgPeopleTaskCjsJs){},function(_nileIconIconsSvgPinCjsJs){},function(_nileIconIconsSvgPlusCjsJs){},function(_nileIconIconsSvgPotentialmatchCjsJs){},function(_nileIconIconsSvgPoweronCjsJs){},function(_nileIconIconsSvgPrivilageCjsJs){},function(_nileIconIconsSvgRadioCjsJs){},function(_nileIconIconsSvgRadioactiveCjsJs){},function(_nileIconIconsSvgRadiodoneCjsJs){},function(_nileIconIconsSvgReadexpressionCjsJs){},function(_nileIconIconsSvgReadonlyCjsJs){},function(_nileIconIconsSvgRedoCjsJs){},function(_nileIconIconsSvgRefreshCjsJs){},function(_nileIconIconsSvgReminderCjsJs){},function(_nileIconIconsSvgResourceCjsJs){},function(_nileIconIconsSvgRevokationCycleCjsJs){},function(_nileIconIconsSvgRoleCjsJs){},function(_nileIconIconsSvgRunCjsJs){},function(_nileIconIconsSvgSaveCjsJs){},function(_nileIconIconsSvgScheduleCjsJs){},function(_nileIconIconsSvgScriptCjsJs){},function(_nileIconIconsSvgSearchCjsJs){},function(_nileIconIconsSvgSelectCjsJs){},function(_nileIconIconsSvgSelectapplicationCjsJs){},function(_nileIconIconsSvgSelectattributesCjsJs){},function(_nileIconIconsSvgSelectuserCjsJs){},function(_nileIconIconsSvgSendCjsJs){},function(_nileIconIconsSvgSettingsCjsJs){},function(_nileIconIconsSvgSortCjsJs){},function(_nileIconIconsSvgStopCjsJs){},function(_nileIconIconsSvgStringCjsJs){},function(_nileIconIconsSvgSyncCjsJs){},function(_nileIconIconsSvgTestCjsJs){},function(_nileIconIconsSvgTextareaExpanderCjsJs){},function(_nileIconIconsSvgTickCjsJs){},function(_nileIconIconsSvgTimeupdateCjsJs){},function(_nileIconIconsSvgTimezoneCjsJs){},function(_nileIconIconsSvgTrashCjsJs){},function(_nileIconIconsSvgUndo1CjsJs){},function(_nileIconIconsSvgUndoCjsJs){},function(_nileIconIconsSvgUnmuteCjsJs){},function(_nileIconIconsSvgUpgradeCjsJs){},function(_nileIconIconsSvgUploadCjsJs){},function(_nileIconIconsSvgUserGroupCjsJs){},function(_nileIconIconsSvgUserCjsJs){},function(_nileIconIconsSvgUseractiveCjsJs){},function(_nileIconIconsSvgUseraddCjsJs){},function(_nileIconIconsSvgUseraddgroupCjsJs){},function(_nileIconIconsSvgUserfindCjsJs){},function(_nileIconIconsSvgUserimportCjsJs){},function(_nileIconIconsSvgUserimportgroupCjsJs){},function(_nileIconIconsSvgUsermixedCjsJs){},function(_nileIconIconsSvgUserremove1CjsJs){},function(_nileIconIconsSvgUserremove2CjsJs){},function(_nileIconIconsSvgUserremoveCjsJs){},function(_nileIconIconsSvgUserremovegroupCjsJs){},function(_nileIconIconsSvgUserupdateCjsJs){},function(_nileIconIconsSvgUsersCjsJs){},function(_nileIconIconsSvgValidationexpressionCjsJs){},function(_nileIconIconsSvgVariableNew1CjsJs){},function(_nileIconIconsSvgVariableNewCjsJs){},function(_nileIconIconsSvgVariableGlobalCjsJs){},function(_nileIconIconsSvgVariableLocal1CjsJs){},function(_nileIconIconsSvgVariableLocalCjsJs){},function(_nileIconIconsSvgVariableCjsJs){},function(_nileIconIconsSvgVideoCjsJs){},function(_nileIconIconsSvgWarningCjsJs){},function(_nileIconIconsSvgWhileloopCjsJs){},function(_nileIconIconsSvgWorkflowCjsJs){},function(_nileIconIconsSvgWriteexpressionCjsJs){},function(_nileIconIconsSvgBackCjsJs){},function(_nileIconIconsSvgDowngradeCjsJs){},function(_nileIconIconsSvgGlobeCjsJs){},function(_nileIconIconsSvgPhoneCjsJs){},function(_nileIconIconsSvgStorybookCjsJs){},function(_nileIconIconsSvgSwapCjsJs){},function(_litStaticHtmlJs){},function(_litDirectivesIfDefinedJs){}],execute:function(){j=/*#__PURE__*/function(_e){_inherits(j,_e);var _super=_createSuper(j);function j(){var _this;_classCallCheck(this,j);_this=_super.apply(this,arguments),_this.variant="neutral",_this.size="medium",_this.pill=!1,_this.removable=!1;return _this;}_createClass(j,[{key:"handleRemoveClick",value:function handleRemoveClick(){this.emit("nile-remove");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span\n        part=\"base\"\n        class=","\n      >\n        <slot part=\"content\" class=\"tag__content\"></slot>\n\n        ","\n      </span>\n    "])),n({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--neutral":"neutral"===this.variant,"tag--warning":"warning"===this.variant,"tag--danger":"danger"===this.variant,"tag--text":"text"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable}),this.removable?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-icon-button\n                part=\"remove-button\"\n                exportparts=\"base:remove-button__base\"\n                name=\"error\"\n                library=\"system\"\n                label=\"remove\"\n                class=\"tag__remove\"\n                @click=","\n                tabindex=\"-1\"\n              ></nile-icon-button>\n            "])),this.handleRemoveClick):"");}}]);return j;}(e);j.styles=o,i([t({reflect:!0})],j.prototype,"variant",void 0),i([t({reflect:!0})],j.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],j.prototype,"pill",void 0),i([t({type:Boolean})],j.prototype,"removable",void 0),j=i([c("nile-tag")],j);}};});
 //# sourceMappingURL=nile-tag.cjs.js.map

package/dist/nile-tag/nile-tag.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-tag.cjs.js","sources":["../../../src/nile-tag/nile-tag.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 { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/\n Nile icon component.\n \n @tag nile-tag\n \n /\n\n/*\n @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n \n @dependency nile-icon-button\n \n @slot - The tag's content.\n \n @event nile-remove - Emitted when the remove button is activated.\n \n @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n /\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /* The tag's theme variant. /\n @property({ reflect: true }) variant:\n \| 'primary'\n \| 'success'\n \| 'neutral'\n \| 'warning'\n \| 'danger'\n \| 'text' = 'neutral';\n\n /* The tag's size. /\n @property({ reflect: true }) size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Draws a pill-style tag with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /* Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"~~close~~\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=${this.handleRemoveClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : ''}\n </span>\n `;\n }\n}\n\nexport default NileTag;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tag': NileTag;\n }\n}\n"],"names":["NileTag","constructor","this","variant","size","pill","removable","handleRemoveClick","emit","render","html","classMap","tag","NileElement","styles","__decorate","property","reflect","prototype","type","Boolean","customElement"],"mappings":"wsmBA4CaA,CAAb,sEAAAC,YAAAA,sEAI+BC,MAAOC,OAMvB,CAAA,SAAA,CAGgBD,MAAIE,IAAAA,CAAiC,QAGtBF,CAAAA,MAAIG,MAAG,CAGtBH,CAAAA,MAASI,SAAG,CAAA,CAAA,CAkD1C,eAhDSC,2EAAAA,CACNL,IAAKM,CAAAA,IAAAA,CAAK,aACX,CAAA,EAEDC,uCACE,CAAA,MAAOC,EAAI,oOAGCC,CAAAA,CAAS,CACfC,GAAK,CAAA,CAAA,CAAA,CAGL,eAAiC,SAAjBV,GAAAA,IAAAA,CAAKC,QACrB,cAAiC,CAAA,SAAA,GAAjBD,KAAKC,OACrB,CAAA,cAAA,CAAiC,YAAjBD,IAAKC,CAAAA,OAAAA,CACrB,eAAiC,SAAjBD,GAAAA,IAAAA,CAAKC,QACrB,aAAgC,CAAA,QAAA,GAAjBD,KAAKC,OACpB,CAAA,WAAA,CAA8B,SAAjBD,IAAKC,CAAAA,OAAAA,CAGlB,aAA4B,OAAdD,GAAAA,IAAAA,CAAKE,KACnB,aAA6B,CAAA,QAAA,GAAdF,KAAKE,IACpB,CAAA,YAAA,CAA4B,UAAdF,IAAKE,CAAAA,IAAAA,CAGnB,YAAaF,IAAKG,CAAAA,IAAAA,CAClB,iBAAkBH,IAAKI,CAAAA,SAAAA,CAAAA,CAAAA,CAKvBJ,IAAAA,CAAKI,UACHI,CAAI,kcAQSR,IAAKK,CAAAA,iBAAAA,EAIlB,EAAA,EAGT,CAnEMP,eADoBa,CAA7BZ,EACSD,CAAAA,CAAMc,OAAmBA,CAGHC,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAMEjB,CAAAkB,CAAAA,SAAAA,CAAA,cAAA,EAGMH,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,SAAS,CAAsDjB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,MAAA,CAAA,IAAA,EAG/BH,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEG,KAAMC,OAASH,CAAAA,OAAAA,CAAAA,CAAS,KAAqBjB,CAAAkB,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAG5BH,CAAA,CAAA,CAA5BC,EAAS,CAAEG,IAAAA,CAAMC,OAA6BpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,WAAA,CAAA,IAAA,IAnBpClB,CAAOe,CAAAA,CAAAA,CAAA,CADnBM,CAAAA,CAAc,UACFrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
1	+ {"version":3,"file":"nile-tag.cjs.js","sources":["../../../src/nile-tag/nile-tag.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 { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/\n Nile icon component.\n \n @tag nile-tag\n \n /\n\n/*\n @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n \n @dependency nile-icon-button\n \n @slot - The tag's content.\n \n @event nile-remove - Emitted when the remove button is activated.\n \n @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n /\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /* The tag's theme variant. /\n @property({ reflect: true }) variant:\n \| 'primary'\n \| 'success'\n \| 'neutral'\n \| 'warning'\n \| 'danger'\n \| 'text' = 'neutral';\n\n /* The tag's size. /\n @property({ reflect: true }) size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Draws a pill-style tag with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /* Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"error\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=${this.handleRemoveClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : ''}\n </span>\n `;\n }\n}\n\nexport default NileTag;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tag': NileTag;\n }\n}\n"],"names":["NileTag","constructor","this","variant","size","pill","removable","handleRemoveClick","emit","render","html","classMap","tag","NileElement","styles","__decorate","property","reflect","prototype","type","Boolean","customElement"],"mappings":"wsmBA4CaA,CAAb,sEAAAC,YAAAA,sEAI+BC,MAAOC,OAMvB,CAAA,SAAA,CAGgBD,MAAIE,IAAAA,CAAiC,QAGtBF,CAAAA,MAAIG,MAAG,CAGtBH,CAAAA,MAASI,SAAG,CAAA,CAAA,CAkD1C,eAhDSC,2EAAAA,CACNL,IAAKM,CAAAA,IAAAA,CAAK,aACX,CAAA,EAEDC,uCACE,CAAA,MAAOC,EAAI,oOAGCC,CAAAA,CAAS,CACfC,GAAK,CAAA,CAAA,CAAA,CAGL,eAAiC,SAAjBV,GAAAA,IAAAA,CAAKC,QACrB,cAAiC,CAAA,SAAA,GAAjBD,KAAKC,OACrB,CAAA,cAAA,CAAiC,YAAjBD,IAAKC,CAAAA,OAAAA,CACrB,eAAiC,SAAjBD,GAAAA,IAAAA,CAAKC,QACrB,aAAgC,CAAA,QAAA,GAAjBD,KAAKC,OACpB,CAAA,WAAA,CAA8B,SAAjBD,IAAKC,CAAAA,OAAAA,CAGlB,aAA4B,OAAdD,GAAAA,IAAAA,CAAKE,KACnB,aAA6B,CAAA,QAAA,GAAdF,KAAKE,IACpB,CAAA,YAAA,CAA4B,UAAdF,IAAKE,CAAAA,IAAAA,CAGnB,YAAaF,IAAKG,CAAAA,IAAAA,CAClB,iBAAkBH,IAAKI,CAAAA,SAAAA,CAAAA,CAAAA,CAKvBJ,IAAAA,CAAKI,UACHI,CAAI,kcAQSR,IAAKK,CAAAA,iBAAAA,EAIlB,EAAA,EAGT,CAnEMP,eADoBa,CAA7BZ,EACSD,CAAAA,CAAMc,OAAmBA,CAGHC,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAMEjB,CAAAkB,CAAAA,SAAAA,CAAA,cAAA,EAGMH,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,SAAS,CAAsDjB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,MAAA,CAAA,IAAA,EAG/BH,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEG,KAAMC,OAASH,CAAAA,OAAAA,CAAAA,CAAS,KAAqBjB,CAAAkB,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAG5BH,CAAA,CAAA,CAA5BC,EAAS,CAAEG,IAAAA,CAAMC,OAA6BpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,WAAA,CAAA,IAAA,IAnBpClB,CAAOe,CAAAA,CAAAA,CAAA,CADnBM,CAAAA,CAAc,UACFrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-tag/nile-tag.esm.js CHANGED Viewed

@@ -9,7 +9,7 @@ import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";
               <nile-icon-button
                 part="remove-button"
                 exportparts="base:remove-button__base"
-                name="close"
+                name="error"
                 library="system"
                 label="remove"
                 class="tag__remove"

package/dist/src/nile-chip/nile-chip.d.ts CHANGED Viewed

@@ -28,6 +28,8 @@ export declare class NileChip extends NileElement {
     /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
     helpText: string;
     autoCompleteOptions: any[];
+    value: any[];
+    onValueChanged(): void;
     private handleSelect;
     private handleRemove;
     private handleInputChange;

package/dist/src/nile-chip/nile-chip.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { customElement, query, state } from 'lit/decorators.js';
 import { styles } from './nile-chip.css';
 import { classMap } from 'lit/directives/class-map.js';
 import { HasSlotController } from '../internal/slot';
+import { watch } from '../internal/watch';
 import NileElement from '../internal/nile-element';
 let NileChip = class NileChip extends NileElement {
     constructor() {
@@ -34,10 +35,14 @@ let NileChip = class NileChip extends NileElement {
         this.helpText = '';
         // Auto-complete options
         this.autoCompleteOptions = [];
+        this.value = [];
     }
     static get styles() {
         return [styles];
     }
+    onValueChanged() {
+        this.tags = [...this.value];
+    }
     handleSelect(event) {
         // Add the selected value to the tags array
         this.tags = [...this.tags, event.detail.value];
@@ -172,6 +177,12 @@ __decorate([
 __decorate([
     property({ type: Array })
 ], NileChip.prototype, "autoCompleteOptions", void 0);
+__decorate([
+    property({ type: Array })
+], NileChip.prototype, "value", void 0);
+__decorate([
+    watch('value')
+], NileChip.prototype, "onValueChanged", null);
 NileChip = __decorate([
     customElement('nile-chip')
 ], NileChip);

package/dist/src/nile-chip/nile-chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,EAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;~~AAErD~~,OAAO,WAAgC,MAAM,0BAA0B,CAAC;AAQxE,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,WAAW;IAAzC;;QAMmB,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QAE9E,SAAI,GAAa,EAAE,CAAC;QAEpB,eAAU,GAAW,EAAE,CAAC;QAExB,mBAAc,GAAY,KAAK,CAAC;QAIzC,oFAAoF;QACxE,UAAK,GAAG,EAAE,CAAC;QAEvB,uDAAuD;QAC1B,oBAAe,GAAG,KAAK,CAAC;QAErD,uDAAuD;QAC1B,cAAS,GAAG,KAAK,CAAC;QAE/C,kEAAkE;QACtD,gBAAW,GAAG,EAAE,CAAC;QAE7B,gCAAgC;QACY,aAAQ,GAAG,KAAK,CAAC;QAE7D,0BAA0B;QACkB,aAAQ,GAAG,KAAK,CAAC;QAE7D,4FAA4F;QACtD,aAAQ,GAAG,EAAE,CAAC;QAEpD,wBAAwB;QACG,wBAAmB,GAAW,EAAE,CAAC;~~IAmH9D~~,CAAC;~~IAvJQ~~,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;~~IAoCO~~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~~AAjJU~~;IAAR,KAAK,EAAE;sCAAqB;AAEpB;IAAR,KAAK,EAAE;4CAAyB;AAExB;IAAR,KAAK,EAAE;gDAAiC;AAEZ;IAA5B,KAAK,CAAC,oBAAoB,CAAC;8CAAoB;AAGpC;IAAX,QAAQ,EAAE;uCAAY;AAGM;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAyB;AAGxB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAmB;AAGnC;IAAX,QAAQ,EAAE;6CAAkB;AAGe;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAkB;AAGjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAkB;AAGvB;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;0CAAe;AAGzB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;qDAAkC;~~AAtCjD~~,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,~~CAyJpB~~;~~SAzJY~~,QAAQ;~~AA2JrB~~,eAAe,QAAQ,CAAC","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 /* 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 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 class=\"nile-chip\">\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"]}
1	+ {"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.ts"],"names":[],"mappings":"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","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 /* 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 class=\"nile-chip\">\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"]}

package/dist/src/nile-tag/nile-tag.js CHANGED Viewed

@@ -76,7 +76,7 @@ let NileTag = class NileTag extends NileElement {
               <nile-icon-button
                 part="remove-button"
                 exportparts="base:remove-button__base"
-                name="close"
+                name="error"
                 library="system"
                 label="remove"
                 class="tag__remove"

package/dist/src/nile-tag/nile-tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-tag.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEH;;;;;;;;;;;;;;GAcG;AAGH,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,WAAW;IAAxC;;QAGE,+BAA+B;QACF,YAAO,GAMvB,SAAS,CAAC;QAEvB,sBAAsB;QACO,SAAI,GAAiC,QAAQ,CAAC;QAE3E,iDAAiD;QACL,SAAI,GAAG,KAAK,CAAC;QAEzD,yDAAyD;QAC5B,cAAS,GAAG,KAAK,CAAC;IAkDjD,CAAC;IAhDS,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,GAAG,EAAE,IAAI;YAET,QAAQ;YACR,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACxC,WAAW,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAEpC,QAAQ;YACR,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YACnC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;YACrC,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAEnC,YAAY;YACZ,WAAW,EAAE,IAAI,CAAC,IAAI;YACtB,gBAAgB,EAAE,IAAI,CAAC,SAAS;SACjC,CAAC;;;;UAIA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;;;;;yBAQS,IAAI,CAAC,iBAAiB;;;aAGlC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AApEQ,cAAM,GAAmB,MAAO,CAAA;AAGV;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAML;AAGM;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAc;AAG5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AAnBpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB;SArEY,OAAO;AAuEpB,eAAe,OAAO,CAAC","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 { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/\n Nile icon component.\n \n @tag nile-tag\n \n /\n\n/*\n @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n \n @dependency nile-icon-button\n \n @slot - The tag's content.\n \n @event nile-remove - Emitted when the remove button is activated.\n \n @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n /\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /* The tag's theme variant. /\n @property({ reflect: true }) variant:\n \| 'primary'\n \| 'success'\n \| 'neutral'\n \| 'warning'\n \| 'danger'\n \| 'text' = 'neutral';\n\n /* The tag's size. /\n @property({ reflect: true }) size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Draws a pill-style tag with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /* Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"~~close~~\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=${this.handleRemoveClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : ''}\n </span>\n `;\n }\n}\n\nexport default NileTag;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tag': NileTag;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-tag.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEH;;;;;;;;;;;;;;GAcG;AAGH,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,WAAW;IAAxC;;QAGE,+BAA+B;QACF,YAAO,GAMvB,SAAS,CAAC;QAEvB,sBAAsB;QACO,SAAI,GAAiC,QAAQ,CAAC;QAE3E,iDAAiD;QACL,SAAI,GAAG,KAAK,CAAC;QAEzD,yDAAyD;QAC5B,cAAS,GAAG,KAAK,CAAC;IAkDjD,CAAC;IAhDS,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,GAAG,EAAE,IAAI;YAET,QAAQ;YACR,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACxC,WAAW,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAEpC,QAAQ;YACR,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YACnC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;YACrC,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAEnC,YAAY;YACZ,WAAW,EAAE,IAAI,CAAC,IAAI;YACtB,gBAAgB,EAAE,IAAI,CAAC,SAAS;SACjC,CAAC;;;;UAIA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;;;;;yBAQS,IAAI,CAAC,iBAAiB;;;aAGlC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AApEQ,cAAM,GAAmB,MAAO,CAAA;AAGV;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAML;AAGM;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAc;AAG5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AAnBpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB;SArEY,OAAO;AAuEpB,eAAe,OAAO,CAAC","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 { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/\n Nile icon component.\n \n @tag nile-tag\n \n /\n\n/*\n @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n \n @dependency nile-icon-button\n \n @slot - The tag's content.\n \n @event nile-remove - Emitted when the remove button is activated.\n \n @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n /\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /* The tag's theme variant. /\n @property({ reflect: true }) variant:\n \| 'primary'\n \| 'success'\n \| 'neutral'\n \| 'warning'\n \| 'danger'\n \| 'text' = 'neutral';\n\n /* The tag's size. /\n @property({ reflect: true }) size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Draws a pill-style tag with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /* Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"error\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=${this.handleRemoveClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : ''}\n </span>\n `;\n }\n}\n\nexport default NileTag;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tag': NileTag;\n }\n}\n"]}