npm - @aquera/nile-elements - Versions diffs - 1.8.6 → 1.8.8 - Mend

@aquera/nile-elements 1.8.6 → 1.8.8

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 (88) hide show

package/dist/nile-virtual-select/renderer.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit","../virtualize-b6a2fbe0.cjs.js","lit/directives/unsafe-html.js","lit/directives/class-map.js","lit/directive.js","lit/async-directive.js","lit/directives/repeat.js"],function(_export,_context){"use strict";var t,e,i,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,r;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);}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}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);}return{setters:[function(_lit){t=_lit.html;},function(_virtualize002CjsJs){e=_virtualize002CjsJs.v;},function(_litDirectivesUnsafeHtmlJs){i=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_litDirectiveJs){},function(_litAsyncDirectiveJs){},function(_litDirectivesRepeatJs){}],execute:function execute(){_export("V",r=/*#__PURE__*/function(){function r(){_classCallCheck(this,r);}return _createClass(r,null,[{key:"getVirtualizedContent",value:function getVirtualizedContent(i,s,l,o,a,n,c,d,p,$,u,m,v,_,f,j){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"select-options\" class=\"select__options "," ","\">\n        ","\n      </div>"])),s?"select__options__search-enabled":"",v?"loading":"",u&&!v?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <div part=\"select-no-results\" class=\"select__no-results\">\n                ","\n              </div>\n            "])),m||"No results found"):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <div\n                class=\"virtualized\"\n                part=\"virtualized\"\n                @scroll=","\n              >\n                ","\n              </div>\n            "])),_,r.shouldUseVirtualizer(i)?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                      ","\n                    "])),e({items:i,renderItem:function renderItem(t){return r.getItemRenderFunction(t,l,o,a,n,c,d,p,$,f,j);},scroller:!0})):t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                      ","\n                    "])),i.map(function(t){return r.getItemRenderFunction(t,l,o,a,n,c,d,p,$,f,j);}))));}},{key:"getItemRenderFunction",value:function getItemRenderFunction(e,_r,l,o,a,n,c,d,p,$,u){var _ref,_ref2,_ref3;if(!e)return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""])));var m=a||_r,v=n||function(t){return(t===null||t===void 0?void 0:t.value)||t;},_=v(e),f=m(e),j=(e===null||e===void 0?void 0:e.disabled)||!1,g=e===null||e===void 0?void 0:e.className,h=(_ref=c?c(e):e===null||e===void 0?void 0:e.description)!==null&&_ref!==void 0?_ref:"",z=(_ref2=d?d(e):e===null||e===void 0?void 0:e.prefix)!==null&&_ref2!==void 0?_ref2:"",b=(_ref3=p?p(e):e===null||e===void 0?void 0:e.suffix)!==null&&_ref3!==void 0?_ref3:"";var y=!1;return y=o?Array.isArray(l)&&l.some(function(t){return String(t)===String(_);}):(Array.isArray(l)?l[0]:l)===_,t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n      <nile-option\n        value="," \n        .selected="," \n        .disabled=","\n        .showCheckbox=","\n        class=","\n        .description=","\n        .isDescriptionEnabled=","\n      >\n        ","\n        ","\n        ","\n      </nile-option>\n    "])),_,y,j,o,s(_defineProperty({option:u!==null&&u!==void 0?u:!1},g!==null&&g!==void 0?g:"",!!g)),h,u,i(z),$?i(f):f,i(b));}},{key:"shouldUseVirtualizer",value:function shouldUseVirtualizer(t){return t.length>=5;}}]);}());}};});
+System.register(["lit","../virtualize-b6a2fbe0.cjs.js","lit/directives/unsafe-html.js","lit/directives/class-map.js","lit/directive.js","lit/async-directive.js","lit/directives/repeat.js"],function(_export,_context){"use strict";var t,e,i,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,r;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);}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}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);}return{setters:[function(_lit){t=_lit.html;},function(_virtualize002CjsJs){e=_virtualize002CjsJs.v;},function(_litDirectivesUnsafeHtmlJs){i=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_litDirectiveJs){},function(_litAsyncDirectiveJs){},function(_litDirectivesRepeatJs){}],execute:function execute(){_export("V",r=/*#__PURE__*/function(){function r(){_classCallCheck(this,r);}return _createClass(r,null,[{key:"getVirtualizedContent",value:function getVirtualizedContent(i,s,l,o,c,a,n,d,p,$,u,m,v,_,f,j,g,h){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"select-options\" class=\"select__options "," ","\">\n        ","\n      </div>"])),s?"select__options__search-enabled":"",v?"loading":"",u&&!v?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <div part=\"select-no-results\" class=\"select__no-results\">\n                ","\n              </div>\n            "])),m||"No results found"):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <div\n                class=\"virtualized\"\n                part=\"virtualized\"\n                @scroll=","\n              >\n                ","\n              </div>\n            "])),_,r.shouldUseVirtualizer(i)?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                      ","\n                    "])),e({items:i,renderItem:function renderItem(t){return r.getItemRenderFunction(t,l,o,c,a,n,d,p,$,f,j,g,h);},scroller:!0})):t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                      ","\n                    "])),i.map(function(t){return r.getItemRenderFunction(t,l,o,c,a,n,d,p,$,f,j,g,h);}))));}},{key:"getItemRenderFunction",value:function getItemRenderFunction(e,_r,l,o,c,a,n,d,p,$,u,m,v){var _ref,_ref2,_ref3;if(!e)return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""])));var _=c||_r,f=a||function(t){return(t===null||t===void 0?void 0:t.value)||t;},j=f(e),g=_(e),h=(e===null||e===void 0?void 0:e.disabled)||!1,z=e===null||e===void 0?void 0:e.className,b=(_ref=n?n(e):e===null||e===void 0?void 0:e.description)!==null&&_ref!==void 0?_ref:"",y=(_ref2=d?d(e):e===null||e===void 0?void 0:e.prefix)!==null&&_ref2!==void 0?_ref2:"",S=(_ref3=p?p(e):e===null||e===void 0?void 0:e.suffix)!==null&&_ref3!==void 0?_ref3:"";var V=!1;return V=o?Array.isArray(l)&&l.some(function(t){return String(t)===String(j);}):(Array.isArray(l)?l[0]:l)===j,t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n      <nile-option\n        value="," \n        .selected="," \n        .disabled=","\n        .showCheckbox=","\n        .tickOnSelect=","\n        .legacy=","\n        class=","\n        .description=","\n        .isDescriptionEnabled=","\n      >\n        ","\n        ","\n        ","\n      </nile-option>\n    "])),j,V,h,o,m!==null&&m!==void 0?m:!1,v!==null&&v!==void 0?v:!1,s(_defineProperty({option:u!==null&&u!==void 0?u:!1},z!==null&&z!==void 0?z:"",!!z)),b,u,i(y),$?i(g):g,i(S));}},{key:"shouldUseVirtualizer",value:function shouldUseVirtualizer(t){return t.length>=5;}}]);}());}};});
 //# sourceMappingURL=renderer.cjs.js.map

