amotify 0.2.21 → 0.2.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +89 -89
- package/dist/@declares/property.d.ts +26 -23
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/var.css +1 -1
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/atoms/FAI.js +1 -1
- package/dist/atoms/Flex.js +1 -1
- package/dist/atoms/Grid.js +1 -1
- package/dist/atoms/Logo.js +4 -4
- package/dist/atoms/Placeholder.js +1 -1
- package/dist/fn/Button.d.ts +1 -1
- package/dist/fn/Button.js +1 -1
- package/dist/fn/Cropper.js +1 -1
- package/dist/fn/Effect/Fade.js +1 -1
- package/dist/fn/Input/AutoHeightText.js +1 -1
- package/dist/fn/Input/Chips/Selector.js +1 -1
- package/dist/fn/Input/Chips/index.js +1 -1
- package/dist/fn/Input/Contenteditable.js +1 -1
- package/dist/fn/Input/DigitCharacters.d.ts +1 -1
- package/dist/fn/Input/DigitCharacters.js +1 -1
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/List.d.ts +3 -3
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Parts.js +1 -1
- package/dist/fn/Input/RichSelect.d.ts +3 -3
- package/dist/fn/Input/RichSelect.js +1 -1
- package/dist/fn/Input/Search.js +1 -1
- package/dist/fn/Input/Segmented.js +1 -1
- package/dist/fn/Input/Select.d.ts +1 -1
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/Slider.js +1 -1
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/fn/Input/Text.js +1 -1
- package/dist/fn/Input/TextArea.js +1 -1
- package/dist/fn/Input/Time/Picker.js +1 -1
- package/dist/fn/Input/Time/index.js +1 -1
- package/dist/fn/Input/core.d.ts +3 -3
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Input/index.d.ts +1 -1
- package/dist/fn/Loader/corner.js +1 -1
- package/dist/fn/Loader/mini.js +1 -1
- package/dist/fn/PageNotFound.js +1 -1
- package/dist/fn/Plate.js +1 -1
- package/dist/fn/RootViewController.d.ts +2 -4
- package/dist/fn/RootViewController.js +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Snackbar.js +1 -1
- package/dist/fn/SwipeView.js +1 -1
- package/dist/fn/TabBar.js +1 -1
- package/dist/fn/Table/Data.d.ts +2 -2
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Table/Drag.js +1 -1
- package/dist/fn/Table/Normal.js +1 -1
- package/dist/fn/Table/Parts.js +1 -1
- package/dist/fn/Table/Wrapper.js +1 -1
- package/dist/fn/Table/cellStyling.d.ts +1 -6
- package/dist/fn/Table/cellStyling.js +1 -1
- package/dist/fn/Table/index.d.ts +2 -2
- package/dist/fn/Tooltips.js +1 -1
- package/dist/mols/Accordion.js +1 -1
- package/dist/mols/Column.js +1 -1
- package/dist/mols/List.d.ts +1 -1
- package/dist/mols/List.js +1 -1
- package/dist/mols/Row.js +1 -1
- package/dist/mols/Text.js +1 -1
- package/dist/temps/designBook.js +20 -20
- package/package.json +2 -2
package/dist/@styles/var.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 54, 194, 124;--color-negative-rgb: 246, 70, 93;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 10px;--font-size1: 12px;--font-size2: 14px;--font-size3: 16px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--grid-unit: 12px;--viewHeight: 100vh;--sideNavHeight: 0px;--topNavHeight: 0px;--contentHeight: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .5);--shadow_color_max: rgba(var(--sc), .75);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .5);--shadow_color_max: rgba(var(--sc), .75);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .5);--shadow_color_max: rgba(var(--sc), .75);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}
|
|
1
|
+
:root{--cH_comun: 237;--cS_comun: 76%;--cL_comun: 58%;--color_comun-hsl: 237, 76%, 58%;--cH_leaf: 159;--cS_leaf: 78%;--cL_leaf: 38%;--color_leaf-hsl: 159, 78%, 38%;--cH_heart: 2;--cS_heart: 81%;--cL_heart: 63%;--color_heart-hsl: 2, 81%, 63%;--cH_droplet: 215;--cS_droplet: 82%;--cL_droplet: 51%;--color_droplet-hsl: 215, 82%, 51%;--cH_brick: 351;--cS_brick: 80%;--cL_brick: 39%;--color_brick-hsl: 351, 80%, 39%;--cH_flower: 350;--cS_flower: 78%;--cL_flower: 75%;--color_flower-hsl: 350, 78%, 75%;--cH_lip: 340;--cS_lip: 69%;--cL_lip: 49%;--color_lip-hsl: 340, 69%, 49%;--cH_wine: 317;--cS_wine: 41%;--cL_wine: 30%;--color_wine-hsl: 317, 41%, 30%;--cH_theater: 301;--cS_theater: 88%;--cL_theater: 49%;--color_theater-hsl: 301, 88%, 49%;--cH_bat: 272;--cS_bat: 81%;--cL_bat: 21%;--color_bat-hsl: 272, 81%, 21%;--cH_poizon: 268;--cS_poizon: 58%;--cL_poizon: 50%;--color_poizon-hsl: 268, 58%, 50%;--cH_eggplant: 264;--cS_eggplant: 100%;--cL_eggplant: 62%;--color_eggplant-hsl: 264, 100%, 62%;--cH_ufo: 253;--cS_ufo: 81%;--cL_ufo: 58%;--color_ufo-hsl: 253, 81%, 58%;--cH_alien: 252;--cS_alien: 92%;--cL_alien: 57%;--color_alien-hsl: 252, 92%, 57%;--cH_tombstone: 251;--cS_tombstone: 14%;--cL_tombstone: 70%;--color_tombstone-hsl: 251, 14%, 70%;--cH_ninja: 242;--cS_ninja: 100%;--cL_ninja: 68%;--color_ninja-hsl: 242, 100%, 68%;--cH_moon: 240;--cS_moon: 16%;--cL_moon: 24%;--color_moon-hsl: 240, 16%, 24%;--cH_rain: 240;--cS_rain: 32%;--cL_rain: 54%;--color_rain-hsl: 240, 32%, 54%;--cH_unicorn: 238;--cS_unicorn: 70%;--cL_unicorn: 74%;--color_unicorn-hsl: 238, 70%, 74%;--cH_axe: 226;--cS_axe: 22%;--cL_axe: 35%;--color_axe-hsl: 226, 22%, 35%;--cH_gem: 221;--cS_gem: 85%;--cL_gem: 43%;--color_gem-hsl: 221, 85%, 43%;--cH_soap: 217;--cS_soap: 85%;--cL_soap: 32%;--color_soap-hsl: 217, 85%, 32%;--cH_drizzle: 213;--cS_drizzle: 33%;--cL_drizzle: 68%;--color_drizzle-hsl: 213, 33%, 68%;--cH_building: 204;--cS_building: 3%;--cL_building: 72%;--color_building-hsl: 204, 3%, 72%;--cH_fish: 194;--cS_fish: 97%;--cL_fish: 34%;--color_fish-hsl: 194, 97%, 34%;--cH_icicles: 191;--cS_icicles: 61%;--cL_icicles: 58%;--color_icicles-hsl: 191, 61%, 58%;--cH_water: 187;--cS_water: 30%;--cL_water: 54%;--color_water-hsl: 187, 30%, 54%;--cH_tree1: 186;--cS_tree1: 85%;--cL_tree1: 23%;--color_tree1-hsl: 186, 85%, 23%;--cH_tree2: 185;--cS_tree2: 97%;--cL_tree2: 34%;--color_tree2-hsl: 185, 97%, 34%;--cH_tree3: 183;--cS_tree3: 86%;--cL_tree3: 19%;--color_tree3-hsl: 183, 86%, 19%;--cH_battery: 170;--cS_battery: 90%;--cL_battery: 39%;--color_battery-hsl: 170, 90%, 39%;--cH_seedle: 145;--cS_seedle: 94%;--cL_seedle: 40%;--color_seedle-hsl: 145, 94%, 40%;--cH_greenTea: 144;--cS_greenTea: 43%;--cL_greenTea: 41%;--color_greenTea-hsl: 144, 43%, 41%;--cH_oak: 101;--cS_oak: 24%;--cL_oak: 66%;--color_oak-hsl: 101, 24%, 66%;--cH_salad: 68;--cS_salad: 90%;--cL_salad: 43%;--color_salad-hsl: 68, 90%, 43%;--cH_cloudy: 60;--cS_cloudy: 5%;--cL_cloudy: 79%;--color_cloudy-hsl: 60, 5%, 79%;--cH_lemon: 53;--cS_lemon: 78%;--cL_lemon: 70%;--color_lemon-hsl: 53, 78%, 70%;--cH_angel: 47;--cS_angel: 100%;--cL_angel: 50%;--color_angel-hsl: 47, 100%, 50%;--cH_parasol: 42;--cS_parasol: 86%;--cL_parasol: 70%;--color_parasol-hsl: 42, 86%, 70%;--cH_pizza: 40;--cS_pizza: 92%;--cL_pizza: 52%;--color_pizza-hsl: 40, 92%, 52%;--cH_thunder: 40;--cS_thunder: 70%;--cL_thunder: 57%;--color_thunder-hsl: 40, 70%, 57%;--cH_latte: 33;--cS_latte: 51%;--cL_latte: 73%;--color_latte-hsl: 33, 51%, 73%;--cH_island: 27;--cS_island: 91%;--cL_island: 55%;--color_island-hsl: 27, 91%, 55%;--cH_shovel: 19;--cS_shovel: 29%;--cL_shovel: 37%;--color_shovel-hsl: 19, 29%, 37%;--cH_coffee: 18;--cS_coffee: 33%;--cL_coffee: 24%;--color_coffee-hsl: 18, 33%, 24%;--cH_carrot: 14;--cS_carrot: 84%;--cL_carrot: 59%;--color_carrot-hsl: 14, 84%, 59%;--cH_cactus: 8;--cS_cactus: 17%;--cL_cactus: 62%;--color_cactus-hsl: 8, 17%, 62%;--cH_volcano: 6;--cS_volcano: 84%;--cL_volcano: 48%;--color_volcano-hsl: 6, 84%, 48%;--cH_choco: 2;--cS_choco: 55%;--cL_choco: 57%;--color_choco-hsl: 2, 55%, 57%;--cH_industry: 0;--cS_industry: 0%;--cL_industry: 50%;--color_industry-hsl: 0, 0%, 50%;--cH_gun: 0;--cS_gun: 0%;--cL_gun: 37%;--color_gun-hsl: 0, 0%, 37%;--cH_galaxy: 0;--cS_galaxy: 0%;--cL_galaxy: 5%;--color_galaxy-hsl: 0, 0%, 5%;--cH_line: 120;--cS_line: 100%;--cL_line: 37%;--color_line-hsl: 120, 100%, 37%;--cH_twitter: 203;--cS_twitter: 89%;--cL_twitter: 52%;--color_twitter-hsl: 203, 89%, 52%;--cH_amazon: 36;--cS_amazon: 100%;--cL_amazon: 50%;--color_amazon-hsl: 36, 100%, 50%;--cH_facebook: 220;--cS_facebook: 46%;--cL_facebook: 48%;--color_facebook-hsl: 220, 46%, 48%;--cH_android: 101;--cS_android: 47%;--cL_android: 55%;--color_android-hsl: 101, 47%, 55%;--cH_slackBlue: 194;--cS_slackBlue: 86%;--cL_slackBlue: 58%;--color_slackBlue-hsl: 194, 86%, 58%;--cH_slackGreen: 155;--cS_slackGreen: 60%;--cL_slackGreen: 45%;--color_slackGreen-hsl: 155, 60%, 45%;--cH_slackRed: 341;--cS_slackRed: 76%;--cL_slackRed: 50%;--color_slackRed-hsl: 341, 76%, 50%;--cH_slackYellow: 42;--cS_slackYellow: 83%;--cL_slackYellow: 55%;--color_slackYellow-hsl: 42, 83%, 55%;--cH_slackBase: 299;--cS_slackBase: 56%;--cL_slackBase: 19%;--color_slackBase-hsl: 299, 56%, 19%;--cH_googleBlue: 217;--cS_googleBlue: 89%;--cL_googleBlue: 61%;--color_googleBlue-hsl: 217, 89%, 61%;--cH_googleGreen: 151;--cS_googleGreen: 83%;--cL_googleGreen: 34%;--color_googleGreen-hsl: 151, 83%, 34%;--cH_googleYellow: 44;--cS_googleYellow: 100%;--cL_googleYellow: 48%;--color_googleYellow-hsl: 44, 100%, 48%;--cH_googleRed: 5;--cS_googleRed: 69%;--cL_googleRed: 54%;--color_googleRed-hsl: 5, 69%, 54%;--cH: 0;--cS: 0%;--cL: 0%;--color-theme-hsl: 0, 0%, 0%;--color-theme-opacity-high: .5;--color-theme-opacity-middle: .25;--color-theme-opacity-low: .15;--color-theme-opacity-few: .085;--color-positive-rgb: 54, 194, 124;--color-negative-rgb: 246, 70, 93;--color-warning-rgb: 248, 150, 0;--color-dark-rgb: 69, 81, 92;--color-positive: rgba(var(--color-positive-rgb), 1);--color-negative: rgba(var(--color-negative-rgb), 1);--color-warning: rgba(var(--color-warning-rgb), 1);--color-dark: rgba(var(--color-dark-rgb), 1);--color-layer1-hsl: var(--cH), 6%, 99%;--color-layer2-hsl: var(--cH), 6%, 96%;--color-layer3-hsl: var(--cH), 6%, 92%;--color-layer4-hsl: var(--cH), 5%, 89%;--color-layer5-hsl: var(--cH), 4%, 85%;--color-layer6-hsl: var(--cH), 3%, 75%;--color-base-rgb: 252, 252, 252;--color-cloud-rgb: 241, 243, 248;--color-mono-positive-rgb: 0, 0, 0;--color-mono-negative-rgb: 255, 255, 255;--font-color-logoTitle: hsl(218, 45%, 22%);--sc: 60, 64, 67;--shadow_style_0: 0px 1px 2px 0px;--shadow_style_1: 0px 2px 4px 0px;--shadow_style_2: 1px 3px 8px 0px;--shadow_style_3: 2px 6px 12px;--shadow_style_4: .4rem 1rem 2rem;--shadow_style_5: 1rem 1.5rem 3rem;--shadow_color_min: rgba(var(--sc), .05);--shadow_color_normal: rgba(var(--sc), .15);--shadow_color_remark: rgba(var(--sc), .28);--shadow_color_max: rgba(var(--sc), .41);--font-color1-rgb: 0, 0, 0;--font-color2-rgb: 51, 51, 51;--font-color3-rgb: 118, 125, 137;--font-color4-rgb: 152, 158, 167;--font-color5-rgb: 189, 194, 200;--font-color6-rgb: 210, 210, 220;--font-size0: 10px;--font-size1: 12px;--font-size2: 14px;--font-size3: 16px;--font-size4: 20px;--font-size5: 24px;--font-size6: 32px;--font-size7: 44px;--font-size8: 60px;--border-color-thin: hsl(220, 9%, 92%);--border-color-normal: hsl(220, 9%, 87%);--border-radius1: 4px;--border-radius2: 6px;--border-radius3: 8px;--border-radius4: 12px;--border-radius5: 18px;--border-radius6: 24px;--border-radius7: 30px;--animation-time1: .1s;--animation-time2: .15s;--animation-time3: .25s;--animation-time4: .4s;--animation-style1: cubic-bezier(.35, .46, 0, .99);--animation-style2: cubic-bezier(.1, .85, .1, .85);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--grid-unit: 12px;--viewHeight: 100vh;--sideNavHeight: 0px;--topNavHeight: 0px;--contentHeight: 0px;--topBase: 0px}@supports (-webkit-touch-callout: none){:root{--viewHeight: -webkit-fill-available}}.bdsTC_comun{--cH: var(--cH_comun);--cS: var(--cS_comun);--cL: var(--cL_comun);--color-theme-hsl: var(--color_comun-hsl)}.bdsTC_leaf{--cH: var(--cH_leaf);--cS: var(--cS_leaf);--cL: var(--cL_leaf);--color-theme-hsl: var(--color_leaf-hsl)}.bdsTC_heart{--cH: var(--cH_heart);--cS: var(--cS_heart);--cL: var(--cL_heart);--color-theme-hsl: var(--color_heart-hsl)}.bdsTC_droplet{--cH: var(--cH_droplet);--cS: var(--cS_droplet);--cL: var(--cL_droplet);--color-theme-hsl: var(--color_droplet-hsl)}.bdsTC_brick{--cH: var(--cH_brick);--cS: var(--cS_brick);--cL: var(--cL_brick);--color-theme-hsl: var(--color_brick-hsl)}.bdsTC_flower{--cH: var(--cH_flower);--cS: var(--cS_flower);--cL: var(--cL_flower);--color-theme-hsl: var(--color_flower-hsl)}.bdsTC_lip{--cH: var(--cH_lip);--cS: var(--cS_lip);--cL: var(--cL_lip);--color-theme-hsl: var(--color_lip-hsl)}.bdsTC_wine{--cH: var(--cH_wine);--cS: var(--cS_wine);--cL: var(--cL_wine);--color-theme-hsl: var(--color_wine-hsl)}.bdsTC_theater{--cH: var(--cH_theater);--cS: var(--cS_theater);--cL: var(--cL_theater);--color-theme-hsl: var(--color_theater-hsl)}.bdsTC_bat{--cH: var(--cH_bat);--cS: var(--cS_bat);--cL: var(--cL_bat);--color-theme-hsl: var(--color_bat-hsl)}.bdsTC_poizon{--cH: var(--cH_poizon);--cS: var(--cS_poizon);--cL: var(--cL_poizon);--color-theme-hsl: var(--color_poizon-hsl)}.bdsTC_eggplant{--cH: var(--cH_eggplant);--cS: var(--cS_eggplant);--cL: var(--cL_eggplant);--color-theme-hsl: var(--color_eggplant-hsl)}.bdsTC_ufo{--cH: var(--cH_ufo);--cS: var(--cS_ufo);--cL: var(--cL_ufo);--color-theme-hsl: var(--color_ufo-hsl)}.bdsTC_alien{--cH: var(--cH_alien);--cS: var(--cS_alien);--cL: var(--cL_alien);--color-theme-hsl: var(--color_alien-hsl)}.bdsTC_tombstone{--cH: var(--cH_tombstone);--cS: var(--cS_tombstone);--cL: var(--cL_tombstone);--color-theme-hsl: var(--color_tombstone-hsl)}.bdsTC_ninja{--cH: var(--cH_ninja);--cS: var(--cS_ninja);--cL: var(--cL_ninja);--color-theme-hsl: var(--color_ninja-hsl)}.bdsTC_moon{--cH: var(--cH_moon);--cS: var(--cS_moon);--cL: var(--cL_moon);--color-theme-hsl: var(--color_moon-hsl)}.bdsTC_rain{--cH: var(--cH_rain);--cS: var(--cS_rain);--cL: var(--cL_rain);--color-theme-hsl: var(--color_rain-hsl)}.bdsTC_unicorn{--cH: var(--cH_unicorn);--cS: var(--cS_unicorn);--cL: var(--cL_unicorn);--color-theme-hsl: var(--color_unicorn-hsl)}.bdsTC_axe{--cH: var(--cH_axe);--cS: var(--cS_axe);--cL: var(--cL_axe);--color-theme-hsl: var(--color_axe-hsl)}.bdsTC_gem{--cH: var(--cH_gem);--cS: var(--cS_gem);--cL: var(--cL_gem);--color-theme-hsl: var(--color_gem-hsl)}.bdsTC_soap{--cH: var(--cH_soap);--cS: var(--cS_soap);--cL: var(--cL_soap);--color-theme-hsl: var(--color_soap-hsl)}.bdsTC_drizzle{--cH: var(--cH_drizzle);--cS: var(--cS_drizzle);--cL: var(--cL_drizzle);--color-theme-hsl: var(--color_drizzle-hsl)}.bdsTC_building{--cH: var(--cH_building);--cS: var(--cS_building);--cL: var(--cL_building);--color-theme-hsl: var(--color_building-hsl)}.bdsTC_fish{--cH: var(--cH_fish);--cS: var(--cS_fish);--cL: var(--cL_fish);--color-theme-hsl: var(--color_fish-hsl)}.bdsTC_icicles{--cH: var(--cH_icicles);--cS: var(--cS_icicles);--cL: var(--cL_icicles);--color-theme-hsl: var(--color_icicles-hsl)}.bdsTC_water{--cH: var(--cH_water);--cS: var(--cS_water);--cL: var(--cL_water);--color-theme-hsl: var(--color_water-hsl)}.bdsTC_tree1{--cH: var(--cH_tree1);--cS: var(--cS_tree1);--cL: var(--cL_tree1);--color-theme-hsl: var(--color_tree1-hsl)}.bdsTC_tree2{--cH: var(--cH_tree2);--cS: var(--cS_tree2);--cL: var(--cL_tree2);--color-theme-hsl: var(--color_tree2-hsl)}.bdsTC_tree3{--cH: var(--cH_tree3);--cS: var(--cS_tree3);--cL: var(--cL_tree3);--color-theme-hsl: var(--color_tree3-hsl)}.bdsTC_battery{--cH: var(--cH_battery);--cS: var(--cS_battery);--cL: var(--cL_battery);--color-theme-hsl: var(--color_battery-hsl)}.bdsTC_seedle{--cH: var(--cH_seedle);--cS: var(--cS_seedle);--cL: var(--cL_seedle);--color-theme-hsl: var(--color_seedle-hsl)}.bdsTC_greenTea{--cH: var(--cH_greenTea);--cS: var(--cS_greenTea);--cL: var(--cL_greenTea);--color-theme-hsl: var(--color_greenTea-hsl)}.bdsTC_oak{--cH: var(--cH_oak);--cS: var(--cS_oak);--cL: var(--cL_oak);--color-theme-hsl: var(--color_oak-hsl)}.bdsTC_salad{--cH: var(--cH_salad);--cS: var(--cS_salad);--cL: var(--cL_salad);--color-theme-hsl: var(--color_salad-hsl)}.bdsTC_cloudy{--cH: var(--cH_cloudy);--cS: var(--cS_cloudy);--cL: var(--cL_cloudy);--color-theme-hsl: var(--color_cloudy-hsl)}.bdsTC_lemon{--cH: var(--cH_lemon);--cS: var(--cS_lemon);--cL: var(--cL_lemon);--color-theme-hsl: var(--color_lemon-hsl)}.bdsTC_angel{--cH: var(--cH_angel);--cS: var(--cS_angel);--cL: var(--cL_angel);--color-theme-hsl: var(--color_angel-hsl)}.bdsTC_parasol{--cH: var(--cH_parasol);--cS: var(--cS_parasol);--cL: var(--cL_parasol);--color-theme-hsl: var(--color_parasol-hsl)}.bdsTC_pizza{--cH: var(--cH_pizza);--cS: var(--cS_pizza);--cL: var(--cL_pizza);--color-theme-hsl: var(--color_pizza-hsl)}.bdsTC_thunder{--cH: var(--cH_thunder);--cS: var(--cS_thunder);--cL: var(--cL_thunder);--color-theme-hsl: var(--color_thunder-hsl)}.bdsTC_latte{--cH: var(--cH_latte);--cS: var(--cS_latte);--cL: var(--cL_latte);--color-theme-hsl: var(--color_latte-hsl)}.bdsTC_island{--cH: var(--cH_island);--cS: var(--cS_island);--cL: var(--cL_island);--color-theme-hsl: var(--color_island-hsl)}.bdsTC_shovel{--cH: var(--cH_shovel);--cS: var(--cS_shovel);--cL: var(--cL_shovel);--color-theme-hsl: var(--color_shovel-hsl)}.bdsTC_coffee{--cH: var(--cH_coffee);--cS: var(--cS_coffee);--cL: var(--cL_coffee);--color-theme-hsl: var(--color_coffee-hsl)}.bdsTC_carrot{--cH: var(--cH_carrot);--cS: var(--cS_carrot);--cL: var(--cL_carrot);--color-theme-hsl: var(--color_carrot-hsl)}.bdsTC_cactus{--cH: var(--cH_cactus);--cS: var(--cS_cactus);--cL: var(--cL_cactus);--color-theme-hsl: var(--color_cactus-hsl)}.bdsTC_volcano{--cH: var(--cH_volcano);--cS: var(--cS_volcano);--cL: var(--cL_volcano);--color-theme-hsl: var(--color_volcano-hsl)}.bdsTC_choco{--cH: var(--cH_choco);--cS: var(--cS_choco);--cL: var(--cL_choco);--color-theme-hsl: var(--color_choco-hsl)}.bdsTC_industry{--cH: var(--cH_industry);--cS: var(--cS_industry);--cL: var(--cL_industry);--color-theme-hsl: var(--color_industry-hsl)}.bdsTC_gun{--cH: var(--cH_gun);--cS: var(--cS_gun);--cL: var(--cL_gun);--color-theme-hsl: var(--color_gun-hsl)}.bdsTC_galaxy{--cH: var(--cH_galaxy);--cS: var(--cS_galaxy);--cL: var(--cL_galaxy);--color-theme-hsl: var(--color_galaxy-hsl)}.bdsTC_line{--cH: var(--cH_line);--cS: var(--cS_line);--cL: var(--cL_line);--color-theme-hsl: var(--color_line-hsl)}.bdsTC_twitter{--cH: var(--cH_twitter);--cS: var(--cS_twitter);--cL: var(--cL_twitter);--color-theme-hsl: var(--color_twitter-hsl)}.bdsTC_amazon{--cH: var(--cH_amazon);--cS: var(--cS_amazon);--cL: var(--cL_amazon);--color-theme-hsl: var(--color_amazon-hsl)}.bdsTC_facebook{--cH: var(--cH_facebook);--cS: var(--cS_facebook);--cL: var(--cL_facebook);--color-theme-hsl: var(--color_facebook-hsl)}.bdsTC_android{--cH: var(--cH_android);--cS: var(--cS_android);--cL: var(--cL_android);--color-theme-hsl: var(--color_android-hsl)}.bdsTC_slackBlue{--cH: var(--cH_slackBlue);--cS: var(--cS_slackBlue);--cL: var(--cL_slackBlue);--color-theme-hsl: var(--color_slackBlue-hsl)}.bdsTC_slackGreen{--cH: var(--cH_slackGreen);--cS: var(--cS_slackGreen);--cL: var(--cL_slackGreen);--color-theme-hsl: var(--color_slackGreen-hsl)}.bdsTC_slackRed{--cH: var(--cH_slackRed);--cS: var(--cS_slackRed);--cL: var(--cL_slackRed);--color-theme-hsl: var(--color_slackRed-hsl)}.bdsTC_slackYellow{--cH: var(--cH_slackYellow);--cS: var(--cS_slackYellow);--cL: var(--cL_slackYellow);--color-theme-hsl: var(--color_slackYellow-hsl)}.bdsTC_slackBase{--cH: var(--cH_slackBase);--cS: var(--cS_slackBase);--cL: var(--cL_slackBase);--color-theme-hsl: var(--color_slackBase-hsl)}.bdsTC_googleBlue{--cH: var(--cH_googleBlue);--cS: var(--cS_googleBlue);--cL: var(--cL_googleBlue);--color-theme-hsl: var(--color_googleBlue-hsl)}.bdsTC_googleGreen{--cH: var(--cH_googleGreen);--cS: var(--cS_googleGreen);--cL: var(--cL_googleGreen);--color-theme-hsl: var(--color_googleGreen-hsl)}.bdsTC_googleYellow{--cH: var(--cH_googleYellow);--cS: var(--cS_googleYellow);--cL: var(--cL_googleYellow);--color-theme-hsl: var(--color_googleYellow-hsl)}.bdsTC_googleRed{--cH: var(--cH_googleRed);--cS: var(--cS_googleRed);--cL: var(--cL_googleRed);--color-theme-hsl: var(--color_googleRed-hsl)}.bdsTNflat{--border-color-thin: hsl(220, 9%, 94%);--border-color-normal: hsl(220, 9%, 90%)}.bdsDM_dark{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}.bdsDM_dim{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 8%, 20%;--color-layer2-hsl: var(--cH), 8%, 23.3%;--color-layer3-hsl: var(--cH), 8%, 26.6%;--color-layer4-hsl: var(--cH), 8%, 30%;--color-layer5-hsl: var(--cH), 8%, 35%;--color-layer6-hsl: var(--cH), 8%, 40%}@media (prefers-color-scheme: dark){.bdsDM_auto{--color-theme-opacity-high: .45;--color-theme-opacity-middle: .3;--color-theme-opacity-low: .2;--color-theme-opacity-few: .1;--color-dark-rgb: 46, 51, 54;--color-cloud-rgb: 43, 44, 45;--color-base-rgb: 27, 28, 28;--color-mono-positive-rgb: 255, 255, 255;--color-mono-negative-rgb: 0, 0, 0;--font-color1-rgb: 250, 251, 252;--font-color2-rgb: 205, 210, 220;--font-color3-rgb: 165, 170, 180;--font-color4-rgb: 135, 140, 150;--font-color5-rgb: 95, 100, 110;--font-color6-rgb: 65, 70, 80;--font-color-logoTitle: rgb(210, 220, 240);--sc: 0, 0, 0;--shadow_color_min: rgba(var(--sc), .2);--shadow_color_normal: rgba(var(--sc), .3);--shadow_color_remark: rgba(var(--sc), .4);--shadow_color_max: rgba(var(--sc), .5);--border-color-thin: hsl(180, 5%, 25%);--border-color-normal: hsl(180, 5%, 38%);--color-layer1-hsl: var(--cH), 5%, 13%;--color-layer2-hsl: var(--cH), 5%, 16.3%;--color-layer3-hsl: var(--cH), 5%, 19.6%;--color-layer4-hsl: var(--cH), 5%, 23%;--color-layer5-hsl: var(--cH), 5%, 28%;--color-layer6-hsl: var(--cH), 5%, 33%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as o,c as J,d as H}from"../chunk-C5N2D3ZX.js";import a from"@mingoo/jsmin";import{Config as Y}from".";const s={toConcreteBorderRadius:p=>{let B=Y.get().roundness|0;return p=="1.tone.primary"?p=[0,2,3,4,5,5][B]:p=="2.tone.secondary"?p=[0,1,2,3,4,5][B]:p=="3.tone.tertiary"&&(p=[0,"1/3","2/3",1,2,3][B]),p},ev:p=>a.is.nullish(p),ClassNames:(p,B)=>{var Be,Re,Te,we,Pe,Ne,Le;let e=[],{gap:i,display:y,position:C,overflow:R,fontColor:L,fontSize:h,fontWeight:r,backgroundColor:T,textAlign:g,textDecoration:K,boxShadow:O,margin:u,marginTop:t,marginRight:l,marginBottom:d,marginLeft:w,padding:m,paddingTop:c,paddingRight:P,paddingBottom:_,paddingLeft:n,top:j,right:Z,bottom:ee,left:se,border:E,borderTop:v,borderRight:b,borderBottom:S,borderLeft:x,borderWidth:te,borderColor:re,borderStyle:ie,borderRadius:F,borderTopLeftRadius:A,borderTopRightRadius:z,borderBottomLeftRadius:k,borderBottomRightRadius:W,flexSizing:oe,flexWrap:ae,flexType:le,flexChilds:ne,flexGrid:pe,horizontalAlign:de,verticalAlign:ue,transition:he,gridCenter:fe,gridCols:ge,maxHeight:me,minHeight:ye,maxWidth:ce,minWidth:ve,width:be,height:Se,unitHeight:xe,unitWidth:Ce,opacity:_e}=B;{if(s.ev(y)||e.push("dsp"+y),R){let f=a.flatArray(R);e.push("ovfl-x-"+f[0]),e.push("ovfl-y-"+(f[1]||f[0]))}s.ev(C)||e.push("ps"+C),s.ev(g)||e.push("txtalg"+g),s.ev(g)||e.push("txtdeco"+K),s.ev(L)||e.push("ftcl"+((Be=String(L))==null?void 0:Be.replace(/\./g,"_"))),s.ev(h)||e.push("ftsz"+((Re=String(h))==null?void 0:Re.replace(/\..*/,""))),s.ev(r)||e.push("ftwt"+(r==null?void 0:r.replace(/\..*/,""))),s.ev(T)||e.push("bgc"+((Te=String(T))==null?void 0:Te.replace(/\./g,"_"))),s.ev(O)||e.push("bs"+O);let $,I,D,G;a.is.exist(u)&&(a.is.array(u)?u.length==2?[$,I,D,G]=[...u,...u]:u.length==4&&([$,I,D,G]=u):$=I=D=G=u,t=t!=null?t:$,l=l!=null?l:I,d=d!=null?d:D,w=w!=null?w:G),s.ev(t)||e.push("mrgt"+t),s.ev(l)||e.push("mrgr"+l),s.ev(d)||e.push("mrgb"+d),s.ev(w)||e.push("mrgl"+w);let M,q,U,X;a.is.exist(m)&&(a.is.array(m)?m.length==2?[M,q,U,X]=[...m,...m]:m.length==4&&([M,q,U,X]=m):M=q=U=X=m,c=c!=null?c:M,P=P!=null?P:q,_=_!=null?_:U,n=n!=null?n:X),s.ev(c)||e.push("pdt"+c),s.ev(P)||e.push("pdr"+P),s.ev(_)||e.push("pdb"+_),s.ev(n)||e.push("pdl"+n),s.ev(j)||e.push("pstt"+j),s.ev(Z)||e.push("pstr"+Z),s.ev(ee)||e.push("pstb"+ee),s.ev(se)||e.push("pstl"+se);{a.is.exist(E)&&(v=v!=null?v:E,b=b!=null?b:E,S=S!=null?S:E,x=x!=null?x:E),a.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),a.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),a.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),a.is.boolean(x)&&(x=["unset","2.normal"][Number(x)]),s.ev(v)||e.push("b_t_ss"+((we=String(v))==null?void 0:we.replace(/\..*/,""))),s.ev(b)||e.push("b_r_ss"+((Pe=String(b))==null?void 0:Pe.replace(/\..*/,""))),s.ev(S)||e.push("b_b_ss"+((Ne=String(S))==null?void 0:Ne.replace(/\..*/,""))),s.ev(x)||e.push("b_l_ss"+((Le=String(x))==null?void 0:Le.replace(/\..*/,""))),a.is.exist(te)&&e.push("b_wth"+String(te)),a.is.exist(re)&&e.push("b_cl"+String(re)),a.is.exist(ie)&&e.push("b_st"+String(ie));{let f,N,Q,V;a.is.exist(F)&&(a.is.array(F)?F.length==4&&([f,N,V,Q]=F):f=N=Q=V=F,A=A!=null?A:f,z=z!=null?z:N,k=k!=null?k:Q,W=W!=null?W:V)}s.ev(A)||e.push("br_tl"+s.toConcreteBorderRadius(A)),s.ev(z)||e.push("br_tr"+s.toConcreteBorderRadius(z)),s.ev(k)||e.push("br_bl"+s.toConcreteBorderRadius(k)),s.ev(W)||e.push("br_br"+s.toConcreteBorderRadius(W))}if(s.ev(_e)||e.push("op"+_e),a.is.exist(i)){let f,N;a.is.array(i)?(f=i[0],N=i[1]):f=N=i,e.push("gapRow"+f,"gapCol"+N)}s.ev(oe)||e.push("flsz"+oe),s.ev(ae)||e.push("flwrp"+ae),s.ev(le)||e.push("fltyp"+le),s.ev(ne)||e.push("flchld"+ne),s.ev(pe)||e.push("flgrid"+pe),s.ev(ue)||e.push("flvrt"+ue),s.ev(de)||e.push("flhrz"+de),s.ev(fe)||e.push("grcnt"+fe),s.ev(ge)||e.push("grcol"+ge),s.ev(Se)||e.push("hgt"+Se),s.ev(be)||e.push("wdt"+be),s.ev(xe)||e.push("unthgt"+xe),s.ev(Ce)||e.push("untwdt"+Ce),s.ev(he)||e.push("trnst"+he),s.ev(me)||e.push("maxh"+me),s.ev(ye)||e.push("minh"+ye),s.ev(ce)||e.push("maxw"+ce),s.ev(ve)||e.push("minw"+ve)}return e.length?p+e.join(" "+p):""}},Ae=p=>{let w=o({},p),{styles:m={}}=w,c=m,{gradients:e,ssCardBox:i,ssSphere:y,ssSquare:C,ssPushable:R,ssAbsoluteCovered:L,ssTextEllipsis:h,flexCenter:r,flexNewLine:T,isLightFont:g,isBoldFont:K,isSemiBoldFont:O,isRounded:u}=c,t=H(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]),P=w,{freeCSS:_={}}=P,l=H(_,[]),d=H(P,["styles","freeCSS"]);if(t=t||{},l=l||{},d=d||{},e){let{deg:n,colors:j}=e;l=J(o({},l),{background:`linear-gradient(${n}deg,${j.join(",")})`})}if(i){i===!0&&(i="border");let n={styles:{backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"},freeCSS:{zIndex:1}};i=="border"?n.styles.border=!0:i=="layer"?n.styles.backgroundColor="layer.1":i=="cloud"?n.styles.backgroundColor="cloud":i=="shadow"&&(n.styles.boxShadow="0.normal"),Y.get().darkMode=="dim"&&(n.styles.boxShadow="1.normal"),Y.get().darkMode=="dark"&&(n.styles.boxShadow="1.remark"),l=o(o({},n.freeCSS),l),t=o(o({},n.styles),t)}return y&&(r=r!=null?r:!0,t=o({padding:0,unitWidth:y,unitHeight:y,borderRadius:"sphere",flexSizing:"none"},t)),C&&(r=r!=null?r:!0,t=o({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},t)),R&&(t=o({transition:"middle"},t),d=J(o({},d),{className:[d.className,"ssPushable"].join(" ")})),L&&(t=o({position:"absolute",top:0,left:0,right:0,bottom:0},t)),h&&(t=o({overflow:"hidden"},t),l=o({whiteSpace:"nowrap",textOverflow:"ellipsis"},l)),T&&(t=o({width:1,flexSizing:"none"},t)),r&&(t=o({display:"flex",horizontalAlign:"center",verticalAlign:"center"},t)),g&&(t.fontWeight="1.light"),O&&(t.fontWeight="3.semiBold"),K&&(t.fontWeight="4.bold"),u&&(a.is.number(u)?l.borderRadius=u*12:t.borderRadius="sphere"),J(o({},d),{styles:t,freeCSS:l})},Fe=p=>{let T=Ae(p),{componentID:e,styles:i={},UnderBreakPointStyles:y={},className:C="",freeCSS:R={}}=T,L=H(T,["componentID","styles","UnderBreakPointStyles","className","freeCSS"]),h=[C];if(i.ssLastChildLossBorder&&h.push("ssLastChildLossBorder_"+i.ssLastChildLossBorder),i.ssEffectsOnActive){i.ssEffectsOnActive=a.flatArray(i.ssEffectsOnActive);for(let g of i.ssEffectsOnActive)h.push("eff_"+g,"eff_"+g.split(".")[0])}{let g=s.ClassNames("amotf_",i);h.push(g)}y&&h.push(s.ClassNames("amotf_bp",y));let r=o({},L);return R&&(r.style=o(o({},R),r.style)),(e||r["data-component-id"])&&(r["data-component-id"]=r["data-component-id"]||e),h.length&&(r.className=h.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),r};export{Fe as GenerateClassName,Ae as ReadStyleSet};
|
package/dist/atoms/FAI.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as i,d as
|
|
1
|
+
import{b as r,c as i,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as R}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as S}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as L}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as x}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as y}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as D}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as d}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as k}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as U}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as F}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as Q}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as M}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as W}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faUser as oo}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as ro}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as io}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as to}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as eo}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as no}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as mo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as ao}from"@fortawesome/free-regular-svg-icons/faImage";const n=o=>{let f=o,{icon:c,iconProps:m}=f,a=p(f,["icon","iconProps"]);return e(l,i(r({},a),{freeCSS:r({aspectRatio:"1"},a.freeCSS),styles:r({display:"inlineFlex",flexCenter:!0,position:"relative"},a.styles),children:e(s,i(r({icon:c,fixedWidth:!0,size:"sm"},m),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},m==null?void 0:m.style)}))}))},t=n;t.User=o=>e(n,i(r({},o),{icon:oo})),t.Times=o=>e(n,i(r({},o),{icon:h})),t.AngleRight=o=>e(n,i(r({},o),{icon:C})),t.AngleLeft=o=>e(n,i(r({},o),{icon:A})),t.AngleUp=o=>e(n,i(r({},o),{icon:g})),t.AngleDown=o=>e(n,i(r({},o),{icon:w})),t.ChevronLeft=o=>e(n,i(r({},o),{icon:R})),t.ChevronRight=o=>e(n,i(r({},o),{icon:S})),t.ChevronUp=o=>e(n,i(r({},o),{icon:u})),t.ChevronDown=o=>e(n,i(r({},o),{icon:L})),t.CaretLeft=o=>e(n,i(r({},o),{icon:E})),t.CaretRight=o=>e(n,i(r({},o),{icon:x})),t.CaretUp=o=>e(n,i(r({},o),{icon:I})),t.CaretDown=o=>e(n,i(r({},o),{icon:P})),t.ArrowLeft=o=>e(n,i(r({},o),{icon:y})),t.ArrowRight=o=>e(n,i(r({},o),{icon:D})),t.ArrowUp=o=>e(n,i(r({},o),{icon:d})),t.ArrowDown=o=>e(n,i(r({},o),{icon:k})),t.Rotate=o=>e(n,i(r({},o),{icon:U})),t.Redo=o=>e(n,i(r({},o),{icon:F})),t.Check=o=>e(n,i(r({},o),{icon:v})),t.CheckCircle=o=>e(n,i(r({},o),{icon:ro})),t.Question=o=>e(n,i(r({},o),{icon:T})),t.QuestionCircle=o=>e(n,i(r({},o),{icon:io})),t.Exclamation=o=>e(n,i(r({},o),{icon:H})),t.ExclamationTriangle=o=>e(n,i(r({},o),{icon:B})),t.Home=o=>e(n,i(r({},o),{icon:Q})),t.Share=o=>e(n,i(r({},o),{icon:M})),t.Search=o=>e(n,i(r({},o),{icon:G})),t.YenSign=o=>e(n,i(r({},o),{icon:V})),t.Heart=o=>e(n,i(r({},o),{icon:j})),t.Star=o=>e(n,i(r({},o),{icon:_})),t.Edit=o=>e(n,i(r({},o),{icon:to})),t.Pen=o=>e(n,i(r({},o),{icon:Y})),t.Copy=o=>e(n,i(r({},o),{icon:eo})),t.File=o=>e(n,i(r({},o),{icon:no})),t.TrashAlt=o=>e(n,i(r({},o),{icon:mo})),t.Bars=o=>e(n,i(r({},o),{icon:N})),t.Download=o=>e(n,i(r({},o),{icon:O})),t.Link=o=>e(n,i(r({},o),{icon:W})),t.LinkSlash=o=>e(n,i(r({},o),{icon:z})),t.ExternalLinkAlt=o=>e(n,i(r({},o),{icon:b})),t.Gear=o=>e(n,i(r({},o),{icon:q})),t.Plus=o=>e(n,i(r({},o),{icon:J})),t.Minus=o=>e(n,i(r({},o),{icon:K})),t.EllipsisH=o=>e(n,i(r({},o),{icon:X})),t.EllipsisV=o=>e(n,i(r({},o),{icon:Z})),t.PaperPlane=o=>e(n,i(r({},o),{icon:$})),t.Image=o=>e(n,i(r({},o),{icon:ao}));export{t as FAI,t as default};
|
package/dist/atoms/Flex.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c as r}from"../chunk-C5N2D3ZX.js";import{jsx as
|
|
1
|
+
import{b as t,c as r}from"../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import l from"./Box";const o=e=>a(l,r(t({},e),{styles:t({flexType:"row",flexWrap:!0,display:"flex"},e.styles),freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),n=e=>a(l,r(t({},e),{styles:t({width:1,flexSizing:"none"},e.styles)}));export{o as Flex,n as FlexBr,o as default};
|
package/dist/atoms/Grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as t,c as s}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import d from"./Box";const r=o=>e(d,s(t({},o),{styles:t({display:"grid"},o.styles)}));export{r as Grid,r as default};
|
package/dist/atoms/Logo.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as t,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx as e,jsxs as I}from"react/jsx-runtime";import S from"@mingoo/jsmin";import f from"./Flex";import C from"./Img";import{LogoClasses as i}from"../@styles/componentClasses";const h={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:i("ComunIcon"),children:I("g",{children:[e("path",{d:`
|
|
2
2
|
M
|
|
3
3
|
100,600
|
|
4
4
|
A 500,500 0 0,0 600,1100
|
|
@@ -32,7 +32,7 @@ import{b as l,c as g,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx
|
|
|
32
32
|
A 500,500 0 0,1 500,200
|
|
33
33
|
A 100,100 0 0,1 600,100
|
|
34
34
|
Z
|
|
35
|
-
`,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=
|
|
35
|
+
`,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=l=>I(T,{children:[e("path",{d:`
|
|
36
36
|
M
|
|
37
37
|
600,100
|
|
38
38
|
A 80,80 0 0,1 600,260
|
|
@@ -40,7 +40,7 @@ import{b as l,c as g,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx
|
|
|
40
40
|
L600,600
|
|
41
41
|
L600,300
|
|
42
42
|
Z
|
|
43
|
-
`,className:[i("P"),i("P_"+
|
|
43
|
+
`,className:[i("P"),i("P_"+l)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
|
|
44
44
|
M
|
|
45
45
|
600,300
|
|
46
46
|
A 45,45 0 0,1 600,390
|
|
@@ -48,4 +48,4 @@ import{b as l,c as g,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx
|
|
|
48
48
|
L600,600
|
|
49
49
|
L600,300
|
|
50
50
|
Z
|
|
51
|
-
`,className:[i("P"),i("P_"+
|
|
51
|
+
`,className:[i("P"),i("P_"+l)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:i("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(r.Icon,g(t({},o),{children:e(h.MingooIcon,{})})),Title:o=>e(r.Title,g(t({className:i("ComunTitle")},o),{styles:t({height:"auto"},o.styles),freeCSS:t({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({gap:"1/2",flexCenter:!0},s.styles),children:[e(u.Icon,{size:l,color:c}),e(u.Title,{size:l,color:c})]}))},LogoV:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({flexType:"col",gap:"1/2"},s.styles),children:[e(u.Icon,{styles:{margin:"auto"},size:l,color:c}),e(u.Title,{size:l,color:c})]}))}},m={Icon:o=>e(r.Icon,g(t({},o),{children:e(h.ComunIcon,{})})),Title:o=>e(r.Title,g(t({className:i("ComunTitle")},o),{styles:t({height:"auto"},o.styles),freeCSS:t({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({gap:"1/2",flexCenter:!0},s.styles),children:[e(m.Icon,{size:l,color:c}),e(m.Title,{size:l,color:c})]}))},LogoV:o=>{let n=o,{size:l,color:c}=n,s=p(n,["size","color"]);return I(f,g(t({},s),{styles:t({flexType:"col",gap:"1/2"},s.styles),children:[e(m.Icon,{styles:{margin:"auto"},size:l,color:c}),e(m.Title,{size:l,color:c})]}))}};let a="https://cdn.amotify.com/";const r={Icon:o=>{let y=o,{size:l="R",color:c="normal",className:s="",children:n}=y,L=p(y,["size","color","className","children"]);return e(f,g(t({className:[s,i("Icon"),i("Size_"+l)].join(" ")},L),{styles:t({verticalAlign:"center"},L.styles),children:S.is.function(n)?e(n,{}):n}))},Title:o=>{let y=o,{size:l="R",color:c="normal",className:s="",children:n}=y,L=p(y,["size","color","className","children"]);return e(f,g(t({className:[s,i("Title"),i("Size_"+l)].join(" ")},L),{styles:t({verticalAlign:"center",fontColor:c=="white"?"white":"logo"},L.styles),freeCSS:t({lineHeight:"1.25"},L.freeCSS),children:S.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:m.Icon,ComunTitle:m.Title,ComunLogoH:m.LogoH,ComunLogoV:m.LogoV,Google:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(r.Icon,g(t({},o),{children:e(C,{src:a+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:a+"@env/@logos/mingoo/icon.png",mingooIconClear:a+"@env/@logos/mingoo/iconClear.png",comunIcon:a+"@env/@logos/comun/icon.png",comunIconClear:a+"@env/@logos/comun/iconClear.png",defaultIcon:o=>a+"@env/@icon/"+(o||"image")+".png"}};export{r as Logo,r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as e,c as a,d as s}from"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses";const d=l=>{let t=l,{color:u="cloud"}=t,r=s(t,["color"]);return n(c,a(e({className:[o("Placeholder"),l.className].join(" ")},r),{styles:e({flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"layer.3"},r.styles),children:n(c,{className:[o("Body"),o("Color_"+u)].join(" ")})}))};export{d as Placeholder,d as default};
|
package/dist/fn/Button.d.ts
CHANGED
|
@@ -56,7 +56,7 @@ declare namespace Button {
|
|
|
56
56
|
'aria-label'?: string;
|
|
57
57
|
isLocked?: boolean;
|
|
58
58
|
isActive?: boolean;
|
|
59
|
-
isActiveStyles?: TagProperty.
|
|
59
|
+
isActiveStyles?: TagProperty.PropsNFreeCSS;
|
|
60
60
|
isActiveClassName?: string;
|
|
61
61
|
};
|
|
62
62
|
type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
|
package/dist/fn/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as t,c as i,d as B,e as A}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import L from"@mingoo/jsmin";import{pageRouter as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils";import{ButtonClasses as c}from"../@styles/componentClasses";const v={Size:(r,o,n,s)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(o)?{}:(n=="XS"?e=i(t({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(t({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],o=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=t({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,o,n,s)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return o=="Plain"||(o=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):o=="Normal"?e=i(t({},e),{backgroundColor:"trans"}):o=="Border"?e=i(t({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):o=="Prime"?(e=i(t({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:s,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),s=="white"&&(e=i(t({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):o=="Sub"?e=i(t({},e),{fontColor:s,ssEffectsOnActive:["shrink","ripple.cloud"]}):o=="Clear"?e=i(t({},e),{fontColor:s,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):o=="FillToBorder"?e=i(t({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:s,fontColor:s,backgroundColor:s}):o=="BorderToFill"&&(e=i(t({},e),{fontColor:s,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:s,backgroundColor:s})),s=="cloud"&&(e.fontColor="3.blur"),o!="Link"&&(e=t({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let o=N(t({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":L.uuid.gen()},r)),n=o.seed;{let{isLocked:T=!1,isActive:y=!1,isActiveStyles:S={},isActiveClassName:b="",tone:a="border",color:l="theme",className:d=""}=o;o.styles=t(t(t({},v.Size(r.seed,r.tone,r.size,l)),v.Tone(r.seed,r.tone,r.size,l)),o.styles),o.className=[d,c("Wrap"),c("isNeutral_"+!y),c("isLocked_"+T),c("Tone_"+a),c("Color_"+l),c("Tone_"+a+"_Color_"+l)].join(" "),y&&(o=i(t({className:[o.className,b].join(" ")},o),{styles:t(t({},o.styles),S)})),o=E(o)}if(n=="Button"){let s=o,{isLocked:T,isActive:y,isActiveClassName:S,isActiveStyles:b,submitOption:a,onClick:l}=s,d=B(s,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=t({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),d=i(t({},d),{"data-form-submit-button":a.formName,"data-sdfike":L.flatArray(a.submitDelegationKey).join(",")})),p("button",t({onClick:C=>A(void 0,null,function*(){if(l&&l(C),!a)return;let f=yield I(a.formName);!a.acceptInvalidForm&&!f.valid||a.callback(f.data,f.valid)})},d))}else if(n=="Label"){let e=o,{isLocked:T,isActive:y,isActiveClassName:S,isActiveStyles:b}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return p("label",t({},a))}else if(n=="Anchor"){let k=o,{isLocked:T,isActive:y,isActiveClassName:S,isActiveStyles:b,href:a="",newTab:l,sync:d,shiftQueryParams:C}=k,f=B(k,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return p("button",t({onClick:P=>{let z=P.ctrlKey||P.metaKey,R=l||!!z,h=a;C&&(h+=location.search),d?x.pushSync(h):x.push(h,!!R)}},f))}return null},u=(r,o)=>({XS:n=>p(m,i(t({},n),{seed:r,tone:o,size:"S"})),S:n=>p(m,i(t({},n),{seed:r,tone:o,size:"S"})),R:n=>p(m,i(t({},n),{seed:r,tone:o,size:"R"})),L:n=>p(m,i(t({},n),{seed:r,tone:o,size:"L"}))}),g=r=>({Plain:o=>p(m,i(t({},o),{seed:r,tone:"Plain",size:"R"})),Link:o=>p(m,i(t({},o),{seed:r,tone:"Link",size:"R"})),Normal:u(r,"Normal"),Border:u(r,"Border"),Prime:u(r,"Prime"),Sub:u(r,"Sub"),Clear:u(r,"Clear"),FillToBorder:u(r,"FillToBorder"),BorderToFill:u(r,"BorderToFill")}),F={Button:g("Button"),Label:g("Label"),Anchor:g("Anchor")};export{F as Button,F as default};
|
package/dist/fn/Cropper.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as X,c as V,e as B}from"../chunk-C5N2D3ZX.js";import{Fragment as $,jsx as p,jsxs as y}from"react/jsx-runtime";import b from"@mingoo/jsmin";import{$$fromRoot as j,useStore as M}from"../@utils";import{useState as z,useEffect as H}from"react";import O from"../atoms/Flex";import E from"../atoms/Box";import P from"../atoms/FAI";import T from"../mols/Column";import q from"../mols/Row";import Y from"./Button";import A from"./Sheet";import U 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 L}from"../@styles/componentClasses";class ee{constructor(r){this.set_scale=r.set_scale,this.val_file=r.val_file,this.develops=r.develops,this.use=r.use,this.componentID=r.componentID,this.scale={current:r.scale.default,default:r.scale.default,min:r.scale.min,max:r.scale.max};let e=r.canvas,{width:l,height:t}=e,a=r.picture.image,{width:h,height:s}=a,c=h/s;this.Canvas={elm:e,ctx:e.getContext("2d")};let o=0,i=0;this.use=="square"?(o=e.width/3*2,i=e.height/3*2):this.use=="wallpaper.horizontal"?(o=e.width*(7/9),i=o/3):this.use=="wallpaper.vertical"&&(i=e.height*(7/9),o=i/2);let n=(e.width-o)/2,d=(e.height-i)/2,g=o/i;this.Picture={elm:a,originDataUrl:a.src,aspect:c,revisedAspect:g>c?o/h:i/s,rotate:r.picture.rotate,grayScale:r.picture.grayScale,tone:r.picture.tone},this.pst={frame:{x:n,y:d,w:o,h:i,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:h/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(r){let{eventType:e,x:l,y:t}=r;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:h}=this.dragEffectInfo,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,i=s/o*h.x,n=c/o*h.y;e=="move"?this.drawImage(this.pst.imageX+i,this.pst.imageY+n):e=="end"&&this.drawImage(this.pst.imageX+=i,this.pst.imageY+=n)}}pinchEffect(r){let{eventType:e,event:l}=r,{x:t,y:a}=b.getCursor(l.touches[0]),{x:h,y:s}=b.getCursor(l.touches[1]),c=h-t,o=s-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:i}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/n,C=Number(i.scale*g);this.set_scale(C)}}updateScale(r){let e=r;e=Math.max(e,this.scale.min),e=Math.min(e,this.scale.max),this.scale.current=e,this.drawImage()}updateFilter(r){this.Picture.grayScale=r.grayScale,this.Picture.tone=r.tone,this.Picture.rotate=r.rotate,this.modifyImage()}modifyImage(){return B(this,null,function*(){let{grayScale:r,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),h=yield b.ImageLoader(this.Picture.originDataUrl),s=h.width,c=h.height;(l==90||l==270)&&(s=h.height,c=h.width),t.width=s,t.height=c,r&&(a.filter="grayscale("+r+"%)"),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(h,0,0,h.width,h.height);let o=a.getImageData(0,0,t.width,t.height),i=o.data;{r/=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,m=C[2]/255;for(let u=0;u<c;u++)for(let v=0;v<s;v++){var n=(u*s+v)*4;if(r){let w=.3*i[n]+.59*i[n+1]+.11*i[n+2];for(var d=0;d<3;d++){let D=i[n+d];i[n+d]=D+(w-D)*r}}i[n]*=x,i[n+1]*=S,i[n+2]*=m}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,m=x/S;this.Picture=V(X({},this.Picture),{elm:C,aspect:m,revisedAspect:this.pst.frame.aspect>m?this.pst.frame.w/x:this.pst.frame.h/S})}this.drawImage()})}drawImage(r,e){let{use:l,Canvas:{ctx:t},pst:{frame:a}}=this,h=r||this.pst.imageX,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,i=this.pst.centerX-h*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,m=this.pst.frame.y,u=0;i<C&&(u=i-C),i>x&&(u=i-x);let v=0;n<S&&(v=n-S),n>m&&(v=n-m),this.dragEffectInfo.origin.x+=u/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=v/2/this.dragEffectInfo.frameExpandRate.y,i=Math.min(Math.max(i,C),x),n=Math.min(Math.max(n,S),m)}this.pst.outImage={x:i,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,i,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 B(this,null,function*(){let{develops:r,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,h=l.h/e.elm.height,s=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/h,i=(t.y-l.y+t.h)/h,n=Array.from({length:r.length}),d="image/jpeg";for(let g=0;g<r.length;g++){let{size:C,maxSize:x}=r[g];x=x||{S:1024*20,R:1024*100,L:1024*350}[C];let S={S:144,R:576,L:1152}[C],m=S;this.use=="wallpaper.horizontal"?m=S/3*2:this.use=="wallpaper.vertical"&&(m=S*2);let u=document.createElement("canvas");u.width=S,u.height=m;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,m),v.drawImage(this.Picture.elm,s,o,c-s,i-o,0,0,S,m);let w=u.toDataURL(d),D=yield w.toBlob(d);if(!D)return;if(D.size>=x){let F=x/D.size;if(w=u.toDataURL(d,F*.92),D=yield w.toBlob(d),!D)return}let k=new File([D],this.val_file.name,{type:d});n[g]=k}return n})}}const G={Core:f=>{let{val_file:r,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:h=[]}=e,[s]=z(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,i]=z(c.scale.default),[n,d]=z(c.rotate),[g,C]=z(c.grayScale),[x,S]=z(c.tone);return H(()=>{M.set({[s]:{}}),B(void 0,null,function*(){U.fn.corner.active();let{target:m}=yield r.read();if(!m)return;let u=m.result,v=j("#Canvas-"+s)[0];if(!v)return;let w=new ee({set_scale:i,val_file:r,develops:h,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({[s]:{Instance:w}});const D=function(I){if(I.preventDefault(),I.touches&&I.touches.length>1)w.pinchEffect({eventType:"start",event:I}),b(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{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",options:{passive:!1},callback:_=>{k("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:_=>{k("end",_),F(_)}})}},k=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),i(_)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:D,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:D,options:{passive:!1}}),setTimeout(()=>{U.fn.corner.stop()},1e3)})},[r.id]),H(()=>{var u;let m=(u=M.get(s))==null?void 0:u.Instance;m&&m.updateScale(o)},[o]),H(()=>{var u;let m=(u=M.get(s))==null?void 0:u.Instance;m&&m.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),p(A.Comps.Body,{children:y(O,{className:[L("Wrap"),L("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[p(E,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:p(E,{overflow:"hidden",position:"relative",backgroundColor:"layer.4",freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:p("canvas",{width:"2400",height:a=="wallpaper.horizontal"?"1800":a=="wallpaper.vertical"?"3200":"2400",className:L("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:[p(E,{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0,children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),p(G.SettingRegion,{DefaultOptions:c,val_scale:o,set_scale:i,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:[p(Y.Button.Border.R,{onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),p(Y.Button.Prime.R,{flexSizing:0,onClick:()=>B(void 0,null,function*(){var v;let m=(v=M.get(s))==null?void 0:v.Instance;if(!m)return;U.fn.mini.active("CropperExportation");let u=yield m.export();setTimeout(()=>{U.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(q.Center,{gap:"1/2",children:[p(U.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let r=[];for(let e=1;e<=10;e++)r.push({value:e,label:y($,{children:[p(E,{className:[L("ToneBall"),L("ToneBall_"+e)].join(" ")}),p(E,{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($,{children:[y(T,{gap:"1/3",children:[y(E,{children:[p(P.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(q.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:[p(P,{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 ",p(P,{icon:Q})]})]})]}),y(T,{gap:"1/3",children:[y(E,{children:[p(P.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),p(E,{paddingLeft:2,children:p(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(E,{children:[p(P,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),p(E,{paddingLeft:2,children:p(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(E,{children:[p(P,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),p(E,{paddingLeft:2,children:p(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},...r],onUpdateValidValue:({value:e})=>{f.set_tone(e[0])}})})]})]})}},N={open:f=>B(void 0,null,function*(){let r=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:p(G.Core,{val_file:r[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};
|
|
1
|
+
import{b as X,c as V,e as B}from"../chunk-C5N2D3ZX.js";import{Fragment as $,jsx as p,jsxs as y}from"react/jsx-runtime";import b from"@mingoo/jsmin";import{$$fromRoot as j,useStore as M}from"../@utils";import{useState as z,useEffect as H}from"react";import O from"../atoms/Flex";import E from"../atoms/Box";import P from"../atoms/FAI";import T from"../mols/Column";import q from"../mols/Row";import Y from"./Button";import A from"./Sheet";import U 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 L}from"../@styles/componentClasses";class ee{constructor(r){this.set_scale=r.set_scale,this.val_file=r.val_file,this.develops=r.develops,this.use=r.use,this.componentID=r.componentID,this.scale={current:r.scale.default,default:r.scale.default,min:r.scale.min,max:r.scale.max};let e=r.canvas,{width:l,height:t}=e,a=r.picture.image,{width:h,height:n}=a,c=h/n;this.Canvas={elm:e,ctx:e.getContext("2d")};let o=0,i=0;this.use=="square"?(o=e.width/3*2,i=e.height/3*2):this.use=="wallpaper.horizontal"?(o=e.width*(7/9),i=o/3):this.use=="wallpaper.vertical"&&(i=e.height*(7/9),o=i/2);let s=(e.width-o)/2,d=(e.height-i)/2,g=o/i;this.Picture={elm:a,originDataUrl:a.src,aspect:c,revisedAspect:g>c?o/h:i/n,rotate:r.picture.rotate,grayScale:r.picture.grayScale,tone:r.picture.tone},this.pst={frame:{x:s,y:d,w:o,h:i,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:h/2,imageY:n/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(r){let{eventType:e,x:l,y:t}=r;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:h}=this.dragEffectInfo,n=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,i=n/o*h.x,s=c/o*h.y;e=="move"?this.drawImage(this.pst.imageX+i,this.pst.imageY+s):e=="end"&&this.drawImage(this.pst.imageX+=i,this.pst.imageY+=s)}}pinchEffect(r){let{eventType:e,event:l}=r,{x:t,y:a}=b.getCursor(l.touches[0]),{x:h,y:n}=b.getCursor(l.touches[1]),c=h-t,o=n-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:i}=this.pinchEffectInfo,s=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/s,C=Number(i.scale*g);this.set_scale(C)}}updateScale(r){let e=r;e=Math.max(e,this.scale.min),e=Math.min(e,this.scale.max),this.scale.current=e,this.drawImage()}updateFilter(r){this.Picture.grayScale=r.grayScale,this.Picture.tone=r.tone,this.Picture.rotate=r.rotate,this.modifyImage()}modifyImage(){return B(this,null,function*(){let{grayScale:r,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),h=yield b.ImageLoader(this.Picture.originDataUrl),n=h.width,c=h.height;(l==90||l==270)&&(n=h.height,c=h.width),t.width=n,t.height=c,r&&(a.filter="grayscale("+r+"%)"),l&&(a.translate(n/2,c/2),a.rotate(l*Math.PI/180),[90,270].includes(l)?a.translate(-c/2,-n/2):a.translate(-n/2,-c/2)),a.drawImage(h,0,0,h.width,h.height);let o=a.getImageData(0,0,t.width,t.height),i=o.data;{r/=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,m=C[2]/255;for(let u=0;u<c;u++)for(let v=0;v<n;v++){var s=(u*n+v)*4;if(r){let w=.3*i[s]+.59*i[s+1]+.11*i[s+2];for(var d=0;d<3;d++){let D=i[s+d];i[s+d]=D+(w-D)*r}}i[s]*=x,i[s+1]*=S,i[s+2]*=m}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,m=x/S;this.Picture=V(X({},this.Picture),{elm:C,aspect:m,revisedAspect:this.pst.frame.aspect>m?this.pst.frame.w/x:this.pst.frame.h/S})}this.drawImage()})}drawImage(r,e){let{use:l,Canvas:{ctx:t},pst:{frame:a}}=this,h=r||this.pst.imageX,n=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,i=this.pst.centerX-h*o,s=this.pst.centerY-n*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,m=this.pst.frame.y,u=0;i<C&&(u=i-C),i>x&&(u=i-x);let v=0;s<S&&(v=s-S),s>m&&(v=s-m),this.dragEffectInfo.origin.x+=u/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=v/2/this.dragEffectInfo.frameExpandRate.y,i=Math.min(Math.max(i,C),x),s=Math.min(Math.max(s,S),m)}this.pst.outImage={x:i,y:s,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,i,s,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 B(this,null,function*(){let{develops:r,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,h=l.h/e.elm.height,n=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/h,i=(t.y-l.y+t.h)/h,s=Array.from({length:r.length}),d="image/jpeg";for(let g=0;g<r.length;g++){let{size:C,maxSize:x}=r[g];x=x||{S:1024*20,R:1024*100,L:1024*350}[C];let S={S:144,R:576,L:1152}[C],m=S;this.use=="wallpaper.horizontal"?m=S/3*2:this.use=="wallpaper.vertical"&&(m=S*2);let u=document.createElement("canvas");u.width=S,u.height=m;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,m),v.drawImage(this.Picture.elm,n,o,c-n,i-o,0,0,S,m);let w=u.toDataURL(d),D=yield w.toBlob(d);if(!D)return;if(D.size>=x){let F=x/D.size;if(w=u.toDataURL(d,F*.92),D=yield w.toBlob(d),!D)return}let k=new File([D],this.val_file.name,{type:d});s[g]=k}return s})}}const G={Core:f=>{let{val_file:r,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:h=[]}=e,[n]=z(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,i]=z(c.scale.default),[s,d]=z(c.rotate),[g,C]=z(c.grayScale),[x,S]=z(c.tone);return H(()=>{M.set({[n]:{}}),B(void 0,null,function*(){U.fn.corner.active();let{target:m}=yield r.read();if(!m)return;let u=m.result,v=j("#Canvas-"+n)[0];if(!v)return;let w=new ee({set_scale:i,val_file:r,develops:h,use:a,scale:c.scale,componentID:n,canvas:v,picture:{image:yield b.ImageLoader(u),grayScale:c.grayScale,tone:c.tone,rotate:c.rotate}});M.set({[n]:{Instance:w}});const D=function(I){if(I.preventDefault(),I.touches&&I.touches.length>1)w.pinchEffect({eventType:"start",event:I}),b(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{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",options:{passive:!1},callback:_=>{k("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:_=>{k("end",_),F(_)}})}},k=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),i(_)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:D,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:D,options:{passive:!1}}),setTimeout(()=>{U.fn.corner.stop()},1e3)})},[r.id]),H(()=>{var u;let m=(u=M.get(n))==null?void 0:u.Instance;m&&m.updateScale(o)},[o]),H(()=>{var u;let m=(u=M.get(n))==null?void 0:u.Instance;m&&m.updateFilter({grayScale:g,tone:x,rotate:s})},[g,x,s]),p(A.Comps.Body,{children:y(O,{className:[L("Wrap"),L("Use_"+a)].join(" "),styles:{flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit"},UnderBreakPointStyles:{flexType:"col"},children:[p(E,{styles:{flexGrid:3},UnderBreakPointStyles:{width:1,padding:2},children:p(E,{styles:{overflow:"hidden",position:"relative",backgroundColor:"layer.4"},freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:p("canvas",{width:"2400",height:a=="wallpaper.horizontal"?"1800":a=="wallpaper.vertical"?"3200":"2400",className:L("Canvas"),id:"Canvas-"+n})})}),y(T,{styles:{gap:0,flexGrid:2,boxShadow:"3.remark"},UnderBreakPointStyles:{width:1,maxWidth:"unset"},freeCSS:{maxWidth:12*28},children:[y(T,{styles:{gap:1,flexSizing:0,overflow:"auto",padding:1.5},UnderBreakPointStyles:{flexSizing:"none"},children:[p(E,{styles:{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0},children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),p(G.SettingRegion,{DefaultOptions:c,val_scale:o,set_scale:i,val_tone:x,set_tone:S,val_grayScale:g,set_grayScale:C,val_rotate:s,set_rotate:d})]}),y(O,{styles:{padding:1.5,flexSizing:"none",gap:1,borderTop:!0},children:[p(Y.Button.Border.R,{onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),p(Y.Button.Prime.R,{styles:{flexSizing:0},onClick:()=>B(void 0,null,function*(){var v;let m=(v=M.get(n))==null?void 0:v.Instance;if(!m)return;U.fn.mini.active("CropperExportation");let u=yield m.export();setTimeout(()=>{U.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(q.Center,{styles:{gap:"1/2"},children:[p(U.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let r=[];for(let e=1;e<=10;e++)r.push({value:e,label:y($,{children:[p(E,{className:[L("ToneBall"),L("ToneBall_"+e)].join(" ")}),p(E,{styles:{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($,{children:[y(T,{styles:{gap:"1/3"},children:[y(E,{children:[p(P.Rotate,{styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Rotate"]}),y(q.Separate,{styles:{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:[p(P,{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 ",p(P,{icon:Q})]})]})]}),y(T,{styles:{gap:"1/3"},children:[y(E,{children:[p(P.Search,{styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Zoom"]}),p(E,{styles:{paddingLeft:2},children:p(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,{styles:{gap:"1/3"},children:[y(E,{children:[p(P,{icon:K,styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Gray Scale"]}),p(E,{styles:{paddingLeft:2},children:p(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,{styles:{gap:"1/3"},children:[y(E,{children:[p(P,{icon:Z,styles:{fontSize:"3.paragraph",fontColor:"4.thin"}})," Tone"]}),p(E,{styles:{paddingLeft:2},children:p(W.Radio,{value:f.val_tone,styles:{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",styles:{padding:["1/2",1],flexCenter:!0}},...r],onUpdateValidValue:({value:e})=>{f.set_tone(e[0])}})})]})]})}},N={open:f=>B(void 0,null,function*(){let r=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:p(G.Core,{val_file:r[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.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as t,c as i,d as c}from"../../chunk-C5N2D3ZX.js";import{jsx as y}from"react/jsx-runtime";import u from"@mingoo/jsmin";import{$$fromRoot as d}from"../../@utils";import{useState as l,useEffect as I}from"react";import f from"../../atoms/Box";const D=m=>{let o=m,{animationDelay:p=100,animationTime:r=300,componentID:s=u.uuid.gen()}=o,e=c(o,["animationDelay","animationTime","componentID"]),[n]=l(s);return I(()=>{setTimeout(()=>{let a=d('[data-component-id="'+n+'"]');a[0]&&a.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),y(f,i(t({},e),{freeCSS:i(t({},e.freeCSS),{opacity:0}),componentID:n}))},S=m=>{let o=m,{animationDelay:p=100,animationTime:r=300,componentID:s=u.uuid.gen()}=o,e=c(o,["animationDelay","animationTime","componentID"]),[n]=l(s);return I(()=>{setTimeout(()=>{let a=d('[data-component-id="'+n+'"]');a[0]&&a.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),y(f,i(t({},e),{styles:t({paddingTop:2},e.styles),freeCSS:i(t({},e.freeCSS),{opacity:0}),componentID:n}))};export{D as FadeIn,S as FadeUp};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c as
|
|
1
|
+
import{b as t,c as r,d as h,e as c}from"../../chunk-C5N2D3ZX.js";import{jsx as v,jsxs as E}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useEffect as A,useState as p}from"react";import D from"./TextArea";import V from"../../mols/Text";import{BoxWrapper as C}from"./core";import{InputAutoHeightClasses as x}from"../../@styles/componentClasses";const S=e=>{let[a]=p(n.uuid.gen()),[s,T]=p(String(e.value||""));A(()=>{n.scope(()=>c(void 0,null,function*(){let l=n('[data-id="origin_'+a+'"]')[0],o=n('[data-id="shallow_'+a+'"]')[0];if(!l||!o)return;let g=o.getClientRects()[0];if(!g)return;let{width:U,height:z}=g;l.style.height=z+"px"}))},[s]);let _={componentID:e.componentID,dataValue:e.value,eventType:"init",eventID:n.uuid.gen()},[y,I]=p(_),[w,N]=p({ok:!1,notice:[]}),H=!!s.match(/\n$/),u=s||e.placeholder;H&&(u+="d");let f=e,{styles:d,freeCSS:m}=f,i=h(f,["styles","freeCSS"]);return E(C,{val_status:y,set_status:I,val_validate:w,states:e,children:[v(V.Description,{className:[e.className,x("Shallow")].join(" "),id:"shallow_"+a,styles:t({padding:1,fontSize:"inherit",flexSizing:0,minHeight:1,position:"absolute",left:0,right:0,top:0,border:"0.trans",opacity:"trans"},d),freeCSS:r(t({minHeight:16*2,resize:"none"},m),{color:"transparent",zIndex:3,pointerEvents:"none",lineHeight:"1.25",letterSpacing:"1px"}),"data-id":"shallow_"+a,children:u}),v(D,r(t({},i),{styles:t({padding:1,fontSize:"inherit",overflow:"hidden",flexSizing:0},d),wrapStyles:t({flexSizing:0},i.wrapStyles),className:[i.className,x("Origin")].join(" "),freeCSS:r(t({minHeight:16*1,resize:"none"},m),{lineHeight:"1.25",letterSpacing:"1px"}),value:s,"data-id":"origin_"+a,onUpdateValue:l=>{let o=l.value;T(o),i.onUpdateValue&&i.onUpdateValue(l)}}))]})};export{S as AutoHeightText,S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as A}from"../../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as n,jsxs as O}from"react/jsx-runtime";import{useState as I,useEffect as T,useRef as E}from"react";import w from"@mingoo/jsmin";import{$$fromRoot as J,useStore as P}from"../../../@utils";import U from"../../../atoms/Box";import z from"../../../atoms/FAI";import K from"../../../atoms/Span";import M from"../../../mols/Column";import b from"../../../mols/Row";import W from"../../Button";import B from"../../Sheet";import H from"../../Loader";import V from"../Text";import q from"../Parts";import{InputChipsClasses as G}from"../../../@styles/componentClasses";const Q=e=>{let[S,i]=I("show"),[h,k]=I(""),[u]=I(w.uuid.gen()),[l,g]=I(e.options),[o,C]=I(l[0]||null),[f,x]=I(e.selected),[D,R]=I("init");T(()=>{P.set({[e.selectorID]:{updateOptions:t=>{g(t)},updateSelected:t=>{x(t)}}})},[]);const L=E(!1);T(()=>{L.current?B.reposition(e.selectorID):L.current=!0},[l]);const F=E(!1);T(()=>{F.current?(i("interlude"),C(l[0]||null),e.onDynamicSearch?(w.interval.clear(u+"-dynamicSearch"),w.interval.standBy(u+"-dynamicSearch",400,()=>A(void 0,null,function*(){let{options:t}=yield e.onDynamicSearch(h);g(t),i("show")}))):(w.interval.clear(u+"-staticSearch"),w.interval.standBy(u+"-staticSearch",400,()=>A(void 0,null,function*(){let t=new RegExp(h,"ig"),p=[];[...e.options].forEach(s=>{var c;!!(!h||((c=String(s.label))!=null?c:String(s.value)).match(t))&&p.push(s)}),g(p),i("show")})))):F.current=!0},[h]);const $=E(!1);T(()=>{$.current?e.onUpdated({values:f}):$.current=!0},[f]),T(()=>{w.scope(()=>{if(w.is.nullish(o)||D=="MouseEvent")return;let t=J("#"+u+"-Selector-Cell-Wrap");if(!t[0])return;let p=J('[data-chips-selector-cell="'+u+"-"+JSON.stringify((o==null?void 0:o.value)||"").replace(/\"/ig,"")+'"]');if(!p[0])return;let{top:s,height:v}=t.position(),{top:c,height:d}=p.position();if(s<=c&&c+d<=s+v)return;let r=t[0].scrollTop+(c-s);D=="ArrowDown"?r-=v-d-20:D=="ArrowUp"&&(r-=20),t[0].scrollTop=r})},[o]);let N=[];return S=="interlude"?N=[O(b.Center,{styles:{padding:2,gap:0},children:[n(H.Theme.R,{showInitial:!0}),n(U,{styles:{padding:[0,1],fontSize:"1.mini",fontColor:"4.thin"},children:"\u691C\u7D22\u4E2D..."})]},"interlude")]:N=[l.map((t,p)=>{let{value:s,label:v}=t,c=String(JSON.stringify(s)),d=f.findIndex(m=>JSON.stringify(m.value)==c),r=d!=-1,a=JSON.stringify((o==null?void 0:o.value)||"")==c,y={};return(r||a)&&(y={fontColor:"theme",isSemiBoldFont:!0}),a&&(y.backgroundColor="cloud"),r&&(y.backgroundColor="theme.opa.few"),n(W.Button.Clear.R,{color:"cloud",tabIndex:-1,"data-chips-selector-cell":u+"-"+c.replace(/\"/ig,""),isActive:r||a,isActiveStyles:y,styles:{borderRadius:"3.tone.tertiary",padding:"1/3",textAlign:"left"},onMouseOver:()=>{R("MouseEvent"),C(t)},onClick:()=>{let m=[...f];r?m.splice(d,1):(m=[...m,t],e.limit&&m.length>e.limit&&m.shift()),x(m)},children:n(e.SelectorCellComponent,{isSelected:r,isFocused:a,value:s,label:v})},s+"-"+p)})],O(X,{children:[O(M,{styles:{padding:"2/3",gap:"2/3",borderBottom:!0},children:[O(b.Separate,{children:[n(V.Normal,{value:h,onUpdateValidValue:({value:t})=>{k(t)},id:e.selectorID+"-KeywordInput",styles:{padding:"2/3"},placeholder:"\u691C\u7D22...",leftIcon:n(q.LeftIcon,{styles:{right:"2/3",fontSize:"1.mini",fontColor:"3.blur"},children:n(z.Search,{})}),onKeyDown:t=>{let{key:p,metaKey:s,ctrlKey:v}=t,c=s||v;if(["ArrowDown","ArrowUp"].includes(p)){let d=+(p=="ArrowDown")*2-1;if(c){let r=l[d==1?l.length-1:0];C(r)}else{let r=l.findIndex(a=>JSON.stringify(a.value)==JSON.stringify((o==null?void 0:o.value)||""))+d;l[r]?C(l[r]):C(l[d==1?0:l.length-1]||null)}}else if(p=="Enter"){let d=f.findIndex(y=>JSON.stringify(y.value)==JSON.stringify((o==null?void 0:o.value)||"")),r=d!=-1,a=[...f];if(r)a.splice(d,1);else{let y=l.findIndex(m=>JSON.stringify(m.value)==JSON.stringify((o==null?void 0:o.value)||""));if(y==-1)return;a=[...a,l[y]],e.limit&&a.length>e.limit&&a.shift()}x(a)}R(p)}}),n(W.Button.Border.S,{styles:{marginRight:"1/3",ssSphere:2,backgroundColor:"cloud",borderRadius:"2.tone.secondary"},onClick:()=>{B.close(e.selectorID)},children:n(z.Times,{})})]}),O(b.Separate,{children:[O(b.Left,{styles:{gap:"1/2",verticalAlign:"baseline"},children:[n(K,{styles:{fontColor:"theme"},children:l.length}),n(U,{styles:{fontSize:"1.mini",fontColor:"3.blur"},children:"\u4EF6\u306E\u30D2\u30C3\u30C8"})]}),n(b.Right,{children:!!e.limit&&O(K,{styles:{fontSize:"1.mini",fontColor:"3.blur"},children:[n(K,{styles:{fontSize:"3.paragraph",fontColor:"theme",isSemiBoldFont:!0},children:f.length})," / ",e.limit," \u4EF6"]})})]})]}),n(M,{styles:{gap:"1/4",padding:"1/2",overflow:"auto"},freeCSS:{maxHeight:12*26,maxWidth:12*26},id:u+"-Selector-Cell-Wrap",className:G("SelectorWrapper"),children:N}),e.bottomContent]})},_={openSelector:e=>{let{selectorID:S,options:i,selected:h,limit:k,bottomContent:u,onDynamicSearch:l,SelectorCellComponent:g,onUpdated:o,onClosed:C,parent:f,gravityPoint:x}=e,D=S;g=g||(R=>n(b.Left,{children:R.label})),B.open({parent:f,sheetID:D,type:"custom",gravityPoint:x||22,hold_state:!0,close_option:{aroundClick:!0,escapeKeyDown:!0},styles:{padding:[1,0]},content:n(U,{styles:{borderRadius:"2.tone.secondary",backgroundColor:"layer.1",border:!0,boxShadow:"1.normal",overflow:"hidden"},children:n(Q,{selectorID:S,options:i,limit:k,selected:h,onUpdated:o,SelectorCellComponent:g,bottomContent:u,onDynamicSearch:l},JSON.stringify(h))}),openAfter:()=>{J("#"+e.selectorID+"-KeywordInput").focus()},closeAfter:()=>{C()}})},closeSelector:e=>{B.close(e)},updateOptions:(e,S)=>{let i=P.get(e);i&&i.updateOptions&&i.updateOptions(S)},updateSelected:(e,S)=>{let i=P.get(e);i&&i.updateSelected&&i.updateSelected(S)}};export{_ as Selector,_ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as s,c as f,d as K}from"../../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{useState as b,useEffect as L,useRef as H}from"react";import B from"@mingoo/jsmin";import{$$fromRoot as T}from"../../../@utils";import Q from"../../../atoms/Box";import N from"../../../atoms/FAI";import X from"../../../mols/Row";import U from"../../Button";import Y from"../../Sheet";import{Wrapper as Z,BoxWrapper as j,CommonEffects as ee,DefaultStyles as te}from"../core";import ne from"../Hidden";import W from"./Selector";function le(e){let{value:p,states:u}=e,{required:o}=u,c=[];return o&&!p.length&&c.push({type:"invalid",label:"\u4E00\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),{ok:!c.filter(({type:C})=>C=="invalid").length,notice:c}}const oe=e=>{let _=e,{required:p,form:u,name:o,checkValidationAtFirst:c,onValidate:C,onUpdateValue:O,onUpdateValidValue:G,value:F=[],limit:w,leftIndicator:ie,rightIndicator:re,leftIcon:se,rightIcon:pe,SelectedCellComponent:x,AddButtonComponent:R,SelectorCellComponent:ue,componentID:ce,defaultOptions:de,enableFormSubmit:me,onDynamicSearch:fe,styles:Ce,freeCSS:ye,wrapStyles:Se,selectorGravityPoint:Ie}=_,M=K(_,["required","form","name","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","limit","leftIndicator","rightIndicator","leftIcon","rightIcon","SelectedCellComponent","AddButtonComponent","SelectorCellComponent","componentID","defaultOptions","enableFormSubmit","onDynamicSearch","styles","freeCSS","wrapStyles","selectorGravityPoint"]);R=R;let[r]=b(B.uuid.gen()),[y,D]=b({componentID:e.componentID||"",dataValue:F.map(t=>t),eventID:B.uuid.gen(),eventType:"init"}),[k,q]=b({ok:!1,notice:[]}),[l,z]=b([...F]);ee({states:e,val_status:y,set_status:D,val_validate:k,set_validate:q,DefaultValidation:le,onUpdateValue:O,onUpdateValidValue:G,ExtraOverrideStates:{formatValue:l,dataValue:l.map(t=>t)},ExtraStoreStates:{searchTimer:null}});const S=t=>{z(t),D(i=>f(s({},i),{dataValue:t.map(d=>d),eventID:B.uuid.gen(),eventType:"update"}))};let A=`[data-chips-input-wrapper="${r}"]`;const I=()=>{W.openSelector({parent:A,gravityPoint:e.selectorGravityPoint,SelectorCellComponent:e.SelectorCellComponent,selectorID:r,options:e.defaultOptions||[],selected:l,limit:e.limit,onDynamicSearch:e.onDynamicSearch,onUpdated:t=>{S(t.values)},onClosed:()=>{T(A).focus()}})};let h=w&&w<=l.length;const E=H(!1);L(()=>{E.current?h&&(Y.close(r),T(`[data-chips-input-wrapper="${r}"]`).focus()):E.current=!0},[l]);let J=l.map(t=>{let{value:i,label:d}=t;x=x;const v=()=>{let n=l.findIndex(P=>P.value==i);if(n==-1)return;let m=[...l];m.splice(n,1),S(m),m.length||setTimeout(()=>{T(`[data-chips-input-wrapper="${r}"]`).focus()},200)};return a(x,{value:i,label:d,removeCallback:v,defaultRemoveButton:a(U.Button.Sub.S,{color:"cloud",styles:{flexSizing:"none",backgroundColor:"cloud",flexCenter:!0,isRounded:!0},freeCSS:{aspectRatio:"1/1"},onClick:n=>{n.stopPropagation(),n.preventDefault(),v()},children:a(N.Times,{})}),openCallback:()=>{I()}},JSON.stringify(i))});return g(j,{val_status:y,set_status:D,val_validate:k,states:e,children:[a(ne,{"data-value":JSON.stringify(y.dataValue.map(t=>t.value)),name:o,form:u,"data-input-type":"chips-"+["single","multi"][+(e.limit!=1)],"data-validation":k.ok,componentID:y.componentID,"data-focusor":r}),g("label",f(s({tabIndex:0,"data-chips-input-wrapper":r,onKeyDown:t=>{let{key:i,ctrlKey:d,metaKey:v,keyCode:n}=t,m=d||v;if(n>=48&&n<=57||n>=65&&n<=90||n>=96&&n<=105){if(h)return;I()}else if(i!="Tab"){if(i=="Backspace"){if(!l.length)return;if(m)S([]);else{let $=[...l];$.pop(),S($)}}}},onClick:()=>{h||I()}},M),{children:[!h&&a(R,{selected:l,openCallback:I}),J]}))]})},ae=e=>{let u=[...e.value||[]].splice(0,e.limit||65535);return a(oe,f(s({SelectedCellComponent:o=>{let{value:c,label:C,removeCallback:O}=o;return g(X.Left,{styles:{ssCardBox:!0,padding:"1/3",gap:0,isRounded:!0,textAlign:"left"},children:[a(Q,{styles:{padding:[0,"1/2"]},children:C}),o.defaultRemoveButton]})},AddButtonComponent:o=>e.limit&&e.limit<=o.selected.length?null:g(U.Button.Sub.R,{color:"cloud",styles:{padding:"1/2"},onClick:()=>{o.openCallback()},children:[a(N.Plus,{}),"\u8FFD\u52A0\u3059\u308B"]})},e),{value:u}))},V=e=>{e=s({},e),e=f(s({},e),{styles:s({gap:1,display:"flex",horizontalAlign:"left",verticalAlign:"center",flexWrap:!0},e.styles)});let p=te.Boxish(e);return a(Z,{componentID:e.componentID,children:ae,states:p})};V.fn=W;export{V as Chips,V as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as e,c as s,d as v}from"../../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{useState as T}from"react";import b from"@mingoo/jsmin";import{Wrapper as w,BoxWrapper as k,SubmitForm as F,CommonEffects as L,DefaultStyles as B}from"./core";function H(t){let{value:a,states:c}=t,{required:p}=c,n=[];return p&&!a&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:r})=>r=="invalid").length,notice:n}}const M=t=>{let y=t,{componentID:a,tone:c,required:p,form:n,value:r,enableFormSubmit:D,checkValidationAtFirst:W,onInput:m,onKeyDown:f,onValidate:q,onUpdateValue:S,onUpdateValidValue:g,children:C="",leftIndicator:A,rightIndicator:K,leftIcon:U,rightIcon:$,styles:N,freeCSS:P,wrapStyles:z}=y,R=v(y,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","styles","freeCSS","wrapStyles"]),V={componentID:a,dataValue:r,eventType:"init",eventID:b.uuid.gen()},[l,d]=T(V),[i,I]=T({ok:!1,notice:[]});return L({states:t,val_status:l,set_status:d,val_validate:i,set_validate:I,onUpdateValue:S,onUpdateValidValue:g,DefaultValidation:H}),u(k,{val_status:l,set_status:d,val_validate:i,states:t,children:u("div",s(e({contentEditable:!0,"data-form":n,"data-name":t.name,"data-input-type":"contenteditable","data-validation":i.ok,"data-value":l.dataValue,"data-component-id":l.componentID,onKeyDown:o=>{f&&f(o),D&&F(o)},onInput:o=>{let E=o.currentTarget,{innerHTML:G,innerText:x}=E;i.ok&&I({ok:!1,notice:[]}),d(_=>s(e({},_),{dataValue:x,eventType:"update",eventID:b.uuid.gen()})),m&&m(o)}},R),{children:C}))})},h=t=>{t=e({},t),t.rightIcon&&(t.styles=e({paddingRight:3},t.styles)),t.leftIcon&&(t.styles=e({paddingLeft:3},t.styles)),t=s(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)});let a=B.Boxish(t);return a.rows=a.rows||5,u(w,{componentID:t.componentID,children:M,states:a})};export{h as Contenteditable,h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as t,c as m,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import{useState as F}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as K}from"../../@utils";import{Wrapper as O,BoxWrapper as q,SubmitForm as U,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as w}from"../../@styles/componentClasses";function Q(e){let{value:a,states:s}=e,{required:u,numericOnly:l=!1,digits:f}=s,o=[];return u&&!a&&o.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(l&&a.match(/\D/)&&o.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&o.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!o.filter(({type:p})=>p=="invalid"||p=="warn").length,notice:o}}const X=(e,a="")=>{let s=String(a),u=[];for(let l=0;l<e;l++)u[l]=s[l]||"";return{formatValue:u,dataValue:s}},R=(e="")=>{let a=e,s=a.join("");return{formatValue:a,dataValue:s}},Y=e=>{let b=e,{tone:a,required:s,form:u,name:l,className:f="",digits:o,numericOnly:p=!1,enableFormSubmit:k,checkValidationAtFirst:ee,onChange:te,onKeyDown:ae,onValidate:ne,onUpdateValue:A,onUpdateValidValue:N,value:M="",override:ie,styles:re,freeCSS:le,wrapStyles:oe,combineInput:se,componentID:ue,listStyles:S}=b,B=V(b,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","styles","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),E=m(t({componentID:e.componentID||""},X(o,M)),{eventType:"init",eventID:I.uuid.gen()}),[i,y]=F(E),[D,H]=F({ok:!1,notice:[]});j({states:e,val_status:i,set_status:y,val_validate:D,set_validate:H,onUpdateValue:A,onUpdateValidValue:N,DefaultValidation:Q});let v=[];for(let n=0;n<o;n++){let L=i.formatValue[n],P={},x=f;e.combineInput&&(x=[f,w("DigitCharacterCell"),w("Combined")].join(" ")),v.push(h("input",{type:"text",inputMode:p?"numeric":e.inputMode||"text",value:L,"data-form-name":u,id:"Digit-"+n+"-"+i.componentID,className:x,style:t(t({},e.style),P),onKeyDown:C=>{let{key:g,code:W}=C;if(g=="Tab")return;C.preventDefault();let d=null;if(g=="Backspace"){let r=i.formatValue;r[n]="",y(c=>m(t(t({},c),R(r)),{eventType:"update",eventID:I.uuid.gen()})),d=n-1}else if(["ArrowLeft","ArrowRight"].includes(g)){let r=+(g=="ArrowRight")*2-1;d=n+r}else k&&U(C),(()=>{let r=W.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!r)return;let c=r[2]||r[3]||r[4];if(p&&!c.match(/\d/)||!c)return;let T=i.formatValue;T[n]=c,y($=>m(t(t({},$),R(T)),{eventType:"update",eventID:I.uuid.gen()})),d=n+1})();I.is.exist(d)&&K("#Digit-"+d+"-"+i.componentID).focus()},onChange:()=>{}},n))}return Z(q,{val_status:i,set_status:y,val_validate:D,states:e,children:[h(J,t({name:l,"data-input-type":"digitCharacters","data-form":u,"data-validation":D.ok,componentID:i.componentID,"data-value":i.dataValue},B)),h(G,m(t({},S),{styles:t({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},S),children:v}))]})},_=e=>{e=t({},e),e=m(t({},e),{styles:t({textAlign:"center",width:0},e.styles)}),e.combineInput&&(e=m(t({},e),{styles:t({textAlign:"center",width:0},e.styles),freeCSS:t({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:t({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let a=z.Boxish(e);return h(O,{componentID:e.componentID,children:Y,states:a})};export{_ as DigitCharacters,_ as default};
|