From f32047161ba68b0284eb778a436c79f9a9e44301 Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Thu, 21 Mar 2024 21:16:38 -0400 Subject: [PATCH 1/6] Add initial test without any values --- test/alert_test.js | 30 ++++++++++++++++++++++++++++++ test/fixtures/alert.html | 25 +++++++++++++++++++++++++ 2 files changed, 55 insertions(+) create mode 100644 test/alert_test.js create mode 100644 test/fixtures/alert.html diff --git a/test/alert_test.js b/test/alert_test.js new file mode 100644 index 0000000..9d2fc55 --- /dev/null +++ b/test/alert_test.js @@ -0,0 +1,30 @@ +import { aTimeout,waitUntil, fixture, expect, nextFrame } from '@open-wc/testing' +import { sendKeys } from '@web/test-runner-commands'; +import { fetchFixture } from './test_helpers' + +import { Application } from '@hotwired/stimulus' +import Alert from '../src/alert' + +describe('AlertController', () => { + describe('#default', () => { + beforeEach(async () => { + const html = await fetchFixture('alert.html') + await fixture(html) + const application = Application.start() + application.register('alert', Alert) + }) + + + it('closes the alert when it appears by default', async () => { + const element = document.querySelector("[data-controller='alert'") + expect(element.className.includes("hidden")).to.equal(false) + + const closeButton = document.querySelector("[data-action='alert#close']") + closeButton.click() + + setTimeout(() => { + expect(element).to.equal(undefined) + }, 1000); + }) + }) +}) diff --git a/test/fixtures/alert.html b/test/fixtures/alert.html new file mode 100644 index 0000000..cd61874 --- /dev/null +++ b/test/fixtures/alert.html @@ -0,0 +1,25 @@ +
+
+
+
+
+

+ Stimulus is the JS of the future! +

