katalyst-tables 3.4.0 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 447e8836727c6c2e8a08b71be7ae50233f9d08c51f33644b72240528a1b1e373
4
- data.tar.gz: 5361f25eb47215a570cf0fedcbdb00b80b8cdd931dcdae54e86a37ddab5eee0d
3
+ metadata.gz: f5923255962191599c9ddf2eef5a5fa1dee03b8b1513336d0f2e849ebe5748ea
4
+ data.tar.gz: d169ccb2f68d196c1c0472070e6ef4f57aabb1d93189acadbc253ec860d05b76
5
5
  SHA512:
6
- metadata.gz: 9d521b341c279cce9be25b22d3a59e2fa6ebfb28878f597ed29d5fcaa9a41bd1a0a2be175b6ef2c77b662426895eb093ab5d39a5913ee4ed22b7f26e1ca35269
7
- data.tar.gz: b18ffe4c3e49f7100478885611a7d37ee1f89721d63413891f5ffb3913ca0ee3a3a4bcec786d91ea01896097d3ce03b241111bb4a84b94cdb1c65ed311e32ee2
6
+ metadata.gz: 3437fad480724057194bb31a26508d19e139ee1b118a3896c4abc2181da3a2d6d45e62d492c84304b30abb2c4917a0e805c4be04d1a0feac753546733962d84c
7
+ data.tar.gz: 542774d195ca0b1a1818b96c162f57dda6a0ac6feb3b8620ee76cfa9aee3f018c20b1120ce4e671c1069783ff5a72827b119a53af0feda6d361ba2fd787f072d
@@ -546,20 +546,22 @@ class SelectionItemController extends Controller {
546
546
  };
547
547
 
548
548
  tablesSelectionFormOutletConnected(form) {
549
- this.tablesSelectionFormOutlet?.visible(this.id, true);
549
+ form.visible(this.id, true);
550
550
  this.checkedValue = form.isSelected(this.id);
551
551
  }
552
552
 
553
553
  disconnect() {
554
554
  // Remove from form's list of visible selections.
555
555
  // This should be an outlet disconnect, but those events are not reliable in turbo 8.0
556
- this.tablesSelectionFormOutlet?.visible(this.id, false);
556
+ if (this.hasTablesSelectionFormOutlet) {
557
+ this.tablesSelectionFormOutlet.visible(this.id, false);
558
+ }
557
559
  }
558
560
 
559
561
  change(e) {
560
562
  e.preventDefault();
561
563
 
562
- this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);
564
+ this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);
563
565
  }
564
566
 
565
567
  get id() {
@@ -570,16 +572,18 @@ class SelectionItemController extends Controller {
570
572
  * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.
571
573
  */
572
574
  paramsValueChanged(params, previous) {
575
+ if (!this.hasTablesSelectionFormOutlet) return;
576
+
573
577
  // if id is changing (e.g. morph) then let the form know that the previous id is now not visible
574
578
  if (previous.id !== params.id) {
575
- this.tablesSelectionFormOutlet?.visible(previous.id, false);
579
+ this.tablesSelectionFormOutlet.visible(previous.id, false);
576
580
  }
577
581
 
578
582
  // tell form that our id is now visible in the table
579
- this.tablesSelectionFormOutlet?.visible(params.id, true);
583
+ this.tablesSelectionFormOutlet.visible(params.id, true);
580
584
 
581
585
  // id has changed, so update checked from form
582
- this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);
586
+ this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);
583
587
 
584
588
  // propagate changes
585
589
  this.update();
@@ -589,8 +593,10 @@ class SelectionItemController extends Controller {
589
593
  * Update input to match checked. This occurs when the item is toggled, connected, or morphed.
590
594
  */
591
595
  checkedValueChanged() {
596
+ if (!this.hasTablesSelectionFormOutlet) return;
597
+
592
598
  // ensure that checked matches the form, i.e. if morphed
593
- this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);
599
+ this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);
594
600
 
595
601
  // propagate changes
596
602
  this.update();
@@ -546,20 +546,22 @@ class SelectionItemController extends Controller {
546
546
  };
547
547
 
548
548
  tablesSelectionFormOutletConnected(form) {
549
- this.tablesSelectionFormOutlet?.visible(this.id, true);
549
+ form.visible(this.id, true);
550
550
  this.checkedValue = form.isSelected(this.id);
551
551
  }
552
552
 
553
553
  disconnect() {
554
554
  // Remove from form's list of visible selections.
555
555
  // This should be an outlet disconnect, but those events are not reliable in turbo 8.0
556
- this.tablesSelectionFormOutlet?.visible(this.id, false);
556
+ if (this.hasTablesSelectionFormOutlet) {
557
+ this.tablesSelectionFormOutlet.visible(this.id, false);
558
+ }
557
559
  }
558
560
 
559
561
  change(e) {
560
562
  e.preventDefault();
561
563
 
562
- this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);
564
+ this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);
563
565
  }
