@vandenberghinc/volt 1.1.5 → 1.1.7

package/frontend/dist/modules/cookies.d.ts

@@ -15,3 +15,4 @@ declare const Cookies: {
     _init(): void;
 };
 export { Cookies };
+export { Cookies as cookies };

package/frontend/dist/modules/cookies.js

@@ -164,3 +164,4 @@ const Cookies = {
 Cookies._init();
 // Export.
 export { Cookies };
+export { Cookies as cookies }; // also export as lowercase for compatibility.

package/frontend/dist/modules/events.d.ts

@@ -5,3 +5,4 @@ declare const Events: {
     remove<T extends object>(id: string, element: T, callback?: (element: T, args: Record<string, any>) => void): void;
 };
 export { Events };
+export { Events as events };

package/frontend/dist/modules/events.js

@@ -88,3 +88,4 @@ window.onload = () => {
 };
 // Export.
 export { Events };
+export { Events as events }; // also export as lowercase for compatibility.

package/frontend/dist/modules/google.d.ts

@@ -8,3 +8,4 @@ declare const Google: {
     };
 };
 export { Google };
+export { Google as google };

package/frontend/dist/modules/google.js

@@ -51,3 +51,4 @@ const Google = {
 Google._initialize();
 // Exports.
 export { Google };
+export { Google as google }; // also export as lowercase for compatibility.

package/frontend/dist/modules/meta.d.ts

@@ -7,3 +7,4 @@ export declare const Meta: {
         favicon?: string;
     }): void;
 };
+export { Meta as meta };

package/frontend/dist/modules/meta.js

@@ -43,3 +43,4 @@ export const Meta = {
         }
     },
 };
+export { Meta as meta }; // also export as lowercase for compatibility.

package/frontend/dist/modules/mutex.d.ts

