kempo-ui 0.4.20 → 0.4.21

package/dist/components/MarkdownEditor.js

@@ -1,4 +1,4 @@
-import{html as t,css as e,nothing as i}from"../lit-all.min.js";import l from"./ShadowComponent.js";import s from"../utils/renderMarkdown.js";import o,{STRIP_COMPLETELY as a}from"../utils/sanitizeHtml.js";import n from"../utils/debounce.js";import"./Resize.js";import"./Tabs.js";const r=Symbol(),d=Symbol(),h=Symbol(),m=Symbol();export default class c extends l{static formAssociated=!0;static properties={value:{type:String},name:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},mode:{type:String,reflect:!0},allowedTags:{type:String,reflect:!0,attribute:"allowed-tags"},disallowedTags:{type:String,reflect:!0,attribute:"disallowed-tags"},scriptsEnabled:{type:Boolean,reflect:!0,attribute:"scripts-enabled"},controls:{type:String,reflect:!0}};constructor(){super(),this.internals=this.attachInternals(),this.value="",this.name="",this.placeholder="",this.disabled=!1,this.required=!1,this.readonly=!1,this.mode="write",this.allowedTags="",this.disallowedTags="",this.scriptsEnabled=!1,this.controls="",this[r]="",this[d]=n(()=>this.handleChange(),300)}loadControls(){const t=this.constructor.controlModules[this.controls];if(!t?.length)return;const e=this.constructor.loadedModules,i=new URL("./markdownEditorControls/",import.meta.url).href;t.filter(t=>!e.has(t)).forEach(t=>{e.add(t),import(`${i}${t}.js`)})}connectedCallback(){super.connectedCallback(),this.hasAttribute("value")&&(this[r]=this.getAttribute("value")),!this.value&&this[r]&&(this.value=this[r])}updated(t){super.updated(t),t.has("value")&&this.internals.setFormValue(this.value),t.has("controls")&&this.controls&&"none"!==this.controls&&this.loadControls(),this[m]()}formResetCallback(){this.value=this[r],this.mode="write"}formStateRestoreCallback(t){"string"==typeof t&&(this.value=t)}formDisabledCallback(t){this.disabled=t}focus(){"write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{this.shadowRoot?.querySelector("textarea")?.focus()})}blur(){this.shadowRoot?.querySelector("textarea")?.blur()}clear(){this.value=""}setMode(t){"write"!==t&&"preview"!==t||(this.mode=t)}togglePreview(){this.mode="write"===this.mode?"preview":"write"}get textarea(){return this.shadowRoot?.querySelector("textarea")||null}getSelection(){const t=this.textarea;return t?{start:t.selectionStart,end:t.selectionEnd,text:t.value.substring(t.selectionStart,t.selectionEnd)}:{start:0,end:0,text:""}}replaceSelection(t,{selectInserted:e=!0}={}){const i=this.textarea;i&&("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{i.focus();const{selectionStart:l,selectionEnd:s}=i,o=i.value.substring(0,l),a=i.value.substring(s),n=o+t+a;i.value=n;const r=l+t.length;i.selectionStart=e?l:r,i.selectionEnd=r,this.value=n,i.dispatchEvent(new Event("input",{bubbles:!0}))}))}wrapSelection(t,e=t,i=""){const l=this.textarea;l?("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{l.focus();const{selectionStart:s,selectionEnd:o,value:a}=l,n=a.substring(s,o);if(n.length>=t.length+e.length&&n.startsWith(t)&&n.endsWith(e)){const i=n.slice(t.length,n.length-e.length),r=a.substring(0,s)+i+a.substring(o);return l.value=r,l.selectionStart=s,l.selectionEnd=s+i.length,this.value=r,void l.dispatchEvent(new Event("input",{bubbles:!0}))}const r=a.substring(Math.max(0,s-t.length),s),d=a.substring(o,Math.min(a.length,o+e.length));if(r===t&&d===e){const i=a.substring(0,s-t.length)+n+a.substring(o+e.length);return l.value=i,l.selectionStart=s-t.length,l.selectionEnd=l.selectionStart+n.length,this.value=i,void l.dispatchEvent(new Event("input",{bubbles:!0}))}const h=n||i,m=a.substring(0,s)+t+h+e+a.substring(o);l.value=m;const c=s+t.length;l.selectionStart=c,l.selectionEnd=c+h.length,this.value=m,l.dispatchEvent(new Event("input",{bubbles:!0}))})):this.replaceSelection(t+i+e)}insertAtCursor(t){this.replaceSelection(t,{selectInserted:!1})}replaceInSelectedLines(t,e=""){const i=this.textarea;i&&("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{i.focus();const{selectionStart:l,selectionEnd:s,value:o}=i,a=o.lastIndexOf("\n",l-1)+1,n=o.indexOf("\n",s),r=-1===n?o.length:n,d=o.substring(a,r),h=d.split("\n").map(i=>i.replace(t,e)).join("\n");if(h===d)return;const m=o.substring(0,a)+h+o.substring(r);i.value=m,i.selectionStart=a,i.selectionEnd=a+h.length,this.value=m,i.dispatchEvent(new Event("input",{bubbles:!0}))}))}insertLinePrefix(t,e=null){const i=this.textarea;i&&("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{i.focus();const{selectionStart:l,selectionEnd:s,value:o}=i,a=o.lastIndexOf("\n",l-1)+1,n=o.indexOf("\n",s),r=-1===n?o.length:n,d=o.substring(a,r).split("\n"),h=d.filter(t=>t.length>0),m=h.length>0&&h.every(e=>e.startsWith(t)),c=d.map(i=>0===i.length?i:m?i.startsWith(t)?i.slice(t.length):i:i.startsWith(t)?i:e&&e.test(i)?i.replace(e,t):t+i).join("\n"),u=o.substring(0,a)+c+o.substring(r);i.value=u,i.selectionStart=a,i.selectionEnd=a+c.length,this.value=u,i.dispatchEvent(new Event("input",{bubbles:!0}))}))}get isEmpty(){return!(this.value||"").trim()}get renderedHtml(){const t={},e=this[h];if(e&&(t.allowedTags=e),this.scriptsEnabled){const e=new Set(a);e.delete("SCRIPT"),t.stripCompletely=e}return o(s(this.value||""),t)}get[h](){const t=(this.allowedTags||"").trim(),e=(this.disallowedTags||"").trim();if(t&&e&&console.warn("[k-markdown-editor] `allowed-tags` and `disallowed-tags` are mutually exclusive; using `allowed-tags`."),t)return"*"===t?{has:()=>!0}:new Set(t.split(",").map(t=>t.trim().toUpperCase()).filter(Boolean));if(e){const t=new Set(e.split(",").map(t=>t.trim().toUpperCase()).filter(Boolean));return{has:e=>!t.has(e)}}return null}[m]=()=>{const t=this.shadowRoot?.querySelector("textarea");this.required&&this.isEmpty?this.internals.setValidity({valueMissing:!0},"Please fill out this field.",t):this.internals.setValidity({})};handleInput=t=>{this.value=t.target.value,this.dispatchEvent(new CustomEvent("input",{detail:{value:this.value},bubbles:!0})),this[d]()};handleChange=()=>{this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0}))};handleTabChange=t=>{const e=t.detail?.tab;e&&e!==this.mode&&(this.mode=e,this.dispatchEvent(new CustomEvent("mode-change",{detail:{mode:e},bubbles:!0})))};render(){const e=this.constructor.controlSets[this.controls]??this.constructor.controlSets[""];return t`
+import{html as t,css as e,nothing as i}from"../lit-all.min.js";import s from"./ShadowComponent.js";import l from"../utils/renderMarkdown.js";import o,{STRIP_COMPLETELY as n}from"../utils/sanitizeHtml.js";import a from"../utils/debounce.js";import r from"./controls/Control.js";import"./Resize.js";import"./Tabs.js";const c=Symbol(),h=Symbol(),d=Symbol(),u=Symbol();export default class b extends s{static formAssociated=!0;static properties={value:{type:String},name:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},mode:{type:String,reflect:!0},allowedTags:{type:String,reflect:!0,attribute:"allowed-tags"},disallowedTags:{type:String,reflect:!0,attribute:"disallowed-tags"},scriptsEnabled:{type:Boolean,reflect:!0,attribute:"scripts-enabled"},controls:{type:String,reflect:!0}};constructor(){super(),this.internals=this.attachInternals(),this.value="",this.name="",this.placeholder="",this.disabled=!1,this.required=!1,this.readonly=!1,this.mode="write",this.allowedTags="",this.disallowedTags="",this.scriptsEnabled=!1,this.controls="",this[c]="",this[h]=a(()=>this.handleChange(),300)}loadControls(){const t=this.constructor.controlSets[this.controls];t&&r.load(Object.values(t))}connectedCallback(){super.connectedCallback(),this.hasAttribute("controlled")||this.setAttribute("controlled",""),this.hasAttribute("value")&&(this[c]=this.getAttribute("value")),!this.value&&this[c]&&(this.value=this[c])}updated(t){super.updated(t),t.has("value")&&this.internals.setFormValue(this.value),t.has("controls")&&this.controls&&"none"!==this.controls&&this.loadControls(),this[u]()}formResetCallback(){this.value=this[c],this.mode="write"}formStateRestoreCallback(t){"string"==typeof t&&(this.value=t)}formDisabledCallback(t){this.disabled=t}focus(){"write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{this.shadowRoot?.querySelector("textarea")?.focus()})}blur(){this.shadowRoot?.querySelector("textarea")?.blur()}clear(){this.value=""}setMode(t){"write"!==t&&"preview"!==t||(this.mode=t)}togglePreview(){this.mode="write"===this.mode?"preview":"write"}get textarea(){return this.shadowRoot?.querySelector("textarea")||null}getSelection(){const t=this.textarea;return t?{start:t.selectionStart,end:t.selectionEnd,text:t.value.substring(t.selectionStart,t.selectionEnd)}:{start:0,end:0,text:""}}replaceSelection(t,{selectInserted:e=!0}={}){const i=this.textarea;i&&("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{i.focus();const{selectionStart:s,selectionEnd:l}=i,o=i.value.substring(0,s),n=i.value.substring(l),a=o+t+n;i.value=a;const r=s+t.length;i.selectionStart=e?s:r,i.selectionEnd=r,this.value=a,i.dispatchEvent(new Event("input",{bubbles:!0}))}))}wrapSelection(t,e=t,i=""){const s=this.textarea;s?("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{s.focus();const{selectionStart:l,selectionEnd:o,value:n}=s,a=n.substring(l,o);if(a.length>=t.length+e.length&&a.startsWith(t)&&a.endsWith(e)){const i=a.slice(t.length,a.length-e.length),r=n.substring(0,l)+i+n.substring(o);return s.value=r,s.selectionStart=l,s.selectionEnd=l+i.length,this.value=r,void s.dispatchEvent(new Event("input",{bubbles:!0}))}const r=n.substring(Math.max(0,l-t.length),l),c=n.substring(o,Math.min(n.length,o+e.length));if(r===t&&c===e){const i=n.substring(0,l-t.length)+a+n.substring(o+e.length);return s.value=i,s.selectionStart=l-t.length,s.selectionEnd=s.selectionStart+a.length,this.value=i,void s.dispatchEvent(new Event("input",{bubbles:!0}))}const h=a||i,d=n.substring(0,l)+t+h+e+n.substring(o);s.value=d;const u=l+t.length;s.selectionStart=u,s.selectionEnd=u+h.length,this.value=d,s.dispatchEvent(new Event("input",{bubbles:!0}))})):this.replaceSelection(t+i+e)}insertAtCursor(t){this.replaceSelection(t,{selectInserted:!1})}replaceInSelectedLines(t,e=""){const i=this.textarea;i&&("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{i.focus();const{selectionStart:s,selectionEnd:l,value:o}=i,n=o.lastIndexOf("\n",s-1)+1,a=o.indexOf("\n",l),r=-1===a?o.length:a,c=o.substring(n,r),h=c.split("\n").map(i=>i.replace(t,e)).join("\n");if(h===c)return;const d=o.substring(0,n)+h+o.substring(r);i.value=d,i.selectionStart=n,i.selectionEnd=n+h.length,this.value=d,i.dispatchEvent(new Event("input",{bubbles:!0}))}))}insertLinePrefix(t,e=null){const i=this.textarea;i&&("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{i.focus();const{selectionStart:s,selectionEnd:l,value:o}=i,n=o.lastIndexOf("\n",s-1)+1,a=o.indexOf("\n",l),r=-1===a?o.length:a,c=o.substring(n,r).split("\n"),h=c.filter(t=>t.length>0),d=h.length>0&&h.every(e=>e.startsWith(t)),u=c.map(i=>0===i.length?i:d?i.startsWith(t)?i.slice(t.length):i:i.startsWith(t)?i:e&&e.test(i)?i.replace(e,t):t+i).join("\n"),b=o.substring(0,n)+u+o.substring(r);i.value=b,i.selectionStart=n,i.selectionEnd=n+u.length,this.value=b,i.dispatchEvent(new Event("input",{bubbles:!0}))}))}bold(){return this.wrapSelection("**","**","bold text"),this}italic(){return this.wrapSelection("_","_","italic text"),this}strikethrough(){return this.wrapSelection("~~","~~","strikethrough"),this}inlineCode(){return this.getSelection().text.includes("\n")?this.wrapSelection("```\n","\n```","code"):this.wrapSelection("`","`","code"),this}quote(){return this.insertLinePrefix("> "),this}bulletList(){return this.insertLinePrefix("- "),this}numberList(){const t=this.textarea;return t?("write"!==this.mode&&(this.mode="write"),this.updateComplete.then(()=>{t.focus();const{selectionStart:e,selectionEnd:i,value:s}=t,l=s.lastIndexOf("\n",e-1)+1,o=s.indexOf("\n",i),n=-1===o?s.length:o,a=s.substring(l,n).split("\n"),r=/^\d+\. /,c=a.filter(t=>t.length>0);let h;if(c.length>0&&c.every(t=>r.test(t)))h=a.map(t=>t.replace(r,""));else{let t=1;h=a.map(e=>{if(!e)return e;const i=e.replace(r,"");return`${t++}. ${i}`})}const d=h.join("\n"),u=s.substring(0,l)+d+s.substring(n);t.value=u,t.selectionStart=l,t.selectionEnd=l+d.length,this.value=u,t.dispatchEvent(new Event("input",{bubbles:!0}))}),this):this}formatBlock(t){const e=(t||"").toLowerCase();if(/^h[1-6]$/.test(e)){const t=parseInt(e.slice(1),10);this.insertLinePrefix("#".repeat(t)+" ",/^#{1,6} /)}else"blockquote"===e?this.quote():"pre"===e&&this.wrapSelection("```\n","\n```","code");return this}get isEmpty(){return!(this.value||"").trim()}get renderedHtml(){const t={},e=this[d];if(e&&(t.allowedTags=e),this.scriptsEnabled){const e=new Set(n);e.delete("SCRIPT"),t.stripCompletely=e}return o(l(this.value||""),t)}get[d](){const t=(this.allowedTags||"").trim(),e=(this.disallowedTags||"").trim();if(t&&e&&console.warn("[k-markdown-editor] `allowed-tags` and `disallowed-tags` are mutually exclusive; using `allowed-tags`."),t)return"*"===t?{has:()=>!0}:new Set(t.split(",").map(t=>t.trim().toUpperCase()).filter(Boolean));if(e){const t=new Set(e.split(",").map(t=>t.trim().toUpperCase()).filter(Boolean));return{has:e=>!t.has(e)}}return null}[u]=()=>{const t=this.shadowRoot?.querySelector("textarea");this.required&&this.isEmpty?this.internals.setValidity({valueMissing:!0},"Please fill out this field.",t):this.internals.setValidity({})};handleInput=t=>{this.value=t.target.value,this.dispatchEvent(new CustomEvent("input",{detail:{value:this.value},bubbles:!0})),this[h]()};handleChange=()=>{this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0}))};handleTabChange=t=>{const e=t.detail?.tab;e&&e!==this.mode&&(this.mode=e,this.dispatchEvent(new CustomEvent("mode-changed",{detail:{mode:e},bubbles:!0})))};render(){const e=this.constructor.controlSets[this.controls]??this.constructor.controlSets[""];return t`
       <k-resize dimension="height" ?disabled=${this.disabled}>
         <div class="frame">
           <k-tabs fixed-height active=${this.mode} @tab=${this.handleTabChange}>
@@ -120,53 +120,53 @@ import{html as t,css as e,nothing as i}from"../lit-all.min.js";import l from"./S
     .footer:not(:has(::slotted(*))) {
       display: none;
     }
-  `;static loadedModules=new Set;static controlModules={minimal:["Menu","FormatBlock","Bold","Italic","BulletList","NumberedList"],normal:["Menu","FormatBlock","Bold","Italic","Quote","Code","Link","BulletList","NumberedList"],full:["Menu","FormatBlock","Bold","Italic","Strikethrough","Quote","Code","Link","Image","Table","BulletList","NumberedList","SpeechToText"]};static controlSets={"":{top:null,bottom:null},none:{top:null,bottom:null},minimal:{top:t`
-        <k-md-menu label="Heading">
-          <k-icon slot="trigger" name="text_fields"></k-icon>
-          <k-md-format-block tag="h1"></k-md-format-block>
-          <k-md-format-block tag="h3"></k-md-format-block>
-          <k-md-format-block tag="h5"></k-md-format-block>
-        </k-md-menu>
-        <k-md-bold></k-md-bold>
-        <k-md-italic></k-md-italic>
-        <k-md-bullet-list></k-md-bullet-list>
-        <k-md-numbered-list></k-md-numbered-list>
+  `;static controlSets={"":{top:null,bottom:null},none:{top:null,bottom:null},minimal:{top:t`
+        <kc-menu>
+          <k-icon slot="icon" name="text_fields"></k-icon>
+          <kc-format-block tag="h1"></kc-format-block>
+          <kc-format-block tag="h3"></kc-format-block>
+          <kc-format-block tag="h5"></kc-format-block>
+        </kc-menu>
+        <kc-bold></kc-bold>
+        <kc-italic></kc-italic>
+        <kc-bullet-list></kc-bullet-list>
+        <kc-number-list></kc-number-list>
       `,bottom:null},normal:{top:t`
-        <k-md-menu label="Heading">
-          <k-icon slot="trigger" name="text_fields"></k-icon>
-          <k-md-format-block tag="h1"></k-md-format-block>
-          <k-md-format-block tag="h2"></k-md-format-block>
-          <k-md-format-block tag="h3"></k-md-format-block>
-          <k-md-format-block tag="h4"></k-md-format-block>
-          <k-md-format-block tag="h5"></k-md-format-block>
-          <k-md-format-block tag="h6"></k-md-format-block>
-        </k-md-menu>
-        <k-md-bold></k-md-bold>
-        <k-md-italic></k-md-italic>
-        <k-md-quote></k-md-quote>
-        <k-md-code></k-md-code>
-        <k-md-link></k-md-link>
-        <k-md-bullet-list></k-md-bullet-list>
-        <k-md-numbered-list></k-md-numbered-list>
+        <kc-menu>
+          <k-icon slot="icon" name="text_fields"></k-icon>
+          <kc-format-block tag="h1"></kc-format-block>
+          <kc-format-block tag="h2"></kc-format-block>
+          <kc-format-block tag="h3"></kc-format-block>
+          <kc-format-block tag="h4"></kc-format-block>
+          <kc-format-block tag="h5"></kc-format-block>
+          <kc-format-block tag="h6"></kc-format-block>
+        </kc-menu>
+        <kc-bold></kc-bold>
+        <kc-italic></kc-italic>
+        <kc-quote></kc-quote>
+        <kc-inline-code></kc-inline-code>
+        <kc-md-link></kc-md-link>
+        <kc-bullet-list></kc-bullet-list>
+        <kc-number-list></kc-number-list>
       `,bottom:null},full:{top:t`
-        <k-md-menu label="Heading">
-          <k-icon slot="trigger" name="text_fields"></k-icon>
-          <k-md-format-block tag="h1"></k-md-format-block>
-          <k-md-format-block tag="h2"></k-md-format-block>
-          <k-md-format-block tag="h3"></k-md-format-block>
-          <k-md-format-block tag="h4"></k-md-format-block>
-          <k-md-format-block tag="h5"></k-md-format-block>
-          <k-md-format-block tag="h6"></k-md-format-block>
-        </k-md-menu>
-        <k-md-bold></k-md-bold>
-        <k-md-italic></k-md-italic>
-        <k-md-strikethrough></k-md-strikethrough>
-        <k-md-quote></k-md-quote>
-        <k-md-code></k-md-code>
-        <k-md-link></k-md-link>
-        <k-md-image></k-md-image>
-        <k-md-table></k-md-table>
-        <k-md-bullet-list></k-md-bullet-list>
-        <k-md-numbered-list></k-md-numbered-list>
-        <k-md-speech-to-text></k-md-speech-to-text>
-      `,bottom:null}}}customElements.define("k-markdown-editor",c);
+        <kc-menu>
+          <k-icon slot="icon" name="text_fields"></k-icon>
+          <kc-format-block tag="h1"></kc-format-block>
+          <kc-format-block tag="h2"></kc-format-block>
+          <kc-format-block tag="h3"></kc-format-block>
+          <kc-format-block tag="h4"></kc-format-block>
+          <kc-format-block tag="h5"></kc-format-block>
+          <kc-format-block tag="h6"></kc-format-block>
+        </kc-menu>
+        <kc-bold></kc-bold>
+        <kc-italic></kc-italic>
+        <kc-strikethrough></kc-strikethrough>
+        <kc-quote></kc-quote>
+        <kc-inline-code></kc-inline-code>
+        <kc-md-link></kc-md-link>
+        <kc-md-image></kc-md-image>
+        <kc-md-table></kc-md-table>
+        <kc-bullet-list></kc-bullet-list>
+        <kc-number-list></kc-number-list>
+        <kc-md-speech-to-text></kc-md-speech-to-text>
+      `,bottom:null}}}customElements.define("k-markdown-editor",b);

