amotify 0.1.7 → 0.1.9

package/dist/@utils/jsminEx.js

@@ -0,0 +1 @@
+import{e as y}from"../chunk-VY3566IV.js";import i from"@mingoo/jsmin";let J="https://public.amotify.jp/";i.CDNReader=r=>new Promise((f,e)=>{if(!r)return f(!1);let t=document.createElement("script");t.src=r,t.addEventListener("load",()=>{f(!0)}),i(document.body).append(t)});{const r=(e,t)=>new r.fn.SpreadSheet(e,t);r.fn=r.prototype={},i.extend({SpreadSheet:function(e,t){this.ok=!0;try{this.workbook=e,this.fileName=t}catch(s){console.log(s),this.ok=!1}return this},isValid:function(){return this.ok},getWorkbook:function(){return this.workbook},updateFileName:function(e){return this.fileName=e,this},updateMerges:function(e){this.toJson().sheets.forEach((s,o)=>{let l=e[o];const c=this.workbook.getWorksheet(s.sheetName);for(let[n,a]of l)n&&a&&c.mergeCells(n+":"+a)})},updateStyles:function(e){this.toJson().sheets.forEach((s,o)=>{let l=e[o];const c=this.workbook.getWorksheet(s.sheetName);for(let n of l){let{type:a,target:p,values:h}=n,u=i.flatArray(p);for(let[d,m]of Object.entries(h))for(let w of u)c["get"+a.toCapital()](w)[d]=m}})},toJson:function(){let e={fileName:this.fileName,sheets:[]};return this.workbook.eachSheet((t,s)=>{let o={sheetName:t.name,rows:[]};t.eachRow((l,c)=>{let[n,...a]=l.values;o.rows.push(a)}),e.sheets.push(o)}),e},export:function(e){return y(this,null,function*(){e=e||"xlsx";const t=yield this.workbook[e].writeBuffer(),s=new Blob([t],{type:"application/octet-binary"}),o=document.createElement("a");o.href=(window.URL||window.webkitURL).createObjectURL(s),o.download=this.fileName+"."+e,o.click(),o.remove()})}},r),r.fn.SpreadSheet.prototype=r.fn,r.fn.SpreadSheet.prototype.constructor=r;let f=J+"@env/@foreign/exceljs.min.js";i.spreadSheet={readFromFile:e=>y(void 0,null,function*(){if(window.ExcelJS||(yield i.CDNReader(f)),!window.ExcelJS)return;let t=e.type,s=e.name.replace(/\.[^/.]+$/,"");if(t.match(/csv/)){const n=(yield e.text()).split(/[\n\r]+/).map(h=>h.split(/,/)),a=new ExcelJS.Workbook,p=a.addWorksheet("Sheet1");return n.forEach(h=>p.addRow(h)),r(a,s)}const o=new ExcelJS.Workbook,l=(yield e.read("binaryString")).target.result;return r(yield o.xlsx.load(l),s)}),readFromJson:e=>y(void 0,null,function*(){if(window.ExcelJS||(yield i.CDNReader(f)),!window.ExcelJS)return;let{sheets:t,fileName:s=""}=e;s=s||i.uuid.gen();const o=new ExcelJS.Workbook;return t.forEach((l,c)=>{let{sheetName:n,rows:a,merges:p=[],styles:h=[]}=l;n=n||"\u30B7\u30FC\u30C8"+(c+1),o.addWorksheet(n);const u=o.getWorksheet(n);u.addRows(a);for(let[d,m]of p)d&&m&&u.mergeCells(d+":"+m);for(let d of h){let{type:m,target:w,values:S}=d,g=i.flatArray(w);for(let[k,x]of Object.entries(S))for(let b of g)u["get"+m.toCapital()](b)[k]=x}}),r(o,s)})}}export{i as $$,i as default};

package/dist/@utils/pageTransit.d.ts

@@ -0,0 +1,11 @@
+declare namespace pageTransit {
+    type Methods = {
+        open(url: string): void;
+        pushSync(url: string): void;
+        pushAsync(url: string): void;
+        push(url: string, newTab?: boolean): void;
+        back(): void;
+    };
+}
+declare const pageTransit: pageTransit.Methods;
+export { pageTransit, pageTransit as default };

package/dist/@utils/pageTransit.js

@@ -0,0 +1 @@
+import"../chunk-VY3566IV.js";import{useStore as a}from"./useStore";const n={open:e=>{window.open(e)},pushSync:e=>{window.location.href=e},pushAsync:e=>{if(e.match(/https?:\/\//)){n.pushSync(e);return}a.get("navigate")(e)},push:(e,t)=>{if(t){n.open(e);return}n.pushAsync(e)},back:()=>{a.get("navigate")(-1)}};export{n as default,n as pageTransit};

package/dist/@utils/useRecycle.d.ts

@@ -0,0 +1,8 @@
+declare namespace useRecycle {
+    type Methods = {
+        set(key: string): string;
+        do(key: string): void;
+    };
+}
+declare const useRecycle: useRecycle.Methods;
+export { useRecycle, useRecycle as default };

package/dist/@utils/useRecycle.js

@@ -0,0 +1 @@
+import"../chunk-VY3566IV.js";import{$$ as l}from"./_";import s from"./useStore";import{useState as u}from"react";const o={set:r=>{var t;let[e]=u(l.uuid.gen()),[y,c]=u(l.uuid.gen());return s.set({key:"RecycleKey_"+e,value:()=>{c(l.uuid.gen())}}),s.update({key:"RecycleKeys_"+r,value:{keys:[...((t=s.get("RecycleKeys_"+r))==null?void 0:t.keys)||[],e]}}),y},do:r=>{var y;let e=((y=s.get("RecycleKeys_"+r))==null?void 0:y.keys)||[];if(e.length)for(let c of e){let t=s.get("RecycleKey_"+c);t&&t()}}};export{o as default,o as useRecycle};

package/dist/@utils/useStore.d.ts

@@ -0,0 +1,18 @@
+declare namespace useStore {
+    type Methods = {
+        set(params: {
+            key: string;
+            value: any;
+            privateKey?: string;
+        }): boolean;
+        update(params: {
+            key: string;
+            value: any;
+            privateKey?: string;
+        }): boolean;
+        get(key: string, privateKey?: string): any;
+        delete(key: string, privateKey?: string): boolean;
+    };
+}
+declare const useStore: useStore.Methods;
+export { useStore, useStore as default };

package/dist/@utils/useStore.js

@@ -0,0 +1 @@
+import{b as y,c as v}from"../chunk-VY3566IV.js";const r={},u={set:a=>{let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]={privateKey:n,value:e},!0)},update:a=>{var s;let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]=v(y({},r[t]),{value:y(y({},(s=r[t])==null?void 0:s.value),e)}),!0)},get:(a,t)=>{let e=r[a];if(!(e&&e.privateKey&&e.privateKey!=t))return e==null?void 0:e.value},delete:(a,t)=>{let e=r[a];return e&&e.privateKey&&e.privateKey!=t?!1:(delete r[a],!0)}};export{u as default,u as useStore};