package/dist/nile-virtual-select/renderer.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderer.cjs.js","sources":["../../../src/nile-virtual-select/renderer.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, type TemplateResult } from 'lit';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nexport class VirtualSelectRenderer {\n static getVirtualizedContent(\n data: any[], \n searchEnabled: boolean, \n renderItemFunction: (item: any) => string,\n value: string \| string[],\n multiple: boolean,\n getDisplayText?: (item: any) => string,\n getItemValue?: (item: any) => string,\n getItemDescription?: (item: any) => string,\n getItemPrefix?: (item: any) => string,\n getItemSuffix?: (item: any) => string,\n showNoResults?: boolean,\n noResultsMessage?: string,\n loading?: boolean,\n onScroll?: (e: Event) => void,\n allowHtmlLabel?: boolean,\n enableDescription?: boolean\n ): TemplateResult {\n return html`\n <div part=\"select-options\" class=\"select__options ${\n searchEnabled ? 'select__options__search-enabled' : ``\n } ${loading ? 'loading' : ''}\">\n ${showNoResults && !loading\n ? html`\n <div part=\"select-no-results\" class=\"select__no-results\">\n ${noResultsMessage \|\| 'No results found'}\n </div>\n `\n : html`\n <div\n class=\"virtualized\"\n part=\"virtualized\"\n @scroll=${onScroll}\n >\n ${VirtualSelectRenderer.shouldUseVirtualizer(data)\n ? html`\n ${virtualize({\n items: data,\n renderItem: (item: any): TemplateResult =>\n VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue, getItemDescription, getItemPrefix, getItemSuffix, allowHtmlLabel, enableDescription),\n scroller: true,\n })}\n `\n : html`\n ${data.map((item: any) => \n VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue, getItemDescription, getItemPrefix, getItemSuffix, allowHtmlLabel, enableDescription)\n )}\n `}\n </div>\n `}\n </div>`;\n }\n\n static getItemRenderFunction(\n item: any, \n renderItemFunction: (item: any) => string, \n value: string \| string[], \n multiple: boolean,\n getDisplayText?: (item: any) => string,\n getItemValue?: (item: any) => string,\n getItemDescription?: (item: any) => string,\n getItemPrefix?: (item: any) => string,\n getItemSuffix?: (item: any) => string,\n allowHtmlLabel?: boolean,\n enableDescription?: boolean,\n ): TemplateResult {\n if(!item) {\n return html``;\n }\n const displayTextFn = getDisplayText \|\| renderItemFunction;\n const valueFn = getItemValue \|\| ((item: any) => item?.value \|\| item);\n \n const optionValue = valueFn(item);\n const displayText = displayTextFn(item);\n const isDisabled = item?.disabled \|\| false;\n const className = item?.className;\n const description = (getItemDescription ? getItemDescription(item) : item?.description) ?? '';\n const prefix = (getItemPrefix ? getItemPrefix(item) : item?.prefix) ?? '';\n const suffix = (getItemSuffix ? getItemSuffix(item) : item?.suffix) ?? '';\n \n let isSelected = false;\n if (multiple) {\n isSelected = Array.isArray(value) && value.some(v => String(v) === String(optionValue));\n } else {\n isSelected = (Array.isArray(value) ? value[0] : value) === optionValue;\n }\n\n return html`\n <nile-option\n value=${optionValue} \n .selected=${isSelected} \n .disabled=${isDisabled}\n .showCheckbox=${multiple}\n class=${classMap({\n option: enableDescription ?? false,\n [className ?? '']: !!className,\n })}\n .description=${description}\n .isDescriptionEnabled=${enableDescription}\n >\n ${unsafeHTML(prefix)}\n ${allowHtmlLabel ? unsafeHTML(displayText) : displayText}\n ${unsafeHTML(suffix)}\n </nile-option>\n `;\n }\n\n /\n Determines whether to use virtualizer based on dataset size\n * For small datasets (less than 5 items), use regular rendering for better sizing\n */\n private static shouldUseVirtualizer(data: any[]): boolean {\n return data.length >= 5;\n }\n} \n"],"names":["VirtualSelectRenderer","getVirtualizedContent","data","searchEnabled","renderItemFunction","~~value","~~multiple","getDisplayText","getItemValue","getItemDescription","getItemPrefix","getItemSuffix","showNoResults","noResultsMessage","loading","onScroll","allowHtmlLabel","enableDescription","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","shouldUseVirtualizer","_templateObject4","virtualize","items","renderItem","item","getItemRenderFunction","scroller","_templateObject5","map","~~key","_ref","_ref2","_ref3","~~_templateObject6","displayTextFn","valueFn","optionValue","displayText","isDisabled","disabled","className","description","prefix","suffix","isSelected","Array","isArray","some","v","String","_templateObject7","classMap","option","unsafeHTML","length"],"mappings":"kmEAaaA,~~CAAAA~~,~~kCAAAA~~,~~EAAAA~~,~~EAAAA~~,~~eAAAA~~,~~MAAAA~~,~~CAAAA~~,~~UAAAA~~,~~YAAAA~~,~~CAAAA~~,~~CAAAA~~,~~QAAAA~~,~~GAAAA~~,~~yBAAAA~~,~~KAAAA~~,~~CACX~~,~~8BAAOC~~,CACLC,CAAAA,~~CACAC~~,CACAC,CAAAA,CAAAA,~~CACAC~~,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CAAAA,CAEA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~0GAEPjB~~,CAAgB,CAAA,iCAAA,CAAoC,~~EAClDW~~,CAAAA,CAAAA,CAAU,SAAY,CAAA,EAAA,CACtBF,CAAAA,EAAAA,CAAkBE,~~EAChBI~~,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,~~8IAEEP~~,CAAoB,EAAA,kBAAA,~~EAG1BK~~,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,~~gNAIUL~~,CAAAA,~~CAERf~~,~~CAAsBuB~~,CAAAA,oBAAAA,~~CAAqBrB~~,~~GACzCgB~~,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,yDACAK,~~CAAAA,~~CAAW,CACXC,~~KAAOxB~~,~~CAAAA~~,CAAAA,~~CACPyB~~,~~WAAaC~~,QAAbD,CAAAA,~~WAAaC~~,~~CACX5B~~,~~QAAAA~~,CAAAA,CAAAA,~~CAAsB6B~~,~~sBAAsBD~~,~~CAAMxB~~,CAAAA,CAAAA,~~CAAoBC~~,~~CAAOC~~,CAAAA,CAAAA,~~CAAUC~~,~~EAAgBC~~,~~CAAcC~~,CAAAA,CAAAA,~~CAAoBC~~,~~EAAeC~~,~~CAAeK~~,CAAAA,CAAAA,~~CAAgBC~~,~~KACzLa~~,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,EAGdZ,CAAI,CAAAa,gBAAA,GAAAA,gBAAA,CAAAX,sBAAA,~~yDACAlB~~,CAAAA,~~CAAK8B~~,GAAKJ,CAAAA,SAAAA,CAAAA,~~QACV5B~~,CAAAA,~~CAAsB6B~~,CAAAA,qBAAAA,CAAsBD,~~CAAMxB~~,CAAAA,CAAAA,~~CAAoBC~~,~~CAAOC~~,CAAAA,CAAAA,~~CAAUC,~~CAAgBC,CAAAA,CAAAA,~~CAAcC~~,~~CAAoBC~~,CAAAA,CAAAA,~~CAAeC~~,~~EAAeK~~,~~CAAgBC~~,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,~~IAM5M~~,CAED,~~GAAAgB~~,GAAA,~~yBAAA5B~~,KAAA,+~~BAAOwB~~,CACLD,CAAAA,~~CACAxB~~,~~GACAC~~,~~CACAC~~,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,~~CACAC~~,CAAAA,CAAAA,~~CACAK~~,EACAC,~~CAEA~~,~~CAAA~~,~~KAAAiB~~,~~IAAA~~,~~CAAAC~~,~~KAAA~~,~~CAAAC~~,~~KAAA~~,~~CAAA~~,~~GAAA~~,~~CAAIR~~,~~EACF~~,MAAOV,CAAAA,CAAI,~~CAAAmB~~,gBAAA,GAAAA,gBAAA,~~CAAAjB~~,sBAAA,SAEb,~~GAAMkB~~,CAAAA,CAAAA,~~CAAgB/B~~,~~CAAkBH~~,~~EAAAA~~,~~EAAAA~~,~~CAClCmC~~,~~EAAU/B~~,~~GAAkBoB~~,SAAAA,~~SAAcA~~,CAAAA,~~CAAMvB~~,~~SAANuB~~,~~CAAMvB~~,~~iBAANuB~~,~~CAAMvB,~~CAAAA,~~KAAAA~~,~~GAASuB~~,~~IAEzDY~~,~~CAAcD~~,CAAAA,CAAAA,~~CAAQX~~,~~GACtBa~~,~~CAAcH~~,CAAAA,CAAAA,~~CAAcV~~,~~GAC5Bc~~,~~CAAad~~,CAAAA,CAAAA,CAAAA,~~SAAAA~~,CAAAA,~~iBAAAA~~,~~CAAAA~~,~~CAAMe~~,~~YAAY~~,CAC/BC,~~CAAAA~~,~~CAAAA~~,~~CAAYhB~~,~~UAAAA~~,~~kBAAAA~~,~~EAAMgB~~,~~SAClBC,~~CAAAA,~~CAAAA~~,EAAAA,IAAAA,~~CAAepC,CAAqBA,~~CAAAA,CAAAA,~~CAAmBmB~~,~~GAAQA~~,~~CAAMiB~~,~~SAANjB~~,~~CAAMiB~~,~~iBAANjB~~,~~CAAMiB~~,CAAAA,~~WAAAA~~,~~UAAAA~~,~~IAAAA~~,~~UAAAA~~,~~IAAAA~~,~~CAAgB~~,~~GACrFC~~,~~CAAUpC,~~EAAAA,KAAAA,~~CAAAA~~,~~CAAAA~~,~~CAAgBA~~,~~EAAckB,CAAQA,~~CAAAA,CAAAA,CAAAA,~~SAAAA~~,~~CAAAA~~,~~iBAAAA~~,~~CAAAA~~,~~CAAMkB,~~MAAW,~~UAAAX~~,KAAA,UAAAA,KAAA,CAAA,EAAA,~~CACjEY~~,~~SAAUpC~~,CAAgBA,CAAAA,CAAAA,~~CAAciB~~,GAAQA,~~CAAMmB~~,~~SAANnB~~,~~CAAMmB~~,~~iBAANnB~~,~~CAAMmB~~,CAAAA,MAAAA,UAAAA,KAAAA,UAAAA,KAAAA,CAAW,GAEvE,GAAIC,CAAAA,CAAAA,CAAAA,CAAa,CAOjB,CAAA,MALEA,CAAAA,~~EADE1C~~,~~CACW2C~~,CAAAA,KAAAA,CAAMC,~~QAAQ7C~~,CAAUA,CAAAA,EAAAA,CAAAA,~~CAAM8C~~,KAAKC,SAAAA,CAAKC,QAAAA,CAAAA,MAAAA,CAAOD,KAAOC,~~MAAOb~~,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAAAA,~~CAE5DS~~,MAAMC,~~OAAQ7C~~,CAAAA,CAAAA,CAAAA,CAASA,EAAM,CAAKA,CAAAA,CAAAA,CAAAA,~~IAAWmC~~,~~EAGtDtB~~,CAAI,~~CAAAoC~~,gBAAA,GAAAA,gBAAA,~~CAAAlC~~,sBAAA,~~sRAECoB~~,CAAAA,~~CACIQ~~,CAAAA,~~CACAN~~,CAAAA,~~CACIpC~~,CAAAA,~~CACRiD~~,CAAAA,CAAAA,eAAAA,EACNC,~~MAAQvC~~,CAAAA,CAAAA,SAAAA,CAAAA,UAAAA,CAAAA,CAAAA,CAAqB,CAC7B,~~EAAC2B~~,UAAAA,WAAAA,EAAa,EAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAERC,CAAAA,~~CACS5B~~,CAAAA,~~CAEtBwC~~,~~CAAWX~~,CAAAA,CAAAA,CAAAA,~~CACX9B~~,CAAAA,~~CAAiByC~~,~~EAAWhB~~,CAAeA,CAAAA,CAAAA,CAAAA,~~CAC3CgB~~,CAAWV,CAAAA,CAAAA,CAAAA,CAGlB,EAMO,~~GAAAd~~,GAAA,~~wBAAA5B~~,KAAA,~~8BAAOkB~~,~~CAAqBrB~~,CAAAA,CAAAA,CAClC,MAAOA,CAAAA,~~CAAKwD~~,CAAAA,MAAAA,EAAU,CACvB"}
1	+ {"version":3,"file":"renderer.cjs.js","sources":["../../../src/nile-virtual-select/renderer.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, type TemplateResult } from 'lit';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nexport class VirtualSelectRenderer {\n static getVirtualizedContent(\n data: any[], \n searchEnabled: boolean, \n renderItemFunction: (item: any) => string,\n value: string \| string[],\n multiple: boolean,\n getDisplayText?: (item: any) => string,\n getItemValue?: (item: any) => string,\n getItemDescription?: (item: any) => string,\n getItemPrefix?: (item: any) => string,\n getItemSuffix?: (item: any) => string,\n showNoResults?: boolean,\n noResultsMessage?: string,\n loading?: boolean,\n onScroll?: (e: Event) => void,\n allowHtmlLabel?: boolean,\n enableDescription?: boolean,\n tickOnSelect?: boolean,\n legacy?: boolean\n ): TemplateResult {\n return html`\n <div part=\"select-options\" class=\"select__options ${\n searchEnabled ? 'select__options__search-enabled' : ``\n } ${loading ? 'loading' : ''}\">\n ${showNoResults && !loading\n ? html`\n <div part=\"select-no-results\" class=\"select__no-results\">\n ${noResultsMessage \|\| 'No results found'}\n </div>\n `\n : html`\n <div\n class=\"virtualized\"\n part=\"virtualized\"\n @scroll=${onScroll}\n >\n ${VirtualSelectRenderer.shouldUseVirtualizer(data)\n ? html`\n ${virtualize({\n items: data,\n renderItem: (item: any): TemplateResult =>\n VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue, getItemDescription, getItemPrefix, getItemSuffix, allowHtmlLabel, enableDescription, tickOnSelect, legacy),\n scroller: true,\n })}\n `\n : html`\n ${data.map((item: any) => \n VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue, getItemDescription, getItemPrefix, getItemSuffix, allowHtmlLabel, enableDescription, tickOnSelect, legacy)\n )}\n `}\n </div>\n `}\n </div>`;\n }\n\n static getItemRenderFunction(\n item: any, \n renderItemFunction: (item: any) => string, \n value: string \| string[], \n multiple: boolean,\n getDisplayText?: (item: any) => string,\n getItemValue?: (item: any) => string,\n getItemDescription?: (item: any) => string,\n getItemPrefix?: (item: any) => string,\n getItemSuffix?: (item: any) => string,\n allowHtmlLabel?: boolean,\n enableDescription?: boolean,\n tickOnSelect?: boolean,\n legacy?: boolean,\n ): TemplateResult {\n if(!item) {\n return html``;\n }\n const displayTextFn = getDisplayText \|\| renderItemFunction;\n const valueFn = getItemValue \|\| ((item: any) => item?.value \|\| item);\n \n const optionValue = valueFn(item);\n const displayText = displayTextFn(item);\n const isDisabled = item?.disabled \|\| false;\n const className = item?.className;\n const description = (getItemDescription ? getItemDescription(item) : item?.description) ?? '';\n const prefix = (getItemPrefix ? getItemPrefix(item) : item?.prefix) ?? '';\n const suffix = (getItemSuffix ? getItemSuffix(item) : item?.suffix) ?? '';\n \n let isSelected = false;\n if (multiple) {\n isSelected = Array.isArray(value) && value.some(v => String(v) === String(optionValue));\n } else {\n isSelected = (Array.isArray(value) ? value[0] : value) === optionValue;\n }\n\n return html`\n <nile-option\n value=${optionValue} \n .selected=${isSelected} \n .disabled=${isDisabled}\n .showCheckbox=${multiple}\n .tickOnSelect=${tickOnSelect ?? false}\n .legacy=${legacy ?? false}\n class=${classMap({\n option: enableDescription ?? false,\n [className ?? '']: !!className,\n })}\n .description=${description}\n .isDescriptionEnabled=${enableDescription}\n >\n ${unsafeHTML(prefix)}\n ${allowHtmlLabel ? unsafeHTML(displayText) : displayText}\n ${unsafeHTML(suffix)}\n </nile-option>\n `;\n }\n\n /\n Determines whether to use virtualizer based on dataset size\n * For small datasets (less than 5 items), use regular rendering for better sizing\n */\n private static shouldUseVirtualizer(data: any[]): boolean {\n return data.length >= 5;\n }\n} \n"],"names":["VirtualSelectRenderer","r","_classCallCheck","_createClass","key","value","getVirtualizedContent","data","searchEnabled","renderItemFunction","multiple","getDisplayText","getItemValue","getItemDescription","getItemPrefix","getItemSuffix","showNoResults","noResultsMessage","loading","onScroll","allowHtmlLabel","enableDescription","tickOnSelect","legacy","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","shouldUseVirtualizer","_templateObject4","virtualize","items","renderItem","item","getItemRenderFunction","scroller","_templateObject5","map","_templateObject6","displayTextFn","valueFn","optionValue","displayText","isDisabled","disabled","className","description","prefix","_ref2","suffix","isSelected","Array","isArray","some","v","String","_templateObject7","classMap","option","unsafeHTML","length"],"mappings":"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"}