+
+
+ +
+
+
+
+
\ No newline at end of file From dd6b592c2e42abaa25dcc218094033bc4f73f822 Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Thu, 21 Mar 2024 22:25:15 -0400 Subject: [PATCH 2/6] Test show delay --- test/alert_test.js | 40 ++++++++++++++-------- test/fixtures/alert.html | 25 -------------- test/fixtures/alerts/alert_default.html | 6 ++++ test/fixtures/alerts/alert_show_delay.html | 10 ++++++ 4 files changed, 41 insertions(+), 40 deletions(-) delete mode 100644 test/fixtures/alert.html create mode 100644 test/fixtures/alerts/alert_default.html create mode 100644 test/fixtures/alerts/alert_show_delay.html diff --git a/test/alert_test.js b/test/alert_test.js index 9d2fc55..160f96c 100644 --- a/test/alert_test.js +++ b/test/alert_test.js @@ -1,30 +1,40 @@ -import { aTimeout,waitUntil, fixture, expect, nextFrame } from '@open-wc/testing' -import { sendKeys } from '@web/test-runner-commands'; +import { aTimeout, fixture, expect } from '@open-wc/testing' import { fetchFixture } from './test_helpers' import { Application } from '@hotwired/stimulus' import Alert from '../src/alert' describe('AlertController', () => { - describe('#default', () => { - beforeEach(async () => { - const html = await fetchFixture('alert.html') - await fixture(html) - const application = Application.start() - application.register('alert', Alert) - }) + const loadFixture = async (fixturePath) => { + const html = await fetchFixture(fixturePath) + await fixture(html) + const application = Application.start() + application.register('alert', Alert) + } + const fetchElement = () => document.querySelector("[data-controller='alert'") - it('closes the alert when it appears by default', async () => { - const element = document.querySelector("[data-controller='alert'") - expect(element.className.includes("hidden")).to.equal(false) + describe('with default values', () => { + it('shows the element immediately and closes it without delay ', async () => { + await loadFixture('alerts/alert_default.html') + expect(fetchElement().className.includes("hidden")).to.equal(false) const closeButton = document.querySelector("[data-action='alert#close']") closeButton.click() - setTimeout(() => { - expect(element).to.equal(undefined) - }, 1000); + await aTimeout(1000) + expect(fetchElement()).to.equal(null) + }) + }) + + + describe('with show delay value', () => { + it('shows after 1000ms', async () => { + await loadFixture('alerts/alert_show_delay.html') + expect(fetchElement().className.includes("hidden")).to.equal(true) + + await aTimeout(1000) + expect(fetchElement().className.includes("hidden")).to.equal(false) }) }) }) diff --git a/test/fixtures/alert.html b/test/fixtures/alert.html deleted file mode 100644 index cd61874..0000000 --- a/test/fixtures/alert.html +++ /dev/null @@ -1,25 +0,0 @@ -
-
-
-
-
-

- Stimulus is the JS of the future! -

-
-
- -
-
-
-
-
\ No newline at end of file diff --git a/test/fixtures/alerts/alert_default.html b/test/fixtures/alerts/alert_default.html new file mode 100644 index 0000000..363b961 --- /dev/null +++ b/test/fixtures/alerts/alert_default.html @@ -0,0 +1,6 @@ +
+
+
Stimulus is the JS of the future!
+ +
+
\ No newline at end of file diff --git a/test/fixtures/alerts/alert_show_delay.html b/test/fixtures/alerts/alert_show_delay.html new file mode 100644 index 0000000..9269558 --- /dev/null +++ b/test/fixtures/alerts/alert_show_delay.html @@ -0,0 +1,10 @@ + \ No newline at end of file From f50426c1dc4309dd2df78f2d6b84045f85a72e79 Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Thu, 21 Mar 2024 22:33:36 -0400 Subject: [PATCH 3/6] Test dismissal --- test/alert_test.js | 11 ++++++++++- test/fixtures/alerts/alert_dismiss_after.html | 6 ++++++ 2 files changed, 16 insertions(+), 1 deletion(-) create mode 100644 test/fixtures/alerts/alert_dismiss_after.html diff --git a/test/alert_test.js b/test/alert_test.js index 160f96c..f7ad3ed 100644 --- a/test/alert_test.js +++ b/test/alert_test.js @@ -27,7 +27,6 @@ describe('AlertController', () => { }) }) - describe('with show delay value', () => { it('shows after 1000ms', async () => { await loadFixture('alerts/alert_show_delay.html') @@ -37,4 +36,14 @@ describe('AlertController', () => { expect(fetchElement().className.includes("hidden")).to.equal(false) }) }) + + describe('with dismiss after value', () => { + it('dismisses after 500ms', async () => { + await loadFixture('alerts/alert_dismiss_after.html') + expect(fetchElement().className.includes("hidden")).to.equal(false) + + await aTimeout(600) + expect(fetchElement()).to.equal(null) + }) + }) }) diff --git a/test/fixtures/alerts/alert_dismiss_after.html b/test/fixtures/alerts/alert_dismiss_after.html new file mode 100644 index 0000000..b2e899b --- /dev/null +++ b/test/fixtures/alerts/alert_dismiss_after.html @@ -0,0 +1,6 @@ +
+
+
Stimulus is the JS of the future!
+ +
+
\ No newline at end of file From 79107234743c463c12541f32294dcbd2db4073de Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Thu, 21 Mar 2024 22:35:55 -0400 Subject: [PATCH 4/6] Test remove delay value --- src/alert.js | 6 ++++-- test/alert_test.js | 13 +++++++++++++ test/fixtures/alerts/alert_remove_delay.html | 6 ++++++ 3 files changed, 23 insertions(+), 2 deletions(-) create mode 100644 test/fixtures/alerts/alert_remove_delay.html diff --git a/src/alert.js b/src/alert.js index 1cddc27..27595c9 100644 --- a/src/alert.js +++ b/src/alert.js @@ -5,7 +5,7 @@ export default class extends Controller { static values = { dismissAfter: Number, showDelay: { type: Number, default: 0 }, - removeDelay: { type: Number, default: 1100 } + removeDelay: { type: Number, default: 0 } } connect() { @@ -24,7 +24,9 @@ export default class extends Controller { // Runs hide animation and then removes element from the page close() { leave(this.element).then(() => { - this.element.remove() + setTimeout(() => { + this.element.remove() + }, this.removeDelayValue) }) } } diff --git a/test/alert_test.js b/test/alert_test.js index f7ad3ed..fb0857d 100644 --- a/test/alert_test.js +++ b/test/alert_test.js @@ -46,4 +46,17 @@ describe('AlertController', () => { expect(fetchElement()).to.equal(null) }) }) + + describe('with remove delay value', () => { + it('removes after 1000ms', async () => { + await loadFixture('alerts/alert_remove_delay.html') + expect(fetchElement().className.includes("hidden")).to.equal(false) + + const closeButton = document.querySelector("[data-action='alert#close']") + closeButton.click() + + await aTimeout(1100) + expect(fetchElement()).to.equal(null) + }) + }) }) diff --git a/test/fixtures/alerts/alert_remove_delay.html b/test/fixtures/alerts/alert_remove_delay.html new file mode 100644 index 0000000..1215a54 --- /dev/null +++ b/test/fixtures/alerts/alert_remove_delay.html @@ -0,0 +1,6 @@ +
+
+
Stimulus is the JS of the future!
+ +
+
\ No newline at end of file From 150334524377dd14b318ce8bfda209dc28912b08 Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Thu, 21 Mar 2024 22:57:31 -0400 Subject: [PATCH 5/6] Check hidden class before removal --- test/alert_test.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/test/alert_test.js b/test/alert_test.js index fb0857d..59d0dc9 100644 --- a/test/alert_test.js +++ b/test/alert_test.js @@ -1,4 +1,4 @@ -import { aTimeout, fixture, expect } from '@open-wc/testing' +import { aTimeout, fixture, expect, nextFrame } from '@open-wc/testing' import { fetchFixture } from './test_helpers' import { Application } from '@hotwired/stimulus' @@ -17,8 +17,8 @@ describe('AlertController', () => { describe('with default values', () => { it('shows the element immediately and closes it without delay ', async () => { await loadFixture('alerts/alert_default.html') - expect(fetchElement().className.includes("hidden")).to.equal(false) + const closeButton = document.querySelector("[data-action='alert#close']") closeButton.click() @@ -55,6 +55,9 @@ describe('AlertController', () => { const closeButton = document.querySelector("[data-action='alert#close']") closeButton.click() + await aTimeout(100) + expect(fetchElement().className.includes("hidden")).to.equal(true) + await aTimeout(1100) expect(fetchElement()).to.equal(null) }) From 3d3a6f5b75d18cb421086b4126190fc7eca6f307 Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Fri, 22 Mar 2024 10:35:28 -0400 Subject: [PATCH 6/6] Delete remove delay references --- dist/tailwindcss-stimulus-components.cjs | 2 +- dist/tailwindcss-stimulus-components.cjs.map | 4 ++-- dist/tailwindcss-stimulus-components.module.js | 2 +- ...tailwindcss-stimulus-components.module.js.map | 4 ++-- docs/alert.md | 3 +-- src/alert.js | 5 +---- test/alert_test.js | 16 ---------------- test/fixtures/alerts/alert_remove_delay.html | 6 ------ 8 files changed, 8 insertions(+), 34 deletions(-) delete mode 100644 test/fixtures/alerts/alert_remove_delay.html diff --git a/dist/tailwindcss-stimulus-components.cjs b/dist/tailwindcss-stimulus-components.cjs index dd08ec6..2d2a730 100644 --- a/dist/tailwindcss-stimulus-components.cjs +++ b/dist/tailwindcss-stimulus-components.cjs @@ -1 +1 @@ -var T=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var k=(t,e,s)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var q=(t,e)=>{for(var s in e)T(t,s,{get:e[s],enumerable:!0})},M=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of B(e))!N.call(t,i)&&i!==s&&T(t,i,{get:()=>e[i],enumerable:!(o=F(e,i))||o.enumerable});return t};var P=t=>M(T({},"__esModule",{value:!0}),t);var a=(t,e,s)=>(k(t,typeof e!="symbol"?e+"":e,s),s);var U={};q(U,{Alert:()=>g,Autosave:()=>h,ColorPreview:()=>u,Dropdown:()=>r,Modal:()=>c,Popover:()=>d,Slideover:()=>m,Tabs:()=>l,Toggle:()=>f});module.exports=P(U);var V=require("@hotwired/stimulus");async function n(t,e,s={}){e?b(t,s):v(t,s)}async function b(t,e={}){let s=t.dataset.transitionEnter||e.enter||"enter",o=t.dataset.transitionEnterFrom||e.enterFrom||"enter-from",i=t.dataset.transitionEnterTo||e.enterTo||"enter-to",p=t.dataset.toggleClass||e.toggleClass||"hidden";t.classList.add(...s.split(" ")),t.classList.add(...o.split(" ")),t.classList.remove(...i.split(" ")),t.classList.remove(...p.split(" ")),await x(),t.classList.remove(...o.split(" ")),t.classList.add(...i.split(" "));try{await C(t)}finally{t.classList.remove(...s.split(" "))}}async function v(t,e={}){let s=t.dataset.transitionLeave||e.leave||"leave",o=t.dataset.transitionLeaveFrom||e.leaveFrom||"leave-from",i=t.dataset.transitionLeaveTo||e.leaveTo||"leave-to",p=t.dataset.toggleClass||e.toggle||"hidden";t.classList.add(...s.split(" ")),t.classList.add(...o.split(" ")),t.classList.remove(...i.split(" ")),await x(),t.classList.remove(...o.split(" ")),t.classList.add(...i.split(" "));try{await C(t)}finally{t.classList.remove(...s.split(" ")),t.classList.add(...p.split(" "))}}function x(){return new Promise(t=>{requestAnimationFrame(()=>{requestAnimationFrame(t)})})}function C(t){return Promise.all(t.getAnimations().map(e=>e.finished))}var g=class extends V.Controller{connect(){setTimeout(()=>{b(this.element)},this.showDelayValue),this.hasDismissAfterValue&&setTimeout(()=>{this.close()},this.dismissAfterValue)}close(){v(this.element).then(()=>{this.element.remove()})}};a(g,"values",{dismissAfter:Number,showDelay:{type:Number,default:0},removeDelay:{type:Number,default:1100}});var y=require("@hotwired/stimulus");var h=class extends y.Controller{connect(){this.timeout=null}save(){clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.statusTarget.textContent=this.submittingTextValue,this.formTarget.requestSubmit()},this.submitDurationValue)}success(){this.setStatus(this.successTextValue)}error(){this.setStatus(this.errorTextValue)}setStatus(t){this.statusTarget.textContent=t,this.timeout=setTimeout(()=>{this.statusTarget.textContent=""},this.statusDurationValue)}};a(h,"targets",["form","status"]),a(h,"values",{submitDuration:{type:Number,default:1e3},statusDuration:{type:Number,default:2e3},submittingText:{type:String,default:"Saving..."},successText:{type:String,default:"Saved!"},errorText:{type:String,default:"Unable to save."}});var I=require("@hotwired/stimulus");var u=class extends I.Controller{update(){this.preview=this.colorTarget.value}set preview(t){this.previewTarget.style[this.styleValue]=t;let e=this._getContrastYIQ(t);this.styleValue==="color"?this.previewTarget.style.backgroundColor=e:this.previewTarget.style.color=e}_getContrastYIQ(t){t=t.replace("#","");let e=128,s=parseInt(t.substr(0,2),16),o=parseInt(t.substr(2,2),16),i=parseInt(t.substr(4,2),16);return(s*299+o*587+i*114)/1e3>=e?"#000":"#fff"}};a(u,"targets",["preview","color"]),a(u,"values",{style:{type:String,default:"backgroundColor"}});var L=require("@hotwired/stimulus");var r=class extends L.Controller{connect(){document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}openValueChanged(){n(this.menuTarget,this.openValue,this.transitionOptions),this.openValue===!0&&this.hasMenuItemTarget&&this.menuItemTargets[0].focus()}show(){this.openValue=!0}close(){this.openValue=!1}hide(t){this.closeOnClickOutsideValue&&t.target.nodeType&&this.element.contains(t.target)===!1&&this.openValue&&(this.openValue=!1),this.closeOnEscapeValue&&t.key==="Escape"&&this.openValue&&(this.openValue=!1)}toggle(){this.openValue=!this.openValue}nextItem(t){t.preventDefault(),this.menuItemTargets[this.nextIndex].focus()}previousItem(t){t.preventDefault(),this.menuItemTargets[this.previousIndex].focus()}get currentItemIndex(){return this.menuItemTargets.indexOf(document.activeElement)}get nextIndex(){return Math.min(this.currentItemIndex+1,this.menuItemTargets.length-1)}get previousIndex(){return Math.max(this.currentItemIndex-1,0)}get transitionOptions(){return{enter:this.hasEnterClass?this.enterClass:"transition ease-out duration-100",enterFrom:this.hasEnterFromClass?this.enterFromClass:"transform opacity-0 scale-95",enterTo:this.hasEnterToClass?this.enterToClass:"transform opacity-100 scale-100",leave:this.hasLeaveClass?this.leaveClass:"transition ease-in duration-75",leaveFrom:this.hasLeaveFromClass?this.leaveFromClass:"transform opacity-100 scale-100",leaveTo:this.hasLeaveToClass?this.leaveToClass:"transform opacity-0 scale-95",toggleClass:this.hasToggleClass?this.toggleClass:"hidden"}}beforeCache(){this.openValue=!1,this.menuTarget.classList.add("hidden")}};a(r,"targets",["menu","button","menuItem"]),a(r,"values",{open:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0}}),a(r,"classes",["enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","toggle"]);var A=require("@hotwired/stimulus");var c=class extends A.Controller{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}show(){this.dialogTarget.show()}beforeCache(){this.close()}};a(c,"targets",["dialog"]),a(c,"values",{open:Boolean});var w=require("@hotwired/stimulus");var d=class extends w.Controller{openValueChanged(){n(this.contentTarget,this.openValue),this.shouldAutoDismiss&&this.scheduleDismissal()}show(t){this.shouldAutoDismiss&&this.scheduleDismissal(),this.openValue=!0}hide(){this.openValue=!1}toggle(){this.openValue=!this.openValue}get shouldAutoDismiss(){return this.openValue&&this.hasDismissAfterValue}scheduleDismissal(){this.hasDismissAfterValue&&(this.cancelDismissal(),this.timeoutId=setTimeout(()=>{this.hide(),this.timeoutId=void 0},this.dismissAfterValue))}cancelDismissal(){typeof this.timeoutId=="number"&&(clearTimeout(this.timeoutId),this.timeoutId=void 0)}};a(d,"targets",["content"]),a(d,"values",{dismissAfter:Number,open:{type:Boolean,default:!1}});var D=require("@hotwired/stimulus");var m=class extends D.Controller{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}beforeCache(){this.close()}};a(m,"targets",["dialog"]),a(m,"values",{open:Boolean});var E=require("@hotwired/stimulus");var l=class extends E.Controller{initialize(){this.anchor&&(this.indexValue=this.tabTargets.findIndex(t=>t.id===this.anchor))}connect(){this.showTab()}change(t){t.currentTarget.tagName==="SELECT"?this.indexValue=t.currentTarget.selectedIndex:t.currentTarget.dataset.index?this.indexValue=t.currentTarget.dataset.index:t.currentTarget.dataset.id?this.indexValue=this.tabTargets.findIndex(e=>e.id==t.currentTarget.dataset.id):this.indexValue=this.tabTargets.indexOf(t.currentTarget)}nextTab(){this.indexValue=Math.min(this.indexValue+1,this.tabsCount-1)}previousTab(){this.indexValue=Math.max(this.indexValue-1,0)}firstTab(){this.indexValue=0}lastTab(){this.indexValue=this.tabsCount-1}indexValueChanged(){if(this.showTab(),this.dispatch("tab-change",{target:this.tabTargets[this.indexValue],detail:{activeIndex:this.indexValue}}),this.updateAnchorValue){let t=this.tabTargets[this.indexValue].id;if(this.scrollToAnchorValue)location.hash=t;else{let s=window.location.href.split("#")[0]+"#"+t;history.replaceState({},document.title,s)}}}showTab(){this.panelTargets.forEach((t,e)=>{let s=this.tabTargets[e];e===this.indexValue?(t.classList.remove("hidden"),s.ariaSelected="true",s.dataset.active=!0,this.hasInactiveTabClass&&s?.classList?.remove(...this.inactiveTabClasses),this.hasActiveTabClass&&s?.classList?.add(...this.activeTabClasses)):(t.classList.add("hidden"),s.ariaSelected=null,delete s.dataset.active,this.hasActiveTabClass&&s?.classList?.remove(...this.activeTabClasses),this.hasInactiveTabClass&&s?.classList?.add(...this.inactiveTabClasses))}),this.hasSelectTarget&&(this.selectTarget.selectedIndex=this.indexValue),this.scrollActiveTabIntoViewValue&&this.scrollToActiveTab()}scrollToActiveTab(){let t=this.element.querySelector("[aria-selected]");t&&t.scrollIntoView({inline:"center"})}get tabsCount(){return this.tabTargets.length}get anchor(){return document.URL.split("#").length>1?document.URL.split("#")[1]:null}};a(l,"classes",["activeTab","inactiveTab"]),a(l,"targets",["tab","panel","select"]),a(l,"values",{index:0,updateAnchor:Boolean,scrollToAnchor:Boolean,scrollActiveTabIntoView:Boolean});var S=require("@hotwired/stimulus");var f=class extends S.Controller{toggle(t){this.openValue=!this.openValue,this.animate()}toggleInput(t){this.openValue=t.target.checked,this.animate()}hide(){this.openValue=!1,this.animate()}show(){this.openValue=!0,this.animate()}animate(){this.toggleableTargets.forEach(t=>{n(t,this.openValue)})}};a(f,"targets",["toggleable"]),a(f,"values",{open:{type:Boolean,default:!1}}); +var T=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var q=(t,e,s)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var M=(t,e)=>{for(var s in e)T(t,s,{get:e[s],enumerable:!0})},N=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of B(e))!k.call(t,i)&&i!==s&&T(t,i,{get:()=>e[i],enumerable:!(o=F(e,i))||o.enumerable});return t};var P=t=>N(T({},"__esModule",{value:!0}),t);var a=(t,e,s)=>(q(t,typeof e!="symbol"?e+"":e,s),s);var U={};M(U,{Alert:()=>g,Autosave:()=>h,ColorPreview:()=>u,Dropdown:()=>r,Modal:()=>c,Popover:()=>d,Slideover:()=>m,Tabs:()=>l,Toggle:()=>f});module.exports=P(U);var V=require("@hotwired/stimulus");async function n(t,e,s={}){e?b(t,s):v(t,s)}async function b(t,e={}){let s=t.dataset.transitionEnter||e.enter||"enter",o=t.dataset.transitionEnterFrom||e.enterFrom||"enter-from",i=t.dataset.transitionEnterTo||e.enterTo||"enter-to",p=t.dataset.toggleClass||e.toggleClass||"hidden";t.classList.add(...s.split(" ")),t.classList.add(...o.split(" ")),t.classList.remove(...i.split(" ")),t.classList.remove(...p.split(" ")),await x(),t.classList.remove(...o.split(" ")),t.classList.add(...i.split(" "));try{await C(t)}finally{t.classList.remove(...s.split(" "))}}async function v(t,e={}){let s=t.dataset.transitionLeave||e.leave||"leave",o=t.dataset.transitionLeaveFrom||e.leaveFrom||"leave-from",i=t.dataset.transitionLeaveTo||e.leaveTo||"leave-to",p=t.dataset.toggleClass||e.toggle||"hidden";t.classList.add(...s.split(" ")),t.classList.add(...o.split(" ")),t.classList.remove(...i.split(" ")),await x(),t.classList.remove(...o.split(" ")),t.classList.add(...i.split(" "));try{await C(t)}finally{t.classList.remove(...s.split(" ")),t.classList.add(...p.split(" "))}}function x(){return new Promise(t=>{requestAnimationFrame(()=>{requestAnimationFrame(t)})})}function C(t){return Promise.all(t.getAnimations().map(e=>e.finished))}var g=class extends V.Controller{connect(){setTimeout(()=>{b(this.element)},this.showDelayValue),this.hasDismissAfterValue&&setTimeout(()=>{this.close()},this.dismissAfterValue)}close(){v(this.element).then(()=>{this.element.remove()})}};a(g,"values",{dismissAfter:Number,showDelay:{type:Number,default:0}});var I=require("@hotwired/stimulus");var h=class extends I.Controller{connect(){this.timeout=null}save(){clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.statusTarget.textContent=this.submittingTextValue,this.formTarget.requestSubmit()},this.submitDurationValue)}success(){this.setStatus(this.successTextValue)}error(){this.setStatus(this.errorTextValue)}setStatus(t){this.statusTarget.textContent=t,this.timeout=setTimeout(()=>{this.statusTarget.textContent=""},this.statusDurationValue)}};a(h,"targets",["form","status"]),a(h,"values",{submitDuration:{type:Number,default:1e3},statusDuration:{type:Number,default:2e3},submittingText:{type:String,default:"Saving..."},successText:{type:String,default:"Saved!"},errorText:{type:String,default:"Unable to save."}});var y=require("@hotwired/stimulus");var u=class extends y.Controller{update(){this.preview=this.colorTarget.value}set preview(t){this.previewTarget.style[this.styleValue]=t;let e=this._getContrastYIQ(t);this.styleValue==="color"?this.previewTarget.style.backgroundColor=e:this.previewTarget.style.color=e}_getContrastYIQ(t){t=t.replace("#","");let e=128,s=parseInt(t.substr(0,2),16),o=parseInt(t.substr(2,2),16),i=parseInt(t.substr(4,2),16);return(s*299+o*587+i*114)/1e3>=e?"#000":"#fff"}};a(u,"targets",["preview","color"]),a(u,"values",{style:{type:String,default:"backgroundColor"}});var L=require("@hotwired/stimulus");var r=class extends L.Controller{connect(){document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}openValueChanged(){n(this.menuTarget,this.openValue,this.transitionOptions),this.openValue===!0&&this.hasMenuItemTarget&&this.menuItemTargets[0].focus()}show(){this.openValue=!0}close(){this.openValue=!1}hide(t){this.closeOnClickOutsideValue&&t.target.nodeType&&this.element.contains(t.target)===!1&&this.openValue&&(this.openValue=!1),this.closeOnEscapeValue&&t.key==="Escape"&&this.openValue&&(this.openValue=!1)}toggle(){this.openValue=!this.openValue}nextItem(t){t.preventDefault(),this.menuItemTargets[this.nextIndex].focus()}previousItem(t){t.preventDefault(),this.menuItemTargets[this.previousIndex].focus()}get currentItemIndex(){return this.menuItemTargets.indexOf(document.activeElement)}get nextIndex(){return Math.min(this.currentItemIndex+1,this.menuItemTargets.length-1)}get previousIndex(){return Math.max(this.currentItemIndex-1,0)}get transitionOptions(){return{enter:this.hasEnterClass?this.enterClass:"transition ease-out duration-100",enterFrom:this.hasEnterFromClass?this.enterFromClass:"transform opacity-0 scale-95",enterTo:this.hasEnterToClass?this.enterToClass:"transform opacity-100 scale-100",leave:this.hasLeaveClass?this.leaveClass:"transition ease-in duration-75",leaveFrom:this.hasLeaveFromClass?this.leaveFromClass:"transform opacity-100 scale-100",leaveTo:this.hasLeaveToClass?this.leaveToClass:"transform opacity-0 scale-95",toggleClass:this.hasToggleClass?this.toggleClass:"hidden"}}beforeCache(){this.openValue=!1,this.menuTarget.classList.add("hidden")}};a(r,"targets",["menu","button","menuItem"]),a(r,"values",{open:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0}}),a(r,"classes",["enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","toggle"]);var A=require("@hotwired/stimulus");var c=class extends A.Controller{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}show(){this.dialogTarget.show()}beforeCache(){this.close()}};a(c,"targets",["dialog"]),a(c,"values",{open:Boolean});var w=require("@hotwired/stimulus");var d=class extends w.Controller{openValueChanged(){n(this.contentTarget,this.openValue),this.shouldAutoDismiss&&this.scheduleDismissal()}show(t){this.shouldAutoDismiss&&this.scheduleDismissal(),this.openValue=!0}hide(){this.openValue=!1}toggle(){this.openValue=!this.openValue}get shouldAutoDismiss(){return this.openValue&&this.hasDismissAfterValue}scheduleDismissal(){this.hasDismissAfterValue&&(this.cancelDismissal(),this.timeoutId=setTimeout(()=>{this.hide(),this.timeoutId=void 0},this.dismissAfterValue))}cancelDismissal(){typeof this.timeoutId=="number"&&(clearTimeout(this.timeoutId),this.timeoutId=void 0)}};a(d,"targets",["content"]),a(d,"values",{dismissAfter:Number,open:{type:Boolean,default:!1}});var D=require("@hotwired/stimulus");var m=class extends D.Controller{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}beforeCache(){this.close()}};a(m,"targets",["dialog"]),a(m,"values",{open:Boolean});var E=require("@hotwired/stimulus");var l=class extends E.Controller{initialize(){this.anchor&&(this.indexValue=this.tabTargets.findIndex(t=>t.id===this.anchor))}connect(){this.showTab()}change(t){t.currentTarget.tagName==="SELECT"?this.indexValue=t.currentTarget.selectedIndex:t.currentTarget.dataset.index?this.indexValue=t.currentTarget.dataset.index:t.currentTarget.dataset.id?this.indexValue=this.tabTargets.findIndex(e=>e.id==t.currentTarget.dataset.id):this.indexValue=this.tabTargets.indexOf(t.currentTarget)}nextTab(){this.indexValue=Math.min(this.indexValue+1,this.tabsCount-1)}previousTab(){this.indexValue=Math.max(this.indexValue-1,0)}firstTab(){this.indexValue=0}lastTab(){this.indexValue=this.tabsCount-1}indexValueChanged(){if(this.showTab(),this.dispatch("tab-change",{target:this.tabTargets[this.indexValue],detail:{activeIndex:this.indexValue}}),this.updateAnchorValue){let t=this.tabTargets[this.indexValue].id;if(this.scrollToAnchorValue)location.hash=t;else{let s=window.location.href.split("#")[0]+"#"+t;history.replaceState({},document.title,s)}}}showTab(){this.panelTargets.forEach((t,e)=>{let s=this.tabTargets[e];e===this.indexValue?(t.classList.remove("hidden"),s.ariaSelected="true",s.dataset.active=!0,this.hasInactiveTabClass&&s?.classList?.remove(...this.inactiveTabClasses),this.hasActiveTabClass&&s?.classList?.add(...this.activeTabClasses)):(t.classList.add("hidden"),s.ariaSelected=null,delete s.dataset.active,this.hasActiveTabClass&&s?.classList?.remove(...this.activeTabClasses),this.hasInactiveTabClass&&s?.classList?.add(...this.inactiveTabClasses))}),this.hasSelectTarget&&(this.selectTarget.selectedIndex=this.indexValue),this.scrollActiveTabIntoViewValue&&this.scrollToActiveTab()}scrollToActiveTab(){let t=this.element.querySelector("[aria-selected]");t&&t.scrollIntoView({inline:"center"})}get tabsCount(){return this.tabTargets.length}get anchor(){return document.URL.split("#").length>1?document.URL.split("#")[1]:null}};a(l,"classes",["activeTab","inactiveTab"]),a(l,"targets",["tab","panel","select"]),a(l,"values",{index:0,updateAnchor:Boolean,scrollToAnchor:Boolean,scrollActiveTabIntoView:Boolean});var S=require("@hotwired/stimulus");var f=class extends S.Controller{toggle(t){this.openValue=!this.openValue,this.animate()}toggleInput(t){this.openValue=t.target.checked,this.animate()}hide(){this.openValue=!1,this.animate()}show(){this.openValue=!0,this.animate()}animate(){this.toggleableTargets.forEach(t=>{n(t,this.openValue)})}};a(f,"targets",["toggleable"]),a(f,"values",{open:{type:Boolean,default:!1}}); diff --git a/dist/tailwindcss-stimulus-components.cjs.map b/dist/tailwindcss-stimulus-components.cjs.map index e202986..f0253a8 100644 --- a/dist/tailwindcss-stimulus-components.cjs.map +++ b/dist/tailwindcss-stimulus-components.cjs.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../src/index.js", "../src/alert.js", "../src/transition.js", "../src/autosave.js", "../src/color_preview.js", "../src/dropdown.js", "../src/modal.js", "../src/popover.js", "../src/slideover.js", "../src/tabs.js", "../src/toggle.js"], - "sourcesContent": ["export { default as Alert } from './alert'\nexport { default as Autosave } from './autosave'\nexport { default as ColorPreview } from './color_preview'\nexport { default as Dropdown } from './dropdown'\nexport { default as Modal } from './modal'\nexport { default as Popover } from './popover'\nexport { default as Slideover } from './slideover'\nexport { default as Tabs } from './tabs'\nexport { default as Toggle } from './toggle'\n", "import { Controller } from '@hotwired/stimulus'\nimport { enter, leave } from \"./transition\"\n\nexport default class extends Controller {\n static values = {\n dismissAfter: Number,\n showDelay: { type: Number, default: 0 },\n removeDelay: { type: Number, default: 1100 }\n }\n\n connect() {\n setTimeout(() => {\n enter(this.element)\n }, this.showDelayValue)\n\n // Auto dimiss if defined\n if (this.hasDismissAfterValue) {\n setTimeout(() => {\n this.close()\n }, this.dismissAfterValue)\n }\n }\n\n // Runs hide animation and then removes element from the page\n close() {\n leave(this.element).then(() => {\n this.element.remove()\n })\n }\n}\n", "// Enter transition:\n//\n// transition(this.element, true)\n//\n// Leave transition:\n//\n// transition(this.element, false)\nexport async function transition(element, state, transitionOptions = {}) {\n if (!!state) {\n enter(element, transitionOptions)\n } else {\n leave(element, transitionOptions)\n }\n}\n\n// class=\"fixed inset-0 bg-black overflow-y-auto flex items-center justify-center bg-opacity-80 hidden\"\n// data-transition-enter=\"transition-all ease-in-out duration-300\"\n// data-transition-enter-from=\"bg-opacity-0\"\n// data-transition-enter-to=\"bg-opacity-80\"\n// data-transition-leave=\"transition-all ease-in-out duration-300\"\n// data-transition-leave-from=\"bg-opacity-80\"\n// data-transition-leave-to=\"bg-opacity-0\"\nexport async function enter(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionEnter || transitionOptions.enter || 'enter'\n const fromClasses =\n element.dataset.transitionEnterFrom || transitionOptions.enterFrom || 'enter-from'\n const toClasses = element.dataset.transitionEnterTo || transitionOptions.enterTo || 'enter-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggleClass || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n element.classList.remove(...toggleClass.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n }\n}\n\nexport async function leave(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionLeave || transitionOptions.leave || 'leave'\n const fromClasses =\n element.dataset.transitionLeaveFrom || transitionOptions.leaveFrom || 'leave-from'\n const toClasses = element.dataset.transitionLeaveTo || transitionOptions.leaveTo || 'leave-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggle || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n element.classList.add(...toggleClass.split(' '))\n }\n}\n\nfunction nextFrame() {\n return new Promise(resolve => {\n requestAnimationFrame(() => {\n requestAnimationFrame(resolve)\n })\n })\n}\n\nfunction afterTransition(element) {\n return Promise.all(element.getAnimations().map(animation => animation.finished))\n}\n", "// Form autosave\n//\n// <%= form_with(model: post, data: { controller: \"autosave\", autosave_target: \"form\", action: \"turbo:submit-end->autosave#success turbo:fetch-request-error->autosave#error\" }) do |form| %>\n//
\n// <%= form.label :title %>\n// <%= form.text_field :title, class: 'form-control', data: { action: \"keyup->autosave#save\" } %>\n//
\n//\n//
\n// <% end %>\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['form', 'status']\n static values = {\n submitDuration: {type: Number, default: 1000},\n statusDuration: {type: Number, default: 2000},\n submittingText: {type: String, default: \"Saving...\"},\n successText: {type: String, default: \"Saved!\"},\n errorText: {type: String, default: \"Unable to save.\"}\n }\n\n connect() {\n this.timeout = null\n }\n\n save() {\n clearTimeout(this.timeout)\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = this.submittingTextValue\n this.formTarget.requestSubmit()\n }, this.submitDurationValue)\n }\n\n success() {\n this.setStatus(this.successTextValue)\n }\n\n error() {\n this.setStatus(this.errorTextValue)\n }\n\n setStatus(message) {\n this.statusTarget.textContent = message\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = ''\n }, this.statusDurationValue)\n }\n}\n", "// A color picker preview where you can choose to have the color or backgroundColor\n// get updated based on the result of a color picker. It also supports ensuring\n// the foreground text is always readable by performing a YIQ calculation to\n// set the text to black or white based on the contrast of the color and backgroundColor.\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['preview', 'color'];\n static values = {\n style: {type: String, default: \"backgroundColor\"}\n }\n\n update() {\n this.preview = this.colorTarget.value\n }\n\n set preview(color) {\n this.previewTarget.style[this.styleValue] = color\n\n // Ensure the foreground text is always readable by setting either the\n // backgroundColor or color to black or white.\n const yiqColor = this._getContrastYIQ(color)\n\n if (this.styleValue === 'color') {\n this.previewTarget.style.backgroundColor = yiqColor\n } else {\n this.previewTarget.style.color = yiqColor\n }\n }\n\n _getContrastYIQ(hexColor) {\n // Taken from: https://24ways.org/2010/calculating-color-contrast/\n hexColor = hexColor.replace('#', '');\n\n const yiqThreshold = 128;\n const r = parseInt(hexColor.substr(0, 2), 16);\n const g = parseInt(hexColor.substr(2, 2), 16);\n const b = parseInt(hexColor.substr(4, 2), 16);\n const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n return (yiq >= yiqThreshold) ? '#000' : '#fff';\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = ['menu', 'button', 'menuItem']\n static values = {\n open: { type: Boolean, default: false },\n closeOnEscape: { type: Boolean, default: true },\n closeOnClickOutside: { type: Boolean, default: true }\n }\n static classes = ['enter', 'enterFrom', 'enterTo', 'leave', 'leaveFrom', 'leaveTo', 'toggle']\n\n connect() {\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n openValueChanged() {\n transition(this.menuTarget, this.openValue, this.transitionOptions)\n\n if (this.openValue === true && this.hasMenuItemTarget) {\n this.menuItemTargets[0].focus()\n }\n }\n\n show() {\n this.openValue = true\n }\n\n close() {\n this.openValue = false\n }\n\n // Closes dropdown from outside click or keyboard\n hide(event) {\n // if the event is a click and the target is not inside the dropdown, then close it\n if (\n this.closeOnClickOutsideValue &&\n event.target.nodeType &&\n this.element.contains(event.target) === false &&\n this.openValue\n ) {\n this.openValue = false\n }\n\n // if the event is a keydown and the key is escape, then close it\n if (this.closeOnEscapeValue && event.key === 'Escape' && this.openValue) {\n this.openValue = false\n }\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n nextItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.nextIndex].focus()\n }\n\n previousItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.previousIndex].focus()\n }\n\n // getters and setters\n get currentItemIndex() {\n return this.menuItemTargets.indexOf(document.activeElement)\n }\n\n get nextIndex() {\n return Math.min(this.currentItemIndex + 1, this.menuItemTargets.length - 1)\n }\n\n get previousIndex() {\n return Math.max(this.currentItemIndex - 1, 0)\n }\n\n get transitionOptions() {\n // once the Class API default values are available, we can simplify this\n return {\n enter: this.hasEnterClass ? this.enterClass : 'transition ease-out duration-100',\n enterFrom: this.hasEnterFromClass ? this.enterFromClass : 'transform opacity-0 scale-95',\n enterTo: this.hasEnterToClass ? this.enterToClass : 'transform opacity-100 scale-100',\n leave: this.hasLeaveClass ? this.leaveClass : 'transition ease-in duration-75',\n leaveFrom: this.hasLeaveFromClass ? this.leaveFromClass : 'transform opacity-100 scale-100',\n leaveTo: this.hasLeaveToClass ? this.leaveToClass : 'transform opacity-0 scale-95',\n toggleClass: this.hasToggleClass ? this.toggleClass : 'hidden',\n }\n }\n\n // Ensures the menu is hidden before Turbo caches the page\n beforeCache() {\n this.openValue = false\n this.menuTarget.classList.add(\"hidden\")\n }\n}\n", "import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n // Allows for a closing animation since display transitions don't work yet\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n // For showing non-modally\n show() {\n this.dialogTarget.show()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "// A simple inline popover to be used wherever needed, with a configurable offset.\n// Visit The Stimulus Handbook for more details\n// https://stimulusjs.org/handbook/introduction\n//\n// This example controller works with specially annotated HTML like:\n//\n//

