stimulus-library 0.3.19 → 0.4.0

package/src/index.ts

@@ -1,71 +0,0 @@
-// Utilities
-import {ValueWarnController} from "./controllers/forms/value_warn_controller";
-
-export {BaseController} from "./utilities/base_controller";
-export {EphemeralController} from "./utilities/ephemeral_controller";
-
-// Controllers
-export {AnchorSpyController} from "./controllers/anchor_spy_controller";
-export {AsyncBlockController} from "./controllers/ajax/async_block_controller";
-export {AutoSubmitFormController} from "./controllers/forms/auto_submit_form_controller";
-export {AutosizeController} from "./controllers/forms/autosize_controller";
-export {BackLinkController} from "./controllers/back_link_controller";
-export {CharCountController} from "./controllers/forms/char_count_controller";
-export {CheckboxSelectAllController} from "./controllers/forms/checkbox_select_all_controller";
-export {ClipboardController} from "./controllers/clipboard_controller";
-export {ClockController} from "./controllers/visual/clock_controller";
-export {ConfirmController} from "./controllers/confirm_controller";
-export {ConfirmNavigationController} from "./controllers/confirm_navigation_controller";
-export {CountdownController} from "./controllers/visual/countdown_controller";
-export {DebugController} from "./controllers/debug_controller";
-export {DetectDirtyController, isDirty} from "./controllers/forms/detect_dirty_controller";
-export {DetectDirtyFormController, isFormDirty} from "./controllers/forms/detect_dirty_form_controller";
-export {DisableInputsController} from "./controllers/forms/disable_inputs_controller";
-export {DisableWithController} from "./controllers/disable_with_controller";
-export {DismissableController} from "./controllers/dismissable_controller";
-export {DurationController} from "./controllers/visual/duration_controller";
-export {ElementSaveController} from "./controllers/element_save_controller";
-export {EmptyDomController} from "./controllers/empty_dom_controller";
-export {EnableInputsController} from "./controllers/forms/enable_inputs_controller";
-export {FallbackImageController} from "./controllers/media/fallback_image_controller";
-export {FormRcController} from "./controllers/forms/form_rc_controller";
-export {FormSaveController} from "./controllers/forms/form_save_controller";
-export {IntersectionController} from "./controllers/utility/intersection_controller";
-export {IntervalController} from "./controllers/utility/interval_controller";
-export {LazyBlockController} from "./controllers/ajax/lazy_block_controller";
-export {LightboxImageController} from "./controllers/media/lightbox_image_controller";
-export {LimitedSelectionCheckboxesController} from "./controllers/forms/limited_selection_checkboxes_controller";
-export {LoadBlockController} from "./controllers/ajax/load_block_controller";
-export {MediaPlayerController} from "./controllers/media/media_player_controller";
-export {NavigateFormErrorsController} from "./controllers/forms/navigate_form_errors_controller";
-export {NestedFormController} from "./controllers/forms/nested_form_controller";
-export {PasswordConfirmController} from "./controllers/forms/password_confirm_controller";
-export {PasswordPeekController} from "./controllers/forms/password_peek_controller";
-export {PollBlockController} from "./controllers/ajax/poll_block_controller";
-export {PrefetchController} from "./controllers/prefetch_controller";
-export {PresenceController} from "./controllers/utility/presence_controller";
-export {RemoteFormController} from "./controllers/forms/remote_form_controller";
-export {RemoveController} from "./controllers/dismissable_controller";
-export {ResponsiveIframeBodyController, ResponsiveIframeWrapperController} from "./controllers/responsive_iframe_controller";
-export {ScrollContainerController} from "./controllers/scroll/scroll_container_controller";
-export {ScrollIntoFocusController} from "./controllers/scroll/scroll_into_focus_controller";
-export {ScrollToBottomController} from "./controllers/scroll/scroll_to_bottom_controller";
-export {ScrollToController} from "./controllers/scroll/scroll_to_controller";
-export {ScrollToTopController} from "./controllers/scroll/scroll_to_top_controller";
-export {SelfDestructController} from "./controllers/self_destruct_controller";
-export {StickyController} from "./controllers/sticky_controller";
-export {SyncInputsController} from "./controllers/forms/sync_inputs_controller";
-export {TableSortController} from "./controllers/tables/table_sort_controller";
-export {TableTruncateController} from "./controllers/tables/table_truncate_controller";
-export {TabsController} from "./controllers/visual/tabs_controller";
-export {TeleportController} from "./controllers/teleport_controller";
-export {TemporaryStateController, applyTemporaryState, applyTemporaryClass} from "./controllers/temporary_state_controller";
-export {TimeDistanceController} from "./controllers/visual/time_distance_controller";
-export {TimeoutController} from "./controllers/utility/timeout_controller";
-export {ToggleClassController} from "./controllers/toggle_class_controller";
-export {TreeViewController} from "./controllers/visual/tree_view_controller";
-export {TurboFrameRCController} from "./controllers/turbo_frame_rc_controller";
-export {TurboFrameRefreshController} from "./controllers/turbo_frame_refresh_controller";
-export {UserFocusController} from "./controllers/utility/user_focus_controller";
-export {ValueWarnController} from "./controllers/forms/value_warn_controller";
-export {WordCountController} from "./controllers/forms/word_count_controller";