package/dist/components/Pagination.js

@@ -1,4 +1,4 @@
-import{html as t,css as e,nothing as s}from"../lit-all.min.js";import a from"./ShadowComponent.js";import{bound as i,closest as r}from"../utils/number.js";import{commaSeparatedArray as o}from"../utils/propConverters.js";export default class l extends a{static properties={page:{type:Number,reflect:!0,attribute:"page"},totalItems:{type:Number,reflect:!0,attribute:"total-items"},itemsPerPage:{type:Number,reflect:!0,attribute:"items-per-page"},controls:{type:String,reflect:!0},pageSizes:{converter:o(t=>{const e=parseInt(t);return isNaN(e)?null:e},[5,10,25,50,100]),reflect:!0,attribute:"page-sizes"}};constructor(){super(),this.page=1,this.totalItems=0,this.itemsPerPage=10,this.pageSizes=[5,10,25,50,100],this.controls=""}loadControls(){const t=this.constructor.controlModules[this.controls];if(!t?.length)return;const e=this.constructor.loadedModules,s=new URL("./paginationControls/",import.meta.url).href;t.filter(t=>!e.has(t)).forEach(t=>{e.add(t),import(`${s}${t}.js`)})}willUpdate(t){t.forEach((t,e)=>{const s=this[e];switch(e){case"pageSizes":void 0===s?this.pageSizes=[5,10,25,50,100]:this.itemsPerPage=r(this.itemsPerPage,this.pageSizes);break;case"itemsPerPage":void 0===s?this.itemsPerPage=this.pageSizes?.[0]||10:(this.itemsPerPage=r(this.itemsPerPage,this.pageSizes),void 0!==t&&(this.page=Math.ceil(((this.page-1)*t+1)/this.itemsPerPage)));break;case"totalItems":if(void 0===s)this.totalItems=0;else{const t=Math.max(1,Math.ceil(this.totalItems/this.itemsPerPage));this.page>t&&(this.page=t)}break;case"page":if(void 0===s)this.page=1;else{const t=i(this.page,1,this.totalPages);t!==this.page&&(this.page=t)}break;case"controls":void 0===s&&(this.controls="")}})}updated(t){super.updated(t);(t.has("page")&&void 0!==t.get("page")||t.has("itemsPerPage")&&void 0!==t.get("itemsPerPage"))&&this.dispatchEvent(new CustomEvent("page-change",{detail:{currentPage:this.page,totalPages:this.totalPages,itemsPerPage:this.itemsPerPage,totalItems:this.totalItems},bubbles:!0})),t.has("controls")&&this.controls&&"none"!==this.controls&&this.loadControls()}get totalPages(){return this.totalItems&&this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1}nextPage(){this.page=i(this.page+1,1,this.totalPages)}previousPage(){this.page=i(this.page-1,1,this.totalPages)}render(){const e=this.constructor.controlSets[this.controls];return t`
+import{html as t,css as e,nothing as s}from"../lit-all.min.js";import a from"./ShadowComponent.js";import{bound as i,closest as r}from"../utils/number.js";import{commaSeparatedArray as o}from"../utils/propConverters.js";import l from"./controls/Control.js";export default class g extends a{static properties={page:{type:Number,reflect:!0,attribute:"page"},totalItems:{type:Number,reflect:!0,attribute:"total-items"},itemsPerPage:{type:Number,reflect:!0,attribute:"items-per-page"},controls:{type:String,reflect:!0},pageSizes:{converter:o(t=>{const e=parseInt(t);return isNaN(e)?null:e},[5,10,25,50,100]),reflect:!0,attribute:"page-sizes"}};constructor(){super(),this.page=1,this.totalItems=0,this.itemsPerPage=10,this.pageSizes=[5,10,25,50,100],this.controls=""}connectedCallback(){super.connectedCallback(),this.hasAttribute("controlled")||this.setAttribute("controlled","")}loadControls(){const t=this.constructor.controlSets[this.controls];t&&l.load(Object.values(t))}willUpdate(t){t.forEach((t,e)=>{const s=this[e];switch(e){case"pageSizes":void 0===s?this.pageSizes=[5,10,25,50,100]:this.itemsPerPage=r(this.itemsPerPage,this.pageSizes);break;case"itemsPerPage":void 0===s?this.itemsPerPage=this.pageSizes?.[0]||10:(this.itemsPerPage=r(this.itemsPerPage,this.pageSizes),void 0!==t&&(this.page=Math.ceil(((this.page-1)*t+1)/this.itemsPerPage)));break;case"totalItems":if(void 0===s)this.totalItems=0;else{const t=Math.max(1,Math.ceil(this.totalItems/this.itemsPerPage));this.page>t&&(this.page=t)}break;case"page":if(void 0===s)this.page=1;else{const t=i(this.page,1,this.totalPages);t!==this.page&&(this.page=t)}break;case"controls":void 0===s&&(this.controls="")}})}updated(t){super.updated(t);(t.has("page")&&void 0!==t.get("page")||t.has("itemsPerPage")&&void 0!==t.get("itemsPerPage"))&&this.dispatchEvent(new CustomEvent("page-change",{detail:{currentPage:this.page,totalPages:this.totalPages,itemsPerPage:this.itemsPerPage,totalItems:this.totalItems},bubbles:!0})),t.has("controls")&&this.controls&&"none"!==this.controls&&this.loadControls()}get totalPages(){return this.totalItems&&this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1}nextPage(){this.page=i(this.page+1,1,this.totalPages)}previousPage(){this.page=i(this.page-1,1,this.totalPages)}render(){const e=this.constructor.controlSets[this.controls];return t`
       <div id="controls" aria-label="Pagination">
         <div class="left">
           <slot>${e?.left??s}</slot>
@@ -30,14 +30,14 @@ import{html as t,css as e,nothing as s}from"../lit-all.min.js";import a from"./S
       flex-wrap: wrap;
       margin-left: auto;
     }
-  `;static loadedModules=new Set;static controlModules={simple:["PrevPage","NextPage","PageInfo"],full:["FirstPage","PrevPage","GotoPage","NextPage","LastPage","ItemsPerPage"]};static controlSets={"":{left:null,right:null},none:{left:null,right:null},simple:{left:t`
-        <k-pg-prev></k-pg-prev>
-        <k-pg-page-info></k-pg-page-info>
-        <k-pg-next></k-pg-next>
+  `;static controlSets={"":{left:null,right:null},none:{left:null,right:null},simple:{left:t`
+        <kc-pg-prev></kc-pg-prev>
+        <kc-pg-page-info></kc-pg-page-info>
+        <kc-pg-next></kc-pg-next>
       `,right:null},full:{left:t`
-        <k-pg-first></k-pg-first>
-        <k-pg-prev></k-pg-prev>
-        <k-pg-goto-page></k-pg-goto-page>
-        <k-pg-next></k-pg-next>
-        <k-pg-last></k-pg-last>
-      `,right:t`<k-pg-items-per-page></k-pg-items-per-page>`}}}window.customElements.define("k-pagination",l);
+        <kc-pg-first></kc-pg-first>
+        <kc-pg-prev></kc-pg-prev>
+        <kc-pg-goto-page></kc-pg-goto-page>
+        <kc-pg-next></kc-pg-next>
+        <kc-pg-last></kc-pg-last>
+      `,right:t`<kc-pg-items-per-page></kc-pg-items-per-page>`}}}window.customElements.define("k-pagination",g);

