katalyst-content 3.0.0.alpha.4 → 3.0.0.alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/builds/katalyst/content.min.js.map +1 -1
  3. data/app/assets/stylesheets/katalyst/content/frontend/frontend.css +87 -9
  4. data/app/components/katalyst/content/editor/item_editor_component.rb +10 -0
  5. data/app/models/katalyst/content/item.rb +1 -1
  6. data/app/views/katalyst/content/asides/_aside.html.erb +8 -6
  7. data/app/views/katalyst/content/columns/_column.html.erb +5 -5
  8. data/app/views/katalyst/content/groups/_group.html.erb +2 -2
  9. data/app/views/katalyst/content/sections/_section.html.erb +1 -1
  10. data/lib/katalyst/content/config.rb +1 -0
  11. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: dc4c1dc0a03204fb25c5a708b1d424e31a2bc5c025cd740494314a2ac944ec9d
4
- data.tar.gz: 151ac21f81136c984a01c0fa6a2cb06a28df6a89e8b3c6ad4ee284b45695aa38
3
+ metadata.gz: 4860ae9358b580469a78695e2aecae224bd99511a92f086bf320bc2ca36fd341
4
+ data.tar.gz: 493dbcc76a0c79fc70ac124c4a2035d34279cda4b743f21e43cb15db93d3b38a
5
5
  SHA512:
6
- metadata.gz: 6b3107be0db07cafe77498d8a36dd8e419e256277c1e17e94048c298ea40a3e5910f2e1c5812e1302ee7dd2c194ef9133f5f62a2031493693ce2bc7f1620663a
7
- data.tar.gz: 5c11a5704ac0e8c4e0cb67fb11a5ae37417a33571d57e70034edf6963e562287b06d057ea70abe8ba27d62b5e2f924da3ce7d1ec06a2195d2c9384a4cc136af9
6
+ metadata.gz: 9bd9b4d42b594c88f3b458dff4f917b14ebf76a17c99132ccdd10ed49ded5cb4becf716ff2d16602bcb27ea31b4efc3f2de3b2549761d36fafe53645d255db79
7
+ data.tar.gz: 4a9557b7aaa00ddb16557ba9f32936ffbb94250957d1d284819050db6839d0cfe5f29963841f192178c7b4f1e170485b7257f21d393785adcc4cf1a044796fc2
data/app/assets/builds/katalyst/content.min.js.map CHANGED
@@ -1 +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/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 click(e) {\n if (e.target.tagName === \"DIALOG\") this.dismiss();\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 #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\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 click(e) {\n if (e.target.tagName === \"DIALOG\") this.close(e);\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 /**\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 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","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","click","dismiss","dialogTarget","open","close","removeTargetItem","dialogTargetConnected","dialog","showModal","success","formSubmission","submitter","el","getElementById","list","parentElement","dragstart","dataTransfer","effectAllowed","requestAnimationFrame","dragging","dragover","dragItem","dragend","isDragging","form","move","currentItem","add","content","cloneNode","toggleInline","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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"}
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/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 click(e) {\n if (e.target.tagName === \"DIALOG\") this.dismiss();\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 #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\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 click(e) {\n if (e.target.tagName === \"DIALOG\") this.close(e);\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 /**\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 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","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","click","dismiss","dialogTarget","open","close","removeTargetItem","dialogTargetConnected","dialog","showModal","success","formSubmission","submitter","el","getElementById","list","parentElement","dragstart","dataTransfer","effectAllowed","requestAnimationFrame","dragging","dragover","dragItem","dragend","isDragging","form","move","currentItem","add","content","cloneNode","toggleInline","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/stylesheets/katalyst/content/frontend/frontend.css CHANGED
@@ -1,19 +1,46 @@
1
1
  /* Spacing */
2
2
 
3
- .content-item {
4
- --flow-space: var(--space-m);
5
- margin-block: var(--block-space, var(--space-m));
3
+ :root {
4
+ /*
5
+ The container width at which the component switches between a horizontal and vertical layout.
6
+ */
7
+ --content-gap: var(--space-l);
8
+ --content-gutter: var(--space-m);
9
+ --content-block-gutter: var(--content-gutter);
10
+ --content-block-gap: var(--content-gap);
11
+ --content-inline-gutter: var(--content-gutter);
12
+ --content-inline-gap: var(--content-gap);
6
13
  }
7
14
 
8
- /* Themes */
15
+ .content-items {
16
+ /* gutters where the theme changes */
9
17
 
10
- [data-content-theme] {
11
- display: flow-root;
18
+ &[data-content-theme] {
19
+ padding-block: var(--content-block-gutter);
20
+ }
21
+
22
+ /* gaps between items with the same theme */
23
+
24
+ > * + * {
25
+ margin-block-start: var(--content-block-gap);
26
+ }
27
+
28
+ /* add gutters to non themed siblings */
29
+
30
+ &[data-content-theme] + .content-items:not([data-content-theme]),
31
+ .content-items:not([data-content-theme]) + &[data-content-theme] {
32
+ margin-block-start: var(--content-block-gutter);
33
+ }
12
34
  }
13
35
 
14
- [data-content-theme] [data-content-theme] {
15
- margin-inline: calc(-1 * var(--gutter));
16
- padding-inline: var(--gutter);
36
+ /*
37
+ If a content item has children with a theme applied, we want to steal some space
38
+ from the item to give to the children for a gutter. This makes content line up
39
+ between items with and without a theme.
40
+ */
41
+ .content-item [data-content-theme] {
42
+ margin-inline: calc(-1 * var(--content-inline-gutter));
43
+ padding-inline: var(--content-inline-gutter);
17
44
  }
18
45
 
19
46
  [data-content-theme="light"] {
@@ -44,3 +71,54 @@
44
71
  margin-inline: auto;
45
72
  }
46
73
  }
74
+
75
+ /*
76
+ Columns
77
+
78
+ A two-column horizontal layout that switches to vertical layout on narrow screens.
79
+ Based on https://every-layout.dev/layouts/switcher/
80
+ */
81
+
82
+ :root {
83
+ /*
84
+ The container width at which the component switches between a horizontal and vertical layout.
85
+ */
86
+ --content-column-threshold-width: var(--mobile-breakpoint, 37.5rem);
87
+ }
88
+
89
+ .content-columns {
90
+ display: flex;
91
+ flex-wrap: wrap;
92
+ gap: var(--content-inline-gap) calc(2 * var(--content-inline-gap));
93
+
94
+ > * {
95
+ flex-grow: 1;
96
+ flex-basis: calc((var(--content-column-threshold-width) - 100%) * 999);
97
+ }
98
+ }
99
+
100
+ .content-column {
101
+ display: grid; /* equal height columns */
102
+ }
103
+
104
+ .content-aside {
105
+ display: flex;
106
+ flex-wrap: wrap;
107
+ gap: var(--content-inline-gap) calc(2 * var(--content-inline-gap));
108
+ align-items: start;
109
+
110
+ > :last-child {
111
+ flex-basis: max(var(--content-aside-min-width, 16rem), 33%);
112
+ flex-grow: 1;
113
+ }
114
+
115
+ > :first-child {
116
+ flex-basis: 0;
117
+ flex-grow: 999;
118
+ min-inline-size: 55%;
119
+ }
120
+
121
+ &[data-wrap-reverse] {
122
+ flex-wrap: wrap-reverse;
123
+ }
124
+ }
data/app/components/katalyst/content/editor/item_editor_component.rb CHANGED
@@ -8,6 +8,16 @@ module Katalyst
8
8
 
9
9
  alias_method :model, :item
10
10
 
11
+ module Helpers
12
+ def prefix_partial_path_with_controller_namespace
13
+ false
14
+ end
15
+ end
16
+
17
+ def before_render
18
+ helpers.extend(Helpers)
19
+ end
20
+
11
21
  def call
12
22
  render("form", model:, scope:, url:, id:)
13
23
  end
data/app/models/katalyst/content/item.rb CHANGED
@@ -60,7 +60,7 @@ module Katalyst
60
60
  end
61
61
 
62
62
  def theme
63
- super.presence || parent&.theme
63
+ super.presence || parent&.theme || Config.default_theme
64
64
  end
65
65
 
66
66
  private
data/app/views/katalyst/content/asides/_aside.html.erb CHANGED
@@ -1,14 +1,16 @@
1
- <%= content_item_tag(aside, data: { aside_reverse: ("" if aside.reverse) }) do %>
1
+ <%= content_item_tag(aside, class: "flow") do %>
2
2
  <%= tag.h3 aside.heading, class: aside.heading_style_class if aside.show_heading? %>
3
3
 
4
4
  <% if aside.children.any? %>
5
5
  <% items = aside.children.select(&:visible?) %>
6
6
  <% last = items.pop %>
7
- <div class="sidebar">
8
- <div class="aside--main">
9
- <%= render_content_items(*items, theme: aside.theme, class: "flow") %>
7
+ <%= tag.div(class: "content-aside", data: { wrap_reverse: ("" if aside.reverse) }) do %>
8
+ <div>
9
+ <%= render_content_items(*items, theme: aside.theme) %>
10
10
  </div>
11
- <%= render_content_items(last, tag: :aside, class: "aside--sidebar", theme: aside.theme) %>
12
- </div>
11
+ <div>
12
+ <%= render_content_items(last, tag: :aside, theme: aside.theme) %>
13
+ </div>
14
+ <% end %>
13
15
  <% end %>
14
16
  <% end %>
data/app/views/katalyst/content/columns/_column.html.erb CHANGED
@@ -1,17 +1,17 @@
1
- <%= content_item_tag column do %>
1
+ <%= content_item_tag(column, class: "flow") do %>
2
2
  <%= tag.h3 column.heading, class: column.heading_style_class if column.show_heading? %>
3
3
 
4
4
  <% items = column.children.select(&:visible?) %>
5
5
  <% last = items.pop %>
6
- <div class="columns-container">
7
- <div class="column">
6
+ <div class="content-columns">
7
+ <div class="content-column">
8
8
  <% if items.any? %>
9
- <%= render_content_items(*items, theme: column.theme, class: "flow") %>
9
+ <%= render_content_items(*items, theme: column.theme) %>
10
10
  <% elsif last %>
11
11
  <%= render_content_items(last, theme: column.theme) %>
12
12
  <% end %>
13
13
  </div>
14
- <div class="column">
14
+ <div class="content-column">
15
15
  <%= render_content_items(last, theme: column.theme) if last && items.any? %>
16
16
  </div>
17
17
  </div>
data/app/views/katalyst/content/groups/_group.html.erb CHANGED
@@ -1,5 +1,5 @@
1
- <%= content_item_tag group do %>
1
+ <%= content_item_tag(group, class: "flow") do %>
2
2
  <%= tag.h3 group.heading, class: group.heading_style_class if group.show_heading? %>
3
3
 
4
- <%= render_content_items(*group.children, theme: group.theme, class: "flow") %>
4
+ <%= render_content_items(*group.children, theme: group.theme) %>
5
5
  <% end %>
data/app/views/katalyst/content/sections/_section.html.erb CHANGED
@@ -1,5 +1,5 @@
1
1
  <%= content_item_tag(section, tag: :section, class: "flow") do %>
2
2
  <%= tag.h2(section.heading, class: section.heading_style_class) if section.show_heading? %>
3
3
 
4
- <%= render_content_items(*section.children, theme: section.theme, class: "flow") %>
4
+ <%= render_content_items(*section.children, theme: section.theme) %>
5
5
  <% end %>
data/lib/katalyst/content/config.rb CHANGED
@@ -8,6 +8,7 @@ module Katalyst
8
8
  include ActiveSupport::Configurable
9
9
 
10
10
  config_accessor(:themes) { %w[light dark] }
11
+ config_accessor(:default_theme) { themes.first }
11
12
  alias_method :backgrounds, :themes
12
13
  alias_method :backgrounds=, :themes=
13
14
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: katalyst-content
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0.alpha.4
4
+ version: 3.0.0.alpha.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Katalyst Interactive