cedro 0.1.12 → 0.1.13
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/lib/assets/_virtual/_commonjsHelpers.js +1 -0
- package/lib/assets/_virtual/index.js +1 -0
- package/lib/assets/_virtual/modulepreload-polyfill.js +1 -0
- package/lib/assets/_virtual/named-references.js +1 -0
- package/lib/assets/_virtual/numeric-unicode-map.js +1 -0
- package/lib/assets/_virtual/surrogate-pairs.js +1 -0
- package/lib/assets/core/application.builder.js +1 -0
- package/lib/assets/core/application.core.js +1 -0
- package/lib/assets/core/jsxsupport.js +1 -0
- package/lib/assets/core/screeen.core.js +1 -0
- package/lib/assets/core/seo.js +1 -0
- package/lib/assets/core/themes.core.js +1 -0
- package/lib/assets/core/uid.js +1 -0
- package/lib/assets/index.js +5 -0
- package/lib/assets/material-icons-outlined.woff +0 -0
- package/lib/assets/material-icons-outlined.woff2 +0 -0
- package/lib/assets/material-icons-round.woff +0 -0
- package/lib/assets/material-icons-round.woff2 +0 -0
- package/lib/assets/material-icons-sharp.woff +0 -0
- package/lib/assets/material-icons-sharp.woff2 +0 -0
- package/lib/assets/material-icons-two-tone.woff +0 -0
- package/lib/assets/material-icons-two-tone.woff2 +0 -0
- package/lib/assets/material-icons.woff +0 -0
- package/lib/assets/material-icons.woff2 +0 -0
- package/lib/assets/node_modules/@fontsource/roboto/100.css +1 -0
- package/lib/assets/node_modules/@fontsource/roboto/300.css +1 -0
- package/lib/assets/node_modules/@fontsource/roboto/400.css +1 -0
- package/lib/assets/node_modules/@fontsource/roboto/500.css +1 -0
- package/lib/assets/node_modules/@fontsource/roboto/700.css +1 -0
- package/lib/assets/node_modules/@fontsource/roboto/900.css +1 -0
- package/lib/assets/node_modules/html-entities/lib/index.js +1 -0
- package/lib/assets/node_modules/html-entities/lib/named-references.js +2 -0
- package/lib/assets/node_modules/html-entities/lib/numeric-unicode-map.js +1 -0
- package/lib/assets/node_modules/html-entities/lib/surrogate-pairs.js +1 -0
- package/lib/assets/node_modules/material-icons/iconfont/material-icons.css +1 -0
- package/lib/assets/node_modules/navigo/lib/es/Q.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/constants.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/index.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/lifecycles.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/callHandler.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForAfterHook.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForAlreadyHook.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForBeforeHook.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForDeprecationMethods.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForForceOp.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForLeaveHook.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/checkForNotFoundHandler.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/errorOut.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/flushCurrent.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/matchPathToRegisteredRoutes.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/processMatches.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/setLocationPath.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/updateBrowserURL.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/updateState.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/middlewares/waitingList.js +1 -0
- package/lib/assets/node_modules/navigo/lib/es/utils.js +1 -0
- package/lib/assets/roboto-cyrillic-100-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-100-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-300-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-300-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-400-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-400-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-500-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-500-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-700-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-700-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-900-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-900-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-ext-100-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-ext-100-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-ext-300-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-ext-300-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-ext-400-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-ext-400-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-ext-500-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-ext-500-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-ext-700-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-ext-700-normal.woff2 +0 -0
- package/lib/assets/roboto-cyrillic-ext-900-normal.woff +0 -0
- package/lib/assets/roboto-cyrillic-ext-900-normal.woff2 +0 -0
- package/lib/assets/roboto-greek-100-normal.woff +0 -0
- package/lib/assets/roboto-greek-100-normal.woff2 +0 -0
- package/lib/assets/roboto-greek-300-normal.woff +0 -0
- package/lib/assets/roboto-greek-300-normal.woff2 +0 -0
- package/lib/assets/roboto-greek-400-normal.woff +0 -0
- package/lib/assets/roboto-greek-400-normal.woff2 +0 -0
- package/lib/assets/roboto-greek-500-normal.woff +0 -0
- package/lib/assets/roboto-greek-500-normal.woff2 +0 -0
- package/lib/assets/roboto-greek-700-normal.woff +0 -0
- package/lib/assets/roboto-greek-700-normal.woff2 +0 -0
- package/lib/assets/roboto-greek-900-normal.woff +0 -0
- package/lib/assets/roboto-greek-900-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-100-normal.woff +0 -0
- package/lib/assets/roboto-latin-100-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-300-normal.woff +0 -0
- package/lib/assets/roboto-latin-300-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-400-normal.woff +0 -0
- package/lib/assets/roboto-latin-400-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-500-normal.woff +0 -0
- package/lib/assets/roboto-latin-500-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-700-normal.woff +0 -0
- package/lib/assets/roboto-latin-700-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-900-normal.woff +0 -0
- package/lib/assets/roboto-latin-900-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-ext-100-normal.woff +0 -0
- package/lib/assets/roboto-latin-ext-100-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-ext-300-normal.woff +0 -0
- package/lib/assets/roboto-latin-ext-300-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-ext-400-normal.woff +0 -0
- package/lib/assets/roboto-latin-ext-400-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-ext-500-normal.woff +0 -0
- package/lib/assets/roboto-latin-ext-500-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-ext-700-normal.woff +0 -0
- package/lib/assets/roboto-latin-ext-700-normal.woff2 +0 -0
- package/lib/assets/roboto-latin-ext-900-normal.woff +0 -0
- package/lib/assets/roboto-latin-ext-900-normal.woff2 +0 -0
- package/lib/assets/roboto-vietnamese-100-normal.woff +0 -0
- package/lib/assets/roboto-vietnamese-100-normal.woff2 +0 -0
- package/lib/assets/roboto-vietnamese-300-normal.woff +0 -0
- package/lib/assets/roboto-vietnamese-300-normal.woff2 +0 -0
- package/lib/assets/roboto-vietnamese-400-normal.woff +0 -0
- package/lib/assets/roboto-vietnamese-400-normal.woff2 +0 -0
- package/lib/assets/roboto-vietnamese-500-normal.woff +0 -0
- package/lib/assets/roboto-vietnamese-500-normal.woff2 +0 -0
- package/lib/assets/roboto-vietnamese-700-normal.woff +0 -0
- package/lib/assets/roboto-vietnamese-700-normal.woff2 +0 -0
- package/lib/assets/roboto-vietnamese-900-normal.woff +0 -0
- package/lib/assets/roboto-vietnamese-900-normal.woff2 +0 -0
- package/lib/assets/types/select.item.type.js +1 -0
- package/lib/assets/ui/Icon.ui.js +1 -0
- package/lib/assets/ui/IconButton.ui.js +1 -0
- package/lib/assets/ui/Textbox.ui.js +1 -0
- package/lib/assets/ui/accordion.ui.js +1 -0
- package/lib/assets/ui/button.ui.js +1 -0
- package/lib/assets/ui/buttonColor.ui.js +1 -0
- package/lib/assets/ui/buttonmenu.ui.js +1 -0
- package/lib/assets/ui/buttonstack.ui.js +1 -0
- package/lib/assets/ui/checkbox.ui.js +1 -0
- package/lib/assets/ui/container.ui.js +1 -0
- package/lib/assets/ui/datagrid.ui.js +1 -0
- package/lib/assets/ui/dialog.js +1 -0
- package/lib/assets/ui/draggable.ui.js +1 -0
- package/lib/assets/ui/hpanel.ui.js +1 -0
- package/lib/assets/ui/iconButtonMenu.ui.js +1 -0
- package/lib/assets/ui/image.ui.js +1 -0
- package/lib/assets/ui/label.ui.js +1 -0
- package/lib/assets/ui/loading.ui.js +1 -0
- package/lib/assets/ui/menu.ui.js +1 -0
- package/lib/assets/ui/progressbar.ui.js +1 -0
- package/lib/assets/ui/radiobutton.ui.js +1 -0
- package/lib/assets/ui/scroll.ui.js +1 -0
- package/lib/assets/ui/select.ui.js +1 -0
- package/lib/assets/ui/styles/accordion.css +1 -0
- package/lib/assets/ui/styles/button.css +1 -0
- package/lib/assets/ui/styles/buttoncolor.css +1 -0
- package/lib/assets/ui/styles/container.css +1 -0
- package/lib/assets/ui/styles/datagrid.css +1 -0
- package/lib/assets/ui/styles/dialog.css +1 -0
- package/lib/assets/ui/styles/draggable.css +1 -0
- package/lib/assets/ui/styles/hpanel.css +1 -0
- package/lib/assets/ui/styles/icon.css +1 -0
- package/lib/assets/ui/styles/image.css +1 -0
- package/lib/assets/ui/styles/label.css +1 -0
- package/lib/assets/ui/styles/loading.css +1 -0
- package/lib/assets/ui/styles/main.css +1 -0
- package/lib/assets/ui/styles/menu.css +1 -0
- package/lib/assets/ui/styles/progressbar.css +1 -0
- package/lib/assets/ui/styles/scroll.css +1 -0
- package/lib/assets/ui/styles/select.css +1 -0
- package/lib/assets/ui/styles/stackbutton.css +1 -0
- package/lib/assets/ui/styles/tabs.css +1 -0
- package/lib/assets/ui/styles/textarea.css +1 -0
- package/lib/assets/ui/styles/textbox.css +1 -0
- package/lib/assets/ui/styles/toolbar.css +1 -0
- package/lib/assets/ui/styles/valuebar.css +1 -0
- package/lib/assets/ui/styles/vpanel.css +1 -0
- package/lib/assets/ui/styles/vstackbutton.css +1 -0
- package/lib/assets/ui/switch.ui.js +1 -0
- package/lib/assets/ui/tabs.ui.js +1 -0
- package/lib/assets/ui/textarea.ui.js +1 -0
- package/lib/assets/ui/toggle.ui.js +1 -0
- package/lib/assets/ui/toolbar.ui.js +1 -0
- package/lib/assets/ui/valuebar.ui.js +1 -0
- package/lib/assets/ui/vpanel.ui.js +1 -0
- package/lib/assets/ui/widget.builder.js +1 -0
- package/lib/assets/ui/widget.collection.js +1 -0
- package/lib/assets/ui/widget.ui.js +1 -0
- package/lib/cedro-logo.png +0 -0
- package/lib/cedro-logo.svg +97 -0
- package/lib/fangio.jpg +0 -0
- package/lib/material-icons-list.json/357/200/272Zone.Identifier +3 -0
- package/package.json +10 -4
- package/rollup.config.js +31 -0
- package/tsconfig.json +3 -0
- package/tsconfig.publish.json +3 -0
- package/vite.publish.config.ts +41 -0
- package/lib/core/application.builder.d.ts +0 -2
- package/lib/core/application.builder.jsx +0 -103
- package/lib/core/application.builder.jsx.map +0 -1
- package/lib/core/application.core.d.ts +0 -96
- package/lib/core/application.core.jsx +0 -290
- package/lib/core/application.core.jsx.map +0 -1
- package/lib/core/index.d.ts +0 -3
- package/lib/core/index.js +0 -4
- package/lib/core/index.js.map +0 -1
- package/lib/core/jsxsupport.d.ts +0 -13
- package/lib/core/jsxsupport.js +0 -82
- package/lib/core/jsxsupport.js.map +0 -1
- package/lib/core/screeen.core.d.ts +0 -41
- package/lib/core/screeen.core.js +0 -76
- package/lib/core/screeen.core.js.map +0 -1
- package/lib/core/seo.d.ts +0 -33
- package/lib/core/seo.js +0 -66
- package/lib/core/seo.js.map +0 -1
- package/lib/core/themes.core.d.ts +0 -22
- package/lib/core/themes.core.js +0 -317
- package/lib/core/themes.core.js.map +0 -1
- package/lib/core/uid.d.ts +0 -1
- package/lib/core/uid.js +0 -4
- package/lib/core/uid.js.map +0 -1
- package/lib/index.d.ts +0 -5
- package/lib/index.js +0 -8
- package/lib/index.js.map +0 -1
- package/lib/interfaces/application.interface.d.ts +0 -39
- package/lib/interfaces/application.interface.js +0 -6
- package/lib/interfaces/application.interface.js.map +0 -1
- package/lib/interfaces/screen.interface.d.ts +0 -12
- package/lib/interfaces/screen.interface.js +0 -2
- package/lib/interfaces/screen.interface.js.map +0 -1
- package/lib/interfaces/themes.interface.d.ts +0 -15
- package/lib/interfaces/themes.interface.js +0 -2
- package/lib/interfaces/themes.interface.js.map +0 -1
- package/lib/interfaces/widget.interface.d.ts +0 -85
- package/lib/interfaces/widget.interface.js +0 -2
- package/lib/interfaces/widget.interface.js.map +0 -1
- package/lib/types/orientation.type.d.ts +0 -1
- package/lib/types/orientation.type.js +0 -2
- package/lib/types/orientation.type.js.map +0 -1
- package/lib/types/select.item.type.d.ts +0 -6
- package/lib/types/select.item.type.js +0 -26
- package/lib/types/select.item.type.js.map +0 -1
- package/lib/types/vector2d.type.d.ts +0 -4
- package/lib/types/vector2d.type.js +0 -2
- package/lib/types/vector2d.type.js.map +0 -1
- package/lib/ui/Icon.ui.d.ts +0 -31
- package/lib/ui/Icon.ui.jsx +0 -121
- package/lib/ui/Icon.ui.jsx.map +0 -1
- package/lib/ui/IconButton.ui.d.ts +0 -32
- package/lib/ui/IconButton.ui.jsx +0 -184
- package/lib/ui/IconButton.ui.jsx.map +0 -1
- package/lib/ui/Textbox.ui.d.ts +0 -32
- package/lib/ui/Textbox.ui.jsx +0 -152
- package/lib/ui/Textbox.ui.jsx.map +0 -1
- package/lib/ui/accordion.ui.d.ts +0 -27
- package/lib/ui/accordion.ui.jsx +0 -108
- package/lib/ui/accordion.ui.jsx.map +0 -1
- package/lib/ui/button.ui.d.ts +0 -44
- package/lib/ui/button.ui.jsx +0 -180
- package/lib/ui/button.ui.jsx.map +0 -1
- package/lib/ui/buttonColor.ui.d.ts +0 -14
- package/lib/ui/buttonColor.ui.jsx +0 -58
- package/lib/ui/buttonColor.ui.jsx.map +0 -1
- package/lib/ui/buttonmenu.ui.d.ts +0 -23
- package/lib/ui/buttonmenu.ui.jsx +0 -104
- package/lib/ui/buttonmenu.ui.jsx.map +0 -1
- package/lib/ui/buttonstack.ui.d.ts +0 -26
- package/lib/ui/buttonstack.ui.jsx +0 -138
- package/lib/ui/buttonstack.ui.jsx.map +0 -1
- package/lib/ui/checkbox.ui.d.ts +0 -12
- package/lib/ui/checkbox.ui.jsx +0 -29
- package/lib/ui/checkbox.ui.jsx.map +0 -1
- package/lib/ui/colors.ui.d.ts +0 -1
- package/lib/ui/colors.ui.js +0 -2
- package/lib/ui/colors.ui.js.map +0 -1
- package/lib/ui/container.ui.d.ts +0 -33
- package/lib/ui/container.ui.jsx +0 -96
- package/lib/ui/container.ui.jsx.map +0 -1
- package/lib/ui/datagrid.ui.d.ts +0 -119
- package/lib/ui/datagrid.ui.jsx +0 -445
- package/lib/ui/datagrid.ui.jsx.map +0 -1
- package/lib/ui/dialog.d.ts +0 -102
- package/lib/ui/dialog.jsx +0 -480
- package/lib/ui/dialog.jsx.map +0 -1
- package/lib/ui/draggable.ui.d.ts +0 -27
- package/lib/ui/draggable.ui.js +0 -183
- package/lib/ui/draggable.ui.js.map +0 -1
- package/lib/ui/hpanel.ui.d.ts +0 -26
- package/lib/ui/hpanel.ui.jsx +0 -183
- package/lib/ui/hpanel.ui.jsx.map +0 -1
- package/lib/ui/iconButtonMenu.ui.d.ts +0 -27
- package/lib/ui/iconButtonMenu.ui.jsx +0 -135
- package/lib/ui/iconButtonMenu.ui.jsx.map +0 -1
- package/lib/ui/image.ui.d.ts +0 -25
- package/lib/ui/image.ui.jsx +0 -88
- package/lib/ui/image.ui.jsx.map +0 -1
- package/lib/ui/index.d.ts +0 -30
- package/lib/ui/index.js +0 -30
- package/lib/ui/index.js.map +0 -1
- package/lib/ui/label.ui.d.ts +0 -37
- package/lib/ui/label.ui.jsx +0 -155
- package/lib/ui/label.ui.jsx.map +0 -1
- package/lib/ui/loading.ui.d.ts +0 -5
- package/lib/ui/loading.ui.js +0 -10
- package/lib/ui/loading.ui.js.map +0 -1
- package/lib/ui/menu.ui.d.ts +0 -19
- package/lib/ui/menu.ui.js +0 -186
- package/lib/ui/menu.ui.js.map +0 -1
- package/lib/ui/progressbar.ui.d.ts +0 -23
- package/lib/ui/progressbar.ui.jsx +0 -109
- package/lib/ui/progressbar.ui.jsx.map +0 -1
- package/lib/ui/radiobutton.ui.d.ts +0 -12
- package/lib/ui/radiobutton.ui.jsx +0 -29
- package/lib/ui/radiobutton.ui.jsx.map +0 -1
- package/lib/ui/scroll.ui.d.ts +0 -13
- package/lib/ui/scroll.ui.js +0 -163
- package/lib/ui/scroll.ui.js.map +0 -1
- package/lib/ui/select.ui.d.ts +0 -29
- package/lib/ui/select.ui.jsx +0 -129
- package/lib/ui/select.ui.jsx.map +0 -1
- package/lib/ui/switch.ui.d.ts +0 -12
- package/lib/ui/switch.ui.jsx +0 -29
- package/lib/ui/switch.ui.jsx.map +0 -1
- package/lib/ui/tabs.ui.d.ts +0 -40
- package/lib/ui/tabs.ui.jsx +0 -242
- package/lib/ui/tabs.ui.jsx.map +0 -1
- package/lib/ui/textarea.ui.d.ts +0 -13
- package/lib/ui/textarea.ui.jsx +0 -34
- package/lib/ui/textarea.ui.jsx.map +0 -1
- package/lib/ui/toggle.ui.d.ts +0 -11
- package/lib/ui/toggle.ui.jsx +0 -48
- package/lib/ui/toggle.ui.jsx.map +0 -1
- package/lib/ui/toolbar.ui.d.ts +0 -44
- package/lib/ui/toolbar.ui.jsx +0 -261
- package/lib/ui/toolbar.ui.jsx.map +0 -1
- package/lib/ui/valuebar.ui.d.ts +0 -23
- package/lib/ui/valuebar.ui.jsx +0 -144
- package/lib/ui/valuebar.ui.jsx.map +0 -1
- package/lib/ui/vpanel.ui.d.ts +0 -24
- package/lib/ui/vpanel.ui.jsx +0 -170
- package/lib/ui/vpanel.ui.jsx.map +0 -1
- package/lib/ui/widget.builder.d.ts +0 -25
- package/lib/ui/widget.builder.js +0 -216
- package/lib/ui/widget.builder.js.map +0 -1
- package/lib/ui/widget.collection.d.ts +0 -20
- package/lib/ui/widget.collection.js +0 -49
- package/lib/ui/widget.collection.js.map +0 -1
- package/lib/ui/widget.ui.d.ts +0 -337
- package/lib/ui/widget.ui.js +0 -964
- package/lib/ui/widget.ui.js.map +0 -1
package/lib/ui/Icon.ui.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import "./styles/icon.css";
|
|
2
|
-
import { Colors } from "./colors.ui";
|
|
3
|
-
import { WidgetProps } from "./widget.builder";
|
|
4
|
-
import { Widget } from "./widget.ui";
|
|
5
|
-
export type IconVariants = "Filled" | "Outlined" | "Round" | "Sharp" | "Two Tone";
|
|
6
|
-
export type IconSizes = "small" | "medium" | "large" | "xlarge";
|
|
7
|
-
export declare class Icon extends Widget {
|
|
8
|
-
variant: IconVariants;
|
|
9
|
-
color: Colors | null;
|
|
10
|
-
iconSize: IconSizes;
|
|
11
|
-
icon: string;
|
|
12
|
-
constructor(id: string, icon: string, variant?: IconVariants, parent?: Widget | null);
|
|
13
|
-
init(): void;
|
|
14
|
-
setIconSize(size?: IconSizes): void;
|
|
15
|
-
setIcon(icon: string): void;
|
|
16
|
-
setVariant(variant?: IconVariants): void;
|
|
17
|
-
setColor(color?: Colors): void;
|
|
18
|
-
getVariant(): IconVariants;
|
|
19
|
-
getColor(): Colors;
|
|
20
|
-
getIcon(): string;
|
|
21
|
-
getIconSize(): IconSizes;
|
|
22
|
-
getRequiredWidth(): number;
|
|
23
|
-
}
|
|
24
|
-
export type wIconProps = WidgetProps & {
|
|
25
|
-
icon: string;
|
|
26
|
-
variant?: IconVariants | null;
|
|
27
|
-
color?: Colors | null;
|
|
28
|
-
size?: IconSizes | null;
|
|
29
|
-
};
|
|
30
|
-
export declare const WIcon: (props: wIconProps) => any;
|
|
31
|
-
export declare function createIcon(id: string, content: any, parent?: Widget | null): Icon;
|
package/lib/ui/Icon.ui.jsx
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import "./styles/icon.css";
|
|
2
|
-
import { normalizeWidget } from "./widget.builder";
|
|
3
|
-
import { connectWidgetCallback, getOnlyEventProps, Widget } from "./widget.ui";
|
|
4
|
-
import { UID } from "../core/uid";
|
|
5
|
-
const iconSizesMap = {
|
|
6
|
-
small: "md-18",
|
|
7
|
-
medium: "md-24",
|
|
8
|
-
large: "md-36",
|
|
9
|
-
xlarge: "md-48",
|
|
10
|
-
};
|
|
11
|
-
const iconPixelSizesMap = {
|
|
12
|
-
small: "18px",
|
|
13
|
-
medium: "24px",
|
|
14
|
-
large: "36px",
|
|
15
|
-
xlarge: "48px",
|
|
16
|
-
};
|
|
17
|
-
export class Icon extends Widget {
|
|
18
|
-
constructor(id, icon, variant = "Filled", parent = null) {
|
|
19
|
-
super(id, "span", parent);
|
|
20
|
-
Object.defineProperty(this, "variant", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
configurable: true,
|
|
23
|
-
writable: true,
|
|
24
|
-
value: void 0
|
|
25
|
-
});
|
|
26
|
-
Object.defineProperty(this, "color", {
|
|
27
|
-
enumerable: true,
|
|
28
|
-
configurable: true,
|
|
29
|
-
writable: true,
|
|
30
|
-
value: null
|
|
31
|
-
});
|
|
32
|
-
Object.defineProperty(this, "iconSize", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true,
|
|
35
|
-
writable: true,
|
|
36
|
-
value: "medium"
|
|
37
|
-
});
|
|
38
|
-
Object.defineProperty(this, "icon", {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
configurable: true,
|
|
41
|
-
writable: true,
|
|
42
|
-
value: void 0
|
|
43
|
-
});
|
|
44
|
-
this.variant = variant;
|
|
45
|
-
this.setColor("primary");
|
|
46
|
-
this.icon = icon;
|
|
47
|
-
this.setIconSize("medium");
|
|
48
|
-
if (this.variant === "Filled") {
|
|
49
|
-
this.addClass("material-icons");
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
this.addClass("material-icons-" + this.variant.toString().replace(" ", "-").toLowerCase());
|
|
53
|
-
}
|
|
54
|
-
this.setIcon(icon);
|
|
55
|
-
this.init();
|
|
56
|
-
}
|
|
57
|
-
init() {
|
|
58
|
-
super.init();
|
|
59
|
-
}
|
|
60
|
-
setIconSize(size = "medium") {
|
|
61
|
-
if (this.iconSize !== size) {
|
|
62
|
-
this.deleteClass(iconSizesMap[this.iconSize]);
|
|
63
|
-
}
|
|
64
|
-
this.iconSize = size;
|
|
65
|
-
this.addClass(iconSizesMap[size]);
|
|
66
|
-
this.body.style.fontSize = iconPixelSizesMap[size];
|
|
67
|
-
}
|
|
68
|
-
setIcon(icon) {
|
|
69
|
-
this.icon = icon;
|
|
70
|
-
this.body.innerHTML = icon;
|
|
71
|
-
}
|
|
72
|
-
setVariant(variant = "Filled") {
|
|
73
|
-
this.variant = variant;
|
|
74
|
-
}
|
|
75
|
-
setColor(color = "primary") {
|
|
76
|
-
if (this.color !== color) {
|
|
77
|
-
this.deleteClass("WUI-icon-color-" + this.color);
|
|
78
|
-
}
|
|
79
|
-
this.addClass("WUI-icon-color-" + color);
|
|
80
|
-
this.color = color;
|
|
81
|
-
}
|
|
82
|
-
getVariant() {
|
|
83
|
-
return this.variant;
|
|
84
|
-
}
|
|
85
|
-
getColor() {
|
|
86
|
-
return this.color || "primary";
|
|
87
|
-
}
|
|
88
|
-
getIcon() {
|
|
89
|
-
return this.icon;
|
|
90
|
-
}
|
|
91
|
-
getIconSize() {
|
|
92
|
-
return this.iconSize;
|
|
93
|
-
}
|
|
94
|
-
getRequiredWidth() {
|
|
95
|
-
const sizeString = iconPixelSizesMap[this.iconSize];
|
|
96
|
-
const size = parseInt(sizeString.split("px")[0]);
|
|
97
|
-
return size;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
export const WIcon = (props) => {
|
|
101
|
-
if (!props.id) {
|
|
102
|
-
props.id = "Icon." + UID();
|
|
103
|
-
}
|
|
104
|
-
connectWidgetCallback(props.id, getOnlyEventProps(props));
|
|
105
|
-
return normalizeWidget(<div id={props.id} w-icon w-icon-name={props.icon} w-variant={props.variant} w-color={props.color} w-size={props.size}></div>, props);
|
|
106
|
-
};
|
|
107
|
-
export function createIcon(id, content, parent = null) {
|
|
108
|
-
const dataIcon = content.getAttribute("w-icon-name");
|
|
109
|
-
const dataVariant = content.getAttribute("w-variant") || "Filled";
|
|
110
|
-
const dataColor = content.getAttribute("w-color") || "primary";
|
|
111
|
-
const dataSize = content.getAttribute("w-size") || "medium";
|
|
112
|
-
let newIcon = new Icon(id, dataIcon, dataVariant, parent);
|
|
113
|
-
if (dataColor) {
|
|
114
|
-
newIcon.setColor(dataColor);
|
|
115
|
-
}
|
|
116
|
-
if (dataSize) {
|
|
117
|
-
newIcon.setIconSize(dataSize);
|
|
118
|
-
}
|
|
119
|
-
return newIcon;
|
|
120
|
-
}
|
|
121
|
-
//# sourceMappingURL=Icon.ui.jsx.map
|
package/lib/ui/Icon.ui.jsx.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.ui.jsx","sourceRoot":"","sources":["../../src/ui/Icon.ui.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import "./styles/button.css";
|
|
2
|
-
import { Widget } from "./widget.ui";
|
|
3
|
-
import { Button, wButtonProps } from "./button.ui";
|
|
4
|
-
import { Icon } from "./Icon.ui";
|
|
5
|
-
import { Label } from "./label.ui";
|
|
6
|
-
export declare class IconButton extends Button {
|
|
7
|
-
icon: Icon;
|
|
8
|
-
label: Label;
|
|
9
|
-
showIcon: boolean;
|
|
10
|
-
showText: boolean;
|
|
11
|
-
centerX: boolean;
|
|
12
|
-
constructor(id: string, icon?: string, parent?: Widget | null);
|
|
13
|
-
protected updateRequiredWidth(): void;
|
|
14
|
-
displayIcon(): void;
|
|
15
|
-
hideIcon(): void;
|
|
16
|
-
displayText(): void;
|
|
17
|
-
hideText(): void;
|
|
18
|
-
init(): void;
|
|
19
|
-
onlyIcon(): boolean;
|
|
20
|
-
render(): void;
|
|
21
|
-
setText(text: string): void;
|
|
22
|
-
setIcon(icon: string): void;
|
|
23
|
-
setCenterX(centerX: boolean): void;
|
|
24
|
-
}
|
|
25
|
-
export type wIconButtonProps = Omit<wButtonProps, "text"> & {
|
|
26
|
-
icon?: string | null;
|
|
27
|
-
text?: string | null;
|
|
28
|
-
onlyIcon?: boolean | null;
|
|
29
|
-
centerX?: boolean | null;
|
|
30
|
-
};
|
|
31
|
-
export declare const WIconButton: (props: wIconButtonProps) => any;
|
|
32
|
-
export declare function createIconButton(id: string, content: any, parent?: Widget | null): IconButton;
|
package/lib/ui/IconButton.ui.jsx
DELETED
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import "./styles/button.css";
|
|
2
|
-
import { WidgetAlignTypes, WidgetTypes, connectWidgetCallback, getOnlyEventProps, } from "./widget.ui";
|
|
3
|
-
import { Button } from "./button.ui";
|
|
4
|
-
import { Icon } from "./Icon.ui";
|
|
5
|
-
import { Label } from "./label.ui";
|
|
6
|
-
import { normalizeWidget } from "./widget.builder";
|
|
7
|
-
import { UID } from "../core/uid";
|
|
8
|
-
export class IconButton extends Button {
|
|
9
|
-
constructor(id, icon = "dark_mode", parent = null) {
|
|
10
|
-
super(id, parent);
|
|
11
|
-
Object.defineProperty(this, "icon", {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
configurable: true,
|
|
14
|
-
writable: true,
|
|
15
|
-
value: void 0
|
|
16
|
-
});
|
|
17
|
-
Object.defineProperty(this, "label", {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
configurable: true,
|
|
20
|
-
writable: true,
|
|
21
|
-
value: void 0
|
|
22
|
-
});
|
|
23
|
-
Object.defineProperty(this, "showIcon", {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
configurable: true,
|
|
26
|
-
writable: true,
|
|
27
|
-
value: void 0
|
|
28
|
-
});
|
|
29
|
-
Object.defineProperty(this, "showText", {
|
|
30
|
-
enumerable: true,
|
|
31
|
-
configurable: true,
|
|
32
|
-
writable: true,
|
|
33
|
-
value: void 0
|
|
34
|
-
});
|
|
35
|
-
Object.defineProperty(this, "centerX", {
|
|
36
|
-
enumerable: true,
|
|
37
|
-
configurable: true,
|
|
38
|
-
writable: true,
|
|
39
|
-
value: void 0
|
|
40
|
-
});
|
|
41
|
-
this.centerX = false;
|
|
42
|
-
this.setAlign(WidgetAlignTypes.HORIZONTAL);
|
|
43
|
-
this.icon = new Icon(id + ".icon", icon, undefined, this);
|
|
44
|
-
this.label = new Label(id + ".label", undefined, this);
|
|
45
|
-
this.showIcon = true;
|
|
46
|
-
this.showText = true;
|
|
47
|
-
this.init();
|
|
48
|
-
}
|
|
49
|
-
updateRequiredWidth() {
|
|
50
|
-
if (!this.label)
|
|
51
|
-
return;
|
|
52
|
-
if (!this.icon)
|
|
53
|
-
return;
|
|
54
|
-
const labelWidth = this.label.getRequiredWidth();
|
|
55
|
-
const iconWith = this.icon.getRequiredWidth();
|
|
56
|
-
this.requiredWidth = labelWidth + iconWith + 70;
|
|
57
|
-
}
|
|
58
|
-
displayIcon() {
|
|
59
|
-
this.showIcon = true;
|
|
60
|
-
this.icon.setVisible(true);
|
|
61
|
-
this.render();
|
|
62
|
-
}
|
|
63
|
-
hideIcon() {
|
|
64
|
-
this.showIcon = false;
|
|
65
|
-
this.icon.setVisible(false);
|
|
66
|
-
this.render();
|
|
67
|
-
}
|
|
68
|
-
displayText() {
|
|
69
|
-
this.showText = true;
|
|
70
|
-
this.label.setVisible(true);
|
|
71
|
-
this.render();
|
|
72
|
-
}
|
|
73
|
-
hideText() {
|
|
74
|
-
this.showText = false;
|
|
75
|
-
this.label.setVisible(false);
|
|
76
|
-
this.render();
|
|
77
|
-
}
|
|
78
|
-
init() {
|
|
79
|
-
super.init();
|
|
80
|
-
}
|
|
81
|
-
onlyIcon() {
|
|
82
|
-
if (this.label.getText().length > 0)
|
|
83
|
-
return false;
|
|
84
|
-
return true;
|
|
85
|
-
}
|
|
86
|
-
render() {
|
|
87
|
-
super.render();
|
|
88
|
-
const labelWidth = this.label.getRequiredWidth();
|
|
89
|
-
const iconWidth = this.icon.getRequiredWidth();
|
|
90
|
-
const padding = 5;
|
|
91
|
-
if (this.onlyIcon()) {
|
|
92
|
-
this.icon.getBody().style.position = "absolute";
|
|
93
|
-
const startX = this.getBody().clientWidth / 2 - iconWidth / 2;
|
|
94
|
-
const startY = this.getH() / 2 - this.icon.getH() / 2;
|
|
95
|
-
this.icon.setX(startX);
|
|
96
|
-
this.icon.setY(startY);
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
this.label.getBody().style.position = "absolute";
|
|
100
|
-
this.icon.getBody().style.position = "absolute";
|
|
101
|
-
const availableWidth = this.getW() - padding * 5; //Doble padding a la derecha e izquierda y uno de separacion entre label y icon.
|
|
102
|
-
const requiredWidth = labelWidth + iconWidth + padding * 5;
|
|
103
|
-
const labelHeight = this.label.getBody().clientHeight;
|
|
104
|
-
let startX = availableWidth / 2 - (iconWidth + padding + labelWidth) / 2;
|
|
105
|
-
if (availableWidth < requiredWidth) {
|
|
106
|
-
startX = padding * 2;
|
|
107
|
-
}
|
|
108
|
-
if (!this.centerX) {
|
|
109
|
-
startX = padding * 2;
|
|
110
|
-
}
|
|
111
|
-
const startLabelX = startX + iconWidth + padding;
|
|
112
|
-
let startY = this.getH() / 2 - iconWidth / 2;
|
|
113
|
-
let startLabelY = this.getH() / 2 - labelHeight / 2;
|
|
114
|
-
if (this.getType() !== WidgetTypes.FILL) {
|
|
115
|
-
startY = this.getH() / 2 - this.icon.getH() / 2;
|
|
116
|
-
this.label.getBody().style.lineHeight = this.getH() + "px";
|
|
117
|
-
startLabelY = this.getH() / 2 - this.label.getH() / 2;
|
|
118
|
-
}
|
|
119
|
-
if (startX < 0 || startY < 0) {
|
|
120
|
-
setTimeout(() => {
|
|
121
|
-
this.render();
|
|
122
|
-
}, 500);
|
|
123
|
-
return;
|
|
124
|
-
}
|
|
125
|
-
this.icon.setX(startX);
|
|
126
|
-
this.label.setX(startLabelX + padding);
|
|
127
|
-
this.icon.setY(startY);
|
|
128
|
-
this.label.setY(startLabelY);
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
setText(text) {
|
|
132
|
-
//super.setText(text);
|
|
133
|
-
this.label.setText(text);
|
|
134
|
-
this.updateRequiredWidth();
|
|
135
|
-
}
|
|
136
|
-
setIcon(icon) {
|
|
137
|
-
this.icon.setIcon(icon);
|
|
138
|
-
this.updateRequiredWidth();
|
|
139
|
-
}
|
|
140
|
-
setCenterX(centerX) {
|
|
141
|
-
this.centerX = centerX;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
export const WIconButton = (props) => {
|
|
145
|
-
if (!props.id) {
|
|
146
|
-
props.id = "IconButton." + UID();
|
|
147
|
-
}
|
|
148
|
-
connectWidgetCallback(props.id, getOnlyEventProps(props));
|
|
149
|
-
return normalizeWidget(<button id={props.id} w-icon-button w-icon={props.icon} w-text={props.text} w-only-icon={props.onlyIcon} w-variant={props.variant} w-color={props.color} w-width={props.width} w-height={props.height} w-center-x={props.centerX}/>, props);
|
|
150
|
-
};
|
|
151
|
-
export function createIconButton(id, content, parent = null) {
|
|
152
|
-
const dataIcon = content.getAttribute("w-icon");
|
|
153
|
-
const dataText = content.getAttribute("w-text");
|
|
154
|
-
const dataVariant = content.getAttribute("w-variant");
|
|
155
|
-
const dataColor = content.getAttribute("w-color");
|
|
156
|
-
const dataWidth = content.getAttribute("w-width");
|
|
157
|
-
const dataHeight = content.getAttribute("w-height");
|
|
158
|
-
const dataOnlyIcon = content.getAttribute("w-only-icon");
|
|
159
|
-
const dataCenterX = content.getAttribute("w-center-x");
|
|
160
|
-
let newIconButton = new IconButton(id, dataIcon, parent);
|
|
161
|
-
if (dataText) {
|
|
162
|
-
newIconButton.setText(dataText);
|
|
163
|
-
}
|
|
164
|
-
if (dataVariant) {
|
|
165
|
-
newIconButton.setVariant(dataVariant);
|
|
166
|
-
}
|
|
167
|
-
if (dataColor) {
|
|
168
|
-
newIconButton.setColor(dataColor);
|
|
169
|
-
}
|
|
170
|
-
if (dataWidth) {
|
|
171
|
-
newIconButton.setInitialW(dataWidth);
|
|
172
|
-
}
|
|
173
|
-
if (dataHeight) {
|
|
174
|
-
newIconButton.setInitialH(dataHeight);
|
|
175
|
-
}
|
|
176
|
-
if (dataOnlyIcon) {
|
|
177
|
-
newIconButton.onlyIcon();
|
|
178
|
-
}
|
|
179
|
-
if (dataCenterX) {
|
|
180
|
-
newIconButton.setCenterX(true);
|
|
181
|
-
}
|
|
182
|
-
return newIconButton;
|
|
183
|
-
}
|
|
184
|
-
//# sourceMappingURL=IconButton.ui.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.ui.jsx","sourceRoot":"","sources":["../../src/ui/IconButton.ui.tsx"],"names":[],"mappings":"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"}
|
package/lib/ui/Textbox.ui.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { WidgetProps } from "./widget.builder";
|
|
2
|
-
import "./styles/textbox.css";
|
|
3
|
-
import { Widget } from "./widget.ui";
|
|
4
|
-
export type InputTypes = "text" | "date" | "datetime-local" | "file" | "number" | "password" | "email" | "url" | "color" | "tel";
|
|
5
|
-
export declare class Textbox extends Widget {
|
|
6
|
-
input: Widget;
|
|
7
|
-
label: Widget;
|
|
8
|
-
inputType: string;
|
|
9
|
-
title: string;
|
|
10
|
-
constructor(id: string, parent?: Widget | null);
|
|
11
|
-
getValue(): string;
|
|
12
|
-
setValue(value: string): void;
|
|
13
|
-
init(): void;
|
|
14
|
-
moveLabelToTop(): void;
|
|
15
|
-
private positionLabel;
|
|
16
|
-
moveLabelToCenter(): void;
|
|
17
|
-
render(): void;
|
|
18
|
-
setTitle(title: string): void;
|
|
19
|
-
setInputType(type: InputTypes): void;
|
|
20
|
-
getTitle(): string;
|
|
21
|
-
getInput(): Widget;
|
|
22
|
-
getInputType(): string;
|
|
23
|
-
}
|
|
24
|
-
export type wTextBoxProps = WidgetProps & {
|
|
25
|
-
title: string;
|
|
26
|
-
inputType?: InputTypes | null;
|
|
27
|
-
width?: number | null;
|
|
28
|
-
height?: number | null;
|
|
29
|
-
value?: string | null;
|
|
30
|
-
};
|
|
31
|
-
export declare const WTextbox: (props: wTextBoxProps) => any;
|
|
32
|
-
export declare function createTextbox(id: string, content: any, parent?: Widget | null): Textbox;
|
package/lib/ui/Textbox.ui.jsx
DELETED
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { normalizeWidget } from "./widget.builder";
|
|
2
|
-
import "./styles/textbox.css";
|
|
3
|
-
import { Widget, WidgetTypes, connectWidgetCallback, getOnlyEventProps } from "./widget.ui";
|
|
4
|
-
import { UID } from "../core/uid";
|
|
5
|
-
export class Textbox extends Widget {
|
|
6
|
-
constructor(id, parent = null) {
|
|
7
|
-
super(id, "div", parent);
|
|
8
|
-
Object.defineProperty(this, "input", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
configurable: true,
|
|
11
|
-
writable: true,
|
|
12
|
-
value: void 0
|
|
13
|
-
});
|
|
14
|
-
Object.defineProperty(this, "label", {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
configurable: true,
|
|
17
|
-
writable: true,
|
|
18
|
-
value: void 0
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(this, "inputType", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
configurable: true,
|
|
23
|
-
writable: true,
|
|
24
|
-
value: void 0
|
|
25
|
-
});
|
|
26
|
-
Object.defineProperty(this, "title", {
|
|
27
|
-
enumerable: true,
|
|
28
|
-
configurable: true,
|
|
29
|
-
writable: true,
|
|
30
|
-
value: void 0
|
|
31
|
-
});
|
|
32
|
-
this.addClass("WUIinput");
|
|
33
|
-
this.title = "";
|
|
34
|
-
this.inputType = "text";
|
|
35
|
-
const inputId = `WUI.${id}.input.body`;
|
|
36
|
-
this.label = new Widget(id + ".label", "label", this);
|
|
37
|
-
this.label.setType(WidgetTypes.CUSTOM);
|
|
38
|
-
this.label.getBody().setAttribute("for", inputId);
|
|
39
|
-
this.input = new Widget(id + ".input", "input", this);
|
|
40
|
-
this.input.setType(WidgetTypes.CUSTOM);
|
|
41
|
-
this.input.getBody().setAttribute("name", inputId);
|
|
42
|
-
this.input.getBody().setAttribute("type", this.inputType);
|
|
43
|
-
this.input.getBody().addEventListener("focus", () => {
|
|
44
|
-
this.moveLabelToTop();
|
|
45
|
-
//this.label.setVisible(false);
|
|
46
|
-
});
|
|
47
|
-
this.input.getBody().addEventListener("blur", () => {
|
|
48
|
-
this.label.setVisible(true);
|
|
49
|
-
this.positionLabel();
|
|
50
|
-
});
|
|
51
|
-
this.getBody().style.overflow = "";
|
|
52
|
-
}
|
|
53
|
-
getValue() {
|
|
54
|
-
const value = this.input.getBody().value;
|
|
55
|
-
if (value)
|
|
56
|
-
return value;
|
|
57
|
-
return "";
|
|
58
|
-
}
|
|
59
|
-
setValue(value) {
|
|
60
|
-
this.input.getBody().value = value;
|
|
61
|
-
this.positionLabel();
|
|
62
|
-
}
|
|
63
|
-
init() {
|
|
64
|
-
super.init();
|
|
65
|
-
}
|
|
66
|
-
moveLabelToTop() {
|
|
67
|
-
const labelHeight = this.label.getBody().clientHeight;
|
|
68
|
-
this.label.setY(-labelHeight / 2);
|
|
69
|
-
}
|
|
70
|
-
positionLabel() {
|
|
71
|
-
if (this.title === "") {
|
|
72
|
-
this.label.setVisible(false);
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
|
-
if (this.getValue() === "") {
|
|
76
|
-
this.moveLabelToCenter();
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
this.moveLabelToTop();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
moveLabelToCenter() {
|
|
83
|
-
const labelHeight = this.label.getBody().clientHeight;
|
|
84
|
-
const labelTop = this.getH() / 2 - labelHeight / 2;
|
|
85
|
-
this.label.setY(labelTop);
|
|
86
|
-
}
|
|
87
|
-
render() {
|
|
88
|
-
const parent = this.getParent();
|
|
89
|
-
if (parent) {
|
|
90
|
-
if (parent.type === WidgetTypes.FREE) {
|
|
91
|
-
this.setWH(this.initialWidth, this.initialHeight);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
this.getBody().style.overflow = "";
|
|
95
|
-
this.label.getBody().style.position = "absolute";
|
|
96
|
-
this.positionLabel();
|
|
97
|
-
this.input.setWH(this.getW(), this.getH());
|
|
98
|
-
this.input.getBody().style.lineHeight = this.getH() + "px";
|
|
99
|
-
this.input.render();
|
|
100
|
-
super.render();
|
|
101
|
-
}
|
|
102
|
-
setTitle(title) {
|
|
103
|
-
this.title = title;
|
|
104
|
-
this.label.getBody().innerHTML = this.title;
|
|
105
|
-
}
|
|
106
|
-
setInputType(type) {
|
|
107
|
-
this.inputType = type;
|
|
108
|
-
this.input.getBody().setAttribute("type", this.inputType);
|
|
109
|
-
}
|
|
110
|
-
getTitle() {
|
|
111
|
-
return this.title;
|
|
112
|
-
}
|
|
113
|
-
/*getLabel(): Widget {
|
|
114
|
-
return this.label;
|
|
115
|
-
}*/
|
|
116
|
-
getInput() {
|
|
117
|
-
return this.input;
|
|
118
|
-
}
|
|
119
|
-
getInputType() {
|
|
120
|
-
return this.inputType;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
export const WTextbox = (props) => {
|
|
124
|
-
if (!props.id) {
|
|
125
|
-
props.id = "Textbox." + UID();
|
|
126
|
-
}
|
|
127
|
-
connectWidgetCallback(props.id, getOnlyEventProps(props));
|
|
128
|
-
return normalizeWidget(<input id={props.id} w-textbox w-title={props.title} w-value={props.value} w-input-type={props.inputType} w-width={props.width} w-height={props.height}/>, props);
|
|
129
|
-
};
|
|
130
|
-
export function createTextbox(id, content, parent = null) {
|
|
131
|
-
let newTextbox = new Textbox(id, parent);
|
|
132
|
-
const dataTitle = content.getAttribute("w-title");
|
|
133
|
-
const dataValue = content.getAttribute("w-value");
|
|
134
|
-
const dataInputType = content.getAttribute("w-input-type");
|
|
135
|
-
const dataWidth = content.getAttribute("w-width");
|
|
136
|
-
const dataHeight = content.getAttribute("w-height");
|
|
137
|
-
if (dataInputType) {
|
|
138
|
-
newTextbox.setInputType(dataInputType);
|
|
139
|
-
}
|
|
140
|
-
if (dataWidth) {
|
|
141
|
-
newTextbox.setInitialW(dataWidth);
|
|
142
|
-
}
|
|
143
|
-
if (dataHeight) {
|
|
144
|
-
newTextbox.setInitialH(dataHeight);
|
|
145
|
-
}
|
|
146
|
-
if (dataValue) {
|
|
147
|
-
newTextbox.setValue(dataValue);
|
|
148
|
-
}
|
|
149
|
-
newTextbox.setTitle(dataTitle);
|
|
150
|
-
return newTextbox;
|
|
151
|
-
}
|
|
152
|
-
//# sourceMappingURL=Textbox.ui.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Textbox.ui.jsx","sourceRoot":"","sources":["../../src/ui/Textbox.ui.tsx"],"names":[],"mappings":"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"}
|
package/lib/ui/accordion.ui.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import "./styles/accordion.css";
|
|
2
|
-
import { Widget } from "./widget.ui";
|
|
3
|
-
import { WidgetProps } from "./widget.builder";
|
|
4
|
-
type AccordionItem = {
|
|
5
|
-
header: Widget;
|
|
6
|
-
content: Widget;
|
|
7
|
-
};
|
|
8
|
-
export declare class Accordion extends Widget {
|
|
9
|
-
items: Map<string, AccordionItem>;
|
|
10
|
-
selectedItemId: string | null;
|
|
11
|
-
constructor(id: string, parent?: Widget | null);
|
|
12
|
-
selectItem(id: string): void;
|
|
13
|
-
private fixItemsType;
|
|
14
|
-
addItem(title: string, icon: string, content: Widget): string;
|
|
15
|
-
}
|
|
16
|
-
export type WAccordionProps = WidgetProps & {
|
|
17
|
-
children: any;
|
|
18
|
-
};
|
|
19
|
-
export type WAccordionItemProps = {
|
|
20
|
-
title?: string | null;
|
|
21
|
-
icon?: string | null;
|
|
22
|
-
children: any;
|
|
23
|
-
};
|
|
24
|
-
export declare const WAccordion: (props: WAccordionProps) => any;
|
|
25
|
-
export declare const WAccordionItem: (props: WAccordionItemProps) => JSX.Element;
|
|
26
|
-
export declare function createAccordion(id: string, content: any, parent?: Widget | null): Accordion;
|
|
27
|
-
export {};
|