package/dist/components/Table.js

@@ -1,4 +1,4 @@
-import{html as e,css as t,unsafeStatic as s,literal as i}from"../lit-all.min.js";import r from"./ShadowComponent.js";import{toTitleCase as o}from"../utils/string.js";import{boolExists as n}from"../utils/propConverters.js";const l=Symbol("selected"),a=Symbol("hidden"),d=Symbol("index"),c=Symbol("editing");export default class h extends r{static properties={enablePages:{type:Boolean,reflect:!0,converter:n,attribute:"enable-pages"},pageSize:{type:Number,reflect:!0,attribute:"page-size"},currentPage:{type:Number,reflect:!0,attribute:"current-page"},pageSizeOptions:{type:Array,attribute:"page-size-options"},enableSelection:{type:Boolean,reflect:!0,converter:n,attribute:"enable-selection"},enableSorting:{type:Boolean,reflect:!0,converter:n,attribute:"enable-sorting"},caseSensitiveFilters:{type:Boolean,reflect:!0,converter:n,attribute:"case-sensitive-filters"},requestEdit:{type:Boolean,reflect:!0,converter:n,attribute:"request-edit"},requestDelete:{type:Boolean,reflect:!0,converter:n,attribute:"request-delete"},placeholder:{type:String,reflect:!0},filteredPlaceholder:{type:String,reflect:!0,attribute:"filtered-placeholder"},fields:{type:Array},records:{type:Array},filters:{type:Array},sort:{type:Array},columnSizes:{type:Object},fetchPending:{type:Boolean}};constructor(e={}){super(),void 0===this.pageSize&&(this.pageSize=50),void 0===this.currentPage&&(this.currentPage=1),void 0===this.pageSizeOptions&&(this.pageSizeOptions=[10,25,50,100,500]),void 0===this.records&&(this.records=e.records||[]),void 0===this.fields&&(this.fields=e.fields||[]),void 0===this.filters&&(this.filters=e.filters||[]),void 0===this.sort&&(this.sort=[]),void 0===this.columnSizes&&(this.columnSizes={}),void 0===this.fetchPending&&(this.fetchPending=!1),void 0===this.requestEdit&&(this.requestEdit=!1),void 0===this.requestDelete&&(this.requestDelete=!1),void 0===this.placeholder&&(this.placeholder="No Records"),void 0===this.filteredPlaceholder&&(this.filteredPlaceholder="")}handleSelectAllChange=e=>{e.target.checked?this.selectAllOnPage():this.deselectAllOnPage()};handleFieldClick=e=>{const t=this.sort.find(t=>t.name===e),s=!t||!t.asc;this.sortBy(e,s)};handleRecordSelectionChange=(e,t)=>{e[l]=!!t.target.checked,this.requestUpdate(),this.dispatchEvent(new CustomEvent("selectionChange",{bubbles:!0}))};firstUpdated(){this.setData({records:this.records,fields:this.fields,filters:this.filters})}childrenUpdated(){this.requestUpdate()}updated(e){if(super.updated(e),this.enableSelection){const e=this.shadowRoot.getElementById("select-all");e&&(e.checked=this.getDisplayedRecords().length>0&&this.allOnPageSelected())}}renderColgroupTemplate(){const t=[];return this.enableSelection&&t.push(e`<col style="width: 40px" />`),this.hasBeforeControls()&&t.push(e`<col style="width: ${this.columnSizes.beforeControls}px" />`),this.fields.forEach(({size:s,hidden:i})=>{i||t.push(s?e`<col style="width: ${s}px" />`:e`<col />`)}),this.hasAfterControls()&&t.push(e`<col style="width: ${this.columnSizes.afterControls}px" />`),t}getColumnCount(){let e=0;return this.enableSelection&&e++,this.hasBeforeControls()&&e++,this.fields.forEach(({hidden:t})=>{t||e++}),this.hasAfterControls()&&e++,e}renderFieldsTemplate(){const t=[];return this.enableSelection&&t.push(e`
+import{html as e,css as t,unsafeStatic as s,literal as i}from"../lit-all.min.js";import r from"./ShadowComponent.js";import{toTitleCase as o}from"../utils/string.js";import{boolExists as n}from"../utils/propConverters.js";const l=Symbol("selected"),a=Symbol("hidden"),d=Symbol("index"),c=Symbol("editing");export default class h extends r{static properties={enablePages:{type:Boolean,reflect:!0,converter:n,attribute:"enable-pages"},pageSize:{type:Number,reflect:!0,attribute:"page-size"},currentPage:{type:Number,reflect:!0,attribute:"current-page"},pageSizeOptions:{type:Array,attribute:"page-size-options"},enableSelection:{type:Boolean,reflect:!0,converter:n,attribute:"enable-selection"},enableSorting:{type:Boolean,reflect:!0,converter:n,attribute:"enable-sorting"},caseSensitiveFilters:{type:Boolean,reflect:!0,converter:n,attribute:"case-sensitive-filters"},requestEdit:{type:Boolean,reflect:!0,converter:n,attribute:"request-edit"},requestDelete:{type:Boolean,reflect:!0,converter:n,attribute:"request-delete"},placeholder:{type:String,reflect:!0},filteredPlaceholder:{type:String,reflect:!0,attribute:"filtered-placeholder"},fields:{type:Array},records:{type:Array},filters:{type:Array},sort:{type:Array},columnSizes:{type:Object},fetchPending:{type:Boolean}};constructor(e={}){super(),void 0===this.pageSize&&(this.pageSize=50),void 0===this.currentPage&&(this.currentPage=1),void 0===this.pageSizeOptions&&(this.pageSizeOptions=[10,25,50,100,500]),void 0===this.records&&(this.records=e.records||[]),void 0===this.fields&&(this.fields=e.fields||[]),void 0===this.filters&&(this.filters=e.filters||[]),void 0===this.sort&&(this.sort=[]),void 0===this.columnSizes&&(this.columnSizes={}),void 0===this.fetchPending&&(this.fetchPending=!1),void 0===this.requestEdit&&(this.requestEdit=!1),void 0===this.requestDelete&&(this.requestDelete=!1),void 0===this.placeholder&&(this.placeholder="No Records"),void 0===this.filteredPlaceholder&&(this.filteredPlaceholder="")}handleSelectAllChange=e=>{e.target.checked?this.selectAllOnPage():this.deselectAllOnPage()};handleFieldClick=e=>{const t=this.sort.find(t=>t.name===e),s=!t||!t.asc;this.sortBy(e,s)};handleRecordSelectionChange=(e,t)=>{e[l]=!!t.target.checked,this.requestUpdate(),this.dispatchEvent(new CustomEvent("selectionChange",{bubbles:!0}))};connectedCallback(){super.connectedCallback(),this.hasAttribute("controlled")||this.setAttribute("controlled","")}firstUpdated(){this.setData({records:this.records,fields:this.fields,filters:this.filters})}childrenUpdated(){this.requestUpdate()}updated(e){if(super.updated(e),this.enableSelection){const e=this.shadowRoot.getElementById("select-all");e&&(e.checked=this.getDisplayedRecords().length>0&&this.allOnPageSelected())}}renderColgroupTemplate(){const t=[];return this.enableSelection&&t.push(e`<col style="width: 40px" />`),this.hasBeforeControls()&&t.push(e`<col style="width: ${this.columnSizes.beforeControls}px" />`),this.fields.forEach(({size:s,hidden:i})=>{i||t.push(s?e`<col style="width: ${s}px" />`:e`<col />`)}),this.hasAfterControls()&&t.push(e`<col style="width: ${this.columnSizes.afterControls}px" />`),t}getColumnCount(){let e=0;return this.enableSelection&&e++,this.hasBeforeControls()&&e++,this.fields.forEach(({hidden:t})=>{t||e++}),this.hasAfterControls()&&e++,e}renderFieldsTemplate(){const t=[];return this.enableSelection&&t.push(e`
         <th class="controls field-select">
           <input type="checkbox" id="select-all" @change=${this.handleSelectAllChange} />
         </th>

package/dist/components/controls/AlignCenter.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class n extends t{static requires=["alignCenter"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Align Center")}handleAction(){this.host?.alignCenter?.()}render(){return e`<slot><k-icon name="format_align_center"></k-icon></slot>`}}customElements.define("kc-align-center",n);

package/dist/components/controls/AlignJustify.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as i}from"../../lit-all.min.js";import"../Icon.js";export default class s extends t{static requires=["alignJustify"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Justify")}handleAction(){this.host?.alignJustify?.()}render(){return i`<slot><k-icon name="format_align_justify"></k-icon></slot>`}}customElements.define("kc-align-justify",s);

package/dist/components/controls/AlignLeft.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class i extends t{static requires=["alignLeft"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Align Left")}handleAction(){this.host?.alignLeft?.()}render(){return e`<slot><k-icon name="format_align_left"></k-icon></slot>`}}customElements.define("kc-align-left",i);

package/dist/components/controls/AlignRight.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as i}from"../../lit-all.min.js";import"../Icon.js";export default class e extends t{static requires=["alignRight"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Align Right")}handleAction(){this.host?.alignRight?.()}render(){return i`<slot><k-icon name="format_align_right"></k-icon></slot>`}}customElements.define("kc-align-right",e);

package/dist/components/controls/Bold.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as o}from"../../lit-all.min.js";import"../Icon.js";export default class e extends t{static requires=["bold"];static hostMode=["visual","write"];connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Bold")}handleAction(){this.host?.bold?.()}render(){return o`<slot><k-icon name="format_bold"></k-icon></slot>`}}customElements.define("kc-bold",e);

package/dist/components/controls/BulletList.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class l extends t{static requires=["bulletList"];static hostMode=["visual","write"];connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Bulleted List")}handleAction(){this.host?.bulletList?.()}render(){return e`<slot><k-icon name="format_list_bulleted"></k-icon></slot>`}}customElements.define("kc-bullet-list",l);

package/dist/components/controls/ButtonControl.js

@@ -0,0 +1,33 @@
+import e from"./Control.js";import{css as t,html as i}from"../../lit-all.min.js";export default class s extends e{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||(this.tabIndex=this.disabled?-1:0),this.setAttribute("aria-disabled",String(!!this.disabled)),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown)}updated(e){super.updated(e),e.has("disabled")&&(this.tabIndex=this.disabled?-1:0,this.setAttribute("aria-disabled",String(this.disabled)))}handleAction(){}handleClick=e=>{this.disabled?e.stopImmediatePropagation():this.handleAction()};handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.click())};render(){return i`<slot></slot>`}static styles=[e.styles,t`
+      :host {
+        align-items: center;
+        justify-content: center;
+        min-width: 2rem;
+        min-height: 2rem;
+        background: transparent;
+        border: 1px solid var(--c_border);
+        border-radius: var(--radius);
+        margin: var(--spacer_q);
+        padding: var(--spacer_h);
+        color: inherit;
+        cursor: pointer;
+        outline: none;
+        font-size: inherit;
+        user-select: none;
+        transition: background-color var(--animation_ms), box-shadow var(--animation_ms);
+      }
+      :host(:not([disabled]):hover) {
+        background: oklch(from var(--c_bg__inv) l c h / 0.15);
+      }
+      :host(:not([disabled]):focus),
+      :host(:not([disabled]):focus-visible) {
+        box-shadow: var(--focus_shadow);
+        z-index: 1;
+      }
+      :host([disabled]) {
+        cursor: default;
+      }
+      :host([active]) {
+        background: oklch(from var(--c_primary) l c h / 0.18);
+      }
+    `]}customElements.define("kc-button",s);

package/dist/components/controls/CharacterCount.js

@@ -0,0 +1,4 @@
+import t from"./Control.js";import{html as e,css as s}from"../../lit-all.min.js";export default class n extends t{static hostEvents=["change","ready"];static properties={...t.properties,count:{type:Number,state:!0}};constructor(){super(),this.count=0}connectedCallback(){super.connectedCallback(),setTimeout(()=>this.updateCount(),0)}willUpdate(t){super.willUpdate?.(t),this.updateCount()}updateCount(){const t=this.host;if(!t||"function"!=typeof t.getValue)return;const e=t.getValue()||"",s=e.includes("<")?(new DOMParser).parseFromString(e,"text/html").body.innerText||"":e;this.count=s.length}render(){return e`<span class="character-count"><slot name="label">Characters:</slot> ${this.count}</span>`}static styles=[t.styles,s`
+      :host { align-items: center; padding: 0 0.5rem; font-size: 0.875rem; color: var(--tc_muted, #666); }
+      .character-count { display: flex; align-items: center; gap: 0.25rem; }
+    `]}customElements.define("kc-character-count",n);

package/dist/components/controls/ClearFormatting.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class o extends t{static requires=["removeFormat"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Clear Formatting")}handleAction(){this.host?.removeFormat?.()}render(){return e`<slot><k-icon name="format_clear"></k-icon></slot>`}}customElements.define("kc-clear-formatting",o);

package/dist/components/controls/CodeBlock.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as o}from"../../lit-all.min.js";import"../Icon.js";export default class e extends t{static requires=["formatBlock"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Code Block")}handleAction(){const t=this.host,o=t?.isSelectionInCodeBlock?.();t?.formatBlock?.(o?"p":"pre")}render(){return o`<slot><k-icon name="code_blocks"></k-icon></slot>`}}customElements.define("kc-code-block",e);

package/dist/components/controls/Control.js

@@ -0,0 +1,12 @@
+import t from"../ShadowComponent.js";import{css as e}from"../../lit-all.min.js";export default class s extends t{static properties={hidden:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}};static requires=[];static hostEvents=[];constructor(){super(),this.hidden=!1,this.disabled=!1}connectedCallback(){super.connectedCallback();const t=this.host;if(this.boundHost=t,this.updateHostSupport(),t){this.modeHandler=()=>{this.updateModeVisibility(),this.requestUpdate()},t.addEventListener("mode-changed",this.modeHandler),this.hostEventHandler=()=>this.requestUpdate();for(const e of this.constructor.hostEvents||[])t.addEventListener(e,this.hostEventHandler);this.updateModeVisibility()}}disconnectedCallback(){if(super.disconnectedCallback(),this.boundHost&&(this.modeHandler&&this.boundHost.removeEventListener("mode-changed",this.modeHandler),this.hostEventHandler))for(const t of this.constructor.hostEvents||[])this.boundHost.removeEventListener(t,this.hostEventHandler);this.modeHandler=null,this.hostEventHandler=null,this.boundHost=null}updated(t){super.updated(t),t.has("hidden")&&this.dispatchEvent(new CustomEvent("control_visibility_change",{bubbles:!0}))}get host(){if(this.boundHost)return this.boundHost;let t=this.getRootNode();for(;t instanceof ShadowRoot;){const e=t.host,s=e?.closest?.("[controlled]")||(e?.hasAttribute?.("controlled")?e:null);if(s)return s;t=e.getRootNode()}return this.closest("[controlled]")}updateHostSupport(){const t=this.host,e=this.constructor.requires||[],s=!(t&&e.every(e=>"function"==typeof t[e]));this.disabled!==s&&(this.disabled=s)}updateModeVisibility(){const t=this.constructor.hostMode;if(!t)return;const e=this.host;if(!e)return;if(!("mode"in e))return;const s=!(Array.isArray(t)?t:[t]).includes(e.mode);this.hidden!==s&&(this.hidden=s)}static load=(()=>{const t=/<(kc-[a-z][a-z0-9-]*|k-control-group)\b/g,e=new Set,s=t=>{if("k-control-group"===t)return"../ControlGroup.js";return`./${t.slice(3).split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join("")}.js`},o=(e,s=new Set)=>{if(!e)return s;if(Array.isArray(e))return e.forEach(t=>o(t,s)),s;if(e.strings)for(const o of e.strings){let e;for(t.lastIndex=0;null!==(e=t.exec(o));)s.add(e[1])}if("object"==typeof e)for(const t of Object.values(e))t&&(Array.isArray(t)||t.strings)&&o(t,s);return s};return async t=>{const n=o(t),i=new URL("./",import.meta.url).href,r=[];for(const t of n)e.has(t)||(e.add(t),r.push(import(new URL(s(t),i).href)));r.length&&await Promise.all(r)}})();static styles=e`
+    :host {
+      display: inline-flex;
+    }
+    :host([hidden]) {
+      display: none !important;
+    }
+    :host([disabled]) {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+  `}customElements.define("kc-control",s);

package/dist/components/controls/CopyCode.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as o}from"../../lit-all.min.js";import"../Icon.js";export default class e extends t{static requires=["copyToClipboard"];static hostMode="code";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Copy Code")}handleAction(){this.host?.copyToClipboard?.()}render(){return o`<slot><k-icon name="content_copy"></k-icon></slot>`}}customElements.define("kc-copy-code",e);

package/dist/components/controls/CreateLink.js

@@ -0,0 +1 @@
+import e from"./ButtonControl.js";import{html as t}from"../../lit-all.min.js";import"../Icon.js";import n from"../Dialog.js";export default class i extends e{static requires=["createLink"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Insert Link")}handleAction(){const e=this.host;if(!e)return;const t=e.getSelectedText?.()||"",i=document.createElement("input");i.type="text",i.placeholder="https://example.com",i.style.cssText="padding: 0.5rem; border: 1px solid var(--c_border); border-radius: var(--radius); font: inherit;";const l=document.createElement("input");l.type="text",l.placeholder="Enter link text",l.value=t,l.style.cssText="padding: 0.5rem; border: 1px solid var(--c_border); border-radius: var(--radius); font: inherit;";const r=document.createElement("div");r.className="p",r.style.cssText="display: flex; flex-direction: column; gap: 1rem;",r.innerHTML='\n      <div style="display: flex; flex-direction: column; gap: 0.5rem;">\n        <label style="font-weight: bold;">URL</label>\n      </div>\n      <div style="display: flex; flex-direction: column; gap: 0.5rem;">\n        <label style="font-weight: bold;">Link Text</label>\n      </div>\n    ',r.children[0].appendChild(i),r.children[1].appendChild(l),n.create(r,{title:"Create Link",cancelText:"Cancel",confirmText:"Insert Link",confirmClasses:"success ml",confirmAction:n=>{const r=i.value.trim(),o=l.value.trim();r?!e.selection||o&&o!==t?e.createLinkWithText?.(r,o||r):e.createLink(r):n.keepDialogOpen=!0}})}render(){return t`<slot><k-icon name="link"></k-icon></slot>`}}customElements.define("kc-create-link",i);

package/dist/components/controls/EditorTheme.js

@@ -0,0 +1,30 @@
+import t from"./Control.js";import{html as e,css as o}from"../../lit-all.min.js";import"../Icon.js";export default class r extends t{static requires=["setEditorTheme"];static hostMode="code";static hostEvents=["editor-theme-changed"];static properties={...t.properties,value:{type:String,state:!0}};constructor(){super(),this.value="auto"}connectedCallback(){super.connectedCallback(),this.host&&(this.value=this.host.editorTheme||"auto")}willUpdate(t){super.willUpdate?.(t),this.host&&(this.value=this.host.editorTheme||"auto")}handleChange=t=>{this.host?.setEditorTheme?.(t.target.value)};static styles=[t.styles,o`
+      :host {
+        position: relative;
+        background-color: var(--input_bg);
+        color: var(--input_tc);
+        border: var(--input_border_width) solid var(--c_input_border);
+        border-radius: var(--radius);
+        transition: box-shadow var(--animation_ms);
+        margin-right: var(--spacer_q);
+      }
+      k-icon {
+        position: absolute;
+        left: 0.5rem;
+        top: 50%;
+        transform: translateY(-50%);
+        pointer-events: none;
+      }
+      select {
+        border: 0;
+        padding: var(--spacer_h) 1rem var(--spacer_h) 2rem;
+        min-height: 2.5rem;
+      }
+    `];render(){return e`
+      <k-icon name="contrast"></k-icon>
+      <select .value=${this.value} @change=${this.handleChange} title="Editor Theme">
+        <option value="auto">Auto</option>
+        <option value="light">Light</option>
+        <option value="dark">Dark</option>
+      </select>
+    `}}customElements.define("kc-editor-theme",r);

package/dist/components/controls/FindReplace.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class n extends t{static requires=["openFind"];static hostMode="code";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Find & Replace")}handleAction(){this.host?.openFind?.()}render(){return e`<slot><k-icon name="search"></k-icon></slot>`}}customElements.define("kc-find-replace",n);

package/dist/components/controls/FoldAll.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as l}from"../../lit-all.min.js";import"../Icon.js";export default class o extends t{static requires=["foldAll","unfoldAll"];static hostMode="code";static properties={...t.properties,folded:{type:Boolean,state:!0}};constructor(){super(),this.folded=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Fold All")}handleAction(){this.folded=!this.folded,this.folded?this.host?.foldAll?.():this.host?.unfoldAll?.()}render(){return l`<slot><k-icon name="${this.folded?"unfold_more":"unfold_less"}"></k-icon></slot>`}}customElements.define("kc-fold-all",o);

package/dist/components/controls/FontSize.js

@@ -0,0 +1,8 @@
+import e from"./Control.js";import{html as o,css as s}from"../../lit-all.min.js";import"./FontSizeIncrease.js";import"./FontSizeDecrease.js";import"../ControlGroup.js";export default class t extends e{static hostMode="code";static styles=[e.styles,s`
+      :host { gap: 0; }
+    `];render(){return o`
+      <k-control-group class="b r mq">
+        <kc-font-size-decrease></kc-font-size-decrease>
+        <kc-font-size-increase></kc-font-size-increase>
+      </k-control-group>
+    `}}customElements.define("kc-font-size",t);

package/dist/components/controls/FontSizeDecrease.js

@@ -0,0 +1 @@
+import e from"./ButtonControl.js";import{html as t}from"../../lit-all.min.js";import"../Icon.js";export default class o extends e{static requires=["decreaseFontSize"];static hostMode="code";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Decrease Font Size")}handleAction(){this.host?.decreaseFontSize?.()}render(){return t`<slot><k-icon name="text_decrease"></k-icon></slot>`}}customElements.define("kc-font-size-decrease",o);

package/dist/components/controls/FontSizeIncrease.js

@@ -0,0 +1 @@
+import e from"./ButtonControl.js";import{html as t}from"../../lit-all.min.js";import"../Icon.js";export default class n extends e{static requires=["increaseFontSize"];static hostMode="code";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Increase Font Size")}handleAction(){this.host?.increaseFontSize?.()}render(){return t`<slot><k-icon name="text_increase"></k-icon></slot>`}}customElements.define("kc-font-size-increase",n);

package/dist/components/controls/FormatBlock.js

@@ -0,0 +1,8 @@
+import t from"./ButtonControl.js";import{html as a,css as e}from"../../lit-all.min.js";import"../Icon.js";const o={p:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",h4:"Heading 4",h5:"Heading 5",h6:"Heading 6",blockquote:"Blockquote",pre:"Code Block"},r={p:"format_paragraph",h1:"format_h1",h2:"format_h2",h3:"format_h3",h4:"format_h4",h5:"format_h5",h6:"format_h6",blockquote:"format_quote",pre:"code_blocks"};export default class s extends t{static requires=["formatBlock"];static hostMode=["visual","write"];static properties={...t.properties,tag:{type:String,reflect:!0}};constructor(){super(),this.tag="p"}connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title=o[this.tag]||this.tag)}getDefaultLabel(t){return o[t||this.tag]||(t||this.tag).toUpperCase()}getDefaultIcon(t){return r[t||this.tag]||"format_paragraph"}handleAction(){this.host?.formatBlock?.(this.tag)}render(){const t=o[this.tag]||this.tag.toUpperCase(),e=r[this.tag]||"format_paragraph";return a`
+      <slot name="icon"><k-icon name=${e}></k-icon></slot>
+      <slot>${t}</slot>
+    `}static styles=[t.styles,e`
+      :host {
+        gap: 0.5rem;
+      }
+    `]}customElements.define("kc-format-block",s);

package/dist/components/controls/FormatCode.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class o extends t{static requires=["formatCode"];static hostMode="code";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Format Code")}handleAction(){this.host?.formatCode?.()}render(){return e`<slot><k-icon name="frame_source"></k-icon></slot>`}}customElements.define("kc-format-code",o);

package/dist/components/controls/Fullscreen.js

@@ -0,0 +1 @@
+import e from"./ButtonControl.js";import{html as t}from"../../lit-all.min.js";import"../Icon.js";export default class s extends e{static requires=["toggleFullscreen"];static hostEvents=["fullscreen-changed"];static properties={...e.properties,fullscreen:{type:Boolean,state:!0}};constructor(){super(),this.fullscreen=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Fullscreen"),this.host&&(this.fullscreen=!!this.host.fullscreen)}willUpdate(e){super.willUpdate?.(e),this.host&&(this.fullscreen=!!this.host.fullscreen)}updated(e){super.updated(e),e.has("fullscreen")&&this.toggleAttribute("active",this.fullscreen)}handleAction(){this.host?.toggleFullscreen?.()}render(){return t`<slot><k-icon name="${this.fullscreen?"fullscreen_exit":"fullscreen"}"></k-icon></slot>`}}customElements.define("kc-fullscreen",s);

package/dist/components/controls/InlineCode.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class i extends t{static requires=["inlineCode"];static hostMode=["visual","write"];connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Inline Code")}handleAction(){this.host?.inlineCode?.()}render(){return e`<slot><k-icon name="code_blocks"></k-icon></slot>`}}customElements.define("kc-inline-code",i);

package/dist/components/controls/InsertTable.js

@@ -0,0 +1 @@
+import e from"./ButtonControl.js";import{html as t}from"../../lit-all.min.js";import"../Icon.js";import l from"../Dialog.js";export default class n extends e{static requires=["insertTable"];static hostMode="visual";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Insert Table")}handleAction(){const e=this.host;if(!e)return;const t=e.getTableAtSelection?.(),n=!!t,r=t?.rows??3,i=t?.cols??3,s=t?.hasHeaders??!0,a=t?.cellData??null,o=document.createElement("input");o.type="number",o.min="1",o.max="20",o.value=String(r),o.style.cssText="padding: 0.5rem; border: 1px solid var(--c_border); border-radius: var(--radius); font: inherit;";const c=document.createElement("input");c.type="number",c.min="1",c.max="10",c.value=String(i),c.style.cssText="padding: 0.5rem; border: 1px solid var(--c_border); border-radius: var(--radius); font: inherit;";const d=document.createElement("input");d.type="checkbox",d.checked=s,d.id="kc-table-headers";const m=document.createElement("div");m.className="p",m.style.cssText="display: flex; flex-direction: column; gap: 1rem;",m.innerHTML='\n      <div style="display: flex; flex-direction: column; gap: 0.5rem;"><label style="font-weight: bold;">Rows</label></div>\n      <div style="display: flex; flex-direction: column; gap: 0.5rem;"><label style="font-weight: bold;">Columns</label></div>\n      <div style="display: flex; align-items: center; gap: 0.5rem;"><label for="kc-table-headers" style="font-weight: bold;">Include Headers</label></div>\n    ',m.children[0].appendChild(o),m.children[1].appendChild(c),m.children[2].insertBefore(d,m.children[2].firstChild),l.create(m,{title:n?"Edit Table":"Insert Table",cancelText:"Cancel",confirmText:n?"Update Table":"Insert Table",confirmClasses:"success",confirmAction:()=>{const l=parseInt(o.value)||3,r=parseInt(c.value)||3,i=d.checked;n&&e.removeTableByKey?.(t.key),e.insertTable(l,r,i,a)}})}render(){return t`<slot><k-icon name="table"></k-icon></slot>`}}customElements.define("kc-insert-table",n);

package/dist/components/controls/Italic.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as i}from"../../lit-all.min.js";import"../Icon.js";export default class e extends t{static requires=["italic"];static hostMode=["visual","write"];connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Italic")}handleAction(){this.host?.italic?.()}render(){return i`<slot><k-icon name="format_italic"></k-icon></slot>`}}customElements.define("kc-italic",e);

package/dist/components/controls/Language.js

@@ -0,0 +1,21 @@
+import t from"./Control.js";import{html as a,css as e}from"../../lit-all.min.js";import"../Icon.js";const s=["javascript","typescript","html","css","json","markdown","python","java","csharp","cpp","go","rust","php","ruby","sql","xml","yaml","shell","plaintext"];export default class r extends t{static requires=["setLanguage"];static hostMode="code";static hostEvents=["language-changed"];static properties={...t.properties,value:{type:String,state:!0}};constructor(){super(),this.value="javascript"}connectedCallback(){super.connectedCallback(),this.host&&(this.value=this.host.language||"javascript")}willUpdate(t){super.willUpdate?.(t),this.host&&(this.value=this.host.language||"javascript")}handleChange=t=>{this.host?.setLanguage?.(t.target.value)};static styles=[t.styles,e`
+      :host {
+        background-color: var(--input_bg);
+        color: var(--input_tc);
+        border: var(--input_border_width) solid var(--c_input_border);
+        border-radius: var(--radius);
+        transition: box-shadow var(--animation_ms);
+        margin-right: var(--spacer_q);
+      }
+      select {
+        border: 0;
+        padding: var(--spacer_h) var(--spacer);
+        min-height: 2.5rem;
+      }
+    `];render(){return a`
+      <select .value=${this.value} @change=${this.handleChange} title="Language">
+        ${s.map(t=>a`
+          <option value="${t}" ?selected=${this.value===t}>${t}</option>
+        `)}
+      </select>
+    `}}customElements.define("kc-language",r);

package/dist/components/controls/MdImage.js

@@ -0,0 +1,23 @@
+import e from"./Control.js";import{html as t,css as o}from"../../lit-all.min.js";import"../Icon.js";import"../Dropdown.js";export default class r extends e{static requires=["replaceSelection"];static hostMode="write";handleDropdownOpened=()=>{requestAnimationFrame(()=>{const e=this.shadowRoot.querySelector(".image-url"),t=this.shadowRoot.querySelector(".image-alt");e?.focus();const o=this.host?.textarea;o&&t&&(t.value=o.value.substring(o.selectionStart,o.selectionEnd)||"")})};handleDropdownClosed=()=>{const e=this.shadowRoot.querySelector(".image-url"),t=this.shadowRoot.querySelector(".image-alt");e&&(e.value=""),t&&(t.value="")};handleFormKeydown=e=>{"Enter"===e.key?(e.preventDefault(),this.submit()):"Escape"===e.key&&this.shadowRoot.querySelector("k-dropdown")?.close()};submit(){const e=this.shadowRoot.querySelector(".image-url").value.trim(),t=this.shadowRoot.querySelector(".image-alt").value.trim();e?(this.host?.replaceSelection?.(`![${t}](${e})`,{selectInserted:!1}),this.shadowRoot.querySelector("k-dropdown")?.close()):this.shadowRoot.querySelector(".image-url").focus()}render(){return t`
+      <k-dropdown @opened=${this.handleDropdownOpened} @closed=${this.handleDropdownClosed}>
+        <button slot="trigger" type="button" class="trigger" title="Image"><k-icon name="image"></k-icon></button>
+        <div class="image-form" @keydown=${this.handleFormKeydown}>
+          <label>Image URL</label>
+          <input class="image-url" type="url" required placeholder="https://example.com/image.png" />
+          <label>Alt text</label>
+          <input class="image-alt" type="text" placeholder="Description for screen readers" />
+          <div class="image-actions">
+            <button type="button" @click=${()=>this.shadowRoot.querySelector("k-dropdown").close()}>Cancel</button>
+            <button type="button" class="primary" @click=${()=>this.submit()}>Insert</button>
+          </div>
+        </div>
+      </k-dropdown>
+    `}static styles=[e.styles,o`
+      .trigger { min-width: 2.5rem; min-height: 2.5rem; background: transparent; border: none; cursor: pointer; }
+      .image-form { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; min-width: 16rem; }
+      .image-form label { font-weight: bold; font-size: 0.875rem; }
+      .image-form input { padding: 0.5rem; border: 1px solid var(--c_border); border-radius: var(--radius); font: inherit; }
+      .image-actions { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.25rem; }
+      .image-actions button { padding: 0.4rem 0.8rem; border: 1px solid var(--c_border); border-radius: var(--radius); cursor: pointer; font: inherit; }
+      .image-actions button.primary { background: var(--c_primary); color: white; border-color: var(--c_primary); }
+    `]}customElements.define("kc-md-image",r);

package/dist/components/controls/MdLink.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class n extends t{static requires=["replaceSelection"];static hostMode="write";connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Link")}handleAction(){const t=this.host;if(!t)return;const e=t.textarea;if(!e)return;const n=e.selectionStart,s=e.selectionEnd,l=e.value.substring(n,s),i=/\[([^\]]*)\]\([^)]*\)/g;let o;for(;null!==(o=i.exec(e.value));){const l=o.index,i=l+o[0].length;if(n>=l&&s<=i){const n=o[1],s=e.value.substring(0,l)+n+e.value.substring(i);return e.value=s,e.selectionStart=l,e.selectionEnd=l+n.length,e.focus(),t.value=s,void e.dispatchEvent(new Event("input",{bubbles:!0}))}}const c=l||"link text",r=`[${c}](url)`,u=e.value.substring(0,n)+r+e.value.substring(s),a=n+1+c.length+2;e.value=u,e.selectionStart=a,e.selectionEnd=a+3,e.focus(),t.value=u,e.dispatchEvent(new Event("input",{bubbles:!0}))}render(){return e`<slot><k-icon name="link"></k-icon></slot>`}}customElements.define("kc-md-link",n);

package/dist/components/controls/MdSpeechToText.js

@@ -0,0 +1,10 @@
+import e from"./Control.js";import{html as t,css as s}from"../../lit-all.min.js";import"../SpeechToText.js";export default class o extends e{static requires=["replaceSelection"];static hostMode="write";static properties={...e.properties,language:{type:String,reflect:!0},continuous:{type:Boolean,reflect:!0}};constructor(){super(),this.language="en-US",this.continuous=!1}handleEnd=e=>{const t=(e.detail?.text||"").trim();t&&this.host?.replaceSelection?.(t+" ",{selectInserted:!1})};render(){return t`
+      <k-speech-to-text
+        language=${this.language}
+        ?continuous=${this.continuous}
+        @end=${this.handleEnd}
+      ></k-speech-to-text>
+    `}static styles=[e.styles,s`
+      :host { margin: var(--spacer_q); }
+      k-speech-to-text { --btn_size: 2rem; }
+    `]}customElements.define("kc-md-speech-to-text",o);

package/dist/components/controls/MdTable.js

@@ -0,0 +1,19 @@
+import e from"./Control.js";import{html as t,css as r}from"../../lit-all.min.js";import"../Icon.js";import"../Dropdown.js";import{bound as o}from"../../utils/number.js";export default class n extends e{static requires=["replaceSelection"];static hostMode="write";handleDropdownOpened=()=>{requestAnimationFrame(()=>{const e=this.shadowRoot.querySelector(".tbl-cols");e&&(e.value="3",e.select());const t=this.shadowRoot.querySelector(".tbl-rows");t&&(t.value="2")})};handleFormKeydown=e=>{"Enter"===e.key?(e.preventDefault(),this.submit()):"Escape"===e.key&&this.shadowRoot.querySelector("k-dropdown")?.close()};submit(){const e=this.clamp(this.shadowRoot.querySelector(".tbl-cols").value,1,20),t=this.clamp(this.shadowRoot.querySelector(".tbl-rows").value,1,50);e&&t&&(this.host?.replaceSelection?.(this.buildTable(e,t),{selectInserted:!1}),this.shadowRoot.querySelector("k-dropdown")?.close())}clamp(e,t,r){const n=parseInt(e,10);return Number.isFinite(n)?o(n,t,r):0}buildTable(e,t){const r=Array.from({length:e},(e,t)=>` Header ${t+1} `).join("|"),o=Array.from({length:e},()=>" --- ").join("|"),n=Array.from({length:e},()=>"   ").join("|");return`\n${[`|${r}|`,`|${o}|`,...Array.from({length:t},()=>`|${n}|`)].join("\n")}\n`}render(){return t`
+      <k-dropdown @opened=${this.handleDropdownOpened}>
+        <button slot="trigger" type="button" class="trigger" title="Table"><k-icon name="table"></k-icon></button>
+        <div class="tbl-form" @keydown=${this.handleFormKeydown}>
+          <input class="tbl-cols" type="number" min="1" max="20" inputmode="numeric" aria-label="Columns" value="3" />
+          <span class="tbl-x" aria-hidden="true">×</span>
+          <input class="tbl-rows" type="number" min="1" max="50" inputmode="numeric" aria-label="Rows" value="2" />
+          <button type="button" class="primary" @click=${()=>this.submit()}>Insert</button>
+        </div>
+      </k-dropdown>
+    `}static styles=[e.styles,r`
+      .trigger { min-width: 2.5rem; min-height: 2.5rem; background: transparent; border: none; cursor: pointer; }
+      .tbl-form { display: flex; align-items: center; gap: 0.4rem; padding: 0.5rem; }
+      .tbl-form input { width: 2.5rem; padding: 0.35rem 0.4rem; border: 1px solid var(--c_border); border-radius: var(--radius); font: inherit; text-align: center; -moz-appearance: textfield; }
+      .tbl-form input::-webkit-inner-spin-button,
+      .tbl-form input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
+      .tbl-x { color: var(--tc_muted); font-weight: bold; }
+      .tbl-form button.primary { padding: 0.4rem 0.8rem; border: 1px solid var(--c_primary); border-radius: var(--radius); background: var(--c_primary); color: white; cursor: pointer; font: inherit; }
+    `]}customElements.define("kc-md-table",n);

package/dist/components/controls/Menu.js

@@ -0,0 +1,51 @@
+import e from"./Control.js";import{css as o,html as t}from"../../lit-all.min.js";import"../Dropdown.js";import"../Icon.js";export default class n extends e{static properties={...e.properties,opened:{type:Boolean,reflect:!0}};constructor(){super(),this.opened=!1}handleToggle=()=>{this.opened=!this.opened};handleOpened=()=>{this.opened=!0};handleClosed=()=>{this.opened=!1};render(){return t`
+      <k-dropdown
+        ?opened=${this.opened}
+        @opened=${this.handleOpened}
+        @closed=${this.handleClosed}
+      >
+        <button slot="trigger" class="no-btn icon-btn">
+          <slot name="icon"><k-icon name="arrow_drop_down"></k-icon></slot>
+          <slot name="label"></slot>
+        </button>
+        <slot></slot>
+      </k-dropdown>
+    `}static styles=[e.styles,o`
+      :host {
+        border: 1px solid var(--c_border);
+        border-radius: var(--radius);
+        margin: var(--spacer_q);
+      }
+
+      k-dropdown {
+        display: inline-flex;
+      }
+
+      button[slot="trigger"] {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        min-width: 2.5rem;
+        min-height: 2.5rem;
+        padding: 0 0.75rem;
+        background: transparent;
+        border: none;
+        color: inherit;
+        cursor: pointer;
+        font-size: inherit;
+      }
+
+      /* Slotted menu items: remove individual borders/radii so the menu
+         reads as a single unified surface. */
+      ::slotted(:not([slot="icon"]):not([slot="label"])) {
+        display: block !important;
+        margin: 0 !important;
+        border: none !important;
+        border-radius: 0 !important;
+        border-bottom: 1px solid var(--c_border) !important;
+      }
+      ::slotted(:not([slot="icon"]):not([slot="label"]):last-child) {
+        border-bottom: none !important;
+      }
+    `]}customElements.define("kc-menu",n);

package/dist/components/controls/Minimap.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as i}from"../../lit-all.min.js";import"../Icon.js";export default class e extends t{static requires=["toggleMinimap"];static hostMode="code";static hostEvents=["minimap-changed"];static properties={...t.properties,active:{type:Boolean,reflect:!0}};constructor(){super(),this.active=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Toggle Minimap"),this.host&&(this.active=!!this.host.minimapEnabled)}willUpdate(t){super.willUpdate?.(t),this.host&&(this.active=!!this.host.minimapEnabled)}handleAction(){this.host?.toggleMinimap?.()}render(){return i`<slot><k-icon name="map"></k-icon></slot>`}}customElements.define("kc-minimap",e);

package/dist/components/controls/Mode.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class o extends t{static requires=["toggleMode"];connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Toggle Code View")}updated(t){super.updated(t);const e=this.host;e&&this.toggleAttribute("active","code"===e.mode)}get mode(){return this.host?.mode}handleAction(){this.host?.toggleMode?.()}render(){return e`<slot><k-icon name="code"></k-icon></slot>`}}customElements.define("kc-mode",o);

package/dist/components/controls/NumberList.js

@@ -0,0 +1 @@
+import t from"./ButtonControl.js";import{html as e}from"../../lit-all.min.js";import"../Icon.js";export default class s extends t{static requires=["numberList"];static hostMode=["visual","write"];connectedCallback(){super.connectedCallback(),this.hasAttribute("title")||(this.title="Numbered List")}handleAction(){this.host?.numberList?.()}render(){return e`<slot><k-icon name="format_list_numbered"></k-icon></slot>`}}customElements.define("kc-number-list",s);

package/dist/components/controls/PgCount.js

@@ -0,0 +1 @@
+import t from"./Control.js";import{html as e}from"../../lit-all.min.js";export default class s extends t{static hostEvents=["page-change"];render(){return e`<span>${this.host?.totalPages??1}</span>`}}customElements.define("kc-pg-count",s);