package/dist/nile-virtual-select/renderer.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{html as t}from"lit";import{v as e}from"../virtualize-a4a40d96.esm.js";import{unsafeHTML as i}from"lit/directives/unsafe-html.js";import{classMap as s}from"lit/directives/class-map.js";import"lit/directive.js";import"lit/async-directive.js";import"lit/directives/repeat.js";class r{static getVirtualizedContent(i,s,l,o,a,n,c,d,p,$,m,u,v,_,f,j){return t`
+import{html as t}from"lit";import{v as e}from"../virtualize-a4a40d96.esm.js";import{unsafeHTML as i}from"lit/directives/unsafe-html.js";import{classMap as s}from"lit/directives/class-map.js";import"lit/directive.js";import"lit/async-directive.js";import"lit/directives/repeat.js";class r{static getVirtualizedContent(i,s,l,o,a,c,n,d,p,$,m,u,v,_,f,g,j,h){return t`
       <div part="select-options" class="select__options ${s?"select__options__search-enabled":""} ${v?"loading":""}">
         ${m&&!v?t`
               <div part="select-no-results" class="select__no-results">
@@ -11,24 +11,26 @@ import{html as t}from"lit";import{v as e}from"../virtualize-a4a40d96.esm.js";imp
                 @scroll=${_}
               >
                 ${r.shouldUseVirtualizer(i)?t`
-                      ${e({items:i,renderItem:t=>r.getItemRenderFunction(t,l,o,a,n,c,d,p,$,f,j),scroller:!0})}
+                      ${e({items:i,renderItem:t=>r.getItemRenderFunction(t,l,o,a,c,n,d,p,$,f,g,j,h),scroller:!0})}
                     `:t`
-                      ${i.map((t=>r.getItemRenderFunction(t,l,o,a,n,c,d,p,$,f,j)))}
+                      ${i.map((t=>r.getItemRenderFunction(t,l,o,a,c,n,d,p,$,f,g,j,h)))}
                     `}
               </div>
             `}
-      </div>`}static getItemRenderFunction(e,r,l,o,a,n,c,d,p,$,m){if(!e)return t``;const u=a||r,v=n||(t=>t?.value||t),_=v(e),f=u(e),j=e?.disabled||!1,g=e?.className,h=(c?c(e):e?.description)??"",z=(d?d(e):e?.prefix)??"",b=(p?p(e):e?.suffix)??"";let y=!1;return y=o?Array.isArray(l)&&l.some((t=>String(t)===String(_))):(Array.isArray(l)?l[0]:l)===_,t`
+      </div>`}static getItemRenderFunction(e,r,l,o,a,c,n,d,p,$,m,u,v){if(!e)return t``;const _=a||r,f=c||(t=>t?.value||t),g=f(e),j=_(e),h=e?.disabled||!1,z=e?.className,b=(n?n(e):e?.description)??"",y=(d?d(e):e?.prefix)??"",S=(p?p(e):e?.suffix)??"";let V=!1;return V=o?Array.isArray(l)&&l.some((t=>String(t)===String(g))):(Array.isArray(l)?l[0]:l)===g,t`
       <nile-option
-        value=${_}
-        .selected=${y}
-        .disabled=${j}
+        value=${g}
+        .selected=${V}
+        .disabled=${h}
         .showCheckbox=${o}
-        class=${s({option:m??!1,[g??""]:!!g})}
-        .description=${h}
+        .tickOnSelect=${u??!1}
+        .legacy=${v??!1}
+        class=${s({option:m??!1,[z??""]:!!z})}
+        .description=${b}
         .isDescriptionEnabled=${m}
       >
-        ${i(z)}
-        ${$?i(f):f}
-        ${i(b)}
+        ${i(y)}
+        ${$?i(j):j}
+        ${i(S)}
       </nile-option>
     `}static shouldUseVirtualizer(t){return t.length>=5}}export{r as V};

package/dist/src/nile-markdown-editor/nile-markdown-editor.js CHANGED Viewed

@@ -473,6 +473,7 @@ let NileMarkdownEditor = class NileMarkdownEditor extends NileElement {
         part="base"
       >
         <div class="header" part="header">
+          ${this.renderToolbar()}
           <nile-button-toggle-group
             class="tabs"
             aria-label="Editor view"
@@ -495,7 +496,6 @@ let NileMarkdownEditor = class NileMarkdownEditor extends NileElement {
                 </nile-button-toggle>
               `)}
           </nile-button-toggle-group>
-          ${this.renderToolbar()}
         </div>
         <div
           class=${classMap({ body: true, 'body--dragging': this.splitDragging })}