\n// Beginning in 2015, Google introduced what is called the\n//

popover#mouseOver mouseout->popover#mouseOut\">\n// 'local snack pack',\n// \n//
\n// which shows you local search results before normal organic results.\n//

\n//\n// You can also toggle the popover using the click action.\n//
popover#toggle\" data-action=\"mouseenter->popover#show mouseleave->popover#hide\">\n\nimport { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['content']\n static values = {\n dismissAfter: Number,\n open: { type: Boolean, default: false }\n }\n\n openValueChanged() {\n transition(this.contentTarget, this.openValue)\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n }\n\n // If already true, extend the dismissal another X seconds since this will not trigger openValueChanged\n show(event) {\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n this.openValue = true\n }\n\n hide() {\n this.openValue = false\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n get shouldAutoDismiss() {\n return (this.openValue && this.hasDismissAfterValue)\n }\n\n scheduleDismissal() {\n if (!this.hasDismissAfterValue) return\n\n // Cancel any existing dismissals\n this.cancelDismissal()\n\n // Schedule the next dismissal\n this.timeoutId = setTimeout(() => {\n this.hide()\n this.timeoutId = undefined\n }, this.dismissAfterValue)\n }\n\n cancelDismissal() {\n if (typeof this.timeoutId === \"number\") {\n clearTimeout(this.timeoutId)\n this.timeoutId = undefined\n }\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static classes = [ \"activeTab\", \"inactiveTab\" ]\n static targets = ['tab', 'panel', 'select']\n static values = {\n index: 0,\n updateAnchor: Boolean,\n scrollToAnchor: Boolean,\n scrollActiveTabIntoView: Boolean\n }\n\n initialize() {\n if (this.anchor) this.indexValue = this.tabTargets.findIndex((tab) => tab.id === this.anchor)\n }\n\n connect() {\n this.showTab()\n }\n\n // Changes to the clicked tab\n change(event) {\n if (event.currentTarget.tagName === \"SELECT\") {\n this.indexValue = event.currentTarget.selectedIndex\n\n // If target specifies an index, use that\n } else if (event.currentTarget.dataset.index) {\n this.indexValue = event.currentTarget.dataset.index\n\n // If target specifies an id, use that\n } else if (event.currentTarget.dataset.id) {\n this.indexValue = this.tabTargets.findIndex((tab) => tab.id == event.currentTarget.dataset.id)\n\n // Otherwise, use the index of the current target\n } else {\n this.indexValue = this.tabTargets.indexOf(event.currentTarget)\n }\n\n }\n\n nextTab() {\n this.indexValue = Math.min(this.indexValue + 1, this.tabsCount - 1)\n }\n\n previousTab() {\n this.indexValue = Math.max(this.indexValue - 1, 0)\n }\n\n firstTab() {\n this.indexValue = 0\n }\n\n lastTab() {\n this.indexValue = this.tabsCount - 1\n }\n\n indexValueChanged() {\n this.showTab()\n this.dispatch(\"tab-change\", {\n target: this.tabTargets[this.indexValue],\n detail: {\n activeIndex: this.indexValue\n }\n })\n // Update URL with the tab ID if it has one\n // This will be automatically selected on page load\n if (this.updateAnchorValue) {\n const new_tab_id = this.tabTargets[this.indexValue].id // Grab the id from the newly activated tab\n if (this.scrollToAnchorValue){\n location.hash = new_tab_id // Use location.hash to change the URL with scrolling\n } else {\n const currentUrl = window.location.href // Get the current URL\n const newUrl = currentUrl.split('#')[0] + '#' + new_tab_id // Create a new URL with the updated ID\n history.replaceState({}, document.title, newUrl) // Use history.replaceState to change the URL without scrolling\n }\n }\n }\n\n showTab() {\n this.panelTargets.forEach((panel, index) => {\n const tab = this.tabTargets[index]\n\n if (index === this.indexValue) {\n panel.classList.remove('hidden')\n tab.ariaSelected = 'true'\n tab.dataset.active = true\n if (this.hasInactiveTabClass) tab?.classList?.remove(...this.inactiveTabClasses)\n if (this.hasActiveTabClass) tab?.classList?.add(...this.activeTabClasses)\n } else {\n panel.classList.add('hidden')\n tab.ariaSelected = null\n delete tab.dataset.active\n if (this.hasActiveTabClass) tab?.classList?.remove(...this.activeTabClasses)\n if (this.hasInactiveTabClass) tab?.classList?.add(...this.inactiveTabClasses)\n }\n })\n\n if (this.hasSelectTarget) {\n this.selectTarget.selectedIndex = this.indexValue\n }\n\n if (this.scrollActiveTabIntoViewValue) this.scrollToActiveTab()\n }\n\n // If tabs have horizontal scrolling, the active tab may be out of sight.\n // Make sure the active tab is visible by scrolling it into the view.\n scrollToActiveTab() {\n const activeTab = this.element.querySelector('[aria-selected]')\n if (activeTab) activeTab.scrollIntoView({ inline: 'center', })\n }\n\n get tabsCount() {\n return this.tabTargets.length\n }\n\n get anchor() {\n return (document.URL.split('#').length > 1) ? document.URL.split('#')[1] : null;\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['toggleable']\n static values = {\n open: { type: Boolean, default: false }\n }\n\n toggle(event) {\n this.openValue = !this.openValue\n this.animate()\n }\n\n // Sets open to value of checkbox or radio\n toggleInput(event) {\n this.openValue = event.target.checked\n this.animate()\n }\n\n hide() {\n this.openValue = false\n this.animate()\n }\n\n show() {\n this.openValue = true\n this.animate()\n }\n\n animate() {\n this.toggleableTargets.forEach(target => {\n transition(target, this.openValue)\n })\n }\n}\n"], - "mappings": "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", + "sourcesContent": ["export { default as Alert } from './alert'\nexport { default as Autosave } from './autosave'\nexport { default as ColorPreview } from './color_preview'\nexport { default as Dropdown } from './dropdown'\nexport { default as Modal } from './modal'\nexport { default as Popover } from './popover'\nexport { default as Slideover } from './slideover'\nexport { default as Tabs } from './tabs'\nexport { default as Toggle } from './toggle'\n", "import { Controller } from '@hotwired/stimulus'\nimport { enter, leave } from \"./transition\"\n\nexport default class extends Controller {\n static values = {\n dismissAfter: Number,\n showDelay: { type: Number, default: 0 },\n }\n\n connect() {\n setTimeout(() => {\n enter(this.element)\n }, this.showDelayValue)\n\n // Auto dimiss if defined\n if (this.hasDismissAfterValue) {\n setTimeout(() => {\n this.close()\n }, this.dismissAfterValue)\n }\n }\n\n // Runs hide animation and then removes element from the page\n close() {\n leave(this.element).then(() => {\n this.element.remove()\n })\n }\n}\n", "// Enter transition:\n//\n// transition(this.element, true)\n//\n// Leave transition:\n//\n// transition(this.element, false)\nexport async function transition(element, state, transitionOptions = {}) {\n if (!!state) {\n enter(element, transitionOptions)\n } else {\n leave(element, transitionOptions)\n }\n}\n\n// class=\"fixed inset-0 bg-black overflow-y-auto flex items-center justify-center bg-opacity-80 hidden\"\n// data-transition-enter=\"transition-all ease-in-out duration-300\"\n// data-transition-enter-from=\"bg-opacity-0\"\n// data-transition-enter-to=\"bg-opacity-80\"\n// data-transition-leave=\"transition-all ease-in-out duration-300\"\n// data-transition-leave-from=\"bg-opacity-80\"\n// data-transition-leave-to=\"bg-opacity-0\"\nexport async function enter(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionEnter || transitionOptions.enter || 'enter'\n const fromClasses =\n element.dataset.transitionEnterFrom || transitionOptions.enterFrom || 'enter-from'\n const toClasses = element.dataset.transitionEnterTo || transitionOptions.enterTo || 'enter-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggleClass || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n element.classList.remove(...toggleClass.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n }\n}\n\nexport async function leave(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionLeave || transitionOptions.leave || 'leave'\n const fromClasses =\n element.dataset.transitionLeaveFrom || transitionOptions.leaveFrom || 'leave-from'\n const toClasses = element.dataset.transitionLeaveTo || transitionOptions.leaveTo || 'leave-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggle || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n element.classList.add(...toggleClass.split(' '))\n }\n}\n\nfunction nextFrame() {\n return new Promise(resolve => {\n requestAnimationFrame(() => {\n requestAnimationFrame(resolve)\n })\n })\n}\n\nfunction afterTransition(element) {\n return Promise.all(element.getAnimations().map(animation => animation.finished))\n}\n", "// Form autosave\n//\n// <%= form_with(model: post, data: { controller: \"autosave\", autosave_target: \"form\", action: \"turbo:submit-end->autosave#success turbo:fetch-request-error->autosave#error\" }) do |form| %>\n//
\n// <%= form.label :title %>\n// <%= form.text_field :title, class: 'form-control', data: { action: \"keyup->autosave#save\" } %>\n//
\n//\n//
\n// <% end %>\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['form', 'status']\n static values = {\n submitDuration: {type: Number, default: 1000},\n statusDuration: {type: Number, default: 2000},\n submittingText: {type: String, default: \"Saving...\"},\n successText: {type: String, default: \"Saved!\"},\n errorText: {type: String, default: \"Unable to save.\"}\n }\n\n connect() {\n this.timeout = null\n }\n\n save() {\n clearTimeout(this.timeout)\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = this.submittingTextValue\n this.formTarget.requestSubmit()\n }, this.submitDurationValue)\n }\n\n success() {\n this.setStatus(this.successTextValue)\n }\n\n error() {\n this.setStatus(this.errorTextValue)\n }\n\n setStatus(message) {\n this.statusTarget.textContent = message\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = ''\n }, this.statusDurationValue)\n }\n}\n", "// A color picker preview where you can choose to have the color or backgroundColor\n// get updated based on the result of a color picker. It also supports ensuring\n// the foreground text is always readable by performing a YIQ calculation to\n// set the text to black or white based on the contrast of the color and backgroundColor.\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['preview', 'color'];\n static values = {\n style: {type: String, default: \"backgroundColor\"}\n }\n\n update() {\n this.preview = this.colorTarget.value\n }\n\n set preview(color) {\n this.previewTarget.style[this.styleValue] = color\n\n // Ensure the foreground text is always readable by setting either the\n // backgroundColor or color to black or white.\n const yiqColor = this._getContrastYIQ(color)\n\n if (this.styleValue === 'color') {\n this.previewTarget.style.backgroundColor = yiqColor\n } else {\n this.previewTarget.style.color = yiqColor\n }\n }\n\n _getContrastYIQ(hexColor) {\n // Taken from: https://24ways.org/2010/calculating-color-contrast/\n hexColor = hexColor.replace('#', '');\n\n const yiqThreshold = 128;\n const r = parseInt(hexColor.substr(0, 2), 16);\n const g = parseInt(hexColor.substr(2, 2), 16);\n const b = parseInt(hexColor.substr(4, 2), 16);\n const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n return (yiq >= yiqThreshold) ? '#000' : '#fff';\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = ['menu', 'button', 'menuItem']\n static values = {\n open: { type: Boolean, default: false },\n closeOnEscape: { type: Boolean, default: true },\n closeOnClickOutside: { type: Boolean, default: true }\n }\n static classes = ['enter', 'enterFrom', 'enterTo', 'leave', 'leaveFrom', 'leaveTo', 'toggle']\n\n connect() {\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n openValueChanged() {\n transition(this.menuTarget, this.openValue, this.transitionOptions)\n\n if (this.openValue === true && this.hasMenuItemTarget) {\n this.menuItemTargets[0].focus()\n }\n }\n\n show() {\n this.openValue = true\n }\n\n close() {\n this.openValue = false\n }\n\n // Closes dropdown from outside click or keyboard\n hide(event) {\n // if the event is a click and the target is not inside the dropdown, then close it\n if (\n this.closeOnClickOutsideValue &&\n event.target.nodeType &&\n this.element.contains(event.target) === false &&\n this.openValue\n ) {\n this.openValue = false\n }\n\n // if the event is a keydown and the key is escape, then close it\n if (this.closeOnEscapeValue && event.key === 'Escape' && this.openValue) {\n this.openValue = false\n }\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n nextItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.nextIndex].focus()\n }\n\n previousItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.previousIndex].focus()\n }\n\n // getters and setters\n get currentItemIndex() {\n return this.menuItemTargets.indexOf(document.activeElement)\n }\n\n get nextIndex() {\n return Math.min(this.currentItemIndex + 1, this.menuItemTargets.length - 1)\n }\n\n get previousIndex() {\n return Math.max(this.currentItemIndex - 1, 0)\n }\n\n get transitionOptions() {\n // once the Class API default values are available, we can simplify this\n return {\n enter: this.hasEnterClass ? this.enterClass : 'transition ease-out duration-100',\n enterFrom: this.hasEnterFromClass ? this.enterFromClass : 'transform opacity-0 scale-95',\n enterTo: this.hasEnterToClass ? this.enterToClass : 'transform opacity-100 scale-100',\n leave: this.hasLeaveClass ? this.leaveClass : 'transition ease-in duration-75',\n leaveFrom: this.hasLeaveFromClass ? this.leaveFromClass : 'transform opacity-100 scale-100',\n leaveTo: this.hasLeaveToClass ? this.leaveToClass : 'transform opacity-0 scale-95',\n toggleClass: this.hasToggleClass ? this.toggleClass : 'hidden',\n }\n }\n\n // Ensures the menu is hidden before Turbo caches the page\n beforeCache() {\n this.openValue = false\n this.menuTarget.classList.add(\"hidden\")\n }\n}\n", "import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n // Allows for a closing animation since display transitions don't work yet\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n // For showing non-modally\n show() {\n this.dialogTarget.show()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "// A simple inline popover to be used wherever needed, with a configurable offset.\n// Visit The Stimulus Handbook for more details\n// https://stimulusjs.org/handbook/introduction\n//\n// This example controller works with specially annotated HTML like:\n//\n//