package/src/utilities/base_controller.ts

@@ -1,143 +0,0 @@
-import {Context, Controller} from "stimulus";
-
-export class BaseController extends Controller {
-
-  constructor(context: Context) {
-    super(context);
-    // @ts-ignore
-    if (!this.application.debug) {
-      return this;
-    }
-    return new Proxy(this, {
-      get: (obj, prop) => {
-        let returnVal = Reflect.get(obj, prop);
-        let self = this;
-        if (logProperty(prop.toString())) {
-          if (typeof returnVal == "function") {
-            return new Proxy(returnVal, {
-              apply(target: any, thisArg: any, argArray?: any): any {
-                self.log(prop.toString(), {
-                  args: argArray,
-                });
-                return Reflect.apply(target, thisArg, argArray);
-              },
-            });
-          } else {
-            this.log(prop.toString());
-          }
-        }
-        return returnVal;
-      },
-    });
-  }
-
-  get el(): HTMLElement {
-    return this.element as HTMLElement;
-  }
-
-  get isTurboPreview(): boolean {
-    return document.documentElement.hasAttribute('data-turbo-preview') || document.documentElement.hasAttribute('data-turbolinks-preview');
-  }
-
-  get isTurbolinksPreview(): boolean {
-    return this.isTurboPreview;
-  }
-
-  get csrfToken(): string | null {
-    return this.metaValue('csrf-token');
-  }
-
-  metaValue(name: string): string | null {
-    const element = document.head.querySelector(`meta[name="${name}"]`);
-    return element?.getAttribute('content') || null;
-  }
-
-  dispatch(element: HTMLElement, eventName: string, options: CustomEventInit = {}) {
-    let mergedOptions = Object.assign({}, {bubbles: true, cancelable: true, detail: {target: element}}, options);
-    if (!!mergedOptions.detail.target) {
-      mergedOptions.detail.target = element;
-    }
-    let event = new CustomEvent(eventName, mergedOptions);
-    this.logEvent(eventName, event, element);
-    element.dispatchEvent(event);
-  }
-
-  log(functionName: string, args: {} = {}): void {
-    // @ts-ignore
-    if (!this.application.debug) {
-      return;
-    }
-    let logger = console;
-    logger.groupCollapsed(`%c${this.identifier} %c#${functionName}`, "color: #3B82F6", "color: unset");
-    logger.log({
-      element: this.element,
-      ...args,
-    });
-    logger.groupEnd();
-  }
-
-  warn(warning: string, args: {} = {}): void {
-    // @ts-ignore
-    if (!this.application.debug) {
-      return;
-    }
-    let logger = console;
-    logger.groupCollapsed(`%c${this.identifier} %c#${warning}`, "color: F39B1AFF", "color: unset");
-    logger.warn({
-      element: this.element,
-      ...args,
-    });
-    logger.groupEnd();
-  }
-
-  logEvent(eventName: string, event: CustomEvent, element: HTMLElement) {
-    // @ts-ignore
-    if (!this.application.debug) {
-      return;
-    }
-    let logger = console;
-    logger.groupCollapsed(`%c${this.identifier} %c${eventName}%c`, "color: #3B82F6", "color: #0be000", "color: unset");
-    logger.log({element});
-    logger.groupEnd();
-  }
-
-}
-
-function logProperty(prop: string): boolean {
-  switch (prop) {
-    case "application":
-    case "el":
-    case "element":
-    case "constructor":
-    case "initialize":
-    case "log":
-    case "logEvent":
-    case "dispatch":
-    case "data":
-    case "valueDescriptorMap":
-    case "mutate":
-    case "identifier":
-      return false;
-  }
-
-  if (/^_.*?$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Target(s)?$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Value$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?ValueChanged$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Class$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Classes$/.test(prop)) {
-    return false;
-  }
-
-  return true;
-}

