katalyst-tables 3.4.0 → 3.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 447e8836727c6c2e8a08b71be7ae50233f9d08c51f33644b72240528a1b1e373
-  data.tar.gz: 5361f25eb47215a570cf0fedcbdb00b80b8cdd931dcdae54e86a37ddab5eee0d
+  metadata.gz: 9b072cb596f235569c734c00f85602d8942c30fdf7352e67a07a3d7ed0470964
+  data.tar.gz: 40b3eb109d0b752b82ab86e7f9b8335c17f076d229286be6edce7afcc07533ec
 SHA512:
-  metadata.gz: 9d521b341c279cce9be25b22d3a59e2fa6ebfb28878f597ed29d5fcaa9a41bd1a0a2be175b6ef2c77b662426895eb093ab5d39a5913ee4ed22b7f26e1ca35269
-  data.tar.gz: b18ffe4c3e49f7100478885611a7d37ee1f89721d63413891f5ffb3913ca0ee3a3a4bcec786d91ea01896097d3ce03b241111bb4a84b94cdb1c65ed311e32ee2
+  metadata.gz: dbd90a0224464a0961768428eac24df7b9242ca3805bddce60fbdb28fbcfb9e8271945ac623c478b655c502b115517dfc6609645eadccfa81c60f14bd2b35b7c
+  data.tar.gz: d6f1697681c96fe1d9346e68044d799e95c6547e6936afddb396a5cd782e49890434696aaff9454aa32064960ba1e9af2bd4a84693145e5c3deb4c592d4d31d0

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