564
566
 
565
567
  get id() {
@@ -570,16 +572,18 @@ class SelectionItemController extends Controller {
570
572
  * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.
571
573
  */
572
574
  paramsValueChanged(params, previous) {
575
+ if (!this.hasTablesSelectionFormOutlet) return;
576
+
573
577
  // if id is changing (e.g. morph) then let the form know that the previous id is now not visible
574
578
  if (previous.id !== params.id) {
575
- this.tablesSelectionFormOutlet?.visible(previous.id, false);
579
+ this.tablesSelectionFormOutlet.visible(previous.id, false);
576
580
  }
577
581
 
578
582
  // tell form that our id is now visible in the table
579
- this.tablesSelectionFormOutlet?.visible(params.id, true);
583
+ this.tablesSelectionFormOutlet.visible(params.id, true);
580
584
 
581
585
  // id has changed, so update checked from form
582
- this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);
586
+ this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);
583
587
 
584
588
  // propagate changes
585
589
  this.update();
@@ -589,8 +593,10 @@ class SelectionItemController extends Controller {
589
593
  * Update input to match checked. This occurs when the item is toggled, connected, or morphed.
590
594
  */
591
595
  checkedValueChanged() {
596
+ if (!this.hasTablesSelectionFormOutlet) return;
597
+
592
598
  // ensure that checked matches the form, i.e. if morphed
593
- this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);
599
+ this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);
594
600
 
595
601
  // propagate changes
596
602
  this.update();
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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};
2
2
  //# sourceMappingURL=tables.min.js.map
@@ -1 +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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"}
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 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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"}
@@ -19,20 +19,22 @@ export default class SelectionItemController extends Controller {
19
19
  };
20
20
 
21
21
  tablesSelectionFormOutletConnected(form) {
22
- this.tablesSelectionFormOutlet?.visible(this.id, true);
22
+ form.visible(this.id, true);
23
23
  this.checkedValue = form.isSelected(this.id);
24
24
  }
25
25
 
26
26
  disconnect() {
27
27
  // Remove from form's list of visible selections.
28
28
  // This should be an outlet disconnect, but those events are not reliable in turbo 8.0
29
- this.tablesSelectionFormOutlet?.visible(this.id, false);
29
+ if (this.hasTablesSelectionFormOutlet) {
30
+ this.tablesSelectionFormOutlet.visible(this.id, false);
31
+ }
30
32
  }
31
33
 
32
34
  change(e) {
33
35
  e.preventDefault();
34
36
 
35
- this.checkedValue = this.tablesSelectionFormOutlet?.toggle(this.id);
37
+ this.checkedValue = this.tablesSelectionFormOutlet.toggle(this.id);
36
38
  }
37
39
 
38
40
  get id() {
@@ -43,16 +45,18 @@ export default class SelectionItemController extends Controller {
43
45
  * Update checked to match match selection form. This occurs when the item is re-used by turbo-morph.
44
46
  */
45
47
  paramsValueChanged(params, previous) {
48
+ if (!this.hasTablesSelectionFormOutlet) return;
49
+
46
50
  // if id is changing (e.g. morph) then let the form know that the previous id is now not visible
47
51
  if (previous.id !== params.id) {
48
- this.tablesSelectionFormOutlet?.visible(previous.id, false);
52
+ this.tablesSelectionFormOutlet.visible(previous.id, false);
49
53
  }
50
54
 
51
55
  // tell form that our id is now visible in the table
52
- this.tablesSelectionFormOutlet?.visible(params.id, true);
56
+ this.tablesSelectionFormOutlet.visible(params.id, true);
53
57
 
54
58
  // id has changed, so update checked from form
55
- this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(params.id);
59
+ this.checkedValue = this.tablesSelectionFormOutlet.isSelected(params.id);
56
60
 
57
61
  // propagate changes
58
62
  this.update();
@@ -62,8 +66,10 @@ export default class SelectionItemController extends Controller {
62
66
  * Update input to match checked. This occurs when the item is toggled, connected, or morphed.
63
67
  */
64
68
  checkedValueChanged() {
69
+ if (!this.hasTablesSelectionFormOutlet) return;
70
+
65
71
  // ensure that checked matches the form, i.e. if morphed
66
- this.checkedValue = this.tablesSelectionFormOutlet?.isSelected(this.id);
72
+ this.checkedValue = this.tablesSelectionFormOutlet.isSelected(this.id);
67
73
 
68
74
  // propagate changes
69
75
  this.update();
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: katalyst-tables
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.4.0
4
+ version: 3.4.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Katalyst Interactive