shadcn_phlexcomponents 0.1.17 → 0.1.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ebf753af91e75e54f50b50f56c23c37bf4ab7b9f9cd98bbd32bb99c204bc37ec
-  data.tar.gz: af8970abb30a35cd64aa99e1d754d05a63e0f3ebab2871326f232f7f66fb950d
+  metadata.gz: bc485b4a5567a237dd094c0dd76b2c1457c57dec5f62fff98718b6b174e07da2
+  data.tar.gz: 816bda190d7fab68ae7b551165b1da2e5cc913fe1a16095fa1b5f966f43b6785
 SHA512:
-  metadata.gz: ad84b2baa58c78951bb28305c821471c802bb05827ca0143e0b8cc0ba827612c71db3166e65962d83d4a54ad9fd9d6157cce666f15669c0e76f7f619d5dd804e
-  data.tar.gz: 5b1a1ae7886414834d0e8cb2f9def87e9a4324949c15653f402a4ae9bdd41eda46c8984738b424063404a516ea6f58c0b69eb831abb564a983810653d889c213
+  metadata.gz: 19ea1d9584e4d004d8ae4db402f3dea2dc423ad5d893075eff90222214ba6c3cf14e292521e47699c6e9c64718bee03861729f8d9a2ae3729f32f3c49cb36d1b
+  data.tar.gz: 818a134df559fb86fe46a4bb4d757786a4efe77ff31738c1f59f21f7315321a0f6cd5d5e1814bdbc279c096ceae58200d43ee940492edc0937eaf7f5de52ec15

data/app/javascript/controllers/accordion_controller.js

