@design.estate/dees-domtools 2.3.4 → 2.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_bundle/bundle.js +805 -3818
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts/00_commitinfo_data.js +1 -1
- package/package.json +8 -8
- package/readme.md +20 -17
- package/ts/00_commitinfo_data.ts +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-domtools',
|
|
6
|
-
version: '2.3.
|
|
6
|
+
version: '2.3.6',
|
|
7
7
|
description: 'A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvMDBfY29tbWl0aW5mb19kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3hCLElBQUksRUFBRSw4QkFBOEI7SUFDcEMsT0FBTyxFQUFFLE9BQU87SUFDaEIsV0FBVyxFQUFFLHFLQUFxSztDQUNuTCxDQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design.estate/dees-domtools",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.",
|
|
6
6
|
"main": "dist_ts/index.js",
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
"author": "Lossless GmbH",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@git.zone/tsbuild": "^2.
|
|
13
|
-
"@git.zone/tsbundle": "^2.
|
|
14
|
-
"@git.zone/tstest": "^2.
|
|
12
|
+
"@git.zone/tsbuild": "^2.7.1",
|
|
13
|
+
"@git.zone/tsbundle": "^2.5.1",
|
|
14
|
+
"@git.zone/tstest": "^2.7.0",
|
|
15
15
|
"@push.rocks/tapbundle": "^6.0.3",
|
|
16
16
|
"@types/node": "^22.12.0"
|
|
17
17
|
},
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
"@design.estate/dees-comms": "^1.0.27",
|
|
21
21
|
"@push.rocks/lik": "^6.2.2",
|
|
22
22
|
"@push.rocks/smartdelay": "^3.0.5",
|
|
23
|
-
"@push.rocks/smartjson": "^5.0
|
|
23
|
+
"@push.rocks/smartjson": "^5.2.0",
|
|
24
24
|
"@push.rocks/smartmarkdown": "^3.0.3",
|
|
25
25
|
"@push.rocks/smartpromise": "^4.2.3",
|
|
26
|
-
"@push.rocks/smartrouter": "^1.3.
|
|
26
|
+
"@push.rocks/smartrouter": "^1.3.3",
|
|
27
27
|
"@push.rocks/smartrx": "^3.0.10",
|
|
28
|
-
"@push.rocks/smartstate": "^2.0.
|
|
29
|
-
"@push.rocks/smartstring": "^4.0
|
|
28
|
+
"@push.rocks/smartstate": "^2.0.27",
|
|
29
|
+
"@push.rocks/smartstring": "^4.1.0",
|
|
30
30
|
"@push.rocks/smarturl": "^3.1.0",
|
|
31
31
|
"@push.rocks/webrequest": "^3.0.37",
|
|
32
32
|
"@push.rocks/websetup": "^3.0.19",
|
package/readme.md
CHANGED
|
@@ -6,15 +6,15 @@ Modern web development made elegant. `@design.estate/dees-domtools` provides a p
|
|
|
6
6
|
|
|
7
7
|
## Features
|
|
8
8
|
|
|
9
|
-
🚀 **Smart DOM Management** - Singleton-based DomTools instance with race-condition-free initialization
|
|
10
|
-
📱 **Responsive Breakpoints** - Built-in support for desktop, tablet, phablet, and phone viewports with container queries
|
|
11
|
-
🎭 **Theme Management** - Automatic dark/light mode detection and switching with RxJS observables
|
|
12
|
-
⌨️ **Keyboard Shortcuts** - Elegant keyboard event handling with combo support
|
|
13
|
-
📜 **Smooth Scrolling** - Native and Lenis-powered smooth scrolling with automatic detection
|
|
14
|
-
🎯 **State Management** - Integrated state management with smartstate
|
|
15
|
-
🧭 **Routing** - Client-side routing with smartrouter
|
|
16
|
-
🌐 **WebSetup** - Easy management of website metadata, favicons, and SEO tags
|
|
17
|
-
💅 **CSS Utilities** - Grid helpers, breakpoint utilities, and base styles for web components
|
|
9
|
+
- 🚀 **Smart DOM Management** - Singleton-based DomTools instance with race-condition-free initialization
|
|
10
|
+
- 📱 **Responsive Breakpoints** - Built-in support for desktop, tablet, phablet, and phone viewports with container queries
|
|
11
|
+
- 🎭 **Theme Management** - Automatic dark/light mode detection and switching with RxJS observables
|
|
12
|
+
- ⌨️ **Keyboard Shortcuts** - Elegant keyboard event handling with combo support
|
|
13
|
+
- 📜 **Smooth Scrolling** - Native and Lenis-powered smooth scrolling with automatic detection
|
|
14
|
+
- 🎯 **State Management** - Integrated state management with smartstate
|
|
15
|
+
- 🧭 **Routing** - Client-side routing with smartrouter
|
|
16
|
+
- 🌐 **WebSetup** - Easy management of website metadata, favicons, and SEO tags
|
|
17
|
+
- 💅 **CSS Utilities** - Grid helpers, breakpoint utilities, and base styles for web components
|
|
18
18
|
|
|
19
19
|
## Installation
|
|
20
20
|
|
|
@@ -114,7 +114,8 @@ const myStyles = litCss`
|
|
|
114
114
|
`;
|
|
115
115
|
```
|
|
116
116
|
|
|
117
|
-
Available breakpoint helpers
|
|
117
|
+
**Available breakpoint helpers:**
|
|
118
|
+
|
|
118
119
|
- `cssForDesktop(css)` - Styles for 1600px and above
|
|
119
120
|
- `cssForNotebook(css)` - Styles for 1240px and below
|
|
120
121
|
- `cssForTablet(css)` - Styles for 1024px and below
|
|
@@ -184,6 +185,7 @@ keyboard.stopListening();
|
|
|
184
185
|
**Available Keys:**
|
|
185
186
|
|
|
186
187
|
All standard keyboard keys are available in the `Key` enum, including:
|
|
188
|
+
|
|
187
189
|
- Modifiers: `Ctrl`, `Shift`, `Alt`
|
|
188
190
|
- Letters: `A` through `Z`
|
|
189
191
|
- Numbers: `Zero` through `Nine`
|
|
@@ -298,7 +300,8 @@ class MyElement extends LitElement {
|
|
|
298
300
|
}
|
|
299
301
|
```
|
|
300
302
|
|
|
301
|
-
The `elementBasic.staticStyles` includes
|
|
303
|
+
**The `elementBasic.staticStyles` includes:**
|
|
304
|
+
|
|
302
305
|
- Box-sizing reset
|
|
303
306
|
- Smooth transitions for background and color
|
|
304
307
|
- Custom scrollbar styles
|
|
@@ -455,12 +458,12 @@ Targets the latest version of Chrome. For other browsers, you may need to includ
|
|
|
455
458
|
|
|
456
459
|
## Why @design.estate/dees-domtools?
|
|
457
460
|
|
|
458
|
-
✅ **Race-condition free** - Carefully designed initialization prevents common timing issues
|
|
459
|
-
✅ **TypeScript first** - Full type safety and IntelliSense support
|
|
460
|
-
✅ **Modern APIs** - Built on Lit, RxJS, and other modern web standards
|
|
461
|
-
✅ **Batteries included** - Everything you need for sophisticated web apps
|
|
462
|
-
✅ **Production ready** - Used in real-world applications at design.estate
|
|
463
|
-
✅ **Well maintained** - Active development and support
|
|
461
|
+
- ✅ **Race-condition free** - Carefully designed initialization prevents common timing issues
|
|
462
|
+
- ✅ **TypeScript first** - Full type safety and IntelliSense support
|
|
463
|
+
- ✅ **Modern APIs** - Built on Lit, RxJS, and other modern web standards
|
|
464
|
+
- ✅ **Batteries included** - Everything you need for sophisticated web apps
|
|
465
|
+
- ✅ **Production ready** - Used in real-world applications at design.estate
|
|
466
|
+
- ✅ **Well maintained** - Active development and support
|
|
464
467
|
|
|
465
468
|
## Related Packages
|
|
466
469
|
|
package/ts/00_commitinfo_data.ts
CHANGED
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-domtools',
|
|
6
|
-
version: '2.3.
|
|
6
|
+
version: '2.3.6',
|
|
7
7
|
description: 'A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.'
|
|
8
8
|
}
|