├── CNAME
├── palette.jpg
├── .npmignore
├── .gitignore
├── tsconfig.json
├── src
    ├── index.js
    ├── blocks.js
    └── components.js
├── package.json
├── LICENSE
├── README.md
├── dist
    ├── index.html
    ├── index.js
    └── index.js.map
└── _index.html


/CNAME:
--------------------------------------------------------------------------------
1 | html-builder.vocamen.com


--------------------------------------------------------------------------------
/palette.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vocamen/web-mobile-html-builder/HEAD/palette.jpg


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | .*
2 | *.log
3 | *.html
4 | **/tsconfig.json
5 | **/webpack.config.js
6 | node_modules
7 | src


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | private/
3 | /locale
4 | node_modules/
5 | *.log
6 | localStorage_relational.json
7 | stats.json


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": [
 5 |       "dom",
 6 |       "dom.iterable",
 7 |       "esnext"
 8 |     ],
 9 |     "allowJs": true,
10 |     "sourceMap": true,
11 |     "skipLibCheck": true,
12 |     "esModuleInterop": true,
13 |     "allowSyntheticDefaultImports": true,
14 |     "strict": true,
15 |     "forceConsistentCasingInFileNames": true,
16 |     "noFallthroughCasesInSwitch": true,
17 |     "module": "esnext",
18 |     "moduleResolution": "node",
19 |     "resolveJsonModule": true,
20 |     "isolatedModules": true,
21 |     "noEmit": false
22 |   },
23 |   "include": [
24 |     "src"
25 |   ]
26 | }
27 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import loadComponents from './components';
 2 | import loadBlocks from './blocks';
 3 | 
 4 | 
 5 | export default (editor, opts = {}) => {
 6 |   const options = { ...{
 7 |     
 8 |     // default options
 9 |   },  ...opts };
10 | 
11 |   // Add components
12 |   loadComponents(editor, options);
13 |   // Add blocks
14 |   loadBlocks(editor, options);
15 |   
16 | 
17 |   editor.on('load', () => {
18 |     // editor.addComponents(
19 |     //   // `<div style="margin:100px; padding:25px;">
20 |     //   //     Content loaded from the plugin
21 |     //   // </div>`,
22 |     //   {
23 |     //     at: 0
24 |     //   }
25 |     // )
26 |   })
27 | 
28 |   const pn = editor.Panels;
29 |   const bm = editor.Blocks
30 | 
31 |   const openBl = pn.getButton('views', 'open-blocks');
32 |   editor.on('load', () => { 
33 |       openBl && openBl.set('active', 1);
34 |       bm.getCategories().forEach(c => c.set('open', 0));
35 |   });
36 | };


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "grapesjs-daisyui-tailwind-html-editor",
 3 |   "version": "0.0.3",
 4 |   "description": "Online Web and Mobile HTML Builder using daisyui, tailwind and grapejs in a 40kB box!",
 5 |   "main": "dist/index.js",
 6 |   "repository": {
 7 |     "type": "git",
 8 |     "url": "https://github.com/vocamen/web-mobile-html-builder.git"
 9 |   },