package/dist/src/nile-markdown-editor/nile-markdown-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-markdown-editor.js","sourceRoot":"","sources":["../../../src/nile-markdown-editor/nile-markdown-editor.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 { html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-markdown-editor.css';\nimport NileElement from '../internal/nile-element';\nimport '../nile-markdown/nile-markdown';\nimport '../nile-icon';\nimport '../nile-button-toggle-group/nile-button-toggle-group';\nimport '../nile-button-toggle/nile-button-toggle';\nimport '../nile-dropdown/nile-dropdown';\nimport '../nile-menu/nile-menu';\nimport '../nile-menu-item/nile-menu-item';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\nexport type MarkdownEditorMode = 'write' \| 'preview' \| 'split';\n\n/* A toolbar action that wraps the selection with markdown delimiters. /\ninterface WrapAction {\n name: string;\n title: string;\n kind: 'wrap';\n prefix: string;\n suffix: string;\n placeholder: string;\n icon?: string;\n glyph?: string;\n}\n\n/* A toolbar action that toggles a prefix on each selected line. /\ninterface LineAction {\n name: string;\n title: string;\n kind: 'line';\n prefix: string;\n numbered?: boolean;\n icon?: string;\n glyph?: string;\n}\n\ninterface LinkAction {\n name: string;\n title: string;\n kind: 'link';\n icon?: string;\n glyph?: string;\n}\n\n/* A single option inside a {@link MenuAction} dropdown. /\ninterface MenuItem {\n label: string;\n /* The line prefix applied when this item is chosen, e.g. `'## '`. /\n prefix: string;\n /* Optional nile-glyph name shown beside the label. /\n glyph?: string;\n}\n\n/* A toolbar action that opens a dropdown of line-prefix choices. /\ninterface MenuAction {\n name: string;\n title: string;\n kind: 'menu';\n items: MenuItem[];\n icon?: string;\n glyph?: string;\n}\n\ntype ToolbarAction = WrapAction \| LineAction \| LinkAction \| MenuAction;\n\n/* Toolbar actions, grouped — groups are separated by vertical dividers. /\nconst TOOLBAR_GROUPS: ToolbarAction[][] = [\n [\n {\n name: 'heading',\n title: 'Heading',\n kind: 'menu',\n glyph: 'ng-heading',\n items: [\n { label: 'Heading 1', prefix: '# ', glyph: 'ng-heading-1' },\n { label: 'Heading 2', prefix: '## ', glyph: 'ng-heading-2' },\n { label: 'Heading 3', prefix: '### ', glyph: 'ng-heading-3' },\n { label: 'Heading 4', prefix: '#### ', glyph: 'ng-heading-4' },\n { label: 'Heading 5', prefix: '##### ', glyph: 'ng-heading-5' },\n { label: 'Heading 6', prefix: '###### ', glyph: 'ng-heading-6' },\n ],\n },\n {\n name: 'bold',\n title: 'Bold (Ctrl+B)',\n kind: 'wrap',\n prefix: '',\n suffix: '',\n placeholder: 'bold text',\n icon: 'format_bold',\n },\n {\n name: 'italic',\n title: 'Italic (Ctrl+I)',\n kind: 'wrap',\n prefix: '_',\n suffix: '_',\n placeholder: 'italic text',\n icon: 'format_italic',\n },\n {\n name: 'strikethrough',\n title: 'Strikethrough',\n kind: 'wrap',\n prefix: '~~',\n suffix: '~~',\n placeholder: 'text',\n glyph: 'ng-strikethrough',\n },\n ],\n [\n { name: 'quote', title: 'Quote', kind: 'line', prefix: '> ', glyph: 'ng-quote' },\n {\n name: 'code',\n title: 'Code',\n kind: 'wrap',\n prefix: '`',\n suffix: '`',\n placeholder: 'code',\n glyph: 'ng-code',\n },\n ],\n [\n {\n name: 'ul',\n title: 'Bulleted list',\n kind: 'line',\n prefix: '- ',\n icon: 'format_list_bulleted',\n },\n {\n name: 'ol',\n title: 'Numbered list',\n kind: 'line',\n prefix: '1. ',\n numbered: true,\n icon: 'format_list_numbered',\n },\n ],\n [{ name: 'link', title: 'Link (Ctrl+K)', kind: 'link', icon: 'link_2' }],\n];\n\nconst TOOLBAR_ACTIONS: ToolbarAction[] = TOOLBAR_GROUPS.flat();\n\n/* Glyph shown alongside each view-mode tab label. /\nconst TAB_GLYPHS: Record<MarkdownEditorMode, string> = {\n write: 'ng-pencil',\n preview: 'ng-eye',\n split: 'ng-square-split-horizontal',\n};\n\n/\n Nile markdown editor component.\n \n @tag nile-markdown-editor\n /\n\n/\n @summary A GitHub-style markdown editor with a formatting toolbar and a\n * live preview rendered by `nile-markdown`.\n * @status experimental\n \n @dependency nile-markdown\n * @dependency nile-icon\n * @dependency nile-glyph\n * @dependency nile-button-toggle-group\n * @dependency nile-button-toggle\n \n @attr {string} tools - JSON-array allowlist of toolbar tools to show, e.g.\n * `tools='[\"bold\",\"italic\",\"link\"]'`. Valid names: heading, bold, italic,\n * strikethrough, quote, code, ul, ol, link. Empty shows all.\n \n @event nile-input - Emitted with `{ value }` on every keystroke or toolbar action.\n * @event nile-change - Emitted with `{ value }` when the editor loses focus after an edit.\n * @event nile-mode-change - Emitted with `{ mode }` when the write/preview/split mode changes.\n \n @csspart base - The component's base wrapper.\n * @csspart header - The header containing the tabs and toolbar.\n * @csspart toolbar - The formatting toolbar.\n * @csspart textarea - The markdown source textarea.\n * @csspart preview - The rendered preview pane.\n /\n\n@customElement('nile-markdown-editor')\nexport class NileMarkdownEditor extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /* The markdown source. /\n @property() value = '';\n\n /* Placeholder shown when the editor is empty. /\n @property() placeholder = 'Write markdown here…';\n\n /* Disables the editor. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Makes the source read-only while still allowing mode switching. /\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /* Number of visible text rows in write mode. /\n @property({ type: Number }) rows = 8;\n\n /* Active view: `write`, `preview`, or `split`. /\n @property({ reflect: true }) mode: MarkdownEditorMode = 'write';\n\n /* Hides the formatting toolbar. /\n @property({ type: Boolean, attribute: 'hide-toolbar' }) hideToolbar = false;\n\n /\n Allowlist of toolbar tool names to show. Accepts a JSON array via the\n * `tools` attribute (e.g. `tools='[\"bold\",\"italic\",\"link\"]'`), a\n * comma-separated string, or an array when set as a property. When empty\n * (default) every tool is shown. Valid names: `heading`, `bold`, `italic`,\n * `strikethrough`, `quote`, `code`, `ul`, `ol`, `link`.\n /\n @property({\n converter: {\n fromAttribute: (value: string \| null) => {\n if (!value) return [];\n try {\n const parsed = JSON.parse(value);\n if (Array.isArray(parsed)) {\n return parsed.map(s => String(s).trim()).filter(Boolean);\n }\n } catch {\n // Not JSON — fall back to a comma-separated string.\n }\n return value.split(',').map(s => s.trim()).filter(Boolean);\n },\n toAttribute: (value: string[]) => JSON.stringify(value ?? []),\n },\n })\n tools: string[] = [];\n\n /* Parsed allowlist, or `null` when no allowlist is set (show everything). /\n private get allowedTools(): Set<string> \| null {\n const names = (this.tools ?? []).map(s => s.trim()).filter(Boolean);\n return names.length ? new Set(names) : null;\n }\n\n /* Toolbar groups after applying the allowlist; empty groups are dropped. /\n private get visibleGroups(): ToolbarAction[][] {\n const allowed = this.allowedTools;\n if (!allowed) return TOOLBAR_GROUPS;\n return TOOLBAR_GROUPS.map(group =>\n group.filter(action => allowed.has(action.name))\n ).filter(group => group.length > 0);\n }\n\n @query('textarea') private textarea?: HTMLTextAreaElement;\n\n @query('.body') private bodyEl?: HTMLElement;\n\n /\n Fraction of the body width given to the write pane in split mode\n * (the rest goes to the preview). Clamped to a sensible range while\n * dragging the splitter.\n /\n @state() private splitRatio = 0.5;\n\n /* Whether the split divider is currently being dragged. /\n @state() private splitDragging = false;\n\n /* Begins a pointer-driven resize of the split divider. /\n private startSplitDrag = (e: PointerEvent) => {\n if (this.mode !== 'split') return;\n const body = this.bodyEl;\n if (!body) return;\n e.preventDefault();\n this.splitDragging = true;\n\n const rect = body.getBoundingClientRect();\n const MIN = 0.15;\n const MAX = 0.85;\n\n const onMove = (ev: PointerEvent) => {\n if (rect.width === 0) return;\n const ratio = (ev.clientX - rect.left) / rect.width;\n this.splitRatio = Math.min(MAX, Math.max(MIN, ratio));\n };\n const onUp = () => {\n this.splitDragging = false;\n window.removeEventListener('pointermove', onMove);\n window.removeEventListener('pointerup', onUp);\n };\n window.addEventListener('pointermove', onMove);\n window.addEventListener('pointerup', onUp);\n };\n\n /* Resets the splitter to a 50/50 layout (double-click affordance). /\n private resetSplit = () => {\n this.splitRatio = 0.5;\n };\n\n /* Moves focus to the textarea. /\n focus(options?: FocusOptions): void {\n this.textarea?.focus(options);\n }\n\n blur(): void {\n this.textarea?.blur();\n }\n\n private setMode(mode: MarkdownEditorMode) {\n if (this.mode === mode) return;\n this.mode = mode;\n this.emit('nile-mode-change', { mode }, true, true);\n }\n\n private handleInput = (e: Event) => {\n this.value = (e.target as HTMLTextAreaElement).value;\n this.emit('nile-input', { value: this.value }, true, true);\n };\n\n private handleChange = () => {\n this.emit('nile-change', { value: this.value }, true, true);\n };\n\n private handleKeydown = (e: KeyboardEvent) => {\n if (!(e.metaKey \|\| e.ctrlKey)) return;\n const key = e.key.toLowerCase();\n const action = { b: 'bold', i: 'italic', k: 'link' }[\n key as 'b' \| 'i' \| 'k'\n ];\n if (!action) return;\n // Respect the allowlist: a hidden tool's shortcut is disabled too.\n const allowed = this.allowedTools;\n if (allowed && !allowed.has(action)) return;\n e.preventDefault();\n this.runAction(TOOLBAR_ACTIONS.find(a => a.name === action)!);\n };\n\n /* Replaces the current selection and restores focus/selection. /\n private replaceSelection(\n start: number,\n end: number,\n replacement: string,\n selectStart: number,\n selectEnd: number\n ) {\n const ta = this.textarea;\n if (!ta) return;\n ta.focus();\n // Select the range to overwrite, then insert via the browser's editing\n // pipeline so the change is recorded on the native undo/redo stack.\n // Assigning `ta.value` directly would wipe that stack and break Ctrl/Cmd+Z.\n ta.setSelectionRange(start, end);\n const inserted = document.execCommand('insertText', false, replacement);\n if (inserted) {\n // execCommand dispatched a native `input` event, so `handleInput`\n // already synced `value` and emitted `nile-input`; just fix selection.\n ta.setSelectionRange(selectStart, selectEnd);\n return;\n }\n // Fallback for environments without execCommand support.\n ta.value = ta.value.slice(0, start) + replacement + ta.value.slice(end);\n ta.setSelectionRange(selectStart, selectEnd);\n this.value = ta.value;\n this.emit('nile-input', { value: this.value }, true, true);\n }\n\n /* Wraps (or unwraps) the selection with prefix/suffix delimiters. /\n private applyWrap(action: WrapAction) {\n const ta = this.textarea;\n if (!ta) return;\n const { selectionStart: start, selectionEnd: end, value } = ta;\n const { prefix, suffix } = action;\n const selected = value.slice(start, end);\n\n // Toggle off when the selection is already wrapped\n const before = value.slice(Math.max(0, start - prefix.length), start);\n const after = value.slice(end, end + suffix.length);\n if (before === prefix && after === suffix) {\n this.replaceSelection(\n start - prefix.length,\n end + suffix.length,\n selected,\n start - prefix.length,\n end - prefix.length\n );\n return;\n }\n\n const content = selected \|\| action.placeholder;\n this.replaceSelection(\n start,\n end,\n prefix + content + suffix,\n start + prefix.length,\n start + prefix.length + content.length\n );\n }\n\n /* Toggles a markdown prefix on every line in the selection. /\n private applyLinePrefix(action: LineAction) {\n const ta = this.textarea;\n if (!ta) return;\n const { selectionStart: start, selectionEnd: end, value } = ta;\n\n // Expand the selection to whole lines\n const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n const lineEndIndex = value.indexOf('\\n', end);\n const lineEnd = lineEndIndex === -1 ? value.length : lineEndIndex;\n const block = value.slice(lineStart, lineEnd);\n const lines = block.split('\\n');\n\n const matcher = action.numbered ? /^\\d+\\.\\s/ : undefined;\n const hasPrefix = lines.every(line =>\n matcher ? matcher.test(line) : line.startsWith(action.prefix)\n );\n\n const replaced = lines\n .map((line, i) => {\n if (hasPrefix) {\n return matcher\n ? line.replace(matcher, '')\n : line.slice(action.prefix.length);\n }\n return action.numbered ? `${i + 1}. ${line}` : action.prefix + line;\n })\n .join('\\n');\n\n this.replaceSelection(\n lineStart,\n lineEnd,\n replaced,\n lineStart,\n lineStart + replaced.length\n );\n }\n\n /* Inserts a `[text](url)` link, selecting the URL for quick editing. /\n private insertLink() {\n const ta = this.textarea;\n if (!ta) return;\n const { selectionStart: start, selectionEnd: end, value } = ta;\n const text = value.slice(start, end) \|\| 'text';\n const url = 'url';\n const replacement = `[${text}](${url})`;\n const urlStart = start + text.length + 3; // \"[text](\".length\n this.replaceSelection(\n start,\n end,\n replacement,\n urlStart,\n urlStart + url.length\n );\n }\n\n private runAction(action: ToolbarAction) {\n if (this.readonly \|\| this.disabled) return;\n if (this.mode === 'preview') this.setMode('write');\n switch (action.kind) {\n case 'wrap':\n this.applyWrap(action);\n break;\n case 'line':\n this.applyLinePrefix(action);\n break;\n case 'link':\n this.insertLink();\n break;\n case 'menu':\n // The dropdown items drive the edits via `runMenuItem`; nothing to do\n // when the trigger itself is activated.\n break;\n }\n }\n\n /* Applies a heading-style line prefix chosen from a dropdown menu. /\n private runMenuItem(action: MenuAction, item: MenuItem) {\n if (this.readonly \|\| this.disabled) return;\n if (this.mode === 'preview') this.setMode('write');\n this.applyLinePrefix({\n name: action.name,\n title: action.title,\n kind: 'line',\n prefix: item.prefix,\n });\n }\n\n /* Renders the glyph/icon shown inside a toolbar control. /\n private renderActionContent(action: ToolbarAction): TemplateResult {\n if (action.icon) {\n return html`<nile-icon\n name=${action.icon}\n size=\"20\"\n color=${this.disabled\n ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))'\n : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))'}\n ></nile-icon>`;\n }\n // `ng-` glyph names map to nile-glyph icons; anything else is plain text.\n if (action.glyph?.startsWith('ng-')) {\n return html`<nile-glyph\n name=${action.glyph}\n method=\"stroke\"\n color=${this.disabled\n ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))'\n : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))'}\n size=\"20\"\n ></nile-glyph>`;\n }\n return html`<span class=\"toolbar__glyph--${action.name}\">\n ${action.glyph}\n </span>`;\n }\n\n /** A standard click-to-apply toolbar button. /\n private renderActionButton(action: ToolbarAction): TemplateResult {\n return html`\n <button\n type=\"button\"\n class=\"toolbar__button\"\n title=${action.title}\n aria-label=${action.title}\n tabindex=\"-1\"\n @mousedown=${(e: MouseEvent) => e.preventDefault()}\n @click=${() => this.runAction(action)}\n >\n ${this.renderActionContent(action)}\n </button>\n `;\n }\n\n /* A toolbar control that opens a dropdown of line-prefix choices. /\n private renderMenuAction(action: MenuAction): TemplateResult {\n return html`\n <nile-dropdown\n class=\"toolbar__menu\"\n placement=\"bottom-start\"\n ?disabled=${this.disabled \|\| this.readonly}\n >\n <button\n slot=\"trigger\"\n type=\"button\"\n class=\"toolbar__button\"\n title=${action.title}\n aria-label=${action.title}\n aria-haspopup=\"menu\"\n tabindex=\"-1\"\n @mousedown=${(e: MouseEvent) => e.preventDefault()}\n >\n ${this.renderActionContent(action)}\n </button>\n <nile-menu>\n ${action.items.map(\n item => html`\n <nile-menu-item\n @click=${() => this.runMenuItem(action, item)}\n >\n ${item.glyph\n ? html`<nile-glyph\n slot=\"prefix\"\n name=${item.glyph}\n method=\"stroke\"\n color=\"currentColor\"\n size=\"18\"\n ></nile-glyph>`\n : nothing}\n ${item.label}\n </nile-menu-item>\n `\n )}\n </nile-menu>\n </nile-dropdown>\n `;\n }\n\n private renderToolbar(): TemplateResult \| typeof nothing {\n if (this.hideToolbar \|\| this.mode === 'preview') return nothing;\n const groups = this.visibleGroups;\n if (groups.length === 0) return nothing;\n return html`\n <div\n class=\"toolbar\"\n part=\"toolbar\"\n role=\"toolbar\"\n aria-label=\"Formatting\"\n >\n ${groups.map(\n (group, groupIndex) => html`\n ${groupIndex > 0\n ? html`<span class=\"toolbar__divider\"></span>`\n : nothing}\n ${group.map(action =>\n action.kind === 'menu'\n ? this.renderMenuAction(action)\n : this.renderActionButton(action)\n )}\n `\n )}\n </div>\n `;\n }\n\n render(): TemplateResult {\n const showWrite = this.mode !== 'preview';\n const showPreview = this.mode !== 'write';\n\n return html`\n <div\n class=${classMap({\n editor: true,\n 'editor--disabled': this.disabled,\n 'editor--split': this.mode === 'split',\n })}\n part=\"base\"\n >\n <div class=\"header\" part=\"header\">\n <nile-button-toggle-group\n class=\"tabs\"\n aria-label=\"Editor view\"\n .value=${this.mode}\n @nile-change=${(e: CustomEvent) =>\n this.setMode(e.detail.value as MarkdownEditorMode)}\n >\n ${(['write', 'preview', 'split'] as const).map(\n mode => html`\n <nile-button-toggle\n value=${mode}\n ?active=${this.mode === mode}\n >\n <span class=\"tab__content\">\n <nile-glyph\n name=${TAB_GLYPHS[mode]}\n method=\"stroke\"\n color=\"currentColor\"\n size=\"16\"\n ></nile-glyph>\n </span>\n </nile-button-toggle>\n `\n )}\n </nile-button-toggle-group>\n ${this.renderToolbar()}\n </div>\n <div\n class=${classMap({ body: true, 'body--dragging': this.splitDragging })}\n >\n ${showWrite\n ? html`\n <div\n class=\"pane pane--write\"\n style=${this.mode === 'split'\n ? `flex: 0 0 ${this.splitRatio 100}%`\n : nothing}\n >\n <textarea\n part=\"textarea\"\n rows=${this.rows}\n placeholder=${this.placeholder}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n .value=${this.value}\n @input=${this.handleInput}\n @change=${this.handleChange}\n @keydown=${this.handleKeydown}\n ></textarea>\n </div>\n `\n : nothing}\n ${this.mode === 'split'\n ? html`\n <div\n class=\"gutter\"\n part=\"gutter\"\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize editor and preview\"\n title=\"Drag to resize · double-click to reset\"\n @pointerdown=${this.startSplitDrag}\n @dblclick=${this.resetSplit}\n ></div>\n `\n : nothing}\n ${showPreview\n ? html`\n <div class=\"pane pane--preview\" part=\"preview\">\n ${this.value.trim()\n ? html`<nile-markdown .value=${this.value}></nile-markdown>`\n : html`<span class=\"preview-empty\"\n >Nothing to preview</span\n >`}\n </div>\n `\n : nothing}\n </div>\n </div>\n `;\n }\n}\n\nexport default NileMarkdownEditor;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-markdown-editor': NileMarkdownEditor;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-markdown-editor.js","sourceRoot":"","sources":["../../../src/nile-markdown-editor/nile-markdown-editor.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 { html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-markdown-editor.css';\nimport NileElement from '../internal/nile-element';\nimport '../nile-markdown/nile-markdown';\nimport '../nile-icon';\nimport '../nile-button-toggle-group/nile-button-toggle-group';\nimport '../nile-button-toggle/nile-button-toggle';\nimport '../nile-dropdown/nile-dropdown';\nimport '../nile-menu/nile-menu';\nimport '../nile-menu-item/nile-menu-item';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\nexport type MarkdownEditorMode = 'write' \| 'preview' \| 'split';\n\n/* A toolbar action that wraps the selection with markdown delimiters. /\ninterface WrapAction {\n name: string;\n title: string;\n kind: 'wrap';\n prefix: string;\n suffix: string;\n placeholder: string;\n icon?: string;\n glyph?: string;\n}\n\n/* A toolbar action that toggles a prefix on each selected line. /\ninterface LineAction {\n name: string;\n title: string;\n kind: 'line';\n prefix: string;\n numbered?: boolean;\n icon?: string;\n glyph?: string;\n}\n\ninterface LinkAction {\n name: string;\n title: string;\n kind: 'link';\n icon?: string;\n glyph?: string;\n}\n\n/* A single option inside a {@link MenuAction} dropdown. /\ninterface MenuItem {\n label: string;\n /* The line prefix applied when this item is chosen, e.g. `'## '`. /\n prefix: string;\n /* Optional nile-glyph name shown beside the label. /\n glyph?: string;\n}\n\n/* A toolbar action that opens a dropdown of line-prefix choices. /\ninterface MenuAction {\n name: string;\n title: string;\n kind: 'menu';\n items: MenuItem[];\n icon?: string;\n glyph?: string;\n}\n\ntype ToolbarAction = WrapAction \| LineAction \| LinkAction \| MenuAction;\n\n/* Toolbar actions, grouped — groups are separated by vertical dividers. /\nconst TOOLBAR_GROUPS: ToolbarAction[][] = [\n [\n {\n name: 'heading',\n title: 'Heading',\n kind: 'menu',\n glyph: 'ng-heading',\n items: [\n { label: 'Heading 1', prefix: '# ', glyph: 'ng-heading-1' },\n { label: 'Heading 2', prefix: '## ', glyph: 'ng-heading-2' },\n { label: 'Heading 3', prefix: '### ', glyph: 'ng-heading-3' },\n { label: 'Heading 4', prefix: '#### ', glyph: 'ng-heading-4' },\n { label: 'Heading 5', prefix: '##### ', glyph: 'ng-heading-5' },\n { label: 'Heading 6', prefix: '###### ', glyph: 'ng-heading-6' },\n ],\n },\n {\n name: 'bold',\n title: 'Bold (Ctrl+B)',\n kind: 'wrap',\n prefix: '',\n suffix: '',\n placeholder: 'bold text',\n icon: 'format_bold',\n },\n {\n name: 'italic',\n title: 'Italic (Ctrl+I)',\n kind: 'wrap',\n prefix: '_',\n suffix: '_',\n placeholder: 'italic text',\n icon: 'format_italic',\n },\n {\n name: 'strikethrough',\n title: 'Strikethrough',\n kind: 'wrap',\n prefix: '~~',\n suffix: '~~',\n placeholder: 'text',\n glyph: 'ng-strikethrough',\n },\n ],\n [\n { name: 'quote', title: 'Quote', kind: 'line', prefix: '> ', glyph: 'ng-quote' },\n {\n name: 'code',\n title: 'Code',\n kind: 'wrap',\n prefix: '`',\n suffix: '`',\n placeholder: 'code',\n glyph: 'ng-code',\n },\n ],\n [\n {\n name: 'ul',\n title: 'Bulleted list',\n kind: 'line',\n prefix: '- ',\n icon: 'format_list_bulleted',\n },\n {\n name: 'ol',\n title: 'Numbered list',\n kind: 'line',\n prefix: '1. ',\n numbered: true,\n icon: 'format_list_numbered',\n },\n ],\n [{ name: 'link', title: 'Link (Ctrl+K)', kind: 'link', icon: 'link_2' }],\n];\n\nconst TOOLBAR_ACTIONS: ToolbarAction[] = TOOLBAR_GROUPS.flat();\n\n/* Glyph shown alongside each view-mode tab label. /\nconst TAB_GLYPHS: Record<MarkdownEditorMode, string> = {\n write: 'ng-pencil',\n preview: 'ng-eye',\n split: 'ng-square-split-horizontal',\n};\n\n/\n Nile markdown editor component.\n \n @tag nile-markdown-editor\n /\n\n/\n @summary A GitHub-style markdown editor with a formatting toolbar and a\n * live preview rendered by `nile-markdown`.\n * @status experimental\n \n @dependency nile-markdown\n * @dependency nile-icon\n * @dependency nile-glyph\n * @dependency nile-button-toggle-group\n * @dependency nile-button-toggle\n \n @attr {string} tools - JSON-array allowlist of toolbar tools to show, e.g.\n * `tools='[\"bold\",\"italic\",\"link\"]'`. Valid names: heading, bold, italic,\n * strikethrough, quote, code, ul, ol, link. Empty shows all.\n \n @event nile-input - Emitted with `{ value }` on every keystroke or toolbar action.\n * @event nile-change - Emitted with `{ value }` when the editor loses focus after an edit.\n * @event nile-mode-change - Emitted with `{ mode }` when the write/preview/split mode changes.\n \n @csspart base - The component's base wrapper.\n * @csspart header - The header containing the tabs and toolbar.\n * @csspart toolbar - The formatting toolbar.\n * @csspart textarea - The markdown source textarea.\n * @csspart preview - The rendered preview pane.\n /\n\n@customElement('nile-markdown-editor')\nexport class NileMarkdownEditor extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /* The markdown source. /\n @property() value = '';\n\n /* Placeholder shown when the editor is empty. /\n @property() placeholder = 'Write markdown here…';\n\n /* Disables the editor. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Makes the source read-only while still allowing mode switching. /\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /* Number of visible text rows in write mode. /\n @property({ type: Number }) rows = 8;\n\n /* Active view: `write`, `preview`, or `split`. /\n @property({ reflect: true }) mode: MarkdownEditorMode = 'write';\n\n /* Hides the formatting toolbar. /\n @property({ type: Boolean, attribute: 'hide-toolbar' }) hideToolbar = false;\n\n /\n Allowlist of toolbar tool names to show. Accepts a JSON array via the\n * `tools` attribute (e.g. `tools='[\"bold\",\"italic\",\"link\"]'`), a\n * comma-separated string, or an array when set as a property. When empty\n * (default) every tool is shown. Valid names: `heading`, `bold`, `italic`,\n * `strikethrough`, `quote`, `code`, `ul`, `ol`, `link`.\n /\n @property({\n converter: {\n fromAttribute: (value: string \| null) => {\n if (!value) return [];\n try {\n const parsed = JSON.parse(value);\n if (Array.isArray(parsed)) {\n return parsed.map(s => String(s).trim()).filter(Boolean);\n }\n } catch {\n // Not JSON — fall back to a comma-separated string.\n }\n return value.split(',').map(s => s.trim()).filter(Boolean);\n },\n toAttribute: (value: string[]) => JSON.stringify(value ?? []),\n },\n })\n tools: string[] = [];\n\n /* Parsed allowlist, or `null` when no allowlist is set (show everything). /\n private get allowedTools(): Set<string> \| null {\n const names = (this.tools ?? []).map(s => s.trim()).filter(Boolean);\n return names.length ? new Set(names) : null;\n }\n\n /* Toolbar groups after applying the allowlist; empty groups are dropped. /\n private get visibleGroups(): ToolbarAction[][] {\n const allowed = this.allowedTools;\n if (!allowed) return TOOLBAR_GROUPS;\n return TOOLBAR_GROUPS.map(group =>\n group.filter(action => allowed.has(action.name))\n ).filter(group => group.length > 0);\n }\n\n @query('textarea') private textarea?: HTMLTextAreaElement;\n\n @query('.body') private bodyEl?: HTMLElement;\n\n /\n Fraction of the body width given to the write pane in split mode\n * (the rest goes to the preview). Clamped to a sensible range while\n * dragging the splitter.\n /\n @state() private splitRatio = 0.5;\n\n /* Whether the split divider is currently being dragged. /\n @state() private splitDragging = false;\n\n /* Begins a pointer-driven resize of the split divider. /\n private startSplitDrag = (e: PointerEvent) => {\n if (this.mode !== 'split') return;\n const body = this.bodyEl;\n if (!body) return;\n e.preventDefault();\n this.splitDragging = true;\n\n const rect = body.getBoundingClientRect();\n const MIN = 0.15;\n const MAX = 0.85;\n\n const onMove = (ev: PointerEvent) => {\n if (rect.width === 0) return;\n const ratio = (ev.clientX - rect.left) / rect.width;\n this.splitRatio = Math.min(MAX, Math.max(MIN, ratio));\n };\n const onUp = () => {\n this.splitDragging = false;\n window.removeEventListener('pointermove', onMove);\n window.removeEventListener('pointerup', onUp);\n };\n window.addEventListener('pointermove', onMove);\n window.addEventListener('pointerup', onUp);\n };\n\n /* Resets the splitter to a 50/50 layout (double-click affordance). /\n private resetSplit = () => {\n this.splitRatio = 0.5;\n };\n\n /* Moves focus to the textarea. /\n focus(options?: FocusOptions): void {\n this.textarea?.focus(options);\n }\n\n blur(): void {\n this.textarea?.blur();\n }\n\n private setMode(mode: MarkdownEditorMode) {\n if (this.mode === mode) return;\n this.mode = mode;\n this.emit('nile-mode-change', { mode }, true, true);\n }\n\n private handleInput = (e: Event) => {\n this.value = (e.target as HTMLTextAreaElement).value;\n this.emit('nile-input', { value: this.value }, true, true);\n };\n\n private handleChange = () => {\n this.emit('nile-change', { value: this.value }, true, true);\n };\n\n private handleKeydown = (e: KeyboardEvent) => {\n if (!(e.metaKey \|\| e.ctrlKey)) return;\n const key = e.key.toLowerCase();\n const action = { b: 'bold', i: 'italic', k: 'link' }[\n key as 'b' \| 'i' \| 'k'\n ];\n if (!action) return;\n // Respect the allowlist: a hidden tool's shortcut is disabled too.\n const allowed = this.allowedTools;\n if (allowed && !allowed.has(action)) return;\n e.preventDefault();\n this.runAction(TOOLBAR_ACTIONS.find(a => a.name === action)!);\n };\n\n /* Replaces the current selection and restores focus/selection. /\n private replaceSelection(\n start: number,\n end: number,\n replacement: string,\n selectStart: number,\n selectEnd: number\n ) {\n const ta = this.textarea;\n if (!ta) return;\n ta.focus();\n // Select the range to overwrite, then insert via the browser's editing\n // pipeline so the change is recorded on the native undo/redo stack.\n // Assigning `ta.value` directly would wipe that stack and break Ctrl/Cmd+Z.\n ta.setSelectionRange(start, end);\n const inserted = document.execCommand('insertText', false, replacement);\n if (inserted) {\n // execCommand dispatched a native `input` event, so `handleInput`\n // already synced `value` and emitted `nile-input`; just fix selection.\n ta.setSelectionRange(selectStart, selectEnd);\n return;\n }\n // Fallback for environments without execCommand support.\n ta.value = ta.value.slice(0, start) + replacement + ta.value.slice(end);\n ta.setSelectionRange(selectStart, selectEnd);\n this.value = ta.value;\n this.emit('nile-input', { value: this.value }, true, true);\n }\n\n /* Wraps (or unwraps) the selection with prefix/suffix delimiters. /\n private applyWrap(action: WrapAction) {\n const ta = this.textarea;\n if (!ta) return;\n const { selectionStart: start, selectionEnd: end, value } = ta;\n const { prefix, suffix } = action;\n const selected = value.slice(start, end);\n\n // Toggle off when the selection is already wrapped\n const before = value.slice(Math.max(0, start - prefix.length), start);\n const after = value.slice(end, end + suffix.length);\n if (before === prefix && after === suffix) {\n this.replaceSelection(\n start - prefix.length,\n end + suffix.length,\n selected,\n start - prefix.length,\n end - prefix.length\n );\n return;\n }\n\n const content = selected \|\| action.placeholder;\n this.replaceSelection(\n start,\n end,\n prefix + content + suffix,\n start + prefix.length,\n start + prefix.length + content.length\n );\n }\n\n /* Toggles a markdown prefix on every line in the selection. /\n private applyLinePrefix(action: LineAction) {\n const ta = this.textarea;\n if (!ta) return;\n const { selectionStart: start, selectionEnd: end, value } = ta;\n\n // Expand the selection to whole lines\n const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n const lineEndIndex = value.indexOf('\\n', end);\n const lineEnd = lineEndIndex === -1 ? value.length : lineEndIndex;\n const block = value.slice(lineStart, lineEnd);\n const lines = block.split('\\n');\n\n const matcher = action.numbered ? /^\\d+\\.\\s/ : undefined;\n const hasPrefix = lines.every(line =>\n matcher ? matcher.test(line) : line.startsWith(action.prefix)\n );\n\n const replaced = lines\n .map((line, i) => {\n if (hasPrefix) {\n return matcher\n ? line.replace(matcher, '')\n : line.slice(action.prefix.length);\n }\n return action.numbered ? `${i + 1}. ${line}` : action.prefix + line;\n })\n .join('\\n');\n\n this.replaceSelection(\n lineStart,\n lineEnd,\n replaced,\n lineStart,\n lineStart + replaced.length\n );\n }\n\n /* Inserts a `[text](url)` link, selecting the URL for quick editing. /\n private insertLink() {\n const ta = this.textarea;\n if (!ta) return;\n const { selectionStart: start, selectionEnd: end, value } = ta;\n const text = value.slice(start, end) \|\| 'text';\n const url = 'url';\n const replacement = `[${text}](${url})`;\n const urlStart = start + text.length + 3; // \"[text](\".length\n this.replaceSelection(\n start,\n end,\n replacement,\n urlStart,\n urlStart + url.length\n );\n }\n\n private runAction(action: ToolbarAction) {\n if (this.readonly \|\| this.disabled) return;\n if (this.mode === 'preview') this.setMode('write');\n switch (action.kind) {\n case 'wrap':\n this.applyWrap(action);\n break;\n case 'line':\n this.applyLinePrefix(action);\n break;\n case 'link':\n this.insertLink();\n break;\n case 'menu':\n // The dropdown items drive the edits via `runMenuItem`; nothing to do\n // when the trigger itself is activated.\n break;\n }\n }\n\n /* Applies a heading-style line prefix chosen from a dropdown menu. /\n private runMenuItem(action: MenuAction, item: MenuItem) {\n if (this.readonly \|\| this.disabled) return;\n if (this.mode === 'preview') this.setMode('write');\n this.applyLinePrefix({\n name: action.name,\n title: action.title,\n kind: 'line',\n prefix: item.prefix,\n });\n }\n\n /* Renders the glyph/icon shown inside a toolbar control. /\n private renderActionContent(action: ToolbarAction): TemplateResult {\n if (action.icon) {\n return html`<nile-icon\n name=${action.icon}\n size=\"20\"\n color=${this.disabled\n ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))'\n : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))'}\n ></nile-icon>`;\n }\n // `ng-` glyph names map to nile-glyph icons; anything else is plain text.\n if (action.glyph?.startsWith('ng-')) {\n return html`<nile-glyph\n name=${action.glyph}\n method=\"stroke\"\n color=${this.disabled\n ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))'\n : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))'}\n size=\"20\"\n ></nile-glyph>`;\n }\n return html`<span class=\"toolbar__glyph--${action.name}\">\n ${action.glyph}\n </span>`;\n }\n\n /** A standard click-to-apply toolbar button. /\n private renderActionButton(action: ToolbarAction): TemplateResult {\n return html`\n <button\n type=\"button\"\n class=\"toolbar__button\"\n title=${action.title}\n aria-label=${action.title}\n tabindex=\"-1\"\n @mousedown=${(e: MouseEvent) => e.preventDefault()}\n @click=${() => this.runAction(action)}\n >\n ${this.renderActionContent(action)}\n </button>\n `;\n }\n\n /* A toolbar control that opens a dropdown of line-prefix choices. /\n private renderMenuAction(action: MenuAction): TemplateResult {\n return html`\n <nile-dropdown\n class=\"toolbar__menu\"\n placement=\"bottom-start\"\n ?disabled=${this.disabled \|\| this.readonly}\n >\n <button\n slot=\"trigger\"\n type=\"button\"\n class=\"toolbar__button\"\n title=${action.title}\n aria-label=${action.title}\n aria-haspopup=\"menu\"\n tabindex=\"-1\"\n @mousedown=${(e: MouseEvent) => e.preventDefault()}\n >\n ${this.renderActionContent(action)}\n </button>\n <nile-menu>\n ${action.items.map(\n item => html`\n <nile-menu-item\n @click=${() => this.runMenuItem(action, item)}\n >\n ${item.glyph\n ? html`<nile-glyph\n slot=\"prefix\"\n name=${item.glyph}\n method=\"stroke\"\n color=\"currentColor\"\n size=\"18\"\n ></nile-glyph>`\n : nothing}\n ${item.label}\n </nile-menu-item>\n `\n )}\n </nile-menu>\n </nile-dropdown>\n `;\n }\n\n private renderToolbar(): TemplateResult \| typeof nothing {\n if (this.hideToolbar \|\| this.mode === 'preview') return nothing;\n const groups = this.visibleGroups;\n if (groups.length === 0) return nothing;\n return html`\n <div\n class=\"toolbar\"\n part=\"toolbar\"\n role=\"toolbar\"\n aria-label=\"Formatting\"\n >\n ${groups.map(\n (group, groupIndex) => html`\n ${groupIndex > 0\n ? html`<span class=\"toolbar__divider\"></span>`\n : nothing}\n ${group.map(action =>\n action.kind === 'menu'\n ? this.renderMenuAction(action)\n : this.renderActionButton(action)\n )}\n `\n )}\n </div>\n `;\n }\n\n render(): TemplateResult {\n const showWrite = this.mode !== 'preview';\n const showPreview = this.mode !== 'write';\n\n return html`\n <div\n class=${classMap({\n editor: true,\n 'editor--disabled': this.disabled,\n 'editor--split': this.mode === 'split',\n })}\n part=\"base\"\n >\n <div class=\"header\" part=\"header\">\n ${this.renderToolbar()}\n <nile-button-toggle-group\n class=\"tabs\"\n aria-label=\"Editor view\"\n .value=${this.mode}\n @nile-change=${(e: CustomEvent) =>\n this.setMode(e.detail.value as MarkdownEditorMode)}\n >\n ${(['write', 'preview', 'split'] as const).map(\n mode => html`\n <nile-button-toggle\n value=${mode}\n ?active=${this.mode === mode}\n >\n <span class=\"tab__content\">\n <nile-glyph\n name=${TAB_GLYPHS[mode]}\n method=\"stroke\"\n color=\"currentColor\"\n size=\"16\"\n ></nile-glyph>\n </span>\n </nile-button-toggle>\n `\n )}\n </nile-button-toggle-group>\n </div>\n <div\n class=${classMap({ body: true, 'body--dragging': this.splitDragging })}\n >\n ${showWrite\n ? html`\n <div\n class=\"pane pane--write\"\n style=${this.mode === 'split'\n ? `flex: 0 0 ${this.splitRatio 100}%`\n : nothing}\n >\n <textarea\n part=\"textarea\"\n rows=${this.rows}\n placeholder=${this.placeholder}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n .value=${this.value}\n @input=${this.handleInput}\n @change=${this.handleChange}\n @keydown=${this.handleKeydown}\n ></textarea>\n </div>\n `\n : nothing}\n ${this.mode === 'split'\n ? html`\n <div\n class=\"gutter\"\n part=\"gutter\"\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize editor and preview\"\n title=\"Drag to resize · double-click to reset\"\n @pointerdown=${this.startSplitDrag}\n @dblclick=${this.resetSplit}\n ></div>\n `\n : nothing}\n ${showPreview\n ? html`\n <div class=\"pane pane--preview\" part=\"preview\">\n ${this.value.trim()\n ? html`<nile-markdown .value=${this.value}></nile-markdown>`\n : html`<span class=\"preview-empty\"\n >Nothing to preview</span\n >`}\n </div>\n `\n : nothing}\n </div>\n </div>\n `;\n }\n}\n\nexport default NileMarkdownEditor;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-markdown-editor': NileMarkdownEditor;\n }\n}\n"]}

package/dist/src/nile-option/nile-option.css.js CHANGED Viewed

@@ -30,12 +30,15 @@ export const styles = css `
     line-height: var(--nile-line-height-1-8, var(--ng-line-height-text-md));
     letter-spacing: normal;
     color: var(--nile-color-dark-1, var(--ng-colors-text-primary-900));
-    padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-md));
+    padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-none));
     transition: 150ms fill;
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     cursor: pointer;
     margin-bottom: var(--nile-spacing-none, var(--ng-spacing-xxs) )
   }
+  :host([legacy]) .option {
+    padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-md));
+  }
   .option--single-select {
     padding: var(--nile-spacing-9px, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-md));
@@ -75,12 +78,17 @@ export const styles = css `
     justify-content: center;
     visibility: hidden;
     padding-inline-end: var(--nile-spacing-xs);
+    color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));
   }
   .option--selected .option__check {
     visibility: visible;
   }
