@alekstar79/draggable-resizable-container 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/index.d.ts +2 -1
  2. package/dist/index.es.js +1363 -115
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.umd.js +85 -5
  5. package/dist/index.umd.js.map +1 -1
  6. package/dist/media-BMYuYfio.js +25 -0
  7. package/dist/media-BMYuYfio.js.map +1 -0
  8. package/dist/package.json +3 -3
  9. package/dist/stats-CfbjjoNm.js +36 -0
  10. package/dist/stats-CfbjjoNm.js.map +1 -0
  11. package/dist/tasks-dygJ8dHT.js +34 -0
  12. package/dist/tasks-dygJ8dHT.js.map +1 -0
  13. package/package.json +3 -3
package/dist/media-BMYuYfio.js ADDED
@@ -0,0 +1,25 @@
1
+ const a = `<div class="media-content">
2
+ <h4>🎬 Media Gallery</h4>
3
+ <div class="media-grid">
4
+ <div class="media-item" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
5
+ <span>Image 1</span>
6
+ </div>
7
+ <div class="media-item" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
8
+ <span>Image 2</span>
9
+ </div>
10
+ <div class="media-item" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
11
+ <span>Image 3</span>
12
+ </div>
13
+ </div>
14
+ <p class="media-description">
15
+ This content is loaded from a template file! Templates allow you to separate content structure from logic.
16
+ </p>
17
+ <div class="template-info">
18
+ <small>📁 Template: media.html</small>
19
+ </div>
20
+ </div>
21
+ `;
22
+ export {
23
+ a as default
24
+ };
25
+ //# sourceMappingURL=media-BMYuYfio.js.map
package/dist/media-BMYuYfio.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media-BMYuYfio.js","sources":["../src/demo/templates/media.html?raw"],"sourcesContent":["export default \"<div class=\\\"media-content\\\">\\n <h4>🎬 Media Gallery</h4>\\n <div class=\\\"media-grid\\\">\\n <div class=\\\"media-item\\\" style=\\\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\\">\\n <span>Image 1</span>\\n </div>\\n <div class=\\\"media-item\\\" style=\\\"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\\\">\\n <span>Image 2</span>\\n </div>\\n <div class=\\\"media-item\\\" style=\\\"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\\\">\\n <span>Image 3</span>\\n </div>\\n </div>\\n <p class=\\\"media-description\\\">\\n This content is loaded from a template file! Templates allow you to separate content structure from logic.\\n </p>\\n <div class=\\\"template-info\\\">\\n <small>📁 Template: media.html</small>\\n </div>\\n</div>\\n\""],"names":["media"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alekstar79/draggable-resizable-container",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "A modern TypeScript library for managing draggable and resizable containers",
5
5
  "author": "Aleksey Tarasenko <alekstar79@yandex.ru>",
6
6
  "license": "MIT",
@@ -15,8 +15,8 @@
15
15
  "import": "./dist/index.es.js"
16
16
  },
17
17
  "./styles": {
18
- "import": "./dist/styles/base.css",
19
- "require": "./dist/styles/base.css"
18
+ "import": "./dist/index.css",
19
+ "require": "./dist/index.css"
20
20
  }
21
21
  },