@@ -1,8 +1,7 @@
-export declare class MutexType {
+export declare class Mutex {
     locked: boolean;
     queue: Array<() => void>;
     constructor();
     lock(): Promise<void>;
     unlock(): void;
 }
-export declare const Mutex: <Extensions extends object = {}>() => MutexType & Extensions;

package/frontend/dist/modules/mutex.js

@@ -2,11 +2,11 @@
  * Author: Daan van den Bergh
  * Copyright: © 2022 - 2024 Daan van den Bergh.
  */
-// Imports.
-import { Elements } from "../elements/module.js";
 // ---------------------------------------------------------
 // Mutex class.
-export class MutexType {
+export class Mutex {
+    locked;
+    queue;
     constructor() {
         this.locked = false;
         this.queue = [];
@@ -49,4 +49,3 @@ export class MutexType {
         }
     }
 }
-export const Mutex = Elements.wrapper(MutexType);

package/frontend/dist/modules/paddle.d.ts

@@ -1401,3 +1401,4 @@ declare const Payments: {
     };
 };
 export { Payments };
+export { Payments as payments };

package/frontend/dist/modules/paddle.js

@@ -17,7 +17,7 @@ import { Divider } from "../ui/divider";
 import { Input, ExtendedSelect, ExtendedInput } from "../ui/input";
 import { Spacer } from "../ui/spacer";
 import { Form } from "../ui/form";
-import { Popup } from "../ui/popup";
+import { YesNoPopup } from "../ui/popup";
 // ---------------------------------------------------------
 // Payments Object.
 const Payments = {
@@ -393,7 +393,7 @@ const Payments = {
             if (this._sign_in_redirect != null && !User.is_authenticated()) {
                 Utils.redirect(this._sign_in_redirect);
             }
-            const response = await Utils.request({
+            const response = await Utils.request_v1({
                 method: "POST",
                 url: "/volt/payments/init",
                 data: {
@@ -1313,7 +1313,7 @@ const Payments = {
                                 .hover_brightness(...style.button.hover_brightness)
                                 .font_weight("bold")
                                 .on_click(() => {
-                                document.body.appendChild(Popup({
+                                document.body.appendChild(YesNoPopup({
                                     title: "Request Refund",
                                     text: `You are about to request a refund for payment <span style='border-radius: 7px; background: ${style.bg_1}; padding: 1px 4px; font-size: 0.9em;'>${payment.id}</span>, do you wish to proceed?`,
                                     no: "No",
@@ -2200,7 +2200,7 @@ const Payments = {
             if (this._products !== undefined) {
                 return resolve(this._products);
             }
-            Utils.request({
+            Utils.request_v1({
                 method: "GET",
                 url: "/volt/payments/products",
             })
@@ -2268,7 +2268,7 @@ const Payments = {
      *   @desc: The id of the payment.
      */
     get_payment: async function (id) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/payment",
             data: {
@@ -2306,7 +2306,7 @@ const Payments = {
      *     @desc: Payments that are paid.
      */
     get_payments: async function ({ days = 30, limit = null, status = null, } = {}) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/payments",
             data: {
@@ -2333,7 +2333,7 @@ const Payments = {
      *   @desc: Limit the amount of response payment objects.
      */
     get_refundable_payments: async function ({ days = 30, limit = null, } = {}) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/payments/refundable",
             data: {
@@ -2359,7 +2359,7 @@ const Payments = {
      *   @desc: Limit the amount of response payment objects.
      */
     get_refunded_payments: async function ({ days = 30, limit = null, } = {}) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/payments/refunded",
             data: {
@@ -2385,7 +2385,7 @@ const Payments = {
      *   @desc: Limit the amount of response payment objects.
      */
     get_refunding_payments: async function ({ days = null, limit = null, } = {}) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/payments/refunding",
             data: {
@@ -2418,7 +2418,7 @@ const Payments = {
      *   @desc: The refund reason.
      */
     create_refund: async function (payment, line_items = null, reason = "refund") {
-        return Utils.request({
+        return Utils.request_v1({
             method: "POST",
             url: "/volt/payments/refund",
             data: {
@@ -2443,7 +2443,7 @@ const Payments = {
      *   @desc: The product id.
      */
     cancel_subscription: async function (product) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "DELETE",
             url: "/volt/payments/subscription",
             data: {
@@ -2465,7 +2465,7 @@ const Payments = {
      *   @desc: The product id.
      */
     is_subscribed: async function (product) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/subscribed",
             data: {
@@ -2482,7 +2482,7 @@ const Payments = {
      * @desc: Get the active subscriptions of the authenticated user.
      */
     get_active_subscriptions: async function () {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/payments/active_subscriptions",
         });
@@ -2639,3 +2639,4 @@ const Payments = {
 };
 // Exports.
 export { Payments };
+export { Payments as payments }; // also export as lowercase for compatibility.

package/frontend/dist/modules/scheme.d.ts

@@ -195,6 +195,7 @@ export declare const Scheme: {
         throw_err?: boolean;
     }, value?: any, type?: SchemeType, throw_err?: boolean) => string;
 };
+export { Scheme as SchemeType };
 declare global {
     interface Error {
         json?: {

package/frontend/dist/modules/scheme.js

@@ -7,7 +7,6 @@
  *  Therefore, it must be a standalone script not depending on anything from vlib except for Array.iterate.
  *  And beware that `vlib` will be replaced with `vweb`.
  */
-import { Colors } from "./colors.js";
 /** @docs
  *  @title Scheme
  *  @desc The scheme validation module
@@ -450,7 +449,9 @@ export const Scheme = {
                 if (last !== -1) {
                     stack = stack.slice(last);
                 }
-                console.warn(`${Colors.end}[Scheme.verify] ${Colors.yellow}Warning${Colors.end}: Attribute "callback" is deprecated and replaced by attribute "verify" and will be removed in future versions.\n${stack.join('\n')}`);
+                const color_end = "\u001b[0m";
+                const color_yellow = "\u001b[33m";
+                console.warn(`${color_end}[Scheme.verify] ${color_yellow}Warning${color_end}: Attribute "callback" is deprecated and replaced by attribute "verify" and will be removed in future versions.\n${stack.join('\n')}`);
                 // Still proceed as normal.
                 const err = scheme_item.callback(object[key], object, key);
                 if (err) {
@@ -646,4 +647,5 @@ export const Scheme = {
         return err;
     }
 };
+export { Scheme as SchemeType }; // also export as lowercase for compatibility.
 export default Scheme;

package/frontend/dist/modules/statics.d.ts

@@ -2,3 +2,4 @@ export declare const Statics: {
     aspect_ratios: any;
     aspect_ratio(endpoint: string): any;
 };
+export { Statics as statics };

package/frontend/dist/modules/statics.js

@@ -43,3 +43,4 @@ export const Statics = {
         return this.aspect_ratios[endpoint];
     }
 };
+export { Statics as statics }; // also export as lowercase for compatibility.

package/frontend/dist/modules/support.d.ts

@@ -16,3 +16,4 @@ declare const Support: {
     get_pin(): Promise<any>;
 };
 export { Support };
+export { Support as support };

package/frontend/dist/modules/support.js

@@ -71,7 +71,7 @@ const Support = {
      *		@type: object
      */
     submit(data = {}) {
-        return Utils.request({
+        return Utils.request_v1({
             method: "POST",
             url: "/volt/support/submit",
             data: data,
@@ -92,7 +92,7 @@ const Support = {
      *			@type: string
      */
     get_pin() {
-        return Utils.request({
+        return Utils.request_v1({
             method: "GET",
             url: "/volt/support/pin",
         });
@@ -100,3 +100,4 @@ const Support = {
 };
 // Export.
 export { Support };
+export { Support as support }; // also export as lowercase for compatibility.

package/frontend/dist/modules/theme.d.ts

@@ -0,0 +1,56 @@
+type ThemeAttributeName = string;
+type ThemeId = "dark" | "light";
+type ThemesOptions<ThemeOptions extends {}> = {
+    dark: ThemeOptions;
+    light: ThemeOptions;
+};
+type OnActivateCallback<ThemeOptions extends {}> = (themes_class: Theme<ThemeOptions>, active_id: ThemeId) => void;
+export declare class Theme<ThemeOptions extends {}> {
+    active_id: ThemeId;
+    active: ThemeOptions;
+    _attrs: string[];
+    _css_vars: Record<string, string | String>;
+    _id: string;
+    _on_activate_callback?: OnActivateCallback<ThemeOptions>;
+    constructor(id: string, themes: ThemesOptions<ThemeOptions>);
+    /**
+     * Initialize a specific theme.
+     * @note This function should be called after the constructor to ensure the most recent theme is activated, argument "id" can be left undefined.
+     */
+    initialize(id?: ThemeId): this;
+    /** Get full active theme id. */
+    get id(): string;
+    get_active_id_cached(): string;
+    activate(id: ThemeId, apply_theme_update?: boolean): this;
+    on_activate(): OnActivateCallback<ThemeOptions> | undefined;
+    on_activate(callback: OnActivateCallback<ThemeOptions>): this;
+    toggle(apply_theme_update?: boolean): this;
+    _add_attr(id: string, theme?: ThemeId): void;
+    set(theme: ThemeId, key: string, value: any): this;
+    get raw(): ThemeOptions;
+    value(id: ThemeAttributeName): any;
+    create<T = string>(id: string, create_theme_value: (theme_id: ThemeId, theme: ThemeOptions) => T): void;
+    /**
+     * Auto darken lighten a color from the theme
+     * Safe to call multiple times, caching is implemented.
+     *
+     * @warning The input color must be a hex / rgb(a) string.
+     * @param theme_attr The name of the original theme color.
+     * @param percent Percentage between 0. and 1.0.
+     */
+    auto_darken_lighten(theme_attr: ThemeAttributeName, percent?: number, reversed?: boolean): string;
+    opacity(theme_attr: ThemeAttributeName, opacity?: number): string;
+    /**
+     * Create a new value by multiplying a numeric attribute.
+     * @warning argument `id` should be the name of a numeric theme attribute.
+     * @param theme_attr The name of a numeric attribute
+     * @param x The number by which to multiply the attribute, `attribute * x`.
+     */
+    multiply(theme_attr: ThemeAttributeName, x?: number): string;
+    /** Function to disable all transition attributes on all elements. */
+    disable_transitions(): this;
+    /** Function to re-enable all transition attributes on all elements. */
+    enable_transitions(delay?: number): this;
+}
+export type ExtendTheme<ThemeOptions extends {}> = Theme<ThemeOptions> & ThemeOptions;
+export {};