\n// Beginning in 2015, Google introduced what is called the\n//

popover#mouseOver mouseout->popover#mouseOut\">\n// 'local snack pack',\n// \n//
\n// which shows you local search results before normal organic results.\n//

\n//\n// You can also toggle the popover using the click action.\n//
popover#toggle\" data-action=\"mouseenter->popover#show mouseleave->popover#hide\">\n\nimport { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['content']\n static values = {\n dismissAfter: Number,\n open: { type: Boolean, default: false }\n }\n\n openValueChanged() {\n transition(this.contentTarget, this.openValue)\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n }\n\n // If already true, extend the dismissal another X seconds since this will not trigger openValueChanged\n show(event) {\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n this.openValue = true\n }\n\n hide() {\n this.openValue = false\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n get shouldAutoDismiss() {\n return (this.openValue && this.hasDismissAfterValue)\n }\n\n scheduleDismissal() {\n if (!this.hasDismissAfterValue) return\n\n // Cancel any existing dismissals\n this.cancelDismissal()\n\n // Schedule the next dismissal\n this.timeoutId = setTimeout(() => {\n this.hide()\n this.timeoutId = undefined\n }, this.dismissAfterValue)\n }\n\n cancelDismissal() {\n if (typeof this.timeoutId === \"number\") {\n clearTimeout(this.timeoutId)\n this.timeoutId = undefined\n }\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static classes = [ \"activeTab\", \"inactiveTab\" ]\n static targets = ['tab', 'panel', 'select']\n static values = {\n index: 0,\n updateAnchor: Boolean,\n scrollToAnchor: Boolean,\n scrollActiveTabIntoView: Boolean\n }\n\n initialize() {\n if (this.anchor) this.indexValue = this.tabTargets.findIndex((tab) => tab.id === this.anchor)\n }\n\n connect() {\n this.showTab()\n }\n\n // Changes to the clicked tab\n change(event) {\n if (event.currentTarget.tagName === \"SELECT\") {\n this.indexValue = event.currentTarget.selectedIndex\n\n // If target specifies an index, use that\n } else if (event.currentTarget.dataset.index) {\n this.indexValue = event.currentTarget.dataset.index\n\n // If target specifies an id, use that\n } else if (event.currentTarget.dataset.id) {\n this.indexValue = this.tabTargets.findIndex((tab) => tab.id == event.currentTarget.dataset.id)\n\n // Otherwise, use the index of the current target\n } else {\n this.indexValue = this.tabTargets.indexOf(event.currentTarget)\n }\n\n }\n\n nextTab() {\n this.indexValue = Math.min(this.indexValue + 1, this.tabsCount - 1)\n }\n\n previousTab() {\n this.indexValue = Math.max(this.indexValue - 1, 0)\n }\n\n firstTab() {\n this.indexValue = 0\n }\n\n lastTab() {\n this.indexValue = this.tabsCount - 1\n }\n\n indexValueChanged() {\n this.showTab()\n this.dispatch(\"tab-change\", {\n target: this.tabTargets[this.indexValue],\n detail: {\n activeIndex: this.indexValue\n }\n })\n // Update URL with the tab ID if it has one\n // This will be automatically selected on page load\n if (this.updateAnchorValue) {\n const new_tab_id = this.tabTargets[this.indexValue].id // Grab the id from the newly activated tab\n if (this.scrollToAnchorValue){\n location.hash = new_tab_id // Use location.hash to change the URL with scrolling\n } else {\n const currentUrl = window.location.href // Get the current URL\n const newUrl = currentUrl.split('#')[0] + '#' + new_tab_id // Create a new URL with the updated ID\n history.replaceState({}, document.title, newUrl) // Use history.replaceState to change the URL without scrolling\n }\n }\n }\n\n showTab() {\n this.panelTargets.forEach((panel, index) => {\n const tab = this.tabTargets[index]\n\n if (index === this.indexValue) {\n panel.classList.remove('hidden')\n tab.ariaSelected = 'true'\n tab.dataset.active = true\n if (this.hasInactiveTabClass) tab?.classList?.remove(...this.inactiveTabClasses)\n if (this.hasActiveTabClass) tab?.classList?.add(...this.activeTabClasses)\n } else {\n panel.classList.add('hidden')\n tab.ariaSelected = null\n delete tab.dataset.active\n if (this.hasActiveTabClass) tab?.classList?.remove(...this.activeTabClasses)\n if (this.hasInactiveTabClass) tab?.classList?.add(...this.inactiveTabClasses)\n }\n })\n\n if (this.hasSelectTarget) {\n this.selectTarget.selectedIndex = this.indexValue\n }\n\n if (this.scrollActiveTabIntoViewValue) this.scrollToActiveTab()\n }\n\n // If tabs have horizontal scrolling, the active tab may be out of sight.\n // Make sure the active tab is visible by scrolling it into the view.\n scrollToActiveTab() {\n const activeTab = this.element.querySelector('[aria-selected]')\n if (activeTab) activeTab.scrollIntoView({ inline: 'center', })\n }\n\n get tabsCount() {\n return this.tabTargets.length\n }\n\n get anchor() {\n return (document.URL.split('#').length > 1) ? document.URL.split('#')[1] : null;\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['toggleable']\n static values = {\n open: { type: Boolean, default: false }\n }\n\n toggle(event) {\n this.openValue = !this.openValue\n this.animate()\n }\n\n // Sets open to value of checkbox or radio\n toggleInput(event) {\n this.openValue = event.target.checked\n this.animate()\n }\n\n hide() {\n this.openValue = false\n this.animate()\n }\n\n show() {\n this.openValue = true\n this.animate()\n }\n\n animate() {\n this.toggleableTargets.forEach(target => {\n transition(target, this.openValue)\n })\n }\n}\n"], + "mappings": "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", "names": ["src_exports", "__export", "alert_default", "autosave_default", "color_preview_default", "dropdown_default", "modal_default", "popover_default", "slideover_default", "tabs_default", "toggle_default", "__toCommonJS", "import_stimulus", "transition", "element", "state", "transitionOptions", "enter", "leave", "transitionClasses", "fromClasses", "toClasses", "toggleClass", "nextFrame", "afterTransition", "resolve", "animation", "alert_default", "enter", "leave", "__publicField", "import_stimulus", "autosave_default", "message", "__publicField", "import_stimulus", "color_preview_default", "color", "yiqColor", "hexColor", "yiqThreshold", "r", "g", "b", "__publicField", "import_stimulus", "dropdown_default", "transition", "event", "__publicField", "import_stimulus", "modal_default", "animation", "event", "__publicField", "import_stimulus", "popover_default", "transition", "event", "__publicField", "import_stimulus", "slideover_default", "animation", "event", "__publicField", "import_stimulus", "tabs_default", "tab", "event", "new_tab_id", "newUrl", "panel", "index", "activeTab", "__publicField", "import_stimulus", "toggle_default", "event", "target", "transition", "__publicField"] } diff --git a/dist/tailwindcss-stimulus-components.module.js b/dist/tailwindcss-stimulus-components.module.js index 9a990d2..2128d29 100644 --- a/dist/tailwindcss-stimulus-components.module.js +++ b/dist/tailwindcss-stimulus-components.module.js @@ -1 +1 @@ -var C=Object.defineProperty;var V=(t,e,a)=>e in t?C(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a;var s=(t,e,a)=>(V(t,typeof e!="symbol"?e+"":e,a),a);import{Controller as y}from"@hotwired/stimulus";async function r(t,e,a={}){e?T(t,a):b(t,a)}async function T(t,e={}){let a=t.dataset.transitionEnter||e.enter||"enter",i=t.dataset.transitionEnterFrom||e.enterFrom||"enter-from",o=t.dataset.transitionEnterTo||e.enterTo||"enter-to",g=t.dataset.toggleClass||e.toggleClass||"hidden";t.classList.add(...a.split(" ")),t.classList.add(...i.split(" ")),t.classList.remove(...o.split(" ")),t.classList.remove(...g.split(" ")),await v(),t.classList.remove(...i.split(" ")),t.classList.add(...o.split(" "));try{await x(t)}finally{t.classList.remove(...a.split(" "))}}async function b(t,e={}){let a=t.dataset.transitionLeave||e.leave||"leave",i=t.dataset.transitionLeaveFrom||e.leaveFrom||"leave-from",o=t.dataset.transitionLeaveTo||e.leaveTo||"leave-to",g=t.dataset.toggleClass||e.toggle||"hidden";t.classList.add(...a.split(" ")),t.classList.add(...i.split(" ")),t.classList.remove(...o.split(" ")),await v(),t.classList.remove(...i.split(" ")),t.classList.add(...o.split(" "));try{await x(t)}finally{t.classList.remove(...a.split(" ")),t.classList.add(...g.split(" "))}}function v(){return new Promise(t=>{requestAnimationFrame(()=>{requestAnimationFrame(t)})})}function x(t){return Promise.all(t.getAnimations().map(e=>e.finished))}var p=class extends y{connect(){setTimeout(()=>{T(this.element)},this.showDelayValue),this.hasDismissAfterValue&&setTimeout(()=>{this.close()},this.dismissAfterValue)}close(){b(this.element).then(()=>{this.element.remove()})}};s(p,"values",{dismissAfter:Number,showDelay:{type:Number,default:0},removeDelay:{type:Number,default:1100}});import{Controller as I}from"@hotwired/stimulus";var h=class extends I{connect(){this.timeout=null}save(){clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.statusTarget.textContent=this.submittingTextValue,this.formTarget.requestSubmit()},this.submitDurationValue)}success(){this.setStatus(this.successTextValue)}error(){this.setStatus(this.errorTextValue)}setStatus(t){this.statusTarget.textContent=t,this.timeout=setTimeout(()=>{this.statusTarget.textContent=""},this.statusDurationValue)}};s(h,"targets",["form","status"]),s(h,"values",{submitDuration:{type:Number,default:1e3},statusDuration:{type:Number,default:2e3},submittingText:{type:String,default:"Saving..."},successText:{type:String,default:"Saved!"},errorText:{type:String,default:"Unable to save."}});import{Controller as L}from"@hotwired/stimulus";var u=class extends L{update(){this.preview=this.colorTarget.value}set preview(t){this.previewTarget.style[this.styleValue]=t;let e=this._getContrastYIQ(t);this.styleValue==="color"?this.previewTarget.style.backgroundColor=e:this.previewTarget.style.color=e}_getContrastYIQ(t){t=t.replace("#","");let e=128,a=parseInt(t.substr(0,2),16),i=parseInt(t.substr(2,2),16),o=parseInt(t.substr(4,2),16);return(a*299+i*587+o*114)/1e3>=e?"#000":"#fff"}};s(u,"targets",["preview","color"]),s(u,"values",{style:{type:String,default:"backgroundColor"}});import{Controller as A}from"@hotwired/stimulus";var l=class extends A{connect(){document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}openValueChanged(){r(this.menuTarget,this.openValue,this.transitionOptions),this.openValue===!0&&this.hasMenuItemTarget&&this.menuItemTargets[0].focus()}show(){this.openValue=!0}close(){this.openValue=!1}hide(t){this.closeOnClickOutsideValue&&t.target.nodeType&&this.element.contains(t.target)===!1&&this.openValue&&(this.openValue=!1),this.closeOnEscapeValue&&t.key==="Escape"&&this.openValue&&(this.openValue=!1)}toggle(){this.openValue=!this.openValue}nextItem(t){t.preventDefault(),this.menuItemTargets[this.nextIndex].focus()}previousItem(t){t.preventDefault(),this.menuItemTargets[this.previousIndex].focus()}get currentItemIndex(){return this.menuItemTargets.indexOf(document.activeElement)}get nextIndex(){return Math.min(this.currentItemIndex+1,this.menuItemTargets.length-1)}get previousIndex(){return Math.max(this.currentItemIndex-1,0)}get transitionOptions(){return{enter:this.hasEnterClass?this.enterClass:"transition ease-out duration-100",enterFrom:this.hasEnterFromClass?this.enterFromClass:"transform opacity-0 scale-95",enterTo:this.hasEnterToClass?this.enterToClass:"transform opacity-100 scale-100",leave:this.hasLeaveClass?this.leaveClass:"transition ease-in duration-75",leaveFrom:this.hasLeaveFromClass?this.leaveFromClass:"transform opacity-100 scale-100",leaveTo:this.hasLeaveToClass?this.leaveToClass:"transform opacity-0 scale-95",toggleClass:this.hasToggleClass?this.toggleClass:"hidden"}}beforeCache(){this.openValue=!1,this.menuTarget.classList.add("hidden")}};s(l,"targets",["menu","button","menuItem"]),s(l,"values",{open:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0}}),s(l,"classes",["enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","toggle"]);import{Controller as w}from"@hotwired/stimulus";var c=class extends w{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}show(){this.dialogTarget.show()}beforeCache(){this.close()}};s(c,"targets",["dialog"]),s(c,"values",{open:Boolean});import{Controller as D}from"@hotwired/stimulus";var d=class extends D{openValueChanged(){r(this.contentTarget,this.openValue),this.shouldAutoDismiss&&this.scheduleDismissal()}show(t){this.shouldAutoDismiss&&this.scheduleDismissal(),this.openValue=!0}hide(){this.openValue=!1}toggle(){this.openValue=!this.openValue}get shouldAutoDismiss(){return this.openValue&&this.hasDismissAfterValue}scheduleDismissal(){this.hasDismissAfterValue&&(this.cancelDismissal(),this.timeoutId=setTimeout(()=>{this.hide(),this.timeoutId=void 0},this.dismissAfterValue))}cancelDismissal(){typeof this.timeoutId=="number"&&(clearTimeout(this.timeoutId),this.timeoutId=void 0)}};s(d,"targets",["content"]),s(d,"values",{dismissAfter:Number,open:{type:Boolean,default:!1}});import{Controller as E}from"@hotwired/stimulus";var m=class extends E{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}beforeCache(){this.close()}};s(m,"targets",["dialog"]),s(m,"values",{open:Boolean});import{Controller as S}from"@hotwired/stimulus";var n=class extends S{initialize(){this.anchor&&(this.indexValue=this.tabTargets.findIndex(t=>t.id===this.anchor))}connect(){this.showTab()}change(t){t.currentTarget.tagName==="SELECT"?this.indexValue=t.currentTarget.selectedIndex:t.currentTarget.dataset.index?this.indexValue=t.currentTarget.dataset.index:t.currentTarget.dataset.id?this.indexValue=this.tabTargets.findIndex(e=>e.id==t.currentTarget.dataset.id):this.indexValue=this.tabTargets.indexOf(t.currentTarget)}nextTab(){this.indexValue=Math.min(this.indexValue+1,this.tabsCount-1)}previousTab(){this.indexValue=Math.max(this.indexValue-1,0)}firstTab(){this.indexValue=0}lastTab(){this.indexValue=this.tabsCount-1}indexValueChanged(){if(this.showTab(),this.dispatch("tab-change",{target:this.tabTargets[this.indexValue],detail:{activeIndex:this.indexValue}}),this.updateAnchorValue){let t=this.tabTargets[this.indexValue].id;if(this.scrollToAnchorValue)location.hash=t;else{let a=window.location.href.split("#")[0]+"#"+t;history.replaceState({},document.title,a)}}}showTab(){this.panelTargets.forEach((t,e)=>{let a=this.tabTargets[e];e===this.indexValue?(t.classList.remove("hidden"),a.ariaSelected="true",a.dataset.active=!0,this.hasInactiveTabClass&&a?.classList?.remove(...this.inactiveTabClasses),this.hasActiveTabClass&&a?.classList?.add(...this.activeTabClasses)):(t.classList.add("hidden"),a.ariaSelected=null,delete a.dataset.active,this.hasActiveTabClass&&a?.classList?.remove(...this.activeTabClasses),this.hasInactiveTabClass&&a?.classList?.add(...this.inactiveTabClasses))}),this.hasSelectTarget&&(this.selectTarget.selectedIndex=this.indexValue),this.scrollActiveTabIntoViewValue&&this.scrollToActiveTab()}scrollToActiveTab(){let t=this.element.querySelector("[aria-selected]");t&&t.scrollIntoView({inline:"center"})}get tabsCount(){return this.tabTargets.length}get anchor(){return document.URL.split("#").length>1?document.URL.split("#")[1]:null}};s(n,"classes",["activeTab","inactiveTab"]),s(n,"targets",["tab","panel","select"]),s(n,"values",{index:0,updateAnchor:Boolean,scrollToAnchor:Boolean,scrollActiveTabIntoView:Boolean});import{Controller as F}from"@hotwired/stimulus";var f=class extends F{toggle(t){this.openValue=!this.openValue,this.animate()}toggleInput(t){this.openValue=t.target.checked,this.animate()}hide(){this.openValue=!1,this.animate()}show(){this.openValue=!0,this.animate()}animate(){this.toggleableTargets.forEach(t=>{r(t,this.openValue)})}};s(f,"targets",["toggleable"]),s(f,"values",{open:{type:Boolean,default:!1}});export{p as Alert,h as Autosave,u as ColorPreview,l as Dropdown,c as Modal,d as Popover,m as Slideover,n as Tabs,f as Toggle}; +var C=Object.defineProperty;var V=(t,e,a)=>e in t?C(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a;var s=(t,e,a)=>(V(t,typeof e!="symbol"?e+"":e,a),a);import{Controller as I}from"@hotwired/stimulus";async function r(t,e,a={}){e?T(t,a):b(t,a)}async function T(t,e={}){let a=t.dataset.transitionEnter||e.enter||"enter",i=t.dataset.transitionEnterFrom||e.enterFrom||"enter-from",o=t.dataset.transitionEnterTo||e.enterTo||"enter-to",g=t.dataset.toggleClass||e.toggleClass||"hidden";t.classList.add(...a.split(" ")),t.classList.add(...i.split(" ")),t.classList.remove(...o.split(" ")),t.classList.remove(...g.split(" ")),await v(),t.classList.remove(...i.split(" ")),t.classList.add(...o.split(" "));try{await x(t)}finally{t.classList.remove(...a.split(" "))}}async function b(t,e={}){let a=t.dataset.transitionLeave||e.leave||"leave",i=t.dataset.transitionLeaveFrom||e.leaveFrom||"leave-from",o=t.dataset.transitionLeaveTo||e.leaveTo||"leave-to",g=t.dataset.toggleClass||e.toggle||"hidden";t.classList.add(...a.split(" ")),t.classList.add(...i.split(" ")),t.classList.remove(...o.split(" ")),await v(),t.classList.remove(...i.split(" ")),t.classList.add(...o.split(" "));try{await x(t)}finally{t.classList.remove(...a.split(" ")),t.classList.add(...g.split(" "))}}function v(){return new Promise(t=>{requestAnimationFrame(()=>{requestAnimationFrame(t)})})}function x(t){return Promise.all(t.getAnimations().map(e=>e.finished))}var p=class extends I{connect(){setTimeout(()=>{T(this.element)},this.showDelayValue),this.hasDismissAfterValue&&setTimeout(()=>{this.close()},this.dismissAfterValue)}close(){b(this.element).then(()=>{this.element.remove()})}};s(p,"values",{dismissAfter:Number,showDelay:{type:Number,default:0}});import{Controller as y}from"@hotwired/stimulus";var h=class extends y{connect(){this.timeout=null}save(){clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.statusTarget.textContent=this.submittingTextValue,this.formTarget.requestSubmit()},this.submitDurationValue)}success(){this.setStatus(this.successTextValue)}error(){this.setStatus(this.errorTextValue)}setStatus(t){this.statusTarget.textContent=t,this.timeout=setTimeout(()=>{this.statusTarget.textContent=""},this.statusDurationValue)}};s(h,"targets",["form","status"]),s(h,"values",{submitDuration:{type:Number,default:1e3},statusDuration:{type:Number,default:2e3},submittingText:{type:String,default:"Saving..."},successText:{type:String,default:"Saved!"},errorText:{type:String,default:"Unable to save."}});import{Controller as L}from"@hotwired/stimulus";var u=class extends L{update(){this.preview=this.colorTarget.value}set preview(t){this.previewTarget.style[this.styleValue]=t;let e=this._getContrastYIQ(t);this.styleValue==="color"?this.previewTarget.style.backgroundColor=e:this.previewTarget.style.color=e}_getContrastYIQ(t){t=t.replace("#","");let e=128,a=parseInt(t.substr(0,2),16),i=parseInt(t.substr(2,2),16),o=parseInt(t.substr(4,2),16);return(a*299+i*587+o*114)/1e3>=e?"#000":"#fff"}};s(u,"targets",["preview","color"]),s(u,"values",{style:{type:String,default:"backgroundColor"}});import{Controller as A}from"@hotwired/stimulus";var l=class extends A{connect(){document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}openValueChanged(){r(this.menuTarget,this.openValue,this.transitionOptions),this.openValue===!0&&this.hasMenuItemTarget&&this.menuItemTargets[0].focus()}show(){this.openValue=!0}close(){this.openValue=!1}hide(t){this.closeOnClickOutsideValue&&t.target.nodeType&&this.element.contains(t.target)===!1&&this.openValue&&(this.openValue=!1),this.closeOnEscapeValue&&t.key==="Escape"&&this.openValue&&(this.openValue=!1)}toggle(){this.openValue=!this.openValue}nextItem(t){t.preventDefault(),this.menuItemTargets[this.nextIndex].focus()}previousItem(t){t.preventDefault(),this.menuItemTargets[this.previousIndex].focus()}get currentItemIndex(){return this.menuItemTargets.indexOf(document.activeElement)}get nextIndex(){return Math.min(this.currentItemIndex+1,this.menuItemTargets.length-1)}get previousIndex(){return Math.max(this.currentItemIndex-1,0)}get transitionOptions(){return{enter:this.hasEnterClass?this.enterClass:"transition ease-out duration-100",enterFrom:this.hasEnterFromClass?this.enterFromClass:"transform opacity-0 scale-95",enterTo:this.hasEnterToClass?this.enterToClass:"transform opacity-100 scale-100",leave:this.hasLeaveClass?this.leaveClass:"transition ease-in duration-75",leaveFrom:this.hasLeaveFromClass?this.leaveFromClass:"transform opacity-100 scale-100",leaveTo:this.hasLeaveToClass?this.leaveToClass:"transform opacity-0 scale-95",toggleClass:this.hasToggleClass?this.toggleClass:"hidden"}}beforeCache(){this.openValue=!1,this.menuTarget.classList.add("hidden")}};s(l,"targets",["menu","button","menuItem"]),s(l,"values",{open:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0}}),s(l,"classes",["enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","toggle"]);import{Controller as w}from"@hotwired/stimulus";var c=class extends w{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}show(){this.dialogTarget.show()}beforeCache(){this.close()}};s(c,"targets",["dialog"]),s(c,"values",{open:Boolean});import{Controller as D}from"@hotwired/stimulus";var d=class extends D{openValueChanged(){r(this.contentTarget,this.openValue),this.shouldAutoDismiss&&this.scheduleDismissal()}show(t){this.shouldAutoDismiss&&this.scheduleDismissal(),this.openValue=!0}hide(){this.openValue=!1}toggle(){this.openValue=!this.openValue}get shouldAutoDismiss(){return this.openValue&&this.hasDismissAfterValue}scheduleDismissal(){this.hasDismissAfterValue&&(this.cancelDismissal(),this.timeoutId=setTimeout(()=>{this.hide(),this.timeoutId=void 0},this.dismissAfterValue))}cancelDismissal(){typeof this.timeoutId=="number"&&(clearTimeout(this.timeoutId),this.timeoutId=void 0)}};s(d,"targets",["content"]),s(d,"values",{dismissAfter:Number,open:{type:Boolean,default:!1}});import{Controller as E}from"@hotwired/stimulus";var m=class extends E{connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-cache",this.beforeCache.bind(this))}disconnect(){document.removeEventListener("turbo:before-cache",this.beforeCache.bind(this))}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map(t=>t.finished)).then(()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()})}backdropClose(t){t.target.nodeName=="DIALOG"&&this.close()}beforeCache(){this.close()}};s(m,"targets",["dialog"]),s(m,"values",{open:Boolean});import{Controller as S}from"@hotwired/stimulus";var n=class extends S{initialize(){this.anchor&&(this.indexValue=this.tabTargets.findIndex(t=>t.id===this.anchor))}connect(){this.showTab()}change(t){t.currentTarget.tagName==="SELECT"?this.indexValue=t.currentTarget.selectedIndex:t.currentTarget.dataset.index?this.indexValue=t.currentTarget.dataset.index:t.currentTarget.dataset.id?this.indexValue=this.tabTargets.findIndex(e=>e.id==t.currentTarget.dataset.id):this.indexValue=this.tabTargets.indexOf(t.currentTarget)}nextTab(){this.indexValue=Math.min(this.indexValue+1,this.tabsCount-1)}previousTab(){this.indexValue=Math.max(this.indexValue-1,0)}firstTab(){this.indexValue=0}lastTab(){this.indexValue=this.tabsCount-1}indexValueChanged(){if(this.showTab(),this.dispatch("tab-change",{target:this.tabTargets[this.indexValue],detail:{activeIndex:this.indexValue}}),this.updateAnchorValue){let t=this.tabTargets[this.indexValue].id;if(this.scrollToAnchorValue)location.hash=t;else{let a=window.location.href.split("#")[0]+"#"+t;history.replaceState({},document.title,a)}}}showTab(){this.panelTargets.forEach((t,e)=>{let a=this.tabTargets[e];e===this.indexValue?(t.classList.remove("hidden"),a.ariaSelected="true",a.dataset.active=!0,this.hasInactiveTabClass&&a?.classList?.remove(...this.inactiveTabClasses),this.hasActiveTabClass&&a?.classList?.add(...this.activeTabClasses)):(t.classList.add("hidden"),a.ariaSelected=null,delete a.dataset.active,this.hasActiveTabClass&&a?.classList?.remove(...this.activeTabClasses),this.hasInactiveTabClass&&a?.classList?.add(...this.inactiveTabClasses))}),this.hasSelectTarget&&(this.selectTarget.selectedIndex=this.indexValue),this.scrollActiveTabIntoViewValue&&this.scrollToActiveTab()}scrollToActiveTab(){let t=this.element.querySelector("[aria-selected]");t&&t.scrollIntoView({inline:"center"})}get tabsCount(){return this.tabTargets.length}get anchor(){return document.URL.split("#").length>1?document.URL.split("#")[1]:null}};s(n,"classes",["activeTab","inactiveTab"]),s(n,"targets",["tab","panel","select"]),s(n,"values",{index:0,updateAnchor:Boolean,scrollToAnchor:Boolean,scrollActiveTabIntoView:Boolean});import{Controller as F}from"@hotwired/stimulus";var f=class extends F{toggle(t){this.openValue=!this.openValue,this.animate()}toggleInput(t){this.openValue=t.target.checked,this.animate()}hide(){this.openValue=!1,this.animate()}show(){this.openValue=!0,this.animate()}animate(){this.toggleableTargets.forEach(t=>{r(t,this.openValue)})}};s(f,"targets",["toggleable"]),s(f,"values",{open:{type:Boolean,default:!1}});export{p as Alert,h as Autosave,u as ColorPreview,l as Dropdown,c as Modal,d as Popover,m as Slideover,n as Tabs,f as Toggle}; diff --git a/dist/tailwindcss-stimulus-components.module.js.map b/dist/tailwindcss-stimulus-components.module.js.map index 28528b9..bfa3ce2 100644 --- a/dist/tailwindcss-stimulus-components.module.js.map +++ b/dist/tailwindcss-stimulus-components.module.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../src/alert.js", "../src/transition.js", "../src/autosave.js", "../src/color_preview.js", "../src/dropdown.js", "../src/modal.js", "../src/popover.js", "../src/slideover.js", "../src/tabs.js", "../src/toggle.js"], - "sourcesContent": ["import { Controller } from '@hotwired/stimulus'\nimport { enter, leave } from \"./transition\"\n\nexport default class extends Controller {\n static values = {\n dismissAfter: Number,\n showDelay: { type: Number, default: 0 },\n removeDelay: { type: Number, default: 1100 }\n }\n\n connect() {\n setTimeout(() => {\n enter(this.element)\n }, this.showDelayValue)\n\n // Auto dimiss if defined\n if (this.hasDismissAfterValue) {\n setTimeout(() => {\n this.close()\n }, this.dismissAfterValue)\n }\n }\n\n // Runs hide animation and then removes element from the page\n close() {\n leave(this.element).then(() => {\n this.element.remove()\n })\n }\n}\n", "// Enter transition:\n//\n// transition(this.element, true)\n//\n// Leave transition:\n//\n// transition(this.element, false)\nexport async function transition(element, state, transitionOptions = {}) {\n if (!!state) {\n enter(element, transitionOptions)\n } else {\n leave(element, transitionOptions)\n }\n}\n\n// class=\"fixed inset-0 bg-black overflow-y-auto flex items-center justify-center bg-opacity-80 hidden\"\n// data-transition-enter=\"transition-all ease-in-out duration-300\"\n// data-transition-enter-from=\"bg-opacity-0\"\n// data-transition-enter-to=\"bg-opacity-80\"\n// data-transition-leave=\"transition-all ease-in-out duration-300\"\n// data-transition-leave-from=\"bg-opacity-80\"\n// data-transition-leave-to=\"bg-opacity-0\"\nexport async function enter(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionEnter || transitionOptions.enter || 'enter'\n const fromClasses =\n element.dataset.transitionEnterFrom || transitionOptions.enterFrom || 'enter-from'\n const toClasses = element.dataset.transitionEnterTo || transitionOptions.enterTo || 'enter-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggleClass || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n element.classList.remove(...toggleClass.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n }\n}\n\nexport async function leave(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionLeave || transitionOptions.leave || 'leave'\n const fromClasses =\n element.dataset.transitionLeaveFrom || transitionOptions.leaveFrom || 'leave-from'\n const toClasses = element.dataset.transitionLeaveTo || transitionOptions.leaveTo || 'leave-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggle || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n element.classList.add(...toggleClass.split(' '))\n }\n}\n\nfunction nextFrame() {\n return new Promise(resolve => {\n requestAnimationFrame(() => {\n requestAnimationFrame(resolve)\n })\n })\n}\n\nfunction afterTransition(element) {\n return Promise.all(element.getAnimations().map(animation => animation.finished))\n}\n", "// Form autosave\n//\n// <%= form_with(model: post, data: { controller: \"autosave\", autosave_target: \"form\", action: \"turbo:submit-end->autosave#success turbo:fetch-request-error->autosave#error\" }) do |form| %>\n//
\n// <%= form.label :title %>\n// <%= form.text_field :title, class: 'form-control', data: { action: \"keyup->autosave#save\" } %>\n//
\n//\n//
\n// <% end %>\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['form', 'status']\n static values = {\n submitDuration: {type: Number, default: 1000},\n statusDuration: {type: Number, default: 2000},\n submittingText: {type: String, default: \"Saving...\"},\n successText: {type: String, default: \"Saved!\"},\n errorText: {type: String, default: \"Unable to save.\"}\n }\n\n connect() {\n this.timeout = null\n }\n\n save() {\n clearTimeout(this.timeout)\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = this.submittingTextValue\n this.formTarget.requestSubmit()\n }, this.submitDurationValue)\n }\n\n success() {\n this.setStatus(this.successTextValue)\n }\n\n error() {\n this.setStatus(this.errorTextValue)\n }\n\n setStatus(message) {\n this.statusTarget.textContent = message\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = ''\n }, this.statusDurationValue)\n }\n}\n", "// A color picker preview where you can choose to have the color or backgroundColor\n// get updated based on the result of a color picker. It also supports ensuring\n// the foreground text is always readable by performing a YIQ calculation to\n// set the text to black or white based on the contrast of the color and backgroundColor.\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['preview', 'color'];\n static values = {\n style: {type: String, default: \"backgroundColor\"}\n }\n\n update() {\n this.preview = this.colorTarget.value\n }\n\n set preview(color) {\n this.previewTarget.style[this.styleValue] = color\n\n // Ensure the foreground text is always readable by setting either the\n // backgroundColor or color to black or white.\n const yiqColor = this._getContrastYIQ(color)\n\n if (this.styleValue === 'color') {\n this.previewTarget.style.backgroundColor = yiqColor\n } else {\n this.previewTarget.style.color = yiqColor\n }\n }\n\n _getContrastYIQ(hexColor) {\n // Taken from: https://24ways.org/2010/calculating-color-contrast/\n hexColor = hexColor.replace('#', '');\n\n const yiqThreshold = 128;\n const r = parseInt(hexColor.substr(0, 2), 16);\n const g = parseInt(hexColor.substr(2, 2), 16);\n const b = parseInt(hexColor.substr(4, 2), 16);\n const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n return (yiq >= yiqThreshold) ? '#000' : '#fff';\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = ['menu', 'button', 'menuItem']\n static values = {\n open: { type: Boolean, default: false },\n closeOnEscape: { type: Boolean, default: true },\n closeOnClickOutside: { type: Boolean, default: true }\n }\n static classes = ['enter', 'enterFrom', 'enterTo', 'leave', 'leaveFrom', 'leaveTo', 'toggle']\n\n connect() {\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n openValueChanged() {\n transition(this.menuTarget, this.openValue, this.transitionOptions)\n\n if (this.openValue === true && this.hasMenuItemTarget) {\n this.menuItemTargets[0].focus()\n }\n }\n\n show() {\n this.openValue = true\n }\n\n close() {\n this.openValue = false\n }\n\n // Closes dropdown from outside click or keyboard\n hide(event) {\n // if the event is a click and the target is not inside the dropdown, then close it\n if (\n this.closeOnClickOutsideValue &&\n event.target.nodeType &&\n this.element.contains(event.target) === false &&\n this.openValue\n ) {\n this.openValue = false\n }\n\n // if the event is a keydown and the key is escape, then close it\n if (this.closeOnEscapeValue && event.key === 'Escape' && this.openValue) {\n this.openValue = false\n }\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n nextItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.nextIndex].focus()\n }\n\n previousItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.previousIndex].focus()\n }\n\n // getters and setters\n get currentItemIndex() {\n return this.menuItemTargets.indexOf(document.activeElement)\n }\n\n get nextIndex() {\n return Math.min(this.currentItemIndex + 1, this.menuItemTargets.length - 1)\n }\n\n get previousIndex() {\n return Math.max(this.currentItemIndex - 1, 0)\n }\n\n get transitionOptions() {\n // once the Class API default values are available, we can simplify this\n return {\n enter: this.hasEnterClass ? this.enterClass : 'transition ease-out duration-100',\n enterFrom: this.hasEnterFromClass ? this.enterFromClass : 'transform opacity-0 scale-95',\n enterTo: this.hasEnterToClass ? this.enterToClass : 'transform opacity-100 scale-100',\n leave: this.hasLeaveClass ? this.leaveClass : 'transition ease-in duration-75',\n leaveFrom: this.hasLeaveFromClass ? this.leaveFromClass : 'transform opacity-100 scale-100',\n leaveTo: this.hasLeaveToClass ? this.leaveToClass : 'transform opacity-0 scale-95',\n toggleClass: this.hasToggleClass ? this.toggleClass : 'hidden',\n }\n }\n\n // Ensures the menu is hidden before Turbo caches the page\n beforeCache() {\n this.openValue = false\n this.menuTarget.classList.add(\"hidden\")\n }\n}\n", "import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n // Allows for a closing animation since display transitions don't work yet\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n // For showing non-modally\n show() {\n this.dialogTarget.show()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "// A simple inline popover to be used wherever needed, with a configurable offset.\n// Visit The Stimulus Handbook for more details\n// https://stimulusjs.org/handbook/introduction\n//\n// This example controller works with specially annotated HTML like:\n//\n//