+  :host([tickonselect][selected]) .option__check {
+    visibility: visible;
+  }
   .option__prefix,
   .option__suffix {
     flex: 0 0 auto;
@@ -105,9 +113,22 @@ export const styles = css `
     margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
     margin-right: var(--nile-spacing-lg, var(--ng-spacing-lg));
     width:auto;
+    display:var(--nile-display-inline-block, var(--ng-display-inline-block));
+  }
+  :host([legacy]) .option--checkbox{
     display:var(--nile-display-inline-block, var(--ng-display-none));
   }
+  :host([tickonselect]) .option--checkbox{
+    display: none;
+  }
+  :host([tickonselect]) .option{
+    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));
+  }
   @media (forced-colors: active) {
     :host(:hover:not([aria-disabled='true'])) .option {

package/dist/src/nile-option/nile-option.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-option.css.js","sourceRoot":"","sources":["../../../src/nile-option/nile-option.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIxB~~,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,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 { css } from 'lit';\n\n/\n Option_2 CSS\n /\nexport const styles = css`\n :host {\n display: block;\n user-select: none;\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 :host(:focus) {\n outline: none;\n }\n\n .option {\n position: relative;\n display: flex;\n align-items: center;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n line-height: var(--nile-line-height-1-8, var(--ng-line-height-text-md));\n letter-spacing: normal;\n color: var(--nile-color-dark-1, var(--ng-colors-text-primary-900));\n padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-md));\n transition: 150ms fill;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n cursor: pointer;\n margin-bottom: var(--nile-spacing-none, var(--ng-spacing-xxs) )\n }\n\n .option--single-select {\n padding: var(--nile-spacing-9px, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .option--hover:not(.option--current):not(.option--disabled) {\n background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n border-radius: var(--nile-radius-none, var(--ng-radius-sm));\n }\n\n .option--current,\n .option--current.option--disabled {\n background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-primary-900));\n opacity: 1;\n border-radius: var(--nile-radius-none, var(--ng-radius-sm));\n }\n\n .option--disabled {\n outline: none;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .option__label {\n flex: 1 1 auto;\n display: inline-block;\n line-height: 1.4;\n word-break: break-all;\n }\n\n .option .option__check {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n visibility: hidden;\n padding-inline-end: var(--nile-spacing-xs);\n }\n\n .option--selected .option__check {\n visibility: visible;\n }\n\n .option__prefix,\n .option__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option__prefix::slotted() {\n margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .option__suffix::slotted(*) {\n margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n :host(:not([aria-selected='true'])) .option .option__suffix{\n display: var(--nile-display-block, var(--ng-display-none));\n }\n\n .option--checkbox{\n pointer-events: none;\n margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n width:auto;\n display:var(--nile-display-inline-block, var(--ng-display-none));\n }\n\n\n @media (forced-colors: active) {\n :host(:hover:not([aria-disabled='true'])) .option {\n outline: dashed 1px SelectedItem;\n outline-offset: -1px;\n }\n }\n\n .option__label-container {\n display: flex;\n flex-direction: column;\n }\n\n .option__description {\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n }\n\n .text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n width: 99%;\n }\n\n .option__label-text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n width: 99%;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-option.css.js","sourceRoot":"","sources":["../../../src/nile-option/nile-option.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0JxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,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 { css } from 'lit';\n\n/\n Option_2 CSS\n /\nexport const styles = css`\n :host {\n display: block;\n user-select: none;\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 :host(:focus) {\n outline: none;\n }\n\n .option {\n position: relative;\n display: flex;\n align-items: center;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n line-height: var(--nile-line-height-1-8, var(--ng-line-height-text-md));\n letter-spacing: normal;\n color: var(--nile-color-dark-1, var(--ng-colors-text-primary-900));\n padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-none));\n transition: 150ms fill;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n cursor: pointer;\n margin-bottom: var(--nile-spacing-none, var(--ng-spacing-xxs) )\n }\n :host([legacy]) .option {\n padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-md));\n }\n\n .option--single-select {\n padding: var(--nile-spacing-9px, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .option--hover:not(.option--current):not(.option--disabled) {\n background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n border-radius: var(--nile-radius-none, var(--ng-radius-sm));\n }\n\n .option--current,\n .option--current.option--disabled {\n background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-primary-900));\n opacity: 1;\n border-radius: var(--nile-radius-none, var(--ng-radius-sm));\n }\n\n .option--disabled {\n outline: none;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .option__label {\n flex: 1 1 auto;\n display: inline-block;\n line-height: 1.4;\n word-break: break-all;\n }\n\n .option .option__check {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n visibility: hidden;\n padding-inline-end: var(--nile-spacing-xs);\n color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n }\n\n .option--selected .option__check {\n visibility: visible;\n }\n\n :host([tickonselect][selected]) .option__check {\n visibility: visible;\n }\n\n .option__prefix,\n .option__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option__prefix::slotted() {\n margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .option__suffix::slotted(*) {\n margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n :host(:not([aria-selected='true'])) .option .option__suffix{\n display: var(--nile-display-block, var(--ng-display-none));\n }\n\n .option--checkbox{\n pointer-events: none;\n margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n width:auto;\n display:var(--nile-display-inline-block, var(--ng-display-inline-block));\n }\n :host([legacy]) .option--checkbox{\n display:var(--nile-display-inline-block, var(--ng-display-none));\n }\n\n \n :host([tickonselect]) .option--checkbox{\n display: none;\n }\n\n :host([tickonselect]) .option{\n padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n\n @media (forced-colors: active) {\n :host(:hover:not([aria-disabled='true'])) .option {\n outline: dashed 1px SelectedItem;\n outline-offset: -1px;\n }\n }\n\n .option__label-container {\n display: flex;\n flex-direction: column;\n }\n\n .option__description {\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n }\n\n .text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n width: 99%;\n }\n\n .option__label-text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n width: 99%;\n }\n`;\n\nexport default [styles];\n"]}

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

@@ -46,6 +46,9 @@ export declare class NileOption extends NileElement {
      */
     value: string;
     showCheckbox: boolean;
+    /** Opt OUT of the enhanced styling (enabled by default). Propagated from the parent nile-select. */
+    legacy: boolean;
+    tickOnSelect: boolean;
     /** Draws the option in a disabled state, preventing selection. */
     disabled: boolean;
     /** Indicates whether the option is selected. */

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

@@ -49,6 +49,9 @@ let NileOption = class NileOption extends NileElement {
          */
         this.value = '';
         this.showCheckbox = false;
+        /** Opt OUT of the enhanced styling (enabled by default). Propagated from the parent nile-select. */
+        this.legacy = false;
+        this.tickOnSelect = false;
         /** Draws the option in a disabled state, preventing selection. */
         this.disabled = false;
         /** Indicates whether the option is selected. */
@@ -218,6 +221,18 @@ let NileOption = class NileOption extends NileElement {
                   `}
               <slot part="suffix" name="suffix" class="option__suffix"></slot>
+              ${this.tickOnSelect
+                ? html `<span part="checked-icon" class="option__check">
+                    <nile-icon
+                      name="var(--nile-icon-tick, var(--ng-icon-check))"
+                      method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+                      color="currentColor"
+                      library="system"
+                      aria-hidden="true"
+                    ></nile-icon>
+                  </span>`
+                : ''}
             </div>`
             : ''}
     `;
@@ -245,6 +260,12 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
 ], NileOption.prototype, "showCheckbox", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileOption.prototype, "legacy", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileOption.prototype, "tickOnSelect", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NileOption.prototype, "disabled", void 0);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-option.js","sourceRoot":"","sources":["../../../src/nile-option/nile-option.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 { LitElement, CSSResultArray, TemplateResult } from 'lit';\nimport { styles } from './nile-option.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport NileElement from '../internal/nile-element';\nimport '../nile-checkbox';\n\n/\n Nile icon component.\n \n @tag nile-option\n \n /\n\n/*\n @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @status stable\n \n @dependency nile-icon\n \n @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n \n @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n /\n\n@customElement('nile-option')\nexport class NileOption extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private cachedTextLabel: string;\n\n @query('.option__label') defaultSlot: HTMLSlotElement;\n\n @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n @property({ type: Boolean, reflect: true, attribute: true }) hidden = false; // the option is hidden\n @state() isMultipleSelect = false;\n\n /\n The option's value. When selected, the containing form control will receive this value. The value must be unique\n * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n * multiple values.\n /\n @property({ reflect: true }) value = '';\n\n @property({ type: Boolean, reflect: true, attribute: true }) showCheckbox: boolean = false;\n\n /* Draws the option in a disabled state, preventing selection. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Indicates whether the option is selected. /\n @property({ type: Boolean, reflect: true }) selected = false;\n\n / used to pass group name to the option, so that grouped options can be shown /\n @property({ type: String, reflect: true, attribute: true }) groupName: string = '';\n\n / used to pass description to the option, so that description can be shown /\n @property({ type: String, reflect: true, attribute: true }) description: string = '';\n\n @query('slot[name=\"prefix\"]') prefixSlot!: HTMLSlotElement;\n\n @query('slot[name=\"suffix\"]') suffixSlot!: HTMLSlotElement;\n\n @query('.option__label-container') labelContainer!: HTMLElement;\n\n @state() isParentVirtualSelect = false;\n\n @property({ type: Boolean, reflect: true, attribute: true }) isDescriptionEnabled = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'option');\n this.setAttribute('aria-selected', 'false');\n\n this.checkIfMultipleSelect();\n }\n\n protected firstUpdated() {\n if (this.parentElement?.tagName === 'NILE-SELECT') {\n return;\n }\n\n this.isParentVirtualSelect = true;\n this.applyWidthToLabelContainer();\n }\n\n applyWidthToLabelContainer() {\n const hasPrefix = (this.prefixSlot?.assignedNodes({ flatten: true }) ?? []).length > 0;\n const hasSuffix = (this.suffixSlot?.assignedNodes({ flatten: true }) ?? []).length > 0;\n\n let totalWidth = 0;\n if (hasPrefix) totalWidth += 30;\n if (hasSuffix) totalWidth += 30;\n if (this.showCheckbox) totalWidth += 50;\n if (this.labelContainer) {\n this.labelContainer.style.width = `calc(100% - ${totalWidth}px)`;\n }\n }\n\n checkIfMultipleSelect() {\n // Find the closest parent 'nile-select' element\n const parentSelect = this.closest('nile-select');\n \n // Check if the parent has the 'multiple' attribute\n if (parentSelect && parentSelect.hasAttribute('multiple')) {\n if(parentSelect.hasAttribute('multiple') && parentSelect.getAttribute('multiple') === '') {\n this.isMultipleSelect = true;\n } else if (parentSelect.getAttribute('multiple') === 'true') {\n this.isMultipleSelect = true;\n } else {\n this.isMultipleSelect = false;\n }\n } else {\n this.isMultipleSelect = this.showCheckbox;\n }\n }\n\n protected updated(_changedProperties: PropertyValues): void {\n this.checkIfMultipleSelect();\n }\n\n private handleDefaultSlotChange() {\n const textLabel = this.getTextLabel();\n\n // Ignore the first time the label is set\n if (typeof this.cachedTextLabel === 'undefined') {\n this.cachedTextLabel = textLabel;\n return;\n }\n\n // When the label changes, emit a slotchange event so parent controls see it\n if (textLabel !== this.cachedTextLabel) {\n this.cachedTextLabel = textLabel;\n this.emit('slotchange');\n }\n }\n\n private handleMouseEnter() {\n this.hasHover = true;\n }\n\n private handleMouseLeave() {\n this.hasHover = false;\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('selected')\n handleSelectedChange() {\n this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n }\n\n @watch('value')\n handleValueChange() {\n // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n // instead of requiring them to cast the value to a string.\n if (typeof this.value !== 'string') {\n this.value = String(this.value);\n }\n\n // if (this.value.includes(' ')) {\n // console.error(\n // `Option values cannot include a space. All spaces have been replaced with underscores.`,\n // this\n // );\n // this.value = this.value.replace(/ /g, '_');\n // }\n }\n\n /* Returns a plain text label based on the option's content. */\n getTextLabel() {\n // Search for a label element inside the component\n const labelElement = this.querySelector('label');\n\n // If a label element is found, return its text content\n if (labelElement) {\n return labelElement.textContent?.trim() ?? '';\n }\n\n // If no label element is found, return the existing behavior\n return (this.textContent ?? '').trim();\n }\n\n render() {\n return html`\n ${!this.hidden\n ? html` <div\n part=\"base\"\n class=${classMap({\n option: true,\n 'option--single-select': !this.isMultipleSelect,\n 'option--current': this.selected && !this.isMultipleSelect,\n 'option--disabled': this.disabled,\n 'option--selected': this.selected && !this.isMultipleSelect,\n 'option--hover': this.hasHover,\n })}\n @mouseenter=${this.handleMouseEnter}\n @mouseleave=${this.handleMouseLeave}\n >\n\n ${this.isMultipleSelect ? html`<nile-checkbox part=\"checkbox\" class=\"option--checkbox\" .checked=${this.selected}></nile-checkbox>` : ''}\n\n <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n ${this.isDescriptionEnabled\n ? html`\n <div\n class=\"option__label-container\"\n part=\"option_label_container\"\n >\n <slot\n part=\"label\"\n class=${classMap({\n 'option__label': true,\n 'option__label-text-ellipsis':\n this.isParentVirtualSelect,\n })}\n @slotchange=${this.handleDefaultSlotChange}\n ></slot>\n \n ${this.description\n ? html`\n <span\n part=\"option_description\"\n class=${classMap({\n option__description: true,\n 'text-ellipsis':\n this.isParentVirtualSelect,\n })}\n >\n ${this.description}\n </span>\n `\n : null}\n </div>\n `\n : html`\n <slot\n part=\"label\"\n class=\"option__label\"\n @slotchange=${this.handleDefaultSlotChange}\n ></slot>\n `}\n \n <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n </div>`\n : ''}\n `;\n } \n}\n\nexport default NileOption;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-option': NileOption;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-option.js","sourceRoot":"","sources":["../../../src/nile-option/nile-option.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 { LitElement, CSSResultArray, TemplateResult } from 'lit';\nimport { styles } from './nile-option.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport NileElement from '../internal/nile-element';\nimport '../nile-checkbox';\n\n/\n Nile icon component.\n \n @tag nile-option\n \n /\n\n/*\n @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @status stable\n \n @dependency nile-icon\n \n @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n \n @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n /\n\n@customElement('nile-option')\nexport class NileOption extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private cachedTextLabel: string;\n\n @query('.option__label') defaultSlot: HTMLSlotElement;\n\n @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n @property({ type: Boolean, reflect: true, attribute: true }) hidden = false; // the option is hidden\n @state() isMultipleSelect = false;\n\n /\n The option's value. When selected, the containing form control will receive this value. The value must be unique\n * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n * multiple values.\n /\n @property({ reflect: true }) value = '';\n\n @property({ type: Boolean, reflect: true, attribute: true }) showCheckbox: boolean = false;\n\n /* Opt OUT of the enhanced styling (enabled by default). Propagated from the parent nile-select. /\n @property({ type: Boolean, reflect: true }) legacy: boolean = false;\n\n \n @property({ type: Boolean, reflect: true, attribute: true }) tickOnSelect: boolean = false;\n\n /* Draws the option in a disabled state, preventing selection. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Indicates whether the option is selected. /\n @property({ type: Boolean, reflect: true }) selected = false;\n\n / used to pass group name to the option, so that grouped options can be shown /\n @property({ type: String, reflect: true, attribute: true }) groupName: string = '';\n\n / used to pass description to the option, so that description can be shown /\n @property({ type: String, reflect: true, attribute: true }) description: string = '';\n\n @query('slot[name=\"prefix\"]') prefixSlot!: HTMLSlotElement;\n\n @query('slot[name=\"suffix\"]') suffixSlot!: HTMLSlotElement;\n\n @query('.option__label-container') labelContainer!: HTMLElement;\n\n @state() isParentVirtualSelect = false;\n\n @property({ type: Boolean, reflect: true, attribute: true }) isDescriptionEnabled = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'option');\n this.setAttribute('aria-selected', 'false');\n\n this.checkIfMultipleSelect();\n }\n\n protected firstUpdated() {\n if (this.parentElement?.tagName === 'NILE-SELECT') {\n return;\n }\n\n this.isParentVirtualSelect = true;\n this.applyWidthToLabelContainer();\n }\n\n applyWidthToLabelContainer() {\n const hasPrefix = (this.prefixSlot?.assignedNodes({ flatten: true }) ?? []).length > 0;\n const hasSuffix = (this.suffixSlot?.assignedNodes({ flatten: true }) ?? []).length > 0;\n\n let totalWidth = 0;\n if (hasPrefix) totalWidth += 30;\n if (hasSuffix) totalWidth += 30;\n if (this.showCheckbox) totalWidth += 50;\n if (this.labelContainer) {\n this.labelContainer.style.width = `calc(100% - ${totalWidth}px)`;\n }\n }\n\n checkIfMultipleSelect() {\n // Find the closest parent 'nile-select' element\n const parentSelect = this.closest('nile-select');\n \n // Check if the parent has the 'multiple' attribute\n if (parentSelect && parentSelect.hasAttribute('multiple')) {\n if(parentSelect.hasAttribute('multiple') && parentSelect.getAttribute('multiple') === '') {\n this.isMultipleSelect = true;\n } else if (parentSelect.getAttribute('multiple') === 'true') {\n this.isMultipleSelect = true;\n } else {\n this.isMultipleSelect = false;\n }\n } else {\n this.isMultipleSelect = this.showCheckbox;\n }\n }\n\n protected updated(_changedProperties: PropertyValues): void {\n this.checkIfMultipleSelect();\n }\n\n private handleDefaultSlotChange() {\n const textLabel = this.getTextLabel();\n\n // Ignore the first time the label is set\n if (typeof this.cachedTextLabel === 'undefined') {\n this.cachedTextLabel = textLabel;\n return;\n }\n\n // When the label changes, emit a slotchange event so parent controls see it\n if (textLabel !== this.cachedTextLabel) {\n this.cachedTextLabel = textLabel;\n this.emit('slotchange');\n }\n }\n\n private handleMouseEnter() {\n this.hasHover = true;\n }\n\n private handleMouseLeave() {\n this.hasHover = false;\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('selected')\n handleSelectedChange() {\n this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n }\n\n @watch('value')\n handleValueChange() {\n // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n // instead of requiring them to cast the value to a string.\n if (typeof this.value !== 'string') {\n this.value = String(this.value);\n }\n\n // if (this.value.includes(' ')) {\n // console.error(\n // `Option values cannot include a space. All spaces have been replaced with underscores.`,\n // this\n // );\n // this.value = this.value.replace(/ /g, '_');\n // }\n }\n\n /* Returns a plain text label based on the option's content. */\n getTextLabel() {\n // Search for a label element inside the component\n const labelElement = this.querySelector('label');\n\n // If a label element is found, return its text content\n if (labelElement) {\n return labelElement.textContent?.trim() ?? '';\n }\n\n // If no label element is found, return the existing behavior\n return (this.textContent ?? '').trim();\n }\n\n render() {\n return html`\n ${!this.hidden\n ? html` <div\n part=\"base\"\n class=${classMap({\n option: true,\n 'option--single-select': !this.isMultipleSelect,\n 'option--current': this.selected && !this.isMultipleSelect,\n 'option--disabled': this.disabled,\n 'option--selected': this.selected && !this.isMultipleSelect,\n 'option--hover': this.hasHover,\n })}\n @mouseenter=${this.handleMouseEnter}\n @mouseleave=${this.handleMouseLeave}\n >\n\n ${this.isMultipleSelect ? html`<nile-checkbox part=\"checkbox\" class=\"option--checkbox\" .checked=${this.selected}></nile-checkbox>` : ''}\n\n <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n ${this.isDescriptionEnabled\n ? html`\n <div\n class=\"option__label-container\"\n part=\"option_label_container\"\n >\n <slot\n part=\"label\"\n class=${classMap({\n 'option__label': true,\n 'option__label-text-ellipsis':\n this.isParentVirtualSelect,\n })}\n @slotchange=${this.handleDefaultSlotChange}\n ></slot>\n \n ${this.description\n ? html`\n <span\n part=\"option_description\"\n class=${classMap({\n option__description: true,\n 'text-ellipsis':\n this.isParentVirtualSelect,\n })}\n >\n ${this.description}\n </span>\n `\n : null}\n </div>\n `\n : html`\n <slot\n part=\"label\"\n class=\"option__label\"\n @slotchange=${this.handleDefaultSlotChange}\n ></slot>\n `}\n \n <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n\n ${this.tickOnSelect\n ? html`<span part=\"checked-icon\" class=\"option__check\">\n <nile-icon\n name=\"var(--nile-icon-tick, var(--ng-icon-check))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n color=\"currentColor\"\n library=\"system\"\n aria-hidden=\"true\"\n ></nile-icon>\n </span>`\n : ''}\n </div>`\n : ''}\n `;\n } \n}\n\nexport default NileOption;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-option': NileOption;\n }\n}\n"]}