panda_cms 0.5.0

data/public/panda-cms-assets/javascripts/embed/editable.js

@@ -0,0 +1,308 @@
+/**
+ * Represents a controller for managing editable content within an iframe.
+ * @class
+ */
+class EditableController {
+  /**
+   * Represents the constructor for the Editable class.
+   * @param {HTMLIFrameElement} frame - The iFrame element to be used for editing.
+   */
+  constructor(pageId, frame) {
+    this.pageId = pageId;
+    this.frame = frame;
+    this.frame.style.display = "none";
+    this.csrfToken = document.querySelector('meta[name="csrf-token"]').content;
+
+    this.frame.addEventListener("load", () => {
+      this.frameDocument =
+        this.frame.contentDocument || this.frame.contentWindow.document;
+      this.body = this.frameDocument.body;
+      this.head = this.frameDocument.head;
+      this.loadEvents();
+    });
+  }
+
+  /**
+   * Load events for the editable iFrame
+   */
+  loadEvents() {
+    console.debug("[Panda CMS] iFrame loaded...");
+
+    this.embedPlainTextEditors();
+
+    this.styleRichTextEditor();
+    this.embedRichTextEditor();
+  }
+
+  setFrameVisible() {
+    console.log("[Panda CMS] Setting iFrame to visible...");
+    this.frame.style.display = "";
+  }
+
+  stylePlainTextEditor(element, status) {
+    console.log(
+      `[Panda CMS] Styling plain text editor ${element.id} as ${status}...`
+    );
+
+    if (status == "initial") {
+      element.style.border = "1px dashed #ccc";
+      element.style.outline = "none";
+      element.style.cursor = "pointer";
+      element.style.transition = "background 500ms linear";
+      element.style.backgroundColor = "inherit";
+    } else if (status == "success") {
+      element.style.backgroundColor = "#66bd6a50";
+    } else if (status == "error") {
+      element.style.backgroundColor = "#dc354550";
+    }
+  }
+
+  embedPlainTextEditors() {
+    var elements = this.body.querySelectorAll(
+      '[data-editable-kind="plain_text"]'
+    );
+
+    if (elements.length == 0) {
+      return;
+    }
+
+    elements.forEach((element) => {
+      this.stylePlainTextEditor(element, "initial");
+
+      // TODO: If content hasn't changed, don't call save
+      // Bind initial click handler and then auto-save on blur?
+
+      // This binds auto-save...
+      element.addEventListener("blur", (event) => {
+        var target = event.target;
+        var pageId = target.getAttribute("data-editable-page-id");
+        var blockContentId = target.getAttribute(
+          "data-editable-block-content-id"
+        );
+
+        fetch(`/admin/pages/${pageId}/block_contents/${blockContentId}`, {
+          method: "PATCH",
+          headers: {
+            "Content-Type": "application/json",
+            "X-CSRF-Token": document
+              .querySelector('meta[name="csrf-token"]')
+              .getAttribute("content"),
+          },
+          body: JSON.stringify({ content: target.innerHTML }),
+        })
+          .then((response) => response.json())
+          .then((data) => {
+            this.stylePlainTextEditor(target, "success");
+            setTimeout(() => {
+              this.stylePlainTextEditor(target, "initial");
+            }, 1000);
+          })
+          .catch((error) => {
+            this.stylePlainTextEditor(target, "error");
+            setTimeout(() => {
+              this.stylePlainTextEditor(target, "initial");
+            }, 1000);
+            alert("Error:", error);
+            console.log(error);
+          });
+      });
+    });
+
+    console.debug(
+      "[Panda CMS] Dispatching event: pandaCmsPlainTextEditorLoaded"
+    );
+
+    // Let the parent know that the external resources have been loaded
+    this.frameDocument.dispatchEvent(
+      new Event("pandaCmsPlainTextEditorLoaded")
+    );
+  }
+
+  embedRichTextEditor() {
+    if (this.body.getElementsByClassName("ql-editor").length == 0) {
+      this.setFrameVisible();
+      return;
+    }
+
+    this.addStylesheet(
+      this.frameDocument,
+      this.head,
+      "https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.bubble.css"
+    )
+      .then(() => {
+        return this.loadScript(
+          this.frameDocument,
+          this.head,
+          "https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js"
+        );
+      })
+      .then(() => {
+        return this.loadScript(
+          this.frameDocument,
+          this.head,
+          "https://unpkg.com/quill-image-compress@1.2.11/dist/quill.imageCompressor.min.js"
+        );
+      })
+      .then(() => {
+        return this.loadScript(
+          this.frameDocument,
+          this.head,
+          "https://unpkg.com/quill-magic-url@3.0.0/dist/index.js"
+        );
+      })
+      .then(() => {
+        return this.loadScript(
+          this.frameDocument,
+          this.head,
+          "https://cdn.jsdelivr.net/npm/quill-markdown-shortcuts@latest/dist/markdownShortcuts.js"
+        );
+      })
+      .then(() => {
+        console.debug(
+          "[Panda CMS] Dispatching event: pandaCmsRichTextEditorLoaded"
+        );
+
+        // Let the parent know that the external resources have been loaded
+        this.frameDocument.dispatchEvent(
+          new Event("pandaCmsRichTextEditorLoaded")
+        );
+
+        // Autosave the editable elements
+        this.enableRichTextEditorAutoSave();
+
+        // This prevents the flash of content before the iFrame is ready
+        this.setFrameVisible();
+      });
+  }
+
+  /**
+   * Autosave the editable elements in the iFrame
+   * @todo #TODO Only do this when we have "autosave" mode enabled?
+   */
+  enableRichTextEditorAutoSave() {
+    // Grab each element that's editable and append a save handler to it
+    var elements = this.frameDocument.querySelectorAll(".ql-editor");
+    elements.forEach((element) => {
+      element.addEventListener("blur", (event) => {
+        var target = event.target;
+        var blockContentId = target.parentElement.getAttribute(
+          "data-block-content-id"
+        );
+
+        this.bindSaveHandler(blockContentId, target.innerHTML);
+      });
+    });
+  }
+
+  /**
+   * Styles the Quill rich text editor elements in the iFrame
+   */
+  styleRichTextEditor() {
+    if (this.body.getElementsByClassName("ql-editor").length == 0) {
+      return;
+    }
+
+    var style = this.frameDocument.createElement("style");
+    style.innerHTML = `.ql-container,
+    .ql-editor, .ql-editor * {
+      margin: inherit !important;
+      padding: inherit !important;
+      font-size: inherit !important;
+      line-height: inherit !important;
+      font-family: inherit !important;
+    }
+
+    .ql-toolbar {
+      background-color: #282e3270;
+      border-radius: 10px;
+    }
+
+    .ql-editor:hover, .ql-container:hover {
+      cursor: pointer !important;
+    }
+
+    .ql-editor:hover, .ql-editor:focus, .ql-editor:active {
+      background-color: #e1effa;
+      cursor: pointer !important;
+      font-size: inherit !important;
+      -webkit-transition: background-color 500ms linear;
+      -ms-transition: background-color 500ms linear;
+      transition: background-color 500ms linear;
+    }
+
+    .ql-editor.success {
+      background-color: #66bd6a50 !important;
+      -webkit-transition: background-color 1000ms linear;
+      -ms-transition: background-color 1000ms linear;
+      transition: background-color 1000ms linear;
+    }
+
+    .ql-tooltip {
+      z-index: 999;
+      min-width: 90vw;
+    }`;
+
+    this.head.append(style);
+  }
+
+  bindSaveHandler(blockContentId, content) {
+    console.debug(`[Panda CMS] Calling save handler for ${blockContentId}...`);
+    fetch(`/admin/pages/${this.pageId}/block_contents/${blockContentId}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+        "X-CSRF-Token": this.csrfToken,
+      },
+      body: JSON.stringify({ content: content }),
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        var editableBlock = this.frameDocument.querySelector(
+          `[data-block-content-id="${blockContentId}"] .ql-editor`
+        );
+        editableBlock.classList.add("success");
+        setTimeout(() => {
+          editableBlock.classList.remove("success");
+        }, 1500);
+      })
+      .catch((error) => {
+        console.log(error);
+        alert("Error updating. Please contact the support team!", error);
+      });
+  }
+
+  addStylesheet(frameDocument, head, href) {
+    return new Promise(function (resolve, reject) {
+      let link = frameDocument.createElement("link");
+      link.rel = "stylesheet";
+      link.href = href;
+      link.media = "none";
+      head.append(link);
+
+      link.onload = () => {
+        if (link.media != "all") {
+          link.media = "all";
+        }
+        console.debug(`[Panda CMS] Stylesheet loaded: ${href}`);
+        resolve(link);
+      };
+      link.onerror = () =>
+        reject(new Error(`[Panda CMS] Stylesheet load error for ${href}`));
+    });
+  }
+
+  loadScript(frameDocument, head, src) {
+    return new Promise(function (resolve, reject) {
+      let script = frameDocument.createElement("script");
+      script.src = src;
+      head.append(script);
+
+      script.onload = () => {
+        console.debug(`[Panda CMS] Script loaded: ${src}`);
+        resolve(script);
+      };
+      script.onerror = () =>
+        reject(new Error(`[Panda CMS] Script load error for ${src}`));
+    });
+  }
+}

data/public/panda-cms-assets/javascripts/vendor/stimulus-components-rails-nested-form.js

@@ -0,0 +1,2 @@
+import{Controller as e}from"@hotwired/stimulus";const t=class _RailsNestedForm extends e{add(e){e.preventDefault();const t=this.templateTarget.innerHTML.replace(/NEW_RECORD/g,(new Date).getTime().toString());this.targetTarget.insertAdjacentHTML("beforebegin",t);const r=new CustomEvent("rails-nested-form:add",{bubbles:!0});this.element.dispatchEvent(r)}remove(e){e.preventDefault();const t=e.target.closest(this.wrapperSelectorValue);if(t.dataset.newRecord==="true")t.remove();else{t.style.display="none";const e=t.querySelector("input[name*='_destroy']");e.value="1"}const r=new CustomEvent("rails-nested-form:remove",{bubbles:!0});this.element.dispatchEvent(r)}};t.targets=["target","template"],t.values={wrapperSelector:{type:String,default:".nested-form-wrapper"}};let r=t;export{r as default};
+

data/public/panda-cms-assets/javascripts/vendor/stimulus-loading.js

@@ -0,0 +1,113 @@
+// FIXME: es-module-shim won't shim the dynamic import without this explicit import
+import "@hotwired/stimulus";
+
+const controllerAttribute = "data-controller";
+
+// Eager load all controllers registered beneath the `under` path in the import map to the passed application instance.
+export function eagerLoadControllersFrom(under, application) {
+  const paths = Object.keys(parseImportmapJson()).filter((path) =>
+    path.match(new RegExp(`^${under}/.*_controller$`))
+  );
+  paths.forEach((path) => registerControllerFromPath(path, under, application));
+}
+
+function parseImportmapJson() {
+  return JSON.parse(document.querySelector("script[type=importmap]").text)
+    .imports;
+}
+
+function registerControllerFromPath(path, under, application) {
+  const name = path
+    .replace(new RegExp(`^${under}/`), "")
+    .replace("_controller", "")
+    .replace(/\//g, "--")
+    .replace(/_/g, "-");
+
+  if (canRegisterController(name, application)) {
+    import(path)
+      .then((module) => registerController(name, module, application))
+      .catch((error) =>
+        console.error(`Failed to register controller: ${name} (${path})`, error)
+      );
+  }
+}
+
+// Lazy load controllers registered beneath the `under` path in the import map to the passed application instance.
+export function lazyLoadControllersFrom(
+  under,
+  application,
+  element = document
+) {
+  lazyLoadExistingControllers(under, application, element);
+  lazyLoadNewControllers(under, application, element);
+}
+
+function lazyLoadExistingControllers(under, application, element) {
+  queryControllerNamesWithin(element).forEach((controllerName) =>
+    loadController(controllerName, under, application)
+  );
+}
+
+function lazyLoadNewControllers(under, application, element) {
+  new MutationObserver((mutationsList) => {
+    for (const { attributeName, target, type } of mutationsList) {
+      switch (type) {
+        case "attributes": {
+          if (
+            attributeName == controllerAttribute &&
+            target.getAttribute(controllerAttribute)
+          ) {
+            extractControllerNamesFrom(target).forEach((controllerName) =>
+              loadController(controllerName, under, application)
+            );
+          }
+        }
+
+        case "childList": {
+          lazyLoadExistingControllers(under, application, target);
+        }
+      }
+    }
+  }).observe(element, {
+    attributeFilter: [controllerAttribute],
+    subtree: true,
+    childList: true,
+  });
+}
+
+function queryControllerNamesWithin(element) {
+  return Array.from(element.querySelectorAll(`[${controllerAttribute}]`))
+    .map(extractControllerNamesFrom)
+    .flat();
+}
+
+function extractControllerNamesFrom(element) {
+  return element
+    .getAttribute(controllerAttribute)
+    .split(/\s+/)
+    .filter((content) => content.length);
+}
+
+function loadController(name, under, application) {
+  if (canRegisterController(name, application)) {
+    import(controllerFilename(name, under))
+      .then((module) => registerController(name, module, application))
+      .catch((error) =>
+        console.error(`Failed to autoload controller: ${name}`, error)
+      );
+  }
+}
+
+function controllerFilename(name, under) {
+  return `${under}/${name.replace(/--/g, "/").replace(/-/g, "_")}_controller`;
+}
+
+function registerController(name, module, application) {
+  if (canRegisterController(name, application)) {
+    application.register(name, module.default);
+  }
+}
+
+function canRegisterController(name, application) {
+  return !application.router.modulesByIdentifier.has(name);
+}

data/public/panda-cms-assets/javascripts/vendor/tailwindcss-stimulus-components.js

@@ -0,0 +1,2 @@
+import{Controller as e}from"@hotwired/stimulus";var t=Object.defineProperty;var V=(e,a,i)=>a in e?t(e,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[a]=i;var s=(e,t,a)=>(V(e,typeof t!="symbol"?t+"":t,a),a);async function r(e,t,a={}){t?T(e,a):b(e,a)}async function T(e,t={}){let a=e.dataset.transitionEnter||t.enter||"enter",i=e.dataset.transitionEnterFrom||t.enterFrom||"enter-from",n=e.dataset.transitionEnterTo||t.enterTo||"enter-to",o=e.dataset.toggleClass||t.toggleClass||"hidden";e.classList.add(...a.split(" ")),e.classList.add(...i.split(" ")),e.classList.remove(...n.split(" ")),e.classList.remove(...o.split(" ")),await v(),e.classList.remove(...i.split(" ")),e.classList.add(...n.split(" "));try{await x(e)}finally{e.classList.remove(...a.split(" "))}}async function b(e,t={}){let a=e.dataset.transitionLeave||t.leave||"leave",i=e.dataset.transitionLeaveFrom||t.leaveFrom||"leave-from",n=e.dataset.transitionLeaveTo||t.leaveTo||"leave-to",o=e.dataset.toggleClass||t.toggle||"hidden";e.classList.add(...a.split(" ")),e.classList.add(...i.split(" ")),e.classList.remove(...n.split(" ")),await v(),e.classList.remove(...i.split(" ")),e.classList.add(...n.split(" "));try{await x(e)}finally{e.classList.remove(...a.split(" ")),e.classList.add(...o.split(" "))}}function v(){return new Promise((e=>{requestAnimationFrame((()=>{requestAnimationFrame(e)}))}))}function x(e){return Promise.all(e.getAnimations().map((e=>e.finished)))}var a=class extends e{connect(){setTimeout((()=>{T(this.element)}),this.showDelayValue),this.hasDismissAfterValue&&setTimeout((()=>{this.close()}),this.dismissAfterValue)}close(){b(this.element).then((()=>{this.element.remove()}))}};s(a,"values",{dismissAfter:Number,showDelay:{type:Number,default:0}});var i=class extends e{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(e){this.statusTarget.textContent=e,this.timeout=setTimeout((()=>{this.statusTarget.textContent=""}),this.statusDurationValue)}};s(i,"targets",["form","status"]),s(i,"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 n=class extends e{update(){this.preview=this.colorTarget.value}set preview(e){this.previewTarget.style[this.styleValue]=e;let t=this._getContrastYIQ(e);this.styleValue==="color"?this.previewTarget.style.backgroundColor=t:this.previewTarget.style.color=t}_getContrastYIQ(e){e=e.replace("#","");let t=128,a=parseInt(e.substr(0,2),16),i=parseInt(e.substr(2,2),16),n=parseInt(e.substr(4,2),16);return(a*299+i*587+n*114)/1e3>=t?"#000":"#fff"}};s(n,"targets",["preview","color"]),s(n,"values",{style:{type:String,default:"backgroundColor"}});var o=class extends e{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(e){this.closeOnClickOutsideValue&&e.target.nodeType&&this.element.contains(e.target)===!1&&this.openValue&&(this.openValue=!1),this.closeOnEscapeValue&&e.key==="Escape"&&this.openValue&&(this.openValue=!1)}toggle(){this.openValue=!this.openValue}nextItem(e){e.preventDefault(),this.menuItemTargets[this.nextIndex].focus()}previousItem(e){e.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(o,"targets",["menu","button","menuItem"]),s(o,"values",{open:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0}}),s(o,"classes",["enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","toggle"]);var l=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((e=>e.finished))).then((()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()}))}backdropClose(e){e.target.nodeName=="DIALOG"&&this.close()}show(){this.dialogTarget.show()}hide(){this.close()}beforeCache(){this.close()}};s(l,"targets",["dialog"]),s(l,"values",{open:Boolean});var h=class extends e{openValueChanged(){r(this.contentTarget,this.openValue),this.shouldAutoDismiss&&this.scheduleDismissal()}show(e){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(h,"targets",["content"]),s(h,"values",{dismissAfter:Number,open:{type:Boolean,default:!1}});var u=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((e=>e.finished))).then((()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()}))}backdropClose(e){e.target.nodeName=="DIALOG"&&this.close()}show(){this.open()}hide(){this.close()}beforeCache(){this.close()}};s(u,"targets",["dialog"]),s(u,"values",{open:Boolean});var c=class extends e{initialize(){this.anchor&&(this.indexValue=this.tabTargets.findIndex((e=>e.id===this.anchor)))}connect(){this.showTab()}change(e){e.currentTarget.tagName==="SELECT"?this.indexValue=e.currentTarget.selectedIndex:e.currentTarget.dataset.index?this.indexValue=e.currentTarget.dataset.index:e.currentTarget.dataset.id?this.indexValue=this.tabTargets.findIndex((t=>t.id==e.currentTarget.dataset.id)):this.indexValue=this.tabTargets.indexOf(e.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 e=this.tabTargets[this.indexValue].id;if(this.scrollToAnchorValue)location.hash=e;else{let t=window.location.href.split("#")[0]+"#"+e;history.replaceState({},document.title,t)}}}showTab(){this.panelTargets.forEach(((e,t)=>{let a=this.tabTargets[t];t===this.indexValue?(e.classList.remove("hidden"),a.ariaSelected="true",a.dataset.active=!0,this.hasInactiveTabClass&&a?.classList?.remove(...this.inactiveTabClasses),this.hasActiveTabClass&&a?.classList?.add(...this.activeTabClasses)):(e.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 e=this.element.querySelector("[aria-selected]");e&&e.scrollIntoView({inline:"center"})}get tabsCount(){return this.tabTargets.length}get anchor(){return document.URL.split("#").length>1?document.URL.split("#")[1]:null}};s(c,"classes",["activeTab","inactiveTab"]),s(c,"targets",["tab","panel","select"]),s(c,"values",{index:0,updateAnchor:Boolean,scrollToAnchor:Boolean,scrollActiveTabIntoView:Boolean});var d=class extends e{toggle(e){this.openValue=!this.openValue,this.animate()}toggleInput(e){this.openValue=e.target.checked,this.animate()}hide(){this.openValue=!1,this.animate()}show(){this.openValue=!0,this.animate()}animate(){this.toggleableTargets.forEach((e=>{r(e,this.openValue)}))}};s(d,"targets",["toggleable"]),s(d,"values",{open:{type:Boolean,default:!1}});export{a as Alert,i as Autosave,n as ColorPreview,o as Dropdown,l as Modal,h as Popover,u as Slideover,c as Tabs,d as Toggle};
+