package/src/utilities/elements.ts

@@ -1,47 +0,0 @@
-export function isHTMLLinkElement(element: Element): element is HTMLLinkElement {
-  return element.nodeName == "LINK";
-}
-
-export function isHTMLAnchorElement(element: Element): element is HTMLAnchorElement {
-  return element.nodeName == "A";
-}
-
-export function isHTMLFormElement(element: Element): element is HTMLFormElement {
-  return element.nodeName == "FORM";
-}
-
-export function isHTMLInputElement(element: Element): element is HTMLInputElement {
-  return element.nodeName == "INPUT";
-}
-
-export function isHTMLTextAreaElement(element: Element): element is HTMLTextAreaElement {
-  return element.nodeName == "TEXTAREA";
-}
-
-export function isHTMLButtonElement(element: Element): element is HTMLButtonElement {
-  return element.nodeName == "BUTTON";
-}
-
-export function isHTMLSelectElement(element: Element): element is HTMLSelectElement {
-  return element.nodeName == "SELECT";
-}
-
-export function isHTMLImageElement(element: Element): element is HTMLImageElement {
-  return element.nodeName == "IMG";
-}
-
-export function isElementCheckable(element: Element): element is HTMLInputElement & { checked: boolean } {
-  return isHTMLInputElement(element) && (element.type === "radio" || element.type === "checkbox");
-}
-
-export function isTypeOfFormInputElement(element: Element): element is (HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement) {
-  return isHTMLInputElement(element) || isHTMLSelectElement(element) || isHTMLTextAreaElement(element);
-}
-
-export function createHiddenButton(type: "submit" | "reset"): HTMLButtonElement {
-  let button = document.createElement('button');
-  button.type = type;
-  button.style.display = 'none';
-  button.dataset.sythentic = 'true';
-  return button;
-}

package/src/utilities/ephemeral_controller.ts

@@ -1,45 +0,0 @@
-import camelCase from "camelcase";
-import {BaseController} from "./base_controller";
-
-export class EphemeralController extends BaseController {
-
-  _cleanupSelf() {
-    this.cleanup(this.el);
-  }
-
-  cleanup(element: HTMLElement) {
-    element.dataset.controller = element.dataset.controller?.replaceAll(new RegExp(`(\s|^)${this.identifier}(\s|$)`, "g"), "") || "";
-    if (element.dataset.controller == "") {
-      // If there are no controllers left, remove the attribute
-      delete element.dataset.controller;
-    }
-
-    let substringIdentifierValueRegex = new RegExp(`(\s|^)${this.identifier}\\..+?(\s|$)`, "g");
-    element.dataset.target = element.dataset.target?.replaceAll(substringIdentifierValueRegex, "") || "";
-    delete element.dataset[camelCase(`${this.identifier}-target`)];
-    if (element.dataset.target == "") {
-      // If there are no targets left, remove the attribute
-      delete element.dataset.target;
-    }
-
-    element.dataset.action = element.dataset.target?.replaceAll(substringIdentifierValueRegex, "") || "";
-    delete element.dataset[camelCase(`${this.identifier}-action`)];
-    if (element.dataset.action == "") {
-      // If there are no actions left, remove the attribute
-      delete element.dataset.action;
-    }
-
-    // @ts-ignore
-    let values = this.constructor.values;
-    if (values) {
-      Object.keys(values).forEach(val => delete element.dataset[camelCase(`${this.identifier}-${val}-value`)]);
-    }
-
-    // @ts-ignore
-    let classes = this.constructor.classes;
-    if (classes) {
-      Object.keys(classes).forEach(val => delete element.dataset[camelCase(`${this.identifier}-${val}-class`)]);
-    }
-  }
-
-}

package/src/utilities/event_bus.ts