@@ -546,20 +546,22 @@ class SelectionItemController extends Controller {
   };
 
   tablesSelectionFormOutletConnected(form) {
-    this.tablesSelectionFormOutlet?.visible(this.id, true);
+    form.visible(this.id, true);
     this.checkedValue = form.isSelected(this.id);
   }
 
   disconnect() {
     // Remove from form's list of visible selections.
     // This should be an outlet disconnect, but those events are not reliable in turbo 8.0
-    this.tablesSelectionFormOutlet?.visible(this.id, false);
+    if (this.hasTablesSelectionFormOutlet) {
+      this.tablesSelectionFormOutlet.visible(this.id, false);
+    }
   }
 
   change(e) {
     e.preventDefault();
 
-    this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);
   }
 
   get id() {
@@ -570,16 +572,18 @@ class SelectionItemController extends Controller {
    * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.
    */
   paramsValueChanged(params, previous) {
+    if (!this.hasTablesSelectionFormOutlet) return;
+
     // if id is changing (e.g. morph) then let the form know that the previous id is now not visible
     if (previous.id !== params.id) {
-      this.tablesSelectionFormOutlet?.visible(previous.id, false);
+      this.tablesSelectionFormOutlet.visible(previous.id, false);
     }
 
     // tell form that our id is now visible in the table
-    this.tablesSelectionFormOutlet?.visible(params.id, true);
+    this.tablesSelectionFormOutlet.visible(params.id, true);
 
     // id has changed, so update checked from form
-    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);
 
     // propagate changes
     this.update();
@@ -589,8 +593,10 @@ class SelectionItemController extends Controller {
    * Update input to match checked. This occurs when the item is toggled, connected, or morphed.
    */
   checkedValueChanged() {
+    if (!this.hasTablesSelectionFormOutlet) return;
+
     // ensure that checked matches the form, i.e. if morphed
-    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);
 
     // propagate changes
     this.update();

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

@@ -546,20 +546,22 @@ class SelectionItemController extends Controller {
   };
 
   tablesSelectionFormOutletConnected(form) {
-    this.tablesSelectionFormOutlet?.visible(this.id, true);
+    form.visible(this.id, true);
     this.checkedValue = form.isSelected(this.id);
   }
 
   disconnect() {
     // Remove from form's list of visible selections.
     // This should be an outlet disconnect, but those events are not reliable in turbo 8.0
-    this.tablesSelectionFormOutlet?.visible(this.id, false);
+    if (this.hasTablesSelectionFormOutlet) {
+      this.tablesSelectionFormOutlet.visible(this.id, false);
+    }
   }
 
   change(e) {
     e.preventDefault();
 
-    this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);
   }
 
   get id() {
@@ -570,16 +572,18 @@ class SelectionItemController extends Controller {
    * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.
    */
   paramsValueChanged(params, previous) {
+    if (!this.hasTablesSelectionFormOutlet) return;
+
     // if id is changing (e.g. morph) then let the form know that the previous id is now not visible
     if (previous.id !== params.id) {
-      this.tablesSelectionFormOutlet?.visible(previous.id, false);
+      this.tablesSelectionFormOutlet.visible(previous.id, false);
     }
 
     // tell form that our id is now visible in the table
-    this.tablesSelectionFormOutlet?.visible(params.id, true);
+    this.tablesSelectionFormOutlet.visible(params.id, true);
 
     // id has changed, so update checked from form
-    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);
 
     // propagate changes
     this.update();
@@ -589,8 +593,10 @@ class SelectionItemController extends Controller {
    * Update input to match checked. This occurs when the item is toggled, connected, or morphed.
    */
   checkedValueChanged() {
+    if (!this.hasTablesSelectionFormOutlet) return;
+
     // ensure that checked matches the form, i.e. if morphed
-    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);
 
     // propagate changes
     this.update();

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

@@ -1,2 +1,2 @@
-import{Controller as e}from"@hotwired/stimulus";class t{constructor(e,t,s){this.cursorOffset=t.offsetY,this.initialPosition=t.target.offsetTop-e.offsetTop,this.targetId=s}updateCursor(e,t,s,i){this.listOffset=e.getBoundingClientRect().top;let r=s.clientY-this.listOffset-this.cursorOffset;this.#e(e,t,r,i)}updateScroll(e,t,s){const i=this.listOffset;this.listOffset=e.getBoundingClientRect().top;const r=i-this.listOffset,n=this.position+r;this.#e(e,t,n,s)}#e(e,t,s,i){s=Math.max(s,0),s=Math.min(s,e.offsetHeight-t.offsetHeight),this.position=s;i(s-this.initialPosition)}}class s extends e{static outlets=["tables--selection--form"];static values={params:Object,checked:Boolean};tablesSelectionFormOutletConnected(e){this.tablesSelectionFormOutlet?.visible(this.id,!0),this.checkedValue=e.isSelected(this.id)}disconnect(){this.tablesSelectionFormOutlet?.visible(this.id,!1)}change(e){e.preventDefault(),this.checkedValue=this.tablesSelectionFormOutlet?.toggle(this.id)}get id(){return this.paramsValue.id}paramsValueChanged(e,t){t.id!==e.id&&this.tablesSelectionFormOutlet?.visible(t.id,!1),this.tablesSelectionFormOutlet?.visible(e.id,!0),this.checkedValue=this.tablesSelectionFormOutlet?.isSelected(e.id),this.update()}checkedValueChanged(){this.checkedValue=this.tablesSelectionFormOutlet?.isSelected(this.id),this.update()}async update(){return this.updating||=Promise.resolve().then((()=>{this.#t(),delete this.updating})),this.updating}#t(){this.element.querySelector("input").checked=this.checkedValue,this.dispatch("select",{detail:{id:this.id,selected:this.checkedValue}})}}class i{constructor(){this.tokens=[],this.values=null}parse(e){const t=new h(e);for(;!t.isEos();){this.push(this.skipWhitespace(t));const e=this.takeTagged(t)||this.takeUntagged(t);if(!this.push(e))break}return this}push(e){return e&&(this.values?this.values.push(e):this.tokens.push(e)),!!e}skipWhitespace(e){if(e.scan(/\s+/))return new r(e.matched())}takeUntagged(e){if(e.scan(/\S+/))return new l(e.matched())}takeTagged(e){if(!e.scan(/(\w+(?:\.\w+)?)(:\s*)/))return;const t=e.valueAt(1),s=e.valueAt(2),i=this.takeArrayValue(e)||this.takeSingleValue(e)||new r;return new a(t,s,i)}takeArrayValue(e){if(!e.scan(/\[\s*/))return;const t=new r(e.matched()),s=this.values=[];for(;!e.isEos()&&this.push(this.takeSingleValue(e))&&this.push(this.takeDelimiter(e)););e.scan(/\s*]/);const i=new r(e.matched());return this.values=null,new o(t,s,i)}takeDelimiter(e){if(e.scan(/\s*,\s*/))return new r(e.matched())}takeSingleValue(e){return this.takeQuotedValue(e)||this.takeUnquotedValue(e)}takeQuotedValue(e){if(e.scan(/"([^"]*)"/))return new n(e.matched())}takeUnquotedValue(e){if(e.scan(/[^ \],]*/))return new n(e.matched())}}class r{constructor(e=""){this.value=e}render(){return document.createTextNode(this.value)}}class n extends r{render(){const e=document.createElement("span");return e.className="value",e.innerText=this.value,e}}class a extends r{constructor(e,t,s){super(),this.key=e,this.separator=t,this.value=s}render(){const e=document.createElement("span");e.className="tag";const t=document.createElement("span");return t.className="key",t.innerText=this.key,e.appendChild(t),e.appendChild(document.createTextNode(this.separator)),e.appendChild(this.value.render()),e}}class l extends r{render(){const e=document.createElement("span");return e.className="untagged",e.innerText=this.value,e}}let o=class extends r{constructor(e,t,s){super(),this.start=e,this.values=t,this.end=s}render(){const e=document.createElement("span");return e.className="array-values",e.appendChild(this.start.render()),this.values.forEach((t=>{const s=document.createElement("span");s.appendChild(t.render()),e.appendChild(s)})),e.appendChild(this.end.render()),e}};class h{constructor(e){this.input=e,this.position=0,this.last=null}isEos(){return this.position>=this.input.length}scan(e){const t=e.exec(this.input.substring(this.position));return 0===t?.index?(this.last=t,this.position+=t[0].length,!0):(this.last={},!1)}matched(){return this.last&&this.last[0]}valueAt(e){return this.last&&this.last[e]}}const u=[{identifier:"tables--orderable--item",controllerConstructor:class extends e{static values={params:Object};connect(){var e;this.index=(e=this.row,Array.from(e.parentElement.children).indexOf(e))}paramsValueChanged(e){this.id=e.id_value}dragUpdate(e){this.dragOffset=e,this.row.style.position="relative",this.row.style.top=e+"px",this.row.style.zIndex="1",this.row.toggleAttribute("dragging",!0)}updateVisually(e){this.row.style.position="relative",this.row.style.top=this.row.offsetHeight*(e-this.dragIndex)+"px"}updateIndex(e){this.index=e}params(e){const{id_name:t,id_value:s,index_name:i}=this.paramsValue;return[{name:`${e}[${s}][${t}]`,value:this.id},{name:`${e}[${s}][${i}]`,value:this.index}]}reset(){delete this.dragOffset,this.row.removeAttribute("style"),this.row.removeAttribute("dragging")}get hasChanges(){return this.paramsValue.index_value!==this.index}get dragIndex(){return this.dragOffset&&0!==this.dragOffset?this.index+Math.round(this.dragOffset/this.row.offsetHeight):this.index}get comparisonIndex(){return this.dragOffset?this.dragIndex+(this.dragOffset>0?.5:-.5):this.index}get row(){return this.element.parentElement}}},{identifier:"tables--orderable--list",controllerConstructor:class extends e{static outlets=["tables--orderable--item","tables--orderable--form"];startDragging(e){this.dragState=e,document.addEventListener("mousemove",this.mousemove),document.addEventListener("mouseup",this.mouseup),window.addEventListener("scroll",this.scroll,!0),this.element.style.position="relative"}stopDragging(){const e=this.dragState;return delete this.dragState,document.removeEventListener("mousemove",this.mousemove),document.removeEventListener("mouseup",this.mouseup),window.removeEventListener("scroll",this.scroll,!0),this.element.removeAttribute("style"),this.tablesOrderableItemOutlets.forEach((e=>e.reset())),e}drop(){const e=this.dragItem;if(!e)return;const t=e.dragIndex,s=this.tablesOrderableItemOutlets[t];s&&(t<e.index?s.row.insertAdjacentElement("beforebegin",e.row):t>e.index&&s.row.insertAdjacentElement("afterend",e.row),this.tablesOrderableItemOutlets.forEach(((e,t)=>e.updateIndex(t))),this.commitChanges())}commitChanges(){this.tablesOrderableFormOutlet.clear(),this.tablesOrderableItemOutlets.forEach((e=>{e.hasChanges&&this.tablesOrderableFormOutlet.add(e)})),this.tablesOrderableFormOutlet.submit()}mousedown(e){if(this.isDragging)return;const s=this.#s(e.target);s&&(e.preventDefault(),this.startDragging(new t(this.element,e,s.id)),this.dragState.updateCursor(this.element,s.row,e,this.animate))}mousemove=e=>{this.isDragging&&(e.preventDefault(),this.ticking||(this.ticking=!0,window.requestAnimationFrame((()=>{this.ticking=!1,this.dragState.updateCursor(this.element,this.dragItem.row,e,this.animate)}))))};scroll=e=>{this.isDragging&&!this.ticking&&(this.ticking=!0,window.requestAnimationFrame((()=>{this.ticking=!1,this.dragState.updateScroll(this.element,this.dragItem.row,this.animate)})))};mouseup=e=>{this.isDragging&&(this.drop(),this.stopDragging(),this.tablesOrderableFormOutlets.forEach((e=>delete e.dragState)))};tablesOrderableFormOutletConnected(e,t){e.dragState&&this.startDragging(e.dragState)}tablesOrderableFormOutletDisconnected(e,t){this.isDragging&&(e.dragState=this.stopDragging())}animate=e=>{const t=this.dragItem;t.dragUpdate(e),this.#i.forEach(((e,s)=>{e!==t&&e.updateVisually(s)}))};get isDragging(){return!!this.dragState}get dragItem(){return this.isDragging?this.tablesOrderableItemOutlets.find((e=>e.id===this.dragState.targetId)):null}get#i(){return this.tablesOrderableItemOutlets.toSorted(((e,t)=>e.comparisonIndex-t.comparisonIndex))}#s(e){return this.tablesOrderableItemOutlets.find((t=>t.element===e))}}},{identifier:"tables--orderable--form",controllerConstructor:class extends e{static values={scope:String};add(e){e.params(this.scopeValue).forEach((({name:e,value:t})=>{this.element.insertAdjacentHTML("beforeend",`<input type="hidden" name="${e}" value="${t}" data-generated>`)}))}submit(){0!==this.inputs.length&&this.element.requestSubmit()}clear(){this.inputs.forEach((e=>e.remove()))}get inputs(){return this.element.querySelectorAll("input[data-generated]")}}},{identifier:"tables--selection--form",controllerConstructor:class extends e{static values={count:Number,primaryKey:{type:String,default:"id"}};static targets=["count","singular","plural"];connect(){this.countValue=this.inputs.length}toggle(e){const t=this.input(e);return t?t.remove():this.element.insertAdjacentHTML("beforeend",`<input type="hidden" name="${this.primaryKeyValue}[]" value="${e}">`),this.countValue=this.visibleInputs.length,!t}visible(e,t){const s=this.input(e);return s&&(s.disabled=!t),this.countValue=this.visibleInputs.length,!s}isSelected(e){return!!this.input(e)}get inputs(){return this.element.querySelectorAll(`input[name="${this.primaryKeyValue}[]"]`)}get visibleInputs(){return Array.from(this.inputs).filter((e=>!e.disabled))}input(e){return this.element.querySelector(`input[name="${this.primaryKeyValue}[]"][value="${e}"]`)}countValueChanged(e){this.element.toggleAttribute("hidden",0===e),this.countTarget.textContent=e,this.singularTarget.toggleAttribute("hidden",1!==e),this.pluralTarget.toggleAttribute("hidden",1===e)}}},{identifier:"tables--selection--item",controllerConstructor:s},{identifier:"tables--selection--table",controllerConstructor:class extends e{static targets=["header","item"];static outlets=["tables--selection--form"];itemTargetConnected(e){this.update()}itemTargetDisconnected(e){this.update()}toggleHeader(e){this.items.forEach((t=>{t.checkedValue!==e.target.checked&&(t.checkedValue=this.tablesSelectionFormOutlet.toggle(t.id))}))}async update(){return this.updating||=Promise.resolve().then((()=>{this.#t(),delete this.updating})),this.updating}#t(){let e=0,t=0;this.items.forEach((s=>{e++,s.checkedValue&&t++})),this.headerInput.checked=e>0&&t===e,this.headerInput.indeterminate=t>0&&t!==e}get headerInput(){return this.headerTarget.querySelector("input")}get items(){return this.itemTargets.map((e=>this.#r(e))).filter((e=>e))}#r(e){return this.application.getControllerForElementAndIdentifier(e,"tables--selection--item")}}},{identifier:"tables--query",controllerConstructor:class extends e{static targets=["modal"];disconnect(){delete this.pending,document.removeEventListener("selectionchange",this.selection)}focus(){document.activeElement!==this.query&&(this.query.addEventListener("focusin",(e=>{e.target.setSelectionRange(-1,-1)}),{once:!0}),this.query.focus())}closeModal(){delete this.modalTarget.dataset.open,document.activeElement===this.query&&document.activeElement.blur(),document.removeEventListener("selectionchange",this.selection)}openModal(){this.modalTarget.dataset.open=!0,document.addEventListener("selectionchange",this.selection)}clear(){""===this.query.value&&this.closeModal()}submit(){const e=this.isFocused,t=e&&this.query.selectionStart;this.pending&&(clearTimeout(this.pending),delete this.pending),""===this.query.value&&(this.query.disabled=!0,setTimeout((()=>{this.query.disabled=!1,e&&this.query.focus()}),0)),e&&t?(this.position.value=t,this.position.disabled=!1):(this.position.value="",this.position.disabled=!0)}update=()=>{this.pending&&clearTimeout(this.pending),this.pending=setTimeout((()=>{this.element.requestSubmit()}),300)};selection=()=>{this.isFocused&&this.update()};beforeMorphAttribute(e){if("data-open"===e.detail.attributeName)e.preventDefault()}get query(){return this.element.querySelector("input[type=search]")}get position(){return this.element.querySelector("input[name=p]")}get isFocused(){return this.query===document.activeElement}}},{identifier:"tables--query-input",controllerConstructor:class extends e{static targets=["input","highlight"];static values={query:String};connect(){this.queryValue=this.inputTarget.value}update(){this.queryValue=this.inputTarget.value}queryValueChanged(e){this.highlightTarget.innerHTML="",(new i).parse(e).tokens.forEach((e=>{this.highlightTarget.appendChild(e.render())}))}}}];export{u as default};
+import{Controller as e}from"@hotwired/stimulus";class t{constructor(e,t,s){this.cursorOffset=t.offsetY,this.initialPosition=t.target.offsetTop-e.offsetTop,this.targetId=s}updateCursor(e,t,s,i){this.listOffset=e.getBoundingClientRect().top;let r=s.clientY-this.listOffset-this.cursorOffset;this.#e(e,t,r,i)}updateScroll(e,t,s){const i=this.listOffset;this.listOffset=e.getBoundingClientRect().top;const r=i-this.listOffset,n=this.position+r;this.#e(e,t,n,s)}#e(e,t,s,i){s=Math.max(s,0),s=Math.min(s,e.offsetHeight-t.offsetHeight),this.position=s;i(s-this.initialPosition)}}class s extends e{static outlets=["tables--selection--form"];static values={params:Object,checked:Boolean};tablesSelectionFormOutletConnected(e){e.visible(this.id,!0),this.checkedValue=e.isSelected(this.id)}disconnect(){this.hasTablesSelectionFormOutlet&&this.tablesSelectionFormOutlet.visible(this.id,!1)}change(e){e.preventDefault(),this.checkedValue=this.tablesSelectionFormOutlet.toggle(this.id)}get id(){return this.paramsValue.id}paramsValueChanged(e,t){this.hasTablesSelectionFormOutlet&&(t.id!==e.id&&this.tablesSelectionFormOutlet.visible(t.id,!1),this.tablesSelectionFormOutlet.visible(e.id,!0),this.checkedValue=this.tablesSelectionFormOutlet.isSelected(e.id),this.update())}checkedValueChanged(){this.hasTablesSelectionFormOutlet&&(this.checkedValue=this.tablesSelectionFormOutlet.isSelected(this.id),this.update())}async update(){return this.updating||=Promise.resolve().then((()=>{this.#t(),delete this.updating})),this.updating}#t(){this.element.querySelector("input").checked=this.checkedValue,this.dispatch("select",{detail:{id:this.id,selected:this.checkedValue}})}}class i{constructor(){this.tokens=[],this.values=null}parse(e){const t=new h(e);for(;!t.isEos();){this.push(this.skipWhitespace(t));const e=this.takeTagged(t)||this.takeUntagged(t);if(!this.push(e))break}return this}push(e){return e&&(this.values?this.values.push(e):this.tokens.push(e)),!!e}skipWhitespace(e){if(e.scan(/\s+/))return new r(e.matched())}takeUntagged(e){if(e.scan(/\S+/))return new l(e.matched())}takeTagged(e){if(!e.scan(/(\w+(?:\.\w+)?)(:\s*)/))return;const t=e.valueAt(1),s=e.valueAt(2),i=this.takeArrayValue(e)||this.takeSingleValue(e)||new r;return new a(t,s,i)}takeArrayValue(e){if(!e.scan(/\[\s*/))return;const t=new r(e.matched()),s=this.values=[];for(;!e.isEos()&&this.push(this.takeSingleValue(e))&&this.push(this.takeDelimiter(e)););e.scan(/\s*]/);const i=new r(e.matched());return this.values=null,new o(t,s,i)}takeDelimiter(e){if(e.scan(/\s*,\s*/))return new r(e.matched())}takeSingleValue(e){return this.takeQuotedValue(e)||this.takeUnquotedValue(e)}takeQuotedValue(e){if(e.scan(/"([^"]*)"/))return new n(e.matched())}takeUnquotedValue(e){if(e.scan(/[^ \],]*/))return new n(e.matched())}}class r{constructor(e=""){this.value=e}render(){return document.createTextNode(this.value)}}class n extends r{render(){const e=document.createElement("span");return e.className="value",e.innerText=this.value,e}}class a extends r{constructor(e,t,s){super(),this.key=e,this.separator=t,this.value=s}render(){const e=document.createElement("span");e.className="tag";const t=document.createElement("span");return t.className="key",t.innerText=this.key,e.appendChild(t),e.appendChild(document.createTextNode(this.separator)),e.appendChild(this.value.render()),e}}class l extends r{render(){const e=document.createElement("span");return e.className="untagged",e.innerText=this.value,e}}let o=class extends r{constructor(e,t,s){super(),this.start=e,this.values=t,this.end=s}render(){const e=document.createElement("span");return e.className="array-values",e.appendChild(this.start.render()),this.values.forEach((t=>{const s=document.createElement("span");s.appendChild(t.render()),e.appendChild(s)})),e.appendChild(this.end.render()),e}};class h{constructor(e){this.input=e,this.position=0,this.last=null}isEos(){return this.position>=this.input.length}scan(e){const t=e.exec(this.input.substring(this.position));return 0===t?.index?(this.last=t,this.position+=t[0].length,!0):(this.last={},!1)}matched(){return this.last&&this.last[0]}valueAt(e){return this.last&&this.last[e]}}const u=[{identifier:"tables--orderable--item",controllerConstructor:class extends e{static values={params:Object};connect(){var e;this.index=(e=this.row,Array.from(e.parentElement.children).indexOf(e))}paramsValueChanged(e){this.id=e.id_value}dragUpdate(e){this.dragOffset=e,this.row.style.position="relative",this.row.style.top=e+"px",this.row.style.zIndex="1",this.row.toggleAttribute("dragging",!0)}updateVisually(e){this.row.style.position="relative",this.row.style.top=this.row.offsetHeight*(e-this.dragIndex)+"px"}updateIndex(e){this.index=e}params(e){const{id_name:t,id_value:s,index_name:i}=this.paramsValue;return[{name:`${e}[${s}][${t}]`,value:this.id},{name:`${e}[${s}][${i}]`,value:this.index}]}reset(){delete this.dragOffset,this.row.removeAttribute("style"),this.row.removeAttribute("dragging")}get hasChanges(){return this.paramsValue.index_value!==this.index}get dragIndex(){return this.dragOffset&&0!==this.dragOffset?this.index+Math.round(this.dragOffset/this.row.offsetHeight):this.index}get comparisonIndex(){return this.dragOffset?this.dragIndex+(this.dragOffset>0?.5:-.5):this.index}get row(){return this.element.parentElement}}},{identifier:"tables--orderable--list",controllerConstructor:class extends e{static outlets=["tables--orderable--item","tables--orderable--form"];startDragging(e){this.dragState=e,document.addEventListener("mousemove",this.mousemove),document.addEventListener("mouseup",this.mouseup),window.addEventListener("scroll",this.scroll,!0),this.element.style.position="relative"}stopDragging(){const e=this.dragState;return delete this.dragState,document.removeEventListener("mousemove",this.mousemove),document.removeEventListener("mouseup",this.mouseup),window.removeEventListener("scroll",this.scroll,!0),this.element.removeAttribute("style"),this.tablesOrderableItemOutlets.forEach((e=>e.reset())),e}drop(){const e=this.dragItem;if(!e)return;const t=e.dragIndex,s=this.tablesOrderableItemOutlets[t];s&&(t<e.index?s.row.insertAdjacentElement("beforebegin",e.row):t>e.index&&s.row.insertAdjacentElement("afterend",e.row),this.tablesOrderableItemOutlets.forEach(((e,t)=>e.updateIndex(t))),this.commitChanges())}commitChanges(){this.tablesOrderableFormOutlet.clear(),this.tablesOrderableItemOutlets.forEach((e=>{e.hasChanges&&this.tablesOrderableFormOutlet.add(e)})),this.tablesOrderableFormOutlet.submit()}mousedown(e){if(this.isDragging)return;const s=this.#s(e.target);s&&(e.preventDefault(),this.startDragging(new t(this.element,e,s.id)),this.dragState.updateCursor(this.element,s.row,e,this.animate))}mousemove=e=>{this.isDragging&&(e.preventDefault(),this.ticking||(this.ticking=!0,window.requestAnimationFrame((()=>{this.ticking=!1,this.dragState.updateCursor(this.element,this.dragItem.row,e,this.animate)}))))};scroll=e=>{this.isDragging&&!this.ticking&&(this.ticking=!0,window.requestAnimationFrame((()=>{this.ticking=!1,this.dragState.updateScroll(this.element,this.dragItem.row,this.animate)})))};mouseup=e=>{this.isDragging&&(this.drop(),this.stopDragging(),this.tablesOrderableFormOutlets.forEach((e=>delete e.dragState)))};tablesOrderableFormOutletConnected(e,t){e.dragState&&this.startDragging(e.dragState)}tablesOrderableFormOutletDisconnected(e,t){this.isDragging&&(e.dragState=this.stopDragging())}animate=e=>{const t=this.dragItem;t.dragUpdate(e),this.#i.forEach(((e,s)=>{e!==t&&e.updateVisually(s)}))};get isDragging(){return!!this.dragState}get dragItem(){return this.isDragging?this.tablesOrderableItemOutlets.find((e=>e.id===this.dragState.targetId)):null}get#i(){return this.tablesOrderableItemOutlets.toSorted(((e,t)=>e.comparisonIndex-t.comparisonIndex))}#s(e){return this.tablesOrderableItemOutlets.find((t=>t.element===e))}}},{identifier:"tables--orderable--form",controllerConstructor:class extends e{static values={scope:String};add(e){e.params(this.scopeValue).forEach((({name:e,value:t})=>{this.element.insertAdjacentHTML("beforeend",`<input type="hidden" name="${e}" value="${t}" data-generated>`)}))}submit(){0!==this.inputs.length&&this.element.requestSubmit()}clear(){this.inputs.forEach((e=>e.remove()))}get inputs(){return this.element.querySelectorAll("input[data-generated]")}}},{identifier:"tables--selection--form",controllerConstructor:class extends e{static values={count:Number,primaryKey:{type:String,default:"id"}};static targets=["count","singular","plural"];connect(){this.countValue=this.inputs.length}toggle(e){const t=this.input(e);return t?t.remove():this.element.insertAdjacentHTML("beforeend",`<input type="hidden" name="${this.primaryKeyValue}[]" value="${e}">`),this.countValue=this.visibleInputs.length,!t}visible(e,t){const s=this.input(e);return s&&(s.disabled=!t),this.countValue=this.visibleInputs.length,!s}isSelected(e){return!!this.input(e)}get inputs(){return this.element.querySelectorAll(`input[name="${this.primaryKeyValue}[]"]`)}get visibleInputs(){return Array.from(this.inputs).filter((e=>!e.disabled))}input(e){return this.element.querySelector(`input[name="${this.primaryKeyValue}[]"][value="${e}"]`)}countValueChanged(e){this.element.toggleAttribute("hidden",0===e),this.countTarget.textContent=e,this.singularTarget.toggleAttribute("hidden",1!==e),this.pluralTarget.toggleAttribute("hidden",1===e)}}},{identifier:"tables--selection--item",controllerConstructor:s},{identifier:"tables--selection--table",controllerConstructor:class extends e{static targets=["header","item"];static outlets=["tables--selection--form"];itemTargetConnected(e){this.update()}itemTargetDisconnected(e){this.update()}toggleHeader(e){this.items.forEach((t=>{t.checkedValue!==e.target.checked&&(t.checkedValue=this.tablesSelectionFormOutlet.toggle(t.id))}))}async update(){return this.updating||=Promise.resolve().then((()=>{this.#t(),delete this.updating})),this.updating}#t(){let e=0,t=0;this.items.forEach((s=>{e++,s.checkedValue&&t++})),this.headerInput.checked=e>0&&t===e,this.headerInput.indeterminate=t>0&&t!==e}get headerInput(){return this.headerTarget.querySelector("input")}get items(){return this.itemTargets.map((e=>this.#r(e))).filter((e=>e))}#r(e){return this.application.getControllerForElementAndIdentifier(e,"tables--selection--item")}}},{identifier:"tables--query",controllerConstructor:class extends e{static targets=["modal"];disconnect(){delete this.pending,document.removeEventListener("selectionchange",this.selection)}focus(){document.activeElement!==this.query&&(this.query.addEventListener("focusin",(e=>{e.target.setSelectionRange(-1,-1)}),{once:!0}),this.query.focus())}closeModal(){delete this.modalTarget.dataset.open,document.activeElement===this.query&&document.activeElement.blur(),document.removeEventListener("selectionchange",this.selection)}openModal(){this.modalTarget.dataset.open=!0,document.addEventListener("selectionchange",this.selection)}clear(){""===this.query.value&&this.closeModal()}submit(){const e=this.isFocused,t=e&&this.query.selectionStart;this.pending&&(clearTimeout(this.pending),delete this.pending),""===this.query.value&&(this.query.disabled=!0,setTimeout((()=>{this.query.disabled=!1,e&&this.query.focus()}),0)),e&&t?(this.position.value=t,this.position.disabled=!1):(this.position.value="",this.position.disabled=!0)}update=()=>{this.pending&&clearTimeout(this.pending),this.pending=setTimeout((()=>{this.element.requestSubmit()}),300)};selection=()=>{this.isFocused&&this.update()};beforeMorphAttribute(e){if("data-open"===e.detail.attributeName)e.preventDefault()}get query(){return this.element.querySelector("input[type=search]")}get position(){return this.element.querySelector("input[name=p]")}get isFocused(){return this.query===document.activeElement}}},{identifier:"tables--query-input",controllerConstructor:class extends e{static targets=["input","highlight"];static values={query:String};connect(){this.queryValue=this.inputTarget.value}update(){this.queryValue=this.inputTarget.value}queryValueChanged(e){this.highlightTarget.innerHTML="",(new i).parse(e).tokens.forEach((e=>{this.highlightTarget.appendChild(e.render())}))}}}];export{u as default};
 //# sourceMappingURL=tables.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tables.min.js","sources":["../../../javascript/tables/orderable/list_controller.js","../../../javascript/tables/selection/item_controller.js","../../../javascript/tables/query_input_controller.js","../../../javascript/tables/application.js","../../../javascript/tables/orderable/item_controller.js","../../../javascript/tables/orderable/form_controller.js","../../../javascript/tables/selection/form_controller.js","../../../javascript/tables/selection/table_controller.js","../../../javascript/tables/query_controller.js"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\nexport default class OrderableListController extends Controller {\n  static outlets = [\"tables--orderable--item\", \"tables--orderable--form\"];\n\n  //region State transitions\n\n  startDragging(dragState) {\n    this.dragState = dragState;\n\n    document.addEventListener(\"mousemove\", this.mousemove);\n    document.addEventListener(\"mouseup\", this.mouseup);\n    window.addEventListener(\"scroll\", this.scroll, true);\n\n    this.element.style.position = \"relative\";\n  }\n\n  stopDragging() {\n    const dragState = this.dragState;\n    delete this.dragState;\n\n    document.removeEventListener(\"mousemove\", this.mousemove);\n    document.removeEventListener(\"mouseup\", this.mouseup);\n    window.removeEventListener(\"scroll\", this.scroll, true);\n\n    this.element.removeAttribute(\"style\");\n    this.tablesOrderableItemOutlets.forEach((item) => item.reset());\n\n    return dragState;\n  }\n\n  drop() {\n    // note: early returns guard against turbo updates that prevent us finding\n    // the right item to drop on. In this situation it's better to discard the\n    // drop than to drop in the wrong place.\n\n    const dragItem = this.dragItem;\n\n    if (!dragItem) return;\n\n    const newIndex = dragItem.dragIndex;\n    const targetItem = this.tablesOrderableItemOutlets[newIndex];\n\n    if (!targetItem) return;\n\n    // swap the dragged item into the correct position for its current offset\n    if (newIndex < dragItem.index) {\n      targetItem.row.insertAdjacentElement(\"beforebegin\", dragItem.row);\n    } else if (newIndex > dragItem.index) {\n      targetItem.row.insertAdjacentElement(\"afterend\", dragItem.row);\n    }\n\n    // reindex all items based on their new positions\n    this.tablesOrderableItemOutlets.forEach((item, index) =>\n      item.updateIndex(index),\n    );\n\n    // save the changes\n    this.commitChanges();\n  }\n\n  commitChanges() {\n    // clear any existing inputs to prevent duplicates\n    this.tablesOrderableFormOutlet.clear();\n\n    // insert any items that have changed position\n    this.tablesOrderableItemOutlets.forEach((item) => {\n      if (item.hasChanges) this.tablesOrderableFormOutlet.add(item);\n    });\n\n    this.tablesOrderableFormOutlet.submit();\n  }\n\n  //endregion\n\n  //region Events\n\n  mousedown(event) {\n    if (this.isDragging) return;\n\n    const target = this.#targetItem(event.target);\n\n    if (!target) return;\n\n    event.preventDefault(); // prevent built-in drag\n\n    this.startDragging(new DragState(this.element, event, target.id));\n\n    this.dragState.updateCursor(this.element, target.row, event, this.animate);\n  }\n\n  mousemove = (event) => {\n    if (!this.isDragging) return;\n\n    event.preventDefault(); // prevent build-in drag\n\n    if (this.ticking) return;\n\n    this.ticking = true;\n\n    window.requestAnimationFrame(() => {\n      this.ticking = false;\n      this.dragState.updateCursor(\n        this.element,\n        this.dragItem.row,\n        event,\n        this.animate,\n      );\n    });\n  };\n\n  scroll = (event) => {\n    if (!this.isDragging || this.ticking) return;\n\n    this.ticking = true;\n\n    window.requestAnimationFrame(() => {\n      this.ticking = false;\n      this.dragState.updateScroll(\n        this.element,\n        this.dragItem.row,\n        this.animate,\n      );\n    });\n  };\n\n  mouseup = (event) => {\n    if (!this.isDragging) return;\n\n    this.drop();\n    this.stopDragging();\n    this.tablesOrderableFormOutlets.forEach((form) => delete form.dragState);\n  };\n\n  tablesOrderableFormOutletConnected(form, element) {\n    if (form.dragState) {\n      // restore the previous controller's state\n      this.startDragging(form.dragState);\n    }\n  }\n\n  tablesOrderableFormOutletDisconnected(form, element) {\n    if (this.isDragging) {\n      // cache drag state in the form\n      form.dragState = this.stopDragging();\n    }\n  }\n\n  //endregion\n\n  //region Helpers\n\n  /**\n   * Updates the position of the drag item with a relative offset. Updates\n   * other items relative to the new position of the drag item, as required.\n   *\n   * @callback {OrderableListController~animate}\n   * @param {number} offset\n   */\n  animate = (offset) => {\n    const dragItem = this.dragItem;\n\n    // Visually update the dragItem so it follows the cursor\n    dragItem.dragUpdate(offset);\n\n    // Visually updates the position of all items in the list relative to the\n    // dragged item. No actual changes to orderings at this stage.\n    this.#currentItems.forEach((item, index) => {\n      if (item === dragItem) return;\n      item.updateVisually(index);\n    });\n  };\n\n  get isDragging() {\n    return !!this.dragState;\n  }\n\n  get dragItem() {\n    if (!this.isDragging) return null;\n\n    return this.tablesOrderableItemOutlets.find(\n      (item) => item.id === this.dragState.targetId,\n    );\n  }\n\n  /**\n   * Returns the current items in the list, sorted by their current index.\n   * Current uses the drag index if the item is being dragged, if set.\n   *\n   * @returns {Array[OrderableRowController]}\n   */\n  get #currentItems() {\n    return this.tablesOrderableItemOutlets.toSorted(\n      (a, b) => a.comparisonIndex - b.comparisonIndex,\n    );\n  }\n\n  /**\n   * Returns the item outlet that was clicked on, if any.\n   *\n   * @param element {HTMLElement} the clicked ordinal cell\n   * @returns {OrderableRowController}\n   */\n  #targetItem(element) {\n    return this.tablesOrderableItemOutlets.find(\n      (item) => item.element === element,\n    );\n  }\n\n  //endregion\n}\n\n/**\n * During drag we want to be able to translate a document-relative coordinate\n * into a coordinate relative to the list element. This state object calculates\n * and stores internal state so that we can translate absolute page coordinates\n * from mouse events into relative offsets for the list items within the list\n * element.\n *\n * We also keep track of the drag target so that if the controller is attached\n * to a new element during the drag we can continue after the turbo update.\n */\nclass DragState {\n  /**\n   * @param list {HTMLElement} the list controller's element (tbody)\n   * @param event {MouseEvent} the initial event\n   * @param id {String} the id of the element being dragged\n   */\n  constructor(list, event, id) {\n    // cursor offset is the offset of the cursor relative to the drag item\n    this.cursorOffset = event.offsetY;\n\n    // initial offset is the offset position of the drag item at drag start\n    this.initialPosition = event.target.offsetTop - list.offsetTop;\n\n    // id of the item being dragged\n    this.targetId = id;\n  }\n\n  /**\n   * Calculates the offset of the drag item relative to its initial position.\n   *\n   * @param list {HTMLElement} the list controller's element (tbody)\n   * @param row {HTMLElement} the row being dragged\n   * @param event {MouseEvent} the current event\n   * @param callback {OrderableListController~animate} updates the drag item with a relative offset\n   */\n  updateCursor(list, row, event, callback) {\n    // Calculate and store the list offset relative to the viewport\n    // This value is cached so we can calculate the outcome of any scroll events\n    this.listOffset = list.getBoundingClientRect().top;\n\n    // Calculate the position of the cursor relative to the list.\n    // Accounts for scroll offsets by using the item's bounding client rect.\n    const cursorPosition = event.clientY - this.listOffset;\n\n    // intended item position relative to the list, from cursor position\n    let itemPosition = cursorPosition - this.cursorOffset;\n\n    this.#updateItemPosition(list, row, itemPosition, callback);\n  }\n\n  /**\n   * Animates the item's position as the list scrolls. Requires a previous call\n   * to set the scroll offset.\n   *\n   * @param list {HTMLElement} the list controller's element (tbody)\n   * @param row {HTMLElement} the row being dragged\n   * @param callback {OrderableListController~animate} updates the drag item with a relative offset\n   */\n  updateScroll(list, row, callback) {\n    const previousScrollOffset = this.listOffset;\n\n    // Calculate and store the list offset relative to the viewport\n    // This value is cached so we can calculate the outcome of any scroll events\n    this.listOffset = list.getBoundingClientRect().top;\n\n    // Calculate the change in scroll offset since the last update\n    const scrollDelta = previousScrollOffset - this.listOffset;\n\n    // intended item position relative to the list, from cursor position\n    const position = this.position + scrollDelta;\n\n    this.#updateItemPosition(list, row, position, callback);\n  }\n\n  #updateItemPosition(list, row, position, callback) {\n    // ensure itemPosition is within the bounds of the list (tbody)\n    position = Math.max(position, 0);\n    position = Math.min(position, list.offsetHeight - row.offsetHeight);\n\n    // cache the item's position relative to the list for use in scroll events\n    this.position = position;\n\n    // Item has position: relative, so we want to calculate the amount to move\n    // the item relative to it's DOM position to represent how much it has been\n    // dragged by.\n    const offset = position - this.initialPosition;\n\n    // Convert itemPosition from offset relative to list to offset relative to\n    // its position within the DOM (if it hadn't moved).\n    callback(offset);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n/**\n * Couples an input element in a row to the selection form which is turbo-permanent and outside the table.\n * When the input is toggled, the form will create/destroy hidden inputs. The checkbox inside this cell will follow\n * the hidden inputs.\n *\n * Cell value may change when:\n *  * cell connects, e.g. when the user paginates\n *  * cell is re-used by turbo-morph, e.g. pagination\n *  * cell is toggled\n *  * select-all/de-select-all on table header\n */\nexport default class SelectionItemController extends Controller {\n  static outlets = [\"tables--selection--form\"];\n  static values = {\n    params: Object,\n    checked: Boolean,\n  };\n\n  tablesSelectionFormOutletConnected(form) {\n    this.tablesSelectionFormOutlet?.visible(this.id, true);\n    this.checkedValue = form.isSelected(this.id);\n  }\n\n  disconnect() {\n    // Remove from form's list of visible selections.\n    // This should be an outlet disconnect, but those events are not reliable in turbo 8.0\n    this.tablesSelectionFormOutlet?.visible(this.id, false);\n  }\n\n  change(e) {\n    e.preventDefault();\n\n    this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);\n  }\n\n  get id() {\n    return this.paramsValue.id;\n  }\n\n  /**\n   * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.\n   */\n  paramsValueChanged(params, previous) {\n    // if id is changing (e.g. morph) then let the form know that the previous id is now not visible\n    if (previous.id !== params.id) {\n      this.tablesSelectionFormOutlet?.visible(previous.id, false);\n    }\n\n    // tell form that our id is now visible in the table\n    this.tablesSelectionFormOutlet?.visible(params.id, true);\n\n    // id has changed, so update checked from form\n    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);\n\n    // propagate changes\n    this.update();\n  }\n\n  /**\n   * Update input to match checked. This occurs when the item is toggled, connected, or morphed.\n   */\n  checkedValueChanged() {\n    // ensure that checked matches the form, i.e. if morphed\n    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);\n\n    // propagate changes\n    this.update();\n  }\n\n  /**\n   * Notify table that id or value may have changed. Note that this may fire when nothing has changed.\n   *\n   * Debouncing to minimise dom updates.\n   */\n  async update() {\n    this.updating ||= Promise.resolve().then(() => {\n      this.#update();\n      delete this.updating;\n    });\n\n    return this.updating;\n  }\n\n  #update() {\n    this.element.querySelector(\"input\").checked = this.checkedValue;\n    this.dispatch(\"select\", {\n      detail: { id: this.id, selected: this.checkedValue },\n    });\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class QueryInputController extends Controller {\n  static targets = [\"input\", \"highlight\"];\n  static values = { query: String };\n\n  connect() {\n    this.queryValue = this.inputTarget.value;\n  }\n\n  update() {\n    this.queryValue = this.inputTarget.value;\n  }\n\n  queryValueChanged(query) {\n    this.highlightTarget.innerHTML = \"\";\n\n    new Parser().parse(query).tokens.forEach((token) => {\n      this.highlightTarget.appendChild(token.render());\n    });\n  }\n}\n\nclass Parser {\n  constructor() {\n    this.tokens = [];\n    this.values = null;\n  }\n\n  parse(input) {\n    const query = new StringScanner(input);\n\n    while (!query.isEos()) {\n      this.push(this.skipWhitespace(query));\n\n      const value = this.takeTagged(query) || this.takeUntagged(query);\n\n      if (!this.push(value)) break;\n    }\n\n    return this;\n  }\n\n  push(token) {\n    if (token) {\n      this.values ? this.values.push(token) : this.tokens.push(token);\n    }\n\n    return !!token;\n  }\n\n  skipWhitespace(query) {\n    if (!query.scan(/\\s+/)) return;\n\n    return new Token(query.matched());\n  }\n\n  takeUntagged(query) {\n    if (!query.scan(/\\S+/)) return;\n\n    return new Untagged(query.matched());\n  }\n\n  takeTagged(query) {\n    if (!query.scan(/(\\w+(?:\\.\\w+)?)(:\\s*)/)) return;\n\n    const key = query.valueAt(1);\n    const separator = query.valueAt(2);\n\n    const value =\n      this.takeArrayValue(query) || this.takeSingleValue(query) || new Token();\n\n    return new Tagged(key, separator, value);\n  }\n\n  takeArrayValue(query) {\n    if (!query.scan(/\\[\\s*/)) return;\n\n    const start = new Token(query.matched());\n    const values = (this.values = []);\n\n    while (!query.isEos()) {\n      if (!this.push(this.takeSingleValue(query))) break;\n      if (!this.push(this.takeDelimiter(query))) break;\n    }\n\n    query.scan(/\\s*]/);\n    const end = new Token(query.matched());\n\n    this.values = null;\n\n    return new Array(start, values, end);\n  }\n\n  takeDelimiter(query) {\n    if (!query.scan(/\\s*,\\s*/)) return;\n\n    return new Token(query.matched());\n  }\n\n  takeSingleValue(query) {\n    return this.takeQuotedValue(query) || this.takeUnquotedValue(query);\n  }\n\n  takeQuotedValue(query) {\n    if (!query.scan(/\"([^\"]*)\"/)) return;\n\n    return new Value(query.matched());\n  }\n\n  takeUnquotedValue(query) {\n    if (!query.scan(/[^ \\],]*/)) return;\n\n    return new Value(query.matched());\n  }\n}\n\nclass Token {\n  constructor(value = \"\") {\n    this.value = value;\n  }\n\n  render() {\n    return document.createTextNode(this.value);\n  }\n}\n\nclass Value extends Token {\n  render() {\n    const span = document.createElement(\"span\");\n    span.className = \"value\";\n    span.innerText = this.value;\n\n    return span;\n  }\n}\n\nclass Tagged extends Token {\n  constructor(key, separator, value) {\n    super();\n\n    this.key = key;\n    this.separator = separator;\n    this.value = value;\n  }\n\n  render() {\n    const span = document.createElement(\"span\");\n    span.className = \"tag\";\n\n    const key = document.createElement(\"span\");\n    key.className = \"key\";\n    key.innerText = this.key;\n\n    span.appendChild(key);\n    span.appendChild(document.createTextNode(this.separator));\n    span.appendChild(this.value.render());\n\n    return span;\n  }\n}\n\nclass Untagged extends Token {\n  render() {\n    const span = document.createElement(\"span\");\n    span.className = \"untagged\";\n    span.innerText = this.value;\n    return span;\n  }\n}\n\nclass Array extends Token {\n  constructor(start, values, end) {\n    super();\n\n    this.start = start;\n    this.values = values;\n    this.end = end;\n  }\n\n  render() {\n    const array = document.createElement(\"span\");\n    array.className = \"array-values\";\n    array.appendChild(this.start.render());\n\n    this.values.forEach((value) => {\n      const span = document.createElement(\"span\");\n      span.appendChild(value.render());\n      array.appendChild(span);\n    });\n\n    array.appendChild(this.end.render());\n\n    return array;\n  }\n}\n\nclass StringScanner {\n  constructor(input) {\n    this.input = input;\n    this.position = 0;\n    this.last = null;\n  }\n\n  isEos() {\n    return this.position >= this.input.length;\n  }\n\n  scan(regex) {\n    const match = regex.exec(this.input.substring(this.position));\n    if (match?.index === 0) {\n      this.last = match;\n      this.position += match[0].length;\n      return true;\n    } else {\n      this.last = {};\n      return false;\n    }\n  }\n\n  matched() {\n    return this.last && this.last[0];\n  }\n\n  valueAt(index) {\n    return this.last && this.last[index];\n  }\n}\n","import OrderableItemController from \"./orderable/item_controller\";\nimport OrderableListController from \"./orderable/list_controller\";\nimport OrderableFormController from \"./orderable/form_controller\";\nimport SelectionFormController from \"./selection/form_controller\";\nimport SelectionItemController from \"./selection/item_controller\";\nimport SelectionTableController from \"./selection/table_controller\";\nimport QueryController from \"./query_controller\";\nimport QueryInputController from \"./query_input_controller\";\n\nconst Definitions = [\n  {\n    identifier: \"tables--orderable--item\",\n    controllerConstructor: OrderableItemController,\n  },\n  {\n    identifier: \"tables--orderable--list\",\n    controllerConstructor: OrderableListController,\n  },\n  {\n    identifier: \"tables--orderable--form\",\n    controllerConstructor: OrderableFormController,\n  },\n  {\n    identifier: \"tables--selection--form\",\n    controllerConstructor: SelectionFormController,\n  },\n  {\n    identifier: \"tables--selection--item\",\n    controllerConstructor: SelectionItemController,\n  },\n  {\n    identifier: \"tables--selection--table\",\n    controllerConstructor: SelectionTableController,\n  },\n  {\n    identifier: \"tables--query\",\n    controllerConstructor: QueryController,\n  },\n  {\n    identifier: \"tables--query-input\",\n    controllerConstructor: QueryInputController,\n  },\n];\n\nexport { Definitions as default };\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class OrderableRowController extends Controller {\n  static values = {\n    params: Object,\n  };\n\n  connect() {\n    // index from server may be inconsistent with the visual ordering,\n    // especially if this is a new node. Use positional indexes instead,\n    // as these are the values we will send on save.\n    this.index = domIndex(this.row);\n  }\n\n  paramsValueChanged(params) {\n    this.id = params.id_value;\n  }\n\n  dragUpdate(offset) {\n    this.dragOffset = offset;\n    this.row.style.position = \"relative\";\n    this.row.style.top = offset + \"px\";\n    this.row.style.zIndex = \"1\";\n    this.row.toggleAttribute(\"dragging\", true);\n  }\n\n  /**\n   * Called on items that are not the dragged item during drag. Updates the\n   * visual position of the item relative to the dragged item.\n   *\n   * @param index {number} intended index of the item during drag\n   */\n  updateVisually(index) {\n    this.row.style.position = \"relative\";\n    this.row.style.top = `${\n      this.row.offsetHeight * (index - this.dragIndex)\n    }px`;\n  }\n\n  /**\n   * Set the index value of the item. This is called on all items after a drop\n   * event. If the index is different to the params index then this item has\n   * changed.\n   *\n   * @param index {number} the new index value\n   */\n  updateIndex(index) {\n    this.index = index;\n  }\n\n  /** Retrieve params for use in the form */\n  params(scope) {\n    const { id_name, id_value, index_name } = this.paramsValue;\n    return [\n      { name: `${scope}[${id_value}][${id_name}]`, value: this.id },\n      { name: `${scope}[${id_value}][${index_name}]`, value: this.index },\n    ];\n  }\n\n  /**\n   * Restore any visual changes made during drag and remove the drag state.\n   */\n  reset() {\n    delete this.dragOffset;\n    this.row.removeAttribute(\"style\");\n    this.row.removeAttribute(\"dragging\");\n  }\n\n  /**\n   * @returns {boolean} true when the item has a change to its index value\n   */\n  get hasChanges() {\n    return this.paramsValue.index_value !== this.index;\n  }\n\n  /**\n   * Calculate the relative index of the item during drag. This is used to\n   * sort items during drag as it takes into account any uncommitted changes\n   * to index caused by the drag offset.\n   *\n   * @returns {number} index for the purposes of drag and drop ordering\n   */\n  get dragIndex() {\n    if (this.dragOffset && this.dragOffset !== 0) {\n      return this.index + Math.round(this.dragOffset / this.row.offsetHeight);\n    } else {\n      return this.index;\n    }\n  }\n\n  /**\n   * Index value for use in comparisons during drag. This is used to determine\n   * whether the dragged item is above or below another item. If this item is\n   * being dragged then we offset the index by 0.5 to ensure that it jumps up\n   * or down when it reaches the midpoint of the item above or below it.\n   *\n   * @returns {number}\n   */\n  get comparisonIndex() {\n    if (this.dragOffset) {\n      return this.dragIndex + (this.dragOffset > 0 ? 0.5 : -0.5);\n    } else {\n      return this.index;\n    }\n  }\n\n  /**\n   * The containing row element.\n   *\n   * @returns {HTMLElement}\n   */\n  get row() {\n    return this.element.parentElement;\n  }\n}\n\nfunction domIndex(element) {\n  return Array.from(element.parentElement.children).indexOf(element);\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class OrderableFormController extends Controller {\n  static values = { scope: String };\n\n  add(item) {\n    item.params(this.scopeValue).forEach(({ name, value }) => {\n      this.element.insertAdjacentHTML(\n        \"beforeend\",\n        `<input type=\"hidden\" name=\"${name}\" value=\"${value}\" data-generated>`,\n      );\n    });\n  }\n\n  submit() {\n    if (this.inputs.length === 0) return;\n\n    this.element.requestSubmit();\n  }\n\n  clear() {\n    this.inputs.forEach((input) => input.remove());\n  }\n\n  get inputs() {\n    return this.element.querySelectorAll(\"input[data-generated]\");\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class SelectionFormController extends Controller {\n  static values = {\n    count: Number,\n    primaryKey: { type: String, default: \"id\" },\n  };\n  static targets = [\"count\", \"singular\", \"plural\"];\n\n  connect() {\n    this.countValue = this.inputs.length;\n  }\n\n  /**\n   * @param id to toggle\n   * @return {boolean} true if selected, false if unselected\n   */\n  toggle(id) {\n    const input = this.input(id);\n\n    if (input) {\n      input.remove();\n    } else {\n      this.element.insertAdjacentHTML(\n        \"beforeend\",\n        `<input type=\"hidden\" name=\"${this.primaryKeyValue}[]\" value=\"${id}\">`,\n      );\n    }\n\n    this.countValue = this.visibleInputs.length;\n\n    return !input;\n  }\n\n  /**\n   * @param id to toggle visibility\n   * @return {boolean} true if visible, false if not visible\n   */\n  visible(id, visible) {\n    const input = this.input(id);\n\n    if (input) {\n      input.disabled = !visible;\n    }\n\n    this.countValue = this.visibleInputs.length;\n\n    return !input;\n  }\n\n  /**\n   * @returns {boolean} true if the given id is currently selected\n   */\n  isSelected(id) {\n    return !!this.input(id);\n  }\n\n  get inputs() {\n    return this.element.querySelectorAll(\n      `input[name=\"${this.primaryKeyValue}[]\"]`,\n    );\n  }\n\n  get visibleInputs() {\n    return Array.from(this.inputs).filter((i) => !i.disabled);\n  }\n\n  input(id) {\n    return this.element.querySelector(\n      `input[name=\"${this.primaryKeyValue}[]\"][value=\"${id}\"]`,\n    );\n  }\n\n  countValueChanged(count) {\n    this.element.toggleAttribute(\"hidden\", count === 0);\n    this.countTarget.textContent = count;\n    this.singularTarget.toggleAttribute(\"hidden\", count !== 1);\n    this.pluralTarget.toggleAttribute(\"hidden\", count === 1);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class SelectionTableController extends Controller {\n  static targets = [\"header\", \"item\"];\n  static outlets = [\"tables--selection--form\"];\n\n  itemTargetConnected(item) {\n    this.update();\n  }\n\n  itemTargetDisconnected(item) {\n    this.update();\n  }\n\n  toggleHeader(e) {\n    this.items.forEach((item) => {\n      if (item.checkedValue === e.target.checked) return;\n\n      item.checkedValue = this.tablesSelectionFormOutlet.toggle(item.id);\n    });\n  }\n\n  async update() {\n    this.updating ||= Promise.resolve().then(() => {\n      this.#update();\n      delete this.updating;\n    });\n\n    return this.updating;\n  }\n\n  #update() {\n    let present = 0;\n    let checked = 0;\n\n    this.items.forEach((item) => {\n      present++;\n      if (item.checkedValue) checked++;\n    });\n\n    this.headerInput.checked = present > 0 && checked === present;\n    this.headerInput.indeterminate = checked > 0 && checked !== present;\n  }\n\n  get headerInput() {\n    return this.headerTarget.querySelector(\"input\");\n  }\n\n  get items() {\n    return this.itemTargets.map((el) => this.#itemOutlet(el)).filter((c) => c);\n  }\n\n  /**\n   * Ideally we would be using outlets, but as of turbo 8.0.4 outlets do not fire disconnect events when morphing.\n   *\n   * Instead, we're using the targets to finds the controller.\n   */\n  #itemOutlet(el) {\n    return this.application.getControllerForElementAndIdentifier(\n      el,\n      \"tables--selection--item\",\n    );\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class QueryController extends Controller {\n  static targets = [\"modal\"];\n\n  disconnect() {\n    delete this.pending;\n\n    document.removeEventListener(\"selectionchange\", this.selection);\n  }\n\n  focus() {\n    if (document.activeElement === this.query) return;\n\n    this.query.addEventListener(\n      \"focusin\",\n      (e) => {\n        e.target.setSelectionRange(-1, -1);\n      },\n      { once: true },\n    );\n\n    this.query.focus();\n  }\n\n  closeModal() {\n    delete this.modalTarget.dataset.open;\n\n    if (document.activeElement === this.query) document.activeElement.blur();\n\n    document.removeEventListener(\"selectionchange\", this.selection);\n  }\n\n  openModal() {\n    this.modalTarget.dataset.open = true;\n\n    document.addEventListener(\"selectionchange\", this.selection);\n  }\n\n  clear() {\n    if (this.query.value === \"\") {\n      // if the user presses escape once, browser clears  the input\n      // if the user presses escape again, get them out of here\n      this.closeModal();\n    }\n  }\n\n  submit() {\n    const hasFocus = this.isFocused;\n    const position = hasFocus && this.query.selectionStart;\n\n    if (this.pending) {\n      clearTimeout(this.pending);\n      delete this.pending;\n    }\n\n    // prevent an unnecessary `?q=` parameter from appearing in the URL\n    if (this.query.value === \"\") {\n      this.query.disabled = true;\n\n      // restore input and focus after form submission\n      setTimeout(() => {\n        this.query.disabled = false;\n        if (hasFocus) this.query.focus();\n      }, 0);\n    }\n\n    // add/remove current cursor position\n    if (hasFocus && position) {\n      this.position.value = position;\n      this.position.disabled = false;\n    } else {\n      this.position.value = \"\";\n      this.position.disabled = true;\n    }\n  }\n\n  update = () => {\n    if (this.pending) clearTimeout(this.pending);\n    this.pending = setTimeout(() => {\n      this.element.requestSubmit();\n    }, 300);\n  };\n\n  selection = () => {\n    if (this.isFocused) this.update();\n  };\n\n  beforeMorphAttribute(e) {\n    switch (e.detail.attributeName) {\n      case \"data-open\":\n        e.preventDefault();\n        break;\n    }\n  }\n\n  get query() {\n    return this.element.querySelector(\"input[type=search]\");\n  }\n\n  get position() {\n    return this.element.querySelector(\"input[name=p]\");\n  }\n\n  get isFocused() {\n    return this.query === document.activeElement;\n  }\n}\n"],"names":["DragState","constructor","list","event","id","this","cursorOffset","offsetY","initialPosition","target","offsetTop","targetId","updateCursor","row","callback","listOffset","getBoundingClientRect","top","itemPosition","clientY","updateItemPosition","updateScroll","previousScrollOffset","scrollDelta","position","Math","max","min","offsetHeight","SelectionItemController","Controller","static","params","Object","checked","Boolean","tablesSelectionFormOutletConnected","form","tablesSelectionFormOutlet","visible","checkedValue","isSelected","disconnect","change","e","preventDefault","toggle","paramsValue","paramsValueChanged","previous","update","checkedValueChanged","updating","Promise","resolve","then","element","querySelector","dispatch","detail","selected","Parser","tokens","values","parse","input","query","StringScanner","isEos","push","skipWhitespace","value","takeTagged","takeUntagged","token","scan","Token","matched","Untagged","key","valueAt","separator","takeArrayValue","takeSingleValue","Tagged","start","takeDelimiter","end","Array","takeQuotedValue","takeUnquotedValue","Value","render","document","createTextNode","span","createElement","className","innerText","super","appendChild","array","forEach","last","length","regex","match","exec","substring","index","Definitions","identifier","controllerConstructor","connect","from","parentElement","children","indexOf","id_value","dragUpdate","offset","dragOffset","style","zIndex","toggleAttribute","updateVisually","dragIndex","updateIndex","scope","id_name","index_name","name","reset","removeAttribute","hasChanges","index_value","round","comparisonIndex","startDragging","dragState","addEventListener","mousemove","mouseup","window","scroll","stopDragging","removeEventListener","tablesOrderableItemOutlets","item","drop","dragItem","newIndex","targetItem","insertAdjacentElement","commitChanges","tablesOrderableFormOutlet","clear","add","submit","mousedown","isDragging","animate","ticking","requestAnimationFrame","tablesOrderableFormOutlets","tablesOrderableFormOutletConnected","tablesOrderableFormOutletDisconnected","currentItems","find","toSorted","a","b","String","scopeValue","insertAdjacentHTML","inputs","requestSubmit","remove","querySelectorAll","count","Number","primaryKey","type","default","countValue","primaryKeyValue","visibleInputs","disabled","filter","i","countValueChanged","countTarget","textContent","singularTarget","pluralTarget","itemTargetConnected","itemTargetDisconnected","toggleHeader","items","present","headerInput","indeterminate","headerTarget","itemTargets","map","el","itemOutlet","c","application","getControllerForElementAndIdentifier","pending","selection","focus","activeElement","setSelectionRange","once","closeModal","modalTarget","dataset","open","blur","openModal","hasFocus","isFocused","selectionStart","clearTimeout","setTimeout","beforeMorphAttribute","attributeName","queryValue","inputTarget","queryValueChanged","highlightTarget","innerHTML"],"mappings":"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"}
+{"version":3,"file":"tables.min.js","sources":["../../../javascript/tables/orderable/list_controller.js","../../../javascript/tables/selection/item_controller.js","../../../javascript/tables/query_input_controller.js","../../../javascript/tables/application.js","../../../javascript/tables/orderable/item_controller.js","../../../javascript/tables/orderable/form_controller.js","../../../javascript/tables/selection/form_controller.js","../../../javascript/tables/selection/table_controller.js","../../../javascript/tables/query_controller.js"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\nexport default class OrderableListController extends Controller {\n  static outlets = [\"tables--orderable--item\", \"tables--orderable--form\"];\n\n  //region State transitions\n\n  startDragging(dragState) {\n    this.dragState = dragState;\n\n    document.addEventListener(\"mousemove\", this.mousemove);\n    document.addEventListener(\"mouseup\", this.mouseup);\n    window.addEventListener(\"scroll\", this.scroll, true);\n\n    this.element.style.position = \"relative\";\n  }\n\n  stopDragging() {\n    const dragState = this.dragState;\n    delete this.dragState;\n\n    document.removeEventListener(\"mousemove\", this.mousemove);\n    document.removeEventListener(\"mouseup\", this.mouseup);\n    window.removeEventListener(\"scroll\", this.scroll, true);\n\n    this.element.removeAttribute(\"style\");\n    this.tablesOrderableItemOutlets.forEach((item) => item.reset());\n\n    return dragState;\n  }\n\n  drop() {\n    // note: early returns guard against turbo updates that prevent us finding\n    // the right item to drop on. In this situation it's better to discard the\n    // drop than to drop in the wrong place.\n\n    const dragItem = this.dragItem;\n\n    if (!dragItem) return;\n\n    const newIndex = dragItem.dragIndex;\n    const targetItem = this.tablesOrderableItemOutlets[newIndex];\n\n    if (!targetItem) return;\n\n    // swap the dragged item into the correct position for its current offset\n    if (newIndex < dragItem.index) {\n      targetItem.row.insertAdjacentElement(\"beforebegin\", dragItem.row);\n    } else if (newIndex > dragItem.index) {\n      targetItem.row.insertAdjacentElement(\"afterend\", dragItem.row);\n    }\n\n    // reindex all items based on their new positions\n    this.tablesOrderableItemOutlets.forEach((item, index) =>\n      item.updateIndex(index),\n    );\n\n    // save the changes\n    this.commitChanges();\n  }\n\n  commitChanges() {\n    // clear any existing inputs to prevent duplicates\n    this.tablesOrderableFormOutlet.clear();\n\n    // insert any items that have changed position\n    this.tablesOrderableItemOutlets.forEach((item) => {\n      if (item.hasChanges) this.tablesOrderableFormOutlet.add(item);\n    });\n\n    this.tablesOrderableFormOutlet.submit();\n  }\n\n  //endregion\n\n  //region Events\n\n  mousedown(event) {\n    if (this.isDragging) return;\n\n    const target = this.#targetItem(event.target);\n\n    if (!target) return;\n\n    event.preventDefault(); // prevent built-in drag\n\n    this.startDragging(new DragState(this.element, event, target.id));\n\n    this.dragState.updateCursor(this.element, target.row, event, this.animate);\n  }\n\n  mousemove = (event) => {\n    if (!this.isDragging) return;\n\n    event.preventDefault(); // prevent build-in drag\n\n    if (this.ticking) return;\n\n    this.ticking = true;\n\n    window.requestAnimationFrame(() => {\n      this.ticking = false;\n      this.dragState.updateCursor(\n        this.element,\n        this.dragItem.row,\n        event,\n        this.animate,\n      );\n    });\n  };\n\n  scroll = (event) => {\n    if (!this.isDragging || this.ticking) return;\n\n    this.ticking = true;\n\n    window.requestAnimationFrame(() => {\n      this.ticking = false;\n      this.dragState.updateScroll(\n        this.element,\n        this.dragItem.row,\n        this.animate,\n      );\n    });\n  };\n\n  mouseup = (event) => {\n    if (!this.isDragging) return;\n\n    this.drop();\n    this.stopDragging();\n    this.tablesOrderableFormOutlets.forEach((form) => delete form.dragState);\n  };\n\n  tablesOrderableFormOutletConnected(form, element) {\n    if (form.dragState) {\n      // restore the previous controller's state\n      this.startDragging(form.dragState);\n    }\n  }\n\n  tablesOrderableFormOutletDisconnected(form, element) {\n    if (this.isDragging) {\n      // cache drag state in the form\n      form.dragState = this.stopDragging();\n    }\n  }\n\n  //endregion\n\n  //region Helpers\n\n  /**\n   * Updates the position of the drag item with a relative offset. Updates\n   * other items relative to the new position of the drag item, as required.\n   *\n   * @callback {OrderableListController~animate}\n   * @param {number} offset\n   */\n  animate = (offset) => {\n    const dragItem = this.dragItem;\n\n    // Visually update the dragItem so it follows the cursor\n    dragItem.dragUpdate(offset);\n\n    // Visually updates the position of all items in the list relative to the\n    // dragged item. No actual changes to orderings at this stage.\n    this.#currentItems.forEach((item, index) => {\n      if (item === dragItem) return;\n      item.updateVisually(index);\n    });\n  };\n\n  get isDragging() {\n    return !!this.dragState;\n  }\n\n  get dragItem() {\n    if (!this.isDragging) return null;\n\n    return this.tablesOrderableItemOutlets.find(\n      (item) => item.id === this.dragState.targetId,\n    );\n  }\n\n  /**\n   * Returns the current items in the list, sorted by their current index.\n   * Current uses the drag index if the item is being dragged, if set.\n   *\n   * @returns {Array[OrderableRowController]}\n   */\n  get #currentItems() {\n    return this.tablesOrderableItemOutlets.toSorted(\n      (a, b) => a.comparisonIndex - b.comparisonIndex,\n    );\n  }\n\n  /**\n   * Returns the item outlet that was clicked on, if any.\n   *\n   * @param element {HTMLElement} the clicked ordinal cell\n   * @returns {OrderableRowController}\n   */\n  #targetItem(element) {\n    return this.tablesOrderableItemOutlets.find(\n      (item) => item.element === element,\n    );\n  }\n\n  //endregion\n}\n\n/**\n * During drag we want to be able to translate a document-relative coordinate\n * into a coordinate relative to the list element. This state object calculates\n * and stores internal state so that we can translate absolute page coordinates\n * from mouse events into relative offsets for the list items within the list\n * element.\n *\n * We also keep track of the drag target so that if the controller is attached\n * to a new element during the drag we can continue after the turbo update.\n */\nclass DragState {\n  /**\n   * @param list {HTMLElement} the list controller's element (tbody)\n   * @param event {MouseEvent} the initial event\n   * @param id {String} the id of the element being dragged\n   */\n  constructor(list, event, id) {\n    // cursor offset is the offset of the cursor relative to the drag item\n    this.cursorOffset = event.offsetY;\n\n    // initial offset is the offset position of the drag item at drag start\n    this.initialPosition = event.target.offsetTop - list.offsetTop;\n\n    // id of the item being dragged\n    this.targetId = id;\n  }\n\n  /**\n   * Calculates the offset of the drag item relative to its initial position.\n   *\n   * @param list {HTMLElement} the list controller's element (tbody)\n   * @param row {HTMLElement} the row being dragged\n   * @param event {MouseEvent} the current event\n   * @param callback {OrderableListController~animate} updates the drag item with a relative offset\n   */\n  updateCursor(list, row, event, callback) {\n    // Calculate and store the list offset relative to the viewport\n    // This value is cached so we can calculate the outcome of any scroll events\n    this.listOffset = list.getBoundingClientRect().top;\n\n    // Calculate the position of the cursor relative to the list.\n    // Accounts for scroll offsets by using the item's bounding client rect.\n    const cursorPosition = event.clientY - this.listOffset;\n\n    // intended item position relative to the list, from cursor position\n    let itemPosition = cursorPosition - this.cursorOffset;\n\n    this.#updateItemPosition(list, row, itemPosition, callback);\n  }\n\n  /**\n   * Animates the item's position as the list scrolls. Requires a previous call\n   * to set the scroll offset.\n   *\n   * @param list {HTMLElement} the list controller's element (tbody)\n   * @param row {HTMLElement} the row being dragged\n   * @param callback {OrderableListController~animate} updates the drag item with a relative offset\n   */\n  updateScroll(list, row, callback) {\n    const previousScrollOffset = this.listOffset;\n\n    // Calculate and store the list offset relative to the viewport\n    // This value is cached so we can calculate the outcome of any scroll events\n    this.listOffset = list.getBoundingClientRect().top;\n\n    // Calculate the change in scroll offset since the last update\n    const scrollDelta = previousScrollOffset - this.listOffset;\n\n    // intended item position relative to the list, from cursor position\n    const position = this.position + scrollDelta;\n\n    this.#updateItemPosition(list, row, position, callback);\n  }\n\n  #updateItemPosition(list, row, position, callback) {\n    // ensure itemPosition is within the bounds of the list (tbody)\n    position = Math.max(position, 0);\n    position = Math.min(position, list.offsetHeight - row.offsetHeight);\n\n    // cache the item's position relative to the list for use in scroll events\n    this.position = position;\n\n    // Item has position: relative, so we want to calculate the amount to move\n    // the item relative to it's DOM position to represent how much it has been\n    // dragged by.\n    const offset = position - this.initialPosition;\n\n    // Convert itemPosition from offset relative to list to offset relative to\n    // its position within the DOM (if it hadn't moved).\n    callback(offset);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n/**\n * Couples an input element in a row to the selection form which is turbo-permanent and outside the table.\n * When the input is toggled, the form will create/destroy hidden inputs. The checkbox inside this cell will follow\n * the hidden inputs.\n *\n * Cell value may change when:\n *  * cell connects, e.g. when the user paginates\n *  * cell is re-used by turbo-morph, e.g. pagination\n *  * cell is toggled\n *  * select-all/de-select-all on table header\n */\nexport default class SelectionItemController extends Controller {\n  static outlets = [\"tables--selection--form\"];\n  static values = {\n    params: Object,\n    checked: Boolean,\n  };\n\n  tablesSelectionFormOutletConnected(form) {\n    form.visible(this.id, true);\n    this.checkedValue = form.isSelected(this.id);\n  }\n\n  disconnect() {\n    // Remove from form's list of visible selections.\n    // This should be an outlet disconnect, but those events are not reliable in turbo 8.0\n    if (this.hasTablesSelectionFormOutlet) {\n      this.tablesSelectionFormOutlet.visible(this.id, false);\n    }\n  }\n\n  change(e) {\n    e.preventDefault();\n\n    this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);\n  }\n\n  get id() {\n    return this.paramsValue.id;\n  }\n\n  /**\n   * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.\n   */\n  paramsValueChanged(params, previous) {\n    if (!this.hasTablesSelectionFormOutlet) return;\n\n    // if id is changing (e.g. morph) then let the form know that the previous id is now not visible\n    if (previous.id !== params.id) {\n      this.tablesSelectionFormOutlet.visible(previous.id, false);\n    }\n\n    // tell form that our id is now visible in the table\n    this.tablesSelectionFormOutlet.visible(params.id, true);\n\n    // id has changed, so update checked from form\n    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);\n\n    // propagate changes\n    this.update();\n  }\n\n  /**\n   * Update input to match checked. This occurs when the item is toggled, connected, or morphed.\n   */\n  checkedValueChanged() {\n    if (!this.hasTablesSelectionFormOutlet) return;\n\n    // ensure that checked matches the form, i.e. if morphed\n    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);\n\n    // propagate changes\n    this.update();\n  }\n\n  /**\n   * Notify table that id or value may have changed. Note that this may fire when nothing has changed.\n   *\n   * Debouncing to minimise dom updates.\n   */\n  async update() {\n    this.updating ||= Promise.resolve().then(() => {\n      this.#update();\n      delete this.updating;\n    });\n\n    return this.updating;\n  }\n\n  #update() {\n    this.element.querySelector(\"input\").checked = this.checkedValue;\n    this.dispatch(\"select\", {\n      detail: { id: this.id, selected: this.checkedValue },\n    });\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class QueryInputController extends Controller {\n  static targets = [\"input\", \"highlight\"];\n  static values = { query: String };\n\n  connect() {\n    this.queryValue = this.inputTarget.value;\n  }\n\n  update() {\n    this.queryValue = this.inputTarget.value;\n  }\n\n  queryValueChanged(query) {\n    this.highlightTarget.innerHTML = \"\";\n\n    new Parser().parse(query).tokens.forEach((token) => {\n      this.highlightTarget.appendChild(token.render());\n    });\n  }\n}\n\nclass Parser {\n  constructor() {\n    this.tokens = [];\n    this.values = null;\n  }\n\n  parse(input) {\n    const query = new StringScanner(input);\n\n    while (!query.isEos()) {\n      this.push(this.skipWhitespace(query));\n\n      const value = this.takeTagged(query) || this.takeUntagged(query);\n\n      if (!this.push(value)) break;\n    }\n\n    return this;\n  }\n\n  push(token) {\n    if (token) {\n      this.values ? this.values.push(token) : this.tokens.push(token);\n    }\n\n    return !!token;\n  }\n\n  skipWhitespace(query) {\n    if (!query.scan(/\\s+/)) return;\n\n    return new Token(query.matched());\n  }\n\n  takeUntagged(query) {\n    if (!query.scan(/\\S+/)) return;\n\n    return new Untagged(query.matched());\n  }\n\n  takeTagged(query) {\n    if (!query.scan(/(\\w+(?:\\.\\w+)?)(:\\s*)/)) return;\n\n    const key = query.valueAt(1);\n    const separator = query.valueAt(2);\n\n    const value =\n      this.takeArrayValue(query) || this.takeSingleValue(query) || new Token();\n\n    return new Tagged(key, separator, value);\n  }\n\n  takeArrayValue(query) {\n    if (!query.scan(/\\[\\s*/)) return;\n\n    const start = new Token(query.matched());\n    const values = (this.values = []);\n\n    while (!query.isEos()) {\n      if (!this.push(this.takeSingleValue(query))) break;\n      if (!this.push(this.takeDelimiter(query))) break;\n    }\n\n    query.scan(/\\s*]/);\n    const end = new Token(query.matched());\n\n    this.values = null;\n\n    return new Array(start, values, end);\n  }\n\n  takeDelimiter(query) {\n    if (!query.scan(/\\s*,\\s*/)) return;\n\n    return new Token(query.matched());\n  }\n\n  takeSingleValue(query) {\n    return this.takeQuotedValue(query) || this.takeUnquotedValue(query);\n  }\n\n  takeQuotedValue(query) {\n    if (!query.scan(/\"([^\"]*)\"/)) return;\n\n    return new Value(query.matched());\n  }\n\n  takeUnquotedValue(query) {\n    if (!query.scan(/[^ \\],]*/)) return;\n\n    return new Value(query.matched());\n  }\n}\n\nclass Token {\n  constructor(value = \"\") {\n    this.value = value;\n  }\n\n  render() {\n    return document.createTextNode(this.value);\n  }\n}\n\nclass Value extends Token {\n  render() {\n    const span = document.createElement(\"span\");\n    span.className = \"value\";\n    span.innerText = this.value;\n\n    return span;\n  }\n}\n\nclass Tagged extends Token {\n  constructor(key, separator, value) {\n    super();\n\n    this.key = key;\n    this.separator = separator;\n    this.value = value;\n  }\n\n  render() {\n    const span = document.createElement(\"span\");\n    span.className = \"tag\";\n\n    const key = document.createElement(\"span\");\n    key.className = \"key\";\n    key.innerText = this.key;\n\n    span.appendChild(key);\n    span.appendChild(document.createTextNode(this.separator));\n    span.appendChild(this.value.render());\n\n    return span;\n  }\n}\n\nclass Untagged extends Token {\n  render() {\n    const span = document.createElement(\"span\");\n    span.className = \"untagged\";\n    span.innerText = this.value;\n    return span;\n  }\n}\n\nclass Array extends Token {\n  constructor(start, values, end) {\n    super();\n\n    this.start = start;\n    this.values = values;\n    this.end = end;\n  }\n\n  render() {\n    const array = document.createElement(\"span\");\n    array.className = \"array-values\";\n    array.appendChild(this.start.render());\n\n    this.values.forEach((value) => {\n      const span = document.createElement(\"span\");\n      span.appendChild(value.render());\n      array.appendChild(span);\n    });\n\n    array.appendChild(this.end.render());\n\n    return array;\n  }\n}\n\nclass StringScanner {\n  constructor(input) {\n    this.input = input;\n    this.position = 0;\n    this.last = null;\n  }\n\n  isEos() {\n    return this.position >= this.input.length;\n  }\n\n  scan(regex) {\n    const match = regex.exec(this.input.substring(this.position));\n    if (match?.index === 0) {\n      this.last = match;\n      this.position += match[0].length;\n      return true;\n    } else {\n      this.last = {};\n      return false;\n    }\n  }\n\n  matched() {\n    return this.last && this.last[0];\n  }\n\n  valueAt(index) {\n    return this.last && this.last[index];\n  }\n}\n","import OrderableItemController from \"./orderable/item_controller\";\nimport OrderableListController from \"./orderable/list_controller\";\nimport OrderableFormController from \"./orderable/form_controller\";\nimport SelectionFormController from \"./selection/form_controller\";\nimport SelectionItemController from \"./selection/item_controller\";\nimport SelectionTableController from \"./selection/table_controller\";\nimport QueryController from \"./query_controller\";\nimport QueryInputController from \"./query_input_controller\";\n\nconst Definitions = [\n  {\n    identifier: \"tables--orderable--item\",\n    controllerConstructor: OrderableItemController,\n  },\n  {\n    identifier: \"tables--orderable--list\",\n    controllerConstructor: OrderableListController,\n  },\n  {\n    identifier: \"tables--orderable--form\",\n    controllerConstructor: OrderableFormController,\n  },\n  {\n    identifier: \"tables--selection--form\",\n    controllerConstructor: SelectionFormController,\n  },\n  {\n    identifier: \"tables--selection--item\",\n    controllerConstructor: SelectionItemController,\n  },\n  {\n    identifier: \"tables--selection--table\",\n    controllerConstructor: SelectionTableController,\n  },\n  {\n    identifier: \"tables--query\",\n    controllerConstructor: QueryController,\n  },\n  {\n    identifier: \"tables--query-input\",\n    controllerConstructor: QueryInputController,\n  },\n];\n\nexport { Definitions as default };\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class OrderableRowController extends Controller {\n  static values = {\n    params: Object,\n  };\n\n  connect() {\n    // index from server may be inconsistent with the visual ordering,\n    // especially if this is a new node. Use positional indexes instead,\n    // as these are the values we will send on save.\n    this.index = domIndex(this.row);\n  }\n\n  paramsValueChanged(params) {\n    this.id = params.id_value;\n  }\n\n  dragUpdate(offset) {\n    this.dragOffset = offset;\n    this.row.style.position = \"relative\";\n    this.row.style.top = offset + \"px\";\n    this.row.style.zIndex = \"1\";\n    this.row.toggleAttribute(\"dragging\", true);\n  }\n\n  /**\n   * Called on items that are not the dragged item during drag. Updates the\n   * visual position of the item relative to the dragged item.\n   *\n   * @param index {number} intended index of the item during drag\n   */\n  updateVisually(index) {\n    this.row.style.position = \"relative\";\n    this.row.style.top = `${\n      this.row.offsetHeight * (index - this.dragIndex)\n    }px`;\n  }\n\n  /**\n   * Set the index value of the item. This is called on all items after a drop\n   * event. If the index is different to the params index then this item has\n   * changed.\n   *\n   * @param index {number} the new index value\n   */\n  updateIndex(index) {\n    this.index = index;\n  }\n\n  /** Retrieve params for use in the form */\n  params(scope) {\n    const { id_name, id_value, index_name } = this.paramsValue;\n    return [\n      { name: `${scope}[${id_value}][${id_name}]`, value: this.id },\n      { name: `${scope}[${id_value}][${index_name}]`, value: this.index },\n    ];\n  }\n\n  /**\n   * Restore any visual changes made during drag and remove the drag state.\n   */\n  reset() {\n    delete this.dragOffset;\n    this.row.removeAttribute(\"style\");\n    this.row.removeAttribute(\"dragging\");\n  }\n\n  /**\n   * @returns {boolean} true when the item has a change to its index value\n   */\n  get hasChanges() {\n    return this.paramsValue.index_value !== this.index;\n  }\n\n  /**\n   * Calculate the relative index of the item during drag. This is used to\n   * sort items during drag as it takes into account any uncommitted changes\n   * to index caused by the drag offset.\n   *\n   * @returns {number} index for the purposes of drag and drop ordering\n   */\n  get dragIndex() {\n    if (this.dragOffset && this.dragOffset !== 0) {\n      return this.index + Math.round(this.dragOffset / this.row.offsetHeight);\n    } else {\n      return this.index;\n    }\n  }\n\n  /**\n   * Index value for use in comparisons during drag. This is used to determine\n   * whether the dragged item is above or below another item. If this item is\n   * being dragged then we offset the index by 0.5 to ensure that it jumps up\n   * or down when it reaches the midpoint of the item above or below it.\n   *\n   * @returns {number}\n   */\n  get comparisonIndex() {\n    if (this.dragOffset) {\n      return this.dragIndex + (this.dragOffset > 0 ? 0.5 : -0.5);\n    } else {\n      return this.index;\n    }\n  }\n\n  /**\n   * The containing row element.\n   *\n   * @returns {HTMLElement}\n   */\n  get row() {\n    return this.element.parentElement;\n  }\n}\n\nfunction domIndex(element) {\n  return Array.from(element.parentElement.children).indexOf(element);\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class OrderableFormController extends Controller {\n  static values = { scope: String };\n\n  add(item) {\n    item.params(this.scopeValue).forEach(({ name, value }) => {\n      this.element.insertAdjacentHTML(\n        \"beforeend\",\n        `<input type=\"hidden\" name=\"${name}\" value=\"${value}\" data-generated>`,\n      );\n    });\n  }\n\n  submit() {\n    if (this.inputs.length === 0) return;\n\n    this.element.requestSubmit();\n  }\n\n  clear() {\n    this.inputs.forEach((input) => input.remove());\n  }\n\n  get inputs() {\n    return this.element.querySelectorAll(\"input[data-generated]\");\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class SelectionFormController extends Controller {\n  static values = {\n    count: Number,\n    primaryKey: { type: String, default: \"id\" },\n  };\n  static targets = [\"count\", \"singular\", \"plural\"];\n\n  connect() {\n    this.countValue = this.inputs.length;\n  }\n\n  /**\n   * @param id to toggle\n   * @return {boolean} true if selected, false if unselected\n   */\n  toggle(id) {\n    const input = this.input(id);\n\n    if (input) {\n      input.remove();\n    } else {\n      this.element.insertAdjacentHTML(\n        \"beforeend\",\n        `<input type=\"hidden\" name=\"${this.primaryKeyValue}[]\" value=\"${id}\">`,\n      );\n    }\n\n    this.countValue = this.visibleInputs.length;\n\n    return !input;\n  }\n\n  /**\n   * @param id to toggle visibility\n   * @return {boolean} true if visible, false if not visible\n   */\n  visible(id, visible) {\n    const input = this.input(id);\n\n    if (input) {\n      input.disabled = !visible;\n    }\n\n    this.countValue = this.visibleInputs.length;\n\n    return !input;\n  }\n\n  /**\n   * @returns {boolean} true if the given id is currently selected\n   */\n  isSelected(id) {\n    return !!this.input(id);\n  }\n\n  get inputs() {\n    return this.element.querySelectorAll(\n      `input[name=\"${this.primaryKeyValue}[]\"]`,\n    );\n  }\n\n  get visibleInputs() {\n    return Array.from(this.inputs).filter((i) => !i.disabled);\n  }\n\n  input(id) {\n    return this.element.querySelector(\n      `input[name=\"${this.primaryKeyValue}[]\"][value=\"${id}\"]`,\n    );\n  }\n\n  countValueChanged(count) {\n    this.element.toggleAttribute(\"hidden\", count === 0);\n    this.countTarget.textContent = count;\n    this.singularTarget.toggleAttribute(\"hidden\", count !== 1);\n    this.pluralTarget.toggleAttribute(\"hidden\", count === 1);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class SelectionTableController extends Controller {\n  static targets = [\"header\", \"item\"];\n  static outlets = [\"tables--selection--form\"];\n\n  itemTargetConnected(item) {\n    this.update();\n  }\n\n  itemTargetDisconnected(item) {\n    this.update();\n  }\n\n  toggleHeader(e) {\n    this.items.forEach((item) => {\n      if (item.checkedValue === e.target.checked) return;\n\n      item.checkedValue = this.tablesSelectionFormOutlet.toggle(item.id);\n    });\n  }\n\n  async update() {\n    this.updating ||= Promise.resolve().then(() => {\n      this.#update();\n      delete this.updating;\n    });\n\n    return this.updating;\n  }\n\n  #update() {\n    let present = 0;\n    let checked = 0;\n\n    this.items.forEach((item) => {\n      present++;\n      if (item.checkedValue) checked++;\n    });\n\n    this.headerInput.checked = present > 0 && checked === present;\n    this.headerInput.indeterminate = checked > 0 && checked !== present;\n  }\n\n  get headerInput() {\n    return this.headerTarget.querySelector(\"input\");\n  }\n\n  get items() {\n    return this.itemTargets.map((el) => this.#itemOutlet(el)).filter((c) => c);\n  }\n\n  /**\n   * Ideally we would be using outlets, but as of turbo 8.0.4 outlets do not fire disconnect events when morphing.\n   *\n   * Instead, we're using the targets to finds the controller.\n   */\n  #itemOutlet(el) {\n    return this.application.getControllerForElementAndIdentifier(\n      el,\n      \"tables--selection--item\",\n    );\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\nexport default class QueryController extends Controller {\n  static targets = [\"modal\"];\n\n  disconnect() {\n    delete this.pending;\n\n    document.removeEventListener(\"selectionchange\", this.selection);\n  }\n\n  focus() {\n    if (document.activeElement === this.query) return;\n\n    this.query.addEventListener(\n      \"focusin\",\n      (e) => {\n        e.target.setSelectionRange(-1, -1);\n      },\n      { once: true },\n    );\n\n    this.query.focus();\n  }\n\n  closeModal() {\n    delete this.modalTarget.dataset.open;\n\n    if (document.activeElement === this.query) document.activeElement.blur();\n\n    document.removeEventListener(\"selectionchange\", this.selection);\n  }\n\n  openModal() {\n    this.modalTarget.dataset.open = true;\n\n    document.addEventListener(\"selectionchange\", this.selection);\n  }\n\n  clear() {\n    if (this.query.value === \"\") {\n      // if the user presses escape once, browser clears  the input\n      // if the user presses escape again, get them out of here\n      this.closeModal();\n    }\n  }\n\n  submit() {\n    const hasFocus = this.isFocused;\n    const position = hasFocus && this.query.selectionStart;\n\n    if (this.pending) {\n      clearTimeout(this.pending);\n      delete this.pending;\n    }\n\n    // prevent an unnecessary `?q=` parameter from appearing in the URL\n    if (this.query.value === \"\") {\n      this.query.disabled = true;\n\n      // restore input and focus after form submission\n      setTimeout(() => {\n        this.query.disabled = false;\n        if (hasFocus) this.query.focus();\n      }, 0);\n    }\n\n    // add/remove current cursor position\n    if (hasFocus && position) {\n      this.position.value = position;\n      this.position.disabled = false;\n    } else {\n      this.position.value = \"\";\n      this.position.disabled = true;\n    }\n  }\n\n  update = () => {\n    if (this.pending) clearTimeout(this.pending);\n    this.pending = setTimeout(() => {\n      this.element.requestSubmit();\n    }, 300);\n  };\n\n  selection = () => {\n    if (this.isFocused) this.update();\n  };\n\n  beforeMorphAttribute(e) {\n    switch (e.detail.attributeName) {\n      case \"data-open\":\n        e.preventDefault();\n        break;\n    }\n  }\n\n  get query() {\n    return this.element.querySelector(\"input[type=search]\");\n  }\n\n  get position() {\n    return this.element.querySelector(\"input[name=p]\");\n  }\n\n  get isFocused() {\n    return this.query === document.activeElement;\n  }\n}\n"],"names":["DragState","constructor","list","event","id","this","cursorOffset","offsetY","initialPosition","target","offsetTop","targetId","updateCursor","row","callback","listOffset","getBoundingClientRect","top","itemPosition","clientY","updateItemPosition","updateScroll","previousScrollOffset","scrollDelta","position","Math","max","min","offsetHeight","SelectionItemController","Controller","static","params","Object","checked","Boolean","tablesSelectionFormOutletConnected","form","visible","checkedValue","isSelected","disconnect","hasTablesSelectionFormOutlet","tablesSelectionFormOutlet","change","e","preventDefault","toggle","paramsValue","paramsValueChanged","previous","update","checkedValueChanged","updating","Promise","resolve","then","element","querySelector","dispatch","detail","selected","Parser","tokens","values","parse","input","query","StringScanner","isEos","push","skipWhitespace","value","takeTagged","takeUntagged","token","scan","Token","matched","Untagged","key","valueAt","separator","takeArrayValue","takeSingleValue","Tagged","start","takeDelimiter","end","Array","takeQuotedValue","takeUnquotedValue","Value","render","document","createTextNode","span","createElement","className","innerText","super","appendChild","array","forEach","last","length","regex","match","exec","substring","index","Definitions","identifier","controllerConstructor","connect","from","parentElement","children","indexOf","id_value","dragUpdate","offset","dragOffset","style","zIndex","toggleAttribute","updateVisually","dragIndex","updateIndex","scope","id_name","index_name","name","reset","removeAttribute","hasChanges","index_value","round","comparisonIndex","startDragging","dragState","addEventListener","mousemove","mouseup","window","scroll","stopDragging","removeEventListener","tablesOrderableItemOutlets","item","drop","dragItem","newIndex","targetItem","insertAdjacentElement","commitChanges","tablesOrderableFormOutlet","clear","add","submit","mousedown","isDragging","animate","ticking","requestAnimationFrame","tablesOrderableFormOutlets","tablesOrderableFormOutletConnected","tablesOrderableFormOutletDisconnected","currentItems","find","toSorted","a","b","String","scopeValue","insertAdjacentHTML","inputs","requestSubmit","remove","querySelectorAll","count","Number","primaryKey","type","default","countValue","primaryKeyValue","visibleInputs","disabled","filter","i","countValueChanged","countTarget","textContent","singularTarget","pluralTarget","itemTargetConnected","itemTargetDisconnected","toggleHeader","items","present","headerInput","indeterminate","headerTarget","itemTargets","map","el","itemOutlet","c","application","getControllerForElementAndIdentifier","pending","selection","focus","activeElement","setSelectionRange","once","closeModal","modalTarget","dataset","open","blur","openModal","hasFocus","isFocused","selectionStart","clearTimeout","setTimeout","beforeMorphAttribute","attributeName","queryValue","inputTarget","queryValueChanged","highlightTarget","innerHTML"],"mappings":"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"}

data/app/components/katalyst/tables/query/modal_component.html.erb

@@ -8,13 +8,14 @@
     </header>
   <% end %>
   <div class="content">
-    <% if show_values? %>
+    <% if show_examples? %>
       <h4>Possible values for <code><%= current_key %>:</code></h4>
-      <ul>
-        <% values_for(current_key).each do |value| %>
-          <li><code><%= format_value(value) %></code></li>
+      <dl>
+        <% examples_for(current_key).each do |example| %>
+          <dt><code><%= format_value(example.value) %></code></dt>
+          <% if example.description.present? %><dd><%= example.description %></dd><% end %>
         <% end %>
-      </ul>
+      </dl>
     <% else %>
       <h4>Available filters:</h4>
       <dl>

data/app/components/katalyst/tables/query/modal_component.rb

@@ -31,7 +31,7 @@ module Katalyst
 
         using Collection::Type::Helpers::Extensions
 
-        def show_values?
+        def show_examples?
           current_key && attributes[current_key]
         end
 
@@ -63,13 +63,13 @@ module Katalyst
           end
         end
 
-        def values_for(key)
-          collection.examples_for(key).map(&:to_s).compact_blank
+        def examples_for(key)
+          collection.examples_for(key)&.reject { |e| e.value.to_s.blank? } || []
         end
 
         def format_value(value)
-          if /\A[\w.-]*\z/.match?(value)
-            value
+          if /\A[\w.-]*\z/.match?(value.to_s)
+            value.to_s
           else
             %("#{value}")
           end

data/app/javascript/tables/selection/item_controller.js

@@ -19,20 +19,22 @@ export default class SelectionItemController extends Controller {
   };
 
   tablesSelectionFormOutletConnected(form) {
-    this.tablesSelectionFormOutlet?.visible(this.id, true);
+    form.visible(this.id, true);
     this.checkedValue = form.isSelected(this.id);
   }
 
   disconnect() {
     // Remove from form's list of visible selections.
     // This should be an outlet disconnect, but those events are not reliable in turbo 8.0
-    this.tablesSelectionFormOutlet?.visible(this.id, false);
+    if (this.hasTablesSelectionFormOutlet) {
+      this.tablesSelectionFormOutlet.visible(this.id, false);
+    }
   }
 
   change(e) {
     e.preventDefault();
 
-    this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);
   }
 
   get id() {
@@ -43,16 +45,18 @@ export default class SelectionItemController extends Controller {
    * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.
    */
   paramsValueChanged(params, previous) {
+    if (!this.hasTablesSelectionFormOutlet) return;
+
     // if id is changing (e.g. morph) then let the form know that the previous id is now not visible
     if (previous.id !== params.id) {
-      this.tablesSelectionFormOutlet?.visible(previous.id, false);
+      this.tablesSelectionFormOutlet.visible(previous.id, false);
     }
 
     // tell form that our id is now visible in the table
-    this.tablesSelectionFormOutlet?.visible(params.id, true);
+    this.tablesSelectionFormOutlet.visible(params.id, true);
 
     // id has changed, so update checked from form
-    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);
 
     // propagate changes
     this.update();
@@ -62,8 +66,10 @@ export default class SelectionItemController extends Controller {
    * Update input to match checked. This occurs when the item is toggled, connected, or morphed.
    */
   checkedValueChanged() {
+    if (!this.hasTablesSelectionFormOutlet) return;
+
     // ensure that checked matches the form, i.e. if morphed
-    this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);
+    this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);
 
     // propagate changes
     this.update();

data/app/models/concerns/katalyst/tables/collection/query.rb

@@ -32,7 +32,7 @@ module Katalyst
           key = key.to_s
           examples_method = "#{key.parameterize.underscore}_examples"
           if respond_to?(examples_method)
-            public_send(examples_method)
+            public_send(examples_method)&.map { |e| e.is_a?(Example) ? e : Example.new(example) }
           elsif @attributes.key?(key)
             @attributes[key].type.examples_for(unscoped_items, @attributes[key])
           end

data/lib/katalyst/tables/collection/type/boolean.rb

@@ -23,7 +23,7 @@ module Katalyst
           end
 
           def examples_for(...)
-            [true, false]
+            [example(true), example(false)]
           end
         end
       end

data/lib/katalyst/tables/collection/type/date.rb

@@ -13,22 +13,23 @@ module Katalyst
             :date
           end
 
-          def serialize(value)
-            if value.is_a?(::Date)
-              value.to_fs(:db)
+          def to_param(value)
+            case value
+            when ::Date, ::DateTime, ::Time, ActiveSupport::TimeWithZone
+              value.to_date.to_fs(:db)
             else
               super
             end
           end
 
-          def examples_for(...)
+          def examples_for(scope, attribute)
             [
-              ::Date.current,
-              ::Date.yesterday,
-              ::Date.current.beginning_of_week..,
-              ::Date.current.beginning_of_month..,
-              ::Date.current.beginning_of_year..,
-            ].map { |d| serialize(d) }
+              *super(scope, attribute, limit: 6),
+              example(::Date.current.beginning_of_week.., "this week"),
+              example(::Date.current.beginning_of_month.., "this month"),
+              example(1.month.ago.all_month, "last month"),
+              example(1.year.ago.all_year, "last year"),
+            ]
           end
 
           private

data/lib/katalyst/tables/collection/type/enum.rb

@@ -20,10 +20,17 @@ module Katalyst
             keys = model.defined_enums[column]&.keys
 
             if attribute.value_before_type_cast.present?
-              keys.select { |key| key.include?(attribute.value_before_type_cast.last) }
-            else
-              keys
+              keys = keys.select { |key| key.include?(attribute.value_before_type_cast.last) }
             end
+
+            keys.map { |key| example(key, describe_key(model, attribute.name, key)) }
+          end
+
+          private
+
+          def describe_key(model, attribute, key)
+            key = I18n.t("active_record.attributes.#{model.model_name.i18n_key}/#{key}", default: key.to_s.titleize)
+            "#{model.model_name.human} #{model.human_attribute_name(attribute).downcase} is #{key}"
           end
         end
       end

data/lib/katalyst/tables/collection/type/example.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Katalyst
+  module Tables
+    module Collection
+      module Type
+        class Example
+          attr_reader :value, :description
+
+          def initialize(value, description = "")
+            @value = value
+            @description = description
+          end
+
+          def hash
+            value.hash
+          end
+
+          def eql?(other)
+            value.eql?(other.value)
+          end
+
+          def to_s
+            value.to_s
+          end
+        end
+      end
+    end
+  end
+end

data/lib/katalyst/tables/collection/type/helpers/multiple.rb

@@ -21,9 +21,9 @@ module Katalyst
               return (multiple? ? [] : nil) if value.nil?
 
               if multiple? && value.is_a?(::Array)
-                value.map { |v| super(v) }
+                value_for_multiple(value.flat_map { |v| cast(v) })
               elsif multiple?
-                [super]
+                value_for_multiple(super)
               else
                 super
               end
@@ -31,7 +31,7 @@ module Katalyst
 
             def deserialize(value)
               if multiple? && value.is_a?(::Array)
-                value.map { |v| super(v) }.flatten
+                value.map { |v| deserialize(v) }.flatten
               elsif multiple?
                 [super].flatten.compact
               else
@@ -41,7 +41,15 @@ module Katalyst
 
             def serialize(value)
               if multiple? && value.is_a?(::Array)
-                value.map { |v| super(v) }.flatten
+                value.map { |v| serialize(v) }.flatten
+              else
+                super
+              end
+            end
+
+            def to_param(value)
+              if multiple? && value.is_a?(::Array)
+                "[#{value.map { |v| to_param(v) }.flatten.join(', ')}]"
               else
                 super
               end
@@ -52,6 +60,17 @@ module Katalyst
             def default_value
               multiple? ? [] : super
             end
+
+            def value_for_multiple(value)
+              case value
+              when ::Array
+                value.reject { |v| v.is_a?(::Range) }
+              when ::Range
+                value
+              else
+                [value]
+              end
+            end
           end
         end
       end

data/lib/katalyst/tables/collection/type/helpers/range.rb

@@ -19,14 +19,42 @@ module Katalyst
               end
             end
 
+            def deserialize(value)
+              if value.is_a?(::Range)
+                if value.begin.nil?
+                  make_range(nil, deserialize(value.end))
+                elsif value.end.nil?
+                  make_range(deserialize(value.begin), nil)
+                else
+                  make_range(deserialize(value.begin), deserialize(value.end))
+                end
+              else
+                super
+              end
+            end
+
             def serialize(value)
               if value.is_a?(::Range)
                 if value.begin.nil?
-                  "..#{serialize(value.end)}"
+                  make_range(nil, serialize(value.end))
                 elsif value.end.nil?
-                  "#{serialize(value.begin)}.."
+                  make_range(serialize(value.begin), nil)
                 else
-                  "#{serialize(value.begin)}..#{serialize(value.end)}"
+                  make_range(serialize(value.begin), serialize(value.end))
+                end
+              else
+                super
+              end
+            end
+
+            def to_param(value)
+              if value.is_a?(::Range)
+                if value.begin.nil?
+                  "..#{to_param(value.end)}"
+                elsif value.end.nil?
+                  "#{to_param(value.begin)}.."
+                else
+                  "#{to_param(value.begin)}..#{to_param(value.end)}"
                 end
               else
                 super
@@ -42,15 +70,25 @@ module Katalyst
               when self.class.const_get(:SINGLE_VALUE)
                 super($~[:value])
               when self.class.const_get(:LOWER_BOUND)
-                ((super($~[:lower]))..)
+                make_range(super($~[:lower]), nil)
               when self.class.const_get(:UPPER_BOUND)
-                (..(super($~[:upper])))
+                make_range(nil, super($~[:upper]))
               when self.class.const_get(:BOUNDED)
-                ((super($~[:lower]))..(super($~[:upper])))
+                make_range(super($~[:lower]), super($~[:upper]))
               else
                 super
               end
             end
+
+            private
+
+            def make_range(from, to)
+              # when a value that accepts multiple is given a range, it double-packs the value so we get ..[0]
+              # unpack the array value
+              from = from.first if from.is_a?(::Array) && from.length == 1
+              to = to.first if to.is_a?(::Array) && to.length == 1
+              (from..to)
+            end
           end
         end
       end

data/lib/katalyst/tables/collection/type/value.rb

@@ -41,7 +41,11 @@ module Katalyst
             scope.merge(condition)
           end
 
-          def examples_for(scope, attribute)
+          def to_param(value)
+            serialize(value)
+          end
+
+          def examples_for(scope, attribute, limit: 10, order: :asc)
             scope, model, column = model_and_column_for(scope, attribute)
 
             return unless model.attribute_types.has_key?(column)
@@ -51,14 +55,18 @@ module Katalyst
             filter(scope, attribute)
               .group(column)
               .distinct
-              .limit(10)
-              .reorder(column => :asc)
+              .limit(limit)
+              .reorder(column => order)
               .pluck(column)
-              .map { |v| serialize(v) }
+              .map { |v| example(deserialize(v)) }
           end
 
           private
 
+          def example(value, description = "")
+            Example.new(to_param(value), description)
+          end
+
           def filter_value(attribute)
             attribute.value
           end
@@ -69,7 +77,7 @@ module Katalyst
             elsif scope
               model.public_send(scope, value)
             else
-              model.where(column => value)
+              model.where(column => serialize(value))
             end
           end
 

data/lib/katalyst/tables/collection/type.rb

@@ -7,6 +7,7 @@ require "katalyst/tables/collection/type/helpers/extensions"
 require "katalyst/tables/collection/type/helpers/multiple"
 require "katalyst/tables/collection/type/helpers/range"
 
+require "katalyst/tables/collection/type/example"
 require "katalyst/tables/collection/type/value"
 
 require "katalyst/tables/collection/type/boolean"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: katalyst-tables
 version: !ruby/object:Gem::Version
-  version: 3.4.0
+  version: 3.4.2
 platform: ruby
 authors:
 - Katalyst Interactive
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-07-02 00:00:00.000000000 Z
+date: 2024-07-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: katalyst-html-attributes
@@ -144,6 +144,7 @@ files:
 - lib/katalyst/tables/collection/type/boolean.rb
 - lib/katalyst/tables/collection/type/date.rb
 - lib/katalyst/tables/collection/type/enum.rb
+- lib/katalyst/tables/collection/type/example.rb
 - lib/katalyst/tables/collection/type/float.rb
 - lib/katalyst/tables/collection/type/helpers/delegate.rb
 - lib/katalyst/tables/collection/type/helpers/extensions.rb