Packages

corex

0.1.0-alpha.27
0.1.2 0.1.1 0.1.0 0.1.0-rc.1 0.1.0-rc.0 0.1.0-beta.5 0.1.0-beta.4 0.1.0-beta.3 0.1.0-beta.2 0.1.0-beta.1 0.1.0-alpha.33 0.1.0-alpha.32 0.1.0-alpha.31 0.1.0-alpha.30 0.1.0-alpha.29 0.1.0-alpha.28 0.1.0-alpha.27 0.1.0-alpha.26 0.1.0-alpha.25 0.1.0-alpha.24 0.1.0-alpha.23 0.1.0-alpha.22 0.1.0-alpha.21 0.1.0-alpha.20 0.1.0-alpha.19 0.1.0-alpha.18 0.1.0-alpha.17 0.1.0-alpha.16 0.1.0-alpha.15 0.1.0-alpha.14 0.1.0-alpha.13 0.1.0-alpha.12 0.1.0-alpha.11 0.1.0-alpha.10 0.1.0-alpha.9 0.1.0-alpha.8 0.1.0-alpha.7 0.1.0-alpha.6 0.1.0-alpha.5 0.1.0-alpha.4 0.1.0-alpha.3 0.1.0-alpha.2 0.1.0-alpha.1

Accessible and unstyled UI components library written in Elixir and TypeScript that integrates Zag.js state machines into the Phoenix Framework.

HexDocs

Current section

Files

Jump to
Readme
43 Versions
4 Dependencies
Dependants
Files
Activity
corex priv static corex.mjs
Raw

priv/static/corex.mjs 

// hooks/corex.ts

function createLazyHook(importFn, exportName) {

  return {

    async mounted() {

      const mod = await importFn();

      const real = mod[exportName];

      this._realHook = real;

      if (real?.mounted) return real.mounted.call(this);

    },

    updated() {

      this._realHook?.updated?.call(this);

    },

    destroyed() {

      this._realHook?.destroyed?.call(this);

    },

    disconnected() {

      this._realHook?.disconnected?.call(this);

    },

    reconnected() {

      this._realHook?.reconnected?.call(this);

    },

    beforeUpdate() {

      this._realHook?.beforeUpdate?.call(this);

    }

  };

}

var Hooks = {

  Accordion: createLazyHook(() => import("corex/accordion"), "Accordion"),

  AngleSlider: createLazyHook(() => import("corex/angle-slider"), "AngleSlider"),

  Avatar: createLazyHook(() => import("corex/avatar"), "Avatar"),

  Carousel: createLazyHook(() => import("corex/carousel"), "Carousel"),

  Checkbox: createLazyHook(() => import("corex/checkbox"), "Checkbox"),

  Clipboard: createLazyHook(() => import("corex/clipboard"), "Clipboard"),

  Collapsible: createLazyHook(() => import("corex/collapsible"), "Collapsible"),

  Combobox: createLazyHook(() => import("corex/combobox"), "Combobox"),

  DatePicker: createLazyHook(() => import("corex/date-picker"), "DatePicker"),

  Dialog: createLazyHook(() => import("corex/dialog"), "Dialog"),

  Editable: createLazyHook(() => import("corex/editable"), "Editable"),

  FloatingPanel: createLazyHook(() => import("corex/floating-panel"), "FloatingPanel"),

  Listbox: createLazyHook(() => import("corex/listbox"), "Listbox"),

  Menu: createLazyHook(() => import("corex/menu"), "Menu"),

  NumberInput: createLazyHook(() => import("corex/number-input"), "NumberInput"),

  PasswordInput: createLazyHook(() => import("corex/password-input"), "PasswordInput"),

  PinInput: createLazyHook(() => import("corex/pin-input"), "PinInput"),

  RadioGroup: createLazyHook(() => import("corex/radio-group"), "RadioGroup"),

  Select: createLazyHook(() => import("corex/select"), "Select"),

  SignaturePad: createLazyHook(() => import("corex/signature-pad"), "SignaturePad"),

  Switch: createLazyHook(() => import("corex/switch"), "Switch"),

  Tabs: createLazyHook(() => import("corex/tabs"), "Tabs"),

  Timer: createLazyHook(() => import("corex/timer"), "Timer"),

  Toast: createLazyHook(() => import("corex/toast"), "Toast"),

  ToggleGroup: createLazyHook(() => import("corex/toggle-group"), "ToggleGroup"),

  TreeView: createLazyHook(() => import("corex/tree-view"), "TreeView")

};

function hooks(componentNames) {

  return Object.fromEntries(

    componentNames.filter((name) => name in Hooks).map((name) => [name, Hooks[name]])

  );

}

var corex_default = Hooks;

export {

  Hooks,

  corex_default as default,

  hooks

};

//# sourceMappingURL=corex.mjs.map