@@ -1,3 +0,0 @@
-import mitt from 'mitt';
-
-export const EventBus = mitt<{ [idx: string]: any }>();

package/src/utilities/requestSubmit.ts

@@ -1,23 +0,0 @@
-import {createHiddenButton} from "./elements";
-
-export function requestSubmit(form: HTMLFormElement) {
-  if (form.requestSubmit) {
-    form.requestSubmit();
-  } else {
-    let button: HTMLButtonElement | null = form.querySelector('button[type="submit"]');
-    if (!button) {
-      button = button = createHiddenButton("submit");
-      form.insertAdjacentElement('beforeend', button);
-    }
-    button.click();
-  }
-}
-
-export function requestReset(form: HTMLFormElement) {
-  let button: HTMLButtonElement | null = form.querySelector('button[type="reset"]');
-  if (!button) {
-    button = createHiddenButton("reset");
-    form.insertAdjacentElement('beforeend', button);
-  }
-  button.click();
-}

package/src/utilities/scroll.ts

@@ -1,101 +0,0 @@
-const smoothSupported = "scrollBehavior" in document.documentElement.style;
-let smoothPolyfilled: boolean;
-
-export async function scrollToElement(element: Element, {behavior = "smooth", block = "start", inline = "nearest"}: ScrollIntoViewOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollIntoView({behavior, block, inline});
-}
-
-export async function scrollAbsoluteTop(element: Window | Element, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollTo({top: 0, left: 0, behavior});
-}
-
-export async function scrollAbsoluteBottom(element: Window | Element, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  if (element == window) {
-    element.scrollTo({top: document.body.scrollHeight, left: 0, behavior});
-  } else {
-    element.scrollTo({top: (element as Element).scrollHeight, left: 0, behavior});
-  }
-}
-
-export async function scrollAbsoluteLeft(element: Window | Element, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollTo({left: 0, behavior});
-}
-
-export async function scrollAbsoluteRight(element: Window | Element, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  if (element == window) {
-    element.scrollTo({left: document.body.scrollWidth, behavior});
-  } else {
-    element.scrollTo({left: (element as Element).scrollWidth, behavior});
-  }
-}
-
-export async function scrollUp(element: Window | Element, amount: number, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({top: -amount, left: 0, behavior});
-}
-
-export async function scrollDown(element: Window | Element, amount: number, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({top: amount, left: 0, behavior});
-}
-
-export async function scrollLeft(element: Window | Element, amount: number, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({top: 0, left: -amount, behavior});
-}
-
-export async function scrollRight(element: Window | Element, amount: number, {behavior = "smooth"}: ScrollOptions = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({top: 0, left: amount, behavior});
-}
-
-async function polyfillSmooth() {
-  const {polyfill} = await import(/* webpackChunkName: "smoothscroll-polyfill" */ "smoothscroll-polyfill");
-  if (smoothPolyfilled) {
-    return;
-  }
-  smoothPolyfilled = true;
-  polyfill();
-}
-
-export function getScrollParent(node: HTMLElement | null): Window | HTMLElement | null {
-  if (!node) {
-    return null;
-  }
-
-  if (node == document.body) {
-    return window;
-  }
-
-  const overflowY = getComputedStyle(node).overflowY;
-  const isScrollable = overflowY !== "visible" && overflowY !== "hidden";
-
-  if (isScrollable && node.scrollHeight >= node.clientHeight) {
-    return node;
-  }
-
-  return getScrollParent(node.parentElement) || document.body;
-}

package/src/utilities/turbo.ts

@@ -1,3 +0,0 @@
-export function isTurboFrame(element: HTMLElement): element is TurboFrame {
-  return element.nodeName == "TURBO-FRAME";
-}

package/src/utilities/types.d.ts

@@ -1,4 +0,0 @@
-interface TurboFrame extends HTMLElement {
-  nodeName: "TURBO-FRAME"
-  src: string
-}

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "declaration": true,
-    "declarationMap": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "module": "ESNext",
-    "target": "ESNext",
-    "sourceMap": true,
-    "outDir": "dist",
-    "rootDir": "src",
-    "baseUrl": ".",
-    "paths": {
-      "src/*": [
-        "src/index.ts"
-      ]
-    }
-  },
-  "include": [
-    "./src/**/*.js",
-    "./src/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}