katalyst-content 2.8.1 → 3.0.0.alpha.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 94c51395634d1fe6dd79c2665f7533d66c68e5d994f3ce091d5d8acc782a2ff2
-  data.tar.gz: ec482955eb831e14929d167133c08e9d8183864d236771162bc8a965593160aa
+  metadata.gz: bab70f2b26e14144e5828cc4410cda794d1cfba6883066b3552b5b3830f35005
+  data.tar.gz: 45e4723a3dcec7ca357fc79442edafebc8c15af038cd42e5c43a32d1bd78ab6c
 SHA512:
-  metadata.gz: 12fc43d4f28ffac936fe94ade6eb0e7de1056d0311428aacd7527b280defc9a18703e12bfcdc7245465f210a79eab911337abcb0fa9966fb572e9f5094731989
-  data.tar.gz: 71b74e54ba09fe2a9a5c51678934d21292ffa525964e9bffc3a204b8833be58873d7edc5faa22001c7a3a1e7b85a4221a576377d78cfc70c6cb39514cc5d0895
+  metadata.gz: 7d772c1165b1fccf409ff89bf26bd656ff17d3f96e9e949b2524c114dbe89a12820a40ba249a298f5fee849b235aae3d7b63340647b975314809b72a3b5d22ca
+  data.tar.gz: 67af0d40bb65869f7ba2382d9a958184e83191be5a1b437c2f92985f9b608a8fdc577674f38d95486a70654c5104634a49c08e55b03a952c308997ae449e5397

data/README.md

@@ -24,7 +24,7 @@ rake katalyst_content:install:migrations
 ```
 
 Add the Gem's javascript and CSS to your build pipeline. This assumes that
-you're using `rails-dartsass` and `importmaps` to manage your assets.
+you're using `propshaft` and `importmaps` to manage your assets.
 
 ```javascript
 // app/javascript/controllers/application.js
@@ -33,7 +33,16 @@ import content from "@katalyst/content";
 application.load(content);
 ```
 
-```sass
+Import the styles as css:
+
+```css
+@import url("/katalyst/content.css");
+```
+
+Or, if you're using `dartsass-rails`:
+
+```scss
+// app/assets/stylesheets/application.scss
 @use "katalyst/content";
 ```
 

data/app/assets/builds/katalyst/content.esm.js