\n// Beginning in 2015, Google introduced what is called the\n//

popover#mouseOver mouseout->popover#mouseOut\">\n// 'local snack pack',\n// \n//
\n// which shows you local search results before normal organic results.\n//

\n//\n// You can also toggle the popover using the click action.\n//
popover#toggle\" data-action=\"mouseenter->popover#show mouseleave->popover#hide\">\n\nimport { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['content']\n static values = {\n dismissAfter: Number,\n open: { type: Boolean, default: false }\n }\n\n openValueChanged() {\n transition(this.contentTarget, this.openValue)\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n }\n\n // If already true, extend the dismissal another X seconds since this will not trigger openValueChanged\n show(event) {\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n this.openValue = true\n }\n\n hide() {\n this.openValue = false\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n get shouldAutoDismiss() {\n return (this.openValue && this.hasDismissAfterValue)\n }\n\n scheduleDismissal() {\n if (!this.hasDismissAfterValue) return\n\n // Cancel any existing dismissals\n this.cancelDismissal()\n\n // Schedule the next dismissal\n this.timeoutId = setTimeout(() => {\n this.hide()\n this.timeoutId = undefined\n }, this.dismissAfterValue)\n }\n\n cancelDismissal() {\n if (typeof this.timeoutId === \"number\") {\n clearTimeout(this.timeoutId)\n this.timeoutId = undefined\n }\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static classes = [ \"activeTab\", \"inactiveTab\" ]\n static targets = ['tab', 'panel', 'select']\n static values = {\n index: 0,\n updateAnchor: Boolean,\n scrollToAnchor: Boolean,\n scrollActiveTabIntoView: Boolean\n }\n\n initialize() {\n if (this.anchor) this.indexValue = this.tabTargets.findIndex((tab) => tab.id === this.anchor)\n }\n\n connect() {\n this.showTab()\n }\n\n // Changes to the clicked tab\n change(event) {\n if (event.currentTarget.tagName === \"SELECT\") {\n this.indexValue = event.currentTarget.selectedIndex\n\n // If target specifies an index, use that\n } else if (event.currentTarget.dataset.index) {\n this.indexValue = event.currentTarget.dataset.index\n\n // If target specifies an id, use that\n } else if (event.currentTarget.dataset.id) {\n this.indexValue = this.tabTargets.findIndex((tab) => tab.id == event.currentTarget.dataset.id)\n\n // Otherwise, use the index of the current target\n } else {\n this.indexValue = this.tabTargets.indexOf(event.currentTarget)\n }\n\n }\n\n nextTab() {\n this.indexValue = Math.min(this.indexValue + 1, this.tabsCount - 1)\n }\n\n previousTab() {\n this.indexValue = Math.max(this.indexValue - 1, 0)\n }\n\n firstTab() {\n this.indexValue = 0\n }\n\n lastTab() {\n this.indexValue = this.tabsCount - 1\n }\n\n indexValueChanged() {\n this.showTab()\n this.dispatch(\"tab-change\", {\n target: this.tabTargets[this.indexValue],\n detail: {\n activeIndex: this.indexValue\n }\n })\n // Update URL with the tab ID if it has one\n // This will be automatically selected on page load\n if (this.updateAnchorValue) {\n const new_tab_id = this.tabTargets[this.indexValue].id // Grab the id from the newly activated tab\n if (this.scrollToAnchorValue){\n location.hash = new_tab_id // Use location.hash to change the URL with scrolling\n } else {\n const currentUrl = window.location.href // Get the current URL\n const newUrl = currentUrl.split('#')[0] + '#' + new_tab_id // Create a new URL with the updated ID\n history.replaceState({}, document.title, newUrl) // Use history.replaceState to change the URL without scrolling\n }\n }\n }\n\n showTab() {\n this.panelTargets.forEach((panel, index) => {\n const tab = this.tabTargets[index]\n\n if (index === this.indexValue) {\n panel.classList.remove('hidden')\n tab.ariaSelected = 'true'\n tab.dataset.active = true\n if (this.hasInactiveTabClass) tab?.classList?.remove(...this.inactiveTabClasses)\n if (this.hasActiveTabClass) tab?.classList?.add(...this.activeTabClasses)\n } else {\n panel.classList.add('hidden')\n tab.ariaSelected = null\n delete tab.dataset.active\n if (this.hasActiveTabClass) tab?.classList?.remove(...this.activeTabClasses)\n if (this.hasInactiveTabClass) tab?.classList?.add(...this.inactiveTabClasses)\n }\n })\n\n if (this.hasSelectTarget) {\n this.selectTarget.selectedIndex = this.indexValue\n }\n\n if (this.scrollActiveTabIntoViewValue) this.scrollToActiveTab()\n }\n\n // If tabs have horizontal scrolling, the active tab may be out of sight.\n // Make sure the active tab is visible by scrolling it into the view.\n scrollToActiveTab() {\n const activeTab = this.element.querySelector('[aria-selected]')\n if (activeTab) activeTab.scrollIntoView({ inline: 'center', })\n }\n\n get tabsCount() {\n return this.tabTargets.length\n }\n\n get anchor() {\n return (document.URL.split('#').length > 1) ? document.URL.split('#')[1] : null;\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['toggleable']\n static values = {\n open: { type: Boolean, default: false }\n }\n\n toggle(event) {\n this.openValue = !this.openValue\n this.animate()\n }\n\n // Sets open to value of checkbox or radio\n toggleInput(event) {\n this.openValue = event.target.checked\n this.animate()\n }\n\n hide() {\n this.openValue = false\n this.animate()\n }\n\n show() {\n this.openValue = true\n this.animate()\n }\n\n animate() {\n this.toggleableTargets.forEach(target => {\n transition(target, this.openValue)\n })\n }\n}\n"], - "mappings": "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", + "sourcesContent": ["import { Controller } from '@hotwired/stimulus'\nimport { enter, leave } from \"./transition\"\n\nexport default class extends Controller {\n static values = {\n dismissAfter: Number,\n showDelay: { type: Number, default: 0 },\n }\n\n connect() {\n setTimeout(() => {\n enter(this.element)\n }, this.showDelayValue)\n\n // Auto dimiss if defined\n if (this.hasDismissAfterValue) {\n setTimeout(() => {\n this.close()\n }, this.dismissAfterValue)\n }\n }\n\n // Runs hide animation and then removes element from the page\n close() {\n leave(this.element).then(() => {\n this.element.remove()\n })\n }\n}\n", "// Enter transition:\n//\n// transition(this.element, true)\n//\n// Leave transition:\n//\n// transition(this.element, false)\nexport async function transition(element, state, transitionOptions = {}) {\n if (!!state) {\n enter(element, transitionOptions)\n } else {\n leave(element, transitionOptions)\n }\n}\n\n// class=\"fixed inset-0 bg-black overflow-y-auto flex items-center justify-center bg-opacity-80 hidden\"\n// data-transition-enter=\"transition-all ease-in-out duration-300\"\n// data-transition-enter-from=\"bg-opacity-0\"\n// data-transition-enter-to=\"bg-opacity-80\"\n// data-transition-leave=\"transition-all ease-in-out duration-300\"\n// data-transition-leave-from=\"bg-opacity-80\"\n// data-transition-leave-to=\"bg-opacity-0\"\nexport async function enter(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionEnter || transitionOptions.enter || 'enter'\n const fromClasses =\n element.dataset.transitionEnterFrom || transitionOptions.enterFrom || 'enter-from'\n const toClasses = element.dataset.transitionEnterTo || transitionOptions.enterTo || 'enter-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggleClass || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n element.classList.remove(...toggleClass.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n }\n}\n\nexport async function leave(element, transitionOptions = {}) {\n const transitionClasses = element.dataset.transitionLeave || transitionOptions.leave || 'leave'\n const fromClasses =\n element.dataset.transitionLeaveFrom || transitionOptions.leaveFrom || 'leave-from'\n const toClasses = element.dataset.transitionLeaveTo || transitionOptions.leaveTo || 'leave-to'\n const toggleClass = element.dataset.toggleClass || transitionOptions.toggle || 'hidden'\n\n // Prepare transition\n element.classList.add(...transitionClasses.split(' '))\n element.classList.add(...fromClasses.split(' '))\n element.classList.remove(...toClasses.split(' '))\n\n await nextFrame()\n\n element.classList.remove(...fromClasses.split(' '))\n element.classList.add(...toClasses.split(' '))\n\n try {\n await afterTransition(element)\n } finally {\n element.classList.remove(...transitionClasses.split(' '))\n element.classList.add(...toggleClass.split(' '))\n }\n}\n\nfunction nextFrame() {\n return new Promise(resolve => {\n requestAnimationFrame(() => {\n requestAnimationFrame(resolve)\n })\n })\n}\n\nfunction afterTransition(element) {\n return Promise.all(element.getAnimations().map(animation => animation.finished))\n}\n", "// Form autosave\n//\n// <%= form_with(model: post, data: { controller: \"autosave\", autosave_target: \"form\", action: \"turbo:submit-end->autosave#success turbo:fetch-request-error->autosave#error\" }) do |form| %>\n//
\n// <%= form.label :title %>\n// <%= form.text_field :title, class: 'form-control', data: { action: \"keyup->autosave#save\" } %>\n//
\n//\n//
\n// <% end %>\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['form', 'status']\n static values = {\n submitDuration: {type: Number, default: 1000},\n statusDuration: {type: Number, default: 2000},\n submittingText: {type: String, default: \"Saving...\"},\n successText: {type: String, default: \"Saved!\"},\n errorText: {type: String, default: \"Unable to save.\"}\n }\n\n connect() {\n this.timeout = null\n }\n\n save() {\n clearTimeout(this.timeout)\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = this.submittingTextValue\n this.formTarget.requestSubmit()\n }, this.submitDurationValue)\n }\n\n success() {\n this.setStatus(this.successTextValue)\n }\n\n error() {\n this.setStatus(this.errorTextValue)\n }\n\n setStatus(message) {\n this.statusTarget.textContent = message\n\n this.timeout = setTimeout(() => {\n this.statusTarget.textContent = ''\n }, this.statusDurationValue)\n }\n}\n", "// A color picker preview where you can choose to have the color or backgroundColor\n// get updated based on the result of a color picker. It also supports ensuring\n// the foreground text is always readable by performing a YIQ calculation to\n// set the text to black or white based on the contrast of the color and backgroundColor.\n\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static targets = ['preview', 'color'];\n static values = {\n style: {type: String, default: \"backgroundColor\"}\n }\n\n update() {\n this.preview = this.colorTarget.value\n }\n\n set preview(color) {\n this.previewTarget.style[this.styleValue] = color\n\n // Ensure the foreground text is always readable by setting either the\n // backgroundColor or color to black or white.\n const yiqColor = this._getContrastYIQ(color)\n\n if (this.styleValue === 'color') {\n this.previewTarget.style.backgroundColor = yiqColor\n } else {\n this.previewTarget.style.color = yiqColor\n }\n }\n\n _getContrastYIQ(hexColor) {\n // Taken from: https://24ways.org/2010/calculating-color-contrast/\n hexColor = hexColor.replace('#', '');\n\n const yiqThreshold = 128;\n const r = parseInt(hexColor.substr(0, 2), 16);\n const g = parseInt(hexColor.substr(2, 2), 16);\n const b = parseInt(hexColor.substr(4, 2), 16);\n const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n return (yiq >= yiqThreshold) ? '#000' : '#fff';\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = ['menu', 'button', 'menuItem']\n static values = {\n open: { type: Boolean, default: false },\n closeOnEscape: { type: Boolean, default: true },\n closeOnClickOutside: { type: Boolean, default: true }\n }\n static classes = ['enter', 'enterFrom', 'enterTo', 'leave', 'leaveFrom', 'leaveTo', 'toggle']\n\n connect() {\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n openValueChanged() {\n transition(this.menuTarget, this.openValue, this.transitionOptions)\n\n if (this.openValue === true && this.hasMenuItemTarget) {\n this.menuItemTargets[0].focus()\n }\n }\n\n show() {\n this.openValue = true\n }\n\n close() {\n this.openValue = false\n }\n\n // Closes dropdown from outside click or keyboard\n hide(event) {\n // if the event is a click and the target is not inside the dropdown, then close it\n if (\n this.closeOnClickOutsideValue &&\n event.target.nodeType &&\n this.element.contains(event.target) === false &&\n this.openValue\n ) {\n this.openValue = false\n }\n\n // if the event is a keydown and the key is escape, then close it\n if (this.closeOnEscapeValue && event.key === 'Escape' && this.openValue) {\n this.openValue = false\n }\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n nextItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.nextIndex].focus()\n }\n\n previousItem(event) {\n event.preventDefault()\n\n this.menuItemTargets[this.previousIndex].focus()\n }\n\n // getters and setters\n get currentItemIndex() {\n return this.menuItemTargets.indexOf(document.activeElement)\n }\n\n get nextIndex() {\n return Math.min(this.currentItemIndex + 1, this.menuItemTargets.length - 1)\n }\n\n get previousIndex() {\n return Math.max(this.currentItemIndex - 1, 0)\n }\n\n get transitionOptions() {\n // once the Class API default values are available, we can simplify this\n return {\n enter: this.hasEnterClass ? this.enterClass : 'transition ease-out duration-100',\n enterFrom: this.hasEnterFromClass ? this.enterFromClass : 'transform opacity-0 scale-95',\n enterTo: this.hasEnterToClass ? this.enterToClass : 'transform opacity-100 scale-100',\n leave: this.hasLeaveClass ? this.leaveClass : 'transition ease-in duration-75',\n leaveFrom: this.hasLeaveFromClass ? this.leaveFromClass : 'transform opacity-100 scale-100',\n leaveTo: this.hasLeaveToClass ? this.leaveToClass : 'transform opacity-0 scale-95',\n toggleClass: this.hasToggleClass ? this.toggleClass : 'hidden',\n }\n }\n\n // Ensures the menu is hidden before Turbo caches the page\n beforeCache() {\n this.openValue = false\n this.menuTarget.classList.add(\"hidden\")\n }\n}\n", "import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n // Allows for a closing animation since display transitions don't work yet\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n // For showing non-modally\n show() {\n this.dialogTarget.show()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "// A simple inline popover to be used wherever needed, with a configurable offset.\n// Visit The Stimulus Handbook for more details\n// https://stimulusjs.org/handbook/introduction\n//\n// This example controller works with specially annotated HTML like:\n//\n//