package/dist/atoms/Box.d.ts

@@ -0,0 +1,9 @@
+import { TagProperty, ReactElement } from '../@declaration/_';
+import React from 'react';
+declare namespace Box {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLDivElement>;
+}
+declare const Box: React.FC<Box.Input>;
+export { Box, Box as default };

package/dist/atoms/Box.js

@@ -0,0 +1 @@
+import{b as t,d as r}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import{GenerateClassName as p}from"../@utils/_";const a=o=>{let e=p(o),{freeCSS:c}=e,m=r(e,["freeCSS"]);return n("div",t({},m))};export{a as Box,a as default};

package/dist/atoms/FAI.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TagProperty } from '../@declaration/_';
+import { IconDefinition } from "@fortawesome/fontawesome-common-types";
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+declare namespace FAI {
+    type ComponentInput = TagProperty.BasicElement & {
+        icon: IconProp | IconDefinition | any;
+        iconParams?: Omit<FontAwesomeIconProps, 'icon'>;
+    };
+    type Shortcuts = {
+        [key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;
+    };
+    type ShortCutNames = 'User' | 'Times' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'Redo' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'File' | 'TrashAlt' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'EllipsisH' | 'EllipsisV' | 'PaperPlane' | 'Image';
+    type Methods = React.FC<ComponentInput> & Shortcuts;
+}
+declare const FAI: FAI.Methods;
+export { FAI, FAI as default };

package/dist/atoms/FAI.js

@@ -0,0 +1 @@
+import{b as r,c as n,d as m}from"../chunk-VY3566IV.js";import{jsx as i}from"react/jsx-runtime";import f from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faUser as C}from"@fortawesome/free-solid-svg-icons/faUser";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as A}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as g}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as w}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as R}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as u}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as L}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as S}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as P}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as x}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as E}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as D}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as v}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as T}from"@fortawesome/free-solid-svg-icons/faCheck";import{faCheckCircle as H}from"@fortawesome/free-solid-svg-icons/faCheckCircle";import{faQuestion as B}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faQuestionCircle as Q}from"@fortawesome/free-solid-svg-icons/faQuestionCircle";import{faExclamation as M}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as G}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as V}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Y}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as N}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as O}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faHeart as z}from"@fortawesome/free-solid-svg-icons/faHeart";import{faStar as W}from"@fortawesome/free-solid-svg-icons/faStar";import{faEdit as b}from"@fortawesome/free-solid-svg-icons/faEdit";import{faPen as q}from"@fortawesome/free-solid-svg-icons/faPen";import{faCopy as J}from"@fortawesome/free-solid-svg-icons/faCopy";import{faFile as K}from"@fortawesome/free-solid-svg-icons/faFile";import{faTrashAlt as X}from"@fortawesome/free-solid-svg-icons/faTrashAlt";import{faBars as Z}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as _}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as $}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as j}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as oo}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as ro}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as io}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as no}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as to}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as eo}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faPaperPlane as ao}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faImage as mo}from"@fortawesome/free-solid-svg-icons/faImage";const e=o=>{let a=o,{icon:p,iconParams:c}=a,l=m(a,["icon","iconParams"]);return i(f,n(r({flexCenter:!0,display:"inlineFlex"},l),{children:i(f,{freeCSS:{aspectRatio:1},children:i(s,r({icon:p,fixedWidth:!0,size:"sm"},c))})}))},t=e;t.User=o=>i(e,n(r({},o),{icon:C})),t.Times=o=>i(e,n(r({},o),{icon:h})),t.AngleRight=o=>i(e,n(r({},o),{icon:A})),t.AngleLeft=o=>i(e,n(r({},o),{icon:g})),t.AngleUp=o=>i(e,n(r({},o),{icon:w})),t.AngleDown=o=>i(e,n(r({},o),{icon:R})),t.ChevronLeft=o=>i(e,n(r({},o),{icon:u})),t.ChevronRight=o=>i(e,n(r({},o),{icon:L})),t.ChevronUp=o=>i(e,n(r({},o),{icon:S})),t.ChevronDown=o=>i(e,n(r({},o),{icon:P})),t.CaretLeft=o=>i(e,n(r({},o),{icon:x})),t.CaretRight=o=>i(e,n(r({},o),{icon:E})),t.CaretUp=o=>i(e,n(r({},o),{icon:I})),t.CaretDown=o=>i(e,n(r({},o),{icon:D})),t.ArrowLeft=o=>i(e,n(r({},o),{icon:k})),t.ArrowRight=o=>i(e,n(r({},o),{icon:d})),t.ArrowUp=o=>i(e,n(r({},o),{icon:U})),t.ArrowDown=o=>i(e,n(r({},o),{icon:y})),t.Rotate=o=>i(e,n(r({},o),{icon:F})),t.Redo=o=>i(e,n(r({},o),{icon:v})),t.Check=o=>i(e,n(r({},o),{icon:T})),t.CheckCircle=o=>i(e,n(r({},o),{icon:H})),t.Question=o=>i(e,n(r({},o),{icon:B})),t.QuestionCircle=o=>i(e,n(r({},o),{icon:Q})),t.Exclamation=o=>i(e,n(r({},o),{icon:M})),t.ExclamationTriangle=o=>i(e,n(r({},o),{icon:G})),t.Home=o=>i(e,n(r({},o),{icon:V})),t.Share=o=>i(e,n(r({},o),{icon:Y})),t.Search=o=>i(e,n(r({},o),{icon:N})),t.YenSign=o=>i(e,n(r({},o),{icon:O})),t.Heart=o=>i(e,n(r({},o),{icon:z})),t.Star=o=>i(e,n(r({},o),{icon:W})),t.Edit=o=>i(e,n(r({},o),{icon:b})),t.Pen=o=>i(e,n(r({},o),{icon:q})),t.Copy=o=>i(e,n(r({},o),{icon:J})),t.File=o=>i(e,n(r({},o),{icon:K})),t.TrashAlt=o=>i(e,n(r({},o),{icon:X})),t.Bars=o=>i(e,n(r({},o),{icon:Z})),t.Download=o=>i(e,n(r({},o),{icon:_})),t.Link=o=>i(e,n(r({},o),{icon:$})),t.LinkSlash=o=>i(e,n(r({},o),{icon:j})),t.ExternalLinkAlt=o=>i(e,n(r({},o),{icon:oo})),t.Gear=o=>i(e,n(r({},o),{icon:ro})),t.Plus=o=>i(e,n(r({},o),{icon:io})),t.Minus=o=>i(e,n(r({},o),{icon:no})),t.EllipsisH=o=>i(e,n(r({},o),{icon:to})),t.EllipsisV=o=>i(e,n(r({},o),{icon:eo})),t.PaperPlane=o=>i(e,n(r({},o),{icon:ao})),t.Image=o=>i(e,n(r({},o),{icon:mo}));export{t as FAI,t as default};

