ranui 0.1.1-alpha.8 → 0.1.2

package/dist/_commonjs-dynamic-modules-2ceabb0b.js

@@ -0,0 +1,12 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function commonjsRequire(path) {
+  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+export {
+  commonjsRequire as a,
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};

package/dist/{add-user.98b805f1.js → add-user-d07564bd.js}

@@ -2,4 +2,3 @@ const addUser = { "_identification": true, "data": '<svg t="1667110768583" class
 export {
   addUser as default
 };
-//# sourceMappingURL=add-user.98b805f1.js.map

package/dist/{book.c3235430.js → book-2a5a596c.js}

@@ -2,4 +2,3 @@ const book = { "_identification": true, "data": '<svg t="1667110830636" class="i
 export {
   book as default
 };
-//# sourceMappingURL=book.c3235430.js.map

package/dist/{check-circle.711c4f31.js → check-circle-2c986969.js}

@@ -2,4 +2,3 @@ const checkCircle = { "_identification": true, "data": '<svg t="1667483538687" c
 export {
   checkCircle as default
 };
-//# sourceMappingURL=check-circle.711c4f31.js.map

package/dist/{check-circle-fill.0a9e8a28.js → check-circle-fill-62eaa796.js}

@@ -2,4 +2,3 @@ const checkCircleFill = { "_identification": true, "data": '<svg t="166796518540
 export {
   checkCircleFill as default
 };
-//# sourceMappingURL=check-circle-fill.0a9e8a28.js.map

package/dist/{close-circle.dda355df.js → close-circle-2afb6e94.js}

@@ -2,4 +2,3 @@ const closeCircle = { "_identification": true, "data": '<svg t="1667483596224" c
 export {
   closeCircle as default
 };
-//# sourceMappingURL=close-circle.dda355df.js.map

package/dist/{close-circle-fill.726bf59c.js → close-circle-fill-b6906239.js}

@@ -2,4 +2,3 @@ const closeCircleFill = { "_identification": true, "data": '<svg t="166796522095
 export {
   closeCircleFill as default
 };
-//# sourceMappingURL=close-circle-fill.726bf59c.js.map

package/dist/{close.9954c08c.js → close-ee3ba1d1.js}

@@ -2,4 +2,3 @@ const close = { "_identification": true, "data": '<svg t="1688378016663" class="
 export {
   close as default
 };
-//# sourceMappingURL=close.9954c08c.js.map

package/dist/colz-746223ab.js

@@ -0,0 +1,241 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const round = Math.round;
+class Rgb {
+  constructor(col) {
+    __publicField(this, "r");
+    __publicField(this, "g");
+    __publicField(this, "b");
+    this.r = col[0];
+    this.g = col[1];
+    this.b = col[2];
+  }
+  toString() {
+    return `rgb(${this.r},${this.g},${this.b})`;
+  }
+}
+class Rgba extends Rgb {
+  constructor(col) {
+    super(col);
+    __publicField(this, "a");
+    this.a = col[3];
+  }
+  toString() {
+    return `rgba(${this.r},${this.g},${this.b},${this.a})`;
+  }
+}
+class Hsl {
+  constructor(col) {
+    __publicField(this, "h");
+    __publicField(this, "s");
+    __publicField(this, "l");
+    this.h = col[0];
+    this.s = col[1];
+    this.l = col[2];
+  }
+  toString() {
+    return `hsl(${this.h},${this.s}%,${this.l}%)`;
+  }
+}
+class Hsla extends Hsl {
+  constructor(col) {
+    super(col);
+    __publicField(this, "a");
+    this.a = col[3];
+  }
+  toString() {
+    return `hsla(${this.h},${this.s}%,${this.l}%,${this.a})`;
+  }
+}
+class Color {
+  constructor(r, g = 0, b = 0, a = 1) {
+    __publicField(this, "r");
+    __publicField(this, "g");
+    __publicField(this, "b");
+    __publicField(this, "a");
+    __publicField(this, "rgb");
+    __publicField(this, "rgba");
+    __publicField(this, "hex");
+    __publicField(this, "hsl");
+    __publicField(this, "hsla");
+    __publicField(this, "h");
+    __publicField(this, "s");
+    __publicField(this, "l");
+    if (typeof r === "string") {
+      let str = r;
+      if (str.charAt(0) !== "#") {
+        str = "#" + str;
+      }
+      if (str.length < 7) {
+        str = "#" + str[1] + str[1] + str[2] + str[2] + str[3] + str[3];
+      }
+      [r, g, b] = hexToRgb(str);
+    } else if (r instanceof Array) {
+      a = r[3] || a;
+      b = r[2];
+      g = r[1];
+      r = r[0];
+    }
+    this.r = Number(r);
+    this.g = Number(g);
+    this.b = Number(b);
+    this.a = a;
+    this.rgb = new Rgb([this.r, this.g, this.b]);
+    this.rgba = new Rgba([this.r, this.g, this.b, this.a]);
+    this.hex = rgbToHex(this.r, this.g, this.b);
+    this.hsl = new Hsl(rgbToHsl(this.r, this.g, this.b));
+    this.h = this.hsl.h;
+    this.s = this.hsl.s;
+    this.l = this.hsl.l;
+    this.hsla = new Hsla([this.h, this.s, this.l, this.a]);
+  }
+  setHue(newHue) {
+    this.h = newHue;
+    this.hsl.h = newHue;
+    this.hsla.h = newHue;
+    this.updateFromHsl();
+  }
+  setSat(newSat) {
+    this.s = newSat;
+    this.hsl.s = newSat;
+    this.hsla.s = newSat;
+    this.updateFromHsl();
+  }
+  setLum(newLum) {
+    this.l = newLum;
+    this.hsl.l = newLum;
+    this.hsla.l = newLum;
+    this.updateFromHsl();
+  }
+  setAlpha(newAlpha) {
+    this.a = newAlpha;
+    this.hsla.a = newAlpha;
+    this.rgba.a = newAlpha;
+  }
+  updateFromHsl() {
+    this.rgb = new Rgb(hslToRgb(this.h, this.s, this.l));
+    this.r = this.rgb.r;
+    this.g = this.rgb.g;
+    this.b = this.rgb.b;
+    this.rgba.r = this.rgb.r;
+    this.rgba.g = this.rgb.g;
+    this.rgba.b = this.rgb.b;
+    this.hex = rgbToHex([this.r, this.g, this.b]);
+  }
+}
+const hexToRgb = function(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : null;
+};
+const getDarkColor = (color, level) => {
+  const rgbc = hexToRgb(color) || [];
+  for (let i = 0; i < 3; i++)
+    rgbc[i] = Math.floor(Number(rgbc[i]) * (1 - level));
+  return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
+};
+function getLightColor(color, level) {
+  const rgbc = hexToRgb(color) || [];
+  for (let i = 0; i < 3; i++)
+    rgbc[i] = Math.floor((255 - Number(rgbc[i])) * level + Number(rgbc[i]));
+  return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
+}
+const componentToHex = function(c) {
+  const hex = c.toString(16);
+  return hex.length === 1 ? "0" + hex : hex;
+};
+const rgbToHex = function(r, g = 0, b = 0) {
+  if (r instanceof Array) {
+    b = r[2];
+    g = r[1];
+    r = r[0];
+  }
+  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
+};
+const rgbToHsl = function(r, g = 0, b = 0) {
+  if (r instanceof Array) {
+    b = r[2];
+    g = r[1];
+    r = r[0];
+  }
+  let s, l, d, h = 0;
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  l = (max + min) / 2;
+  if (max === min) {
+    h = s = 0;
+  } else {
+    d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  h = round(h * 360);
+  s = round(s * 100);
+  l = round(l * 100);
+  return [h, s, l];
+};
+const hue2rgb = function(p, q, t) {
+  if (t < 0) {
+    t += 1;
+  }
+  if (t > 1) {
+    t -= 1;
+  }
+  if (t < 1 / 6) {
+    return p + (q - p) * 6 * t;
+  }
+  if (t < 1 / 2) {
+    return q;
+  }
+  if (t < 2 / 3) {
+    return p + (q - p) * (2 / 3 - t) * 6;
+  }
+  return p;
+};
+const hslToRgb = function(h, s, l) {
+  if (h instanceof Array) {
+    l = h[2];
+    s = h[1];
+    h = h[0];
+  }
+  h = Number(h) / 360;
+  s = Number(s) / 100;
+  l = Number(l) / 100;
+  let r, g, b, q, p;
+  if (s === 0) {
+    r = g = b = l;
+  } else {
+    q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return [round(r * 255), round(g * 255), round(b * 255)];
+};
+export {
+  Color as C,
+  getDarkColor as a,
+  getLightColor as g
+};

package/dist/components/button/index.d.ts

@@ -7,6 +7,8 @@ declare const _default: typeof CustomError | {
         _btn: HTMLDivElement;
         _iconElement?: HTMLElement | undefined;
         _slot: HTMLSlotElement;
+        _shadowDom: ShadowRoot;
+        sheet: string | null;
         disabled: string | boolean | null | undefined;
         iconSize: string | null | undefined;
         icon: string | null;
@@ -18,6 +20,7 @@ declare const _default: typeof CustomError | {
         setIcon: () => void;
         mousedown: (event: MouseEvent) => void;
         mouseLeave: () => void;
+        handlerExternalCss(): void;
         connectedCallback(): void;
         disconnectCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;

package/dist/components/form/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: void;
+export default _default;

package/dist/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: void;
+export default _default;

package/dist/components/preview/colz.d.ts

@@ -0,0 +1,72 @@
+declare type ColorVal = (string | number)[];
+export declare class Rgb {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Rgba extends Rgb {
+    a: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Hsl {
+    h: string | number;
+    s: string | number;
+    l: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Hsla extends Hsl {
+    a: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Color {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    a: string | number;
+    rgb: Rgb;
+    rgba: Rgba;
+    hex: string;
+    hsl: Hsl;
+    hsla: Hsla;
+    h: string | number;
+    s: string | number;
+    l: string | number;
+    constructor(r: string | number | Array<string | number>, g?: string | number, b?: string | number, a?: string | number);
+    setHue(newHue: string | number): void;
+    setSat(newSat: string | number): void;
+    setLum(newLum: number): void;
+    setAlpha(newAlpha: string | number): void;
+    updateFromHsl(): void;
+}
+export declare const randomColor: () => Color;
+export declare const hexToRgb: (hex: string) => RegExpExecArray | null | Array<number>;
+export declare const getDarkColor: (color: string, level: number) => string;
+export declare function getLightColor(color: string, level: number): string;
+export declare const componentToHex: (c: string | number) => string;
+export declare const rgbToHex: (r: string | number | Array<string | number>, g?: string | number, b?: string | number) => string;
+export declare const rgbToHsl: (r: number | number[], g?: number, b?: number) => Array<number>;
+export declare const hue2rgb: (p: number, q: number, t: number) => number;
+export declare const hslToRgb: (h: number | string | number[], s: number | string, l: number | string) => Array<number>;
+export declare const rgbToHsb: (r: number, g: number, b: number) => number[];
+export declare const hsbToRgb: (h: number, s: number, v: number) => number[];
+export declare const hsvToRgb: (h: number, s: number, v: number) => number[];
+export declare const hsbToHsl: (h: any, s: any, b: any) => number[];
+export declare const hsvToHsl: (h: any, s: any, b: any) => number[];
+export declare class ColorScheme {
+    palette: Color[];
+    constructor(colorVal: (string | number)[], angleArray: number[]);
+    createFromColors(colorVal: (string | number)[]): Color[];
+    createFromAngles(colorVal: string | number | (string | number)[], angleArray: number[]): Color[];
+    static Compl(colorVal: ColorVal): ColorScheme;
+    static Triad(colorVal: ColorVal): ColorScheme;
+    static Tetrad(colorVal: ColorVal): ColorScheme;
+    static Analog(colorVal: ColorVal): ColorScheme;
+    static Split(colorVal: ColorVal): ColorScheme;
+    static Accent(colorVal: ColorVal): ColorScheme;
+}
+export {};

package/dist/components/preview/docx.d.ts

@@ -0,0 +1,8 @@
+interface DocxOptions {
+    bodyContainer?: HTMLElement | null;
+    styleContainer?: HTMLElement;
+    buffer: Blob;
+    docxOptions?: Partial<Record<string, string | boolean>>;
+}
+export declare const renderDocx: (options: DocxOptions) => Promise<void> | undefined;
+export {};

package/dist/components/preview/excel/excel.d.ts

@@ -0,0 +1,11 @@
+export declare function getData(src: Blob | ArrayBuffer | Response, options: RequestExcelOption): Promise<unknown>;
+interface RequestExcelOption {
+    responseType: XMLHttpRequestResponseType;
+    method: string;
+    withCredentials: boolean;
+    headers: Record<string, string>;
+    body: string;
+}
+export declare function readExcelData(buffer: ArrayBuffer | string): Promise<unknown>;
+export declare function transferExcelToSpreadSheet(workbook: any, options: any): any;
+export {};

package/dist/components/preview/excel/index.d.ts

@@ -0,0 +1 @@
+export declare const renderExcel: (file: File, dom?: HTMLElement) => Promise<void>;

package/dist/components/preview/excel/media.d.ts

@@ -0,0 +1,37 @@
+interface Tl {
+    nativeCol: number;
+    nativeColOff: number;
+    nativeRow: number;
+    nativeRowOff: number;
+}
+interface Range {
+    tl: Tl;
+    br: Tl;
+}
+export interface Media {
+    [x: string]: any;
+    imageId: number;
+    range: Range;
+    type: string;
+    buffer: ArrayBuffer | string;
+}
+export interface Sheet {
+    name: string;
+    _media: Array<Media>;
+    _columns: Array<{
+        width: number;
+        height: number;
+    }>;
+    _rows: Array<{
+        width: number;
+        height: number;
+    }>;
+}
+export declare function renderImage(ctx: CanvasRenderingContext2D, medias: Partial<Media>, sheet: Sheet, offset: {
+    scroll: {
+        x: number;
+        y: number;
+    };
+}): void;
+export declare function clearCache(): void;
+export {};

package/dist/components/preview/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Promise<void>;
+export default _default;

package/dist/components/preview/pdf.d.ts

@@ -0,0 +1 @@
+export declare const renderPdf: (file: File, dom?: HTMLElement) => Promise<void>;

package/dist/components/preview/pptx/index.d.ts

@@ -0,0 +1,16 @@
+export interface Msg<T = string> {
+    type: string;
+    data: T extends 'slide' | 'pptx-thumb' | 'globalCSS' ? string : any;
+}
+interface Options {
+    pptx: ArrayBuffer | string;
+    resultElement: HTMLElement;
+    thumbElement?: HTMLElement;
+}
+/**
+ * @param {ArrayBuffer} pptx
+ * @param {Element|String} resultElement
+ * @param {Element|String} [thumbElement]
+ */
+export declare const renderPptx: (options: Options) => Promise<any> | undefined;
+export {};

package/dist/components/preview/pptx/process_pptx.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="node" />
+import type { Msg } from '../../preview/pptx';
+interface InputByType {
+    base64: string;
+    string: string;
+    text: string;
+    binarystring: string;
+    array: number[];
+    uint8array: Uint8Array;
+    arraybuffer: ArrayBuffer;
+    blob: Blob;
+    stream: NodeJS.ReadableStream;
+}
+declare type InputFileFormat = InputByType[keyof InputByType] | Promise<InputByType[keyof InputByType]>;
+export default function processPptx(setOnMessage: {
+    (func: (x: Msg<string>) => void): void;
+    (func: any): void;
+    (x: (e: {
+        type: string;
+        data: InputFileFormat;
+    }) => Promise<void>): void;
+}, postMessage: (x: Msg) => void): void;
+export {};

package/dist/components/preview/pptx/t_xml.d.ts

@@ -0,0 +1 @@
+export default function t_xml(S: string): Record<string, any>;

package/dist/components/preview/pptx/worker.d.ts

@@ -0,0 +1 @@
+export {};