\n// Beginning in 2015, Google introduced what is called the\n//

popover#mouseOver mouseout->popover#mouseOut\">\n// 'local snack pack',\n// \n//
\n// which shows you local search results before normal organic results.\n//

\n//\n// You can also toggle the popover using the click action.\n//
popover#toggle\" data-action=\"mouseenter->popover#show mouseleave->popover#hide\">\n\nimport { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['content']\n static values = {\n dismissAfter: Number,\n open: { type: Boolean, default: false }\n }\n\n openValueChanged() {\n transition(this.contentTarget, this.openValue)\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n }\n\n // If already true, extend the dismissal another X seconds since this will not trigger openValueChanged\n show(event) {\n if (this.shouldAutoDismiss) this.scheduleDismissal()\n this.openValue = true\n }\n\n hide() {\n this.openValue = false\n }\n\n toggle() {\n this.openValue = !this.openValue\n }\n\n get shouldAutoDismiss() {\n return (this.openValue && this.hasDismissAfterValue)\n }\n\n scheduleDismissal() {\n if (!this.hasDismissAfterValue) return\n\n // Cancel any existing dismissals\n this.cancelDismissal()\n\n // Schedule the next dismissal\n this.timeoutId = setTimeout(() => {\n this.hide()\n this.timeoutId = undefined\n }, this.dismissAfterValue)\n }\n\n cancelDismissal() {\n if (typeof this.timeoutId === \"number\") {\n clearTimeout(this.timeoutId)\n this.timeoutId = undefined\n }\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from './transition'\n\nexport default class extends Controller {\n static targets = [\"dialog\"]\n static values = {\n open: Boolean\n }\n\n connect() {\n if (this.openValue) this.open()\n document.addEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:before-cache\", this.beforeCache.bind(this))\n }\n\n open() {\n this.dialogTarget.showModal()\n }\n\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\")\n\n Promise.all(\n this.dialogTarget.getAnimations().map((animation) => animation.finished),\n ).then(() => {\n this.dialogTarget.removeAttribute(\"closing\")\n this.dialogTarget.close()\n })\n }\n\n backdropClose(event) {\n if (event.target.nodeName == \"DIALOG\") this.close()\n }\n\n beforeCache() {\n this.close()\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\n\nexport default class extends Controller {\n static classes = [ \"activeTab\", \"inactiveTab\" ]\n static targets = ['tab', 'panel', 'select']\n static values = {\n index: 0,\n updateAnchor: Boolean,\n scrollToAnchor: Boolean,\n scrollActiveTabIntoView: Boolean\n }\n\n initialize() {\n if (this.anchor) this.indexValue = this.tabTargets.findIndex((tab) => tab.id === this.anchor)\n }\n\n connect() {\n this.showTab()\n }\n\n // Changes to the clicked tab\n change(event) {\n if (event.currentTarget.tagName === \"SELECT\") {\n this.indexValue = event.currentTarget.selectedIndex\n\n // If target specifies an index, use that\n } else if (event.currentTarget.dataset.index) {\n this.indexValue = event.currentTarget.dataset.index\n\n // If target specifies an id, use that\n } else if (event.currentTarget.dataset.id) {\n this.indexValue = this.tabTargets.findIndex((tab) => tab.id == event.currentTarget.dataset.id)\n\n // Otherwise, use the index of the current target\n } else {\n this.indexValue = this.tabTargets.indexOf(event.currentTarget)\n }\n\n }\n\n nextTab() {\n this.indexValue = Math.min(this.indexValue + 1, this.tabsCount - 1)\n }\n\n previousTab() {\n this.indexValue = Math.max(this.indexValue - 1, 0)\n }\n\n firstTab() {\n this.indexValue = 0\n }\n\n lastTab() {\n this.indexValue = this.tabsCount - 1\n }\n\n indexValueChanged() {\n this.showTab()\n this.dispatch(\"tab-change\", {\n target: this.tabTargets[this.indexValue],\n detail: {\n activeIndex: this.indexValue\n }\n })\n // Update URL with the tab ID if it has one\n // This will be automatically selected on page load\n if (this.updateAnchorValue) {\n const new_tab_id = this.tabTargets[this.indexValue].id // Grab the id from the newly activated tab\n if (this.scrollToAnchorValue){\n location.hash = new_tab_id // Use location.hash to change the URL with scrolling\n } else {\n const currentUrl = window.location.href // Get the current URL\n const newUrl = currentUrl.split('#')[0] + '#' + new_tab_id // Create a new URL with the updated ID\n history.replaceState({}, document.title, newUrl) // Use history.replaceState to change the URL without scrolling\n }\n }\n }\n\n showTab() {\n this.panelTargets.forEach((panel, index) => {\n const tab = this.tabTargets[index]\n\n if (index === this.indexValue) {\n panel.classList.remove('hidden')\n tab.ariaSelected = 'true'\n tab.dataset.active = true\n if (this.hasInactiveTabClass) tab?.classList?.remove(...this.inactiveTabClasses)\n if (this.hasActiveTabClass) tab?.classList?.add(...this.activeTabClasses)\n } else {\n panel.classList.add('hidden')\n tab.ariaSelected = null\n delete tab.dataset.active\n if (this.hasActiveTabClass) tab?.classList?.remove(...this.activeTabClasses)\n if (this.hasInactiveTabClass) tab?.classList?.add(...this.inactiveTabClasses)\n }\n })\n\n if (this.hasSelectTarget) {\n this.selectTarget.selectedIndex = this.indexValue\n }\n\n if (this.scrollActiveTabIntoViewValue) this.scrollToActiveTab()\n }\n\n // If tabs have horizontal scrolling, the active tab may be out of sight.\n // Make sure the active tab is visible by scrolling it into the view.\n scrollToActiveTab() {\n const activeTab = this.element.querySelector('[aria-selected]')\n if (activeTab) activeTab.scrollIntoView({ inline: 'center', })\n }\n\n get tabsCount() {\n return this.tabTargets.length\n }\n\n get anchor() {\n return (document.URL.split('#').length > 1) ? document.URL.split('#')[1] : null;\n }\n}\n", "import { Controller } from '@hotwired/stimulus'\nimport { transition } from \"./transition\"\n\nexport default class extends Controller {\n static targets = ['toggleable']\n static values = {\n open: { type: Boolean, default: false }\n }\n\n toggle(event) {\n this.openValue = !this.openValue\n this.animate()\n }\n\n // Sets open to value of checkbox or radio\n toggleInput(event) {\n this.openValue = event.target.checked\n this.animate()\n }\n\n hide() {\n this.openValue = false\n this.animate()\n }\n\n show() {\n this.openValue = true\n this.animate()\n }\n\n animate() {\n this.toggleableTargets.forEach(target => {\n transition(target, this.openValue)\n })\n }\n}\n"], + "mappings": "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", "names": ["Controller", "transition", "element", "state", "transitionOptions", "enter", "leave", "transitionClasses", "fromClasses", "toClasses", "toggleClass", "nextFrame", "afterTransition", "resolve", "animation", "alert_default", "Controller", "enter", "leave", "__publicField", "Controller", "autosave_default", "Controller", "message", "__publicField", "Controller", "color_preview_default", "Controller", "color", "yiqColor", "hexColor", "yiqThreshold", "r", "g", "b", "__publicField", "Controller", "dropdown_default", "Controller", "transition", "event", "__publicField", "Controller", "modal_default", "Controller", "animation", "event", "__publicField", "Controller", "popover_default", "Controller", "transition", "event", "__publicField", "Controller", "slideover_default", "Controller", "animation", "event", "__publicField", "Controller", "tabs_default", "Controller", "tab", "event", "new_tab_id", "newUrl", "panel", "index", "activeTab", "__publicField", "Controller", "toggle_default", "Controller", "event", "target", "transition", "__publicField"] } diff --git a/docs/alert.md b/docs/alert.md index e9a76dd..c4cc88a 100644 --- a/docs/alert.md +++ b/docs/alert.md @@ -54,5 +54,4 @@ Alerts are set up to slide into view from the top-right side of the screen. Clic ## Options - `data-alert-dismiss-after-value` can be provided to make the alert dimiss after x miliseconds. Default is `undefined`. -- `data-alert-show-delay-value` can be set to tell the alert to show itself after x miliseconds. Defaults to `0` miliseconds. -- `data-alert-remove-delay-value` can be set to tell the alert to hide itself after x milisconds. Defaults to `1100` miliseconds. \ No newline at end of file +- `data-alert-show-delay-value` can be set to tell the alert to show itself after x miliseconds. Defaults to `0` miliseconds. \ No newline at end of file diff --git a/src/alert.js b/src/alert.js index 27595c9..02d501e 100644 --- a/src/alert.js +++ b/src/alert.js @@ -5,7 +5,6 @@ export default class extends Controller { static values = { dismissAfter: Number, showDelay: { type: Number, default: 0 }, - removeDelay: { type: Number, default: 0 } } connect() { @@ -24,9 +23,7 @@ export default class extends Controller { // Runs hide animation and then removes element from the page close() { leave(this.element).then(() => { - setTimeout(() => { - this.element.remove() - }, this.removeDelayValue) + this.element.remove() }) } } diff --git a/test/alert_test.js b/test/alert_test.js index 59d0dc9..7a1c19a 100644 --- a/test/alert_test.js +++ b/test/alert_test.js @@ -46,20 +46,4 @@ describe('AlertController', () => { expect(fetchElement()).to.equal(null) }) }) - - describe('with remove delay value', () => { - it('removes after 1000ms', async () => { - await loadFixture('alerts/alert_remove_delay.html') - expect(fetchElement().className.includes("hidden")).to.equal(false) - - const closeButton = document.querySelector("[data-action='alert#close']") - closeButton.click() - - await aTimeout(100) - expect(fetchElement().className.includes("hidden")).to.equal(true) - - await aTimeout(1100) - expect(fetchElement()).to.equal(null) - }) - }) }) diff --git a/test/fixtures/alerts/alert_remove_delay.html b/test/fixtures/alerts/alert_remove_delay.html deleted file mode 100644 index 1215a54..0000000 --- a/test/fixtures/alerts/alert_remove_delay.html +++ /dev/null @@ -1,6 +0,0 @@ -
-
-
Stimulus is the JS of the future!
- -
-
\ No newline at end of file