@aquera/nile-elements 1.0.1-beta-1.8 → 1.0.1

package/dist/nile-code-editor/nile-code-editor.esm.js

@@ -16,4 +16,4 @@ import{__decorate as O}from"tslib";import{html as e}from"lit";import{query as t,
             <nile-form-error-message
               >${this.errorMessage}</nile-form-error-message
             >
-          `:""}`}createNewView(O=!0){this.view&&this.view.destroy(),this.createState(),this.view=new y({state:this.viewState,parent:this.codeEditor}),this.view.dom.addEventListener("keydown",(O=>{this.checkForSpaceKey(O),this.handleEscapeKey(O)}),!0),O&&this.emit("nile-after-update",{createNewView:this.createNewView,codeMirrorInstance:this.view},!1)}checkForSpaceKey(O){"Space"!==O.code||O.ctrlKey?this.isSpacePressed=!1:this.isSpacePressed=!0}handleEscapeKey(O){"Escape"===O.key&&this.view&&null!==U(this.view.state)&&(O.stopPropagation(),O.preventDefault(),G(this.view))}createState(){const O=this.lineNumbersComp.of(this.getLineNumbersExension()),e=this.readOnlyComp.of(this.getReadOnlyExtension()),t=this.restrictSingleLineComp.of(this.getSingleLineExtension()),i=this.placeholderComp.of(this.getPlaceholderExtension()),a=this.themeComp.of(this.getCustomThemeExtension()),r=this.defaultSyntaxHighlightingComp.of(this.getDefaultSyntaxHighlightingExtension()),l=this.getLanguageExtension(),s=this.customCompletionComp.of(DO.data.of({autocomplete:this.customAutocomplete}));return this.viewState=z.create({doc:this.multiline?this.value:Yi(this.value),extensions:[E({highlightActiveLine:!1,foldGutter:this.enableFoldGutters,enableSearch:this.enableSearch}),O,e,t,s,i,r,this.autoCompletionComp.of(W({aboveCursor:this.aboveCursor})),l,a,this.getTabCompletionKeymap(),y.updateListener.of((O=>{O.docChanged&&(this.debounce?this.emitAfterTimeout({value:this.view.state.doc.toString()}):this.emit("nile-change",{value:this.view.state.doc.toString()}))})),y.domEventHandlers({focus:()=>this.dispatchEvent(new Event("nile-focus")),blur:()=>this.dispatchEvent(new Event("nile-blur"))})]}),this.viewState}getNestedSuggestions(O,e,t){if(!function(O){return/^([a-zA-Z_$][\w$]*)(\.[a-zA-Z_$][\w$]*|\[\s*(['"]?[a-zA-Z0-9_$]*['"]?)\s*\])*([\.\[])?$/.test(O)}(e)||![".","["].includes(e.at(-1)))return null;const i=function(O){const e=/([a-zA-Z_$][\w$]*)(\[(?:[^\]]+)\]|\.[a-zA-Z_$][\w$]*)*/g,t=[...O.matchAll(e)];if(t.length>0){const e=[t[0][1]],i=O.match(/\[(.*?)\]|\.(\w+)/g)||[];for(const O of i)O.startsWith("[")?e.push(O.slice(1,-1).replace(/['"]/g,"")):O.startsWith(".")&&e.push(O.slice(1));return e}return null}(e);if(!i)return null;const a=t.replace(/["'\[]/g,""),r=a!==t,l="["===e.at(-1);if("."===e.at(-1)&&r)return null;let s=(n=this.customAutoCompletions,i.reduce(((O,e)=>O&&"object"==typeof O?O[e]:null),n));var n;return s&&"object"==typeof s?(a&&(s=Object.fromEntries(Object.entries(s).filter((([O])=>O.toLowerCase().startsWith(a.toLowerCase()))))),{from:O.pos-a.length,options:Object.keys(s).map((O=>({label:O,type:"property",info:`Key of ${i[i.length-1]}`,apply:this.allowVariableInCustomSuggestion||!l||r?O:`'${O}'`,boost:999})))}):null}getTopLevelSuggestions(O,e){const t=e.match(/([a-zA-Z_$][\w$]*)$/);if(!t){if(""===e.trim()&&!this.isSpacePressed){const e=Object.keys(this.customAutoCompletions).filter((O=>Object.keys(this.customAutoCompletions[O]).length)).map((O=>({label:O,type:"property",apply:O,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.forEach((O=>{e.push({label:""+O,type:"property",apply:""+O,boost:998})})),{from:O.pos,options:e}}return null}const i=Object.keys(this.customAutoCompletions).filter((O=>Object.keys(this.customAutoCompletions[O]).length&&O.toLowerCase().startsWith(e.toLowerCase()))).map((O=>({label:O,type:"property",apply:O,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.filter((O=>O.toLocaleLowerCase().includes(e.toLocaleLowerCase()))).forEach((O=>{i.push({label:""+O,type:"property",apply:""+O,boost:998})})),{from:O.pos-t[1].length,options:i}}emitAfterTimeout(O){this.timeOut&&clearTimeout(this.timeOut),this.timeOut=setTimeout((()=>this.emit("nile-change",O,!1)),this.debounceTimeout)}focusAtPosition(O=this.view.state.doc.toString().length){this.view&&(this.view.dispatch({selection:{anchor:O}}),this.view.focus())}singleLineMultiLineToggle(){this.view.dispatch({changes:{from:0,to:this.view.state.doc.length,insert:this.multiline?this.value:Yi(this.value)}})}getLineNumbersExension(){return!this.multiline&&this.lineNumbers||this.multiline&&this.lineNumbersMultiline?M():[]}getLanguageExtension(){switch(this.language){case"sql":return function(O={}){let e=O.dialect||je;return new g(e.language,[Te(O),Re(e,!!O.upperCaseKeywords)])}();case"json":return new g(Ue);case"html":return function(O={}){let e,t="";!1===O.matchClosingTags&&(t="noMatch"),!0===O.selfClosingTags&&(t=(t?t+" ":"")+"selfClosing"),(O.nestedLanguages&&O.nestedLanguages.length||O.nestedAttributes&&O.nestedAttributes.length)&&(e=Qt((O.nestedLanguages||[]).concat(xi),(O.nestedAttributes||[]).concat(wi)));let i=e?ki.configure({wrap:e,dialect:t}):t?vi.configure({dialect:t}):vi;return new g(i,[vi.data.of({autocomplete:Xi(O)}),!1!==O.autoCloseTags?_i:[],ti().support,new g(Vt,Vt.data.of({autocomplete:jt})).support])}();default:return function(O={}){let e=O.jsx?O.typescript?KO:NO:O.typescript?JO:DO,t=O.typescript?WO.concat(Oe):VO.concat(HO);return new g(e,[DO.data.of({autocomplete:m(LO,X(t))}),DO.data.of({autocomplete:BO}),O.jsx?ie:[]])}()}}getReadOnlyExtension(){return this.readonly?z.readOnly.of(!0):[]}getSingleLineExtension(){return this.multiline?[]:z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}getPlaceholderExtension(){return this.placeholder?C(this.placeholder):[]}getDefaultSyntaxHighlightingExtension(){return this.disableSyntaxHighlighting?[]:A(L,{fallback:!0})}getCustomThemeExtension(){return this.customThemeCSS?this.defaultFont?[y.theme(this.customThemeCSS),y.theme(I),y.theme(J)]:[y.theme(this.customThemeCSS),y.theme(I)]:this.defaultFont?[y.theme(I),y.theme(J)]:[y.theme(I)]}restrictSingleLine(){return z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}};function Yi(O){return O?O.replace(/\s+/g," ").trim():""}O([t(".code__editor__container")],Ri.prototype,"codeEditor",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"value",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"expandIcon",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"placeholder",void 0),O([i({type:Object,reflect:!0,attribute:!0})],Ri.prototype,"customAutoCompletions",void 0),O([i({type:Array,reflect:!0,attribute:!0})],Ri.prototype,"customCompletionsPaths",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"language",void 0),O([i({type:String,reflect:!0,attribute:"error-message"})],Ri.prototype,"errorMessage",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"error",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"enableSearch",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"noborder",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"multiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"enableFoldGutters",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"allowVariableInCustomSuggestion",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"lineNumbers",void 0),O([i({type:Boolean,reflect:!0,attribute:!1})],Ri.prototype,"disableSyntaxHighlighting",void 0),O([i({type:Object,attribute:!1})],Ri.prototype,"customThemeCSS",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"lineNumbersMultiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"hasScroller",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"expandable",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"readonly",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"debounce",void 0),O([i({type:Number,reflect:!0,attribute:!0})],Ri.prototype,"debounceTimeout",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"aboveCursor",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"tabCompletion",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"defaultFont",void 0),Ri=O([a("nile-code-editor")],Ri);export{Ri as N};
+          `:""}`}createNewView(O=!0){this.view&&this.view.destroy(),this.createState(),this.view=new y({state:this.viewState,parent:this.codeEditor}),this.view.dom.addEventListener("keydown",(O=>{this.checkForSpaceKey(O),this.handleEscapeKey(O)}),!0),O&&this.emit("nile-after-update",{createNewView:this.createNewView,codeMirrorInstance:this.view},!1)}checkForSpaceKey(O){"Space"!==O.code||O.ctrlKey?this.isSpacePressed=!1:this.isSpacePressed=!0}closeCompletion(){this.view&&U(this.view)}handleEscapeKey(O){"Escape"===O.key&&this.view&&null!==G(this.view.state)&&(O.stopPropagation(),O.preventDefault(),U(this.view))}createState(){const O=this.lineNumbersComp.of(this.getLineNumbersExension()),e=this.readOnlyComp.of(this.getReadOnlyExtension()),t=this.restrictSingleLineComp.of(this.getSingleLineExtension()),i=this.placeholderComp.of(this.getPlaceholderExtension()),a=this.themeComp.of(this.getCustomThemeExtension()),r=this.defaultSyntaxHighlightingComp.of(this.getDefaultSyntaxHighlightingExtension()),l=this.getLanguageExtension(),s=this.customCompletionComp.of(DO.data.of({autocomplete:this.customAutocomplete}));return this.viewState=z.create({doc:this.multiline?this.value:Yi(this.value),extensions:[E({highlightActiveLine:!1,foldGutter:this.enableFoldGutters,enableSearch:this.enableSearch}),O,e,t,s,i,r,this.autoCompletionComp.of(W({aboveCursor:this.aboveCursor})),l,a,this.getTabCompletionKeymap(),y.updateListener.of((O=>{O.docChanged&&(this.debounce?this.emitAfterTimeout({value:this.view.state.doc.toString()}):this.emit("nile-change",{value:this.view.state.doc.toString()}))})),y.domEventHandlers({focus:()=>this.dispatchEvent(new Event("nile-focus")),blur:()=>this.dispatchEvent(new Event("nile-blur"))})]}),this.viewState}getNestedSuggestions(O,e,t){if(!function(O){return/^([a-zA-Z_$][\w$]*)(\.[a-zA-Z_$][\w$]*|\[\s*(['"]?[a-zA-Z0-9_$]*['"]?)\s*\])*([\.\[])?$/.test(O)}(e)||![".","["].includes(e.at(-1)))return null;const i=function(O){const e=/([a-zA-Z_$][\w$]*)(\[(?:[^\]]+)\]|\.[a-zA-Z_$][\w$]*)*/g,t=[...O.matchAll(e)];if(t.length>0){const e=[t[0][1]],i=O.match(/\[(.*?)\]|\.(\w+)/g)||[];for(const O of i)O.startsWith("[")?e.push(O.slice(1,-1).replace(/['"]/g,"")):O.startsWith(".")&&e.push(O.slice(1));return e}return null}(e);if(!i)return null;const a=t.replace(/["'\[]/g,""),r=a!==t,l="["===e.at(-1);if("."===e.at(-1)&&r)return null;let s=(n=this.customAutoCompletions,i.reduce(((O,e)=>O&&"object"==typeof O?O[e]:null),n));var n;return s&&"object"==typeof s?(a&&(s=Object.fromEntries(Object.entries(s).filter((([O])=>O.toLowerCase().startsWith(a.toLowerCase()))))),{from:O.pos-a.length,options:Object.keys(s).map((O=>({label:O,type:"property",info:`Key of ${i[i.length-1]}`,apply:this.allowVariableInCustomSuggestion||!l||r?O:`'${O}'`,boost:999})))}):null}getTopLevelSuggestions(O,e){const t=e.match(/([a-zA-Z_$][\w$]*)$/);if(!t){if(""===e.trim()&&!this.isSpacePressed){const e=Object.keys(this.customAutoCompletions).filter((O=>Object.keys(this.customAutoCompletions[O]).length)).map((O=>({label:O,type:"property",apply:O,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.forEach((O=>{e.push({label:""+O,type:"property",apply:""+O,boost:998})})),{from:O.pos,options:e}}return null}const i=Object.keys(this.customAutoCompletions).filter((O=>Object.keys(this.customAutoCompletions[O]).length&&O.toLowerCase().startsWith(e.toLowerCase()))).map((O=>({label:O,type:"property",apply:O,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.filter((O=>O.toLocaleLowerCase().includes(e.toLocaleLowerCase()))).forEach((O=>{i.push({label:""+O,type:"property",apply:""+O,boost:998})})),{from:O.pos-t[1].length,options:i}}emitAfterTimeout(O){this.timeOut&&clearTimeout(this.timeOut),this.timeOut=setTimeout((()=>this.emit("nile-change",O,!1)),this.debounceTimeout)}focusAtPosition(O=this.view.state.doc.toString().length){this.view&&(this.view.dispatch({selection:{anchor:O}}),this.view.focus())}singleLineMultiLineToggle(){this.view.dispatch({changes:{from:0,to:this.view.state.doc.length,insert:this.multiline?this.value:Yi(this.value)}})}getLineNumbersExension(){return!this.multiline&&this.lineNumbers||this.multiline&&this.lineNumbersMultiline?M():[]}getLanguageExtension(){switch(this.language){case"sql":return function(O={}){let e=O.dialect||je;return new g(e.language,[Te(O),Re(e,!!O.upperCaseKeywords)])}();case"json":return new g(Ue);case"html":return function(O={}){let e,t="";!1===O.matchClosingTags&&(t="noMatch"),!0===O.selfClosingTags&&(t=(t?t+" ":"")+"selfClosing"),(O.nestedLanguages&&O.nestedLanguages.length||O.nestedAttributes&&O.nestedAttributes.length)&&(e=Qt((O.nestedLanguages||[]).concat(xi),(O.nestedAttributes||[]).concat(wi)));let i=e?ki.configure({wrap:e,dialect:t}):t?vi.configure({dialect:t}):vi;return new g(i,[vi.data.of({autocomplete:Xi(O)}),!1!==O.autoCloseTags?_i:[],ti().support,new g(Vt,Vt.data.of({autocomplete:jt})).support])}();default:return function(O={}){let e=O.jsx?O.typescript?KO:NO:O.typescript?JO:DO,t=O.typescript?WO.concat(Oe):VO.concat(HO);return new g(e,[DO.data.of({autocomplete:m(LO,X(t))}),DO.data.of({autocomplete:BO}),O.jsx?ie:[]])}()}}getReadOnlyExtension(){return this.readonly?z.readOnly.of(!0):[]}getSingleLineExtension(){return this.multiline?[]:z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}getPlaceholderExtension(){return this.placeholder?C(this.placeholder):[]}getDefaultSyntaxHighlightingExtension(){return this.disableSyntaxHighlighting?[]:A(L,{fallback:!0})}getCustomThemeExtension(){return this.customThemeCSS?this.defaultFont?[y.theme(this.customThemeCSS),y.theme(I),y.theme(J)]:[y.theme(this.customThemeCSS),y.theme(I)]:this.defaultFont?[y.theme(I),y.theme(J)]:[y.theme(I)]}restrictSingleLine(){return z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}};function Yi(O){return O?O.replace(/\s+/g," ").trim():""}O([t(".code__editor__container")],Ri.prototype,"codeEditor",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"value",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"expandIcon",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"placeholder",void 0),O([i({type:Object,reflect:!0,attribute:!0})],Ri.prototype,"customAutoCompletions",void 0),O([i({type:Array,reflect:!0,attribute:!0})],Ri.prototype,"customCompletionsPaths",void 0),O([i({type:String,reflect:!0,attribute:!0})],Ri.prototype,"language",void 0),O([i({type:String,reflect:!0,attribute:"error-message"})],Ri.prototype,"errorMessage",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"error",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"enableSearch",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"noborder",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"multiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"enableFoldGutters",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"allowVariableInCustomSuggestion",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"lineNumbers",void 0),O([i({type:Boolean,reflect:!0,attribute:!1})],Ri.prototype,"disableSyntaxHighlighting",void 0),O([i({type:Object,attribute:!1})],Ri.prototype,"customThemeCSS",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"lineNumbersMultiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"hasScroller",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"expandable",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"readonly",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"debounce",void 0),O([i({type:Number,reflect:!0,attribute:!0})],Ri.prototype,"debounceTimeout",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"aboveCursor",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"tabCompletion",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],Ri.prototype,"defaultFont",void 0),Ri=O([a("nile-code-editor")],Ri);export{Ri as N};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"nile-filter-chip.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n  @property({ type: String }) label = '';\n  @property({ type: String }) value = '';\n  @property({ type: Number }) viewMoreCount: number = 0;\n  @property({ type: Boolean }) editable = false;\n  @property({ type: Boolean }) closable = false;\n  @property({ type: String }) icon = '';\n  @property({ type: String }) removeIcon = '';\n  @property({ type: Boolean, reflect: true }) active = false;\n\n\n  private static activeChips: NileFilterChip[] = [];\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.registerChip();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregisterChip();\n  }\n\n  private registerChip() {\n    NileFilterChip.activeChips.push(this);\n  }\n\n  private unregisterChip() {\n    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n      (chip) => chip !== this\n    );\n  }\n\n  private handleClose(event: Event) {\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('nile-close', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n    this.remove();\n  }\n\n  private handleClick() {\n    this.dispatchEvent(\n      new CustomEvent('nile-click', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n  }\n\n  private getLabelSlot(): TemplateResult {\n    return html`\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\" part=\"label\">${this.label}:</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getValueSlot(): TemplateResult {\n    return html`\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\" part=\"value\">${this.value}</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getviewMoreCountSlot(): TemplateResult {\n    return html`\n      <slot name=\"suffix\">\n        ${this.viewMoreCount\n          ? html`\n          <span class=\"badge-wrapper\">\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +${this.viewMoreCount}\n              </nile-badge>\n          </span>\n\n            `\n          : html``}\n      </slot>\n    `;\n  }\n\n  private getCloseIconSlot(): TemplateResult {\n    return html`\n      ${this.closable\n        ? html`\n            <span class=\"close-icon\" @click=\"${this.handleClose}\">\n              <nile-icon name=\"${this.removeIcon || 'var(--nile-icon-close, var(--ng-icon-x-close))'}\" size=\"12\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n            </span>\n          `\n        : html``}\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip\" @click=\"${this.handleClick}\">\n        <slot name=\"icon\">\n          ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n        </slot>\n        ${this.getLabelSlot()}\n        <slot name=\"content\"></slot>\n        ${this.getValueSlot()}\n        ${this.getviewMoreCountSlot()}\n        ${this.getCloseIconSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-filter-chip': NileFilterChip;\n  }\n}\n"],"names":["NileFilterChip","NileFilterChip_1","_l","o","this","label","value","viewMoreCount","editable","closable","icon","removeIcon","active","_this","_inherits","_createClass","key","connectedCallback","super","registerChip","disconnectedCallback","unregisterChip","activeChips","push","filter","chip","handleClose","event","stopPropagation","dispatchEvent","CustomEvent","detail","remove","handleClick","getLabelSlot","html","_templateObject","_taggedTemplateLiteral","getValueSlot","_templateObject2","getviewMoreCountSlot","_templateObject3","_templateObject4","_templateObject5","getCloseIconSlot","_templateObject6","_templateObject7","_templateObject8","render","_templateObject9","_templateObject10","_templateObject11","get","styles","NileElement","__decorate","property","type","String","prototype","Number","Boolean","reflect","customElement"],"mappings":"o0HAWaA,CAAAA,CAAcC,EAApB,uBAAAC,EAAA,EAAA,SAAAC,EAAA,qEACuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,EAAA,CACRD,KAAAA,CAAKE,KAAAA,CAAG,EACRF,CAAAA,KAAAA,CAAaG,aAAW,CAAA,CAAA,CACvBH,KAAAA,CAAQI,QAAAA,CAAAA,CAAG,CACXJ,CAAAA,KAAAA,CAAQK,QAAG,CAAA,CAAA,CAAA,CACZL,KAAAA,CAAIM,IAAAA,CAAG,EACPN,CAAAA,KAAAA,CAAUO,UAAG,CAAA,EAAA,CACGP,KAAAA,CAAMQ,MAAAA,CAAAA,CAAG,CA4GtD,QAAAC,KAAA,EAvGQC,SAAA,CAAAX,CAAA,CAAAD,EAAA,SAAAa,YAAA,CAAAZ,CAAA,GAAAa,GAAA,qBAAAV,KAAA,CAIP,SAAAW,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAd,IAAKe,CAAAA,YAAAA,CAAAA,CACN,EAED,GAAAH,GAAA,wBAAAV,KAAA,UAAAc,oBAAAA,CAAAA,EACEF,aAAAA,CAAAA,CAAAA,oCACAd,IAAKiB,CAAAA,cAAAA,CAAAA,CACN,EAEO,GAAAL,GAAA,gBAAAV,KAAA,UAAAa,YAAAA,CAAAA,CACNlB,CAAAA,EAAAA,CAAeqB,WAAYC,CAAAA,IAAAA,CAAKnB,IACjC,CAAA,EAEO,GAAAY,GAAA,kBAAAV,KAAA,UAAAe,cAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACNpB,EAAeqB,CAAAA,WAAAA,CAAcrB,EAAeqB,CAAAA,WAAAA,CAAYE,MACrDC,CAAAA,SAAAA,CAAAA,QAASA,CAAAA,CAASrB,GAAAA,MAAAA,EAAAA,CAEtB,EAEO,GAAAY,GAAA,eAAAV,KAAA,UAAAoB,WAAAA,CAAYC,CAAAA,CAAAA,CAClBA,CAAMC,CAAAA,eAAAA,CAAAA,CAAAA,CACNxB,IAAKyB,CAAAA,aAAAA,CACH,GAAIC,CAAAA,WAAAA,CAAY,YAAc,CAAA,CAAEC,MAAQ,CAAA,CAAEzB,KAAOF,CAAAA,IAAAA,CAAKE,KAAOC,CAAAA,aAAAA,CAAeH,IAAKG,CAAAA,aAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAEnFH,IAAK4B,CAAAA,MAAAA,CAAAA,CACN,EAEO,GAAAhB,GAAA,eAAAV,KAAA,UAAA2B,WAAAA,CAAAA,CACN7B,CAAAA,IAAAA,CAAKyB,aACH,CAAA,GAAIC,CAAAA,WAAY,CAAA,YAAA,CAAc,CAAEC,MAAAA,CAAQ,CAAEzB,KAAAA,CAAOF,IAAKE,CAAAA,KAAAA,CAAOC,aAAeH,CAAAA,IAAAA,CAAKG,aAEpF,CAAA,CAAA,CAAA,CAAA,EAEO,GAAAS,GAAA,gBAAAV,KAAA,UAAA4B,YAAAA,CAAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uKAG4BjC,IAAKC,CAAAA,KAAAA,EAK7C,CAEO,GAAAW,GAAA,gBAAAV,KAAA,UAAAgC,YAAAA,CAAAA,CACN,CAAA,MAAOH,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,sKAG4BjC,IAAKE,CAAAA,KAAAA,EAK7C,CAEO,GAAAU,GAAA,wBAAAV,KAAA,UAAAkC,oBAAAA,CAAAA,CACN,CAAA,MAAOL,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,wEAELjC,IAAAA,CAAKG,cACH4B,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,gNAGGjC,IAAKG,CAAAA,aAAAA,EAKZ4B,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,QAAA,EAGb,CAEO,GAAArB,GAAA,oBAAAV,KAAA,UAAAsC,gBAAAA,CAAAA,CACN,CAAA,MAAOT,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,yBACPjC,IAAAA,CAAKK,SACH0B,CAAI,CAAAW,gBAAA,GAAAA,gBAAA,CAAAT,sBAAA,qOACiCjC,IAAKsB,CAAAA,WAAAA,CACnBtB,IAAAA,CAAKO,UAAc,EAAA,gDAAA,EAG1CwB,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,QAAA,EAEX,CAEM,GAAArB,GAAA,UAAAV,KAAA,UAAA0C,MAAAA,CAAAA,CACL,CAAA,MAAOb,CAAAA,CAAI,CAAAc,gBAAA,GAAAA,gBAAA,CAAAZ,sBAAA,iOACmBjC,IAAK6B,CAAAA,WAAAA,CAE3B7B,IAAAA,CAAKM,IAAOyB,CAAAA,CAAI,CAAAe,iBAAA,GAAAA,iBAAA,CAAAb,sBAAA,uCAAsBjC,IAAAA,CAAKM,MAAgByB,CAAI,CAAAgB,iBAAA,GAAAA,iBAAA,CAAAd,sBAAA,QAAA,CAEjEjC,IAAK8B,CAAAA,YAAAA,CAAAA,CAAAA,CAEL9B,IAAKkC,CAAAA,YAAAA,CAAAA,CAAAA,CACLlC,IAAKoC,CAAAA,oBAAAA,CAAAA,CAAAA,CACLpC,IAAKwC,CAAAA,gBAAAA,CAAAA,CAAAA,EAGZ,CAAA,KAAA5B,GAAA,UAAAoC,GAAA,CAtGM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAED,MAjBkCC,CAA7B,CAmHJ,EAxGctD,EAAWsB,WAAqB,CAAA,EAAA,CAVnBiC,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAqB1D,EAAA2D,SAAA,CAAA,OAAA,CAAA,IAAA,IACXJ,CAAA,CAAA,CAA3BC,EAAS,CAAEC,IAAAA,CAAMC,UAAqB1D,CAAA2D,CAAAA,SAAAA,CAAA,YAAA,EACXJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,KAAMG,MAAoC5D,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA2D,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CACzBJ,EAAA,CAA5BC,CAAAA,CAAS,CAAEC,IAAMI,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAA4B7D,EAAA2D,SAAA,CAAA,UAAA,CAAA,IAAA,IACjBJ,CAAA,CAAA,CAA5BC,EAAS,CAAEC,IAAAA,CAAMI,WAA4B7D,CAAA2D,CAAAA,SAAAA,CAAA,eAAA,EAClBJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,KAAMC,MAAoB1D,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA2D,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACVJ,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAA0B1D,EAAA2D,SAAA,CAAA,YAAA,CAAA,IAAA,IACAJ,CAAA,CAAA,CAA3CC,EAAS,CAAEC,IAAAA,CAAMI,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB9D,EAAA2D,SAAA,CAAA,QAAA,CAAA,IAAA,gBARhD3D,CAAcC,CAAAA,EAAAA,CAAAsD,EAAA,CAD1BQ,CAAAA,CAAc,qBACF/D"}
+{"version":3,"file":"nile-filter-chip.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n  @property({ type: String }) label = '';\n  @property({ type: String }) value = '';\n  @property({ type: Number }) viewMoreCount: number = 0;\n  @property({ type: Boolean }) editable = false;\n  @property({ type: Boolean }) closable = false;\n  @property({ type: String }) icon = '';\n  @property({ type: String }) removeIcon = '';\n  @property({ type: Boolean, reflect: true }) active = false;\n\n\n  private static activeChips: NileFilterChip[] = [];\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.registerChip();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregisterChip();\n  }\n\n  private registerChip() {\n    NileFilterChip.activeChips.push(this);\n  }\n\n  private unregisterChip() {\n    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n      (chip) => chip !== this\n    );\n  }\n\n  private handleClose(event: Event) {\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('nile-close', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n    this.remove();\n  }\n\n  private handleClick() {\n    this.dispatchEvent(\n      new CustomEvent('nile-click', { detail: { value: this.value, viewMoreCount: this.viewMoreCount } })\n    );\n  }\n\n  private getLabelSlot(): TemplateResult {\n    return html`\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\" part=\"label\">${this.label}:</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getValueSlot(): TemplateResult {\n    return html`\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\" part=\"value\">${this.value}</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getviewMoreCountSlot(): TemplateResult {\n    return html`\n      <slot name=\"suffix\">\n        ${this.viewMoreCount\n          ? html`\n          <span class=\"badge-wrapper\">\n              <nile-badge class=\"badge\" part=\"badge\" variant=\"primary\" pilltype=\"pill-color\" exportparts=\"content, base\">\n                +${this.viewMoreCount}\n              </nile-badge>\n          </span>\n\n            `\n          : html``}\n      </slot>\n    `;\n  }\n\n  private getCloseIconSlot(): TemplateResult {\n    return html`\n      ${this.closable\n        ? html`\n            <span class=\"close-icon\" @click=\"${this.handleClose}\">\n              <nile-icon name=\"${this.removeIcon || 'var(--nile-icon-close, var(--ng-icon-x-close))'}\" size=\"12\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n            </span>\n          `\n        : html``}\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip\" @click=\"${this.handleClick}\">\n        <slot name=\"icon\">\n          ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n        </slot>\n        ${this.getLabelSlot()}\n        <slot name=\"content\"></slot>\n        ${this.getValueSlot()}\n        ${this.getviewMoreCountSlot()}\n        ${this.getCloseIconSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-filter-chip': NileFilterChip;\n  }\n}\n"],"names":["NileFilterChip","NileFilterChip_1","_l","n","this","label","value","viewMoreCount","editable","closable","icon","removeIcon","active","_this","_inherits","_createClass","key","connectedCallback","super","registerChip","disconnectedCallback","unregisterChip","activeChips","push","filter","chip","handleClose","event","stopPropagation","dispatchEvent","CustomEvent","detail","remove","handleClick","getLabelSlot","html","_templateObject","_taggedTemplateLiteral","getValueSlot","_templateObject2","getviewMoreCountSlot","_templateObject3","_templateObject4","_templateObject5","getCloseIconSlot","_templateObject6","_templateObject7","_templateObject8","render","_templateObject9","_templateObject10","_templateObject11","get","styles","NileElement","__decorate","property","type","String","prototype","Number","Boolean","reflect","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host{\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .filter-chips {\n    display: flex;\n    align-items: center;\n  }\n\n\n  .chip {\n    display: inline-flex;\n    align-items: center;\n    height: 30px;\n    padding: 8px;\n    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: 14px;\n    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n    cursor: pointer;\n    box-sizing: border-box;\n  }\n\n  .chip:hover {\n    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n  }\n .chip:active {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n  .icon {\n    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    position: relative;\n    top: 12px;\n  }\n\n  .label {\n    font-weight: 500;\n    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n  }\n\n  nile-badge::part(base) {\n    width: auto;\n    height: 14px;\n    border-radius: 100px;\n    padding: 6px;\n    gap: 10px;\n    font-size: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n  }\n\n  .chip-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .clear-all-container {\n    margin-left: 18px;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n\n .value {\n  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 140px;\n  vertical-align: bottom;\n}\n\n\n  .close-icon {\n    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n\n  .close-icon:hover {\n    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n  }\n\n.label-wrapper {\n  margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n  margin-right: 6px;\n}\n\n.value-wrapper {\n  margin-right: 4px; \n}\n\n.badge-wrapper {\n  margin-right: 12px;  \n}\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host{\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .filter-chips {\n    display: flex;\n    align-items: center;\n  }\n\n\n  .chip {\n    display: inline-flex;\n    align-items: center;\n    height: 30px;\n    padding: 8px;\n    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: 14px;\n    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n    cursor: pointer;\n    box-sizing: border-box;\n  }\n\n  .chip:hover {\n    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n  }\n .chip:active {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n  .icon {\n    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    position: relative;\n    top: 12px;\n  }\n\n  .label {\n    font-weight: 500;\n    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n  }\n\n  nile-badge::part(base) {\n    width: auto;\n    height: 14px;\n    border-radius: 100px;\n    padding: 6px;\n    gap: 10px;\n    font-size: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n  }\n\n  .chip-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .clear-all-container {\n    margin-left: 18px;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n\n .value {\n  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 140px;\n  vertical-align: bottom;\n}\n\n\n  .close-icon {\n    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n\n  .close-icon:hover {\n    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n  }\n\n.label-wrapper {\n  margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n  margin-right: 6px;\n}\n\n.value-wrapper {\n  margin-right: 4px; \n}\n\n.badge-wrapper {\n  margin-right: 12px;  \n}\n\n.badge{\n  display: inline-flex;\n    align-items: center;\n    height: 20px; \n}\n\nnile-badge::part(content) {\n line-height: 20px;\n}\n\n"]))));}};});
 //# sourceMappingURL=nile-filter-chip.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-filter-chip.css.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FilterChip CSS\n */\n\nexport const styles = css`\n\n  :host{\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .filter-chips {\n    display: flex;\n    align-items: center;\n  }\n\n\n  .chip {\n    display: inline-flex;\n    align-items: center;\n    height: 30px;\n    padding: 8px;\n    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: 14px;\n    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n    cursor: pointer;\n    box-sizing: border-box;\n  }\n\n  .chip:hover {\n    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n  }\n .chip:active {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n  .icon {\n    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    position: relative;\n    top: 12px;\n  }\n\n  .label {\n    font-weight: 500;\n    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n  }\n\n  nile-badge::part(base) {\n    width: auto;\n    height: 14px;\n    border-radius: 100px;\n    padding: 6px;\n    gap: 10px;\n    font-size: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n  }\n\n  .chip-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .clear-all-container {\n    margin-left: 18px;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n\n .value {\n  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 140px;\n  vertical-align: bottom;\n}\n\n\n  .close-icon {\n    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n\n  .close-icon:hover {\n    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n  }\n\n.label-wrapper {\n  margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n  margin-right: 6px;\n}\n\n.value-wrapper {\n  margin-right: 4px; \n}\n\n.badge-wrapper {\n  margin-right: 12px;  \n}\n\n`;\n\nexport default [styles];\n\n "],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAaaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-filter-chip.css.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FilterChip CSS\n */\n\nexport const styles = css`\n\n  :host{\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .filter-chips {\n    display: flex;\n    align-items: center;\n  }\n\n\n  .chip {\n    display: inline-flex;\n    align-items: center;\n    height: 30px;\n    padding: 8px;\n    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: 14px;\n    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n    cursor: pointer;\n    box-sizing: border-box;\n  }\n\n  .chip:hover {\n    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n  }\n .chip:active {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n  .icon {\n    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    position: relative;\n    top: 12px;\n  }\n\n  .label {\n    font-weight: 500;\n    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n  }\n\n  nile-badge::part(base) {\n    width: auto;\n    height: 14px;\n    border-radius: 100px;\n    padding: 6px;\n    gap: 10px;\n    font-size: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n  }\n\n  .chip-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .clear-all-container {\n    margin-left: 18px;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n\n .value {\n  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 140px;\n  vertical-align: bottom;\n}\n\n\n  .close-icon {\n    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n\n  .close-icon:hover {\n    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n  }\n\n.label-wrapper {\n  margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n  margin-right: 6px;\n}\n\n.value-wrapper {\n  margin-right: 4px; \n}\n\n.badge-wrapper {\n  margin-right: 12px;  \n}\n\n.badge{\n  display: inline-flex;\n    align-items: center;\n    height: 20px; \n}\n\nnile-badge::part(content) {\n line-height: 20px;\n}\n\n`;\n\nexport default [styles];\n\n "],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAaaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,4 +1,4 @@
-import{css as r}from"lit";const o=r`
+import{css as r}from"lit";const e=r`
 
   :host{
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
@@ -123,4 +123,14 @@ import{css as r}from"lit";const o=r`
   margin-right: 12px;  
 }
 
-`;export{o as s};
+.badge{
+  display: inline-flex;
+    align-items: center;
+    height: 20px; 
+}
+
+nile-badge::part(content) {
+ line-height: 20px;
+}
+
+`;export{e as s};

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

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