10 |   "scripts": {
11 |     "start": "http-server ./dist/",
12 |     "build": "grapesjs-cli build",
13 |     "bump": "npm version patch -m 'Bump v%s'"
14 |   },
15 |   "keywords": [
16 |     "daisyui",
17 |     "daisy",
18 |     "tailwind",
19 |     "drag-and-drop",
20 |     "website-builder",
21 |     "mobile-builder",
22 |     "app-builder",
23 |     "html-builder",
24 |     "html-editor",
25 |     "page-builder",
26 |     "site-generator",
27 |     "site-builder",
28 |     "grapesjs",
29 |     "ui-builder",
30 |     "no-code",
31 |     "nocode"
32 |   ],
33 |   "devDependencies": {
34 |     "grapesjs-cli": "^3.0.1"
35 |   },
36 |   "license": "MIT"
37 | }
38 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 | 
3 | Copyright (c) 2022-current HTML Editor
4 | 
5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
6 | 
7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
8 | 
9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![palette](palette.jpg)
 2 | # Web/Mobile HTML Builder & Editor 🚀
 3 | ### No-code HTML builder for your web and mobile apps based on [DaisyUI](https://daisyui.com/docs/install/) and [Tailwind](https://tailwindcss.com/docs).
 4 | 
 5 | ###### Built for you by [Vocamen](https://www.vocamen.com) with love 🤍
 6 | # 
 7 | Feel free to use as-is, and contribute (it's really easy):
 8 | 
 9 | 🥇[ONLINE BUILDER](https://html-builder.vocamen.com/dist/)
10 | 
11 | ## Summary
12 | `TL;DR` Simply click ONLINE BUILDER and start building your HTML page.
13 | 
14 | -- Currently, to change components content click the component settings (cog wheel) then use this ugly hack: click "update" then add a character to the following input, then hit "tab" to update your component. 
15 | Feel free to provide a better way --
16 | 
17 | Click the `</>` button to inspect and copy your HTML and CSS.
18 | Paste code in your app and don't forget to add DaisyUI and Tailwind CSS in your html page, in the `header`:
19 | ```html
20 | <link href="https://cdn.jsdelivr.net/npm/daisyui@2.38.1/dist/full.css" rel="stylesheet" type="text/css" />
21 |     <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
22 | ```
23 | Auto-saves on your browser, no need to save!
24 | 
25 | ## 🥰 PR are welcome!
26 | 
27 | If you'd like to contribute but don't want to download and install stuff, simply FORK this repository and change `blocks.js` and `components.js` in `src/`, then PR (Pull Request) from your fork to this project.
28 | 
29 | ## Download
30 | 
31 | * CDN
32 |   * `https://unpkg.com/web-mobile-html-builder`
33 | * NPM (not sure)
34 |   * `npm i web-mobile-html-builder`
35 | * GIT
36 |   * `git clone https://github.com/vocamen/web-mobile-html-builder.git`
37 | 
38 | 
39 | ## Development
40 | 
41 | Clone the repository
42 | 
43 | ```sh
44 | git clone --depth 1 https://github.com/vocamen/web-mobile-html-builder.git
45 | cd web-mobile-html-builder
46 | ```
47 | 
48 | ### Install dependencies
49 | 
50 | ```sh
51 | npm i
52 | npm i -g grapesjs-cli
53 | (you will need this one to test and build easily)
54 | ```
55 | 
56 | ### Start the dev server
57 | 
58 | ```sh
59 | npx grapesjs-cli serve
60 | ```
61 | 
62 | ### Tweak
63 | 
64 | Simply change 2 files in `src/`
65 | 
66 | * components.js (the HTML code in your page)
67 | * blocks.js (the menu elements to drag in your HTML page)
68 | 
69 | ### Build the source
70 | 
71 | ```sh
72 | npx grapesjs-cli build
73 | ```
74 | 
75 | ### Test your project before PR
76 | ```sh
77 | http-server ./dist/
78 | ```
79 | 
80 | ## License
81 | 
82 | MIT
83 | 


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>HTML Editor</title>
 6 |     <link href="https://cdn.jsdelivr.net/npm/grapesjs@0.20.1/dist/css/grapes.min.css" rel="stylesheet" type="text/css" />
 7 |     <link href="https://cdn.jsdelivr.net/npm/daisyui@2.38.1/dist/full.css" rel="stylesheet" type="text/css" />
 8 |     <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
 9 |     <script src="https://cdn.jsdelivr.net/npm/grapesjs@0.20.1/dist/grapes.min.js"></script>
10 |     <script src="index.js"></script>
11 |     <style>
12 |       body,
13 |       html {
14 |         height: 100%;
15 |         margin: 0;
16 |       }
17 |       /* Primary color for the background */
18 |       .gjs-one-bg {
19 |         background-color: #242933;
20 |       }
21 |       /* Secondary color for the text color */
22 |       .gjs-two-color {
23 |         color: #a6adba;
24 |       }
25 |       /* Tertiary color for the background */
26 |       .gjs-three-bg {
27 |         background-color: #ec5896;
28 |         color: white;
29 |       }
30 |       /* Quaternary color for the text color */
31 |       .gjs-four-color,
32 |       .gjs-four-color-h:hover {
33 |         color: #641ae6;
34 |       }
35 | 
36 |       textarea {
37 |         white-space: pre-wrap;
38 |       }
39 |     </style>
40 |   </head>
41 |   <body>
42 |     <div id="gjs" style="height:0px; overflow:hidden">
43 |       <div style="margin:100px 100px 25px; padding:25px; font:caption">
44 |         Click on the "4 squares" logo in the right navbar and start draging stuff<br />
45 |         Delete this block by clicking it then click on the trash bin<br/>
46 |         Click the &lt;/&gt; logo to copy your html into your code!
47 |       </div>
48 |     </div>
49 | 
50 | 
51 |     <script type="text/javascript">
52 |       // Wait for the plugin to be injected by the dev server
53 |       setTimeout(() => {
54 |         window.editor = grapesjs.init({
55 |           canvas: {
56 |             styles: [
57 |               'https://cdn.jsdelivr.net/npm/daisyui@2.38.1/dist/full.css',
58 |               'https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css'
59 |             ],
60 |           },
61 |           height: '100%',
62 |           container: '#gjs',
63 |           showOffsets: true,
64 |           fromElement: true,
65 |           noticeOnUnload: false,
66 |           plugins: ['grapesjs-daisyui-tailwind-html-editor'],
67 |           pluginsOpts: {
68 |             'grapesjs-daisyui-tailwind-html-editor': { /* Test here your options  */ }
69 |           },
70 |           storageManager: {
71 |       type: 'local', // Type of the storage, available: 'local' | 'remote'
72 |       autosave: true, // Store data automatically
73 |       autoload: true, // Autoload stored data on init
74 |       stepsBeforeSave: 1, // If autosave enabled, indicates how many changes are necessary before store method is triggered
75 |       options: {
76 |         local: { // Options for the `local` type
77 |           key: 'gjsProject', // The key for the local storage
78 |         },
79 |       }
80 |     }
81 |         });
82 |       }, 100);
83 |     </script>
84 |   </body>
85 | </html>
86 | 


--------------------------------------------------------------------------------
/_index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>HTML Editor</title>
 6 |     <link href="https://cdn.jsdelivr.net/npm/grapesjs@0.20.1/dist/css/grapes.min.css" rel="stylesheet" type="text/css" />
 7 |     <link href="https://cdn.jsdelivr.net/npm/daisyui@2.38.1/dist/full.css" rel="stylesheet" type="text/css" />
 8 |     <!-- <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet" type="text/css" /> -->
 9 |         <link href="https://cdn.jsdelivr.net/gh/smarttechmukesh/assets/css/tailwindcss_v3.1.6.min.css rel="stylesheet" type="text/css" />        
10 |     <script src="https://cdn.jsdelivr.net/npm/grapesjs@0.20.1/dist/grapes.min.js"></script>
11 |     <script src="https://cdn.jsdelivr.net/gh/artf/grapesjs-plugin-export/dist/index.js"></script>
12 |     <style>
13 |       body,
14 |       html {
15 |         height: 100%;
16 |         margin: 0;
17 |       }
18 |       /* Primary color for the background */
19 |       .gjs-one-bg {
20 |         background-color: #242933;
21 |       }
22 |       /* Secondary color for the text color */
23 |       .gjs-two-color {
24 |         color: #a6adba;
25 |       }
26 |       /* Tertiary color for the background */
27 |       .gjs-three-bg {
28 |         background-color: #ec5896;
29 |         color: white;
30 |       }
31 |       /* Quaternary color for the text color */
32 |       .gjs-four-color,
33 |       .gjs-four-color-h:hover {
34 |         color: #641ae6;
35 |       }
36 | 
37 |       textarea {
38 |         white-space: pre-wrap;
39 |       }
40 |     </style>
41 |   </head>
42 |   <body>
43 |     <div id="gjs" style="height:0px; overflow:hidden">
44 |       <div style="margin:100px 100px 25px; padding:25px; font:caption">
45 |         Click on the "4 squares" logo in the right navbar and start draging stuff<br />
46 |         Delete this block by clicking it then click on the trash bin<br/>
47 |         Click the &lt;/&gt; logo to copy your html into your code!
48 |       </div>
49 |     </div>
50 | 
51 | 
52 |     <script type="text/javascript">
53 |       // Wait for the plugin to be injected by the dev server
54 |       setTimeout(() => {
55 |         window.editor = grapesjs.init({
56 |           canvas: {
57 |             styles: [
58 |               'https://cdn.jsdelivr.net/npm/daisyui@2.38.1/dist/full.css',
59 |               'https://cdn.jsdelivr.net/gh/smarttechmukesh/assets/css/tailwindcss_v3.1.6.min.css'
60 |             ],
61 |           },
62 |           height: '100%',
63 |           container: '#gjs',
64 |           showOffsets: true,
65 |           fromElement: true,
66 |           noticeOnUnload: false,
67 |           plugins: ['grapesjs-plugin-export', 'grapesjs-daisyui-tailwind-html-editor'],
68 |           pluginsOpts: {
69 |             'grapesjs-daisyui-tailwind-html-editor': { /* Test here your options  */ }
70 |           },
71 |           storageManager: {
72 |       type: 'local', // Type of the storage, available: 'local' | 'remote'
73 |       autosave: true, // Store data automatically
74 |       autoload: true, // Autoload stored data on init
75 |       stepsBeforeSave: 1, // If autosave enabled, indicates how many changes are necessary before store method is triggered
76 |       options: {
77 |         local: { // Options for the `local` type
78 |           key: 'gjsProject', // The key for the local storage
79 |         },
80 |       }
81 |     }
82 |         });
83 |       }, 100);
84 |     </script>
85 |   </body>
86 | </html>
87 | 


--------------------------------------------------------------------------------
/src/blocks.js:
--------------------------------------------------------------------------------
  1 | export default (editor, opts = {}) => {
  2 |   const bm = editor.BlockManager;
  3 | 
  4 |   bm.add('tw-container', {
  5 |     category: 'Tailwind',
  6 |     label: 'TW container',
  7 |     content: { type: 'tw-container' },
  8 |     media: `<svg viewBox="0 0 24 24">
  9 |     <path fill="currentColor" d="M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z"/>
 10 |   </svg>`,
 11 |   });
 12 |   bm.add('tw-columns', {
 13 |     category: 'Tailwind',
 14 |     label: 'TW columns',
 15 |     content: { type: 'tw-columns'},
 16 |     media: `<svg viewBox="0 0 23 24">
 17 |     <path fill="currentColor" d="M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z"/>
 18 |   </svg>`,
 19 |   });
 20 |   bm.add('tw-column', {
 21 |     category: 'Tailwind',
 22 |     label: 'TW column',
 23 |     content: { type: 'tw-column'}, 
 24 |     media: `column`,
 25 |   });
 26 |   bm.add('tw-paragraph', {
 27 |     category: 'Tailwind',
 28 |     label: 'TW paragraph',
 29 |     content: { type: 'tw-paragraph'}, 
 30 |     media: `TEXT`,
 31 |   });
 32 |   bm.add('d-button', {
 33 |     category: 'Actions',
 34 |     name: 'd-button',
 35 |     label: 'Daisy button',
 36 |     content: { type: 'daisy-button' },
 37 |     media: '<button class="btn">button</button>',
 38 |   });
 39 |   bm.add('d-dropdown', {
 40 |     category: 'Actions',
 41 |     name: 'd-dropdown',
 42 |     label: 'Daisy dropdown',
 43 |     content: { type: 'daisy-dropdown' },
 44 |     media: 'dropdown',
 45 |   });
 46 |   bm.add('d-modal', {
 47 |     category: 'Actions',
 48 |     name: 'd-modal',
 49 |     label: 'Daisy modal',
 50 |     content: { type: 'daisy-modal' },
 51 |     media: 'modal',
 52 |   });
 53 |   bm.add('d-swap', {
 54 |     category: 'Actions',
 55 |     name: 'd-swap',
 56 |     label: 'Daisy swap',
 57 |     content: { type: 'daisy-swap' },
 58 |     media: '<div class="swap-on">ON</div>',
 59 |   });
 60 |   bm.add('d-alert', {
 61 |     category: 'Data Display',
 62 |     name: 'd-alert',
 63 |     label: 'Daisy alert',
 64 |     content: { type: 'daisy-alert' },
 65 |     media: 'alert',
 66 |   });
 67 |   bm.add('d-avatar', {
 68 |     category: 'Data Display',
 69 |     name: 'd-avatar',
 70 |     label: 'Daisy avatar',
 71 |     content: { type: 'daisy-avatar' },
 72 |     media: '<img src="https://placeimg.com/192/192/people" />',
 73 |   });
 74 |   bm.add('d-badge', {
 75 |     category: 'Data Display',
 76 |     name: 'd-badge',
 77 |     label: 'Daisy badge',
 78 |     content: { type: 'daisy-badge' },
 79 |     media: '<div class="badge">neutral</div>',
 80 |   });
 81 |   bm.add('d-card', {
 82 |     category: 'Data Display',
 83 |     name: 'd-card',
 84 |     label: 'Daisy card',
 85 |     content: { type: 'daisy-card' },
 86 |     media: '<img src="https://placeimg.com/400/225/arch" alt="Shoes" />',
 87 |   });
 88 |   bm.add('d-Carousel', {
 89 |     category: 'Data Display',
 90 |     name: 'd-Carousel',
 91 |     label: 'Daisy Carousel',
 92 |     content: { type: 'daisy-Carousel' },
 93 |     media: '<img src="https://placeimg.com/400/300/arch" alt="Burger" />',
 94 |   });
 95 |   bm.add('d-bubble', {
 96 |     category: 'Data Display',
 97 |     name: 'd-bubble',
 98 |     label: 'Daisy bubble',
 99 |     content: { type: 'daisy-bubble' },
100 |     media: '<div class="chat chat-end"><div class="chat-bubble">You underestimate your power!</div></div>',
101 |   });
102 |   bm.add('d-Collapse', {
103 |     category: 'Data Display',
104 |     name: 'd-Collapse',
105 |     label: 'Daisy Collapse',
106 |     content: { type: 'daisy-Collapse' },
107 |     media: 'Collapse',
108 |   });
109 |   bm.add('d-Countdown', {
110 |     category: 'Data Display',
111 |     name: 'd-Countdown',
112 |     label: 'Daisy Countdown',
113 |     content: { type: 'daisy-Countdown' },
114 |     media: '<span class="countdown"><span style="--value:10;"></span></span>',
115 |   });
116 |   bm.add('d-Kbd', {
117 |     category: 'Data Display',
118 |     name: 'd-Kbd',
119 |     label: 'Daisy Kbd',
120 |     content: { type: 'daisy-Kbd' },
121 |     media: '<kbd class="kbd">A</kbd>',
122 |   });
123 |   bm.add('d-Progress', {
124 |     category: 'Data Display',
125 |     name: 'd-Progress',
126 |     label: 'Daisy Progress',
127 |     content: { type: 'daisy-Progress' },
128 |     media: '<progress class="progress w-16"></progress>',
129 |   });
130 |   bm.add('d-Radial', {
131 |     category: 'Data Display',
132 |     name: 'd-Radial',
133 |     label: 'Daisy Radial',
134 |     content: { type: 'daisy-Radial' },
135 |     media: '<div class="radial-progress" style="--value:70;">70%</div>',
136 |   });
137 |   bm.add('d-Stat', {
138 |     category: 'Data Display',
139 |     name: 'd-Stat',
140 |     label: 'Daisy Stat',
141 |     content: { type: 'daisy-Stat' },
142 |     media: '<div class="stat-desc">21% more than</div>',
143 |   });
144 |   bm.add('d-Table', {
145 |     category: 'Data Display',
146 |     name: 'd-Table',
147 |     label: 'Daisy Table',
148 |     content: { type: 'daisy-Table' },
149 |     media: 'Table',
150 |   });
151 |   bm.add('d-Tooltip', {
152 |     category: 'Data Display',
153 |     name: 'd-Tooltip',
154 |     label: 'Daisy Tooltip',
155 |     content: { type: 'daisy-Tooltip' },
156 |     media: '<button class="btn">Hover me</button>',
157 |   });
158 |   bm.add('d-Checkbox', {
159 |     category: 'Data Input',
160 |     name: 'd-Checkbox',
161 |     label: 'Daisy Checkbox',
162 |     content: { type: 'daisy-Checkbox' },
163 |     media: '<input type="checkbox" checked="checked" class="checkbox" />',
164 |   });
165 |   bm.add('d-File', {
166 |     category: 'Data Input',
167 |     name: 'd-File',
168 |     label: 'Daisy File',
169 |     content: { type: 'daisy-File' },
170 |     media: '<input type="file" class="file-input w-full max-w-xs" />',
171 |   });
172 |   bm.add('d-Radio', {
173 |     category: 'Data Input',
174 |     name: 'd-Radio',
175 |     label: 'Daisy Radio',
176 |     content: { type: 'daisy-Radio' },
177 |     media: '<input type="radio" name="radio-1" class="radio" checked />',
178 |   });
179 |   bm.add('d-Range', {
180 |     category: 'Data Input',
181 |     name: 'd-Range',
182 |     label: 'Daisy Range',
183 |     content: { type: 'daisy-Range' },
184 |     media: '<input type="range" min="0" max="100" value="40" class="range" />',
185 |   });
186 |   bm.add('d-Rating', {
187 |     category: 'Data Input',
188 |     name: 'd-Rating',
189 |     label: 'Daisy Rating',
190 |     content: { type: 'daisy-Rating' },
191 |     media: '<div class="rating"><input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" /></div>',
192 |   });
193 |   bm.add('d-Select', {
194 |     category: 'Data Input',
195 |     name: 'd-Select',
196 |     label: 'Daisy Select',
197 |     content: { type: 'daisy-Select' },
198 |     media: 'Select',
199 |   });
200 |   bm.add('d-Input', {
201 |     category: 'Data Input',
202 |     name: 'd-Input',
203 |     label: 'Daisy Input',
204 |     content: { type: 'daisy-Input' },
205 |     media: '<input type="text" placeholder="Type here" class="input input-bordered w-full max-w-xs" />',
206 |   });
207 |   bm.add('d-Textarea', {
208 |     category: 'Data Input',
209 |     name: 'd-Textarea',
210 |     label: 'Daisy Textarea',
211 |     content: { type: 'daisy-Textarea' },
212 |     media: '<input type="text" placeholder="Bio" class="input input-bordered w-full max-w-xs" />',
213 |   });
214 |   bm.add('d-Toggle', {
215 |     category: 'Data Input',
216 |     name: 'd-Toggle',
217 |     label: 'Daisy Toggle',
218 |     content: { type: 'daisy-Toggle' },
219 |     media: '<div class="form-control"><label class="label cursor-pointer"><input type="checkbox" class="toggle" checked /></label></div>',
220 |   });
221 |   bm.add('d-Artboard', {
222 |     category: 'Layout',
223 |     name: 'd-Artboard',
224 |     label: 'Daisy Artboard',
225 |     content: { type: 'daisy-Artboard' },
226 |     media: 'Artboard',
227 |   });
228 | 
229 |   bm.add('d-Buttongroup', {
230 |     category: 'Layout',
231 |     name: 'd-Buttongroup',
232 |     label: 'Daisy Buttongroup',
233 |     content: { type: 'daisy-Buttongroup' },
234 |     media: '<div class="btn-group"><input type="radio" name="options" data-title="1" class="btn" /><input type="radio" name="options" data-title="2" class="btn" checked /></div>',
235 |   });
236 | 
237 |   bm.add('d-Divider', {
238 |     category: 'Layout',
239 |     name: 'd-Divider',
240 |     label: 'Daisy Divider',
241 |     content: { type: 'daisy-Divider' },
242 |     media: '  <div class="divider">OR</div>',
243 |   });
244 | 
245 |   bm.add('d-Drawer', {
246 |     category: 'Layout',
247 |     name: 'd-Drawer',
248 |     label: 'Daisy Drawer',
249 |     content: { type: 'daisy-Drawer' },
250 |     media: 'Drawer',
251 |   });
252 | 
253 |   bm.add('d-Footer', {
254 |     category: 'Layout',
255 |     name: 'd-Footer',
256 |     label: 'Daisy Footer',
257 |     content: { type: 'daisy-Footer' },
258 |     media: 'Footer',
259 |   });
260 | 
261 |   bm.add('d-Hero', {
262 |     category: 'Layout',
263 |     name: 'd-Hero',
264 |     label: 'Daisy Hero',
265 |     content: { type: 'daisy-Hero' },
266 |     media: 'Hero',
267 |   });
268 | 
269 |   bm.add('d-Indicator', {
270 |     category: 'Layout',
271 |     name: 'd-Indicator',
272 |     label: 'Daisy Indicator',
273 |     content: { type: 'daisy-Indicator' },
274 |     media: '<div class="indicator"><span class="indicator-item badge badge-primary">new</span> <div class="grid w-16 h-16 bg-base-300 place-items-center">content</div></div>',
275 |   });
276 | 
277 |   bm.add('d-Inputgroup', {
278 |     category: 'Layout',
279 |     name: 'd-Inputgroup',
280 |     label: 'Daisy Inputgroup',
281 |     content: { type: 'daisy-Inputgroup' },
282 |     media: '<div class="form-control"><label class="input-group input-group-vertical"><span>Email</span><input type="text" placeholder="info@site.com" class="input input-bordered" /></label></div>',
283 |   });
284 | 
285 |   bm.add('d-Mask', {
286 |     category: 'Layout',
287 |     name: 'd-Mask',
288 |     label: 'Daisy Mask',
289 |     content: { type: 'daisy-Mask' },
290 |     media: '<img class="mask mask-squircle" src="https://placeimg.com/160/160/arch" />',
291 |   });
292 | 
293 |   bm.add('d-Stack', {
294 |     category: 'Layout',
295 |     name: 'd-Stack',
296 |     label: 'Daisy Stack',
297 |     content: { type: 'daisy-Stack' },
298 |     media: '<div class="stack"><div class="grid w-8 h-16 rounded bg-primary text-primary-content place-content-center">1</div> <div class="grid w-32 h-20 rounded bg-accent text-accent-content place-content-center">2</div> <div class="grid w-32 h-20 rounded bg-secondary text-secondary-content place-content-center">3</div></div>',
299 |   });
300 | 
301 |   bm.add('d-Toast', {
302 |     category: 'Layout',
303 |     name: 'd-Toast',
304 |     label: 'Daisy Toast',
305 |     content: { type: 'daisy-Toast' },
306 |     media: '<div class="toast toast-top toast-start"><div class="alert alert-info"><div><span>New mail arrived.</span></div></div></div>',
307 |   });
308 |   bm.add('d-Breadcrumbs', {
309 |     category: 'Navigation',
310 |     name: 'd-Breadcrumbs',
311 |     label: 'Daisy Breadcrumbs',
312 |     content: { type: 'daisy-Breadcrumbs' },
313 |     media: '<div class="text-sm breadcrumbs"><ul><li><a>1</a></li> <li><a>2</a></li> </ul></div>',
314 |   });
315 |   bm.add('d-Bottomnavigation', {
316 |     category: 'Navigation',
317 |     name: 'd-Bottomnavigation',
318 |     label: 'Daisy Bottomnavigation',
319 |     content: { type: 'daisy-Bottomnavigation' },
320 |     media: '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>'
321 |   });
322 |   bm.add('d-Link', {
323 |     category: 'Navigation',
324 |     name: 'd-Link',
325 |     label: 'Daisy Link',
326 |     content: { type: 'daisy-Link' },
327 |     media: '<a class="link">link</a>',
328 |   });
329 |   bm.add('d-Menu', {
330 |     category: 'Navigation',
331 |     name: 'd-Menu',
332 |     label: 'Daisy Menu',
333 |     content: { type: 'daisy-Menu' },
334 |     media: '<ul class="menu bg-base-100 w-16 rounded-box"><li><a>1</a></li><li><a>2</a></li></ul>',
335 |   });
336 |   bm.add('d-Navbar', {
337 |     category: 'Navigation',
338 |     name: 'd-Navbar',
339 |     label: 'Daisy Navbar',
340 |     content: { type: 'daisy-Navbar' },
341 |     media: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-5 h-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>',
342 |   });
343 |   bm.add('d-Pagination', {
344 |     category: 'Navigation',
345 |     name: 'd-Pagination',
346 |     label: 'Daisy Pagination',
347 |     content: { type: 'daisy-Pagination' },
348 |     media: '<div class="btn-group"><button class="btn">1</button><button class="btn btn-active">2</button></div>',
349 |   });
350 |   bm.add('d-Steps', {
351 |     category: 'Navigation',
352 |     name: 'd-Steps',
353 |     label: 'Daisy Steps',
354 |     content: { type: 'daisy-Steps' },
355 |     media: '<ul class="steps"><li class="step step-primary">1</li><li class="step step-primary">2</li></ul>',
356 |   });
357 |   bm.add('d-Tabs', {
358 |     category: 'Navigation',
359 |     name: 'd-Tabs',
360 |     label: 'Daisy Tabs',
361 |     content: { type: 'daisy-Tabs' },
362 |     media: '<div class="tabs tabs-boxed"><a class="tab tab-active">1</a><a class="tab tab-active">2</a></div>',
363 |   });
364 |   bm.add('d-Code', {
365 |     category: 'Mockup',
366 |     name: 'd-Code',
367 |     label: 'Daisy Code',
368 |     content: { type: 'daisy-Code' },
369 |     media: '<pre data-prefix="$"><code>npm i</code></pre>',
370 |   });
371 |   bm.add('d-Phone', {
372 |     category: 'Mockup',
373 |     name: 'd-Phone',
374 |     label: 'Daisy Phone',
375 |     content: { type: 'daisy-Phone' },
376 |     media: 'Phone',
377 |   });
378 |   bm.add('d-camera', {
379 |     category: 'Mockup',
380 |     name: 'd-camera',
381 |     label: 'Daisy camera',
382 |     content: { type: 'daisy-camera' },
383 |     media: 'camera',
384 |   });
385 |   bm.add('d-Window', {
386 |     category: 'Mockup',
387 |     name: 'd-Window',
388 |     label: 'Daisy Window',
389 |     content: { type: 'daisy-Window' },
390 |     media: 'Window',
391 |   });
392 | }
393 | 


--------------------------------------------------------------------------------
/src/components.js:
--------------------------------------------------------------------------------
   1 | export default (editor, opts = {}) => {
   2 |   editor.DomComponents.addType('textarea', {
   3 |     model: {
   4 |       defaults: {
   5 |         traits: [
   6 |           {
   7 |             type: 'textarea',
   8 |             name: 'textarea',
   9 |             label: 'Code',
  10 |           },
  11 |         ]
  12 |       }
  13 |     }
  14 |   });
  15 |   editor.TraitManager.addType('textarea', {
  16 |     noLabel: true,
  17 |     templateInput({ trait }) {
  18 |       const { model } = this;
  19 |       let value = this.getModelValue();
  20 |       value = value.replace(/<(.+?)>  /g, "<$1>  &#10;");
  21 |       return `
  22 |       <textarea id="" cols="27" rows="20">${value}</textarea>
  23 |       <button class="btn" onclick="{document.getElementsByClassName('gjs-field-wrp--textarea')[0].getElementsByTagName('input')[0].value = document.getElementsByClassName('gjs-field-wrp--textarea')[0].getElementsByTagName('textarea')[0].value}">update, then tweak</button>`}
  24 |     });
  25 | 
  26 |   const domc = editor.DomComponents;
  27 |   
  28 | 
  29 |   domc.addType('tw-container', {
  30 |     model: {
  31 |       defaults: {
  32 |         content: `.`,
  33 |         traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],
  34 |         attributes: { class: 'container mx-auto flex justify-center p-4' }
  35 |       },
  36 |     },
  37 |     view: {
  38 | 
  39 |     },
  40 |   });
  41 |   domc.addType('tw-columns', {
  42 |     model: {
  43 |       defaults: {
  44 |         content: `.`,
  45 |         traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],
  46 |         attributes: { class: 'flex gap-8' },
  47 |         tagName:'div'
  48 |       },
  49 |     },
  50 |     view: {
  51 | 
  52 |     },
  53 |   });
  54 |   domc.addType('tw-column', {
  55 |     model: {
  56 |       defaults: {
  57 |         content: `.`,
  58 |         traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],
  59 |         attributes: { class: 'w-full' },
  60 |         tagName:'div'
  61 |       },
  62 |     },
  63 |     view: {
  64 | 
  65 |     },
  66 |   });
  67 |   domc.addType('tw-paragraph', {
  68 |     model: {
  69 |       defaults: {
  70 |         content: `text`,
  71 |         traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],
  72 |         attributes: { class: 'text-justify' },
  73 |         tagName:'p'
  74 |       },
  75 |     },
  76 |     view: {
  77 | 
  78 |     },
  79 |   });
  80 |   domc.addType('daisy-button', {
  81 |     model: {
  82 |       defaults: {
  83 |         content: `button`,
  84 |         traits: ['id','title',{ label: 'Button text', type: 'text', name: 'content', changeProp: true }],
  85 |         tagName:'button',
  86 |         editable: true,
  87 |         attributes: { class: 'btn' }
  88 |       },
  89 |     },
  90 |     view: {
  91 | 
  92 |     },
  93 |   });
  94 |   domc.addType('daisy-dropdown', {
  95 |     model: {
  96 |       defaults: {
  97 |         content: `<label tabindex="0" class="btn m-1">Click</label>
  98 |         <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52">
  99 |           <li><a>Item 1</a></li>
 100 |           <li><a>Item 2</a></li>
 101 |         </ul>`,
 102 |         traits: ['id','title',{ label: 'Dropdown text', type: 'text', name: 'content', changeProp: true }],
 103 |         tagName:'div',
 104 |         editable: true,
 105 |         attributes: { class: 'dropdown' }
 106 |       },
 107 |     },
 108 |     view: {
 109 | 
 110 |     },
 111 |   });
 112 |   domc.addType('daisy-modal', {
 113 |     model: {
 114 |       defaults: {
 115 |         content: `<label for="my-modal" class="btn">open modal</label>
 116 |         <input type="checkbox" id="my-modal" class="modal-toggle" />
 117 |         <div class="modal">
 118 |           <div class="modal-box">
 119 |             <h3 class="font-bold text-lg">Congratulations random Internet user!</h3>
 120 |             <p class="py-4">You've been selected for a chance to get one year of subscription to use Wikipedia for free!</p>
 121 |             <div class="modal-action">
 122 |               <label for="my-modal" class="btn">Yay!</label>
 123 |             </div>
 124 |           </div>
 125 |         </div>`,
 126 |         traits: ['id','title',{ label: 'Modal code', type: 'textarea', name: 'content', changeProp: true }],
 127 |         tagName:'div',
 128 |         editable: true,
 129 |       },
 130 |     },
 131 |     view: {
 132 | 
 133 |     },
 134 |   });
 135 |   domc.addType('daisy-swap', {
 136 |     model: {
 137 |       defaults: {
 138 |         content: `<label class="swap">
 139 |         <input type="checkbox" />
 140 |         <div class="swap-on">ON</div>
 141 |         <div class="swap-off">OFF</div>
 142 |       </label>`,
 143 |         traits: ['id','title',{ label: 'swap code', type: 'textarea', name: 'content', changeProp: true }],
 144 |         tagName:'div',
 145 |         editable: true,
 146 |       },
 147 |     },
 148 |     view: {
 149 | 
 150 |     },
 151 |   });
 152 |   domc.addType('daisy-alert', {
 153 |     model: {
 154 |       defaults: {
 155 |         content: `<div class="alert shadow-lg">
 156 |         <div>
 157 |           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info flex-shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
 158 |           <span>we use cookies for no reason.</span>
 159 |         </div>
 160 |         <div class="flex-none">
 161 |           <button class="btn btn-sm btn-ghost">Deny</button>
 162 |           <button class="btn btn-sm btn-primary">Accept</button>
 163 |         </div>
 164 |       </div>`,
 165 |         traits: ['id','title',{ label: 'alert code', type: 'textarea', name: 'content', changeProp: true }],
 166 |         tagName:'div',
 167 |         editable: true,
 168 |       },
 169 |     },
 170 |     view: {
 171 | 
 172 |     },
 173 |   });
 174 |   domc.addType('daisy-avatar', {
 175 |     model: {
 176 |       defaults: {
 177 |         content: `<div class="avatar">
 178 |         <div class="w-24 rounded-full">
 179 |           <img src="https://placeimg.com/192/192/people" />
 180 |         </div>
 181 |       </div>`,
 182 |         traits: ['id','title',{ label: 'avatar code', type: 'textarea', name: 'content', changeProp: true }],
 183 |         tagName:'div',
 184 |         editable: true,
 185 |       },
 186 |     },
 187 |     view: {
 188 | 
 189 |     },
 190 |   });
 191 |   domc.addType('daisy-badge', {
 192 |     model: {
 193 |       defaults: {
 194 |         content: `<div class="badge">neutral</div>`,
 195 |         traits: ['id','title',{ label: 'badge code', type: 'textarea', name: 'content', changeProp: true }],
 196 |         tagName:'div',
 197 |         editable: true,
 198 |       },
 199 |     },
 200 |     view: {
 201 | 
 202 |     },
 203 |   });
 204 |   domc.addType('daisy-card', {
 205 |     model: {
 206 |       defaults: {
 207 |         content: `<div class="card w-96 bg-base-100 shadow-xl">
 208 |         <figure><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
 209 |         <div class="card-body">
 210 |           <h2 class="card-title">Shoes!</h2>
 211 |           <p>If a dog chews shoes whose shoes does he choose?</p>
 212 |           <div class="card-actions justify-end">
 213 |             <button class="btn btn-primary">Buy Now</button>
 214 |           </div>
 215 |         </div>
 216 |       </div>`,
 217 |         traits: ['id','title',{ label: 'card code', type: 'textarea', name: 'content', changeProp: true }],
 218 |         tagName:'div',
 219 |         editable: true,
 220 |       },
 221 |     },
 222 |     view: {
 223 | 
 224 |     },
 225 |   });
 226 |   domc.addType('daisy-Carousel', {
 227 |     model: {
 228 |       defaults: {
 229 |         content: `<div class="w-64 carousel rounded-box">
 230 |         <div class="carousel-item w-full">
 231 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 232 |         </div> 
 233 |         <div class="carousel-item w-full">
 234 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 235 |         </div> 
 236 |         <div class="carousel-item w-full">
 237 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 238 |         </div> 
 239 |         <div class="carousel-item w-full">
 240 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 241 |         </div> 
 242 |         <div class="carousel-item w-full">
 243 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 244 |         </div> 
 245 |         <div class="carousel-item w-full">
 246 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 247 |         </div> 
 248 |         <div class="carousel-item w-full">
 249 |           <img src="https://placeimg.com/256/400/arch" class="w-full" alt="Tailwind CSS Carousel component" />
 250 |         </div>
 251 |       </div>`,
 252 |         traits: ['id','title',{ label: 'Carousel code', type: 'textarea', name: 'content', changeProp: true }],
 253 |         tagName:'div',
 254 |         editable: true,
 255 |       },
 256 |     },
 257 |     view: {
 258 | 
 259 |     },
 260 |   });
 261 |   domc.addType('daisy-bubble', {
 262 |     model: {
 263 |       defaults: {
 264 |         content: `<div class="chat chat-start">
 265 |         <div class="chat-header">
 266 |           Obi-Wan Kenobi
 267 |           <time class="text-xs opacity-50">2 hours ago</time>
 268 |         </div>
 269 |         <div class="chat-bubble">You were the Chosen One!</div>
 270 |         <div class="chat-footer opacity-50">
 271 |           Seen
 272 |         </div>
 273 |       </div>
 274 |       <div class="chat chat-end">
 275 |         <div class="chat-header">
 276 |           Obi-Wan Kenobi
 277 |           <time class="text-xs opacity-50">2 hour ago</time>
 278 |         </div>
 279 |         <div class="chat-bubble">I loved you.</div>
 280 |         <div class="chat-footer opacity-50">
 281 |           Delivered
 282 |         </div>
 283 |       </div>`,
 284 |         traits: ['id','title',{ label: 'bubble code', type: 'textarea', name: 'content', changeProp: true }],
 285 |         tagName:'div',
 286 |         editable: true,
 287 |       },
 288 |     },
 289 |     view: {
 290 | 
 291 |     },
 292 |   });
 293 |   domc.addType('daisy-Collapse', {
 294 |     model: {
 295 |       defaults: {
 296 |         content: `<div class="collapse">
 297 |         <input type="checkbox" /> 
 298 |         <div class="collapse-title text-xl font-medium">
 299 |           Click me to show/hide content
 300 |         </div>
 301 |         <div class="collapse-content"> 
 302 |           <p>hello</p>
 303 |         </div>
 304 |       </div>`,
 305 |         traits: ['id','title',{ label: 'Collapse code', type: 'textarea', name: 'content', changeProp: true }],
 306 |         tagName:'div',
 307 |         editable: true,
 308 |       },
 309 |     },
 310 |     view: {
 311 | 
 312 |     },
 313 |   });
 314 |   domc.addType('daisy-Countdown', {
 315 |     model: {
 316 |       defaults: {
 317 |         content: `<span class="countdown">
 318 |         <span style="--value:10;"></span>
 319 |       </span>`,
 320 |         traits: ['id','title',{ label: 'Countdown code', type: 'textarea', name: 'content', changeProp: true }],
 321 |         tagName:'div',
 322 |         editable: true,
 323 |       },
 324 |     },
 325 |     view: {
 326 | 
 327 |     },
 328 |   });
 329 |   domc.addType('daisy-Kbd', {
 330 |     model: {
 331 |       defaults: {
 332 |         content: `<kbd class="kbd">A</kbd>`,
 333 |         traits: ['id','title',{ label: 'Kbd code', type: 'textarea', name: 'content', changeProp: true }],
 334 |         tagName:'div',
 335 |         editable: true,
 336 |       },
 337 |     },
 338 |     view: {
 339 | 
 340 |     },
 341 |   });
 342 |   domc.addType('daisy-Progress', {
 343 |     model: {
 344 |       defaults: {
 345 |         content: `<progress class="progress w-56"></progress>`,
 346 |         traits: ['id','title',{ label: 'Progress code', type: 'textarea', name: 'content', changeProp: true }],
 347 |         tagName:'div',
 348 |         editable: true,
 349 |       },
 350 |     },
 351 |     view: {
 352 | 
 353 |     },
 354 |   });
 355 |   domc.addType('daisy-Radial', {
 356 |     model: {
 357 |       defaults: {
 358 |         content: `<div class="radial-progress" style="--value:70;">70%</div>`,
 359 |         traits: ['id','title',{ label: 'Radial code', type: 'textarea', name: 'content', changeProp: true }],
 360 |         tagName:'div',
 361 |         editable: true,
 362 |       },
 363 |     },
 364 |     view: {
 365 | 
 366 |     },
 367 |   });
 368 |   domc.addType('daisy-Stat', {
 369 |     model: {
 370 |       defaults: {
 371 |         traits: ['id','title',{ label: 'Stat code', type: 'textarea', name: 'content', changeProp: true }],
 372 |         content: `<div class="stats shadow">
 373 |   
 374 |         <div class="stat">
 375 |           <div class="stat-figure text-primary">
 376 |             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-8 h-8 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
 377 |           </div>
 378 |           <div class="stat-title">Total Likes</div>
 379 |           <div class="stat-value text-primary">25.6K</div>
 380 |           <div class="stat-desc">21% more than last month</div>
 381 |         </div>
 382 |         </div>`,
 383 |         tagName:'div',
 384 |         editable: true,
 385 |       },
 386 |     },
 387 |     view: {
 388 | 
 389 |     },
 390 |   });
 391 |   domc.addType('daisy-Table', {
 392 |     model: {
 393 |       defaults: {
 394 |         traits: ['id','title',{ label: 'Table code', type: 'textarea', name: 'content', changeProp: true }],
 395 |         content: `<div class="overflow-x-auto">
 396 |         <table class="table w-full">
 397 |           <!-- head -->
 398 |           <thead>
 399 |             <tr>
 400 |               <th></th>
 401 |               <th>Name</th>
 402 |               <th>Job</th>
 403 |               <th>Favorite Color</th>
 404 |             </tr>
 405 |           </thead>
 406 |           <tbody>
 407 |             <!-- row 1 -->
 408 |             <tr>
 409 |               <th>1</th>
 410 |               <td>Cy Ganderton</td>
 411 |               <td>Quality Control Specialist</td>
 412 |               <td>Blue</td>
 413 |             </tr>
 414 |             <!-- row 2 -->
 415 |             <tr>
 416 |               <th>2</th>
 417 |               <td>Hart Hagerty</td>
 418 |               <td>Desktop Support Technician</td>
 419 |               <td>Purple</td>
 420 |             </tr>
 421 |             <!-- row 3 -->
 422 |             <tr>
 423 |               <th>3</th>
 424 |               <td>Brice Swyre</td>
 425 |               <td>Tax Accountant</td>
 426 |               <td>Red</td>
 427 |             </tr>
 428 |           </tbody>
 429 |         </table>
 430 |       </div>`,
 431 |         tagName:'div',
 432 |         editable: true,
 433 |       },
 434 |     },
 435 |     view: {
 436 | 
 437 |     },
 438 |   });
 439 | 
 440 |   domc.addType('daisy-Tooltip', {
 441 |     model: {
 442 |       defaults: {
 443 |         traits: ['id','title',{ label: 'Tooltip code', type: 'textarea', name: 'content', changeProp: true }],
 444 |         content: `<div class="tooltip" data-tip="hello">
 445 |         <button class="btn">Hover me</button>
 446 |       </div>`,
 447 |         tagName:'div',
 448 |         editable: true,
 449 |       },
 450 |     },
 451 |     view: {
 452 | 
 453 |     },
 454 |   });
 455 |   domc.addType('daisy-Checkbox', {
 456 |     model: {
 457 |       defaults: {
 458 |         traits: ['id','title',{ label: 'Checkbox code', type: 'textarea', name: 'content', changeProp: true }],
 459 |         content: `<input type="checkbox" checked="checked" class="checkbox" />`,
 460 |         tagName:'div',
 461 |         editable: true,
 462 |       },
 463 |     },
 464 |     view: {
 465 | 
 466 |     },
 467 |   });
 468 |   domc.addType('daisy-File', {
 469 |     model: {
 470 |       defaults: {
 471 |         traits: ['id','title',{ label: 'File code', type: 'textarea', name: 'content', changeProp: true }],
 472 |         content: `<input type="file" class="file-input w-full max-w-xs" />`,
 473 |         tagName:'div',
 474 |         editable: true,
 475 |       },
 476 |     },
 477 |     view: {
 478 | 
 479 |     },
 480 |   });
 481 |   domc.addType('daisy-Radio', {
 482 |     model: {
 483 |       defaults: {
 484 |         traits: ['id','title',{ label: 'Radio code', type: 'text', name: 'content', changeProp: true }],
 485 |         content: `.`,
 486 |         tagName:'input',
 487 |         editable: true,
 488 |         attributes: { class: 'radio' }
 489 |       },
 490 |     },
 491 |     view: {
 492 | 
 493 |     },
 494 |   });
 495 |   domc.addType('daisy-Range', {
 496 |     model: {
 497 |       defaults: {
 498 |         traits: ['id','title',{ label: 'Range code', type: 'textarea', name: 'content', changeProp: true }],
 499 |         content: `<input type="range" min="0" max="100" value="25" class="range" step="25" />
 500 |         <div class="w-full flex justify-between text-xs px-2">
 501 |           <span>|</span>
 502 |           <span>|</span>
 503 |           <span>|</span>
 504 |           <span>|</span>
 505 |           <span>|</span>
 506 |         </div>`,
 507 |         tagName:'div',
 508 |         editable: true,
 509 |       },
 510 |     },
 511 |     view: {
 512 | 
 513 |     },
 514 |   });
 515 |   domc.addType('daisy-Rating', {
 516 |     model: {
 517 |       defaults: {
 518 |         traits: ['id','title',{ label: 'Rating code', type: 'textarea', name: 'content', changeProp: true }],
 519 |         content: `<div class="rating">
 520 |         <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
 521 |         <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" checked />
 522 |         <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
 523 |         <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
 524 |         <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
 525 |       </div>`,
 526 |         tagName:'div',
 527 |         editable: true,
 528 |       },
 529 |     },
 530 |     view: {
 531 | 
 532 |     },
 533 |   });
 534 |   domc.addType('daisy-Select', {
 535 |     model: {
 536 |       defaults: {
 537 |         traits: ['id','title',{ label: 'Select code', type: 'textarea', name: 'content', changeProp: true }],
 538 |         content: `<select class="select select-bordered w-full max-w-xs">
 539 |         <option disabled selected>Who shot first?</option>
 540 |         <option>Han Solo</option>
 541 |         <option>Greedo</option>
 542 |       </select>`,
 543 |         tagName:'select',
 544 |         editable: true,
 545 |       },
 546 |     },
 547 |     view: {
 548 | 
 549 |     },
 550 |   });
 551 |   domc.addType('daisy-Input', {
 552 |     model: {
 553 |       defaults: {
 554 |         traits: ['id','title', 'placeholder',{ label: 'Input value', type: 'text', name: 'content', changeProp: true }],
 555 |         content: `.`,
 556 |         tagName:'input',
 557 |         editable: true,
 558 |         attributes: { class: 'input input-bordered w-full max-w-xs' }
 559 |       },
 560 |     },
 561 |     view: {
 562 | 
 563 |     },
 564 |   });
 565 |   domc.addType('daisy-Textarea', {
 566 |     model: {
 567 |       defaults: {
 568 |         traits: ['id','title',{ label: 'Textarea code', type: 'textarea', name: 'content', changeProp: true }],
 569 |         content: `<textarea class="textarea textarea-bordered" placeholder="Bio"></textarea>`,
 570 |         tagName:'textarea',
 571 |         editable: true,
 572 |       },
 573 |     },
 574 |     view: {
 575 | 
 576 |     },
 577 |   });
 578 |   domc.addType('daisy-Toggle', {
 579 |     model: {
 580 |       defaults: {
 581 |         traits: ['id','title',{ label: 'Toggle code', type: 'textarea', name: 'content', changeProp: true }],
 582 |         content: `<input type="checkbox" class="toggle" checked />`,
 583 |         tagName:'input',
 584 |         editable: true,
 585 |       },
 586 |     },
 587 |     view: {
 588 | 
 589 |     },
 590 |   });
 591 |   domc.addType('daisy-Artboard', {
 592 |     model: {
 593 |       defaults: {
 594 |         traits: ['id','title',{ label: 'Artboard code', type: 'textarea', name: 'content', changeProp: true }],
 595 |         content: `568×320`,
 596 |         tagName:'div',
 597 |         editable: true,
 598 |         attributes: { class: 'artboard artboard-horizontal phone-1' }
 599 |       },
 600 |     },
 601 |     view: {
 602 | 
 603 |     },
 604 |   });
 605 |   domc.addType('daisy-Buttongroup', {
 606 |     model: {
 607 |       defaults: {
 608 |         traits: ['id','title',{ label: 'Buttongroup code', type: 'textarea', name: 'content', changeProp: true }],
 609 |         content: `<div class="btn-group">
 610 |         <button class="btn btn-active">Button</button>
 611 |         <button class="btn">Button</button>
 612 |         <button class="btn">Button</button>
 613 |       </div>`,
 614 |         tagName:'input',
 615 |         editable: true,
 616 |       },
 617 |     },
 618 |     view: {
 619 | 
 620 |     },
 621 |   });
 622 |   domc.addType('daisy-Divider', {
 623 |     model: {
 624 |       defaults: {
 625 |         traits: ['id','title',{ label: 'Toggle code', type: 'textarea', name: 'content', changeProp: true }],
 626 |         content: `<div class="flex w-full">
 627 |         <div class="grid h-20 flex-grow card bg-base-300 rounded-box place-items-center">content</div>
 628 |         <div class="divider divider-horizontal">OR</div>
 629 |         <div class="grid h-20 flex-grow card bg-base-300 rounded-box place-items-center">content</div>
 630 |       </div>`,
 631 |         tagName:'div',
 632 |         editable: true,
 633 |       },
 634 |     },
 635 |     view: {
 636 | 
 637 |     },
 638 |   });
 639 |   domc.addType('daisy-Drawer', {
 640 |     model: {
 641 |       defaults: {
 642 |         traits: ['id','title',{ label: 'Drawer code', type: 'textarea', name: 'content', changeProp: true }],
 643 |         content: `<div class="drawer">
 644 |         <input id="my-drawer" type="checkbox" class="drawer-toggle" />
 645 |         <div class="drawer-content">
 646 |           <!-- Page content here -->
 647 |           <label for="my-drawer" class="btn btn-primary drawer-button">Open drawer</label>
 648 |         </div> 
 649 |         <div class="drawer-side">
 650 |           <label for="my-drawer" class="drawer-overlay"></label>
 651 |           <ul class="menu p-4 w-80 bg-base-100 text-base-content">
 652 |             <!-- Sidebar content here -->
 653 |             <li><a>Sidebar Item 1</a></li>
 654 |             <li><a>Sidebar Item 2</a></li>
 655 |             
 656 |           </ul>
 657 |         </div>
 658 |       </div>`,
 659 |         tagName:'div',
 660 |         editable: true,
 661 |       },
 662 |     },
 663 |     view: {
 664 | 
 665 |     },
 666 |   });
 667 |   domc.addType('daisy-Footer', {
 668 |     model: {
 669 |       defaults: {
 670 |         traits: ['id','title',{ label: 'Footer code', type: 'textarea', name: 'content', changeProp: true }],
 671 |         content: `<footer class="footer p-10 bg-neutral text-neutral-content">
 672 |         <div>
 673 |           <span class="footer-title">Services</span> 
 674 |           <a class="link link-hover">Branding</a>
 675 |           <a class="link link-hover">Design</a>
 676 |           <a class="link link-hover">Marketing</a>
 677 |           <a class="link link-hover">Advertisement</a>
 678 |         </div> 
 679 |         <div>
 680 |           <span class="footer-title">Company</span> 
 681 |           <a class="link link-hover">About us</a>
 682 |           <a class="link link-hover">Contact</a>
 683 |           <a class="link link-hover">Jobs</a>
 684 |           <a class="link link-hover">Press kit</a>
 685 |         </div> 
 686 |         <div>
 687 |           <span class="footer-title">Legal</span> 
 688 |           <a class="link link-hover">Terms of use</a>
 689 |           <a class="link link-hover">Privacy policy</a>
 690 |           <a class="link link-hover">Cookie policy</a>
 691 |         </div>
 692 |       </footer>`,
 693 |         tagName:'div',
 694 |         editable: true,
 695 |       },
 696 |     },
 697 |     view: {
 698 | 
 699 |     },
 700 |   });
 701 |   domc.addType('daisy-Hero', {
 702 |     model: {
 703 |       defaults: {
 704 |         traits: ['id','title',{ label: 'Hero code', type: 'textarea', name: 'content', changeProp: true }],
 705 |         content: `<div class="hero min-h-screen bg-base-200">
 706 |         <div class="hero-content flex-col lg:flex-row">
 707 |           <img src="https://placeimg.com/260/400/arch" class="max-w-sm rounded-lg shadow-2xl" />
 708 |           <div>
 709 |             <h1 class="text-5xl font-bold">Box Office News!</h1>
 710 |             <p class="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>
 711 |             <button class="btn btn-primary">Get Started</button>
 712 |           </div>
 713 |         </div>
 714 |       </div>`,
 715 |         tagName:'div',
 716 |         editable: true,
 717 |       },
 718 |     },
 719 |     view: {
 720 | 
 721 |     },
 722 |   });
 723 |   domc.addType('daisy-Indicator', {
 724 |     model: {
 725 |       defaults: {
 726 |         traits: ['id','title',{ label: 'Indicator code', type: 'textarea', name: 'content', changeProp: true }],
 727 |         content: `<div class="indicator">
 728 |         <span class="indicator-item badge badge-primary">new</span> 
 729 |         <div class="grid w-32 h-32 bg-base-300 place-items-center">content</div>
 730 |       </div>`,
 731 |         tagName:'div',
 732 |         editable: true,
 733 |       },
 734 |     },
 735 |     view: {
 736 | 
 737 |     },
 738 |   });
 739 |   domc.addType('daisy-Inputgroup', {
 740 |     model: {
 741 |       defaults: {
 742 |         traits: ['id','title',{ label: 'Inputgroup code', type: 'textarea', name: 'content', changeProp: true }],
 743 |         content: `<div class="form-control">
 744 |         <label class="input-group input-group-vertical">
 745 |           <span>Email</span>
 746 |           <input type="text" placeholder="info@site.com" class="input input-bordered" />
 747 |         </label>
 748 |       </div>`,
 749 |         tagName:'div',
 750 |         editable: true,
 751 |       },
 752 |     },
 753 |     view: {
 754 | 
 755 |     },
 756 |   });
 757 |   domc.addType('daisy-Mask', {
 758 |     model: {
 759 |       defaults: {
 760 |         traits: ['id','title',{ label: 'Mask code', type: 'textarea', name: 'content', changeProp: true }],
 761 |         content: `<img class="mask mask-squircle" src="https://placeimg.com/160/160/arch" />`,
 762 |         tagName:'img',
 763 |         editable: true,
 764 |       },
 765 |     },
 766 |     view: {
 767 | 
 768 |     },
 769 |   });
 770 |   domc.addType('daisy-Stack', {
 771 |     model: {
 772 |       defaults: {
 773 |         traits: ['id','title',{ label: 'Stack code', type: 'textarea', name: 'content', changeProp: true }],
 774 |         content: `<div class="stack">
 775 |         <div class="grid w-32 h-20 rounded bg-primary text-primary-content place-content-center">1</div> 
 776 |         <div class="grid w-32 h-20 rounded bg-accent text-accent-content place-content-center">2</div> 
 777 |         <div class="grid w-32 h-20 rounded bg-secondary text-secondary-content place-content-center">3</div>
 778 |       </div>`,
 779 |         tagName:'div',
 780 |         editable: true,
 781 |       },
 782 |     },
 783 |     view: {
 784 | 
 785 |     },
 786 |   });
 787 |   domc.addType('daisy-Toast', {
 788 |     model: {
 789 |       defaults: {
 790 |         traits: ['id','title',{ label: 'Toast code', type: 'textarea', name: 'content', changeProp: true }],
 791 |         content: `<div class="toast toast-top toast-start">
 792 |         <div class="alert alert-info">
 793 |           <div>
 794 |             <span>New mail arrived.</span>
 795 |           </div>
 796 |         </div>
 797 |         <div class="alert alert-success">
 798 |           <div>
 799 |             <span>Message sent successfully.</span>
 800 |           </div>
 801 |         </div>
 802 |       </div>`,
 803 |         tagName:'div',
 804 |         editable: true,
 805 |       },
 806 |     },
 807 |     view: {
 808 | 
 809 |     },
 810 |   });
 811 |   domc.addType('daisy-Breadcrumbs', {
 812 |     model: {
 813 |       defaults: {
 814 |         traits: ['id','title',{ label: 'Breadcrumbs code', type: 'textarea', name: 'content', changeProp: true }],
 815 |         content: `<div class="text-sm breadcrumbs">
 816 |         <ul>
 817 |           <li><a>Home</a></li> 
 818 |           <li><a>Documents</a></li> 
 819 |           <li>Add Document</li>
 820 |         </ul>
 821 |       </div>`,
 822 |         tagName:'div',
 823 |         editable: true,
 824 |       },
 825 |     },
 826 |     view: {
 827 | 
 828 |     },
 829 |   });
 830 |   domc.addType('daisy-Bottomnavigation', {
 831 |     model: {
 832 |       defaults: {
 833 |         traits: ['id','title',{ label: 'Bottomnavigation code', type: 'textarea', name: 'content', changeProp: true }],
 834 |         content: `<div class="btm-nav">
 835 |         <button>
 836 |           <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
 837 |         </button>
 838 |         <button class="active">
 839 |           <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
 840 |         </button>
 841 |         <button>
 842 |           <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg>
 843 |         </button>
 844 |       </div>`,
 845 |         tagName:'div',
 846 |         editable: true,
 847 |       },
 848 |     },
 849 |     view: {
 850 | 
 851 |     },
 852 |   });
 853 |   domc.addType('daisy-Link', {
 854 |     model: {
 855 |       defaults: {
 856 |         traits: ['id','title',{ label: 'Link code', type: 'textarea', name: 'content', changeProp: true }],
 857 |         attributes: { class: 'link' },
 858 |         content: `link`,
 859 |         tagName:'a',
 860 |         editable: true,
 861 |       },
 862 |     },
 863 |     view: {
 864 | 
 865 |     },
 866 |   });
 867 |   domc.addType('daisy-Menu', {
 868 |     model: {
 869 |       defaults: {
 870 |         traits: ['id','title',{ label: 'Menu code', type: 'textarea', name: 'content', changeProp: true }],
 871 |         attributes: { class: 'menu bg-base-100 w-56 rounded-box' },
 872 |         content: `<li><a>Item 1</a></li>
 873 |         <li><a>Item 2</a></li>
 874 |         <li><a>Item 3</a></li>
 875 |       </ul>`,
 876 |         tagName:'ul',
 877 |         editable: true,
 878 |       },
 879 |     },
 880 |     view: {
 881 | 
 882 |     },
 883 |   });
 884 |   domc.addType('daisy-Navbar', {
 885 |     model: {
 886 |       defaults: {
 887 |         traits: ['id','title',{ label: 'Navbar code', type: 'textarea', name: 'content', changeProp: true }],
 888 |         attributes: { class: 'navbar bg-base-100' },
 889 |         content: `<div class="flex-1">
 890 |           <a class="btn btn-ghost normal-case text-xl">daisyUI</a>
 891 |         </div>
 892 |         <div class="flex-none">
 893 |           <ul class="menu menu-horizontal px-1">
 894 |             <li><a>Item 1</a></li>
 895 |             <li tabindex="0">
 896 |               <a>
 897 |                 Parent
 898 |                 <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>
 899 |               </a>
 900 |               <ul class="p-2 bg-base-100">
 901 |                 <li><a>Submenu 1</a></li>
 902 |                 <li><a>Submenu 2</a></li>
 903 |               </ul>
 904 |             </li>
 905 |             <li><a>Item 3</a></li>
 906 |           </ul>
 907 |       </div>`,
 908 |         tagName:'div',
 909 |         editable: true,
 910 |       },
 911 |     },
 912 |     view: {
 913 | 
 914 |     },
 915 |   });
 916 |   domc.addType('daisy-Pagination', {
 917 |     model: {
 918 |       defaults: {
 919 |         traits: ['id','title',{ label: 'Pagination code', type: 'textarea', name: 'content', changeProp: true }],
 920 |         attributes: { class: 'btn-group' },
 921 |         content: `<button class="btn">1</button>
 922 |         <button class="btn btn-active">2</button>
 923 |         <button class="btn">3</button>
 924 |         <button class="btn">4</button>`,
 925 |         tagName:'div',
 926 |         editable: true,
 927 |       },
 928 |     },
 929 |     view: {
 930 | 
 931 |     },
 932 |   });
 933 |   domc.addType('daisy-Steps', {
 934 |     model: {
 935 |       defaults: {
 936 |         traits: ['id','title',{ label: 'Steps code', type: 'textarea', name: 'content', changeProp: true }],
 937 |         content: `<ul class="steps">
 938 |         <li class="step step-primary">Register</li>
 939 |         <li class="step step-primary">Choose plan</li>
 940 |         <li class="step">Purchase</li>
 941 |         <li class="step">Receive Product</li>
 942 |       </ul>`,
 943 |         tagName:'ul',
 944 |         editable: true,
 945 |       },
 946 |     },
 947 |     view: {
 948 | 
 949 |     },
 950 |   });
 951 |   domc.addType('daisy-Tabs', {
 952 |     model: {
 953 |       defaults: {
 954 |         traits: ['id','title',{ label: 'Tabs code', type: 'textarea', name: 'content', changeProp: true }],
 955 |         content: `<div class="tabs">
 956 |         <a class="tab tab-bordered">Tab 1</a> 
 957 |         <a class="tab tab-bordered tab-active">Tab 2</a> 
 958 |         <a class="tab tab-bordered">Tab 3</a>
 959 |       </div>`,
 960 |         tagName:'div',
 961 |         editable: true,
 962 |       },
 963 |     },
 964 |     view: {
 965 | 
 966 |     },
 967 |   });
 968 |   domc.addType('daisy-Code', {
 969 |     model: {
 970 |       defaults: {
 971 |         traits: ['id','title',{ label: 'Code code', type: 'textarea', name: 'content', changeProp: true }],
 972 |         content: `<div class="mockup-code">
 973 |         <pre data-prefix="$"><code>npm i daisyui</code></pre> 
 974 |         <pre data-prefix=">" class="text-warning"><code>installing...</code></pre> 
 975 |         <pre data-prefix=">" class="text-success"><code>Done!</code></pre>
 976 |       </div>`,
 977 |         tagName:'div',
 978 |         editable: true,
 979 |       },
 980 |     },
 981 |     view: {
 982 | 
 983 |     },
 984 |   });
 985 |   domc.addType('daisy-Phone', {
 986 |     model: {
 987 |       defaults: {
 988 |         traits: ['id','title',{ label: 'Phone code', type: 'textarea', name: 'content', changeProp: true }],
 989 |         content: `.`,
 990 |         tagName:'div',
 991 |         editable: true,
 992 |         attributes: { class: 'mockup-phone border bg-base-300' }
 993 |       },
 994 |     },
 995 |     view: {
 996 | 
 997 |     },
 998 |   });
 999 |   domc.addType('daisy-camera', {
1000 |     model: {
1001 |       defaults: {
1002 |         traits: ['id','title'],
1003 |         content: ``,
1004 |         tagName:'div',
1005 |         editable: true,
1006 |         attributes: { class: 'camera' }
1007 |       },
1008 |     },
1009 |     view: {
1010 | 
1011 |     },
1012 |   });
1013 |   domc.addType('daisy-Window', {
1014 |     model: {
1015 |       defaults: {
1016 |         traits: ['id','title',{ label: 'Window code', type: 'textarea', name: 'content', changeProp: true }],
1017 |         content: `.`,
1018 |         tagName:'div',
1019 |         editable: true,
1020 |         attributes: { class: 'mockup-window border bg-base-300' }
1021 |       },
1022 |     },
1023 |     view: {
1024 | 
1025 |     },
1026 |   });
1027 | 
1028 | 
1029 | 
1030 | 
1031 | };
1032 | 


