amotify 0.2.171 → 0.2.173
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/app.tsx +82 -15
- package/demo/esbuild/public/index.js +79 -79
- package/demo/esbuild/server.ts +2 -2
- package/demo/next/README.md +38 -0
- package/demo/next/appspec.yml +11 -0
- package/demo/next/auto_builder.sh +10 -0
- package/demo/next/next-env.d.ts +5 -0
- package/demo/next/next.config.ts +12 -0
- package/demo/next/nodemon.json +7 -0
- package/demo/next/package.json +38 -0
- package/demo/next/src/app/(hooks)/useClientEffect.tsx +80 -0
- package/demo/next/src/app/(router)/page.tsx +143 -0
- package/demo/next/src/app/apis/test/route.ts +9 -0
- package/demo/next/src/app/layout.tsx +26 -0
- package/demo/next/src/server/app.ts +42 -0
- package/demo/next/src/server/fin.ts +11 -0
- package/demo/next/src/server/index.ts +4 -0
- package/demo/next/tsconfig.server.json +30 -0
- package/dist/@declares/property.d.ts +1 -1
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/atoms/FAI.d.ts +1 -1
- package/dist/atoms/FAI.js +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/Autocomplete.js +1 -1
- package/dist/fn/Input/CollectForm.js +1 -1
- package/dist/fn/Input/Color.js +1 -1
- package/dist/fn/Input/Contenteditable.js +1 -1
- package/dist/fn/Input/DigitCharacters.js +1 -1
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/Hidden.d.ts +1 -1
- package/dist/fn/Input/Hidden.js +1 -1
- package/dist/fn/Input/Label.d.ts +1 -1
- package/dist/fn/Input/Label.js +1 -1
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Segmented.js +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/TextField.d.ts +2 -0
- package/dist/fn/Input/TextField.js +3 -3
- 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 +2 -2
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Input/index.d.ts +3 -3
- package/dist/fn/Loader/mini.js +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Snackbar.js +1 -1
- package/dist/fn/Table/Data.d.ts +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/package.json +9 -8
package/demo/esbuild/server.ts
CHANGED
|
@@ -14,8 +14,8 @@ expressServer
|
|
|
14
14
|
.get( "*",( req,res ) => {
|
|
15
15
|
res.render( 'layout.ejs' )
|
|
16
16
|
} )
|
|
17
|
-
expressServer.listen(
|
|
18
|
-
let port =
|
|
17
|
+
expressServer.listen( 8000,() => {
|
|
18
|
+
let port = 8000
|
|
19
19
|
let localIP = Server.getLocalIP( os )
|
|
20
20
|
|
|
21
21
|
let local_ip = `http://${ localIP }:${ port }`,
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# Rakumeo LandingPage
|
|
2
|
+
|
|
3
|
+
## 依存フレームワーク
|
|
4
|
+
- NextJS
|
|
5
|
+
- react
|
|
6
|
+
- jsmin
|
|
7
|
+
- amotify
|
|
8
|
+
|
|
9
|
+
## 環境構築
|
|
10
|
+
|
|
11
|
+
### node modulesを追加
|
|
12
|
+
```bash
|
|
13
|
+
npm i
|
|
14
|
+
# or
|
|
15
|
+
yarn install
|
|
16
|
+
# or
|
|
17
|
+
pnpm install
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
### サーバーを立ち上げる
|
|
21
|
+
```bash
|
|
22
|
+
# develop build
|
|
23
|
+
npm start
|
|
24
|
+
|
|
25
|
+
# production build
|
|
26
|
+
npm run build
|
|
27
|
+
node serverDist/server/index.js
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
このプロジェクトは、
|
|
31
|
+
NextJS AppRouter とCustomServer
|
|
32
|
+
で構築されています。
|
|
33
|
+
|
|
34
|
+
.envファイルにて、PORT番号があります。
|
|
35
|
+
|
|
36
|
+
(デフォルト: 10400)
|
|
37
|
+
|
|
38
|
+
[http://localhost:10400](http://localhost:10400) に開発サーバが立ち上がります。
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
source ~/.nvm/nvm.sh
|
|
2
|
+
|
|
3
|
+
forever stop /var/www/app/serverDist/server/index.js
|
|
4
|
+
cd /var/www/app
|
|
5
|
+
sudo rm -rf node_modules
|
|
6
|
+
npm i
|
|
7
|
+
mkdir logs
|
|
8
|
+
npm run build
|
|
9
|
+
forever start -l /var/www/app/logs/system.log -a serverDist/server/index.js
|
|
10
|
+
sudo chown -R mingoo:mingoo /var/www/app
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "rakumeo.app",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"scripts": {
|
|
6
|
+
"start": "run-p clean dev:*",
|
|
7
|
+
"clean": "rimraf .next serverDist",
|
|
8
|
+
"dev:next": "NODE_OPTIONS=\"--max-old-space-size=8192\" NEXT_TURBOPACK_TRACING=1 next dev --turbopack",
|
|
9
|
+
"dev:server": "nodemon"
|
|
10
|
+
},
|
|
11
|
+
"dependencies": {
|
|
12
|
+
"cross-env": "^7.0.3",
|
|
13
|
+
"dotenv": "^16.4.5",
|
|
14
|
+
"express": "^4.19.2",
|
|
15
|
+
"jmini": "^0.0.77",
|
|
16
|
+
"next": "^15.3.4",
|
|
17
|
+
"node-cron": "^4.1.1",
|
|
18
|
+
"nodemon": "^3.1.4",
|
|
19
|
+
"npm-run-all": "^4.1.5",
|
|
20
|
+
"os": "^0.1.2",
|
|
21
|
+
"react": "^18",
|
|
22
|
+
"react-dom": "^18.3.1",
|
|
23
|
+
"rimraf": "^6.0.1",
|
|
24
|
+
"sass": "^1.77.8",
|
|
25
|
+
"ts-loader": "^9.5.1",
|
|
26
|
+
"tsc-alias": "^1.8.16",
|
|
27
|
+
"tsconfig-paths": "^4.2.0"
|
|
28
|
+
},
|
|
29
|
+
"devDependencies": {
|
|
30
|
+
"@types/express": "^4.17.21",
|
|
31
|
+
"@types/node": "^20",
|
|
32
|
+
"@types/react": "^18",
|
|
33
|
+
"@types/react-dom": "^18",
|
|
34
|
+
"eslint": "^8",
|
|
35
|
+
"eslint-config-next": "14.2.5",
|
|
36
|
+
"typescript": "^5"
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import {
|
|
4
|
+
useRouter,
|
|
5
|
+
usePathname
|
|
6
|
+
} from 'next/navigation'
|
|
7
|
+
|
|
8
|
+
import $$,{ Fetcher,UUID } from 'jmini'
|
|
9
|
+
import {
|
|
10
|
+
useEffect,
|
|
11
|
+
useState
|
|
12
|
+
} from 'react'
|
|
13
|
+
|
|
14
|
+
import {
|
|
15
|
+
Config,
|
|
16
|
+
LaunchReactApp,
|
|
17
|
+
pageRouter,
|
|
18
|
+
RootViewController,
|
|
19
|
+
Column,
|
|
20
|
+
Box,
|
|
21
|
+
} from '../../../../../dist/index'
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
const Page = ( p: {
|
|
25
|
+
children: React.ReactNode
|
|
26
|
+
} ) => {
|
|
27
|
+
let pathname = usePathname()
|
|
28
|
+
|
|
29
|
+
return <RootViewController.Base>
|
|
30
|
+
<Column
|
|
31
|
+
gap={ 0 }
|
|
32
|
+
position='relative'
|
|
33
|
+
minHeight={ 'contentHeight' }
|
|
34
|
+
freeCSS={ {
|
|
35
|
+
zIndex: 2
|
|
36
|
+
} }
|
|
37
|
+
>
|
|
38
|
+
<Box flexSizing={ 0 }>
|
|
39
|
+
{ p.children }
|
|
40
|
+
</Box>
|
|
41
|
+
</Column>
|
|
42
|
+
</RootViewController.Base>
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
const UseClientEffect = ( args: {
|
|
46
|
+
children: React.ReactNode
|
|
47
|
+
} ) => {
|
|
48
|
+
usePathname()
|
|
49
|
+
let router = useRouter()
|
|
50
|
+
let [ val_init,set_init ] = useState( false )
|
|
51
|
+
|
|
52
|
+
useEffect( () => {
|
|
53
|
+
if ( val_init ) return
|
|
54
|
+
|
|
55
|
+
Config.launch( {
|
|
56
|
+
appRoot: $$( '#RakumeoAppBody' )[ 0 ],
|
|
57
|
+
|
|
58
|
+
roundness: $$.localStrage.get( 'prf.roundness' ) ?? 4,
|
|
59
|
+
themeColor: $$.localStrage.get( 'prf.themeColor' ) || 'ninja',
|
|
60
|
+
darkMode: $$.localStrage.get( 'prf.darkMode' ) || 'light'
|
|
61
|
+
} )
|
|
62
|
+
|
|
63
|
+
pageRouter.setPushEffect( ( url ) => {
|
|
64
|
+
router.push( url )
|
|
65
|
+
} )
|
|
66
|
+
pageRouter.setBackEffect( () => {
|
|
67
|
+
router.back()
|
|
68
|
+
} )
|
|
69
|
+
|
|
70
|
+
set_init( true )
|
|
71
|
+
},[ val_init ] )
|
|
72
|
+
|
|
73
|
+
if ( !val_init ) return null
|
|
74
|
+
|
|
75
|
+
return <LaunchReactApp>
|
|
76
|
+
<Page children={ args.children } />
|
|
77
|
+
</LaunchReactApp>
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
export { UseClientEffect }
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import {
|
|
4
|
+
useEffect,
|
|
5
|
+
useState
|
|
6
|
+
} from 'react'
|
|
7
|
+
|
|
8
|
+
import $$ from 'jmini'
|
|
9
|
+
import '../../../../../dist/index'
|
|
10
|
+
import {
|
|
11
|
+
Column,
|
|
12
|
+
Plate,
|
|
13
|
+
Row,
|
|
14
|
+
Sheet,
|
|
15
|
+
Literal,
|
|
16
|
+
Button,
|
|
17
|
+
FAI,
|
|
18
|
+
Box,
|
|
19
|
+
Input,
|
|
20
|
+
Img
|
|
21
|
+
} from '../../../../../dist/index'
|
|
22
|
+
|
|
23
|
+
type FilterType = 'all' | 'post' | 'review' | 'report'
|
|
24
|
+
|
|
25
|
+
const Hooks = {
|
|
26
|
+
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight'
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const Dashboard = () => {
|
|
33
|
+
useEffect( () => {
|
|
34
|
+
// return
|
|
35
|
+
let sheetID = 'passwordChangeSheet'
|
|
36
|
+
let formName = 'passwordChangeForm'
|
|
37
|
+
|
|
38
|
+
Sheet.open( 'topCenter',{
|
|
39
|
+
sheetID,
|
|
40
|
+
size: 'S',
|
|
41
|
+
content: () => {
|
|
42
|
+
// Hkvwtxky73n84
|
|
43
|
+
return <Sheet.Body>
|
|
44
|
+
<Column padding={ 2 } gap={ 2 }>
|
|
45
|
+
<Column>
|
|
46
|
+
<Row.Separate>
|
|
47
|
+
<Literal isSemiBoldFont>パスワードを変更</Literal>
|
|
48
|
+
<Button.Sub
|
|
49
|
+
ssSphere={ 3 }
|
|
50
|
+
color='cloud'
|
|
51
|
+
onClick={ () => {
|
|
52
|
+
Sheet.close( sheetID )
|
|
53
|
+
} }
|
|
54
|
+
>
|
|
55
|
+
<FAI.X />
|
|
56
|
+
</Button.Sub>
|
|
57
|
+
</Row.Separate>
|
|
58
|
+
<Box>
|
|
59
|
+
<Literal.Supplement fontColor='nega'>
|
|
60
|
+
※送信後サインアウトされます。
|
|
61
|
+
</Literal.Supplement>
|
|
62
|
+
</Box>
|
|
63
|
+
</Column>
|
|
64
|
+
|
|
65
|
+
<Column gap={ 1.5 }>
|
|
66
|
+
<Input.TextField.Password
|
|
67
|
+
label='現在のパスワード'
|
|
68
|
+
required
|
|
69
|
+
form={ formName }
|
|
70
|
+
name='currentPassword'
|
|
71
|
+
/>
|
|
72
|
+
<Input.TextField.Password
|
|
73
|
+
label='新しいパスワード'
|
|
74
|
+
required
|
|
75
|
+
form={ formName }
|
|
76
|
+
name='newPassword'
|
|
77
|
+
id='newPassword'
|
|
78
|
+
/>
|
|
79
|
+
<Input.TextField.Password
|
|
80
|
+
label='新しいパスワード(確認)'
|
|
81
|
+
required
|
|
82
|
+
form={ formName }
|
|
83
|
+
name='newPasswordConfirm'
|
|
84
|
+
onValidate={ async value => {
|
|
85
|
+
let newPassword = $$( '#newPassword' ).getAttribute( 'value' )
|
|
86
|
+
if ( value != newPassword ) {
|
|
87
|
+
return {
|
|
88
|
+
ok: false,notice: [ { type: 'invalid',label: 'パスワードが一致しません' } ]
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
return { ok: true,notice: [] }
|
|
92
|
+
} }
|
|
93
|
+
/>
|
|
94
|
+
</Column>
|
|
95
|
+
<Row.Right>
|
|
96
|
+
<Button.Prime
|
|
97
|
+
submitOption={ {
|
|
98
|
+
formName,
|
|
99
|
+
callback: ( form ) => {
|
|
100
|
+
console.log( form )
|
|
101
|
+
}
|
|
102
|
+
} }
|
|
103
|
+
>
|
|
104
|
+
<Literal>変更する</Literal>
|
|
105
|
+
</Button.Prime>
|
|
106
|
+
</Row.Right>
|
|
107
|
+
</Column>
|
|
108
|
+
</Sheet.Body>
|
|
109
|
+
}
|
|
110
|
+
} )
|
|
111
|
+
},[] )
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
return <Plate
|
|
115
|
+
size='L'
|
|
116
|
+
padding={ 2 }
|
|
117
|
+
>
|
|
118
|
+
|
|
119
|
+
<Column gap={ 3 }>
|
|
120
|
+
<Input.TextField.Password
|
|
121
|
+
label='現在のパスワード'
|
|
122
|
+
required
|
|
123
|
+
name='currentPassword'
|
|
124
|
+
/>
|
|
125
|
+
<Input.TextField.Postal
|
|
126
|
+
label='現在のパスワード'
|
|
127
|
+
required
|
|
128
|
+
name='postalCode'
|
|
129
|
+
/>
|
|
130
|
+
<Button.Prime
|
|
131
|
+
onClick={ () => {
|
|
132
|
+
console.log( 'Hvfasd' )
|
|
133
|
+
} }
|
|
134
|
+
>
|
|
135
|
+
Submit
|
|
136
|
+
</Button.Prime>
|
|
137
|
+
|
|
138
|
+
</Column>
|
|
139
|
+
</Plate>
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
import dynamic from 'next/dynamic'
|
|
143
|
+
export default dynamic( () => Promise.resolve( Dashboard ),{ ssr: false } )
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import '../../../../dist/@styles/style.css'
|
|
2
|
+
|
|
3
|
+
import { UseClientEffect } from '@hooks/useClientEffect'
|
|
4
|
+
|
|
5
|
+
declare global {
|
|
6
|
+
namespace JSX {
|
|
7
|
+
interface IntrinsicElements {
|
|
8
|
+
'rakumeo-app': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>,HTMLDivElement>
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default function RootLayout( args: Readonly<{
|
|
14
|
+
children: React.ReactNode
|
|
15
|
+
}> ) {
|
|
16
|
+
return <html lang="ja" id='html'>
|
|
17
|
+
<body className={ 'AMOTIFY_be_body' }>
|
|
18
|
+
<noscript>JavaScriptの使用が許可されていません。ブラウザ設定を開き、JavaScriptを有効にしてください。</noscript>
|
|
19
|
+
<rakumeo-app id="RakumeoAppBody">
|
|
20
|
+
<UseClientEffect>
|
|
21
|
+
{ args.children }
|
|
22
|
+
</UseClientEffect>
|
|
23
|
+
</rakumeo-app>
|
|
24
|
+
</body>
|
|
25
|
+
</html>
|
|
26
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import $$,{ Fetcher,Server,Time,UUID } from 'jmini'
|
|
2
|
+
import express from "express"
|
|
3
|
+
import next from "next"
|
|
4
|
+
|
|
5
|
+
import {
|
|
6
|
+
launchLog
|
|
7
|
+
} from '.'
|
|
8
|
+
|
|
9
|
+
const nextApp = next( {
|
|
10
|
+
dev: true
|
|
11
|
+
} )
|
|
12
|
+
let Application = Server( express() )
|
|
13
|
+
.onPathRouter( () => express.Router() )
|
|
14
|
+
// .use( express.json( { limit: '100mb' } ) )
|
|
15
|
+
.use( express.urlencoded( { limit: '100mb',extended: true } ) )
|
|
16
|
+
|
|
17
|
+
export { Application }
|
|
18
|
+
|
|
19
|
+
$$.scope( async () => {
|
|
20
|
+
|
|
21
|
+
await nextApp.prepare()
|
|
22
|
+
|
|
23
|
+
try {
|
|
24
|
+
Application
|
|
25
|
+
.all( "*",( req,res,next ) => {
|
|
26
|
+
let handler = nextApp.getRequestHandler()
|
|
27
|
+
return handler( req,res )
|
|
28
|
+
} )
|
|
29
|
+
|
|
30
|
+
// ExceptionHandler( expressServer )
|
|
31
|
+
} catch ( error ) {
|
|
32
|
+
console.log( error )
|
|
33
|
+
return
|
|
34
|
+
}
|
|
35
|
+
} )
|
|
36
|
+
|
|
37
|
+
let port = 8000
|
|
38
|
+
Application.listen( port )
|
|
39
|
+
process.on( 'uncaughtException',err => {
|
|
40
|
+
console.log( err )
|
|
41
|
+
} )
|
|
42
|
+
launchLog()
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import os from 'os'
|
|
2
|
+
import { Server } from 'jmini'
|
|
3
|
+
|
|
4
|
+
export const launchLog = () => {
|
|
5
|
+
let port = 8000
|
|
6
|
+
let local_ip = `http://${ Server.getLocalIP( os ) || "localhost" }:${ port }`,
|
|
7
|
+
board = `\u001b[35m
|
|
8
|
+
[ ラクMEO ]
|
|
9
|
+
- ${ local_ip }${ new Array( 35 - local_ip.length ).join( ` ` ) }\u001b[39m`
|
|
10
|
+
console.log( board )
|
|
11
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{
|
|
2
|
+
"extends": "./tsconfig.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"target": "ES6",
|
|
5
|
+
"module": "commonjs",
|
|
6
|
+
"outDir": "serverDist",
|
|
7
|
+
"lib": [
|
|
8
|
+
"es2019"
|
|
9
|
+
],
|
|
10
|
+
"isolatedModules": false,
|
|
11
|
+
"noEmit": false,
|
|
12
|
+
},
|
|
13
|
+
"paths": {
|
|
14
|
+
"@serverHooks/*": [
|
|
15
|
+
"./src/server/(hooks)/*"
|
|
16
|
+
],
|
|
17
|
+
"@logger": [
|
|
18
|
+
"./src/(logger)"
|
|
19
|
+
],
|
|
20
|
+
"@declares": [
|
|
21
|
+
"src/(declares)"
|
|
22
|
+
],
|
|
23
|
+
"@nodeEnv": [
|
|
24
|
+
"./src/(nodeEnv)"
|
|
25
|
+
],
|
|
26
|
+
},
|
|
27
|
+
"include": [
|
|
28
|
+
"src/server/index.ts"
|
|
29
|
+
]
|
|
30
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as Ne,d as ke}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as Fe}from".";const e={toConcreteBorderRadius:n=>{let H=Fe.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][H]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][H]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][H]),n},ev:n=>d.is.exist(n),ClassNames:(n,H)=>{var O,Re,Ce,F,Be,Te,_e,Le,we,We;let i=[],{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=H;{if(e.ev(y)&&i.push("dsp"+y),P){let x=d.flatArray(P);i.push("ovfl-x-"+x[0]),i.push("ovfl-y-"+(x[1]||x[0]))}e.ev(R)&&i.push("ps"+R),e.ev(z)&&i.push("txtalg"+z),e.ev(z)&&i.push("txtdeco"+M),e.ev(G)&&i.push("ftcl"+((O=String(G))==null?void 0:O.replace(/\./g,"_"))),e.ev(D)&&i.push("ftsz"+((Re=String(D))==null?void 0:Re.replace(/\..*/,""))),e.ev(g)&&i.push("ftwgt"+((Ce=String(g))==null?void 0:Ce.replace(/\..*/,""))),e.ev(j)&&i.push("fthgt"+((F=String(j))==null?void 0:F.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Be=String(q))==null?void 0:Be.replace(/\./g,"_"))),e.ev(C)&&i.push("bs"+C);let $,U,V,I;d.is.exist(h)&&(d.is.array(h)?h.length==2?[$,U,V,I]=[...h,...h]:h.length==4&&([$,U,V,I]=h):$=U=V=I=h,s=s!=null?s:$,r=r!=null?r:U,c=c!=null?c:V,b=b!=null?b:I),e.ev(s)&&i.push("mrgt"+s),e.ev(r)&&i.push("mrgr"+r),e.ev(c)&&i.push("mrgb"+c),e.ev(b)&&i.push("mrgl"+b);let K,t,Ae,ye;d.is.exist(o)&&(d.is.array(o)?o.length==2?[K,t,Ae,ye]=[...o,...o]:o.length==4&&([K,t,Ae,ye]=o):K=t=Ae=ye=o,S=S!=null?S:K,B=B!=null?B:t,T=T!=null?T:Ae,_=_!=null?_:ye),e.ev(S)&&i.push("pdt"+S),e.ev(B)&&i.push("pdr"+B),e.ev(T)&&i.push("pdb"+T),e.ev(_)&&i.push("pdl"+_),e.ev(X)&&i.push("pstt"+X),e.ev(J)&&i.push("pstr"+J),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{d.is.exist(N)&&(f=f!=null?f:N,u=u!=null?u:N,v=v!=null?v:N,m=m!=null?m:N),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),e.ev(f)&&i.push("b_t_ss"+((Te=String(f))==null?void 0:Te.replace(/\./g,"_"))),e.ev(u)&&i.push("b_r_ss"+((_e=String(u))==null?void 0:_e.replace(/\./g,"_"))),e.ev(v)&&i.push("b_b_ss"+((Le=String(v))==null?void 0:Le.replace(/\./g,"_"))),e.ev(m)&&i.push("b_l_ss"+((we=String(m))==null?void 0:we.replace(/\./g,"_"))),d.is.exist(Z)&&i.push("b_wth"+String(Z)),d.is.exist(ee)&&i.push("b_cl"+((We=String(ee))==null?void 0:We.replace(/\./g,"_"))),d.is.exist(te)&&i.push("b_st"+String(te));{let x,p,E,He;d.is.exist(k)&&(d.is.array(k)?k.length==4&&([x,p,He,E]=k):x=p=E=He=k,L=L!=null?L:x,w=w!=null?w:p,W=W!=null?W:E,A=A!=null?A:He)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_tr"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_bl"+e.toConcreteBorderRadius(W)),e.ev(A)&&i.push("br_br"+e.toConcreteBorderRadius(A))}if(e.ev(ce)&&i.push("op"+ce),d.is.exist(l)){let x,p;d.is.array(l)?(x=l[0],p=l[1]):x=p=l,i.push("gapRow"+x,"gapCol"+p)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(ae)&&i.push("flgrid"+ae),e.ev(ne)&&i.push("flvrt"+ne),e.ev(de)&&i.push("flhrz"+de),e.ev(ge)&&i.push("grcnt"+ge),e.ev(pe)&&i.push("grcol"+pe),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let c=a({},n),{gradients:i,ssCardBox:l,ssSphere:y,ssSquare:R,ssPushable:P,ssAbsoluteCovered:G,ssTextEllipsis:D,flexCenter:g,flexNewLine:j,isLightFont:q,isBoldFont:z,isSemiBoldFont:M,isRounded:C,isSquare:h,freeCSS:b={}}=c,s=ke(b,[]),r=ke(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(s=s||{},r=r||{},i){let{deg:o,colors:S}=i;s=Ne(a({},s),{background:`linear-gradient(${o}deg,${S.join(",")})`})}if(l){l===!0&&(l="border");let o={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?o.border=!0:l=="plain"?(o.backgroundColor="layer.1",o.boxShadow="none"):l=="cloud"?o.backgroundColor="cloud":l=="shadow"&&(o.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(o.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(o.boxShadow="1.remark"),s=a(a({},o.freeCSS),s),r=a(a({},o),r)}return y&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:y,unitHeight:y,borderRadius:"sphere",flexSizing:"none"},r)),R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},r)),P&&(r=a({transition:"middle"},r),r=Ne(a({},r),{className:[r.className,"ssPushable"].join(" ")})),G&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),D&&(r=a({overflow:"hidden"},r),s=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},s)),j&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),q&&(r.fontWeight="1.light"),M&&(r.fontWeight="3.semiBold"),z&&(r.fontWeight="4.bold"),C&&(r.borderRadius="sphere",d.is.number(C)&&(s.borderRadius=C*12)),h&&(s.aspectRatio="1"),Ne(a({},r),{freeCSS:s})},$e=n=>{let He=Ge(n),{componentID:i,gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:O,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:F,ssPushable:Be,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:$,isRounded:U,flexCenter:V,flexNewLine:I,gradients:K,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=He,x=ke(He,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),p=a({},x),E=[Ae];if(O&&E.push("ssLastChildLossBorder_"+O),F){F=d.flatArray(F);for(let ze of F){let[Pe,Ee]=ze.split(".");p["data-effect-"+Pe]="1",Ee&&(p["data-effect-tone"]=Ee)}}{let ze=e.ClassNames("amotf_",{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});E.push(ze)}return t&&E.push(e.ClassNames("amotf_bp",t)),ye&&(p.style=a(a({},ye),p.style)),(i||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||i),E.length&&E.join("")&&(p.className=E.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p},Ue=n=>{let{gap:H,display:i,position:l,overflow:y,fontColor:R,fontSize:P,fontWeight:G,fontHeight:D,backgroundColor:g,textAlign:j,textDecoration:q,boxShadow:z,margin:M,marginTop:C,marginRight:h,marginBottom:s,marginLeft:r,padding:c,paddingTop:b,paddingRight:o,paddingBottom:S,paddingLeft:B,top:T,right:_,bottom:X,left:J,border:Q,borderTop:Y,borderRight:N,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:k,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:W,flexWrap:A,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:ae,transition:de,gridCenter:ne,gridCols:le,maxHeight:ge,minHeight:pe,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:O,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:F,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:$,flexNewLine:U,gradients:V,UnderBreakPointStyles:I={},freeCSS:K={}}=n,t={};return e.ev(H)&&(t.gap=H),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(y)&&(t.overflow=y),e.ev(R)&&(t.fontColor=R),e.ev(P)&&(t.fontSize=P),e.ev(G)&&(t.fontWeight=G),e.ev(D)&&(t.fontHeight=D),e.ev(g)&&(t.backgroundColor=g),e.ev(j)&&(t.textAlign=j),e.ev(q)&&(t.textDecoration=q),e.ev(z)&&(t.boxShadow=z),e.ev(M)&&(t.margin=M),e.ev(C)&&(t.marginTop=C),e.ev(h)&&(t.marginRight=h),e.ev(s)&&(t.marginBottom=s),e.ev(r)&&(t.marginLeft=r),e.ev(c)&&(t.padding=c),e.ev(b)&&(t.paddingTop=b),e.ev(o)&&(t.paddingRight=o),e.ev(S)&&(t.paddingBottom=S),e.ev(B)&&(t.paddingLeft=B),e.ev(T)&&(t.top=T),e.ev(_)&&(t.right=_),e.ev(X)&&(t.bottom=X),e.ev(J)&&(t.left=J),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(N)&&(t.borderRight=N),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(k)&&(t.borderTopRightRadius=k),e.ev(L)&&(t.borderBottomLeftRadius=L),e.ev(w)&&(t.borderBottomRightRadius=w),e.ev(W)&&(t.flexSizing=W),e.ev(A)&&(t.flexWrap=A),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(ae)&&(t.verticalAlign=ae),e.ev(de)&&(t.transition=de),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(ge)&&(t.maxHeight=ge),e.ev(pe)&&(t.minHeight=pe),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(O)&&(t.ssCardBox=O),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(F)&&(t.ssSphere=F),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(_e)&&(t.isBoldFont=_e),e.ev(Le)&&(t.isLightFont=Le),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(We)&&(t.isRounded=We),e.ev($)&&(t.flexCenter=$),e.ev(U)&&(t.flexNewLine=U),e.ev(V)&&(t.gradients=V),e.ev(K)&&(t.freeCSS=K),e.ev(I)&&(t.UnderBreakPointStyles=I),t};export{Ue as ExtractStyles,$e as GenerateHTMLProps,Ge as ReadStyleSet};
|
|
1
|
+
import{b as a,c as Ne,d as ke}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as Fe}from".";const e={toConcreteBorderRadius:n=>{let H=Fe.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][H]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][H]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][H]),n},ev:n=>d.is.exist(n),ClassNames:(n,H)=>{var O,Re,Ce,F,Be,Te,_e,Le,we,We;let i=[],{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:j,fontWeight:g,fontHeight:q,backgroundColor:D,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=H;{if(e.ev(y)&&i.push("dsp"+y),P){let x=d.flatArray(P);i.push("ovfl-x-"+x[0]),i.push("ovfl-y-"+(x[1]||x[0]))}e.ev(R)&&i.push("ps"+R),e.ev(z)&&i.push("txtalg"+z),e.ev(z)&&i.push("txtdeco"+M),e.ev(G)&&i.push("ftcl"+((O=String(G))==null?void 0:O.replace(/\./g,"_"))),e.ev(j)&&i.push("ftsz"+((Re=String(j))==null?void 0:Re.replace(/\..*/,""))),e.ev(g)&&i.push("ftwgt"+((Ce=String(g))==null?void 0:Ce.replace(/\..*/,""))),e.ev(q)&&i.push("fthgt"+((F=String(q))==null?void 0:F.replace(/\./g,"_"))),e.ev(D)&&i.push("bgc"+((Be=String(D))==null?void 0:Be.replace(/\./g,"_"))),e.ev(C)&&i.push("bs"+C);let $,U,V,I;d.is.exist(h)&&(d.is.array(h)?h.length==2?[$,U,V,I]=[...h,...h]:h.length==4&&([$,U,V,I]=h):$=U=V=I=h,s=s!=null?s:$,r=r!=null?r:U,c=c!=null?c:V,b=b!=null?b:I),e.ev(s)&&i.push("mrgt"+s),e.ev(r)&&i.push("mrgr"+r),e.ev(c)&&i.push("mrgb"+c),e.ev(b)&&i.push("mrgl"+b);let K,t,Ae,ye;d.is.exist(o)&&(d.is.array(o)?o.length==2?[K,t,Ae,ye]=[...o,...o]:o.length==4&&([K,t,Ae,ye]=o):K=t=Ae=ye=o,S=S!=null?S:K,B=B!=null?B:t,T=T!=null?T:Ae,_=_!=null?_:ye),e.ev(S)&&i.push("pdt"+S),e.ev(B)&&i.push("pdr"+B),e.ev(T)&&i.push("pdb"+T),e.ev(_)&&i.push("pdl"+_),e.ev(X)&&i.push("pstt"+X),e.ev(J)&&i.push("pstr"+J),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{d.is.exist(N)&&(f=f!=null?f:N,u=u!=null?u:N,v=v!=null?v:N,m=m!=null?m:N),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),e.ev(f)&&i.push("b_t_ss"+((Te=String(f))==null?void 0:Te.replace(/\./g,"_"))),e.ev(u)&&i.push("b_r_ss"+((_e=String(u))==null?void 0:_e.replace(/\./g,"_"))),e.ev(v)&&i.push("b_b_ss"+((Le=String(v))==null?void 0:Le.replace(/\./g,"_"))),e.ev(m)&&i.push("b_l_ss"+((we=String(m))==null?void 0:we.replace(/\./g,"_"))),d.is.exist(Z)&&i.push("b_wth"+String(Z)),d.is.exist(ee)&&i.push("b_cl"+((We=String(ee))==null?void 0:We.replace(/\./g,"_"))),d.is.exist(te)&&i.push("b_st"+String(te));{let x,p,E,He;d.is.exist(k)&&(d.is.array(k)?k.length==4&&([x,p,He,E]=k):x=p=E=He=k,L=L!=null?L:x,w=w!=null?w:p,W=W!=null?W:E,A=A!=null?A:He)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_tr"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_bl"+e.toConcreteBorderRadius(W)),e.ev(A)&&i.push("br_br"+e.toConcreteBorderRadius(A))}if(e.ev(ce)&&i.push("op"+ce),d.is.exist(l)){let x,p;d.is.array(l)?(x=l[0],p=l[1]):x=p=l,i.push("gapRow"+x,"gapCol"+p)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(ae)&&i.push("flgrid"+ae),e.ev(ne)&&i.push("flvrt"+ne),e.ev(de)&&i.push("flhrz"+de),e.ev(ge)&&i.push("grcnt"+ge),e.ev(pe)&&i.push("grcol"+pe),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let c=a({},n),{gradients:i,ssCardBox:l,ssSphere:y,ssSquare:R,ssPushable:P,ssAbsoluteCovered:G,ssTextEllipsis:j,flexCenter:g,flexNewLine:q,isLightFont:D,isBoldFont:z,isSemiBoldFont:M,isRounded:C,isSquare:h,freeCSS:b={}}=c,s=ke(b,[]),r=ke(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(s=s||{},r=r||{},i){let{deg:o,colors:S}=i;s=Ne(a({},s),{background:`linear-gradient(${o}deg,${S.join(",")})`})}if(l){l===!0&&(l="border");let o={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?o.border=!0:l=="plain"?(o.backgroundColor="layer.1",o.boxShadow="none"):l=="cloud"?o.backgroundColor="cloud":l=="shadow"&&(o.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(o.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(o.boxShadow="1.remark"),s=a(a({},o.freeCSS),s),r=a(a({},o),r)}return y&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:y,unitHeight:y,borderRadius:"sphere",flexSizing:"none"},r)),R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},r)),P&&(r=a({transition:"middle"},r),r=Ne(a({},r),{className:[r.className,"ssPushable"].join(" ")})),G&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=a({overflow:"hidden"},r),s=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},s)),q&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),D&&(r.fontWeight="1.light"),M&&(r.fontWeight="3.semiBold"),z&&(r.fontWeight="4.bold"),C&&(r.borderRadius="sphere",d.is.number(C)&&(s.borderRadius=C*12)),h&&(s.aspectRatio="1"),Ne(a({},r),{freeCSS:s})},$e=n=>{let He=Ge(n),{componentId:i,gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:j,fontWeight:g,fontHeight:q,backgroundColor:D,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:O,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:F,ssPushable:Be,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:$,isRounded:U,flexCenter:V,flexNewLine:I,gradients:K,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=He,x=ke(He,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),p=a({},x),E=[Ae];if(O&&E.push("ssLastChildLossBorder_"+O),F){F=d.flatArray(F);for(let ze of F){let[Pe,Ee]=ze.split(".");p["data-effect-"+Pe]="1",Ee&&(p["data-effect-tone"]=Ee)}}{let ze=e.ClassNames("amotf_",{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:j,fontWeight:g,fontHeight:q,backgroundColor:D,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});E.push(ze)}return t&&E.push(e.ClassNames("amotf_bp",t)),ye&&(p.style=a(a({},ye),p.style)),(i||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||i),E.length&&E.join("")&&(p.className=E.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p},Ue=n=>{let{gap:H,display:i,position:l,overflow:y,fontColor:R,fontSize:P,fontWeight:G,fontHeight:j,backgroundColor:g,textAlign:q,textDecoration:D,boxShadow:z,margin:M,marginTop:C,marginRight:h,marginBottom:s,marginLeft:r,padding:c,paddingTop:b,paddingRight:o,paddingBottom:S,paddingLeft:B,top:T,right:_,bottom:X,left:J,border:Q,borderTop:Y,borderRight:N,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:k,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:W,flexWrap:A,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:ae,transition:de,gridCenter:ne,gridCols:le,maxHeight:ge,minHeight:pe,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:O,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:F,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:$,flexNewLine:U,gradients:V,UnderBreakPointStyles:I={},freeCSS:K={}}=n,t={};return e.ev(H)&&(t.gap=H),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(y)&&(t.overflow=y),e.ev(R)&&(t.fontColor=R),e.ev(P)&&(t.fontSize=P),e.ev(G)&&(t.fontWeight=G),e.ev(j)&&(t.fontHeight=j),e.ev(g)&&(t.backgroundColor=g),e.ev(q)&&(t.textAlign=q),e.ev(D)&&(t.textDecoration=D),e.ev(z)&&(t.boxShadow=z),e.ev(M)&&(t.margin=M),e.ev(C)&&(t.marginTop=C),e.ev(h)&&(t.marginRight=h),e.ev(s)&&(t.marginBottom=s),e.ev(r)&&(t.marginLeft=r),e.ev(c)&&(t.padding=c),e.ev(b)&&(t.paddingTop=b),e.ev(o)&&(t.paddingRight=o),e.ev(S)&&(t.paddingBottom=S),e.ev(B)&&(t.paddingLeft=B),e.ev(T)&&(t.top=T),e.ev(_)&&(t.right=_),e.ev(X)&&(t.bottom=X),e.ev(J)&&(t.left=J),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(N)&&(t.borderRight=N),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(k)&&(t.borderTopRightRadius=k),e.ev(L)&&(t.borderBottomLeftRadius=L),e.ev(w)&&(t.borderBottomRightRadius=w),e.ev(W)&&(t.flexSizing=W),e.ev(A)&&(t.flexWrap=A),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(ae)&&(t.verticalAlign=ae),e.ev(de)&&(t.transition=de),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(ge)&&(t.maxHeight=ge),e.ev(pe)&&(t.minHeight=pe),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(O)&&(t.ssCardBox=O),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(F)&&(t.ssSphere=F),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(_e)&&(t.isBoldFont=_e),e.ev(Le)&&(t.isLightFont=Le),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(We)&&(t.isRounded=We),e.ev($)&&(t.flexCenter=$),e.ev(U)&&(t.flexNewLine=U),e.ev(V)&&(t.gradients=V),e.ev(K)&&(t.freeCSS=K),e.ev(I)&&(t.UnderBreakPointStyles=I),t};export{Ue as ExtractStyles,$e as GenerateHTMLProps,Ge as ReadStyleSet};
|
package/dist/atoms/FAI.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ declare namespace FAI {
|
|
|
10
10
|
type Shortcuts = {
|
|
11
11
|
[key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;
|
|
12
12
|
};
|
|
13
|
-
type ShortCutNames = 'User' | '
|
|
13
|
+
type ShortCutNames = 'User' | 'X' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'Redo' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'File' | 'Trash' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'EllipsisH' | 'EllipsisV' | 'PaperPlane' | 'Image' | 'Ban' | 'Location';
|
|
14
14
|
type Methods = React.FC<ComponentInput> & Shortcuts;
|
|
15
15
|
}
|
|
16
16
|
declare const FAI: FAI.Methods;
|
package/dist/atoms/FAI.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";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
|
|
1
|
+
import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";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 g}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as A}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as L}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as R}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as I}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as D}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as y}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as x}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as d}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as H}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as T}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as M}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Q}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 X}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 W}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{faBan as oo}from"@fortawesome/free-solid-svg-icons/faBan";import{faLocationCrosshairs as ro}from"@fortawesome/free-solid-svg-icons/faLocationCrosshairs";import{faUser as io}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as no}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as to}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as eo}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as ao}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as mo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as fo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as po}from"@fortawesome/free-regular-svg-icons/faImage";const t=o=>{let m=o,{icon:p}=m,c=f(m,["icon"]),a=l(c);return e(s,i(r({icon:p,size:"1x"},a),{style:r({aspectRatio:"1"},a==null?void 0:a.style)}))},n=t;n.User=o=>e(t,i(r({},o),{icon:io})),n.X=o=>e(t,i(r({},o),{icon:h})),n.AngleRight=o=>e(t,i(r({},o),{icon:C})),n.AngleLeft=o=>e(t,i(r({},o),{icon:g})),n.AngleUp=o=>e(t,i(r({},o),{icon:A})),n.AngleDown=o=>e(t,i(r({},o),{icon:w})),n.ChevronLeft=o=>e(t,i(r({},o),{icon:L})),n.ChevronRight=o=>e(t,i(r({},o),{icon:R})),n.ChevronUp=o=>e(t,i(r({},o),{icon:u})),n.ChevronDown=o=>e(t,i(r({},o),{icon:S})),n.CaretLeft=o=>e(t,i(r({},o),{icon:E})),n.CaretRight=o=>e(t,i(r({},o),{icon:I})),n.CaretUp=o=>e(t,i(r({},o),{icon:D})),n.CaretDown=o=>e(t,i(r({},o),{icon:P})),n.ArrowLeft=o=>e(t,i(r({},o),{icon:k})),n.ArrowRight=o=>e(t,i(r({},o),{icon:y})),n.ArrowUp=o=>e(t,i(r({},o),{icon:U})),n.ArrowDown=o=>e(t,i(r({},o),{icon:x})),n.Rotate=o=>e(t,i(r({},o),{icon:F})),n.Redo=o=>e(t,i(r({},o),{icon:d})),n.Check=o=>e(t,i(r({},o),{icon:v})),n.CheckCircle=o=>e(t,i(r({},o),{icon:no})),n.Question=o=>e(t,i(r({},o),{icon:H})),n.QuestionCircle=o=>e(t,i(r({},o),{icon:to})),n.Exclamation=o=>e(t,i(r({},o),{icon:T})),n.ExclamationTriangle=o=>e(t,i(r({},o),{icon:B})),n.Home=o=>e(t,i(r({},o),{icon:M})),n.Share=o=>e(t,i(r({},o),{icon:Q})),n.Search=o=>e(t,i(r({},o),{icon:G})),n.YenSign=o=>e(t,i(r({},o),{icon:V})),n.Heart=o=>e(t,i(r({},o),{icon:j})),n.Star=o=>e(t,i(r({},o),{icon:_})),n.Edit=o=>e(t,i(r({},o),{icon:eo})),n.Pen=o=>e(t,i(r({},o),{icon:Y})),n.Copy=o=>e(t,i(r({},o),{icon:ao})),n.File=o=>e(t,i(r({},o),{icon:mo})),n.Trash=o=>e(t,i(r({},o),{icon:fo})),n.Bars=o=>e(t,i(r({},o),{icon:N})),n.Download=o=>e(t,i(r({},o),{icon:O})),n.Link=o=>e(t,i(r({},o),{icon:X})),n.LinkSlash=o=>e(t,i(r({},o),{icon:z})),n.ExternalLinkAlt=o=>e(t,i(r({},o),{icon:b})),n.Gear=o=>e(t,i(r({},o),{icon:q})),n.Plus=o=>e(t,i(r({},o),{icon:J})),n.Minus=o=>e(t,i(r({},o),{icon:K})),n.EllipsisH=o=>e(t,i(r({},o),{icon:W})),n.EllipsisV=o=>e(t,i(r({},o),{icon:Z})),n.PaperPlane=o=>e(t,i(r({},o),{icon:$})),n.Image=o=>e(t,i(r({},o),{icon:po})),n.Ban=o=>e(t,i(r({},o),{icon:oo})),n.Location=o=>e(t,i(r({},o),{icon:ro}));export{n as FAI,n as default};
|