package/dist/atoms/Flex.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+import Box from './Box';
+declare namespace Flex {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLDivElement>;
+}
+declare const Flex: React.FC<Flex.Input>;
+declare const FlexBr: React.FC<Box.Input>;
+export { Flex, FlexBr, Flex as default };

package/dist/atoms/Flex.js

@@ -0,0 +1 @@
+import{b as t,c as r}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import o from"./Box";const l=e=>n(o,r(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),a=e=>n(o,t({width:1,flexSizing:"none"},e));export{l as Flex,a as FlexBr,l as default};

package/dist/atoms/Grid.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import Box from './Box';
+declare const Grid: React.FC<Box.Input>;
+export { Grid, Grid as default };

package/dist/atoms/Grid.js

@@ -0,0 +1 @@
+import{b as o}from"../chunk-VY3566IV.js";import{jsx as p}from"react/jsx-runtime";import d from"./Box";const r=t=>p(d,o({display:"grid"},t));export{r as Grid,r as default};

package/dist/atoms/Img.d.ts

@@ -0,0 +1,11 @@
+import { TagProperty } from '../@declaration/_';
+import React from 'react';
+declare namespace Img {
+    type Input = TagProperty.BasicElement & {
+        src: string;
+        alt?: string;
+        showExpand?: boolean | string;
+    } & React.HTMLAttributes<HTMLImageElement>;
+}
+declare const Img: React.FC<Img.Input>;
+export { Img, Img as default };

package/dist/atoms/Img.js

@@ -0,0 +1 @@
+import{b as r,d as a}from"../chunk-VY3566IV.js";import{jsx as h}from"react/jsx-runtime";import{GenerateClassName as C}from"../@utils/_";import S from"../fn/Sheet";import{ImgClasses as m}from"../@styles/componentClasses/_";const p=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let i=C(e),{freeCSS:u,className:l=""}=i,f=a(i,["freeCSS","className"]);return h("img",r({src:s,alt:g,className:[m("Img"),m("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),S.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{p as Img,p as default};

package/dist/atoms/Logo.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+declare namespace Logo {
+    type ComponentInput = TagProperty.BasicElement & {
+        size?: 'S' | 'R' | 'L' | '2L' | '3L';
+        color?: 'normal' | 'white';
+        children?: ReactElement | React.FC<any>;
+    };
+    type DefaultLogoInput = TagProperty.BasicElement & {
+        size?: 'S' | 'R' | 'L' | '2L' | '3L';
+        color?: 'normal' | 'white';
+    };
+    type Methods = {
+        Icon: (params: ComponentInput) => JSX.Element;
+        Title: (params: ComponentInput) => JSX.Element;
+        Brands: {
+            MingooIcon: (params: DefaultLogoInput) => JSX.Element;
+            MingooTitle: (params: DefaultLogoInput) => JSX.Element;
+            MingooLogoH: (params: DefaultLogoInput) => JSX.Element;
+            MingooLogoV: (params: DefaultLogoInput) => JSX.Element;
+            ComunIcon: (params: DefaultLogoInput) => JSX.Element;
+            ComunTitle: (params: DefaultLogoInput) => JSX.Element;
+            ComunLogoH: (params: DefaultLogoInput) => JSX.Element;
+            ComunLogoV: (params: DefaultLogoInput) => JSX.Element;
+            Google: (params: DefaultLogoInput) => JSX.Element;
+            Facebook: (params: DefaultLogoInput) => JSX.Element;
+            Twitter: (params: DefaultLogoInput) => JSX.Element;
+            LINE: (params: DefaultLogoInput) => JSX.Element;
+        };
+        Images: {
+            mingooIcon: string;
+            mingooIconClear: string;
+            comunIcon: string;
+            comunIconClear: string;
+            defaultIcon(type: 'image' | 'object' | 'user' | 'group' | 'store'): string;
+        };
+    };
+}
+declare const Logo: Logo.Methods;
+export { Logo, Logo as default };

package/dist/atoms/Logo.js

@@ -0,0 +1,51 @@
+import{b as l,c as a,d as p}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import{$$ as h}from"../@utils/_";import L from"./Flex";import S from"./Img";import{LogoClasses as r}from"../@styles/componentClasses/_";let s="https://public.amotify.jp/";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:r("ComunIcon"),children:I("g",{children:[e("path",{d:`
+        M
+        100,600
+        A 500,500 0 0,0 600,1100
+        A 100,100 0 0,0 600,900
+        A 300,300 0 0,1 300,600
+        A 100,100 0 0,0 100,600
+        Z
+        `,style:{opacity:.9,fill:"#16a3ec"}}),e("path",{d:`
+        M
+        600,1100
+        A 500,500 0 0,0 1100,600
+        A 100,100 0 0,0 900,600
+        A 300,300 0 0,1 600,900
+        A 100,100 0 1,0 600,1100
+        Z
+        `,style:{opacity:.9,fill:"#ea6093"}}),e("path",{d:`
+        M
+        600,100
+        A 500,500 0 0,0 100,600
+        A 100,100 0 0,0 300,600
+        A 300,300 0 0,1 600,300
+        A 100,100 0 0,0 600,100
+        Z
+        `,style:{opacity:.9,fill:"#387cfe"}}),e("path",{d:`
+        M
+        600,100
+        A 100,100 0 0,1 700,200
+        A 300,300 0 0,0 1000,500
+        A 100,100 0 0,1 1100,600
+        A 100,100 0 0,1 1000,700
+        A 500,500 0 0,1 500,200
+        A 100,100 0 0,1 600,100
+        Z
+        `,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(A,{children:[e("path",{d:`
+            M
+            600,100
+            A 80,80 0 0,1 600,260
+            A 80,80 0 0,1 600,100
+            L600,600
+            L600,300
+            Z
+            `,className:[r("P"),r("P_"+t)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
+            M
+            600,300
+            A 45,45 0 0,1 600,390
+            A 45,45 0 0,1 600,300
+            L600,600
+            L600,300
+            Z
+            `,className:[r("P"),r("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:r("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},m={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:r("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},c),{children:[e(m.Icon,{size:t,color:g}),e(m.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},c),{children:[e(m.Icon,{margin:"auto",size:t,color:g}),e(m.Title,{size:t,color:g})]}))}},u={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:r("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},c),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},c),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},i={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:c="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",className:[c,r("Icon"),r("Size_"+t)].join(" ")},C),{children:h.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:c="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",fontColor:g=="white"?"white":"logo",className:[c,r("Title"),r("Size_"+t)].join(" ")},C),{freeCSS:l({lineHeight:"1.25"},C.freeCSS),children:h.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:m.Icon,MingooTitle:m.Title,MingooLogoH:m.LogoH,MingooLogoV:m.LogoV,ComunIcon:u.Icon,ComunTitle:u.Title,ComunLogoH:u.LogoH,ComunLogoV:u.LogoV,Google:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{i as Logo,i as default};

package/dist/atoms/P.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+declare namespace P {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLParagraphElement>;
+}
+declare const P: React.FC<P.Input>;
+export { P, P as default };

package/dist/atoms/P.js

@@ -0,0 +1 @@
+import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as n}from"../@utils/_";const r=p=>{let e=n(p),{freeCSS:l}=e,m=a(e,["freeCSS"]);return o("p",t({},m))};export{r as P,r as default};

package/dist/atoms/Placeholder.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Box from './Box';
+declare namespace Placeholder {
+    type Input = Box.Input & {
+        color?: 'cloud' | 'white';
+    };
+}
+declare const Placeholder: React.FC<Placeholder.Input>;
+export { Placeholder, Placeholder as default };

package/dist/atoms/Placeholder.js

@@ -0,0 +1 @@
+import{b as r,c as a,d as t}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"3.layer.canvas"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};

package/dist/atoms/Span.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+declare namespace Span {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLSpanElement>;
+}
+declare const Span: React.FC<Span.Input>;
+export { Span, Span as default };

package/dist/atoms/Span.js

@@ -0,0 +1 @@
+import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils/_";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};

package/dist/atoms/_.d.ts

@@ -0,0 +1,9 @@
+export * from './Box';
+export * from './FAI';
+export * from './Flex';
+export * from './Grid';
+export * from './Img';
+export * from './Logo';
+export * from './P';
+export * from './Placeholder';
+export * from './Span';

package/dist/atoms/_.js

@@ -0,0 +1 @@
+export*from"./Box";export*from"./FAI";export*from"./Flex";export*from"./Grid";export*from"./Img";export*from"./Logo";export*from"./P";export*from"./Placeholder";export*from"./Span";

package/dist/chunk-VY3566IV.js

@@ -0,0 +1 @@
+var o=Object.defineProperty,p=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var r=Math.pow,j=(a,c,b)=>c in a?o(a,c,{enumerable:!0,configurable:!0,writable:!0,value:b}):a[c]=b,s=(a,c)=>{for(var b in c||(c={}))k.call(c,b)&&j(a,b,c[b]);if(f)for(var b of f(c))l.call(c,b)&&j(a,b,c[b]);return a},t=(a,c)=>p(a,q(c));var u=(a,c)=>{var b={};for(var d in a)k.call(a,d)&&c.indexOf(d)<0&&(b[d]=a[d]);if(a!=null&&f)for(var d of f(a))c.indexOf(d)<0&&l.call(a,d)&&(b[d]=a[d]);return b};var v=(a,c,b)=>new Promise((d,i)=>{var m=e=>{try{g(b.next(e))}catch(h){i(h)}},n=e=>{try{g(b.throw(e))}catch(h){i(h)}},g=e=>e.done?d(e.value):Promise.resolve(e.value).then(m,n);g((b=b.apply(a,c)).next())});export{r as a,s as b,t as c,u as d,v as e};

package/dist/fn/Button.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+import { TagProperty, ThemeColor, ReactElement } from '../@declaration/_';
+declare namespace Button {
+    type Methods = Seed & {};
+    type Seeds = 'Button' | 'Label' | 'Anchor';
+    type Tones = 'Plain' | 'Link' | 'Normal' | 'Border' | 'Prime' | 'Sub' | 'Clear' | 'FillToBorder' | 'BorderToFill';
+    type Sizes = 'XS' | 'S' | 'R' | 'L';
+    type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'cloud' | 'trans' | 'white' | 'plain';
+    type Seed = {
+        Button: Tone<ButtonInput>;
+        Label: Tone<LabelInput>;
+        Anchor: Tone<AnchorInput>;
+    };
+    type Tone<T> = {
+        Plain: React.FC<T>;
+        Link: React.FC<T>;
+        Normal: Size<T>;
+        Border: Size<T>;
+        Prime: Size<T & Tones.Prime>;
+        Sub: Size<T & Tones.Sub>;
+        Clear: Size<T & Tones.Clear>;
+        FillToBorder: Size<T & Tones.FillToBorder>;
+        BorderToFill: Size<T & Tones.BorderToFill>;
+    };
+    type Size<T> = {
+        XS: React.FC<T>;
+        S: React.FC<T>;
+        R: React.FC<T>;
+        L: React.FC<T>;
+    };
+    namespace Tones {
+        type Plain = {};
+        type Link = {};
+        type Normal = {};
+        type Border = {};
+        type Prime = {
+            color?: Colors | ThemeColor;
+        };
+        type Sub = {
+            color?: Colors | 'layer';
+        };
+        type Clear = {
+            color?: Colors | 'layer';
+        };
+        type FillToBorder = {
+            color?: Colors;
+        };
+        type BorderToFill = {
+            color?: Colors;
+        };
+    }
+    type UniParams = TagProperty.BasicElement & {
+        tabIndex?: number;
+        children?: ReactElement;
+        'aria-label'?: string;
+        isLocked?: boolean;
+        isActive?: boolean;
+        isActiveStyles?: TagProperty.Properties;
+        isActiveClassName?: string;
+    };
+    type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
+    type ButtonInput = UniParams & {
+        submitOption?: {
+            formName: string;
+            acceptInvalidForm?: boolean;
+            submitDelegationKey?: delegateClickEventProps | delegateClickEventProps[];
+            callback(form: plainObject, ok: boolean): void;
+        };
+    } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+    type LabelInput = UniParams & {
+        htmlFor?: string;
+    } & React.LabelHTMLAttributes<HTMLLabelElement>;
+    type AnchorInput = UniParams & {
+        href?: string;
+        newTab?: boolean;
+        sync?: boolean;
+        download?: any;
+        shiftQueryParams?: boolean;
+    } & React.ButtonHTMLAttributes<HTMLAnchorElement>;
+}
+declare const Button: Button.Methods;
+export { Button, Button as default };

package/dist/fn/Button.js

@@ -0,0 +1 @@
+import{b as o,c as i,d as B,e as P}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import{$$ as g,pageTransit as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils/_";import{ButtonClasses as c}from"../@styles/componentClasses/_";const v={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"1.layer.base",border:"2.normal",borderStyle:"solid",boxShadow:"0.thin"}):t=="Prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="Sub"?e=i(o({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="Clear"?e=i(o({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="FillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):t=="BorderToFill"&&(e=i(o({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),t!="Link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let t=N(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":g.uuid.gen()},r)),n=t.seed;{let{isLocked:y=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=t;t=o(o(o({},v.Size(r.seed,r.tone,r.size,s)),v.Tone(r.seed,r.tone,r.size,s)),t),t.className=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+y),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(t=o(o({className:[t.className,T].join(" ")},t),S)),t=E(t)}if(n=="Button"){let l=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let b=yield I(a.formName);!a.acceptInvalidForm&&!b.valid||a.callback(b.data,b.valid)})},u))}else if(n=="Label"){let e=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return d("label",o({},a))}else if(n=="Anchor"){let A=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,b=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?x.pushSync(h):x.push(h,!!R)}},b))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};

package/dist/fn/Cropper.d.ts

@@ -0,0 +1,26 @@
+import Input from './Input/_';
+declare namespace Cropper {
+    type Use = 'square' | 'wallpaper.horizontal' | 'wallpaper.vertical';
+    type Input = {
+        use: Use;
+        develops: DevelopParams[];
+        onProcessFinished: {
+            (files: Input.Filer.CustomFile[]): void;
+        };
+    };
+    type DevelopParams = {
+        size: 'S' | 'R' | 'L';
+        maxSize?: number;
+    };
+    type Methods = {
+        open(params: Input): void;
+    };
+    type CoreProps = {
+        val_file: Input.Filer.CustomFile;
+        options: Input;
+        finishedCallback(files: Input.Filer.CustomFile[]): void;
+        abortCallback(): void;
+    };
+}
+declare const Cropper: Cropper.Methods;
+export { Cropper, Cropper as default };

package/dist/fn/Cropper.js

@@ -0,0 +1 @@
+import{b as X,c as G,e as P}from"../chunk-VY3566IV.js";import{Fragment as j,jsx as h,jsxs as y}from"react/jsx-runtime";import{$$ as b,Config as $,useStore as M}from"../@utils/_";import{useState as k,useEffect as H}from"react";import O from"../atoms/Flex";import D from"../atoms/Box";import B from"../atoms/FAI";import T from"../mols/Column";import V from"../mols/Row";import Y from"./Button";import A from"./Sheet";import z from"./Loader/_";import W from"./Input/_";import{faPalette as K}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as Z}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as J}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as Q}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as U}from"../@styles/componentClasses/_";class ee{constructor(i){this.set_scale=i.set_scale,this.val_file=i.val_file,this.develops=i.develops,this.use=i.use,this.componentID=i.componentID,this.scale={current:i.scale.default,default:i.scale.default,min:i.scale.min,max:i.scale.max};let e=i.canvas,{width:l,height:t}=e,a=i.picture.image,{width:m,height:s}=a,c=m/s;this.Canvas={elm:e,ctx:e.getContext("2d")};let o=0,r=0;this.use=="square"?(o=e.width/3*2,r=e.height/3*2):this.use=="wallpaper.horizontal"?(o=e.width*(7/9),r=o/3):this.use=="wallpaper.vertical"&&(r=e.height*(7/9),o=r/2);let n=(e.width-o)/2,d=(e.height-r)/2,g=o/r;this.Picture={elm:a,originDataUrl:a.src,aspect:c,revisedAspect:g>c?o/m:r/s,rotate:i.picture.rotate,grayScale:i.picture.grayScale,tone:i.picture.tone},this.pst={frame:{x:n,y:d,w:o,h:r,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:m/2,imageY:s/2,centerX:l/2,centerY:t/2},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.modifyImage()}dragEffect(i){let{eventType:e,x:l,y:t}=i;if(e=="start"){let a=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:l,y:t},frameExpandRate:{x:this.Canvas.elm.width/a.width,y:this.Canvas.elm.height/a.height}}}else{let{origin:a,frameExpandRate:m}=this.dragEffectInfo,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,r=s/o*m.x,n=c/o*m.y;e=="move"?this.drawImage(this.pst.imageX+r,this.pst.imageY+n):e=="end"&&this.drawImage(this.pst.imageX+=r,this.pst.imageY+=n)}}pinchEffect(i){let{eventType:e,event:l}=i,{x:t,y:a}=b.getCursor(l.touches[0]),{x:m,y:s}=b.getCursor(l.touches[1]),c=m-t,o=s-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:r}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/n,C=Number(r.scale*g);this.set_scale(C)}}updateScale(i){let e=i;e=Math.max(e,this.scale.min),e=Math.min(e,this.scale.max),this.scale.current=e,this.drawImage()}updateFilter(i){this.Picture.grayScale=i.grayScale,this.Picture.tone=i.tone,this.Picture.rotate=i.rotate,this.modifyImage()}modifyImage(){return P(this,null,function*(){let{grayScale:i,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),m=new Image;m.src=this.Picture.originDataUrl;let s=m.width,c=m.height;(l==90||l==270)&&(s=m.height,c=m.width),t.width=s,t.height=c,i&&(a.filter="grayscale("+i+"%)"),l&&(a.translate(s/2,c/2),a.rotate(l*Math.PI/180),[90,270].includes(l)?a.translate(-c/2,-s/2):a.translate(-s/2,-c/2)),a.drawImage(m,0,0,m.width,m.height);let o=a.getImageData(0,0,t.width,t.height),r=o.data;{i/=100;let C=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][e],x=C[0]/255,S=C[1]/255,p=C[2]/255;for(let u=0;u<c;u++)for(let v=0;v<s;v++){var n=(u*s+v)*4;if(i){let w=.3*r[n]+.59*r[n+1]+.11*r[n+2];for(var d=0;d<3;d++){let E=r[n+d];r[n+d]=E+(w-E)*i}}r[n]*=x,r[n+1]*=S,r[n+2]*=p}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,p=x/S;this.Picture=G(X({},this.Picture),{elm:C,aspect:p,revisedAspect:this.pst.frame.aspect>p?this.pst.frame.w/x:this.pst.frame.h/S})}this.drawImage()})}drawImage(i,e){let{use:l,Canvas:{ctx:t},pst:{frame:a}}=this,m=i||this.pst.imageX,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,r=this.pst.centerX-m*o,n=this.pst.centerY-s*o,d=this.Picture.elm.width*o,g=this.Picture.elm.height*o;{let C=this.pst.frame.x+this.pst.frame.w-d,x=this.pst.frame.x,S=this.pst.frame.y+this.pst.frame.h-g,p=this.pst.frame.y,u=0;r<C&&(u=r-C),r>x&&(u=r-x);let v=0;n<S&&(v=n-S),n>p&&(v=n-p),this.dragEffectInfo.origin.x+=u/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=v/2/this.dragEffectInfo.frameExpandRate.y,r=Math.min(Math.max(r,C),x),n=Math.min(Math.max(n,S),p)}this.pst.outImage={x:r,y:n,w:d,h:g},t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,r,n,d,g)}{l=="square"?(t.fillStyle="rgba( 20,24,20,.3 )",t.beginPath(),t.arc(this.Canvas.elm.width/2,this.Canvas.elm.height/2,this.Canvas.elm.width,0,Math.PI*2,!0),t.arc(this.Canvas.elm.width/2,this.Canvas.elm.height/2,this.Canvas.elm.width/3*2/2,0,Math.PI*2,!1),t.closePath(),t.fill()):(l=="wallpaper.horizontal"||l=="wallpaper.vertical")&&(t.fillStyle="rgba( 20,24,20,.3 )"),t.beginPath(),t.moveTo(0,0),t.lineTo(this.Canvas.elm.width,0),t.lineTo(this.Canvas.elm.width,this.Canvas.elm.height),t.lineTo(0,this.Canvas.elm.height),t.lineTo(0,0),t.closePath(),t.lineTo(a.x,a.y),t.lineTo(a.x,a.y+a.h),t.lineTo(a.x+a.w,a.y+a.h),t.lineTo(a.x+a.w,a.y),t.lineTo(a.x,a.y),t.fill();let o=b(document.body).getStyleProperty("--color-theme-hsl");t.lineWidth=this.Canvas.elm.width/200,t.strokeStyle=`hsla( ${o},1 )`,t.strokeRect(a.x,a.y,a.w,a.h)}}export(){return P(this,null,function*(){let{develops:i,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,m=l.h/e.elm.height,s=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/m,r=(t.y-l.y+t.h)/m,n=Array.from({length:i.length}),d="image/jpeg";for(let g=0;g<i.length;g++){let{size:C,maxSize:x}=i[g];x=x||{S:1024*20,R:1024*100,L:1024*350}[C];let S={S:144,R:576,L:1152}[C],p=S;this.use=="wallpaper.horizontal"?p=S/3*2:this.use=="wallpaper.vertical"&&(p=S*2);let u=document.createElement("canvas");u.width=S,u.height=p;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,p),v.drawImage(this.Picture.elm,s,o,c-s,r-o,0,0,S,p);let w=u.toDataURL(d),E=yield w.toBlob(d);if(!E)return;if(E.size>=x){let F=x/E.size;if(w=u.toDataURL(d,F*.92),E=yield w.toBlob(d),!E)return}let L=new File([E],this.val_file.name,{type:d});n[g]=L}return n})}}const q={Core:f=>{let{val_file:i,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:m=[]}=e,[s]=k(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,r]=k(c.scale.default),[n,d]=k(c.rotate),[g,C]=k(c.grayScale),[x,S]=k(c.tone);return H(()=>{M.set({key:s,value:{}}),P(void 0,null,function*(){z.fn.corner.active();let{target:p}=yield i.read();if(!p)return;let u=p.result,v=b($.get().appRoot).find("#Canvas-"+s)[0];if(!v)return;let w=new ee({set_scale:r,val_file:i,develops:m,use:a,scale:c.scale,componentID:s,canvas:v,picture:{image:yield b.ImageLoader(u),grayScale:c.grayScale,tone:c.tone,rotate:c.rotate}});M.set({key:s,value:{Instance:w}});const E=function(I){if(I.preventDefault(),I.touches&&I.touches.length>1)w.pinchEffect({eventType:"start",event:I}),b(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",option:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",option:{passive:!1},callback:F});else{w.dragEffect(X({eventType:"start"},b.getCursor(I)));let{type:R}=I;b(document).addEvent({eventType:R=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",option:{passive:!1},callback:_=>{L("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",option:{passive:!1},callback:_=>{L("end",_),F(_)}})}},L=function(I,R){R.preventDefault(),w.dragEffect(X({eventType:I},b.getCursor(R)))},F=function(I){I.preventDefault(),b(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};b(v).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:I=>{I.preventDefault();let R=Number(I.wheelDelta*.04),_=w.scale.current+R;_=Math.max(_,w.scale.min),_=Math.min(_,w.scale.max),r(_)},option:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:E,option:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:E,option:{passive:!1}}),setTimeout(()=>{z.fn.corner.stop()},1e3)})},[i.id]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateScale(o)},[o]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),h(A.Comps.Body,{children:y(O,{className:[U("Wrap"),U("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[h(D,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:h(D,{overflow:"hidden",position:"relative",backgroundColor:"4.layer.darken",freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:h("canvas",{width:"2400",height:a=="wallpaper.horizontal"?"1800":a=="wallpaper.vertical"?"3200":"2400",className:U("Canvas"),id:"Canvas-"+s})})}),y(T,{gap:0,flexGrid:2,boxShadow:"3.remark",UnderBreakPointStyles:{width:1,maxWidth:"unset"},freeCSS:{maxWidth:12*28},children:[y(T,{gap:1,flexSizing:0,overflow:"auto",padding:1.5,UnderBreakPointStyles:{flexSizing:"none"},children:[h(D,{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0,children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),h(q.SettingRegion,{DefaultOptions:c,val_scale:o,set_scale:r,val_tone:x,set_tone:S,val_grayScale:g,set_grayScale:C,val_rotate:n,set_rotate:d})]}),y(O,{padding:1.5,flexSizing:"none",gap:1,borderTop:!0,children:[h(Y.Button.Border.R,{flexGrid:1,onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),h(Y.Button.Prime.R,{flexGrid:2,onClick:()=>P(void 0,null,function*(){var v;let p=(v=M.get(s))==null?void 0:v.Instance;if(!p)return;z.fn.mini.active("CropperExportation");let u=yield p.export();setTimeout(()=>{z.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(V.Center,{gap:"1/2",children:[h(z.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let i=[];for(let e=1;e<=10;e++)i.push({value:e,label:y(j,{children:[h(D,{className:[U("ToneBall"),U("ToneBall_"+e)].join(" ")}),h(D,{textAlign:"center",flexSizing:"auto",children:["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"][e]})]})});return y(j,{children:[y(T,{gap:"1/3",children:[y(D,{children:[h(B.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(V.Separate,{flexChilds:"even",paddingLeft:2,children:[y(Y.Button.Border.S,{onClick:()=>{let e=f.val_rotate-90;e<0&&(e+=360),f.set_rotate(e)},children:[h(B,{icon:J})," \u5DE6\u306B\u56DE\u8EE2"]}),y(Y.Button.Border.S,{onClick:()=>{f.set_rotate((f.val_rotate+90)%360)},children:["\u53F3\u306B\u56DE\u8EE2 ",h(B,{icon:Q})]})]})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),h(D,{paddingLeft:2,children:h(W.Slider,{override:"force",value:f.val_scale-100,min:f.DefaultOptions.scale.min-100,max:f.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:e,value:l})=>{b.interval.clear("Cropper.UpdateScale"),b.interval.standBy("Cropper.UpdateScale",400,()=>{f.set_scale(l+100)})},legends:{enable:!0,custom:e=>"x"+Math.round(100+e)/100}})})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),h(D,{paddingLeft:2,children:h(W.Slider,{value:f.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:e})=>{b.interval.clear("Cropper.GrayScale"),b.interval.standBy("Cropper.GrayScale",400,()=>{f.set_grayScale(e)})},legends:{enable:!0,custom:e=>e+"%"}})})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),h(D,{paddingLeft:2,children:h(W.Radio,{value:f.val_tone,gap:"1/2",cellStyles:{isRounded:!0,borderWidth:2,borderColor:"1.thin",padding:"1/2",paddingRight:1,fontSize:"1.mini",gap:"1/3",flexSizing:"auto"},options:[{value:0,label:"\u306A\u3057",padding:["1/2",1],flexCenter:!0},...i],onUpdateValidValue:({value:e})=>{f.set_tone(e[0])}})})]})]})}},N={open:f=>P(void 0,null,function*(){let i=yield W.Filer.fn.openDialog({accept:"image",multiple:!1}),e="CropperImage";A.open({sheetID:e,type:"normal.middleCenter",size:"3L",freeCSS:{width:f.use=="wallpaper.horizontal"?12*100:12*80},content:h(q.Core,{val_file:i[0],options:f,finishedCallback:l=>{A.close(e),f.onProcessFinished(l)},abortCallback:()=>{A.close(e)}}),close_option:{escapeKeyDown:!1}})})};export{N as Cropper,N as default};

package/dist/fn/Effect/Fade.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import Box from '../../atoms/Box';
+declare namespace FadeIn {
+    type Input = Box.Input & {
+        animationTime?: number;
+        animationDelay?: number;
+    };
+}
+declare const FadeIn: React.FC<FadeIn.Input>;
+declare namespace FadeUp {
+    type Input = Box.Input & {
+        animationTime?: number;
+        animationDelay?: number;
+    };
+}
+declare const FadeUp: React.FC<FadeUp.Input>;
+export { FadeIn, FadeUp };

package/dist/fn/Effect/Fade.js

@@ -0,0 +1 @@
+import{b as a,c as i,d as u}from"../../chunk-VY3566IV.js";import{jsx as y}from"react/jsx-runtime";import{$$ as p,Config as d}from"../../@utils/_";import{useState as I,useEffect as f}from"react";import l from"../../atoms/Box";const D=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1})},r)},[]),y(l,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1,paddingTop:0})},r)},[]),y(l,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{D as FadeIn,S as FadeUp};

package/dist/fn/Effect/Pudding.d.ts

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

package/dist/fn/Effect/Pudding.js

@@ -0,0 +1 @@
+import{$$ as t}from"../../@utils/_";import{EffectClasses as e}from"../../@styles/componentClasses/_";new class{constructor(){this.UserEvent()}UserEvent(){t(document).addEvent({eventType:"click",target:".eff_pudding",callback:function(a){t(a.target).removeClass(e("PuddingEffect")).await(1).addClass(e("PuddingEffect")).await(510).removeClass(e("PuddingEffect"))}})}};

package/dist/fn/Effect/Ripple.d.ts

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

package/dist/fn/Effect/Ripple.js

@@ -0,0 +1,3 @@
+import{$$ as e,Config as M}from"../../@utils/_";import{EffectClasses as i}from"../../@styles/componentClasses/_";new class{constructor(){this.UserEvent()}UserEvent(){let u="eff_ripple";const f=t=>{let l=e.Time().ms,p=t.target,s=e(p);if(!s[0])return;let o=s.findClass(/^eff_ripple-/)[0];if(!o)return;let r=o.split("-")[1],n="RippleWrap-"+e.uuid.gen(),{left:c,top:v,height:b,width:E}=s.position(),{pageXOffset:h,pageYOffset:R}=e.getScreenSize(),{x:T,y:g}=e.getCursor(t),d=Math.min(E*1.5,300),y=Math.max(T-(c+h),0),C=Math.max(g-(v+R),0),m={RippleElement:s,startedAt:l,size:d};e(document).addEvent({eventID:"RippleMouseUp",eventType:"mouseup",callback:()=>{a(m)}}).addEvent({eventID:"RippleTouchEnd",eventType:"touchend",callback:()=>{setTimeout(()=>{a(m)},20)}}),e(s).addClass([i("RippleElement"),i("Color_"+r)]).append(`<div class="${i("RippleWrap")}" id="${n}">
+  <div class="${i("Wave")}" />
+</div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:I=>{a(m)}}).find("#"+n).find("."+i("Wave")).css({left:y,top:C}).await(10).css({height:d,width:d,opacity:".3",transition:".25s"})},a=t=>{let{RippleElement:l,startedAt:p,size:s}=t,r=e.Time().ms-p<=400?".75s":".55s",n=s*2.5;e(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),l.removeEvent(["RippleMouseOut"]).find("."+i("Wave")).css({height:n,width:n,opacity:"0",transition:r}).await(750).parent().callback(c=>{c.remove()})};e(document).addEvent({eventType:"touchstart",target:"."+u,callback:t=>{f(t)}}).addEvent({eventType:"mousedown",target:"."+u,callback:t=>{M.get().isTouchDevice||f(t)}})}};

package/dist/fn/Effect/_.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FadeIn, FadeUp } from './Fade';
+import './Pudding';
+import './Ripple';
+declare const Effect: {
+    FadeIn: import("react").FC<FadeIn.Input>;
+    FadeUp: import("react").FC<FadeUp.Input>;
+};
+export { Effect, Effect as default };

package/dist/fn/Effect/_.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import{FadeIn as o,FadeUp as e}from"./Fade";import"./Pudding";import"./Ripple";const t={FadeIn:o,FadeUp:e};export{t as Effect,t as default};

package/dist/fn/Input/Checker.d.ts

@@ -0,0 +1,17 @@
+import { TagProperty, ReactElement } from '../../@declaration/_';
+import { InputTypes } from './_';
+declare namespace Checker {
+    type Input = InputTypes.CoreInput & {
+        label: ReactElement;
+        id?: string;
+        tabIndex?: number;
+        disabled?: boolean;
+        value?: boolean;
+        cellStyles?: TagProperty.Params;
+        cellClassName?: string;
+        cellCheckedStyles?: TagProperty.Params;
+        cellCheckedClassName?: string;
+    };
+}
+declare const Checker: (params: Checker.Input) => import("react/jsx-runtime").JSX.Element;
+export { Checker, Checker as default };

package/dist/fn/Input/Checker.js

@@ -0,0 +1 @@
+import{b as l,c as t}from"../../chunk-VY3566IV.js";import{jsx as u}from"react/jsx-runtime";import c from"./List";const n=e=>(e=l({},e),u(c.Plain,t(l({},e),{tone:"plain",icon:!0,type:"checker",iconType:"checkbox",value:e.value?!0:null,cellStyles:l({padding:0},e.cellStyles),options:[{value:!0,label:e.label}],onUpdateValidValue:a=>{let o=!!a.value[0];e.onUpdateValidValue&&e.onUpdateValidValue(t(l({},a),{value:o}))}})));export{n as Checker,n as default};

package/dist/fn/Input/Chips/Selector.d.ts

@@ -0,0 +1,44 @@
+import { ReactElement } from '../../../@declaration/_';
+import { $$ } from '../../../@utils/_';
+import { Types } from './_';
+declare namespace Selector {
+    type Input = {
+        selectorID: string;
+        bottomContent: ReactElement;
+        options: Types.ChipsOptions[];
+        limit?: number;
+        selected: Types.ChipsOptions[];
+        SelectorCellComponent: Types.SelectorCellComponentInput;
+        onUpdated(params: {
+            values: any[];
+        }): void;
+        onDynamicSearch?: Types.onDynamicSearch;
+    };
+    type OpenSelectorInput = {
+        parent: $$.Args;
+        selectorID: string;
+        options: Types.ChipsOptions[];
+        selected: Types.ChipsOptions[];
+        bottomContent?: ReactElement;
+        gravityPoint?: number;
+        limit?: number;
+        onDynamicSearch?: {
+            (k: string): Promise<{
+                options: Types.ChipsOptions[];
+            }>;
+        };
+        onUpdated(params: {
+            values: any[];
+        }): void;
+        onClosed(): void;
+        SelectorCellComponent?: Types.SelectorCellComponentInput;
+    };
+    type Methods = {
+        openSelector(params: OpenSelectorInput): void;
+        closeSelector(selectorID: string): void;
+        updateOptions(selectorID: string, options: Types.ChipsOptions[]): void;
+        updateSelected(selectorID: string, selected: Types.ChipsOptions[]): void;
+    };
+}
+declare const Selector: Selector.Methods;
+export { Selector, Selector as default };