@@ -275,7 +275,7 @@ class Item {
  */
 function createChildrenList(node) {
   const childrenList = document.createElement("ol");
-  childrenList.setAttribute("class", "hidden");
+  childrenList.toggleAttribute("hidden", true);
 
   // if objectType is "rich-content" set richContentChildren as a data attribute
   childrenList.dataset[`contentChildren`] = "";
@@ -736,6 +736,61 @@ class ItemController extends Controller {
   }
 }
 
+class ItemEditorController extends Controller {
+  static targets = ["dialog"];
+
+  connect() {
+    this.element.addEventListener("turbo:submit-end", this.onSubmit);
+  }
+
+  disconnect() {
+    this.element.removeEventListener("turbo:submit-end", this.onSubmit);
+  }
+
+  dismiss() {
+    if (!this.dialogTarget) return;
+    if (!this.dialogTarget.open) this.dialogTarget.close();
+
+    if (!("itemPersisted" in this.dialogTarget.dataset)) {
+      this.#removeTargetItem();
+    }
+
+    this.element.removeAttribute("src");
+    this.dialogTarget.remove();
+  }
+
+  dialogTargetConnected(dialog) {
+    dialog.showModal();
+  }
+
+  onSubmit = (event) => {
+    if (
+      event.detail.success &&
+      "closeDialog" in event.detail.formSubmission?.submitter?.dataset
+    ) {
+      this.dialogTarget.close();
+      this.element.removeAttribute("src");
+      this.dialogTarget.remove();
+    }
+  };
+
+  noop() {}
+
+  #removeTargetItem() {
+    const el = document.getElementById(this.dialogTarget.dataset.itemId);
+    const item = new Item(el.closest("[data-content-item]"));
+    const list = item.node.parentElement;
+
+    item.node.remove();
+
+    this.dispatch("reindex", {
+      target: list,
+      bubbles: true,
+      prefix: "content",
+    });
+  }
+}
+
 class ListController extends Controller {
   /**
    * When the user starts a drag within the list, set the item's dataTransfer
@@ -876,13 +931,12 @@ class NewItemsController extends Controller {
   add(e) {
     e.preventDefault();
 
-    const template = e.target.querySelector("template");
+    const template = e.target.closest("li").querySelector("template");
     const item = template.content.querySelector("li").cloneNode(true);
     const target = this.currentItem;
 
     if (target) {
       target.insertAdjacentElement("beforebegin", item);
-      new Item(item).depth = new Item(target).depth;
     } else {
       this.list.insertAdjacentElement("beforeend", item);
     }
@@ -1234,6 +1288,10 @@ const Definitions = [
     identifier: "content--editor--item",
     controllerConstructor: ItemController,
   },
+  {
+    identifier: "content--editor--item-editor",
+    controllerConstructor: ItemEditorController,
+  },
   {
     identifier: "content--editor--list",
     controllerConstructor: ListController,

data/app/assets/builds/katalyst/content.js

@@ -275,7 +275,7 @@ class Item {
  */
 function createChildrenList(node) {
   const childrenList = document.createElement("ol");
-  childrenList.setAttribute("class", "hidden");
+  childrenList.toggleAttribute("hidden", true);
 
   // if objectType is "rich-content" set richContentChildren as a data attribute
   childrenList.dataset[`contentChildren`] = "";
@@ -736,6 +736,61 @@ class ItemController extends Controller {
   }
 }
 
+class ItemEditorController extends Controller {
+  static targets = ["dialog"];
+
+  connect() {
+    this.element.addEventListener("turbo:submit-end", this.onSubmit);
+  }
+
+  disconnect() {
+    this.element.removeEventListener("turbo:submit-end", this.onSubmit);
+  }
+
+  dismiss() {
+    if (!this.dialogTarget) return;
+    if (!this.dialogTarget.open) this.dialogTarget.close();
+
+    if (!("itemPersisted" in this.dialogTarget.dataset)) {
+      this.#removeTargetItem();
+    }
+
+    this.element.removeAttribute("src");
+    this.dialogTarget.remove();
+  }
+
+  dialogTargetConnected(dialog) {
+    dialog.showModal();
+  }
+
+  onSubmit = (event) => {
+    if (
+      event.detail.success &&
+      "closeDialog" in event.detail.formSubmission?.submitter?.dataset
+    ) {
+      this.dialogTarget.close();
+      this.element.removeAttribute("src");
+      this.dialogTarget.remove();
+    }
+  };
+
+  noop() {}
+
+  #removeTargetItem() {
+    const el = document.getElementById(this.dialogTarget.dataset.itemId);
+    const item = new Item(el.closest("[data-content-item]"));
+    const list = item.node.parentElement;
+
+    item.node.remove();
+
+    this.dispatch("reindex", {
+      target: list,
+      bubbles: true,
+      prefix: "content",
+    });
+  }
+}
+
 class ListController extends Controller {
   /**
    * When the user starts a drag within the list, set the item's dataTransfer
@@ -876,13 +931,12 @@ class NewItemsController extends Controller {
   add(e) {
     e.preventDefault();
 
-    const template = e.target.querySelector("template");
+    const template = e.target.closest("li").querySelector("template");
     const item = template.content.querySelector("li").cloneNode(true);
     const target = this.currentItem;
 
     if (target) {
       target.insertAdjacentElement("beforebegin", item);
-      new Item(item).depth = new Item(target).depth;
     } else {
       this.list.insertAdjacentElement("beforeend", item);
     }
@@ -1234,6 +1288,10 @@ const Definitions = [
     identifier: "content--editor--item",
     controllerConstructor: ItemController,
   },
+  {
+    identifier: "content--editor--item-editor",
+    controllerConstructor: ItemEditorController,
+  },
   {
     identifier: "content--editor--list",
     controllerConstructor: ListController,

data/app/assets/builds/katalyst/content.min.js

@@ -1,2 +1,2 @@
-import{Controller as t}from"@hotwired/stimulus";import"trix";class e{static comparator(t,e){return t.index-e.index}constructor(t){this.node=t}get itemId(){return this.node.dataset.contentItemId}get#t(){return this.node.querySelector('input[name$="[id]"]')}set itemId(t){this.itemId!==t&&(this.node.dataset.contentItemId=`${t}`,this.#t.value=`${t}`)}get depth(){return parseInt(this.node.dataset.contentDepth)||0}get#e(){return this.node.querySelector('input[name$="[depth]"]')}set depth(t){this.depth!==t&&(this.node.dataset.contentDepth=`${t}`,this.#e.value=`${t}`)}get index(){return parseInt(this.node.dataset.contentIndex)}get#n(){return this.node.querySelector('input[name$="[index]"]')}set index(t){this.index!==t&&(this.node.dataset.contentIndex=`${t}`,this.#n.value=`${t}`)}get isLayout(){return this.node.hasAttribute("data-content-layout")}get previousItem(){let t=this.node.previousElementSibling;if(t)return new e(t)}get nextItem(){let t=this.node.nextElementSibling;if(t)return new e(t)}hasCollapsedDescendants(){let t=this.#i;return!!t&&t.children.length>0}hasExpandedDescendants(){let t=this.nextItem;return!!t&&t.depth>this.depth}traverse(t){const e=this.#r;t(this),this.#s(t),e.forEach((e=>e.#s(t)))}#s(t){this.hasCollapsedDescendants()&&this.#o.forEach((e=>{t(e),e.#s(t)}))}collapseChild(t){this.#i.appendChild(t.node)}collapse(){let t=this.#i;t||(t=function(t){const e=document.createElement("ol");return e.setAttribute("class","hidden"),e.dataset.contentChildren="",t.appendChild(e),e}(this.node)),this.#r.forEach((e=>t.appendChild(e.node)))}expand(){this.hasCollapsedDescendants()&&Array.from(this.#i.children).reverse().forEach((t=>{this.node.insertAdjacentElement("afterend",t)}))}toggleRule(t,e=!1){this.node.dataset.hasOwnProperty(t)&&!e&&delete this.node.dataset[t],!this.node.dataset.hasOwnProperty(t)&&e&&(this.node.dataset[t]=""),"denyDrag"===t&&(this.node.hasAttribute("draggable")||e||this.node.setAttribute("draggable","true"),this.node.hasAttribute("draggable")&&e&&this.node.removeAttribute("draggable"))}hasItemIdChanged(){return!(this.#t.value===this.itemId)}updateAfterChange(){this.itemId=this.#t.value,this.#n.value=this.index,this.#e.value=this.depth}get#i(){return this.node.querySelector(":scope > [data-content-children]")}get#r(){const t=[];let e=this.nextItem;for(;e&&e.depth>this.depth;)t.push(e),e=e.nextItem;return t}get#o(){return this.hasCollapsedDescendants()?Array.from(this.#i.children).map((t=>new e(t))):[]}}class n{constructor(t){this.node=t}get items(){return t=this.node.querySelectorAll("[data-content-index]"),Array.from(t).map((t=>new e(t)));var t}get state(){const t=this.node.querySelectorAll("li input[type=hidden]");return Array.from(t).map((t=>t.value)).join("/")}reindex(){this.items.map(((t,e)=>t.index=e))}reset(){this.items.sort(e.comparator).forEach((t=>{this.node.appendChild(t.node)}))}}class i{static rules=["denyDeNest","denyNest","denyCollapse","denyExpand","denyRemove","denyDrag","denyEdit"];constructor(t=!1){this.debug=t?(...t)=>console.log(...t):()=>{}}normalize(t){this.firstItemDepthZero(t),this.depthMustBeSet(t),this.itemCannotHaveInvalidDepth(t),this.parentMustBeLayout(t),this.parentCannotHaveExpandedAndCollapsedChildren(t)}update(t){this.rules={},this.parentsCannotDeNest(t),this.rootsCannotDeNest(t),this.onlyLastItemCanDeNest(t),this.nestingNeedsParent(t),this.leavesCannotCollapse(t),this.needHiddenItemsToExpand(t),this.parentsCannotBeDeleted(t),this.parentsCannotBeDragged(t),i.rules.forEach((e=>{t.toggleRule(e,!!this.rules[e])}))}firstItemDepthZero(t){0===t.index&&0!==t.depth&&(this.debug(`enforce depth on item ${t.index}: ${t.depth} => 0`),t.depth=0)}depthMustBeSet(t){(isNaN(t.depth)||t.depth<0)&&(this.debug(`unset depth on item ${t.index}: => 0`),t.depth=0)}itemCannotHaveInvalidDepth(t){const e=t.previousItem;e&&e.depth<t.depth-1&&(this.debug(`invalid depth on item ${t.index}: ${t.depth} => ${e.depth+1}`),t.depth=e.depth+1)}parentMustBeLayout(t){const e=t.previousItem;e&&e.depth<t.depth&&!e.isLayout&&(this.debug(`invalid parent for item ${t.index}: ${t.depth} => ${e.depth}`),t.depth=e.depth)}parentCannotHaveExpandedAndCollapsedChildren(t){t.hasCollapsedDescendants()&&t.hasExpandedDescendants()&&(this.debug(`expanding collapsed children of item ${t.index}`),t.expand())}parentsCannotDeNest(t){t.hasExpandedDescendants()&&this.#a("denyDeNest")}rootsCannotDeNest(t){0===t.depth&&this.#a("denyDeNest")}onlyLastItemCanDeNest(t){const e=t.nextItem;e&&e.depth===t.depth&&!t.isLayout&&this.#a("denyDeNest")}leavesCannotCollapse(t){t.hasExpandedDescendants()||this.#a("denyCollapse")}needHiddenItemsToExpand(t){t.hasCollapsedDescendants()||this.#a("denyExpand")}nestingNeedsParent(t){const e=t.previousItem;e?e.depth<t.depth?this.#a("denyNest"):e.depth!==t.depth||e.isLayout||this.#a("denyNest"):this.#a("denyNest")}parentsCannotBeDeleted(t){t.itemId&&!t.hasExpandedDescendants()||this.#a("denyRemove")}parentsCannotBeDragged(t){t.hasExpandedDescendants()&&this.#a("denyDrag")}#a(t){this.rules[t]=!0}}function r(t){return new e(t.target.closest("[data-content-item]"))}function s(t,e){if(!t)return;if(t===e)return;const n=t.compareDocumentPosition(e);n&Node.DOCUMENT_POSITION_FOLLOWING?t.insertAdjacentElement("beforebegin",e):n&Node.DOCUMENT_POSITION_PRECEDING&&t.insertAdjacentElement("afterend",e)}function o(t){return t&&t.closest("[data-controller='content--editor--list'] > *")}const a=window.Trix;a.config.blockAttributes.heading4={tagName:"h4",terminal:!0,breakOnReturn:!0,group:!1},delete a.config.blockAttributes.heading1;a.config.toolbar.getDefaultHTML=()=>{const{lang:t}=a.config;return`\n<div class="trix-button-row">\n  <span class="trix-button-group trix-button-group--text-tools" data-trix-button-group="text-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-bold" data-trix-attribute="bold" data-trix-key="b" title="${t.bold}" tabindex="-1">${t.bold}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-italic" data-trix-attribute="italic" data-trix-key="i" title="${t.italic}" tabindex="-1">${t.italic}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-strike" data-trix-attribute="strike" title="${t.strike}" tabindex="-1">${t.strike}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-link" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" title="${t.link}" tabindex="-1">${t.link}</button>\n  </span>\n  <span class="trix-button-group trix-button-group--block-tools" data-trix-button-group="block-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-heading-1" data-trix-attribute="heading4" title="${t.heading1}" tabindex="-1">${t.heading1}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-quote" data-trix-attribute="quote" title="${t.quote}" tabindex="-1">${t.quote}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-code" data-trix-attribute="code" title="${t.code}" tabindex="-1">${t.code}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-bullet-list" data-trix-attribute="bullet" title="${t.bullets}" tabindex="-1">${t.bullets}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-number-list" data-trix-attribute="number" title="${t.numbers}" tabindex="-1">${t.numbers}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-decrease-nesting-level" data-trix-action="decreaseNestingLevel" title="${t.outdent}" tabindex="-1">${t.outdent}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-increase-nesting-level" data-trix-action="increaseNestingLevel" title="${t.indent}" tabindex="-1">${t.indent}</button>\n  </span>\n  <span class="trix-button-group trix-button-group--file-tools" data-trix-button-group="file-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-attach" data-trix-action="attachFiles" title="${t.attachFiles}" tabindex="-1">${t.attachFiles}</button>\n  </span>\n  <span class="trix-button-group-spacer"></span>\n  <span class="trix-button-group trix-button-group--history-tools" data-trix-button-group="history-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-undo" data-trix-action="undo" data-trix-key="z" title="${t.undo}" tabindex="-1">${t.undo}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-redo" data-trix-action="redo" data-trix-key="shift+z" title="${t.redo}" tabindex="-1">${t.redo}</button>\n  </span>\n</div>\n<div class="trix-dialogs" data-trix-dialogs>\n  <div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">\n    <div class="trix-dialog__link-fields">\n      <input type="text" name="href" pattern="(https?|mailto:|tel:|/|#).*?" class="trix-input trix-input--dialog" placeholder="${t.urlPlaceholder}" aria-label="${t.url}" required data-trix-input>\n      <div class="trix-button-group">\n        <input type="button" class="trix-button trix-button--dialog" value="${t.link}" data-trix-method="setAttribute">\n        <input type="button" class="trix-button trix-button--dialog" value="${t.unlink}" data-trix-method="removeAttribute">\n      </div>\n    </div>\n  </div>\n</div>\n`},document.querySelectorAll("trix-toolbar").forEach((t=>{t.innerHTML=a.config.toolbar.getDefaultHTML()}));const d=[{identifier:"content--editor--container",controllerConstructor:class extends t{static targets=["container"];connect(){this.state=this.container.state,this.reindex()}get container(){return new n(this.containerTarget)}reindex(){this.container.reindex(),this.#d()}reset(){this.container.reset()}drop(t){this.container.reindex();const e=r(t),n=e.previousItem;let i=0;i=void 0===n?-e.depth:n.isLayout&&e.nextItem&&e.nextItem.depth>n.depth?n.depth-e.depth+1:n.depth-e.depth,e.traverse((t=>{t.depth+=i})),this.#d(),t.preventDefault()}remove(t){r(t).node.remove(),this.#d(),t.preventDefault()}nest(t){r(t).traverse((t=>{t.depth+=1})),this.#d(),t.preventDefault()}deNest(t){r(t).traverse((t=>{t.depth-=1})),this.#d(),t.preventDefault()}collapse(t){r(t).collapse(),this.#d(),t.preventDefault()}expand(t){r(t).expand(),this.#d(),t.preventDefault()}#d(){this.updateRequested=!0,setTimeout((()=>{if(!this.updateRequested)return;this.updateRequested=!1;const t=new i;this.container.items.forEach((e=>t.normalize(e))),this.container.items.forEach((e=>t.update(e))),this.#l()}),0)}#l(){this.dispatch("change",{bubbles:!0,prefix:"content",detail:{dirty:this.#u()}})}#u(){return this.container.state!==this.state}}},{identifier:"content--editor--item",controllerConstructor:class extends t{get item(){return new e(this.li)}get ol(){return this.element.closest("ol")}get li(){return this.element.closest("li")}connect(){this.element.dataset.hasOwnProperty("delete")?this.remove():this.item.index>=0?this.item.hasItemIdChanged()&&(this.item.updateAfterChange(),this.reindex()):this.reindex()}remove(){this.ol,this.li.remove(),this.reindex()}reindex(){this.dispatch("reindex",{bubbles:!0,prefix:"content"})}}},{identifier:"content--editor--list",controllerConstructor:class extends t{dragstart(t){if(this.element!==t.target.parentElement)return;const e=t.target;t.dataTransfer.effectAllowed="move",requestAnimationFrame((()=>e.dataset.dragging=""))}dragover(t){const e=this.dragItem;if(e)return s(o(t.target),e),t.preventDefault(),!0}drop(t){let e=this.dragItem;e&&(t.preventDefault(),delete e.dataset.dragging,s(o(t.target),e),this.dispatch("drop",{target:e,bubbles:!0,prefix:"content"}))}dragend(){const t=this.dragItem;t&&(delete t.dataset.dragging,this.reset())}get isDragging(){return!!this.dragItem}get dragItem(){return this.element.querySelector("[data-dragging]")}reindex(){this.dispatch("reindex",{bubbles:!0,prefix:"content"})}reset(){this.dispatch("reset",{bubbles:!0,prefix:"content"})}}},{identifier:"content--editor--new-items",controllerConstructor:class extends t{static targets=["inline"];connect(){this.form.addEventListener("mousemove",this.move)}disconnect(){this.form?.removeEventListener("mousemove",this.move),delete this.currentItem}open(t){t.preventDefault(),this.dialog.showModal()}close(t){t.preventDefault(),this.dialog.close()}noop(t){}add(t){t.preventDefault();const n=t.target.querySelector("template").content.querySelector("li").cloneNode(!0),i=this.currentItem;i?(i.insertAdjacentElement("beforebegin",n),new e(n).depth=new e(i).depth):this.list.insertAdjacentElement("beforeend",n),this.toggleInline(!1),this.dialog.close(),requestAnimationFrame((()=>{n.querySelector('[value="edit"]').click()}))}morph(t){t.preventDefault(),this.dialog.close()}move=t=>{if(this.isOverInlineTarget(t))return;if(this.dialog.open)return;const e=this.getCurrentItem(t);this.currentItem!==e&&(this.currentItem&&this.toggleInline(!1),this.currentItem=e,this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{delete this.timer,this.toggleInline()}),100))};toggleInline(t=!!this.currentItem){t?(this.inlineTarget.style.top=`${this.currentItem.offsetTop}px`,this.inlineTarget.toggleAttribute("hidden",!1)):this.inlineTarget.toggleAttribute("hidden",!0)}get dialog(){return this.element.querySelector("dialog")}get form(){return this.element.closest("form")}get list(){return this.form.querySelector('[data-controller="content--editor--list"]')}getCurrentItem(t){const e=document.elementFromPoint(t.clientX,t.clientY).closest("li");if(!e)return null;const n=e.getBoundingClientRect();return t.clientX<n.left+n.width/2-48||t.clientX>n.left+n.width/2+48?null:t.clientY-n.y<=24?e:n.y+n.height-t.clientY<=24?e.nextElementSibling:null}isOverInlineTarget(t){return this.inlineTarget===document.elementFromPoint(t.clientX,t.clientY).closest("div")}}},{identifier:"content--editor--status-bar",controllerConstructor:class extends t{connect(){this.versionState=this.element.dataset.state}morph(t){t.target===this.element&&(this.versionState=this.element.dataset.state,this.update({dirty:!1}))}change(t){t.detail&&t.detail.hasOwnProperty("dirty")&&this.update(t.detail)}update({dirty:t}){this.element.dataset.state=t?"dirty":this.versionState}}},{identifier:"content--editor--table",controllerConstructor:class extends t{static targets=["input","update"];constructor(t){super(t),this.observer=new MutationObserver(this.change)}connect(){const t=document.createElement("TEMPLATE");t.innerHTML='\n<div class="content--editor--table-editor"\n   contenteditable="true"\n   data-content--editor--table-target="content"\n   data-action="paste->content--editor--table#paste"\n   id="item-content-field">\n</div>',this.content=t.content.firstElementChild,this.content.innerHTML=this.inputTarget.value,this.content.className+=` ${this.inputTarget.className}`,this.inputTarget.insertAdjacentElement("beforebegin",this.content),this.inputTarget.hidden=!0,this.observer.observe(this.content,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}disconnect(){this.observer.disconnect(),this.content.remove(),delete this.content}change=t=>{this.inputTarget.value=this.table?.outerHTML};update=()=>{this.updateTarget.click()};paste=t=>{-1!==t.clipboardData.getData("text/html").indexOf("<table")&&(t.preventDefault(),this.inputTarget.value=t.clipboardData.getData("text/html"),this.update())};get table(){return this.content.querySelector("table")}}},{identifier:"content--editor--trix",controllerConstructor:class extends t{trixInitialize(t){this.element.addEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.addEventListener("turbo:before-morph-element",this.suppressMorph),this.element.toolbarElement&&(this.element.toolbarElement.addEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.toolbarElement.addEventListener("turbo:before-morph-element",this.suppressMorph))}disconnect(){this.element.removeEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.removeEventListener("turbo:before-morph-element",this.suppressMorph),this.element.toolbarElement&&(this.element.toolbarElement.removeEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.toolbarElement.removeEventListener("turbo:before-morph-element",this.suppressMorph))}suppressMorph=t=>{"TRIX-EDITOR"!==t.target.tagName&&"TRIX-TOOLBAR"!==t.target.tagName||t.preventDefault()}}}];export{d as default};
+import{Controller as t}from"@hotwired/stimulus";import"trix";class e{static comparator(t,e){return t.index-e.index}constructor(t){this.node=t}get itemId(){return this.node.dataset.contentItemId}get#t(){return this.node.querySelector('input[name$="[id]"]')}set itemId(t){this.itemId!==t&&(this.node.dataset.contentItemId=`${t}`,this.#t.value=`${t}`)}get depth(){return parseInt(this.node.dataset.contentDepth)||0}get#e(){return this.node.querySelector('input[name$="[depth]"]')}set depth(t){this.depth!==t&&(this.node.dataset.contentDepth=`${t}`,this.#e.value=`${t}`)}get index(){return parseInt(this.node.dataset.contentIndex)}get#n(){return this.node.querySelector('input[name$="[index]"]')}set index(t){this.index!==t&&(this.node.dataset.contentIndex=`${t}`,this.#n.value=`${t}`)}get isLayout(){return this.node.hasAttribute("data-content-layout")}get previousItem(){let t=this.node.previousElementSibling;if(t)return new e(t)}get nextItem(){let t=this.node.nextElementSibling;if(t)return new e(t)}hasCollapsedDescendants(){let t=this.#i;return!!t&&t.children.length>0}hasExpandedDescendants(){let t=this.nextItem;return!!t&&t.depth>this.depth}traverse(t){const e=this.#s;t(this),this.#r(t),e.forEach((e=>e.#r(t)))}#r(t){this.hasCollapsedDescendants()&&this.#o.forEach((e=>{t(e),e.#r(t)}))}collapseChild(t){this.#i.appendChild(t.node)}collapse(){let t=this.#i;t||(t=function(t){const e=document.createElement("ol");return e.toggleAttribute("hidden",!0),e.dataset.contentChildren="",t.appendChild(e),e}(this.node)),this.#s.forEach((e=>t.appendChild(e.node)))}expand(){this.hasCollapsedDescendants()&&Array.from(this.#i.children).reverse().forEach((t=>{this.node.insertAdjacentElement("afterend",t)}))}toggleRule(t,e=!1){this.node.dataset.hasOwnProperty(t)&&!e&&delete this.node.dataset[t],!this.node.dataset.hasOwnProperty(t)&&e&&(this.node.dataset[t]=""),"denyDrag"===t&&(this.node.hasAttribute("draggable")||e||this.node.setAttribute("draggable","true"),this.node.hasAttribute("draggable")&&e&&this.node.removeAttribute("draggable"))}hasItemIdChanged(){return!(this.#t.value===this.itemId)}updateAfterChange(){this.itemId=this.#t.value,this.#n.value=this.index,this.#e.value=this.depth}get#i(){return this.node.querySelector(":scope > [data-content-children]")}get#s(){const t=[];let e=this.nextItem;for(;e&&e.depth>this.depth;)t.push(e),e=e.nextItem;return t}get#o(){return this.hasCollapsedDescendants()?Array.from(this.#i.children).map((t=>new e(t))):[]}}class n{constructor(t){this.node=t}get items(){return t=this.node.querySelectorAll("[data-content-index]"),Array.from(t).map((t=>new e(t)));var t}get state(){const t=this.node.querySelectorAll("li input[type=hidden]");return Array.from(t).map((t=>t.value)).join("/")}reindex(){this.items.map(((t,e)=>t.index=e))}reset(){this.items.sort(e.comparator).forEach((t=>{this.node.appendChild(t.node)}))}}class i{static rules=["denyDeNest","denyNest","denyCollapse","denyExpand","denyRemove","denyDrag","denyEdit"];constructor(t=!1){this.debug=t?(...t)=>console.log(...t):()=>{}}normalize(t){this.firstItemDepthZero(t),this.depthMustBeSet(t),this.itemCannotHaveInvalidDepth(t),this.parentMustBeLayout(t),this.parentCannotHaveExpandedAndCollapsedChildren(t)}update(t){this.rules={},this.parentsCannotDeNest(t),this.rootsCannotDeNest(t),this.onlyLastItemCanDeNest(t),this.nestingNeedsParent(t),this.leavesCannotCollapse(t),this.needHiddenItemsToExpand(t),this.parentsCannotBeDeleted(t),this.parentsCannotBeDragged(t),i.rules.forEach((e=>{t.toggleRule(e,!!this.rules[e])}))}firstItemDepthZero(t){0===t.index&&0!==t.depth&&(this.debug(`enforce depth on item ${t.index}: ${t.depth} => 0`),t.depth=0)}depthMustBeSet(t){(isNaN(t.depth)||t.depth<0)&&(this.debug(`unset depth on item ${t.index}: => 0`),t.depth=0)}itemCannotHaveInvalidDepth(t){const e=t.previousItem;e&&e.depth<t.depth-1&&(this.debug(`invalid depth on item ${t.index}: ${t.depth} => ${e.depth+1}`),t.depth=e.depth+1)}parentMustBeLayout(t){const e=t.previousItem;e&&e.depth<t.depth&&!e.isLayout&&(this.debug(`invalid parent for item ${t.index}: ${t.depth} => ${e.depth}`),t.depth=e.depth)}parentCannotHaveExpandedAndCollapsedChildren(t){t.hasCollapsedDescendants()&&t.hasExpandedDescendants()&&(this.debug(`expanding collapsed children of item ${t.index}`),t.expand())}parentsCannotDeNest(t){t.hasExpandedDescendants()&&this.#a("denyDeNest")}rootsCannotDeNest(t){0===t.depth&&this.#a("denyDeNest")}onlyLastItemCanDeNest(t){const e=t.nextItem;e&&e.depth===t.depth&&!t.isLayout&&this.#a("denyDeNest")}leavesCannotCollapse(t){t.hasExpandedDescendants()||this.#a("denyCollapse")}needHiddenItemsToExpand(t){t.hasCollapsedDescendants()||this.#a("denyExpand")}nestingNeedsParent(t){const e=t.previousItem;e?e.depth<t.depth?this.#a("denyNest"):e.depth!==t.depth||e.isLayout||this.#a("denyNest"):this.#a("denyNest")}parentsCannotBeDeleted(t){t.itemId&&!t.hasExpandedDescendants()||this.#a("denyRemove")}parentsCannotBeDragged(t){t.hasExpandedDescendants()&&this.#a("denyDrag")}#a(t){this.rules[t]=!0}}function s(t){return new e(t.target.closest("[data-content-item]"))}function r(t,e){if(!t)return;if(t===e)return;const n=t.compareDocumentPosition(e);n&Node.DOCUMENT_POSITION_FOLLOWING?t.insertAdjacentElement("beforebegin",e):n&Node.DOCUMENT_POSITION_PRECEDING&&t.insertAdjacentElement("afterend",e)}function o(t){return t&&t.closest("[data-controller='content--editor--list'] > *")}const a=window.Trix;a.config.blockAttributes.heading4={tagName:"h4",terminal:!0,breakOnReturn:!0,group:!1},delete a.config.blockAttributes.heading1;a.config.toolbar.getDefaultHTML=()=>{const{lang:t}=a.config;return`\n<div class="trix-button-row">\n  <span class="trix-button-group trix-button-group--text-tools" data-trix-button-group="text-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-bold" data-trix-attribute="bold" data-trix-key="b" title="${t.bold}" tabindex="-1">${t.bold}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-italic" data-trix-attribute="italic" data-trix-key="i" title="${t.italic}" tabindex="-1">${t.italic}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-strike" data-trix-attribute="strike" title="${t.strike}" tabindex="-1">${t.strike}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-link" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" title="${t.link}" tabindex="-1">${t.link}</button>\n  </span>\n  <span class="trix-button-group trix-button-group--block-tools" data-trix-button-group="block-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-heading-1" data-trix-attribute="heading4" title="${t.heading1}" tabindex="-1">${t.heading1}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-quote" data-trix-attribute="quote" title="${t.quote}" tabindex="-1">${t.quote}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-code" data-trix-attribute="code" title="${t.code}" tabindex="-1">${t.code}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-bullet-list" data-trix-attribute="bullet" title="${t.bullets}" tabindex="-1">${t.bullets}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-number-list" data-trix-attribute="number" title="${t.numbers}" tabindex="-1">${t.numbers}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-decrease-nesting-level" data-trix-action="decreaseNestingLevel" title="${t.outdent}" tabindex="-1">${t.outdent}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-increase-nesting-level" data-trix-action="increaseNestingLevel" title="${t.indent}" tabindex="-1">${t.indent}</button>\n  </span>\n  <span class="trix-button-group trix-button-group--file-tools" data-trix-button-group="file-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-attach" data-trix-action="attachFiles" title="${t.attachFiles}" tabindex="-1">${t.attachFiles}</button>\n  </span>\n  <span class="trix-button-group-spacer"></span>\n  <span class="trix-button-group trix-button-group--history-tools" data-trix-button-group="history-tools">\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-undo" data-trix-action="undo" data-trix-key="z" title="${t.undo}" tabindex="-1">${t.undo}</button>\n    <button type="button" class="trix-button trix-button--icon trix-button--icon-redo" data-trix-action="redo" data-trix-key="shift+z" title="${t.redo}" tabindex="-1">${t.redo}</button>\n  </span>\n</div>\n<div class="trix-dialogs" data-trix-dialogs>\n  <div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">\n    <div class="trix-dialog__link-fields">\n      <input type="text" name="href" pattern="(https?|mailto:|tel:|/|#).*?" class="trix-input trix-input--dialog" placeholder="${t.urlPlaceholder}" aria-label="${t.url}" required data-trix-input>\n      <div class="trix-button-group">\n        <input type="button" class="trix-button trix-button--dialog" value="${t.link}" data-trix-method="setAttribute">\n        <input type="button" class="trix-button trix-button--dialog" value="${t.unlink}" data-trix-method="removeAttribute">\n      </div>\n    </div>\n  </div>\n</div>\n`},document.querySelectorAll("trix-toolbar").forEach((t=>{t.innerHTML=a.config.toolbar.getDefaultHTML()}));const d=[{identifier:"content--editor--container",controllerConstructor:class extends t{static targets=["container"];connect(){this.state=this.container.state,this.reindex()}get container(){return new n(this.containerTarget)}reindex(){this.container.reindex(),this.#d()}reset(){this.container.reset()}drop(t){this.container.reindex();const e=s(t),n=e.previousItem;let i=0;i=void 0===n?-e.depth:n.isLayout&&e.nextItem&&e.nextItem.depth>n.depth?n.depth-e.depth+1:n.depth-e.depth,e.traverse((t=>{t.depth+=i})),this.#d(),t.preventDefault()}remove(t){s(t).node.remove(),this.#d(),t.preventDefault()}nest(t){s(t).traverse((t=>{t.depth+=1})),this.#d(),t.preventDefault()}deNest(t){s(t).traverse((t=>{t.depth-=1})),this.#d(),t.preventDefault()}collapse(t){s(t).collapse(),this.#d(),t.preventDefault()}expand(t){s(t).expand(),this.#d(),t.preventDefault()}#d(){this.updateRequested=!0,setTimeout((()=>{if(!this.updateRequested)return;this.updateRequested=!1;const t=new i;this.container.items.forEach((e=>t.normalize(e))),this.container.items.forEach((e=>t.update(e))),this.#l()}),0)}#l(){this.dispatch("change",{bubbles:!0,prefix:"content",detail:{dirty:this.#u()}})}#u(){return this.container.state!==this.state}}},{identifier:"content--editor--item",controllerConstructor:class extends t{get item(){return new e(this.li)}get ol(){return this.element.closest("ol")}get li(){return this.element.closest("li")}connect(){this.element.dataset.hasOwnProperty("delete")?this.remove():this.item.index>=0?this.item.hasItemIdChanged()&&(this.item.updateAfterChange(),this.reindex()):this.reindex()}remove(){this.ol,this.li.remove(),this.reindex()}reindex(){this.dispatch("reindex",{bubbles:!0,prefix:"content"})}}},{identifier:"content--editor--item-editor",controllerConstructor:class extends t{static targets=["dialog"];connect(){this.element.addEventListener("turbo:submit-end",this.onSubmit)}disconnect(){this.element.removeEventListener("turbo:submit-end",this.onSubmit)}dismiss(){this.dialogTarget&&(this.dialogTarget.open||this.dialogTarget.close(),"itemPersisted"in this.dialogTarget.dataset||this.#h(),this.element.removeAttribute("src"),this.dialogTarget.remove())}dialogTargetConnected(t){t.showModal()}onSubmit=t=>{t.detail.success&&"closeDialog"in t.detail.formSubmission?.submitter?.dataset&&(this.dialogTarget.close(),this.element.removeAttribute("src"),this.dialogTarget.remove())};noop(){}#h(){const t=document.getElementById(this.dialogTarget.dataset.itemId),n=new e(t.closest("[data-content-item]")),i=n.node.parentElement;n.node.remove(),this.dispatch("reindex",{target:i,bubbles:!0,prefix:"content"})}}},{identifier:"content--editor--list",controllerConstructor:class extends t{dragstart(t){if(this.element!==t.target.parentElement)return;const e=t.target;t.dataTransfer.effectAllowed="move",requestAnimationFrame((()=>e.dataset.dragging=""))}dragover(t){const e=this.dragItem;if(e)return r(o(t.target),e),t.preventDefault(),!0}drop(t){let e=this.dragItem;e&&(t.preventDefault(),delete e.dataset.dragging,r(o(t.target),e),this.dispatch("drop",{target:e,bubbles:!0,prefix:"content"}))}dragend(){const t=this.dragItem;t&&(delete t.dataset.dragging,this.reset())}get isDragging(){return!!this.dragItem}get dragItem(){return this.element.querySelector("[data-dragging]")}reindex(){this.dispatch("reindex",{bubbles:!0,prefix:"content"})}reset(){this.dispatch("reset",{bubbles:!0,prefix:"content"})}}},{identifier:"content--editor--new-items",controllerConstructor:class extends t{static targets=["inline"];connect(){this.form.addEventListener("mousemove",this.move)}disconnect(){this.form?.removeEventListener("mousemove",this.move),delete this.currentItem}open(t){t.preventDefault(),this.dialog.showModal()}close(t){t.preventDefault(),this.dialog.close()}noop(t){}add(t){t.preventDefault();const e=t.target.closest("li").querySelector("template").content.querySelector("li").cloneNode(!0),n=this.currentItem;n?n.insertAdjacentElement("beforebegin",e):this.list.insertAdjacentElement("beforeend",e),this.toggleInline(!1),this.dialog.close(),requestAnimationFrame((()=>{e.querySelector('[value="edit"]').click()}))}morph(t){t.preventDefault(),this.dialog.close()}move=t=>{if(this.isOverInlineTarget(t))return;if(this.dialog.open)return;const e=this.getCurrentItem(t);this.currentItem!==e&&(this.currentItem&&this.toggleInline(!1),this.currentItem=e,this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{delete this.timer,this.toggleInline()}),100))};toggleInline(t=!!this.currentItem){t?(this.inlineTarget.style.top=`${this.currentItem.offsetTop}px`,this.inlineTarget.toggleAttribute("hidden",!1)):this.inlineTarget.toggleAttribute("hidden",!0)}get dialog(){return this.element.querySelector("dialog")}get form(){return this.element.closest("form")}get list(){return this.form.querySelector('[data-controller="content--editor--list"]')}getCurrentItem(t){const e=document.elementFromPoint(t.clientX,t.clientY).closest("li");if(!e)return null;const n=e.getBoundingClientRect();return t.clientX<n.left+n.width/2-48||t.clientX>n.left+n.width/2+48?null:t.clientY-n.y<=24?e:n.y+n.height-t.clientY<=24?e.nextElementSibling:null}isOverInlineTarget(t){return this.inlineTarget===document.elementFromPoint(t.clientX,t.clientY).closest("div")}}},{identifier:"content--editor--status-bar",controllerConstructor:class extends t{connect(){this.versionState=this.element.dataset.state}morph(t){t.target===this.element&&(this.versionState=this.element.dataset.state,this.update({dirty:!1}))}change(t){t.detail&&t.detail.hasOwnProperty("dirty")&&this.update(t.detail)}update({dirty:t}){this.element.dataset.state=t?"dirty":this.versionState}}},{identifier:"content--editor--table",controllerConstructor:class extends t{static targets=["input","update"];constructor(t){super(t),this.observer=new MutationObserver(this.change)}connect(){const t=document.createElement("TEMPLATE");t.innerHTML='\n<div class="content--editor--table-editor"\n   contenteditable="true"\n   data-content--editor--table-target="content"\n   data-action="paste->content--editor--table#paste"\n   id="item-content-field">\n</div>',this.content=t.content.firstElementChild,this.content.innerHTML=this.inputTarget.value,this.content.className+=` ${this.inputTarget.className}`,this.inputTarget.insertAdjacentElement("beforebegin",this.content),this.inputTarget.hidden=!0,this.observer.observe(this.content,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}disconnect(){this.observer.disconnect(),this.content.remove(),delete this.content}change=t=>{this.inputTarget.value=this.table?.outerHTML};update=()=>{this.updateTarget.click()};paste=t=>{-1!==t.clipboardData.getData("text/html").indexOf("<table")&&(t.preventDefault(),this.inputTarget.value=t.clipboardData.getData("text/html"),this.update())};get table(){return this.content.querySelector("table")}}},{identifier:"content--editor--trix",controllerConstructor:class extends t{trixInitialize(t){this.element.addEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.addEventListener("turbo:before-morph-element",this.suppressMorph),this.element.toolbarElement&&(this.element.toolbarElement.addEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.toolbarElement.addEventListener("turbo:before-morph-element",this.suppressMorph))}disconnect(){this.element.removeEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.removeEventListener("turbo:before-morph-element",this.suppressMorph),this.element.toolbarElement&&(this.element.toolbarElement.removeEventListener("turbo:before-morph-attribute",this.suppressMorph),this.element.toolbarElement.removeEventListener("turbo:before-morph-element",this.suppressMorph))}suppressMorph=t=>{"TRIX-EDITOR"!==t.target.tagName&&"TRIX-TOOLBAR"!==t.target.tagName||t.preventDefault()}}}];export{d as default};
 //# sourceMappingURL=content.min.js.map

data/app/assets/builds/katalyst/content.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.min.js","sources":["../../../javascript/content/editor/item.js","../../../javascript/content/editor/container.js","../../../javascript/content/editor/rules_engine.js","../../../javascript/content/editor/container_controller.js","../../../javascript/content/editor/list_controller.js","../../../javascript/content/editor/trix_controller.js","../../../javascript/content/application.js","../../../javascript/content/editor/item_controller.js","../../../javascript/content/editor/new_items_controller.js","../../../javascript/content/editor/status_bar_controller.js","../../../javascript/content/editor/table_controller.js"],"sourcesContent":["export default class Item {\n  /**\n   * Sort items by their index.\n   *\n   * @param a {Item}\n   * @param b {Item}\n   * @returns {number}\n   */\n  static comparator(a, b) {\n    return a.index - b.index;\n  }\n\n  /**\n   * @param node {Element} li[data-content-index]\n   */\n  constructor(node) {\n    this.node = node;\n  }\n\n  /**\n   * @returns {String} id of the node's item (from data attributes)\n   */\n  get itemId() {\n    return this.node.dataset[`contentItemId`];\n  }\n\n  get #itemIdInput() {\n    return this.node.querySelector(`input[name$=\"[id]\"]`);\n  }\n\n  /**\n   * @param itemId {String} id\n   */\n  set itemId(id) {\n    if (this.itemId === id) return;\n\n    this.node.dataset[`contentItemId`] = `${id}`;\n    this.#itemIdInput.value = `${id}`;\n  }\n\n  /**\n   * @returns {number} logical nesting depth of node in container\n   */\n  get depth() {\n    return parseInt(this.node.dataset[`contentDepth`]) || 0;\n  }\n\n  get #depthInput() {\n    return this.node.querySelector(`input[name$=\"[depth]\"]`);\n  }\n\n  /**\n   * @param depth {number} depth >= 0\n   */\n  set depth(depth) {\n    if (this.depth === depth) return;\n\n    this.node.dataset[`contentDepth`] = `${depth}`;\n    this.#depthInput.value = `${depth}`;\n  }\n\n  /**\n   * @returns {number} logical index of node in container (pre-order traversal)\n   */\n  get index() {\n    return parseInt(this.node.dataset[`contentIndex`]);\n  }\n\n  get #indexInput() {\n    return this.node.querySelector(`input[name$=\"[index]\"]`);\n  }\n\n  /**\n   * @param index {number} index >= 0\n   */\n  set index(index) {\n    if (this.index === index) return;\n\n    this.node.dataset[`contentIndex`] = `${index}`;\n    this.#indexInput.value = `${index}`;\n  }\n\n  /**\n   * @returns {boolean} true if this item can have children\n   */\n  get isLayout() {\n    return this.node.hasAttribute(\"data-content-layout\");\n  }\n\n  /**\n   * @returns {Item} nearest neighbour (index - 1)\n   */\n  get previousItem() {\n    let sibling = this.node.previousElementSibling;\n    if (sibling) return new Item(sibling);\n  }\n\n  /**\n   * @returns {Item} nearest neighbour (index + 1)\n   */\n  get nextItem() {\n    let sibling = this.node.nextElementSibling;\n    if (sibling) return new Item(sibling);\n  }\n\n  /**\n   * @returns {boolean} true if this item has any collapsed children\n   */\n  hasCollapsedDescendants() {\n    let childrenList = this.#childrenListElement;\n    return !!childrenList && childrenList.children.length > 0;\n  }\n\n  /**\n   * @returns {boolean} true if this item has any expanded children\n   */\n  hasExpandedDescendants() {\n    let sibling = this.nextItem;\n    return !!sibling && sibling.depth > this.depth;\n  }\n\n  /**\n   * Recursively traverse the node and its descendants.\n   *\n   * @callback {Item}\n   */\n  traverse(callback) {\n    // capture descendants before traversal in case of side-effects\n    // specifically, setting depth affects calculation\n    const expanded = this.#expandedDescendants;\n\n    callback(this);\n    this.#traverseCollapsed(callback);\n    expanded.forEach((item) => item.#traverseCollapsed(callback));\n  }\n\n  /**\n   * Recursively traverse the node's collapsed descendants, if any.\n   *\n   * @callback {Item}\n   */\n  #traverseCollapsed(callback) {\n    if (!this.hasCollapsedDescendants()) return;\n\n    this.#collapsedDescendants.forEach((item) => {\n      callback(item);\n      item.#traverseCollapsed(callback);\n    });\n  }\n\n  /**\n   * Move the given item into this element's hidden children list.\n   * Assumes the list already exists.\n   *\n   * @param item {Item}\n   */\n  collapseChild(item) {\n    this.#childrenListElement.appendChild(item.node);\n  }\n\n  /**\n   * Collapses visible (logical) children into this element's hidden children\n   * list, creating it if it doesn't already exist.\n   */\n  collapse() {\n    let listElement = this.#childrenListElement;\n\n    if (!listElement) listElement = createChildrenList(this.node);\n\n    this.#expandedDescendants.forEach((child) =>\n      listElement.appendChild(child.node),\n    );\n  }\n\n  /**\n   * Moves any collapsed children back into the parent container.\n   */\n  expand() {\n    if (!this.hasCollapsedDescendants()) return;\n\n    Array.from(this.#childrenListElement.children)\n      .reverse()\n      .forEach((node) => {\n        this.node.insertAdjacentElement(\"afterend\", node);\n      });\n  }\n\n  /**\n   * Sets the state of a given rule on the target node.\n   *\n   * @param rule {String}\n   * @param deny {boolean}\n   */\n  toggleRule(rule, deny = false) {\n    if (this.node.dataset.hasOwnProperty(rule) && !deny) {\n      delete this.node.dataset[rule];\n    }\n    if (!this.node.dataset.hasOwnProperty(rule) && deny) {\n      this.node.dataset[rule] = \"\";\n    }\n\n    if (rule === \"denyDrag\") {\n      if (!this.node.hasAttribute(\"draggable\") && !deny) {\n        this.node.setAttribute(\"draggable\", \"true\");\n      }\n      if (this.node.hasAttribute(\"draggable\") && deny) {\n        this.node.removeAttribute(\"draggable\");\n      }\n    }\n  }\n\n  /**\n   * Detects turbo item changes by comparing the dataset id with the input\n   */\n  hasItemIdChanged() {\n    return !(this.#itemIdInput.value === this.itemId);\n  }\n\n  /**\n   * Updates inputs, in case they don't match the data values, e.g., when the\n   * nested inputs have been hot-swapped by turbo with data from the server.\n   *\n   * Updates itemId from input as that is the canonical source.\n   */\n  updateAfterChange() {\n    this.itemId = this.#itemIdInput.value;\n    this.#indexInput.value = this.index;\n    this.#depthInput.value = this.depth;\n  }\n\n  /**\n   * Finds the dom container for storing collapsed (hidden) children, if present.\n   *\n   * @returns {Element} ol[data-content-children]\n   */\n  get #childrenListElement() {\n    return this.node.querySelector(`:scope > [data-content-children]`);\n  }\n\n  /**\n   * @returns {Item[]} all items that follow this element that have a greater depth.\n   */\n  get #expandedDescendants() {\n    const descendants = [];\n\n    let sibling = this.nextItem;\n    while (sibling && sibling.depth > this.depth) {\n      descendants.push(sibling);\n      sibling = sibling.nextItem;\n    }\n\n    return descendants;\n  }\n\n  /**\n   * @returns {Item[]} all items directly contained inside this element's hidden children element.\n   */\n  get #collapsedDescendants() {\n    if (!this.hasCollapsedDescendants()) return [];\n\n    return Array.from(this.#childrenListElement.children).map(\n      (node) => new Item(node),\n    );\n  }\n}\n\n/**\n * Finds or creates a dom container for storing collapsed (hidden) children.\n *\n * @param node {Element} li[data-content-index]\n * @returns {Element} ol[data-content-children]\n */\nfunction createChildrenList(node) {\n  const childrenList = document.createElement(\"ol\");\n  childrenList.setAttribute(\"class\", \"hidden\");\n\n  // if objectType is \"rich-content\" set richContentChildren as a data attribute\n  childrenList.dataset[`contentChildren`] = \"\";\n\n  node.appendChild(childrenList);\n\n  return childrenList;\n}\n","import Item from \"./item\";\n\n/**\n * @param nodes {NodeList}\n * @returns {Item[]}\n */\nfunction createItemList(nodes) {\n  return Array.from(nodes).map((node) => new Item(node));\n}\n\nexport default class Container {\n  /**\n   * @param node {Element} content editor list\n   */\n  constructor(node) {\n    this.node = node;\n  }\n\n  /**\n   * @return {Item[]} an ordered list of all items in the container\n   */\n  get items() {\n    return createItemList(this.node.querySelectorAll(\"[data-content-index]\"));\n  }\n\n  /**\n   *  @return {String} a serialized description of the structure of the container\n   */\n  get state() {\n    const inputs = this.node.querySelectorAll(\"li input[type=hidden]\");\n    return Array.from(inputs)\n      .map((e) => e.value)\n      .join(\"/\");\n  }\n\n  /**\n   * Set the index of items based on their current position.\n   */\n  reindex() {\n    this.items.map((item, index) => (item.index = index));\n  }\n\n  /**\n   * Resets the order of items to their defined index.\n   * Useful after an aborted drag.\n   */\n  reset() {\n    this.items.sort(Item.comparator).forEach((item) => {\n      this.node.appendChild(item.node);\n    });\n  }\n}\n","export default class RulesEngine {\n  static rules = [\n    \"denyDeNest\",\n    \"denyNest\",\n    \"denyCollapse\",\n    \"denyExpand\",\n    \"denyRemove\",\n    \"denyDrag\",\n    \"denyEdit\",\n  ];\n\n  constructor(debug = false) {\n    if (debug) {\n      this.debug = (...args) => console.log(...args);\n    } else {\n      this.debug = () => {};\n    }\n  }\n\n  /**\n   * Enforce structural rules to ensure that the given item is currently in a\n   * valid state.\n   *\n   * @param {Item} item\n   */\n  normalize(item) {\n    // structural rules enforce a valid tree structure\n    this.firstItemDepthZero(item);\n    this.depthMustBeSet(item);\n    this.itemCannotHaveInvalidDepth(item);\n    this.parentMustBeLayout(item);\n    this.parentCannotHaveExpandedAndCollapsedChildren(item);\n  }\n\n  /**\n   * Apply rules to the given item to determine what operations are permitted.\n   *\n   * @param {Item} item\n   */\n  update(item) {\n    this.rules = {};\n\n    // behavioural rules define what the user is allowed to do\n    this.parentsCannotDeNest(item);\n    this.rootsCannotDeNest(item);\n    this.onlyLastItemCanDeNest(item);\n    this.nestingNeedsParent(item);\n    this.leavesCannotCollapse(item);\n    this.needHiddenItemsToExpand(item);\n    this.parentsCannotBeDeleted(item);\n    this.parentsCannotBeDragged(item);\n\n    RulesEngine.rules.forEach((rule) => {\n      item.toggleRule(rule, !!this.rules[rule]);\n    });\n  }\n\n  /**\n   * First item can't have a parent, so its depth should always be 0\n   */\n  firstItemDepthZero(item) {\n    if (item.index === 0 && item.depth !== 0) {\n      this.debug(`enforce depth on item ${item.index}: ${item.depth} => 0`);\n\n      item.depth = 0;\n    }\n  }\n\n  /**\n   * Every item should have a non-negative depth set.\n   *\n   * @param {Item} item\n   */\n  depthMustBeSet(item) {\n    if (isNaN(item.depth) || item.depth < 0) {\n      this.debug(`unset depth on item ${item.index}: => 0`);\n\n      item.depth = 0;\n    }\n  }\n\n  /**\n   * Depth must increase stepwise.\n   *\n   * @param {Item} item\n   */\n  itemCannotHaveInvalidDepth(item) {\n    const previous = item.previousItem;\n    if (previous && previous.depth < item.depth - 1) {\n      this.debug(\n        `invalid depth on item ${item.index}: ${item.depth} => ${\n          previous.depth + 1\n        }`,\n      );\n\n      item.depth = previous.depth + 1;\n    }\n  }\n\n  /**\n   * Parent item, if any, must be a layout.\n   *\n   * @param {Item} item\n   */\n  parentMustBeLayout(item) {\n    // if we're the first child, make sure our parent is a layout\n    // if we're a sibling, we know the previous item is valid so we must be too\n    const previous = item.previousItem;\n    if (previous && previous.depth < item.depth && !previous.isLayout) {\n      this.debug(\n        `invalid parent for item ${item.index}: ${item.depth} => ${previous.depth}`,\n      );\n\n      item.depth = previous.depth;\n    }\n  }\n\n  /**\n   * If a parent has expanded and collapsed children, expand.\n   *\n   * @param {Item} item\n   */\n  parentCannotHaveExpandedAndCollapsedChildren(item) {\n    if (item.hasCollapsedDescendants() && item.hasExpandedDescendants()) {\n      this.debug(`expanding collapsed children of item ${item.index}`);\n\n      item.expand();\n    }\n  }\n\n  /**\n   * De-nesting an item would create a gap of 2 between itself and its children\n   *\n   * @param {Item} item\n   */\n  parentsCannotDeNest(item) {\n    if (item.hasExpandedDescendants()) this.#deny(\"denyDeNest\");\n  }\n\n  /**\n   * Item depth can't go below 0.\n   *\n   * @param {Item} item\n   */\n  rootsCannotDeNest(item) {\n    if (item.depth === 0) this.#deny(\"denyDeNest\");\n  }\n\n  /**\n   * De-nesting an item that has siblings would make it a container.\n   *\n   * @param {Item} item\n   */\n  onlyLastItemCanDeNest(item) {\n    const next = item.nextItem;\n    if (next && next.depth === item.depth && !item.isLayout)\n      this.#deny(\"denyDeNest\");\n  }\n\n  /**\n   * If an item doesn't have children it can't be collapsed.\n   *\n   * @param {Item} item\n   */\n  leavesCannotCollapse(item) {\n    if (!item.hasExpandedDescendants()) this.#deny(\"denyCollapse\");\n  }\n\n  /**\n   * If an item doesn't have any hidden descendants then it can't be expanded.\n   *\n   * @param {Item} item\n   */\n  needHiddenItemsToExpand(item) {\n    if (!item.hasCollapsedDescendants()) this.#deny(\"denyExpand\");\n  }\n\n  /**\n   * An item can't be nested (indented) if it doesn't have a valid parent.\n   *\n   * @param {Item} item\n   */\n  nestingNeedsParent(item) {\n    const previous = item.previousItem;\n    // no previous, so cannot nest\n    if (!previous) this.#deny(\"denyNest\");\n    // previous is too shallow, nesting would increase depth too much\n    else if (previous.depth < item.depth) this.#deny(\"denyNest\");\n    // new parent is not a layout\n    else if (previous.depth === item.depth && !previous.isLayout)\n      this.#deny(\"denyNest\");\n  }\n\n  /**\n   * An item can't be deleted if it has visible children.\n   *\n   * @param {Item} item\n   */\n  parentsCannotBeDeleted(item) {\n    if (!item.itemId || item.hasExpandedDescendants()) this.#deny(\"denyRemove\");\n  }\n\n  /**\n   * Items cannot be dragged if they have visible children.\n   *\n   * @param {Item} item\n   */\n  parentsCannotBeDragged(item) {\n    if (item.hasExpandedDescendants()) this.#deny(\"denyDrag\");\n  }\n\n  /**\n   * Record a deny.\n   *\n   * @param rule {String}\n   */\n  #deny(rule) {\n    this.rules[rule] = true;\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nimport Item from \"./item\";\nimport Container from \"./container\";\nimport RulesEngine from \"./rules_engine\";\n\nexport default class ContainerController extends Controller {\n  static targets = [\"container\"];\n\n  // Caution: connect is called on attachment, but also on morph/render\n  connect() {\n    this.state = this.container.state;\n    this.reindex();\n  }\n\n  get container() {\n    return new Container(this.containerTarget);\n  }\n\n  reindex() {\n    this.container.reindex();\n    this.#update();\n  }\n\n  reset() {\n    this.container.reset();\n  }\n\n  drop(event) {\n    this.container.reindex(); // set indexes before calculating previous\n\n    const item = getEventItem(event);\n    const previous = item.previousItem;\n\n    let delta = 0;\n    if (previous === undefined) {\n      // if previous does not exist, set depth to 0\n      delta = -item.depth;\n    } else if (\n      previous.isLayout &&\n      item.nextItem &&\n      item.nextItem.depth > previous.depth\n    ) {\n      // if previous is a layout and next is a child of previous, make item a child of previous\n      delta = previous.depth - item.depth + 1;\n    } else {\n      // otherwise, make item a sibling of previous\n      delta = previous.depth - item.depth;\n    }\n\n    item.traverse((child) => {\n      child.depth += delta;\n    });\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  remove(event) {\n    const item = getEventItem(event);\n\n    item.node.remove();\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  nest(event) {\n    const item = getEventItem(event);\n\n    item.traverse((child) => {\n      child.depth += 1;\n    });\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  deNest(event) {\n    const item = getEventItem(event);\n\n    item.traverse((child) => {\n      child.depth -= 1;\n    });\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  collapse(event) {\n    const item = getEventItem(event);\n\n    item.collapse();\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  expand(event) {\n    const item = getEventItem(event);\n\n    item.expand();\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  /**\n   * Re-apply rules to items to enable/disable appropriate actions.\n   */\n  #update() {\n    // debounce requests to ensure that we only update once per tick\n    this.updateRequested = true;\n    setTimeout(() => {\n      if (!this.updateRequested) return;\n\n      this.updateRequested = false;\n      const engine = new RulesEngine();\n      this.container.items.forEach((item) => engine.normalize(item));\n      this.container.items.forEach((item) => engine.update(item));\n\n      this.#notifyChange();\n    }, 0);\n  }\n\n  #notifyChange() {\n    this.dispatch(\"change\", {\n      bubbles: true,\n      prefix: \"content\",\n      detail: { dirty: this.#isDirty() },\n    });\n  }\n\n  #isDirty() {\n    return this.container.state !== this.state;\n  }\n}\n\nfunction getEventItem(event) {\n  return new Item(event.target.closest(\"[data-content-item]\"));\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class ListController extends Controller {\n  /**\n   * When the user starts a drag within the list, set the item's dataTransfer\n   * properties to indicate that it's being dragged and update its style.\n   *\n   * We delay setting the dataset property until the next animation frame\n   * so that the style updates can be computed before the drag begins.\n   *\n   * @param event {DragEvent}\n   */\n  dragstart(event) {\n    if (this.element !== event.target.parentElement) return;\n\n    const target = event.target;\n    event.dataTransfer.effectAllowed = \"move\";\n\n    // update element style after drag has begun\n    requestAnimationFrame(() => (target.dataset.dragging = \"\"));\n  }\n\n  /**\n   * When the user drags an item over another item in the last, swap the\n   * dragging item with the item under the cursor.\n   *\n   * @param event {DragEvent}\n   */\n  dragover(event) {\n    const item = this.dragItem;\n    if (!item) return;\n\n    swap(dropTarget(event.target), item);\n\n    event.preventDefault();\n    return true;\n  }\n\n  /**\n   * When the user drops an item, end the drag and reindex the list.\n   *\n   * @param event {DragEvent}\n   */\n  drop(event) {\n    let item = this.dragItem;\n\n    if (!item) return;\n\n    event.preventDefault();\n    delete item.dataset.dragging;\n    swap(dropTarget(event.target), item);\n\n    this.dispatch(\"drop\", { target: item, bubbles: true, prefix: \"content\" });\n  }\n\n  /**\n   * End an in-progress drag by resetting the item's style and restoring its\n   * original position in the list.\n   */\n  dragend() {\n    const item = this.dragItem;\n\n    if (item) {\n      delete item.dataset.dragging;\n      this.reset();\n    }\n  }\n\n  get isDragging() {\n    return !!this.dragItem;\n  }\n\n  get dragItem() {\n    return this.element.querySelector(\"[data-dragging]\");\n  }\n\n  reindex() {\n    this.dispatch(\"reindex\", { bubbles: true, prefix: \"content\" });\n  }\n\n  reset() {\n    this.dispatch(\"reset\", { bubbles: true, prefix: \"content\" });\n  }\n}\n\n/**\n * Swaps two list items.\n *\n * @param target the target element to swap with\n * @param item the item the user is dragging\n */\nfunction swap(target, item) {\n  if (!target) return;\n  if (target === item) return;\n\n  const positionComparison = target.compareDocumentPosition(item);\n  if (positionComparison & Node.DOCUMENT_POSITION_FOLLOWING) {\n    target.insertAdjacentElement(\"beforebegin\", item);\n  } else if (positionComparison & Node.DOCUMENT_POSITION_PRECEDING) {\n    target.insertAdjacentElement(\"afterend\", item);\n  }\n}\n\n/**\n * Given an event target, return the closest drop target, if any.\n */\nfunction dropTarget(e) {\n  return e && e.closest(\"[data-controller='content--editor--list'] > *\");\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport \"trix\";\n\n// Note, action_text 7.1.2 changes how Trix is bundled and loaded. This\n// seems to have broken the default export from trix. This is a workaround\n// that relies on the backwards compatibility of the old export to window.Trix.\nconst Trix = window.Trix;\n\n// Stimulus controller doesn't do anything, but having one ensures that trix\n// will be lazy loaded when a trix-editor is added to the dom.\nexport default class TrixController extends Controller {\n  trixInitialize(e) {\n    this.element.addEventListener(\n      \"turbo:before-morph-attribute\",\n      this.suppressMorph,\n    );\n    this.element.addEventListener(\n      \"turbo:before-morph-element\",\n      this.suppressMorph,\n    );\n\n    if (this.element.toolbarElement) {\n      this.element.toolbarElement.addEventListener(\n        \"turbo:before-morph-attribute\",\n        this.suppressMorph,\n      );\n      this.element.toolbarElement.addEventListener(\n        \"turbo:before-morph-element\",\n        this.suppressMorph,\n      );\n    }\n  }\n\n  disconnect() {\n    this.element.removeEventListener(\n      \"turbo:before-morph-attribute\",\n      this.suppressMorph,\n    );\n    this.element.removeEventListener(\n      \"turbo:before-morph-element\",\n      this.suppressMorph,\n    );\n\n    if (this.element.toolbarElement) {\n      this.element.toolbarElement.removeEventListener(\n        \"turbo:before-morph-attribute\",\n        this.suppressMorph,\n      );\n      this.element.toolbarElement.removeEventListener(\n        \"turbo:before-morph-element\",\n        this.suppressMorph,\n      );\n    }\n  }\n\n  suppressMorph = (e) => {\n    // https://github.com/hotwired/turbo-rails/issues/533\n    // Note that this will prevent updates from the server from making their way\n    // to the trix element. Once the upstream issue is resolved we should remove\n    // this compatibility patch.\n    if (\n      e.target.tagName === \"TRIX-EDITOR\" ||\n      e.target.tagName === \"TRIX-TOOLBAR\"\n    ) {\n      e.preventDefault();\n    }\n  };\n}\n\n// Add H4 as an acceptable tag\nTrix.config.blockAttributes[\"heading4\"] = {\n  tagName: \"h4\",\n  terminal: true,\n  breakOnReturn: true,\n  group: false,\n};\n\n// Remove H1 from trix list of acceptable tags\ndelete Trix.config.blockAttributes.heading1;\n\n/**\n * Allow users to enter path and fragment URIs which the input[type=url] browser\n * input does not permit. Uses a permissive regex pattern which is not suitable\n * for untrusted use cases.\n */\nconst LINK_PATTERN = \"(https?|mailto:|tel:|/|#).*?\";\n\n/**\n * Customize default toolbar:\n *\n * * headings: h4 instead of h1\n * * links: use type=text instead of type=url\n *\n * @returns {String} toolbar html fragment\n */\nTrix.config.toolbar.getDefaultHTML = () => {\n  const { lang } = Trix.config;\n  return `\n<div class=\"trix-button-row\">\n  <span class=\"trix-button-group trix-button-group--text-tools\" data-trix-button-group=\"text-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-bold\" data-trix-attribute=\"bold\" data-trix-key=\"b\" title=\"${lang.bold}\" tabindex=\"-1\">${lang.bold}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-italic\" data-trix-attribute=\"italic\" data-trix-key=\"i\" title=\"${lang.italic}\" tabindex=\"-1\">${lang.italic}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-strike\" data-trix-attribute=\"strike\" title=\"${lang.strike}\" tabindex=\"-1\">${lang.strike}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-link\" data-trix-attribute=\"href\" data-trix-action=\"link\" data-trix-key=\"k\" title=\"${lang.link}\" tabindex=\"-1\">${lang.link}</button>\n  </span>\n  <span class=\"trix-button-group trix-button-group--block-tools\" data-trix-button-group=\"block-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-heading-1\" data-trix-attribute=\"heading4\" title=\"${lang.heading1}\" tabindex=\"-1\">${lang.heading1}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-quote\" data-trix-attribute=\"quote\" title=\"${lang.quote}\" tabindex=\"-1\">${lang.quote}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-code\" data-trix-attribute=\"code\" title=\"${lang.code}\" tabindex=\"-1\">${lang.code}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-bullet-list\" data-trix-attribute=\"bullet\" title=\"${lang.bullets}\" tabindex=\"-1\">${lang.bullets}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-number-list\" data-trix-attribute=\"number\" title=\"${lang.numbers}\" tabindex=\"-1\">${lang.numbers}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-decrease-nesting-level\" data-trix-action=\"decreaseNestingLevel\" title=\"${lang.outdent}\" tabindex=\"-1\">${lang.outdent}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-increase-nesting-level\" data-trix-action=\"increaseNestingLevel\" title=\"${lang.indent}\" tabindex=\"-1\">${lang.indent}</button>\n  </span>\n  <span class=\"trix-button-group trix-button-group--file-tools\" data-trix-button-group=\"file-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-attach\" data-trix-action=\"attachFiles\" title=\"${lang.attachFiles}\" tabindex=\"-1\">${lang.attachFiles}</button>\n  </span>\n  <span class=\"trix-button-group-spacer\"></span>\n  <span class=\"trix-button-group trix-button-group--history-tools\" data-trix-button-group=\"history-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-undo\" data-trix-action=\"undo\" data-trix-key=\"z\" title=\"${lang.undo}\" tabindex=\"-1\">${lang.undo}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-redo\" data-trix-action=\"redo\" data-trix-key=\"shift+z\" title=\"${lang.redo}\" tabindex=\"-1\">${lang.redo}</button>\n  </span>\n</div>\n<div class=\"trix-dialogs\" data-trix-dialogs>\n  <div class=\"trix-dialog trix-dialog--link\" data-trix-dialog=\"href\" data-trix-dialog-attribute=\"href\">\n    <div class=\"trix-dialog__link-fields\">\n      <input type=\"text\" name=\"href\" pattern=\"${LINK_PATTERN}\" class=\"trix-input trix-input--dialog\" placeholder=\"${lang.urlPlaceholder}\" aria-label=\"${lang.url}\" required data-trix-input>\n      <div class=\"trix-button-group\">\n        <input type=\"button\" class=\"trix-button trix-button--dialog\" value=\"${lang.link}\" data-trix-method=\"setAttribute\">\n        <input type=\"button\" class=\"trix-button trix-button--dialog\" value=\"${lang.unlink}\" data-trix-method=\"removeAttribute\">\n      </div>\n    </div>\n  </div>\n</div>\n`;\n};\n\n/**\n * If the <trix-editor> element is in the HTML when Trix loads, then Trix will have already injected the toolbar content\n * before our code gets a chance to run. Fix that now.\n *\n * Note: in Trix 2 this is likely to no longer be necessary.\n */\ndocument.querySelectorAll(\"trix-toolbar\").forEach((e) => {\n  e.innerHTML = Trix.config.toolbar.getDefaultHTML();\n});\n","import ContainerController from \"./editor/container_controller\";\nimport ItemController from \"./editor/item_controller\";\nimport ListController from \"./editor/list_controller\";\nimport NewItemsController from \"./editor/new_items_controller\";\nimport StatusBarController from \"./editor/status_bar_controller\";\nimport TableController from \"./editor/table_controller\";\nimport TrixController from \"./editor/trix_controller\";\n\nconst Definitions = [\n  {\n    identifier: \"content--editor--container\",\n    controllerConstructor: ContainerController,\n  },\n  {\n    identifier: \"content--editor--item\",\n    controllerConstructor: ItemController,\n  },\n  {\n    identifier: \"content--editor--list\",\n    controllerConstructor: ListController,\n  },\n  {\n    identifier: \"content--editor--new-items\",\n    controllerConstructor: NewItemsController,\n  },\n  {\n    identifier: \"content--editor--status-bar\",\n    controllerConstructor: StatusBarController,\n  },\n  {\n    identifier: \"content--editor--table\",\n    controllerConstructor: TableController,\n  },\n  {\n    identifier: \"content--editor--trix\",\n    controllerConstructor: TrixController,\n  },\n];\n\nexport { Definitions as default };\n","import { Controller } from \"@hotwired/stimulus\";\nimport Item from \"./item\";\n\nexport default class ItemController extends Controller {\n  get item() {\n    return new Item(this.li);\n  }\n\n  get ol() {\n    return this.element.closest(\"ol\");\n  }\n\n  get li() {\n    return this.element.closest(\"li\");\n  }\n\n  connect() {\n    if (this.element.dataset.hasOwnProperty(\"delete\")) {\n      this.remove();\n    }\n    // if index is not already set, re-index will set it\n    else if (!(this.item.index >= 0)) {\n      this.reindex();\n    }\n    // if item has been replaced via turbo, re-index will run the rules engine\n    // update our depth and index with values from the li's data attributes\n    else if (this.item.hasItemIdChanged()) {\n      this.item.updateAfterChange();\n      this.reindex();\n    }\n  }\n\n  remove() {\n    // capture ol\n    const ol = this.ol;\n    // remove self from dom\n    this.li.remove();\n    // reindex ol\n    this.reindex();\n  }\n\n  reindex() {\n    this.dispatch(\"reindex\", { bubbles: true, prefix: \"content\" });\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nimport Item from \"./item\";\n\nconst EDGE_AREA = 24;\n\nexport default class NewItemsController extends Controller {\n  static targets = [\"inline\"];\n\n  connect() {\n    this.form.addEventListener(\"mousemove\", this.move);\n  }\n\n  disconnect() {\n    this.form?.removeEventListener(\"mousemove\", this.move);\n    delete this.currentItem;\n  }\n\n  open(e) {\n    e.preventDefault();\n    this.dialog.showModal();\n  }\n\n  close(e) {\n    e.preventDefault();\n    this.dialog.close();\n  }\n\n  noop(e) {}\n\n  /**\n   * Add the selected item to the DOM at the current position or the end of the list.\n   */\n  add(e) {\n    e.preventDefault();\n\n    const template = e.target.querySelector(\"template\");\n    const item = template.content.querySelector(\"li\").cloneNode(true);\n    const target = this.currentItem;\n\n    if (target) {\n      target.insertAdjacentElement(\"beforebegin\", item);\n      new Item(item).depth = new Item(target).depth;\n    } else {\n      this.list.insertAdjacentElement(\"beforeend\", item);\n    }\n\n    this.toggleInline(false);\n    this.dialog.close();\n\n    requestAnimationFrame(() => {\n      item.querySelector(`[value=\"edit\"]`).click();\n    });\n  }\n\n  morph(e) {\n    e.preventDefault();\n    this.dialog.close();\n  }\n\n  move = (e) => {\n    if (this.isOverInlineTarget(e)) return;\n    if (this.dialog.open) return;\n\n    const target = this.getCurrentItem(e);\n\n    // return if we're already showing this item\n    if (this.currentItem === target) return;\n\n    // hide the button if it's already visible\n    if (this.currentItem) this.toggleInline(false);\n\n    this.currentItem = target;\n\n    // clear any previously set timer\n    if (this.timer) clearTimeout(this.timer);\n\n    // show the button after a debounce pause\n    this.timer = setTimeout(() => {\n      delete this.timer;\n      this.toggleInline();\n    }, 100);\n  };\n\n  toggleInline(show = !!this.currentItem) {\n    if (show) {\n      this.inlineTarget.style.top = `${this.currentItem.offsetTop}px`;\n      this.inlineTarget.toggleAttribute(\"hidden\", false);\n    } else {\n      this.inlineTarget.toggleAttribute(\"hidden\", true);\n    }\n  }\n\n  get dialog() {\n    return this.element.querySelector(\"dialog\");\n  }\n\n  /**\n   * @returns {HTMLFormElement}\n   */\n  get form() {\n    return this.element.closest(\"form\");\n  }\n\n  /**\n   * @returns {HTMLUListElement,null}\n   */\n  get list() {\n    return this.form.querySelector(`[data-controller=\"content--editor--list\"]`);\n  }\n\n  /**\n   * @param {MouseEvent} e\n   * @returns {HTMLLIElement,null}\n   */\n  getCurrentItem(e) {\n    const item = document.elementFromPoint(e.clientX, e.clientY).closest(\"li\");\n    if (!item) return null;\n\n    const bounds = item.getBoundingClientRect();\n\n    // check X for center(ish) mouse position\n    if (e.clientX < bounds.left + bounds.width / 2 - 2 * EDGE_AREA) return null;\n    if (e.clientX > bounds.left + bounds.width / 2 + 2 * EDGE_AREA) return null;\n\n    // check Y for hits on this item or it's next sibling\n    if (e.clientY - bounds.y <= EDGE_AREA) {\n      return item;\n    } else if (bounds.y + bounds.height - e.clientY <= EDGE_AREA) {\n      return item.nextElementSibling;\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * @param {MouseEvent} e\n   * @returns {Boolean} true when the target of the event is the floating button\n   */\n  isOverInlineTarget(e) {\n    return (\n      this.inlineTarget ===\n      document.elementFromPoint(e.clientX, e.clientY).closest(\"div\")\n    );\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class StatusBarController extends Controller {\n  connect() {\n    // cache the version's state in the controller on connect\n    this.versionState = this.element.dataset.state;\n  }\n\n  morph(e) {\n    if (e.target !== this.element) return;\n\n    this.versionState = this.element.dataset.state;\n    this.update({ dirty: false });\n  }\n\n  change(e) {\n    if (e.detail && e.detail.hasOwnProperty(\"dirty\")) {\n      this.update(e.detail);\n    }\n  }\n\n  update({ dirty }) {\n    if (dirty) {\n      this.element.dataset.state = \"dirty\";\n    } else {\n      this.element.dataset.state = this.versionState;\n    }\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nconst EDITOR = `\n<div class=\"content--editor--table-editor\"\n   contenteditable=\"true\"\n   data-content--editor--table-target=\"content\"\n   data-action=\"paste->content--editor--table#paste\"\n   id=\"item-content-field\">\n</div>`;\n\nexport default class TableController extends Controller {\n  static targets = [\"input\", \"update\"];\n\n  constructor(config) {\n    super(config);\n\n    this.observer = new MutationObserver(this.change);\n  }\n\n  connect() {\n    const template = document.createElement(\"TEMPLATE\");\n    template.innerHTML = EDITOR;\n    this.content = template.content.firstElementChild;\n    this.content.innerHTML = this.inputTarget.value;\n    this.content.className += ` ${this.inputTarget.className}`;\n    this.inputTarget.insertAdjacentElement(\"beforebegin\", this.content);\n    this.inputTarget.hidden = true;\n\n    this.observer.observe(this.content, {\n      attributes: true,\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n  }\n\n  disconnect() {\n    this.observer.disconnect();\n    this.content.remove();\n    delete this.content;\n  }\n\n  change = (mutations) => {\n    this.inputTarget.value = this.table?.outerHTML;\n  };\n\n  update = () => {\n    this.updateTarget.click();\n  };\n\n  paste = (e) => {\n    if (e.clipboardData.getData(\"text/html\").indexOf(\"<table\") === -1) return;\n\n    e.preventDefault();\n\n    this.inputTarget.value = e.clipboardData.getData(\"text/html\");\n\n    this.update();\n  };\n\n  /**\n   * @returns {HTMLTableElement} The table element from the content target\n   */\n  get table() {\n    return this.content.querySelector(\"table\");\n  }\n}\n"],"names":["Item","comparator","a","b","index","constructor","node","this","itemId","dataset","itemIdInput","querySelector","id","value","depth","parseInt","depthInput","indexInput","isLayout","hasAttribute","previousItem","sibling","previousElementSibling","nextItem","nextElementSibling","hasCollapsedDescendants","childrenList","childrenListElement","children","length","hasExpandedDescendants","traverse","callback","expanded","expandedDescendants","traverseCollapsed","forEach","item","collapsedDescendants","collapseChild","appendChild","collapse","listElement","document","createElement","setAttribute","createChildrenList","child","expand","Array","from","reverse","insertAdjacentElement","toggleRule","rule","deny","hasOwnProperty","removeAttribute","hasItemIdChanged","updateAfterChange","descendants","push","map","Container","items","nodes","querySelectorAll","state","inputs","e","join","reindex","reset","sort","RulesEngine","static","debug","args","console","log","normalize","firstItemDepthZero","depthMustBeSet","itemCannotHaveInvalidDepth","parentMustBeLayout","parentCannotHaveExpandedAndCollapsedChildren","update","rules","parentsCannotDeNest","rootsCannotDeNest","onlyLastItemCanDeNest","nestingNeedsParent","leavesCannotCollapse","needHiddenItemsToExpand","parentsCannotBeDeleted","parentsCannotBeDragged","isNaN","previous","next","getEventItem","event","target","closest","swap","positionComparison","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","dropTarget","Trix","window","config","blockAttributes","tagName","terminal","breakOnReturn","group","heading1","toolbar","getDefaultHTML","lang","bold","italic","strike","link","quote","code","bullets","numbers","outdent","indent","attachFiles","undo","redo","urlPlaceholder","url","unlink","innerHTML","Definitions","identifier","controllerConstructor","Controller","connect","container","containerTarget","drop","delta","undefined","preventDefault","remove","nest","deNest","updateRequested","setTimeout","engine","notifyChange","dispatch","bubbles","prefix","detail","dirty","isDirty","li","ol","element","dragstart","parentElement","dataTransfer","effectAllowed","requestAnimationFrame","dragging","dragover","dragItem","dragend","isDragging","form","addEventListener","move","disconnect","removeEventListener","currentItem","open","dialog","showModal","close","noop","add","content","cloneNode","list","toggleInline","click","morph","isOverInlineTarget","getCurrentItem","timer","clearTimeout","show","inlineTarget","style","top","offsetTop","toggleAttribute","elementFromPoint","clientX","clientY","bounds","getBoundingClientRect","left","width","y","height","versionState","change","super","observer","MutationObserver","template","firstElementChild","inputTarget","className","hidden","observe","attributes","childList","characterData","subtree","mutations","table","outerHTML","updateTarget","paste","clipboardData","getData","indexOf","trixInitialize","suppressMorph","toolbarElement"],"mappings":"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"}
+{"version":3,"file":"content.min.js","sources":["../../../javascript/content/editor/item.js","../../../javascript/content/editor/container.js","../../../javascript/content/editor/rules_engine.js","../../../javascript/content/editor/container_controller.js","../../../javascript/content/editor/list_controller.js","../../../javascript/content/editor/trix_controller.js","../../../javascript/content/application.js","../../../javascript/content/editor/item_controller.js","../../../javascript/content/editor/item_editor_controller.js","../../../javascript/content/editor/new_items_controller.js","../../../javascript/content/editor/status_bar_controller.js","../../../javascript/content/editor/table_controller.js"],"sourcesContent":["export default class Item {\n  /**\n   * Sort items by their index.\n   *\n   * @param a {Item}\n   * @param b {Item}\n   * @returns {number}\n   */\n  static comparator(a, b) {\n    return a.index - b.index;\n  }\n\n  /**\n   * @param node {Element} li[data-content-index]\n   */\n  constructor(node) {\n    this.node = node;\n  }\n\n  /**\n   * @returns {String} id of the node's item (from data attributes)\n   */\n  get itemId() {\n    return this.node.dataset[`contentItemId`];\n  }\n\n  get #itemIdInput() {\n    return this.node.querySelector(`input[name$=\"[id]\"]`);\n  }\n\n  /**\n   * @param itemId {String} id\n   */\n  set itemId(id) {\n    if (this.itemId === id) return;\n\n    this.node.dataset[`contentItemId`] = `${id}`;\n    this.#itemIdInput.value = `${id}`;\n  }\n\n  /**\n   * @returns {number} logical nesting depth of node in container\n   */\n  get depth() {\n    return parseInt(this.node.dataset[`contentDepth`]) || 0;\n  }\n\n  get #depthInput() {\n    return this.node.querySelector(`input[name$=\"[depth]\"]`);\n  }\n\n  /**\n   * @param depth {number} depth >= 0\n   */\n  set depth(depth) {\n    if (this.depth === depth) return;\n\n    this.node.dataset[`contentDepth`] = `${depth}`;\n    this.#depthInput.value = `${depth}`;\n  }\n\n  /**\n   * @returns {number} logical index of node in container (pre-order traversal)\n   */\n  get index() {\n    return parseInt(this.node.dataset[`contentIndex`]);\n  }\n\n  get #indexInput() {\n    return this.node.querySelector(`input[name$=\"[index]\"]`);\n  }\n\n  /**\n   * @param index {number} index >= 0\n   */\n  set index(index) {\n    if (this.index === index) return;\n\n    this.node.dataset[`contentIndex`] = `${index}`;\n    this.#indexInput.value = `${index}`;\n  }\n\n  /**\n   * @returns {boolean} true if this item can have children\n   */\n  get isLayout() {\n    return this.node.hasAttribute(\"data-content-layout\");\n  }\n\n  /**\n   * @returns {Item} nearest neighbour (index - 1)\n   */\n  get previousItem() {\n    let sibling = this.node.previousElementSibling;\n    if (sibling) return new Item(sibling);\n  }\n\n  /**\n   * @returns {Item} nearest neighbour (index + 1)\n   */\n  get nextItem() {\n    let sibling = this.node.nextElementSibling;\n    if (sibling) return new Item(sibling);\n  }\n\n  /**\n   * @returns {boolean} true if this item has any collapsed children\n   */\n  hasCollapsedDescendants() {\n    let childrenList = this.#childrenListElement;\n    return !!childrenList && childrenList.children.length > 0;\n  }\n\n  /**\n   * @returns {boolean} true if this item has any expanded children\n   */\n  hasExpandedDescendants() {\n    let sibling = this.nextItem;\n    return !!sibling && sibling.depth > this.depth;\n  }\n\n  /**\n   * Recursively traverse the node and its descendants.\n   *\n   * @callback {Item}\n   */\n  traverse(callback) {\n    // capture descendants before traversal in case of side-effects\n    // specifically, setting depth affects calculation\n    const expanded = this.#expandedDescendants;\n\n    callback(this);\n    this.#traverseCollapsed(callback);\n    expanded.forEach((item) => item.#traverseCollapsed(callback));\n  }\n\n  /**\n   * Recursively traverse the node's collapsed descendants, if any.\n   *\n   * @callback {Item}\n   */\n  #traverseCollapsed(callback) {\n    if (!this.hasCollapsedDescendants()) return;\n\n    this.#collapsedDescendants.forEach((item) => {\n      callback(item);\n      item.#traverseCollapsed(callback);\n    });\n  }\n\n  /**\n   * Move the given item into this element's hidden children list.\n   * Assumes the list already exists.\n   *\n   * @param item {Item}\n   */\n  collapseChild(item) {\n    this.#childrenListElement.appendChild(item.node);\n  }\n\n  /**\n   * Collapses visible (logical) children into this element's hidden children\n   * list, creating it if it doesn't already exist.\n   */\n  collapse() {\n    let listElement = this.#childrenListElement;\n\n    if (!listElement) listElement = createChildrenList(this.node);\n\n    this.#expandedDescendants.forEach((child) =>\n      listElement.appendChild(child.node),\n    );\n  }\n\n  /**\n   * Moves any collapsed children back into the parent container.\n   */\n  expand() {\n    if (!this.hasCollapsedDescendants()) return;\n\n    Array.from(this.#childrenListElement.children)\n      .reverse()\n      .forEach((node) => {\n        this.node.insertAdjacentElement(\"afterend\", node);\n      });\n  }\n\n  /**\n   * Sets the state of a given rule on the target node.\n   *\n   * @param rule {String}\n   * @param deny {boolean}\n   */\n  toggleRule(rule, deny = false) {\n    if (this.node.dataset.hasOwnProperty(rule) && !deny) {\n      delete this.node.dataset[rule];\n    }\n    if (!this.node.dataset.hasOwnProperty(rule) && deny) {\n      this.node.dataset[rule] = \"\";\n    }\n\n    if (rule === \"denyDrag\") {\n      if (!this.node.hasAttribute(\"draggable\") && !deny) {\n        this.node.setAttribute(\"draggable\", \"true\");\n      }\n      if (this.node.hasAttribute(\"draggable\") && deny) {\n        this.node.removeAttribute(\"draggable\");\n      }\n    }\n  }\n\n  /**\n   * Detects turbo item changes by comparing the dataset id with the input\n   */\n  hasItemIdChanged() {\n    return !(this.#itemIdInput.value === this.itemId);\n  }\n\n  /**\n   * Updates inputs, in case they don't match the data values, e.g., when the\n   * nested inputs have been hot-swapped by turbo with data from the server.\n   *\n   * Updates itemId from input as that is the canonical source.\n   */\n  updateAfterChange() {\n    this.itemId = this.#itemIdInput.value;\n    this.#indexInput.value = this.index;\n    this.#depthInput.value = this.depth;\n  }\n\n  /**\n   * Finds the dom container for storing collapsed (hidden) children, if present.\n   *\n   * @returns {Element} ol[data-content-children]\n   */\n  get #childrenListElement() {\n    return this.node.querySelector(`:scope > [data-content-children]`);\n  }\n\n  /**\n   * @returns {Item[]} all items that follow this element that have a greater depth.\n   */\n  get #expandedDescendants() {\n    const descendants = [];\n\n    let sibling = this.nextItem;\n    while (sibling && sibling.depth > this.depth) {\n      descendants.push(sibling);\n      sibling = sibling.nextItem;\n    }\n\n    return descendants;\n  }\n\n  /**\n   * @returns {Item[]} all items directly contained inside this element's hidden children element.\n   */\n  get #collapsedDescendants() {\n    if (!this.hasCollapsedDescendants()) return [];\n\n    return Array.from(this.#childrenListElement.children).map(\n      (node) => new Item(node),\n    );\n  }\n}\n\n/**\n * Finds or creates a dom container for storing collapsed (hidden) children.\n *\n * @param node {Element} li[data-content-index]\n * @returns {Element} ol[data-content-children]\n */\nfunction createChildrenList(node) {\n  const childrenList = document.createElement(\"ol\");\n  childrenList.toggleAttribute(\"hidden\", true);\n\n  // if objectType is \"rich-content\" set richContentChildren as a data attribute\n  childrenList.dataset[`contentChildren`] = \"\";\n\n  node.appendChild(childrenList);\n\n  return childrenList;\n}\n","import Item from \"./item\";\n\n/**\n * @param nodes {NodeList}\n * @returns {Item[]}\n */\nfunction createItemList(nodes) {\n  return Array.from(nodes).map((node) => new Item(node));\n}\n\nexport default class Container {\n  /**\n   * @param node {Element} content editor list\n   */\n  constructor(node) {\n    this.node = node;\n  }\n\n  /**\n   * @return {Item[]} an ordered list of all items in the container\n   */\n  get items() {\n    return createItemList(this.node.querySelectorAll(\"[data-content-index]\"));\n  }\n\n  /**\n   *  @return {String} a serialized description of the structure of the container\n   */\n  get state() {\n    const inputs = this.node.querySelectorAll(\"li input[type=hidden]\");\n    return Array.from(inputs)\n      .map((e) => e.value)\n      .join(\"/\");\n  }\n\n  /**\n   * Set the index of items based on their current position.\n   */\n  reindex() {\n    this.items.map((item, index) => (item.index = index));\n  }\n\n  /**\n   * Resets the order of items to their defined index.\n   * Useful after an aborted drag.\n   */\n  reset() {\n    this.items.sort(Item.comparator).forEach((item) => {\n      this.node.appendChild(item.node);\n    });\n  }\n}\n","export default class RulesEngine {\n  static rules = [\n    \"denyDeNest\",\n    \"denyNest\",\n    \"denyCollapse\",\n    \"denyExpand\",\n    \"denyRemove\",\n    \"denyDrag\",\n    \"denyEdit\",\n  ];\n\n  constructor(debug = false) {\n    if (debug) {\n      this.debug = (...args) => console.log(...args);\n    } else {\n      this.debug = () => {};\n    }\n  }\n\n  /**\n   * Enforce structural rules to ensure that the given item is currently in a\n   * valid state.\n   *\n   * @param {Item} item\n   */\n  normalize(item) {\n    // structural rules enforce a valid tree structure\n    this.firstItemDepthZero(item);\n    this.depthMustBeSet(item);\n    this.itemCannotHaveInvalidDepth(item);\n    this.parentMustBeLayout(item);\n    this.parentCannotHaveExpandedAndCollapsedChildren(item);\n  }\n\n  /**\n   * Apply rules to the given item to determine what operations are permitted.\n   *\n   * @param {Item} item\n   */\n  update(item) {\n    this.rules = {};\n\n    // behavioural rules define what the user is allowed to do\n    this.parentsCannotDeNest(item);\n    this.rootsCannotDeNest(item);\n    this.onlyLastItemCanDeNest(item);\n    this.nestingNeedsParent(item);\n    this.leavesCannotCollapse(item);\n    this.needHiddenItemsToExpand(item);\n    this.parentsCannotBeDeleted(item);\n    this.parentsCannotBeDragged(item);\n\n    RulesEngine.rules.forEach((rule) => {\n      item.toggleRule(rule, !!this.rules[rule]);\n    });\n  }\n\n  /**\n   * First item can't have a parent, so its depth should always be 0\n   */\n  firstItemDepthZero(item) {\n    if (item.index === 0 && item.depth !== 0) {\n      this.debug(`enforce depth on item ${item.index}: ${item.depth} => 0`);\n\n      item.depth = 0;\n    }\n  }\n\n  /**\n   * Every item should have a non-negative depth set.\n   *\n   * @param {Item} item\n   */\n  depthMustBeSet(item) {\n    if (isNaN(item.depth) || item.depth < 0) {\n      this.debug(`unset depth on item ${item.index}: => 0`);\n\n      item.depth = 0;\n    }\n  }\n\n  /**\n   * Depth must increase stepwise.\n   *\n   * @param {Item} item\n   */\n  itemCannotHaveInvalidDepth(item) {\n    const previous = item.previousItem;\n    if (previous && previous.depth < item.depth - 1) {\n      this.debug(\n        `invalid depth on item ${item.index}: ${item.depth} => ${\n          previous.depth + 1\n        }`,\n      );\n\n      item.depth = previous.depth + 1;\n    }\n  }\n\n  /**\n   * Parent item, if any, must be a layout.\n   *\n   * @param {Item} item\n   */\n  parentMustBeLayout(item) {\n    // if we're the first child, make sure our parent is a layout\n    // if we're a sibling, we know the previous item is valid so we must be too\n    const previous = item.previousItem;\n    if (previous && previous.depth < item.depth && !previous.isLayout) {\n      this.debug(\n        `invalid parent for item ${item.index}: ${item.depth} => ${previous.depth}`,\n      );\n\n      item.depth = previous.depth;\n    }\n  }\n\n  /**\n   * If a parent has expanded and collapsed children, expand.\n   *\n   * @param {Item} item\n   */\n  parentCannotHaveExpandedAndCollapsedChildren(item) {\n    if (item.hasCollapsedDescendants() && item.hasExpandedDescendants()) {\n      this.debug(`expanding collapsed children of item ${item.index}`);\n\n      item.expand();\n    }\n  }\n\n  /**\n   * De-nesting an item would create a gap of 2 between itself and its children\n   *\n   * @param {Item} item\n   */\n  parentsCannotDeNest(item) {\n    if (item.hasExpandedDescendants()) this.#deny(\"denyDeNest\");\n  }\n\n  /**\n   * Item depth can't go below 0.\n   *\n   * @param {Item} item\n   */\n  rootsCannotDeNest(item) {\n    if (item.depth === 0) this.#deny(\"denyDeNest\");\n  }\n\n  /**\n   * De-nesting an item that has siblings would make it a container.\n   *\n   * @param {Item} item\n   */\n  onlyLastItemCanDeNest(item) {\n    const next = item.nextItem;\n    if (next && next.depth === item.depth && !item.isLayout)\n      this.#deny(\"denyDeNest\");\n  }\n\n  /**\n   * If an item doesn't have children it can't be collapsed.\n   *\n   * @param {Item} item\n   */\n  leavesCannotCollapse(item) {\n    if (!item.hasExpandedDescendants()) this.#deny(\"denyCollapse\");\n  }\n\n  /**\n   * If an item doesn't have any hidden descendants then it can't be expanded.\n   *\n   * @param {Item} item\n   */\n  needHiddenItemsToExpand(item) {\n    if (!item.hasCollapsedDescendants()) this.#deny(\"denyExpand\");\n  }\n\n  /**\n   * An item can't be nested (indented) if it doesn't have a valid parent.\n   *\n   * @param {Item} item\n   */\n  nestingNeedsParent(item) {\n    const previous = item.previousItem;\n    // no previous, so cannot nest\n    if (!previous) this.#deny(\"denyNest\");\n    // previous is too shallow, nesting would increase depth too much\n    else if (previous.depth < item.depth) this.#deny(\"denyNest\");\n    // new parent is not a layout\n    else if (previous.depth === item.depth && !previous.isLayout)\n      this.#deny(\"denyNest\");\n  }\n\n  /**\n   * An item can't be deleted if it has visible children.\n   *\n   * @param {Item} item\n   */\n  parentsCannotBeDeleted(item) {\n    if (!item.itemId || item.hasExpandedDescendants()) this.#deny(\"denyRemove\");\n  }\n\n  /**\n   * Items cannot be dragged if they have visible children.\n   *\n   * @param {Item} item\n   */\n  parentsCannotBeDragged(item) {\n    if (item.hasExpandedDescendants()) this.#deny(\"denyDrag\");\n  }\n\n  /**\n   * Record a deny.\n   *\n   * @param rule {String}\n   */\n  #deny(rule) {\n    this.rules[rule] = true;\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nimport Item from \"./item\";\nimport Container from \"./container\";\nimport RulesEngine from \"./rules_engine\";\n\nexport default class ContainerController extends Controller {\n  static targets = [\"container\"];\n\n  // Caution: connect is called on attachment, but also on morph/render\n  connect() {\n    this.state = this.container.state;\n    this.reindex();\n  }\n\n  get container() {\n    return new Container(this.containerTarget);\n  }\n\n  reindex() {\n    this.container.reindex();\n    this.#update();\n  }\n\n  reset() {\n    this.container.reset();\n  }\n\n  drop(event) {\n    this.container.reindex(); // set indexes before calculating previous\n\n    const item = getEventItem(event);\n    const previous = item.previousItem;\n\n    let delta = 0;\n    if (previous === undefined) {\n      // if previous does not exist, set depth to 0\n      delta = -item.depth;\n    } else if (\n      previous.isLayout &&\n      item.nextItem &&\n      item.nextItem.depth > previous.depth\n    ) {\n      // if previous is a layout and next is a child of previous, make item a child of previous\n      delta = previous.depth - item.depth + 1;\n    } else {\n      // otherwise, make item a sibling of previous\n      delta = previous.depth - item.depth;\n    }\n\n    item.traverse((child) => {\n      child.depth += delta;\n    });\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  remove(event) {\n    const item = getEventItem(event);\n\n    item.node.remove();\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  nest(event) {\n    const item = getEventItem(event);\n\n    item.traverse((child) => {\n      child.depth += 1;\n    });\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  deNest(event) {\n    const item = getEventItem(event);\n\n    item.traverse((child) => {\n      child.depth -= 1;\n    });\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  collapse(event) {\n    const item = getEventItem(event);\n\n    item.collapse();\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  expand(event) {\n    const item = getEventItem(event);\n\n    item.expand();\n\n    this.#update();\n    event.preventDefault();\n  }\n\n  /**\n   * Re-apply rules to items to enable/disable appropriate actions.\n   */\n  #update() {\n    // debounce requests to ensure that we only update once per tick\n    this.updateRequested = true;\n    setTimeout(() => {\n      if (!this.updateRequested) return;\n\n      this.updateRequested = false;\n      const engine = new RulesEngine();\n      this.container.items.forEach((item) => engine.normalize(item));\n      this.container.items.forEach((item) => engine.update(item));\n\n      this.#notifyChange();\n    }, 0);\n  }\n\n  #notifyChange() {\n    this.dispatch(\"change\", {\n      bubbles: true,\n      prefix: \"content\",\n      detail: { dirty: this.#isDirty() },\n    });\n  }\n\n  #isDirty() {\n    return this.container.state !== this.state;\n  }\n}\n\nfunction getEventItem(event) {\n  return new Item(event.target.closest(\"[data-content-item]\"));\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class ListController extends Controller {\n  /**\n   * When the user starts a drag within the list, set the item's dataTransfer\n   * properties to indicate that it's being dragged and update its style.\n   *\n   * We delay setting the dataset property until the next animation frame\n   * so that the style updates can be computed before the drag begins.\n   *\n   * @param event {DragEvent}\n   */\n  dragstart(event) {\n    if (this.element !== event.target.parentElement) return;\n\n    const target = event.target;\n    event.dataTransfer.effectAllowed = \"move\";\n\n    // update element style after drag has begun\n    requestAnimationFrame(() => (target.dataset.dragging = \"\"));\n  }\n\n  /**\n   * When the user drags an item over another item in the last, swap the\n   * dragging item with the item under the cursor.\n   *\n   * @param event {DragEvent}\n   */\n  dragover(event) {\n    const item = this.dragItem;\n    if (!item) return;\n\n    swap(dropTarget(event.target), item);\n\n    event.preventDefault();\n    return true;\n  }\n\n  /**\n   * When the user drops an item, end the drag and reindex the list.\n   *\n   * @param event {DragEvent}\n   */\n  drop(event) {\n    let item = this.dragItem;\n\n    if (!item) return;\n\n    event.preventDefault();\n    delete item.dataset.dragging;\n    swap(dropTarget(event.target), item);\n\n    this.dispatch(\"drop\", { target: item, bubbles: true, prefix: \"content\" });\n  }\n\n  /**\n   * End an in-progress drag by resetting the item's style and restoring its\n   * original position in the list.\n   */\n  dragend() {\n    const item = this.dragItem;\n\n    if (item) {\n      delete item.dataset.dragging;\n      this.reset();\n    }\n  }\n\n  get isDragging() {\n    return !!this.dragItem;\n  }\n\n  get dragItem() {\n    return this.element.querySelector(\"[data-dragging]\");\n  }\n\n  reindex() {\n    this.dispatch(\"reindex\", { bubbles: true, prefix: \"content\" });\n  }\n\n  reset() {\n    this.dispatch(\"reset\", { bubbles: true, prefix: \"content\" });\n  }\n}\n\n/**\n * Swaps two list items.\n *\n * @param target the target element to swap with\n * @param item the item the user is dragging\n */\nfunction swap(target, item) {\n  if (!target) return;\n  if (target === item) return;\n\n  const positionComparison = target.compareDocumentPosition(item);\n  if (positionComparison & Node.DOCUMENT_POSITION_FOLLOWING) {\n    target.insertAdjacentElement(\"beforebegin\", item);\n  } else if (positionComparison & Node.DOCUMENT_POSITION_PRECEDING) {\n    target.insertAdjacentElement(\"afterend\", item);\n  }\n}\n\n/**\n * Given an event target, return the closest drop target, if any.\n */\nfunction dropTarget(e) {\n  return e && e.closest(\"[data-controller='content--editor--list'] > *\");\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport \"trix\";\n\n// Note, action_text 7.1.2 changes how Trix is bundled and loaded. This\n// seems to have broken the default export from trix. This is a workaround\n// that relies on the backwards compatibility of the old export to window.Trix.\nconst Trix = window.Trix;\n\n// Stimulus controller doesn't do anything, but having one ensures that trix\n// will be lazy loaded when a trix-editor is added to the dom.\nexport default class TrixController extends Controller {\n  trixInitialize(e) {\n    this.element.addEventListener(\n      \"turbo:before-morph-attribute\",\n      this.suppressMorph,\n    );\n    this.element.addEventListener(\n      \"turbo:before-morph-element\",\n      this.suppressMorph,\n    );\n\n    if (this.element.toolbarElement) {\n      this.element.toolbarElement.addEventListener(\n        \"turbo:before-morph-attribute\",\n        this.suppressMorph,\n      );\n      this.element.toolbarElement.addEventListener(\n        \"turbo:before-morph-element\",\n        this.suppressMorph,\n      );\n    }\n  }\n\n  disconnect() {\n    this.element.removeEventListener(\n      \"turbo:before-morph-attribute\",\n      this.suppressMorph,\n    );\n    this.element.removeEventListener(\n      \"turbo:before-morph-element\",\n      this.suppressMorph,\n    );\n\n    if (this.element.toolbarElement) {\n      this.element.toolbarElement.removeEventListener(\n        \"turbo:before-morph-attribute\",\n        this.suppressMorph,\n      );\n      this.element.toolbarElement.removeEventListener(\n        \"turbo:before-morph-element\",\n        this.suppressMorph,\n      );\n    }\n  }\n\n  suppressMorph = (e) => {\n    // https://github.com/hotwired/turbo-rails/issues/533\n    // Note that this will prevent updates from the server from making their way\n    // to the trix element. Once the upstream issue is resolved we should remove\n    // this compatibility patch.\n    if (\n      e.target.tagName === \"TRIX-EDITOR\" ||\n      e.target.tagName === \"TRIX-TOOLBAR\"\n    ) {\n      e.preventDefault();\n    }\n  };\n}\n\n// Add H4 as an acceptable tag\nTrix.config.blockAttributes[\"heading4\"] = {\n  tagName: \"h4\",\n  terminal: true,\n  breakOnReturn: true,\n  group: false,\n};\n\n// Remove H1 from trix list of acceptable tags\ndelete Trix.config.blockAttributes.heading1;\n\n/**\n * Allow users to enter path and fragment URIs which the input[type=url] browser\n * input does not permit. Uses a permissive regex pattern which is not suitable\n * for untrusted use cases.\n */\nconst LINK_PATTERN = \"(https?|mailto:|tel:|/|#).*?\";\n\n/**\n * Customize default toolbar:\n *\n * * headings: h4 instead of h1\n * * links: use type=text instead of type=url\n *\n * @returns {String} toolbar html fragment\n */\nTrix.config.toolbar.getDefaultHTML = () => {\n  const { lang } = Trix.config;\n  return `\n<div class=\"trix-button-row\">\n  <span class=\"trix-button-group trix-button-group--text-tools\" data-trix-button-group=\"text-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-bold\" data-trix-attribute=\"bold\" data-trix-key=\"b\" title=\"${lang.bold}\" tabindex=\"-1\">${lang.bold}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-italic\" data-trix-attribute=\"italic\" data-trix-key=\"i\" title=\"${lang.italic}\" tabindex=\"-1\">${lang.italic}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-strike\" data-trix-attribute=\"strike\" title=\"${lang.strike}\" tabindex=\"-1\">${lang.strike}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-link\" data-trix-attribute=\"href\" data-trix-action=\"link\" data-trix-key=\"k\" title=\"${lang.link}\" tabindex=\"-1\">${lang.link}</button>\n  </span>\n  <span class=\"trix-button-group trix-button-group--block-tools\" data-trix-button-group=\"block-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-heading-1\" data-trix-attribute=\"heading4\" title=\"${lang.heading1}\" tabindex=\"-1\">${lang.heading1}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-quote\" data-trix-attribute=\"quote\" title=\"${lang.quote}\" tabindex=\"-1\">${lang.quote}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-code\" data-trix-attribute=\"code\" title=\"${lang.code}\" tabindex=\"-1\">${lang.code}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-bullet-list\" data-trix-attribute=\"bullet\" title=\"${lang.bullets}\" tabindex=\"-1\">${lang.bullets}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-number-list\" data-trix-attribute=\"number\" title=\"${lang.numbers}\" tabindex=\"-1\">${lang.numbers}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-decrease-nesting-level\" data-trix-action=\"decreaseNestingLevel\" title=\"${lang.outdent}\" tabindex=\"-1\">${lang.outdent}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-increase-nesting-level\" data-trix-action=\"increaseNestingLevel\" title=\"${lang.indent}\" tabindex=\"-1\">${lang.indent}</button>\n  </span>\n  <span class=\"trix-button-group trix-button-group--file-tools\" data-trix-button-group=\"file-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-attach\" data-trix-action=\"attachFiles\" title=\"${lang.attachFiles}\" tabindex=\"-1\">${lang.attachFiles}</button>\n  </span>\n  <span class=\"trix-button-group-spacer\"></span>\n  <span class=\"trix-button-group trix-button-group--history-tools\" data-trix-button-group=\"history-tools\">\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-undo\" data-trix-action=\"undo\" data-trix-key=\"z\" title=\"${lang.undo}\" tabindex=\"-1\">${lang.undo}</button>\n    <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-redo\" data-trix-action=\"redo\" data-trix-key=\"shift+z\" title=\"${lang.redo}\" tabindex=\"-1\">${lang.redo}</button>\n  </span>\n</div>\n<div class=\"trix-dialogs\" data-trix-dialogs>\n  <div class=\"trix-dialog trix-dialog--link\" data-trix-dialog=\"href\" data-trix-dialog-attribute=\"href\">\n    <div class=\"trix-dialog__link-fields\">\n      <input type=\"text\" name=\"href\" pattern=\"${LINK_PATTERN}\" class=\"trix-input trix-input--dialog\" placeholder=\"${lang.urlPlaceholder}\" aria-label=\"${lang.url}\" required data-trix-input>\n      <div class=\"trix-button-group\">\n        <input type=\"button\" class=\"trix-button trix-button--dialog\" value=\"${lang.link}\" data-trix-method=\"setAttribute\">\n        <input type=\"button\" class=\"trix-button trix-button--dialog\" value=\"${lang.unlink}\" data-trix-method=\"removeAttribute\">\n      </div>\n    </div>\n  </div>\n</div>\n`;\n};\n\n/**\n * If the <trix-editor> element is in the HTML when Trix loads, then Trix will have already injected the toolbar content\n * before our code gets a chance to run. Fix that now.\n *\n * Note: in Trix 2 this is likely to no longer be necessary.\n */\ndocument.querySelectorAll(\"trix-toolbar\").forEach((e) => {\n  e.innerHTML = Trix.config.toolbar.getDefaultHTML();\n});\n","import ContainerController from \"./editor/container_controller\";\nimport ItemController from \"./editor/item_controller\";\nimport ItemEditorController from \"./editor/item_editor_controller\";\nimport ListController from \"./editor/list_controller\";\nimport NewItemsController from \"./editor/new_items_controller\";\nimport StatusBarController from \"./editor/status_bar_controller\";\nimport TableController from \"./editor/table_controller\";\nimport TrixController from \"./editor/trix_controller\";\n\nconst Definitions = [\n  {\n    identifier: \"content--editor--container\",\n    controllerConstructor: ContainerController,\n  },\n  {\n    identifier: \"content--editor--item\",\n    controllerConstructor: ItemController,\n  },\n  {\n    identifier: \"content--editor--item-editor\",\n    controllerConstructor: ItemEditorController,\n  },\n  {\n    identifier: \"content--editor--list\",\n    controllerConstructor: ListController,\n  },\n  {\n    identifier: \"content--editor--new-items\",\n    controllerConstructor: NewItemsController,\n  },\n  {\n    identifier: \"content--editor--status-bar\",\n    controllerConstructor: StatusBarController,\n  },\n  {\n    identifier: \"content--editor--table\",\n    controllerConstructor: TableController,\n  },\n  {\n    identifier: \"content--editor--trix\",\n    controllerConstructor: TrixController,\n  },\n];\n\nexport { Definitions as default };\n","import { Controller } from \"@hotwired/stimulus\";\nimport Item from \"./item\";\n\nexport default class ItemController extends Controller {\n  get item() {\n    return new Item(this.li);\n  }\n\n  get ol() {\n    return this.element.closest(\"ol\");\n  }\n\n  get li() {\n    return this.element.closest(\"li\");\n  }\n\n  connect() {\n    if (this.element.dataset.hasOwnProperty(\"delete\")) {\n      this.remove();\n    }\n    // if index is not already set, re-index will set it\n    else if (!(this.item.index >= 0)) {\n      this.reindex();\n    }\n    // if item has been replaced via turbo, re-index will run the rules engine\n    // update our depth and index with values from the li's data attributes\n    else if (this.item.hasItemIdChanged()) {\n      this.item.updateAfterChange();\n      this.reindex();\n    }\n  }\n\n  remove() {\n    // capture ol\n    const ol = this.ol;\n    // remove self from dom\n    this.li.remove();\n    // reindex ol\n    this.reindex();\n  }\n\n  reindex() {\n    this.dispatch(\"reindex\", { bubbles: true, prefix: \"content\" });\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport Item from \"./item\";\n\nexport default class ItemEditorController extends Controller {\n  static targets = [\"dialog\"];\n\n  connect() {\n    this.element.addEventListener(\"turbo:submit-end\", this.onSubmit);\n  }\n\n  disconnect() {\n    this.element.removeEventListener(\"turbo:submit-end\", this.onSubmit);\n  }\n\n  dismiss() {\n    if (!this.dialogTarget) return;\n    if (!this.dialogTarget.open) this.dialogTarget.close();\n\n    if (!(\"itemPersisted\" in this.dialogTarget.dataset)) {\n      this.#removeTargetItem();\n    }\n\n    this.element.removeAttribute(\"src\");\n    this.dialogTarget.remove();\n  }\n\n  dialogTargetConnected(dialog) {\n    dialog.showModal();\n  }\n\n  onSubmit = (event) => {\n    if (\n      event.detail.success &&\n      \"closeDialog\" in event.detail.formSubmission?.submitter?.dataset\n    ) {\n      this.dialogTarget.close();\n      this.element.removeAttribute(\"src\");\n      this.dialogTarget.remove();\n    }\n  };\n\n  noop() {}\n\n  #removeTargetItem() {\n    const el = document.getElementById(this.dialogTarget.dataset.itemId);\n    const item = new Item(el.closest(\"[data-content-item]\"));\n    const list = item.node.parentElement;\n\n    item.node.remove();\n\n    this.dispatch(\"reindex\", {\n      target: list,\n      bubbles: true,\n      prefix: \"content\",\n    });\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nconst EDGE_AREA = 24;\n\nexport default class NewItemsController extends Controller {\n  static targets = [\"inline\"];\n\n  connect() {\n    this.form.addEventListener(\"mousemove\", this.move);\n  }\n\n  disconnect() {\n    this.form?.removeEventListener(\"mousemove\", this.move);\n    delete this.currentItem;\n  }\n\n  open(e) {\n    e.preventDefault();\n    this.dialog.showModal();\n  }\n\n  close(e) {\n    e.preventDefault();\n    this.dialog.close();\n  }\n\n  noop(e) {}\n\n  /**\n   * Add the selected item to the DOM at the current position or the end of the list.\n   */\n  add(e) {\n    e.preventDefault();\n\n    const template = e.target.closest(\"li\").querySelector(\"template\");\n    const item = template.content.querySelector(\"li\").cloneNode(true);\n    const target = this.currentItem;\n\n    if (target) {\n      target.insertAdjacentElement(\"beforebegin\", item);\n    } else {\n      this.list.insertAdjacentElement(\"beforeend\", item);\n    }\n\n    this.toggleInline(false);\n    this.dialog.close();\n\n    requestAnimationFrame(() => {\n      item.querySelector(`[value=\"edit\"]`).click();\n    });\n  }\n\n  morph(e) {\n    e.preventDefault();\n    this.dialog.close();\n  }\n\n  move = (e) => {\n    if (this.isOverInlineTarget(e)) return;\n    if (this.dialog.open) return;\n\n    const target = this.getCurrentItem(e);\n\n    // return if we're already showing this item\n    if (this.currentItem === target) return;\n\n    // hide the button if it's already visible\n    if (this.currentItem) this.toggleInline(false);\n\n    this.currentItem = target;\n\n    // clear any previously set timer\n    if (this.timer) clearTimeout(this.timer);\n\n    // show the button after a debounce pause\n    this.timer = setTimeout(() => {\n      delete this.timer;\n      this.toggleInline();\n    }, 100);\n  };\n\n  toggleInline(show = !!this.currentItem) {\n    if (show) {\n      this.inlineTarget.style.top = `${this.currentItem.offsetTop}px`;\n      this.inlineTarget.toggleAttribute(\"hidden\", false);\n    } else {\n      this.inlineTarget.toggleAttribute(\"hidden\", true);\n    }\n  }\n\n  get dialog() {\n    return this.element.querySelector(\"dialog\");\n  }\n\n  /**\n   * @returns {HTMLFormElement}\n   */\n  get form() {\n    return this.element.closest(\"form\");\n  }\n\n  /**\n   * @returns {HTMLUListElement,null}\n   */\n  get list() {\n    return this.form.querySelector(`[data-controller=\"content--editor--list\"]`);\n  }\n\n  /**\n   * @param {MouseEvent} e\n   * @returns {HTMLLIElement,null}\n   */\n  getCurrentItem(e) {\n    const item = document.elementFromPoint(e.clientX, e.clientY).closest(\"li\");\n    if (!item) return null;\n\n    const bounds = item.getBoundingClientRect();\n\n    // check X for center(ish) mouse position\n    if (e.clientX < bounds.left + bounds.width / 2 - 2 * EDGE_AREA) return null;\n    if (e.clientX > bounds.left + bounds.width / 2 + 2 * EDGE_AREA) return null;\n\n    // check Y for hits on this item or it's next sibling\n    if (e.clientY - bounds.y <= EDGE_AREA) {\n      return item;\n    } else if (bounds.y + bounds.height - e.clientY <= EDGE_AREA) {\n      return item.nextElementSibling;\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * @param {MouseEvent} e\n   * @returns {Boolean} true when the target of the event is the floating button\n   */\n  isOverInlineTarget(e) {\n    return (\n      this.inlineTarget ===\n      document.elementFromPoint(e.clientX, e.clientY).closest(\"div\")\n    );\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class StatusBarController extends Controller {\n  connect() {\n    // cache the version's state in the controller on connect\n    this.versionState = this.element.dataset.state;\n  }\n\n  morph(e) {\n    if (e.target !== this.element) return;\n\n    this.versionState = this.element.dataset.state;\n    this.update({ dirty: false });\n  }\n\n  change(e) {\n    if (e.detail && e.detail.hasOwnProperty(\"dirty\")) {\n      this.update(e.detail);\n    }\n  }\n\n  update({ dirty }) {\n    if (dirty) {\n      this.element.dataset.state = \"dirty\";\n    } else {\n      this.element.dataset.state = this.versionState;\n    }\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nconst EDITOR = `\n<div class=\"content--editor--table-editor\"\n   contenteditable=\"true\"\n   data-content--editor--table-target=\"content\"\n   data-action=\"paste->content--editor--table#paste\"\n   id=\"item-content-field\">\n</div>`;\n\nexport default class TableController extends Controller {\n  static targets = [\"input\", \"update\"];\n\n  constructor(config) {\n    super(config);\n\n    this.observer = new MutationObserver(this.change);\n  }\n\n  connect() {\n    const template = document.createElement(\"TEMPLATE\");\n    template.innerHTML = EDITOR;\n    this.content = template.content.firstElementChild;\n    this.content.innerHTML = this.inputTarget.value;\n    this.content.className += ` ${this.inputTarget.className}`;\n    this.inputTarget.insertAdjacentElement(\"beforebegin\", this.content);\n    this.inputTarget.hidden = true;\n\n    this.observer.observe(this.content, {\n      attributes: true,\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n  }\n\n  disconnect() {\n    this.observer.disconnect();\n    this.content.remove();\n    delete this.content;\n  }\n\n  change = (mutations) => {\n    this.inputTarget.value = this.table?.outerHTML;\n  };\n\n  update = () => {\n    this.updateTarget.click();\n  };\n\n  paste = (e) => {\n    if (e.clipboardData.getData(\"text/html\").indexOf(\"<table\") === -1) return;\n\n    e.preventDefault();\n\n    this.inputTarget.value = e.clipboardData.getData(\"text/html\");\n\n    this.update();\n  };\n\n  /**\n   * @returns {HTMLTableElement} The table element from the content target\n   */\n  get table() {\n    return this.content.querySelector(\"table\");\n  }\n}\n"],"names":["Item","comparator","a","b","index","constructor","node","this","itemId","dataset","itemIdInput","querySelector","id","value","depth","parseInt","depthInput","indexInput","isLayout","hasAttribute","previousItem","sibling","previousElementSibling","nextItem","nextElementSibling","hasCollapsedDescendants","childrenList","childrenListElement","children","length","hasExpandedDescendants","traverse","callback","expanded","expandedDescendants","traverseCollapsed","forEach","item","collapsedDescendants","collapseChild","appendChild","collapse","listElement","document","createElement","toggleAttribute","createChildrenList","child","expand","Array","from","reverse","insertAdjacentElement","toggleRule","rule","deny","hasOwnProperty","setAttribute","removeAttribute","hasItemIdChanged","updateAfterChange","descendants","push","map","Container","items","nodes","querySelectorAll","state","inputs","e","join","reindex","reset","sort","RulesEngine","static","debug","args","console","log","normalize","firstItemDepthZero","depthMustBeSet","itemCannotHaveInvalidDepth","parentMustBeLayout","parentCannotHaveExpandedAndCollapsedChildren","update","rules","parentsCannotDeNest","rootsCannotDeNest","onlyLastItemCanDeNest","nestingNeedsParent","leavesCannotCollapse","needHiddenItemsToExpand","parentsCannotBeDeleted","parentsCannotBeDragged","isNaN","previous","next","getEventItem","event","target","closest","swap","positionComparison","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","dropTarget","Trix","window","config","blockAttributes","tagName","terminal","breakOnReturn","group","heading1","toolbar","getDefaultHTML","lang","bold","italic","strike","link","quote","code","bullets","numbers","outdent","indent","attachFiles","undo","redo","urlPlaceholder","url","unlink","innerHTML","Definitions","identifier","controllerConstructor","Controller","connect","container","containerTarget","drop","delta","undefined","preventDefault","remove","nest","deNest","updateRequested","setTimeout","engine","notifyChange","dispatch","bubbles","prefix","detail","dirty","isDirty","li","ol","element","addEventListener","onSubmit","disconnect","removeEventListener","dismiss","dialogTarget","open","close","removeTargetItem","dialogTargetConnected","dialog","showModal","success","formSubmission","submitter","noop","el","getElementById","list","parentElement","dragstart","dataTransfer","effectAllowed","requestAnimationFrame","dragging","dragover","dragItem","dragend","isDragging","form","move","currentItem","add","content","cloneNode","toggleInline","click","morph","isOverInlineTarget","getCurrentItem","timer","clearTimeout","show","inlineTarget","style","top","offsetTop","elementFromPoint","clientX","clientY","bounds","getBoundingClientRect","left","width","y","height","versionState","change","super","observer","MutationObserver","template","firstElementChild","inputTarget","className","hidden","observe","attributes","childList","characterData","subtree","mutations","table","outerHTML","updateTarget","paste","clipboardData","getData","indexOf","trixInitialize","suppressMorph","toolbarElement"],"mappings":"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"}

data/app/assets/images/katalyst/content/icons/aside.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 1v14m0-14H3C2 1 1 2 1 3v10c0 1 1 2 2 2h7m0-14h3c1 0 2 1 2 2v10c0 1-1 2-2 2h-3"/></svg>

data/app/assets/images/katalyst/content/icons/collapse.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 16" fill="none">
+  <path d="M1 15L6 10L11 15M1 1L6 6L11 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/images/katalyst/content/icons/column.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 1v14M3 1h10c1 0 2 1 2 2v10c0 1-1 2-2 2H3c-1 0-2-1-2-2V3c0-1 1-2 2-2"/></svg>