@@ -1,107 +1,97 @@
-import { Controller } from "@hotwired/stimulus";
-import {
-  showContent,
-  hideContent,
-  getNextEnabledIndex,
-  getPreviousEnabledIndex,
-} from "../utils";
+import { Controller } from '@hotwired/stimulus';
+import { showContent, hideContent, getNextEnabledIndex, getPreviousEnabledIndex, } from '../utils';
 const AccordionController = class extends Controller {
-  // targets
-  static targets = ["item", "trigger", "content"];
-  // values
-  static values = { openItems: Array };
-  connect() {
-    this.multiple = this.element.dataset.multiple === "true";
-  }
-  contentTargetConnected(content) {
-    setTimeout(() => {
-      this.setContentHeight(content);
-    }, 100);
-  }
-  toggle(event) {
-    const trigger = event.currentTarget;
-    const item = this.itemTargets.find((item) => {
-      return item.contains(trigger);
-    });
-    if (!item) return;
-    const value = item.dataset.value;
-    const isOpen = this.openItemsValue.includes(value);
-    if (isOpen) {
-      this.openItemsValue = this.openItemsValue.filter((v) => v !== value);
-    } else {
-      if (this.multiple) {
-        this.openItemsValue = [...this.openItemsValue, value];
-      } else {
-        this.openItemsValue = [value];
-      }
+    // targets
+    static targets = ['item', 'trigger', 'content'];
+    // values
+    static values = { openItems: Array };
+    connect() {
+        this.multiple = this.element.dataset.multiple === 'true';
     }
-  }
-  focusTrigger(event) {
-    const trigger = event.currentTarget;
-    const key = event.key;
-    const focusableTriggers = this.triggerTargets.filter(
-      (trigger) => !trigger.disabled,
-    );
-    const index = focusableTriggers.indexOf(trigger);
-    let newIndex = 0;
-    if (key === "ArrowUp") {
-      newIndex = getPreviousEnabledIndex({
-        items: focusableTriggers,
-        currentIndex: index,
-        wrapAround: true,
-      });
-    } else {
-      newIndex = getNextEnabledIndex({
-        items: focusableTriggers,
-        currentIndex: index,
-        wrapAround: true,
-      });
+    contentTargetConnected(content) {
+        setTimeout(() => {
+            this.setContentHeight(content);
+        }, 100);
     }
-    focusableTriggers[newIndex].focus();
-  }
-  openItemsValueChanged(openItems) {
-    this.itemTargets.forEach((item) => {
-      const itemValue = item.dataset.value;
-      const trigger = this.triggerTargets.find((trigger) =>
-        item.contains(trigger),
-      );
-      const content = this.contentTargets.find((content) =>
-        item.contains(content),
-      );
-      if (openItems.includes(itemValue)) {
-        showContent({
-          trigger,
-          content: content,
-          contentContainer: content,
+    toggle(event) {
+        const trigger = event.currentTarget;
+        const item = this.itemTargets.find((item) => {
+            return item.contains(trigger);
         });
-      } else {
-        hideContent({
-          trigger,
-          content: content,
-          contentContainer: content,
+        if (!item)
+            return;
+        const value = item.dataset.value;
+        const isOpen = this.openItemsValue.includes(value);
+        if (isOpen) {
+            this.openItemsValue = this.openItemsValue.filter((v) => v !== value);
+        }
+        else {
+            if (this.multiple) {
+                this.openItemsValue = [...this.openItemsValue, value];
+            }
+            else {
+                this.openItemsValue = [value];
+            }
+        }
+    }
+    focusTrigger(event) {
+        const trigger = event.currentTarget;
+        const key = event.key;
+        const focusableTriggers = this.triggerTargets.filter((trigger) => !trigger.disabled);
+        const index = focusableTriggers.indexOf(trigger);
+        let newIndex = 0;
+        if (key === 'ArrowUp') {
+            newIndex = getPreviousEnabledIndex({
+                items: focusableTriggers,
+                currentIndex: index,
+                wrapAround: true,
+            });
+        }
+        else {
+            newIndex = getNextEnabledIndex({
+                items: focusableTriggers,
+                currentIndex: index,
+                wrapAround: true,
+            });
+        }
+        focusableTriggers[newIndex].focus();
+    }
+    openItemsValueChanged(openItems) {
+        this.itemTargets.forEach((item) => {
+            const itemValue = item.dataset.value;
+            const trigger = this.triggerTargets.find((trigger) => item.contains(trigger));
+            const content = this.contentTargets.find((content) => item.contains(content));
+            if (openItems.includes(itemValue)) {
+                showContent({
+                    trigger,
+                    content: content,
+                    contentContainer: content,
+                });
+            }
+            else {
+                hideContent({
+                    trigger,
+                    content: content,
+                    contentContainer: content,
+                });
+            }
+        });
+    }
+    setContentHeight(element) {
+        const height = this.getContentHeight(element) || element.getBoundingClientRect().height;
+        element.style.setProperty('--radix-accordion-content-height', `${height}px`);
+    }
+    getContentHeight(el) {
+        const clone = el.cloneNode(true);
+        Object.assign(clone.style, {
+            display: 'block',
+            position: 'absolute',
+            visibility: 'hidden',
         });
-      }
-    });
-  }
-  setContentHeight(element) {
-    const height =
-      this.getContentHeight(element) || element.getBoundingClientRect().height;
-    element.style.setProperty(
-      "--radix-accordion-content-height",
-      `${height}px`,
-    );
-  }
-  getContentHeight(el) {
-    const clone = el.cloneNode(true);
-    Object.assign(clone.style, {
-      display: "block",
-      position: "absolute",
-      visibility: "hidden",
-    });
-    document.body.appendChild(clone);
-    const height = clone.getBoundingClientRect().height;
-    document.body.removeChild(clone);
-    return height;
-  }
+        document.body.appendChild(clone);
+        const height = clone.getBoundingClientRect().height;
+        document.body.removeChild(clone);
+        return height;
+    }
 };
 export { AccordionController };

data/app/javascript/controllers/alert_dialog_controller.js

@@ -1,7 +1,7 @@
-import { DialogController } from "./dialog_controller";
+import { DialogController } from './dialog_controller';
 const AlertDialogController = class extends DialogController {
-  onDOMClick() {
-    return;
-  }
+    onDOMClick() {
+        return;
+    }
 };
 export { AlertDialogController };

data/app/javascript/controllers/avatar_controller.js

@@ -1,14 +1,14 @@
-import { Controller } from "@hotwired/stimulus";
+import { Controller } from '@hotwired/stimulus';
 const AvatarController = class extends Controller {
-  // targets
-  static targets = ["image", "fallback"];
-  connect() {
-    this.imageTarget.onerror = () => {
-      if (this.hasFallbackTarget) {
-        this.fallbackTarget.classList.remove("hidden");
-      }
-      this.imageTarget.classList.add("hidden");
-    };
-  }
+    // targets
+    static targets = ['image', 'fallback'];
+    connect() {
+        this.imageTarget.onerror = () => {
+            if (this.hasFallbackTarget) {
+                this.fallbackTarget.classList.remove('hidden');
+            }
+            this.imageTarget.classList.add('hidden');
+        };
+    }
 };
 export { AvatarController };

data/app/javascript/controllers/checkbox_controller.js

@@ -1,29 +1,30 @@
-import { Controller } from "@hotwired/stimulus";
+import { Controller } from '@hotwired/stimulus';
 const CheckboxController = class extends Controller {
-  // targets
-  static targets = ["input", "indicator"];
-  // values
-  static values = {
-    isChecked: Boolean,
-  };
-  toggle() {
-    this.isCheckedValue = !this.isCheckedValue;
-  }
-  preventDefault(event) {
-    event.preventDefault();
-  }
-  isCheckedValueChanged(isChecked) {
-    if (isChecked) {
-      this.element.ariaChecked = "true";
-      this.element.dataset.state = "checked";
-      this.inputTarget.checked = true;
-      this.indicatorTarget.classList.remove("hidden");
-    } else {
-      this.element.ariaChecked = "false";
-      this.element.dataset.state = "unchecked";
-      this.inputTarget.checked = false;
-      this.indicatorTarget.classList.add("hidden");
+    // targets
+    static targets = ['input', 'indicator'];
+    // values
+    static values = {
+        isChecked: Boolean,
+    };
+    toggle() {
+        this.isCheckedValue = !this.isCheckedValue;
+    }
+    preventDefault(event) {
+        event.preventDefault();
+    }
+    isCheckedValueChanged(isChecked) {
+        if (isChecked) {
+            this.element.ariaChecked = 'true';
+            this.element.dataset.state = 'checked';
+            this.inputTarget.checked = true;
+            this.indicatorTarget.classList.remove('hidden');
+        }
+        else {
+            this.element.ariaChecked = 'false';
+            this.element.dataset.state = 'unchecked';
+            this.inputTarget.checked = false;
+            this.indicatorTarget.classList.add('hidden');
+        }
     }
-  }
 };
 export { CheckboxController };

data/app/javascript/controllers/collapsible_controller.js

@@ -1,39 +1,41 @@
-import { Controller } from "@hotwired/stimulus";
-import { hideContent, showContent } from "../utils";
+import { Controller } from '@hotwired/stimulus';
+import { hideContent, showContent } from '../utils';
 const CollapsibleController = class extends Controller {
-  // targets
-  static targets = ["trigger", "content"];
-  // values
-  static values = {
-    isOpen: Boolean,
-  };
-  toggle() {
-    if (this.isOpenValue) {
-      this.close();
-    } else {
-      this.open();
+    // targets
+    static targets = ['trigger', 'content'];
+    // values
+    static values = {
+        isOpen: Boolean,
+    };
+    toggle() {
+        if (this.isOpenValue) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
     }
-  }
-  open() {
-    this.isOpenValue = true;
-  }
-  close() {
-    this.isOpenValue = false;
-  }
-  isOpenValueChanged(isOpen) {
-    if (isOpen) {
-      showContent({
-        trigger: this.triggerTarget,
-        content: this.contentTarget,
-        contentContainer: this.contentTarget,
-      });
-    } else {
-      hideContent({
-        trigger: this.triggerTarget,
-        content: this.contentTarget,
-        contentContainer: this.contentTarget,
-      });
+    open() {
+        this.isOpenValue = true;
+    }
+    close() {
+        this.isOpenValue = false;
+    }
+    isOpenValueChanged(isOpen) {
+        if (isOpen) {
+            showContent({
+                trigger: this.triggerTarget,
+                content: this.contentTarget,
+                contentContainer: this.contentTarget,
+            });
+        }
+        else {
+            hideContent({
+                trigger: this.triggerTarget,
+                content: this.contentTarget,
+                contentContainer: this.contentTarget,
+            });
+        }
     }
-  }
 };
 export { CollapsibleController };