--------------------------------------------------------------------------------
/dist/index.js:
--------------------------------------------------------------------------------
1 | /*! grapesjs-daisyui-tailwind-html-editor - 0.0.3 */
2 | !function(e,a){'object'==typeof exports&&'object'==typeof module?module.exports=a():'function'==typeof define&&define.amd?define([],a):'object'==typeof exports?exports["grapesjs-daisyui-tailwind-html-editor"]=a():e["grapesjs-daisyui-tailwind-html-editor"]=a()}('undefined'!=typeof globalThis?globalThis:'undefined'!=typeof window?window:this,(()=>(()=>{"use strict";var e={d:(a,t)=>{for(var n in t)e.o(t,n)&&!e.o(a,n)&&Object.defineProperty(a,n,{enumerable:!0,get:t[n]})},o:(e,a)=>Object.prototype.hasOwnProperty.call(e,a),r:e=>{'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(e,'__esModule',{value:!0})}},a={};function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function n(e){var a=function(e,a){if("object"!==t(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var d=n.call(e,a||"default");if("object"!==t(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===a?String:Number)(e)}(e,"string");return"symbol"===t(a)?a:String(a)}function d(e,a,t){return(a=n(a))in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}e.r(a),e.d(a,{default:()=>r});const i=function(e){e.DomComponents.addType('textarea',{model:{defaults:{traits:[{type:'textarea',name:'textarea',label:'Code'}]}}}),e.TraitManager.addType('textarea',{noLabel:!0,templateInput:function(e){e.trait,this.model;var a=this.getModelValue();return a=a.replace(/<(.+?)>  /g,"<$1>  &#10;"),"\n      <textarea id=\"\" cols=\"27\" rows=\"20\">".concat(a,"</textarea>\n      <button class=\"btn\" onclick=\"{document.getElementsByClassName('gjs-field-wrp--textarea')[0].getElementsByTagName('input')[0].value = document.getElementsByClassName('gjs-field-wrp--textarea')[0].getElementsByTagName('textarea')[0].value}\">update, then tweak</button>")}});var a=e.DomComponents;a.addType('tw-container',{model:{defaults:{content:".",traits:['id','title',{label:'text',type:'text',name:'content',changeProp:!0}],attributes:{class:'container mx-auto flex justify-center p-4'}}},view:{}}),a.addType('tw-columns',{model:{defaults:{content:".",traits:['id','title',{label:'text',type:'text',name:'content',changeProp:!0}],attributes:{class:'flex gap-8'},tagName:'div'}},view:{}}),a.addType('tw-column',{model:{defaults:{content:".",traits:['id','title',{label:'text',type:'text',name:'content',changeProp:!0}],attributes:{class:'w-full'},tagName:'div'}},view:{}}),a.addType('tw-paragraph',{model:{defaults:{content:"text",traits:['id','title',{label:'text',type:'text',name:'content',changeProp:!0}],attributes:{class:'text-justify'},tagName:'p'}},view:{}}),a.addType('daisy-button',{model:{defaults:{content:"button",traits:['id','title',{label:'Button text',type:'text',name:'content',changeProp:!0}],tagName:'button',editable:!0,attributes:{class:'btn'}}},view:{}}),a.addType('daisy-dropdown',{model:{defaults:{content:"<label tabindex=\"0\" class=\"btn m-1\">Click</label>\n        <ul tabindex=\"0\" class=\"dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52\">\n          <li><a>Item 1</a></li>\n          <li><a>Item 2</a></li>\n        </ul>",traits:['id','title',{label:'Dropdown text',type:'text',name:'content',changeProp:!0}],tagName:'div',editable:!0,attributes:{class:'dropdown'}}},view:{}}),a.addType('daisy-modal',{model:{defaults:{content:"<label for=\"my-modal\" class=\"btn\">open modal</label>\n        <input type=\"checkbox\" id=\"my-modal\" class=\"modal-toggle\" />\n        <div class=\"modal\">\n          <div class=\"modal-box\">\n            <h3 class=\"font-bold text-lg\">Congratulations random Internet user!</h3>\n            <p class=\"py-4\">You've been selected for a chance to get one year of subscription to use Wikipedia for free!</p>\n            <div class=\"modal-action\">\n              <label for=\"my-modal\" class=\"btn\">Yay!</label>\n            </div>\n          </div>\n        </div>",traits:['id','title',{label:'Modal code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-swap',{model:{defaults:{content:"<label class=\"swap\">\n        <input type=\"checkbox\" />\n        <div class=\"swap-on\">ON</div>\n        <div class=\"swap-off\">OFF</div>\n      </label>",traits:['id','title',{label:'swap code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-alert',{model:{defaults:{content:"<div class=\"alert shadow-lg\">\n        <div>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"stroke-info flex-shrink-0 w-6 h-6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path></svg>\n          <span>we use cookies for no reason.</span>\n        </div>\n        <div class=\"flex-none\">\n          <button class=\"btn btn-sm btn-ghost\">Deny</button>\n          <button class=\"btn btn-sm btn-primary\">Accept</button>\n        </div>\n      </div>",traits:['id','title',{label:'alert code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-avatar',{model:{defaults:{content:"<div class=\"avatar\">\n        <div class=\"w-24 rounded-full\">\n          <img src=\"https://placeimg.com/192/192/people\" />\n        </div>\n      </div>",traits:['id','title',{label:'avatar code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-badge',{model:{defaults:{content:"<div class=\"badge\">neutral</div>",traits:['id','title',{label:'badge code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-card',{model:{defaults:{content:"<div class=\"card w-96 bg-base-100 shadow-xl\">\n        <figure><img src=\"https://placeimg.com/400/225/arch\" alt=\"Shoes\" /></figure>\n        <div class=\"card-body\">\n          <h2 class=\"card-title\">Shoes!</h2>\n          <p>If a dog chews shoes whose shoes does he choose?</p>\n          <div class=\"card-actions justify-end\">\n            <button class=\"btn btn-primary\">Buy Now</button>\n          </div>\n        </div>\n      </div>",traits:['id','title',{label:'card code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Carousel',{model:{defaults:{content:"<div class=\"w-64 carousel rounded-box\">\n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div>\n      </div>",traits:['id','title',{label:'Carousel code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-bubble',{model:{defaults:{content:"<div class=\"chat chat-start\">\n        <div class=\"chat-header\">\n          Obi-Wan Kenobi\n          <time class=\"text-xs opacity-50\">2 hours ago</time>\n        </div>\n        <div class=\"chat-bubble\">You were the Chosen One!</div>\n        <div class=\"chat-footer opacity-50\">\n          Seen\n        </div>\n      </div>\n      <div class=\"chat chat-end\">\n        <div class=\"chat-header\">\n          Obi-Wan Kenobi\n          <time class=\"text-xs opacity-50\">2 hour ago</time>\n        </div>\n        <div class=\"chat-bubble\">I loved you.</div>\n        <div class=\"chat-footer opacity-50\">\n          Delivered\n        </div>\n      </div>",traits:['id','title',{label:'bubble code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Collapse',{model:{defaults:{content:"<div class=\"collapse\">\n        <input type=\"checkbox\" /> \n        <div class=\"collapse-title text-xl font-medium\">\n          Click me to show/hide content\n        </div>\n        <div class=\"collapse-content\"> \n          <p>hello</p>\n        </div>\n      </div>",traits:['id','title',{label:'Collapse code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Countdown',{model:{defaults:{content:"<span class=\"countdown\">\n        <span style=\"--value:10;\"></span>\n      </span>",traits:['id','title',{label:'Countdown code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Kbd',{model:{defaults:{content:"<kbd class=\"kbd\">A</kbd>",traits:['id','title',{label:'Kbd code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Progress',{model:{defaults:{content:"<progress class=\"progress w-56\"></progress>",traits:['id','title',{label:'Progress code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Radial',{model:{defaults:{content:"<div class=\"radial-progress\" style=\"--value:70;\">70%</div>",traits:['id','title',{label:'Radial code',type:'textarea',name:'content',changeProp:!0}],tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Stat',{model:{defaults:{traits:['id','title',{label:'Stat code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"stats shadow\">\n  \n        <div class=\"stat\">\n          <div class=\"stat-figure text-primary\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"inline-block w-8 h-8 stroke-current\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"></path></svg>\n          </div>\n          <div class=\"stat-title\">Total Likes</div>\n          <div class=\"stat-value text-primary\">25.6K</div>\n          <div class=\"stat-desc\">21% more than last month</div>\n        </div>\n        </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Table',{model:{defaults:{traits:['id','title',{label:'Table code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"overflow-x-auto\">\n        <table class=\"table w-full\">\n          \x3c!-- head --\x3e\n          <thead>\n            <tr>\n              <th></th>\n              <th>Name</th>\n              <th>Job</th>\n              <th>Favorite Color</th>\n            </tr>\n          </thead>\n          <tbody>\n            \x3c!-- row 1 --\x3e\n            <tr>\n              <th>1</th>\n              <td>Cy Ganderton</td>\n              <td>Quality Control Specialist</td>\n              <td>Blue</td>\n            </tr>\n            \x3c!-- row 2 --\x3e\n            <tr>\n              <th>2</th>\n              <td>Hart Hagerty</td>\n              <td>Desktop Support Technician</td>\n              <td>Purple</td>\n            </tr>\n            \x3c!-- row 3 --\x3e\n            <tr>\n              <th>3</th>\n              <td>Brice Swyre</td>\n              <td>Tax Accountant</td>\n              <td>Red</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Tooltip',{model:{defaults:{traits:['id','title',{label:'Tooltip code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"tooltip\" data-tip=\"hello\">\n        <button class=\"btn\">Hover me</button>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Checkbox',{model:{defaults:{traits:['id','title',{label:'Checkbox code',type:'textarea',name:'content',changeProp:!0}],content:"<input type=\"checkbox\" checked=\"checked\" class=\"checkbox\" />",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-File',{model:{defaults:{traits:['id','title',{label:'File code',type:'textarea',name:'content',changeProp:!0}],content:"<input type=\"file\" class=\"file-input w-full max-w-xs\" />",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Radio',{model:{defaults:{traits:['id','title',{label:'Radio code',type:'text',name:'content',changeProp:!0}],content:".",tagName:'input',editable:!0,attributes:{class:'radio'}}},view:{}}),a.addType('daisy-Range',{model:{defaults:{traits:['id','title',{label:'Range code',type:'textarea',name:'content',changeProp:!0}],content:"<input type=\"range\" min=\"0\" max=\"100\" value=\"25\" class=\"range\" step=\"25\" />\n        <div class=\"w-full flex justify-between text-xs px-2\">\n          <span>|</span>\n          <span>|</span>\n          <span>|</span>\n          <span>|</span>\n          <span>|</span>\n        </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Rating',{model:{defaults:{traits:['id','title',{label:'Rating code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"rating\">\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" checked />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Select',{model:{defaults:{traits:['id','title',{label:'Select code',type:'textarea',name:'content',changeProp:!0}],content:"<select class=\"select select-bordered w-full max-w-xs\">\n        <option disabled selected>Who shot first?</option>\n        <option>Han Solo</option>\n        <option>Greedo</option>\n      </select>",tagName:'select',editable:!0}},view:{}}),a.addType('daisy-Input',{model:{defaults:{traits:['id','title','placeholder',{label:'Input value',type:'text',name:'content',changeProp:!0}],content:".",tagName:'input',editable:!0,attributes:{class:'input input-bordered w-full max-w-xs'}}},view:{}}),a.addType('daisy-Textarea',{model:{defaults:{traits:['id','title',{label:'Textarea code',type:'textarea',name:'content',changeProp:!0}],content:"<textarea class=\"textarea textarea-bordered\" placeholder=\"Bio\"></textarea>",tagName:'textarea',editable:!0}},view:{}}),a.addType('daisy-Toggle',{model:{defaults:{traits:['id','title',{label:'Toggle code',type:'textarea',name:'content',changeProp:!0}],content:"<input type=\"checkbox\" class=\"toggle\" checked />",tagName:'input',editable:!0}},view:{}}),a.addType('daisy-Artboard',{model:{defaults:{traits:['id','title',{label:'Artboard code',type:'textarea',name:'content',changeProp:!0}],content:"568×320",tagName:'div',editable:!0,attributes:{class:'artboard artboard-horizontal phone-1'}}},view:{}}),a.addType('daisy-Buttongroup',{model:{defaults:{traits:['id','title',{label:'Buttongroup code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"btn-group\">\n        <button class=\"btn btn-active\">Button</button>\n        <button class=\"btn\">Button</button>\n        <button class=\"btn\">Button</button>\n      </div>",tagName:'input',editable:!0}},view:{}}),a.addType('daisy-Divider',{model:{defaults:{traits:['id','title',{label:'Toggle code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"flex w-full\">\n        <div class=\"grid h-20 flex-grow card bg-base-300 rounded-box place-items-center\">content</div>\n        <div class=\"divider divider-horizontal\">OR</div>\n        <div class=\"grid h-20 flex-grow card bg-base-300 rounded-box place-items-center\">content</div>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Drawer',{model:{defaults:{traits:['id','title',{label:'Drawer code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"drawer\">\n        <input id=\"my-drawer\" type=\"checkbox\" class=\"drawer-toggle\" />\n        <div class=\"drawer-content\">\n          \x3c!-- Page content here --\x3e\n          <label for=\"my-drawer\" class=\"btn btn-primary drawer-button\">Open drawer</label>\n        </div> \n        <div class=\"drawer-side\">\n          <label for=\"my-drawer\" class=\"drawer-overlay\"></label>\n          <ul class=\"menu p-4 w-80 bg-base-100 text-base-content\">\n            \x3c!-- Sidebar content here --\x3e\n            <li><a>Sidebar Item 1</a></li>\n            <li><a>Sidebar Item 2</a></li>\n            \n          </ul>\n        </div>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Footer',{model:{defaults:{traits:['id','title',{label:'Footer code',type:'textarea',name:'content',changeProp:!0}],content:"<footer class=\"footer p-10 bg-neutral text-neutral-content\">\n        <div>\n          <span class=\"footer-title\">Services</span> \n          <a class=\"link link-hover\">Branding</a>\n          <a class=\"link link-hover\">Design</a>\n          <a class=\"link link-hover\">Marketing</a>\n          <a class=\"link link-hover\">Advertisement</a>\n        </div> \n        <div>\n          <span class=\"footer-title\">Company</span> \n          <a class=\"link link-hover\">About us</a>\n          <a class=\"link link-hover\">Contact</a>\n          <a class=\"link link-hover\">Jobs</a>\n          <a class=\"link link-hover\">Press kit</a>\n        </div> \n        <div>\n          <span class=\"footer-title\">Legal</span> \n          <a class=\"link link-hover\">Terms of use</a>\n          <a class=\"link link-hover\">Privacy policy</a>\n          <a class=\"link link-hover\">Cookie policy</a>\n        </div>\n      </footer>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Hero',{model:{defaults:{traits:['id','title',{label:'Hero code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"hero min-h-screen bg-base-200\">\n        <div class=\"hero-content flex-col lg:flex-row\">\n          <img src=\"https://placeimg.com/260/400/arch\" class=\"max-w-sm rounded-lg shadow-2xl\" />\n          <div>\n            <h1 class=\"text-5xl font-bold\">Box Office News!</h1>\n            <p class=\"py-6\">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>\n            <button class=\"btn btn-primary\">Get Started</button>\n          </div>\n        </div>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Indicator',{model:{defaults:{traits:['id','title',{label:'Indicator code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"indicator\">\n        <span class=\"indicator-item badge badge-primary\">new</span> \n        <div class=\"grid w-32 h-32 bg-base-300 place-items-center\">content</div>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Inputgroup',{model:{defaults:{traits:['id','title',{label:'Inputgroup code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"form-control\">\n        <label class=\"input-group input-group-vertical\">\n          <span>Email</span>\n          <input type=\"text\" placeholder=\"info@site.com\" class=\"input input-bordered\" />\n        </label>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Mask',{model:{defaults:{traits:['id','title',{label:'Mask code',type:'textarea',name:'content',changeProp:!0}],content:"<img class=\"mask mask-squircle\" src=\"https://placeimg.com/160/160/arch\" />",tagName:'img',editable:!0}},view:{}}),a.addType('daisy-Stack',{model:{defaults:{traits:['id','title',{label:'Stack code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"stack\">\n        <div class=\"grid w-32 h-20 rounded bg-primary text-primary-content place-content-center\">1</div> \n        <div class=\"grid w-32 h-20 rounded bg-accent text-accent-content place-content-center\">2</div> \n        <div class=\"grid w-32 h-20 rounded bg-secondary text-secondary-content place-content-center\">3</div>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Toast',{model:{defaults:{traits:['id','title',{label:'Toast code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"toast toast-top toast-start\">\n        <div class=\"alert alert-info\">\n          <div>\n            <span>New mail arrived.</span>\n          </div>\n        </div>\n        <div class=\"alert alert-success\">\n          <div>\n            <span>Message sent successfully.</span>\n          </div>\n        </div>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Breadcrumbs',{model:{defaults:{traits:['id','title',{label:'Breadcrumbs code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"text-sm breadcrumbs\">\n        <ul>\n          <li><a>Home</a></li> \n          <li><a>Documents</a></li> \n          <li>Add Document</li>\n        </ul>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Bottomnavigation',{model:{defaults:{traits:['id','title',{label:'Bottomnavigation code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"btm-nav\">\n        <button>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" /></svg>\n        </button>\n        <button class=\"active\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        </button>\n        <button>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" /></svg>\n        </button>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Link',{model:{defaults:{traits:['id','title',{label:'Link code',type:'textarea',name:'content',changeProp:!0}],attributes:{class:'link'},content:"link",tagName:'a',editable:!0}},view:{}}),a.addType('daisy-Menu',{model:{defaults:{traits:['id','title',{label:'Menu code',type:'textarea',name:'content',changeProp:!0}],attributes:{class:'menu bg-base-100 w-56 rounded-box'},content:"<li><a>Item 1</a></li>\n        <li><a>Item 2</a></li>\n        <li><a>Item 3</a></li>\n      </ul>",tagName:'ul',editable:!0}},view:{}}),a.addType('daisy-Navbar',{model:{defaults:{traits:['id','title',{label:'Navbar code',type:'textarea',name:'content',changeProp:!0}],attributes:{class:'navbar bg-base-100'},content:"<div class=\"flex-1\">\n          <a class=\"btn btn-ghost normal-case text-xl\">daisyUI</a>\n        </div>\n        <div class=\"flex-none\">\n          <ul class=\"menu menu-horizontal px-1\">\n            <li><a>Item 1</a></li>\n            <li tabindex=\"0\">\n              <a>\n                Parent\n                <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path d=\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\"/></svg>\n              </a>\n              <ul class=\"p-2 bg-base-100\">\n                <li><a>Submenu 1</a></li>\n                <li><a>Submenu 2</a></li>\n              </ul>\n            </li>\n            <li><a>Item 3</a></li>\n          </ul>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Pagination',{model:{defaults:{traits:['id','title',{label:'Pagination code',type:'textarea',name:'content',changeProp:!0}],attributes:{class:'btn-group'},content:"<button class=\"btn\">1</button>\n        <button class=\"btn btn-active\">2</button>\n        <button class=\"btn\">3</button>\n        <button class=\"btn\">4</button>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Steps',{model:{defaults:{traits:['id','title',{label:'Steps code',type:'textarea',name:'content',changeProp:!0}],content:"<ul class=\"steps\">\n        <li class=\"step step-primary\">Register</li>\n        <li class=\"step step-primary\">Choose plan</li>\n        <li class=\"step\">Purchase</li>\n        <li class=\"step\">Receive Product</li>\n      </ul>",tagName:'ul',editable:!0}},view:{}}),a.addType('daisy-Tabs',{model:{defaults:{traits:['id','title',{label:'Tabs code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"tabs\">\n        <a class=\"tab tab-bordered\">Tab 1</a> \n        <a class=\"tab tab-bordered tab-active\">Tab 2</a> \n        <a class=\"tab tab-bordered\">Tab 3</a>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Code',{model:{defaults:{traits:['id','title',{label:'Code code',type:'textarea',name:'content',changeProp:!0}],content:"<div class=\"mockup-code\">\n        <pre data-prefix=\"$\"><code>npm i daisyui</code></pre> \n        <pre data-prefix=\">\" class=\"text-warning\"><code>installing...</code></pre> \n        <pre data-prefix=\">\" class=\"text-success\"><code>Done!</code></pre>\n      </div>",tagName:'div',editable:!0}},view:{}}),a.addType('daisy-Phone',{model:{defaults:{traits:['id','title',{label:'Phone code',type:'textarea',name:'content',changeProp:!0}],content:".",tagName:'div',editable:!0,attributes:{class:'mockup-phone border bg-base-300'}}},view:{}}),a.addType('daisy-camera',{model:{defaults:{traits:['id','title'],content:"",tagName:'div',editable:!0,attributes:{class:'camera'}}},view:{}}),a.addType('daisy-Window',{model:{defaults:{traits:['id','title',{label:'Window code',type:'textarea',name:'content',changeProp:!0}],content:".",tagName:'div',editable:!0,attributes:{class:'mockup-window border bg-base-300'}}},view:{}})},l=function(e){var a=e.BlockManager;a.add('tw-container',{category:'Tailwind',label:'TW container',content:{type:'tw-container'},media:"<svg viewBox=\"0 0 24 24\">\n    <path fill=\"currentColor\" d=\"M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z\"/>\n  </svg>"}),a.add('tw-columns',{category:'Tailwind',label:'TW columns',content:{type:'tw-columns'},media:"<svg viewBox=\"0 0 23 24\">\n    <path fill=\"currentColor\" d=\"M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z\"/>\n  </svg>"}),a.add('tw-column',{category:'Tailwind',label:'TW column',content:{type:'tw-column'},media:"column"}),a.add('tw-paragraph',{category:'Tailwind',label:'TW paragraph',content:{type:'tw-paragraph'},media:"TEXT"}),a.add('d-button',{category:'Actions',name:'d-button',label:'Daisy button',content:{type:'daisy-button'},media:'<button class="btn">button</button>'}),a.add('d-dropdown',{category:'Actions',name:'d-dropdown',label:'Daisy dropdown',content:{type:'daisy-dropdown'},media:'dropdown'}),a.add('d-modal',{category:'Actions',name:'d-modal',label:'Daisy modal',content:{type:'daisy-modal'},media:'modal'}),a.add('d-swap',{category:'Actions',name:'d-swap',label:'Daisy swap',content:{type:'daisy-swap'},media:'<div class="swap-on">ON</div>'}),a.add('d-alert',{category:'Data Display',name:'d-alert',label:'Daisy alert',content:{type:'daisy-alert'},media:'alert'}),a.add('d-avatar',{category:'Data Display',name:'d-avatar',label:'Daisy avatar',content:{type:'daisy-avatar'},media:'<img src="https://placeimg.com/192/192/people" />'}),a.add('d-badge',{category:'Data Display',name:'d-badge',label:'Daisy badge',content:{type:'daisy-badge'},media:'<div class="badge">neutral</div>'}),a.add('d-card',{category:'Data Display',name:'d-card',label:'Daisy card',content:{type:'daisy-card'},media:'<img src="https://placeimg.com/400/225/arch" alt="Shoes" />'}),a.add('d-Carousel',{category:'Data Display',name:'d-Carousel',label:'Daisy Carousel',content:{type:'daisy-Carousel'},media:'<img src="https://placeimg.com/400/300/arch" alt="Burger" />'}),a.add('d-bubble',{category:'Data Display',name:'d-bubble',label:'Daisy bubble',content:{type:'daisy-bubble'},media:'<div class="chat chat-end"><div class="chat-bubble">You underestimate your power!</div></div>'}),a.add('d-Collapse',{category:'Data Display',name:'d-Collapse',label:'Daisy Collapse',content:{type:'daisy-Collapse'},media:'Collapse'}),a.add('d-Countdown',{category:'Data Display',name:'d-Countdown',label:'Daisy Countdown',content:{type:'daisy-Countdown'},media:'<span class="countdown"><span style="--value:10;"></span></span>'}),a.add('d-Kbd',{category:'Data Display',name:'d-Kbd',label:'Daisy Kbd',content:{type:'daisy-Kbd'},media:'<kbd class="kbd">A</kbd>'}),a.add('d-Progress',{category:'Data Display',name:'d-Progress',label:'Daisy Progress',content:{type:'daisy-Progress'},media:'<progress class="progress w-16"></progress>'}),a.add('d-Radial',{category:'Data Display',name:'d-Radial',label:'Daisy Radial',content:{type:'daisy-Radial'},media:'<div class="radial-progress" style="--value:70;">70%</div>'}),a.add('d-Stat',{category:'Data Display',name:'d-Stat',label:'Daisy Stat',content:{type:'daisy-Stat'},media:'<div class="stat-desc">21% more than</div>'}),a.add('d-Table',{category:'Data Display',name:'d-Table',label:'Daisy Table',content:{type:'daisy-Table'},media:'Table'}),a.add('d-Tooltip',{category:'Data Display',name:'d-Tooltip',label:'Daisy Tooltip',content:{type:'daisy-Tooltip'},media:'<button class="btn">Hover me</button>'}),a.add('d-Checkbox',{category:'Data Input',name:'d-Checkbox',label:'Daisy Checkbox',content:{type:'daisy-Checkbox'},media:'<input type="checkbox" checked="checked" class="checkbox" />'}),a.add('d-File',{category:'Data Input',name:'d-File',label:'Daisy File',content:{type:'daisy-File'},media:'<input type="file" class="file-input w-full max-w-xs" />'}),a.add('d-Radio',{category:'Data Input',name:'d-Radio',label:'Daisy Radio',content:{type:'daisy-Radio'},media:'<input type="radio" name="radio-1" class="radio" checked />'}),a.add('d-Range',{category:'Data Input',name:'d-Range',label:'Daisy Range',content:{type:'daisy-Range'},media:'<input type="range" min="0" max="100" value="40" class="range" />'}),a.add('d-Rating',{category:'Data Input',name:'d-Rating',label:'Daisy Rating',content:{type:'daisy-Rating'},media:'<div class="rating"><input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" /></div>'}),a.add('d-Select',{category:'Data Input',name:'d-Select',label:'Daisy Select',content:{type:'daisy-Select'},media:'Select'}),a.add('d-Input',{category:'Data Input',name:'d-Input',label:'Daisy Input',content:{type:'daisy-Input'},media:'<input type="text" placeholder="Type here" class="input input-bordered w-full max-w-xs" />'}),a.add('d-Textarea',{category:'Data Input',name:'d-Textarea',label:'Daisy Textarea',content:{type:'daisy-Textarea'},media:'<input type="text" placeholder="Bio" class="input input-bordered w-full max-w-xs" />'}),a.add('d-Toggle',{category:'Data Input',name:'d-Toggle',label:'Daisy Toggle',content:{type:'daisy-Toggle'},media:'<div class="form-control"><label class="label cursor-pointer"><input type="checkbox" class="toggle" checked /></label></div>'}),a.add('d-Artboard',{category:'Layout',name:'d-Artboard',label:'Daisy Artboard',content:{type:'daisy-Artboard'},media:'Artboard'}),a.add('d-Buttongroup',{category:'Layout',name:'d-Buttongroup',label:'Daisy Buttongroup',content:{type:'daisy-Buttongroup'},media:'<div class="btn-group"><input type="radio" name="options" data-title="1" class="btn" /><input type="radio" name="options" data-title="2" class="btn" checked /></div>'}),a.add('d-Divider',{category:'Layout',name:'d-Divider',label:'Daisy Divider',content:{type:'daisy-Divider'},media:'  <div class="divider">OR</div>'}),a.add('d-Drawer',{category:'Layout',name:'d-Drawer',label:'Daisy Drawer',content:{type:'daisy-Drawer'},media:'Drawer'}),a.add('d-Footer',{category:'Layout',name:'d-Footer',label:'Daisy Footer',content:{type:'daisy-Footer'},media:'Footer'}),a.add('d-Hero',{category:'Layout',name:'d-Hero',label:'Daisy Hero',content:{type:'daisy-Hero'},media:'Hero'}),a.add('d-Indicator',{category:'Layout',name:'d-Indicator',label:'Daisy Indicator',content:{type:'daisy-Indicator'},media:'<div class="indicator"><span class="indicator-item badge badge-primary">new</span> <div class="grid w-16 h-16 bg-base-300 place-items-center">content</div></div>'}),a.add('d-Inputgroup',{category:'Layout',name:'d-Inputgroup',label:'Daisy Inputgroup',content:{type:'daisy-Inputgroup'},media:'<div class="form-control"><label class="input-group input-group-vertical"><span>Email</span><input type="text" placeholder="info@site.com" class="input input-bordered" /></label></div>'}),a.add('d-Mask',{category:'Layout',name:'d-Mask',label:'Daisy Mask',content:{type:'daisy-Mask'},media:'<img class="mask mask-squircle" src="https://placeimg.com/160/160/arch" />'}),a.add('d-Stack',{category:'Layout',name:'d-Stack',label:'Daisy Stack',content:{type:'daisy-Stack'},media:'<div class="stack"><div class="grid w-8 h-16 rounded bg-primary text-primary-content place-content-center">1</div> <div class="grid w-32 h-20 rounded bg-accent text-accent-content place-content-center">2</div> <div class="grid w-32 h-20 rounded bg-secondary text-secondary-content place-content-center">3</div></div>'}),a.add('d-Toast',{category:'Layout',name:'d-Toast',label:'Daisy Toast',content:{type:'daisy-Toast'},media:'<div class="toast toast-top toast-start"><div class="alert alert-info"><div><span>New mail arrived.</span></div></div></div>'}),a.add('d-Breadcrumbs',{category:'Navigation',name:'d-Breadcrumbs',label:'Daisy Breadcrumbs',content:{type:'daisy-Breadcrumbs'},media:'<div class="text-sm breadcrumbs"><ul><li><a>1</a></li> <li><a>2</a></li> </ul></div>'}),a.add('d-Bottomnavigation',{category:'Navigation',name:'d-Bottomnavigation',label:'Daisy Bottomnavigation',content:{type:'daisy-Bottomnavigation'},media:'<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>'}),a.add('d-Link',{category:'Navigation',name:'d-Link',label:'Daisy Link',content:{type:'daisy-Link'},media:'<a class="link">link</a>'}),a.add('d-Menu',{category:'Navigation',name:'d-Menu',label:'Daisy Menu',content:{type:'daisy-Menu'},media:'<ul class="menu bg-base-100 w-16 rounded-box"><li><a>1</a></li><li><a>2</a></li></ul>'}),a.add('d-Navbar',{category:'Navigation',name:'d-Navbar',label:'Daisy Navbar',content:{type:'daisy-Navbar'},media:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-5 h-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>'}),a.add('d-Pagination',{category:'Navigation',name:'d-Pagination',label:'Daisy Pagination',content:{type:'daisy-Pagination'},media:'<div class="btn-group"><button class="btn">1</button><button class="btn btn-active">2</button></div>'}),a.add('d-Steps',{category:'Navigation',name:'d-Steps',label:'Daisy Steps',content:{type:'daisy-Steps'},media:'<ul class="steps"><li class="step step-primary">1</li><li class="step step-primary">2</li></ul>'}),a.add('d-Tabs',{category:'Navigation',name:'d-Tabs',label:'Daisy Tabs',content:{type:'daisy-Tabs'},media:'<div class="tabs tabs-boxed"><a class="tab tab-active">1</a><a class="tab tab-active">2</a></div>'}),a.add('d-Code',{category:'Mockup',name:'d-Code',label:'Daisy Code',content:{type:'daisy-Code'},media:'<pre data-prefix="$"><code>npm i</code></pre>'}),a.add('d-Phone',{category:'Mockup',name:'d-Phone',label:'Daisy Phone',content:{type:'daisy-Phone'},media:'Phone'}),a.add('d-camera',{category:'Mockup',name:'d-camera',label:'Daisy camera',content:{type:'daisy-camera'},media:'camera'}),a.add('d-Window',{category:'Mockup',name:'d-Window',label:'Daisy Window',content:{type:'daisy-Window'},media:'Window'})};function o(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);a&&(n=n.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,n)}return t}function s(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?o(Object(t),!0).forEach((function(a){d(e,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}))}return e}const r=function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=s(s({},{}),a);i(e,t),l(e,t),e.on('load',(function(){}));var n=e.Panels,d=e.Blocks,o=n.getButton('views','open-blocks');e.on('load',(function(){o&&o.set('active',1),d.getCategories().forEach((function(e){return e.set('open',0)}))}))};return a})()));
3 | //# sourceMappingURL=index.js.map


--------------------------------------------------------------------------------
/dist/index.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"index.js","mappings":"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","sources":["webpack://grapesjs-daisyui-tailwind-html-editor/webpack/universalModuleDefinition","webpack://grapesjs-daisyui-tailwind-html-editor/webpack/bootstrap","webpack://grapesjs-daisyui-tailwind-html-editor/webpack/runtime/define property getters","webpack://grapesjs-daisyui-tailwind-html-editor/webpack/runtime/hasOwnProperty shorthand","webpack://grapesjs-daisyui-tailwind-html-editor/webpack/runtime/make namespace object","webpack://grapesjs-daisyui-tailwind-html-editor/./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack://grapesjs-daisyui-tailwind-html-editor/./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack://grapesjs-daisyui-tailwind-html-editor/./node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack://grapesjs-daisyui-tailwind-html-editor/./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack://grapesjs-daisyui-tailwind-html-editor/./src/components.js","webpack://grapesjs-daisyui-tailwind-html-editor/./src/blocks.js","webpack://grapesjs-daisyui-tailwind-html-editor/./src/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"grapesjs-daisyui-tailwind-html-editor\"] = factory();\n\telse\n\t\troot[\"grapesjs-daisyui-tailwind-html-editor\"] = factory();\n})(typeof globalThis !== 'undefined' ? globalThis : (typeof window !== 'undefined' ? window : this), () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","export default (editor, opts = {}) => {\n  editor.DomComponents.addType('textarea', {\n    model: {\n      defaults: {\n        traits: [\n          {\n            type: 'textarea',\n            name: 'textarea',\n            label: 'Code',\n          },\n        ]\n      }\n    }\n  });\n  editor.TraitManager.addType('textarea', {\n    noLabel: true,\n    templateInput({ trait }) {\n      const { model } = this;\n      let value = this.getModelValue();\n      value = value.replace(/<(.+?)>  /g, \"<$1>  &#10;\");\n      return `\n      <textarea id=\"\" cols=\"27\" rows=\"20\">${value}</textarea>\n      <button class=\"btn\" onclick=\"{document.getElementsByClassName('gjs-field-wrp--textarea')[0].getElementsByTagName('input')[0].value = document.getElementsByClassName('gjs-field-wrp--textarea')[0].getElementsByTagName('textarea')[0].value}\">update, then tweak</button>`}\n    });\n\n  const domc = editor.DomComponents;\n  \n\n  domc.addType('tw-container', {\n    model: {\n      defaults: {\n        content: `.`,\n        traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],\n        attributes: { class: 'container mx-auto flex justify-center p-4' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('tw-columns', {\n    model: {\n      defaults: {\n        content: `.`,\n        traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],\n        attributes: { class: 'flex gap-8' },\n        tagName:'div'\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('tw-column', {\n    model: {\n      defaults: {\n        content: `.`,\n        traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],\n        attributes: { class: 'w-full' },\n        tagName:'div'\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('tw-paragraph', {\n    model: {\n      defaults: {\n        content: `text`,\n        traits: ['id','title',{ label: 'text', type: 'text', name: 'content', changeProp: true }],\n        attributes: { class: 'text-justify' },\n        tagName:'p'\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-button', {\n    model: {\n      defaults: {\n        content: `button`,\n        traits: ['id','title',{ label: 'Button text', type: 'text', name: 'content', changeProp: true }],\n        tagName:'button',\n        editable: true,\n        attributes: { class: 'btn' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-dropdown', {\n    model: {\n      defaults: {\n        content: `<label tabindex=\"0\" class=\"btn m-1\">Click</label>\n        <ul tabindex=\"0\" class=\"dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52\">\n          <li><a>Item 1</a></li>\n          <li><a>Item 2</a></li>\n        </ul>`,\n        traits: ['id','title',{ label: 'Dropdown text', type: 'text', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n        attributes: { class: 'dropdown' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-modal', {\n    model: {\n      defaults: {\n        content: `<label for=\"my-modal\" class=\"btn\">open modal</label>\n        <input type=\"checkbox\" id=\"my-modal\" class=\"modal-toggle\" />\n        <div class=\"modal\">\n          <div class=\"modal-box\">\n            <h3 class=\"font-bold text-lg\">Congratulations random Internet user!</h3>\n            <p class=\"py-4\">You've been selected for a chance to get one year of subscription to use Wikipedia for free!</p>\n            <div class=\"modal-action\">\n              <label for=\"my-modal\" class=\"btn\">Yay!</label>\n            </div>\n          </div>\n        </div>`,\n        traits: ['id','title',{ label: 'Modal code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-swap', {\n    model: {\n      defaults: {\n        content: `<label class=\"swap\">\n        <input type=\"checkbox\" />\n        <div class=\"swap-on\">ON</div>\n        <div class=\"swap-off\">OFF</div>\n      </label>`,\n        traits: ['id','title',{ label: 'swap code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-alert', {\n    model: {\n      defaults: {\n        content: `<div class=\"alert shadow-lg\">\n        <div>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"stroke-info flex-shrink-0 w-6 h-6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path></svg>\n          <span>we use cookies for no reason.</span>\n        </div>\n        <div class=\"flex-none\">\n          <button class=\"btn btn-sm btn-ghost\">Deny</button>\n          <button class=\"btn btn-sm btn-primary\">Accept</button>\n        </div>\n      </div>`,\n        traits: ['id','title',{ label: 'alert code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-avatar', {\n    model: {\n      defaults: {\n        content: `<div class=\"avatar\">\n        <div class=\"w-24 rounded-full\">\n          <img src=\"https://placeimg.com/192/192/people\" />\n        </div>\n      </div>`,\n        traits: ['id','title',{ label: 'avatar code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-badge', {\n    model: {\n      defaults: {\n        content: `<div class=\"badge\">neutral</div>`,\n        traits: ['id','title',{ label: 'badge code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-card', {\n    model: {\n      defaults: {\n        content: `<div class=\"card w-96 bg-base-100 shadow-xl\">\n        <figure><img src=\"https://placeimg.com/400/225/arch\" alt=\"Shoes\" /></figure>\n        <div class=\"card-body\">\n          <h2 class=\"card-title\">Shoes!</h2>\n          <p>If a dog chews shoes whose shoes does he choose?</p>\n          <div class=\"card-actions justify-end\">\n            <button class=\"btn btn-primary\">Buy Now</button>\n          </div>\n        </div>\n      </div>`,\n        traits: ['id','title',{ label: 'card code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Carousel', {\n    model: {\n      defaults: {\n        content: `<div class=\"w-64 carousel rounded-box\">\n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div> \n        <div class=\"carousel-item w-full\">\n          <img src=\"https://placeimg.com/256/400/arch\" class=\"w-full\" alt=\"Tailwind CSS Carousel component\" />\n        </div>\n      </div>`,\n        traits: ['id','title',{ label: 'Carousel code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-bubble', {\n    model: {\n      defaults: {\n        content: `<div class=\"chat chat-start\">\n        <div class=\"chat-header\">\n          Obi-Wan Kenobi\n          <time class=\"text-xs opacity-50\">2 hours ago</time>\n        </div>\n        <div class=\"chat-bubble\">You were the Chosen One!</div>\n        <div class=\"chat-footer opacity-50\">\n          Seen\n        </div>\n      </div>\n      <div class=\"chat chat-end\">\n        <div class=\"chat-header\">\n          Obi-Wan Kenobi\n          <time class=\"text-xs opacity-50\">2 hour ago</time>\n        </div>\n        <div class=\"chat-bubble\">I loved you.</div>\n        <div class=\"chat-footer opacity-50\">\n          Delivered\n        </div>\n      </div>`,\n        traits: ['id','title',{ label: 'bubble code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Collapse', {\n    model: {\n      defaults: {\n        content: `<div class=\"collapse\">\n        <input type=\"checkbox\" /> \n        <div class=\"collapse-title text-xl font-medium\">\n          Click me to show/hide content\n        </div>\n        <div class=\"collapse-content\"> \n          <p>hello</p>\n        </div>\n      </div>`,\n        traits: ['id','title',{ label: 'Collapse code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Countdown', {\n    model: {\n      defaults: {\n        content: `<span class=\"countdown\">\n        <span style=\"--value:10;\"></span>\n      </span>`,\n        traits: ['id','title',{ label: 'Countdown code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Kbd', {\n    model: {\n      defaults: {\n        content: `<kbd class=\"kbd\">A</kbd>`,\n        traits: ['id','title',{ label: 'Kbd code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Progress', {\n    model: {\n      defaults: {\n        content: `<progress class=\"progress w-56\"></progress>`,\n        traits: ['id','title',{ label: 'Progress code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Radial', {\n    model: {\n      defaults: {\n        content: `<div class=\"radial-progress\" style=\"--value:70;\">70%</div>`,\n        traits: ['id','title',{ label: 'Radial code', type: 'textarea', name: 'content', changeProp: true }],\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Stat', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Stat code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"stats shadow\">\n  \n        <div class=\"stat\">\n          <div class=\"stat-figure text-primary\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"inline-block w-8 h-8 stroke-current\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"></path></svg>\n          </div>\n          <div class=\"stat-title\">Total Likes</div>\n          <div class=\"stat-value text-primary\">25.6K</div>\n          <div class=\"stat-desc\">21% more than last month</div>\n        </div>\n        </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Table', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Table code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"overflow-x-auto\">\n        <table class=\"table w-full\">\n          <!-- head -->\n          <thead>\n            <tr>\n              <th></th>\n              <th>Name</th>\n              <th>Job</th>\n              <th>Favorite Color</th>\n            </tr>\n          </thead>\n          <tbody>\n            <!-- row 1 -->\n            <tr>\n              <th>1</th>\n              <td>Cy Ganderton</td>\n              <td>Quality Control Specialist</td>\n              <td>Blue</td>\n            </tr>\n            <!-- row 2 -->\n            <tr>\n              <th>2</th>\n              <td>Hart Hagerty</td>\n              <td>Desktop Support Technician</td>\n              <td>Purple</td>\n            </tr>\n            <!-- row 3 -->\n            <tr>\n              <th>3</th>\n              <td>Brice Swyre</td>\n              <td>Tax Accountant</td>\n              <td>Red</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n\n  domc.addType('daisy-Tooltip', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Tooltip code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"tooltip\" data-tip=\"hello\">\n        <button class=\"btn\">Hover me</button>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Checkbox', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Checkbox code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<input type=\"checkbox\" checked=\"checked\" class=\"checkbox\" />`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-File', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'File code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<input type=\"file\" class=\"file-input w-full max-w-xs\" />`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Radio', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Radio code', type: 'text', name: 'content', changeProp: true }],\n        content: `.`,\n        tagName:'input',\n        editable: true,\n        attributes: { class: 'radio' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Range', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Range code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<input type=\"range\" min=\"0\" max=\"100\" value=\"25\" class=\"range\" step=\"25\" />\n        <div class=\"w-full flex justify-between text-xs px-2\">\n          <span>|</span>\n          <span>|</span>\n          <span>|</span>\n          <span>|</span>\n          <span>|</span>\n        </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Rating', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Rating code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"rating\">\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" checked />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n        <input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" />\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Select', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Select code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<select class=\"select select-bordered w-full max-w-xs\">\n        <option disabled selected>Who shot first?</option>\n        <option>Han Solo</option>\n        <option>Greedo</option>\n      </select>`,\n        tagName:'select',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Input', {\n    model: {\n      defaults: {\n        traits: ['id','title', 'placeholder',{ label: 'Input value', type: 'text', name: 'content', changeProp: true }],\n        content: `.`,\n        tagName:'input',\n        editable: true,\n        attributes: { class: 'input input-bordered w-full max-w-xs' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Textarea', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Textarea code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<textarea class=\"textarea textarea-bordered\" placeholder=\"Bio\"></textarea>`,\n        tagName:'textarea',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Toggle', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Toggle code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<input type=\"checkbox\" class=\"toggle\" checked />`,\n        tagName:'input',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Artboard', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Artboard code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `568×320`,\n        tagName:'div',\n        editable: true,\n        attributes: { class: 'artboard artboard-horizontal phone-1' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Buttongroup', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Buttongroup code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"btn-group\">\n        <button class=\"btn btn-active\">Button</button>\n        <button class=\"btn\">Button</button>\n        <button class=\"btn\">Button</button>\n      </div>`,\n        tagName:'input',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Divider', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Toggle code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"flex w-full\">\n        <div class=\"grid h-20 flex-grow card bg-base-300 rounded-box place-items-center\">content</div>\n        <div class=\"divider divider-horizontal\">OR</div>\n        <div class=\"grid h-20 flex-grow card bg-base-300 rounded-box place-items-center\">content</div>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Drawer', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Drawer code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"drawer\">\n        <input id=\"my-drawer\" type=\"checkbox\" class=\"drawer-toggle\" />\n        <div class=\"drawer-content\">\n          <!-- Page content here -->\n          <label for=\"my-drawer\" class=\"btn btn-primary drawer-button\">Open drawer</label>\n        </div> \n        <div class=\"drawer-side\">\n          <label for=\"my-drawer\" class=\"drawer-overlay\"></label>\n          <ul class=\"menu p-4 w-80 bg-base-100 text-base-content\">\n            <!-- Sidebar content here -->\n            <li><a>Sidebar Item 1</a></li>\n            <li><a>Sidebar Item 2</a></li>\n            \n          </ul>\n        </div>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Footer', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Footer code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<footer class=\"footer p-10 bg-neutral text-neutral-content\">\n        <div>\n          <span class=\"footer-title\">Services</span> \n          <a class=\"link link-hover\">Branding</a>\n          <a class=\"link link-hover\">Design</a>\n          <a class=\"link link-hover\">Marketing</a>\n          <a class=\"link link-hover\">Advertisement</a>\n        </div> \n        <div>\n          <span class=\"footer-title\">Company</span> \n          <a class=\"link link-hover\">About us</a>\n          <a class=\"link link-hover\">Contact</a>\n          <a class=\"link link-hover\">Jobs</a>\n          <a class=\"link link-hover\">Press kit</a>\n        </div> \n        <div>\n          <span class=\"footer-title\">Legal</span> \n          <a class=\"link link-hover\">Terms of use</a>\n          <a class=\"link link-hover\">Privacy policy</a>\n          <a class=\"link link-hover\">Cookie policy</a>\n        </div>\n      </footer>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Hero', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Hero code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"hero min-h-screen bg-base-200\">\n        <div class=\"hero-content flex-col lg:flex-row\">\n          <img src=\"https://placeimg.com/260/400/arch\" class=\"max-w-sm rounded-lg shadow-2xl\" />\n          <div>\n            <h1 class=\"text-5xl font-bold\">Box Office News!</h1>\n            <p class=\"py-6\">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>\n            <button class=\"btn btn-primary\">Get Started</button>\n          </div>\n        </div>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Indicator', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Indicator code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"indicator\">\n        <span class=\"indicator-item badge badge-primary\">new</span> \n        <div class=\"grid w-32 h-32 bg-base-300 place-items-center\">content</div>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Inputgroup', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Inputgroup code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"form-control\">\n        <label class=\"input-group input-group-vertical\">\n          <span>Email</span>\n          <input type=\"text\" placeholder=\"info@site.com\" class=\"input input-bordered\" />\n        </label>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Mask', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Mask code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<img class=\"mask mask-squircle\" src=\"https://placeimg.com/160/160/arch\" />`,\n        tagName:'img',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Stack', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Stack code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"stack\">\n        <div class=\"grid w-32 h-20 rounded bg-primary text-primary-content place-content-center\">1</div> \n        <div class=\"grid w-32 h-20 rounded bg-accent text-accent-content place-content-center\">2</div> \n        <div class=\"grid w-32 h-20 rounded bg-secondary text-secondary-content place-content-center\">3</div>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Toast', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Toast code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"toast toast-top toast-start\">\n        <div class=\"alert alert-info\">\n          <div>\n            <span>New mail arrived.</span>\n          </div>\n        </div>\n        <div class=\"alert alert-success\">\n          <div>\n            <span>Message sent successfully.</span>\n          </div>\n        </div>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Breadcrumbs', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Breadcrumbs code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"text-sm breadcrumbs\">\n        <ul>\n          <li><a>Home</a></li> \n          <li><a>Documents</a></li> \n          <li>Add Document</li>\n        </ul>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Bottomnavigation', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Bottomnavigation code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"btm-nav\">\n        <button>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" /></svg>\n        </button>\n        <button class=\"active\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        </button>\n        <button>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" /></svg>\n        </button>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Link', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Link code', type: 'textarea', name: 'content', changeProp: true }],\n        attributes: { class: 'link' },\n        content: `link`,\n        tagName:'a',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Menu', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Menu code', type: 'textarea', name: 'content', changeProp: true }],\n        attributes: { class: 'menu bg-base-100 w-56 rounded-box' },\n        content: `<li><a>Item 1</a></li>\n        <li><a>Item 2</a></li>\n        <li><a>Item 3</a></li>\n      </ul>`,\n        tagName:'ul',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Navbar', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Navbar code', type: 'textarea', name: 'content', changeProp: true }],\n        attributes: { class: 'navbar bg-base-100' },\n        content: `<div class=\"flex-1\">\n          <a class=\"btn btn-ghost normal-case text-xl\">daisyUI</a>\n        </div>\n        <div class=\"flex-none\">\n          <ul class=\"menu menu-horizontal px-1\">\n            <li><a>Item 1</a></li>\n            <li tabindex=\"0\">\n              <a>\n                Parent\n                <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path d=\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\"/></svg>\n              </a>\n              <ul class=\"p-2 bg-base-100\">\n                <li><a>Submenu 1</a></li>\n                <li><a>Submenu 2</a></li>\n              </ul>\n            </li>\n            <li><a>Item 3</a></li>\n          </ul>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Pagination', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Pagination code', type: 'textarea', name: 'content', changeProp: true }],\n        attributes: { class: 'btn-group' },\n        content: `<button class=\"btn\">1</button>\n        <button class=\"btn btn-active\">2</button>\n        <button class=\"btn\">3</button>\n        <button class=\"btn\">4</button>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Steps', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Steps code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<ul class=\"steps\">\n        <li class=\"step step-primary\">Register</li>\n        <li class=\"step step-primary\">Choose plan</li>\n        <li class=\"step\">Purchase</li>\n        <li class=\"step\">Receive Product</li>\n      </ul>`,\n        tagName:'ul',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Tabs', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Tabs code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"tabs\">\n        <a class=\"tab tab-bordered\">Tab 1</a> \n        <a class=\"tab tab-bordered tab-active\">Tab 2</a> \n        <a class=\"tab tab-bordered\">Tab 3</a>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Code', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Code code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `<div class=\"mockup-code\">\n        <pre data-prefix=\"$\"><code>npm i daisyui</code></pre> \n        <pre data-prefix=\">\" class=\"text-warning\"><code>installing...</code></pre> \n        <pre data-prefix=\">\" class=\"text-success\"><code>Done!</code></pre>\n      </div>`,\n        tagName:'div',\n        editable: true,\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Phone', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Phone code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `.`,\n        tagName:'div',\n        editable: true,\n        attributes: { class: 'mockup-phone border bg-base-300' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-camera', {\n    model: {\n      defaults: {\n        traits: ['id','title'],\n        content: ``,\n        tagName:'div',\n        editable: true,\n        attributes: { class: 'camera' }\n      },\n    },\n    view: {\n\n    },\n  });\n  domc.addType('daisy-Window', {\n    model: {\n      defaults: {\n        traits: ['id','title',{ label: 'Window code', type: 'textarea', name: 'content', changeProp: true }],\n        content: `.`,\n        tagName:'div',\n        editable: true,\n        attributes: { class: 'mockup-window border bg-base-300' }\n      },\n    },\n    view: {\n\n    },\n  });\n\n\n\n\n};\n","export default (editor, opts = {}) => {\n  const bm = editor.BlockManager;\n\n  bm.add('tw-container', {\n    category: 'Tailwind',\n    label: 'TW container',\n    content: { type: 'tw-container' },\n    media: `<svg viewBox=\"0 0 24 24\">\n    <path fill=\"currentColor\" d=\"M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z\"/>\n  </svg>`,\n  });\n  bm.add('tw-columns', {\n    category: 'Tailwind',\n    label: 'TW columns',\n    content: { type: 'tw-columns'},\n    media: `<svg viewBox=\"0 0 23 24\">\n    <path fill=\"currentColor\" d=\"M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z\"/>\n  </svg>`,\n  });\n  bm.add('tw-column', {\n    category: 'Tailwind',\n    label: 'TW column',\n    content: { type: 'tw-column'}, \n    media: `column`,\n  });\n  bm.add('tw-paragraph', {\n    category: 'Tailwind',\n    label: 'TW paragraph',\n    content: { type: 'tw-paragraph'}, \n    media: `TEXT`,\n  });\n  bm.add('d-button', {\n    category: 'Actions',\n    name: 'd-button',\n    label: 'Daisy button',\n    content: { type: 'daisy-button' },\n    media: '<button class=\"btn\">button</button>',\n  });\n  bm.add('d-dropdown', {\n    category: 'Actions',\n    name: 'd-dropdown',\n    label: 'Daisy dropdown',\n    content: { type: 'daisy-dropdown' },\n    media: 'dropdown',\n  });\n  bm.add('d-modal', {\n    category: 'Actions',\n    name: 'd-modal',\n    label: 'Daisy modal',\n    content: { type: 'daisy-modal' },\n    media: 'modal',\n  });\n  bm.add('d-swap', {\n    category: 'Actions',\n    name: 'd-swap',\n    label: 'Daisy swap',\n    content: { type: 'daisy-swap' },\n    media: '<div class=\"swap-on\">ON</div>',\n  });\n  bm.add('d-alert', {\n    category: 'Data Display',\n    name: 'd-alert',\n    label: 'Daisy alert',\n    content: { type: 'daisy-alert' },\n    media: 'alert',\n  });\n  bm.add('d-avatar', {\n    category: 'Data Display',\n    name: 'd-avatar',\n    label: 'Daisy avatar',\n    content: { type: 'daisy-avatar' },\n    media: '<img src=\"https://placeimg.com/192/192/people\" />',\n  });\n  bm.add('d-badge', {\n    category: 'Data Display',\n    name: 'd-badge',\n    label: 'Daisy badge',\n    content: { type: 'daisy-badge' },\n    media: '<div class=\"badge\">neutral</div>',\n  });\n  bm.add('d-card', {\n    category: 'Data Display',\n    name: 'd-card',\n    label: 'Daisy card',\n    content: { type: 'daisy-card' },\n    media: '<img src=\"https://placeimg.com/400/225/arch\" alt=\"Shoes\" />',\n  });\n  bm.add('d-Carousel', {\n    category: 'Data Display',\n    name: 'd-Carousel',\n    label: 'Daisy Carousel',\n    content: { type: 'daisy-Carousel' },\n    media: '<img src=\"https://placeimg.com/400/300/arch\" alt=\"Burger\" />',\n  });\n  bm.add('d-bubble', {\n    category: 'Data Display',\n    name: 'd-bubble',\n    label: 'Daisy bubble',\n    content: { type: 'daisy-bubble' },\n    media: '<div class=\"chat chat-end\"><div class=\"chat-bubble\">You underestimate your power!</div></div>',\n  });\n  bm.add('d-Collapse', {\n    category: 'Data Display',\n    name: 'd-Collapse',\n    label: 'Daisy Collapse',\n    content: { type: 'daisy-Collapse' },\n    media: 'Collapse',\n  });\n  bm.add('d-Countdown', {\n    category: 'Data Display',\n    name: 'd-Countdown',\n    label: 'Daisy Countdown',\n    content: { type: 'daisy-Countdown' },\n    media: '<span class=\"countdown\"><span style=\"--value:10;\"></span></span>',\n  });\n  bm.add('d-Kbd', {\n    category: 'Data Display',\n    name: 'd-Kbd',\n    label: 'Daisy Kbd',\n    content: { type: 'daisy-Kbd' },\n    media: '<kbd class=\"kbd\">A</kbd>',\n  });\n  bm.add('d-Progress', {\n    category: 'Data Display',\n    name: 'd-Progress',\n    label: 'Daisy Progress',\n    content: { type: 'daisy-Progress' },\n    media: '<progress class=\"progress w-16\"></progress>',\n  });\n  bm.add('d-Radial', {\n    category: 'Data Display',\n    name: 'd-Radial',\n    label: 'Daisy Radial',\n    content: { type: 'daisy-Radial' },\n    media: '<div class=\"radial-progress\" style=\"--value:70;\">70%</div>',\n  });\n  bm.add('d-Stat', {\n    category: 'Data Display',\n    name: 'd-Stat',\n    label: 'Daisy Stat',\n    content: { type: 'daisy-Stat' },\n    media: '<div class=\"stat-desc\">21% more than</div>',\n  });\n  bm.add('d-Table', {\n    category: 'Data Display',\n    name: 'd-Table',\n    label: 'Daisy Table',\n    content: { type: 'daisy-Table' },\n    media: 'Table',\n  });\n  bm.add('d-Tooltip', {\n    category: 'Data Display',\n    name: 'd-Tooltip',\n    label: 'Daisy Tooltip',\n    content: { type: 'daisy-Tooltip' },\n    media: '<button class=\"btn\">Hover me</button>',\n  });\n  bm.add('d-Checkbox', {\n    category: 'Data Input',\n    name: 'd-Checkbox',\n    label: 'Daisy Checkbox',\n    content: { type: 'daisy-Checkbox' },\n    media: '<input type=\"checkbox\" checked=\"checked\" class=\"checkbox\" />',\n  });\n  bm.add('d-File', {\n    category: 'Data Input',\n    name: 'd-File',\n    label: 'Daisy File',\n    content: { type: 'daisy-File' },\n    media: '<input type=\"file\" class=\"file-input w-full max-w-xs\" />',\n  });\n  bm.add('d-Radio', {\n    category: 'Data Input',\n    name: 'd-Radio',\n    label: 'Daisy Radio',\n    content: { type: 'daisy-Radio' },\n    media: '<input type=\"radio\" name=\"radio-1\" class=\"radio\" checked />',\n  });\n  bm.add('d-Range', {\n    category: 'Data Input',\n    name: 'd-Range',\n    label: 'Daisy Range',\n    content: { type: 'daisy-Range' },\n    media: '<input type=\"range\" min=\"0\" max=\"100\" value=\"40\" class=\"range\" />',\n  });\n  bm.add('d-Rating', {\n    category: 'Data Input',\n    name: 'd-Rating',\n    label: 'Daisy Rating',\n    content: { type: 'daisy-Rating' },\n    media: '<div class=\"rating\"><input type=\"radio\" name=\"rating-2\" class=\"mask mask-star-2 bg-orange-400\" /></div>',\n  });\n  bm.add('d-Select', {\n    category: 'Data Input',\n    name: 'd-Select',\n    label: 'Daisy Select',\n    content: { type: 'daisy-Select' },\n    media: 'Select',\n  });\n  bm.add('d-Input', {\n    category: 'Data Input',\n    name: 'd-Input',\n    label: 'Daisy Input',\n    content: { type: 'daisy-Input' },\n    media: '<input type=\"text\" placeholder=\"Type here\" class=\"input input-bordered w-full max-w-xs\" />',\n  });\n  bm.add('d-Textarea', {\n    category: 'Data Input',\n    name: 'd-Textarea',\n    label: 'Daisy Textarea',\n    content: { type: 'daisy-Textarea' },\n    media: '<input type=\"text\" placeholder=\"Bio\" class=\"input input-bordered w-full max-w-xs\" />',\n  });\n  bm.add('d-Toggle', {\n    category: 'Data Input',\n    name: 'd-Toggle',\n    label: 'Daisy Toggle',\n    content: { type: 'daisy-Toggle' },\n    media: '<div class=\"form-control\"><label class=\"label cursor-pointer\"><input type=\"checkbox\" class=\"toggle\" checked /></label></div>',\n  });\n  bm.add('d-Artboard', {\n    category: 'Layout',\n    name: 'd-Artboard',\n    label: 'Daisy Artboard',\n    content: { type: 'daisy-Artboard' },\n    media: 'Artboard',\n  });\n\n  bm.add('d-Buttongroup', {\n    category: 'Layout',\n    name: 'd-Buttongroup',\n    label: 'Daisy Buttongroup',\n    content: { type: 'daisy-Buttongroup' },\n    media: '<div class=\"btn-group\"><input type=\"radio\" name=\"options\" data-title=\"1\" class=\"btn\" /><input type=\"radio\" name=\"options\" data-title=\"2\" class=\"btn\" checked /></div>',\n  });\n\n  bm.add('d-Divider', {\n    category: 'Layout',\n    name: 'd-Divider',\n    label: 'Daisy Divider',\n    content: { type: 'daisy-Divider' },\n    media: '  <div class=\"divider\">OR</div>',\n  });\n\n  bm.add('d-Drawer', {\n    category: 'Layout',\n    name: 'd-Drawer',\n    label: 'Daisy Drawer',\n    content: { type: 'daisy-Drawer' },\n    media: 'Drawer',\n  });\n\n  bm.add('d-Footer', {\n    category: 'Layout',\n    name: 'd-Footer',\n    label: 'Daisy Footer',\n    content: { type: 'daisy-Footer' },\n    media: 'Footer',\n  });\n\n  bm.add('d-Hero', {\n    category: 'Layout',\n    name: 'd-Hero',\n    label: 'Daisy Hero',\n    content: { type: 'daisy-Hero' },\n    media: 'Hero',\n  });\n\n  bm.add('d-Indicator', {\n    category: 'Layout',\n    name: 'd-Indicator',\n    label: 'Daisy Indicator',\n    content: { type: 'daisy-Indicator' },\n    media: '<div class=\"indicator\"><span class=\"indicator-item badge badge-primary\">new</span> <div class=\"grid w-16 h-16 bg-base-300 place-items-center\">content</div></div>',\n  });\n\n  bm.add('d-Inputgroup', {\n    category: 'Layout',\n    name: 'd-Inputgroup',\n    label: 'Daisy Inputgroup',\n    content: { type: 'daisy-Inputgroup' },\n    media: '<div class=\"form-control\"><label class=\"input-group input-group-vertical\"><span>Email</span><input type=\"text\" placeholder=\"info@site.com\" class=\"input input-bordered\" /></label></div>',\n  });\n\n  bm.add('d-Mask', {\n    category: 'Layout',\n    name: 'd-Mask',\n    label: 'Daisy Mask',\n    content: { type: 'daisy-Mask' },\n    media: '<img class=\"mask mask-squircle\" src=\"https://placeimg.com/160/160/arch\" />',\n  });\n\n  bm.add('d-Stack', {\n    category: 'Layout',\n    name: 'd-Stack',\n    label: 'Daisy Stack',\n    content: { type: 'daisy-Stack' },\n    media: '<div class=\"stack\"><div class=\"grid w-8 h-16 rounded bg-primary text-primary-content place-content-center\">1</div> <div class=\"grid w-32 h-20 rounded bg-accent text-accent-content place-content-center\">2</div> <div class=\"grid w-32 h-20 rounded bg-secondary text-secondary-content place-content-center\">3</div></div>',\n  });\n\n  bm.add('d-Toast', {\n    category: 'Layout',\n    name: 'd-Toast',\n    label: 'Daisy Toast',\n    content: { type: 'daisy-Toast' },\n    media: '<div class=\"toast toast-top toast-start\"><div class=\"alert alert-info\"><div><span>New mail arrived.</span></div></div></div>',\n  });\n  bm.add('d-Breadcrumbs', {\n    category: 'Navigation',\n    name: 'd-Breadcrumbs',\n    label: 'Daisy Breadcrumbs',\n    content: { type: 'daisy-Breadcrumbs' },\n    media: '<div class=\"text-sm breadcrumbs\"><ul><li><a>1</a></li> <li><a>2</a></li> </ul></div>',\n  });\n  bm.add('d-Bottomnavigation', {\n    category: 'Navigation',\n    name: 'd-Bottomnavigation',\n    label: 'Daisy Bottomnavigation',\n    content: { type: 'daisy-Bottomnavigation' },\n    media: '<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" /></svg>'\n  });\n  bm.add('d-Link', {\n    category: 'Navigation',\n    name: 'd-Link',\n    label: 'Daisy Link',\n    content: { type: 'daisy-Link' },\n    media: '<a class=\"link\">link</a>',\n  });\n  bm.add('d-Menu', {\n    category: 'Navigation',\n    name: 'd-Menu',\n    label: 'Daisy Menu',\n    content: { type: 'daisy-Menu' },\n    media: '<ul class=\"menu bg-base-100 w-16 rounded-box\"><li><a>1</a></li><li><a>2</a></li></ul>',\n  });\n  bm.add('d-Navbar', {\n    category: 'Navigation',\n    name: 'd-Navbar',\n    label: 'Daisy Navbar',\n    content: { type: 'daisy-Navbar' },\n    media: '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"inline-block w-5 h-5 stroke-current\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"></path></svg>',\n  });\n  bm.add('d-Pagination', {\n    category: 'Navigation',\n    name: 'd-Pagination',\n    label: 'Daisy Pagination',\n    content: { type: 'daisy-Pagination' },\n    media: '<div class=\"btn-group\"><button class=\"btn\">1</button><button class=\"btn btn-active\">2</button></div>',\n  });\n  bm.add('d-Steps', {\n    category: 'Navigation',\n    name: 'd-Steps',\n    label: 'Daisy Steps',\n    content: { type: 'daisy-Steps' },\n    media: '<ul class=\"steps\"><li class=\"step step-primary\">1</li><li class=\"step step-primary\">2</li></ul>',\n  });\n  bm.add('d-Tabs', {\n    category: 'Navigation',\n    name: 'd-Tabs',\n    label: 'Daisy Tabs',\n    content: { type: 'daisy-Tabs' },\n    media: '<div class=\"tabs tabs-boxed\"><a class=\"tab tab-active\">1</a><a class=\"tab tab-active\">2</a></div>',\n  });\n  bm.add('d-Code', {\n    category: 'Mockup',\n    name: 'd-Code',\n    label: 'Daisy Code',\n    content: { type: 'daisy-Code' },\n    media: '<pre data-prefix=\"$\"><code>npm i</code></pre>',\n  });\n  bm.add('d-Phone', {\n    category: 'Mockup',\n    name: 'd-Phone',\n    label: 'Daisy Phone',\n    content: { type: 'daisy-Phone' },\n    media: 'Phone',\n  });\n  bm.add('d-camera', {\n    category: 'Mockup',\n    name: 'd-camera',\n    label: 'Daisy camera',\n    content: { type: 'daisy-camera' },\n    media: 'camera',\n  });\n  bm.add('d-Window', {\n    category: 'Mockup',\n    name: 'd-Window',\n    label: 'Daisy Window',\n    content: { type: 'daisy-Window' },\n    media: 'Window',\n  });\n}\n","import loadComponents from './components';\nimport loadBlocks from './blocks';\n\n\nexport default (editor, opts = {}) => {\n  const options = { ...{\n    \n    // default options\n  },  ...opts };\n\n  // Add components\n  loadComponents(editor, options);\n  // Add blocks\n  loadBlocks(editor, options);\n  \n\n  editor.on('load', () => {\n    // editor.addComponents(\n    //   // `<div style=\"margin:100px; padding:25px;\">\n    //   //     Content loaded from the plugin\n    //   // </div>`,\n    //   {\n    //     at: 0\n    //   }\n    // )\n  })\n\n  const pn = editor.Panels;\n  const bm = editor.Blocks\n\n  const openBl = pn.getButton('views', 'open-blocks');\n  editor.on('load', () => { \n      openBl && openBl.set('active', 1);\n      bm.getCategories().forEach(c => c.set('open', 0));\n  });\n};"],"names":["root","factory","exports","module","define","amd","globalThis","window","this","__webpack_require__","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","_typeof","iterator","constructor","_toPropertyKey","arg","input","hint","prim","toPrimitive","undefined","res","TypeError","String","Number","_defineProperty","configurable","writable","editor","DomComponents","addType","model","defaults","traits","type","name","label","TraitManager","noLabel","templateInput","trait","getModelValue","replace","domc","content","changeProp","attributes","class","view","tagName","editable","bm","BlockManager","add","category","media","opts","options","loadComponents","loadBlocks","on","pn","Panels","Blocks","openBl","getButton","set","getCategories","forEach","c"],"sourceRoot":""}


--------------------------------------------------------------------------------