22
22
  "files": [
package/dist/stats-CfbjjoNm.js ADDED
@@ -0,0 +1,36 @@
1
+ const s = `<div class="stats-content">
2
+ <h4>📊 Statistics Panel</h4>
3
+ <div class="stats-grid">
4
+ <div class="stat-card">
5
+ <div class="stat-value">42</div>
6
+ <div class="stat-label">Views</div>
7
+ </div>
8
+ <div class="stat-card">
9
+ <div class="stat-value">18</div>
10
+ <div class="stat-label">Likes</div>
11
+ </div>
12
+ <div class="stat-card">
13
+ <div class="stat-value">7</div>
14
+ <div class="stat-label">Shares</div>
15
+ </div>
16
+ </div>
17
+ <div class="progress-section">
18
+ <div class="progress-item">
19
+ <label>Performance</label>
20
+ <div class="progress-bar">
21
+ <div class="progress-fill" style="width: 75%"></div>
22
+ </div>
23
+ </div>
24
+ <div class="progress-item">
25
+ <label>Engagement</label>
26
+ <div class="progress-bar">
27
+ <div class="progress-fill" style="width: 60%"></div>
28
+ </div>
29
+ </div>
30
+ </div>
31
+ <p>This template demonstrates dynamic content structure with CSS styling.</p>
32
+ </div>`;
33
+ export {
34
+ s as default
35
+ };
36
+ //# sourceMappingURL=stats-CfbjjoNm.js.map
package/dist/stats-CfbjjoNm.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stats-CfbjjoNm.js","sources":["../src/demo/templates/stats.html?raw"],"sourcesContent":["export default \"<div class=\\\"stats-content\\\">\\n <h4>📊 Statistics Panel</h4>\\n <div class=\\\"stats-grid\\\">\\n <div class=\\\"stat-card\\\">\\n <div class=\\\"stat-value\\\">42</div>\\n <div class=\\\"stat-label\\\">Views</div>\\n </div>\\n <div class=\\\"stat-card\\\">\\n <div class=\\\"stat-value\\\">18</div>\\n <div class=\\\"stat-label\\\">Likes</div>\\n </div>\\n <div class=\\\"stat-card\\\">\\n <div class=\\\"stat-value\\\">7</div>\\n <div class=\\\"stat-label\\\">Shares</div>\\n </div>\\n </div>\\n <div class=\\\"progress-section\\\">\\n <div class=\\\"progress-item\\\">\\n <label>Performance</label>\\n <div class=\\\"progress-bar\\\">\\n <div class=\\\"progress-fill\\\" style=\\\"width: 75%\\\"></div>\\n </div>\\n </div>\\n <div class=\\\"progress-item\\\">\\n <label>Engagement</label>\\n <div class=\\\"progress-bar\\\">\\n <div class=\\\"progress-fill\\\" style=\\\"width: 60%\\\"></div>\\n </div>\\n </div>\\n </div>\\n <p>This template demonstrates dynamic content structure with CSS styling.</p>\\n</div>\""],"names":["stats"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/dist/tasks-dygJ8dHT.js ADDED
@@ -0,0 +1,34 @@
1
+ const s = `<div class="tasks-content">
2
+ <h4>✅ Task Manager</h4>
3
+ <div class="task-list">
4
+ <div class="task-item completed">
5
+ <span class="task-checkbox">✓</span>
6
+ <span class="task-text">Implement template system</span>
7
+ </div>
8
+ <div class="task-item completed">
9
+ <span class="task-checkbox">✓</span>
10
+ <span class="task-text">Add individual mode controls</span>
11
+ </div>
12
+ <div class="task-item current">
13
+ <span class="task-checkbox">○</span>
14
+ <span class="task-text">Create demo examples</span>
15
+ </div>
16
+ <div class="task-item">
17
+ <span class="task-checkbox">○</span>
18
+ <span class="task-text">Write documentation</span>
19
+ </div>
20
+ </div>
21
+ <div class="task-stats">
22
+ <div class="task-progress">
23
+ <span>Progress: 2/4 tasks</span>
24
+ <div class="progress-bar">
25
+ <div class="progress-fill" style="width: 50%"></div>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ <p>Template content can include interactive elements and dynamic data.</p>
30
+ </div>`;
31
+ export {
32
+ s as default
33
+ };
34
+ //# sourceMappingURL=tasks-dygJ8dHT.js.map
package/dist/tasks-dygJ8dHT.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tasks-dygJ8dHT.js","sources":["../src/demo/templates/tasks.html?raw"],"sourcesContent":["export default \"<div class=\\\"tasks-content\\\">\\n <h4>✅ Task Manager</h4>\\n <div class=\\\"task-list\\\">\\n <div class=\\\"task-item completed\\\">\\n <span class=\\\"task-checkbox\\\">✓</span>\\n <span class=\\\"task-text\\\">Implement template system</span>\\n </div>\\n <div class=\\\"task-item completed\\\">\\n <span class=\\\"task-checkbox\\\">✓</span>\\n <span class=\\\"task-text\\\">Add individual mode controls</span>\\n </div>\\n <div class=\\\"task-item current\\\">\\n <span class=\\\"task-checkbox\\\">○</span>\\n <span class=\\\"task-text\\\">Create demo examples</span>\\n </div>\\n <div class=\\\"task-item\\\">\\n <span class=\\\"task-checkbox\\\">○</span>\\n <span class=\\\"task-text\\\">Write documentation</span>\\n </div>\\n </div>\\n <div class=\\\"task-stats\\\">\\n <div class=\\\"task-progress\\\">\\n <span>Progress: 2/4 tasks</span>\\n <div class=\\\"progress-bar\\\">\\n <div class=\\\"progress-fill\\\" style=\\\"width: 50%\\\"></div>\\n </div>\\n </div>\\n </div>\\n <p>Template content can include interactive elements and dynamic data.</p>\\n</div>\""],"names":["tasks"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alekstar79/draggable-resizable-container",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "A modern TypeScript library for managing draggable and resizable containers",
5
5
  "author": "Aleksey Tarasenko <alekstar79@yandex.ru>",
6
6
  "license": "MIT",
@@ -15,8 +15,8 @@
15
15
  "import": "./dist/index.es.js"
16
16
  },
17
17
  "./styles": {
18
- "import": "./dist/styles/base.css",
19
- "require": "./dist/styles/base.css"
18
+ "import": "./dist/index.css",
19
+ "require": "./dist/index.css"
20
20
  }
21
21
  },
22
22
  "files": [