snice 2.5.4 → 3.2.0

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "snice",
-  "version": "2.5.4",
+  "version": "3.2.0",
   "type": "module",
-  "description": "Imperative TypeScript framework for building vanilla web components with decorators, routing, and controllers. No virtual DOM, no build complexity.",
+  "description": "Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",
   "browser": "dist/index.iife.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs",
       "browser": "./dist/index.iife.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     },
     "./symbols": {
       "import": "./dist/symbols.esm.js",
       "require": "./dist/symbols.cjs",
-      "types": "./dist/types/symbols.d.ts"
+      "types": "./dist/symbols.d.ts"
     },
     "./transitions": {
       "import": "./dist/transitions.esm.js",
       "require": "./dist/transitions.cjs",
-      "types": "./dist/types/transitions.d.ts"
+      "types": "./dist/transitions.d.ts"
     },
     "./components/*": {
       "import": "./dist/components/*.js",
@@ -33,12 +33,10 @@
     "snice": "./bin/snice.js"
   },
   "files": [
-    "dist/*.js",
-    "dist/*.map",
-    "dist/types",
-    "dist/components",
+    "dist",
     "bin",
-    "README.md"
+    "README.md",
+    "docs"
   ],
   "keywords": [
     "web components",
@@ -95,6 +93,7 @@
     "release:dry": "semantic-release --dry-run --no-ci"
   },
   "devDependencies": {
+    "@playwright/test": "^1.56.1",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.4",
@@ -107,6 +106,7 @@
     "@swc/core": "^1.13.5",
     "@types/node": "^20.0.0",
     "@vitest/ui": "^1.0.0",
+    "clean-css": "^5.3.3",
     "happy-dom": "^12.0.0",
     "rollup": "^4.50.2",
     "semantic-release": "^24.2.7",

package/dist/components/snice-cell-C9N6yGxQ.js

@@ -1,4 +0,0 @@
-var css = "/* Cell Base */\n:host {\n  display: flex;\n  align-items: center;\n  min-height: 2.5rem; /* 40px */\n  height: 2.5rem; /* 40px */\n  min-width: 6.25rem; /* 100px */\n  flex: 1;\n  font-size: 0.875rem; /* 14px */\n  line-height: 1.25rem; /* 20px */\n}\n\n.cell-content {\n  width: 100%;\n  min-width: 6.25rem; /* 100px */\n  min-height: 1.25rem; /* 20px */\n  word-wrap: break-word;\n}\n\n/* Text Alignment */\n:host([align=\"left\"]) {\n  text-align: left;\n}\n\n:host([align=\"center\"]) {\n  text-align: center;\n}\n\n:host([align=\"right\"]) {\n  text-align: right;\n}\n\n/* Type Specific Styles */\n:host([type=\"number\"]),\n:host([type=\"currency\"]),\n:host([type=\"percent\"]),\n:host([type=\"accounting\"]),\n:host([type=\"scientific\"]),\n:host([type=\"fraction\"]) {\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n:host([type=\"date\"]) {\n  font-variant-numeric: tabular-nums;\n}\n\n:host([type=\"boolean\"]) {\n  text-align: center;\n  font-size: 1rem; /* 16px */\n}\n\n:host([type=\"rating\"]) {\n  text-align: center;\n}\n\n:host([type=\"progress\"]) {\n  /* Remove padding */\n}\n\n:host([type=\"sparkline\"]) {\n  text-align: center;\n  /* Remove padding */\n}\n\n/* Text Content Specific */\n.cell-content--text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cell-content--text[data-multiline=\"true\"] {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n/* Number Content Specific */\n.cell-content--number {\n  font-feature-settings: 'tnum';\n}\n\n/* Date Content Specific */\n.cell-content--date {\n  font-feature-settings: 'tnum';\n}\n\n/* Boolean Content Styling */\n:host([type=\"boolean\"]) .cell-content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Rating Content Styling */\n:host([type=\"rating\"]) .cell-content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.125rem; /* 2px */\n}\n\n/* Progress Content Styling */\n.cell-content--progress {\n  width: 100%;\n  min-width: 4rem; /* 64px */\n}\n\n/* Sparkline Content Styling */\n.cell-content--sparkline {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 3rem; /* 48px */\n}\n\n/* Conditional Formatting Support */\n:host(.positive) {\n  color: var(--snice-color-success);\n}\n\n:host(.negative) {\n  color: var(--snice-color-danger);\n}\n\n:host(.warning) {\n  color: var(--snice-color-warning);\n  background-color: rgb(var(--snice-color-yellow-100));\n}\n\n:host(.danger) {\n  color: var(--snice-color-danger);\n  background-color: rgb(var(--snice-color-red-100));\n}\n\n:host(.success) {\n  color: var(--snice-color-success);\n  background-color: rgb(var(--snice-color-green-100));\n}\n\n:host(.info) {\n  color: var(--snice-color-primary);\n  background-color: rgb(var(--snice-color-blue-100));\n}\n\n/* Date-specific styling */\n:host(.date--today) {\n  font-weight: var(--snice-font-weight-semibold);\n  color: var(--snice-color-primary);\n}\n\n:host(.date--past) {\n  color: var(--snice-color-text-secondary);\n}\n\n:host(.date--future) {\n  color: var(--snice-color-success);\n}\n\n/* Number-specific styling */\n:host(.number--negative.number--negative-red) {\n  color: var(--snice-color-danger);\n}\n\n:host(.number--positive.number--highlighted) {\n  color: var(--snice-color-success);\n  font-weight: var(--snice-font-weight-semibold);\n}\n\n:host(.number--zero) {\n  color: var(--snice-color-text-secondary);\n}\n\n/* Truncation Support */\n:host([truncate]) .cell-content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Wrap Support */\n:host([wrap]) .cell-content {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n/* Empty State */\n:host([value=\"\"]) .cell-content,\n:host(:not([value])) .cell-content {\n  color: #6c757d;\n  font-style: italic;\n}\n\n/* Loading State */\n:host(.loading) {\n  position: relative;\n  overflow: hidden;\n}\n\n:host(.loading) .cell-content {\n  opacity: 0.6;\n}\n\n:host(.loading)::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\n  animation: cell-shimmer 1.5s infinite;\n}\n\n@keyframes cell-shimmer {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* Focus States */\n:host(:focus-within) {\n  outline: 2px solid #007bff;\n  outline-offset: -2px;\n}\n\n/* Interactive Elements */\n.cell-content button,\n.cell-content input,\n.cell-content select {\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.cell-content a {\n  color: #007bff;\n  text-decoration: none;\n}\n\n.cell-content a:hover {\n  text-decoration: underline;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  :host {\n    font-size: 0.75rem; /* 12px */\n    line-height: 1rem; /* 16px */\n  }\n  \n  :host([type=\"boolean\"]) {\n    font-size: 0.875rem; /* 14px */\n  }\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n  :host(.loading)::after {\n    animation: none;\n  }\n}\n\n/* High Contrast Mode */\n@media (prefers-contrast: high) {\n  :host(.positive) {\n    background-color: #d4edda;\n  }\n  \n  :host(.negative) {\n    background-color: #f8d7da;\n  }\n  \n  .cell-content a {\n    text-decoration: underline;\n  }\n}\n\n/* Print Styles */\n@media print {\n  :host {\n    font-size: 0.75rem; /* 12px */\n  }\n  \n  :host(.loading)::after {\n    display: none;\n  }\n  \n  .cell-content a {\n    text-decoration: underline;\n  }\n}";
-
-export { css as c };
-//# sourceMappingURL=snice-cell-C9N6yGxQ.js.map

package/dist/components/snice-cell-C9N6yGxQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"snice-cell-C9N6yGxQ.js","sources":["../../components/table/snice-cell.css?inline"],"sourcesContent":["export default \"/* Cell Base */\\n:host {\\n  display: flex;\\n  align-items: center;\\n  min-height: 2.5rem; /* 40px */\\n  height: 2.5rem; /* 40px */\\n  min-width: 6.25rem; /* 100px */\\n  flex: 1;\\n  font-size: 0.875rem; /* 14px */\\n  line-height: 1.25rem; /* 20px */\\n}\\n\\n.cell-content {\\n  width: 100%;\\n  min-width: 6.25rem; /* 100px */\\n  min-height: 1.25rem; /* 20px */\\n  word-wrap: break-word;\\n}\\n\\n/* Text Alignment */\\n:host([align=\\\"left\\\"]) {\\n  text-align: left;\\n}\\n\\n:host([align=\\\"center\\\"]) {\\n  text-align: center;\\n}\\n\\n:host([align=\\\"right\\\"]) {\\n  text-align: right;\\n}\\n\\n/* Type Specific Styles */\\n:host([type=\\\"number\\\"]),\\n:host([type=\\\"currency\\\"]),\\n:host([type=\\\"percent\\\"]),\\n:host([type=\\\"accounting\\\"]),\\n:host([type=\\\"scientific\\\"]),\\n:host([type=\\\"fraction\\\"]) {\\n  font-variant-numeric: tabular-nums;\\n  text-align: right;\\n}\\n\\n:host([type=\\\"date\\\"]) {\\n  font-variant-numeric: tabular-nums;\\n}\\n\\n:host([type=\\\"boolean\\\"]) {\\n  text-align: center;\\n  font-size: 1rem; /* 16px */\\n}\\n\\n:host([type=\\\"rating\\\"]) {\\n  text-align: center;\\n}\\n\\n:host([type=\\\"progress\\\"]) {\\n  /* Remove padding */\\n}\\n\\n:host([type=\\\"sparkline\\\"]) {\\n  text-align: center;\\n  /* Remove padding */\\n}\\n\\n/* Text Content Specific */\\n.cell-content--text {\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n.cell-content--text[data-multiline=\\\"true\\\"] {\\n  white-space: pre-wrap;\\n  word-wrap: break-word;\\n  overflow-wrap: break-word;\\n}\\n\\n/* Number Content Specific */\\n.cell-content--number {\\n  font-feature-settings: 'tnum';\\n}\\n\\n/* Date Content Specific */\\n.cell-content--date {\\n  font-feature-settings: 'tnum';\\n}\\n\\n/* Boolean Content Styling */\\n:host([type=\\\"boolean\\\"]) .cell-content {\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n/* Rating Content Styling */\\n:host([type=\\\"rating\\\"]) .cell-content {\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  gap: 0.125rem; /* 2px */\\n}\\n\\n/* Progress Content Styling */\\n.cell-content--progress {\\n  width: 100%;\\n  min-width: 4rem; /* 64px */\\n}\\n\\n/* Sparkline Content Styling */\\n.cell-content--sparkline {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  min-width: 3rem; /* 48px */\\n}\\n\\n/* Conditional Formatting Support */\\n:host(.positive) {\\n  color: var(--snice-color-success);\\n}\\n\\n:host(.negative) {\\n  color: var(--snice-color-danger);\\n}\\n\\n:host(.warning) {\\n  color: var(--snice-color-warning);\\n  background-color: rgb(var(--snice-color-yellow-100));\\n}\\n\\n:host(.danger) {\\n  color: var(--snice-color-danger);\\n  background-color: rgb(var(--snice-color-red-100));\\n}\\n\\n:host(.success) {\\n  color: var(--snice-color-success);\\n  background-color: rgb(var(--snice-color-green-100));\\n}\\n\\n:host(.info) {\\n  color: var(--snice-color-primary);\\n  background-color: rgb(var(--snice-color-blue-100));\\n}\\n\\n/* Date-specific styling */\\n:host(.date--today) {\\n  font-weight: var(--snice-font-weight-semibold);\\n  color: var(--snice-color-primary);\\n}\\n\\n:host(.date--past) {\\n  color: var(--snice-color-text-secondary);\\n}\\n\\n:host(.date--future) {\\n  color: var(--snice-color-success);\\n}\\n\\n/* Number-specific styling */\\n:host(.number--negative.number--negative-red) {\\n  color: var(--snice-color-danger);\\n}\\n\\n:host(.number--positive.number--highlighted) {\\n  color: var(--snice-color-success);\\n  font-weight: var(--snice-font-weight-semibold);\\n}\\n\\n:host(.number--zero) {\\n  color: var(--snice-color-text-secondary);\\n}\\n\\n/* Truncation Support */\\n:host([truncate]) .cell-content {\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n/* Wrap Support */\\n:host([wrap]) .cell-content {\\n  white-space: pre-wrap;\\n  word-wrap: break-word;\\n  overflow-wrap: break-word;\\n}\\n\\n/* Empty State */\\n:host([value=\\\"\\\"]) .cell-content,\\n:host(:not([value])) .cell-content {\\n  color: #6c757d;\\n  font-style: italic;\\n}\\n\\n/* Loading State */\\n:host(.loading) {\\n  position: relative;\\n  overflow: hidden;\\n}\\n\\n:host(.loading) .cell-content {\\n  opacity: 0.6;\\n}\\n\\n:host(.loading)::after {\\n  content: '';\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\\n  animation: cell-shimmer 1.5s infinite;\\n}\\n\\n@keyframes cell-shimmer {\\n  0% {\\n    transform: translateX(-100%);\\n  }\\n  100% {\\n    transform: translateX(100%);\\n  }\\n}\\n\\n/* Focus States */\\n:host(:focus-within) {\\n  outline: 2px solid #007bff;\\n  outline-offset: -2px;\\n}\\n\\n/* Interactive Elements */\\n.cell-content button,\\n.cell-content input,\\n.cell-content select {\\n  font-size: inherit;\\n  line-height: inherit;\\n}\\n\\n.cell-content a {\\n  color: #007bff;\\n  text-decoration: none;\\n}\\n\\n.cell-content a:hover {\\n  text-decoration: underline;\\n}\\n\\n/* Responsive Design */\\n@media (max-width: 768px) {\\n  :host {\\n    font-size: 0.75rem; /* 12px */\\n    line-height: 1rem; /* 16px */\\n  }\\n  \\n  :host([type=\\\"boolean\\\"]) {\\n    font-size: 0.875rem; /* 14px */\\n  }\\n}\\n\\n/* Accessibility */\\n@media (prefers-reduced-motion: reduce) {\\n  :host(.loading)::after {\\n    animation: none;\\n  }\\n}\\n\\n/* High Contrast Mode */\\n@media (prefers-contrast: high) {\\n  :host(.positive) {\\n    background-color: #d4edda;\\n  }\\n  \\n  :host(.negative) {\\n    background-color: #f8d7da;\\n  }\\n  \\n  .cell-content a {\\n    text-decoration: underline;\\n  }\\n}\\n\\n/* Print Styles */\\n@media print {\\n  :host {\\n    font-size: 0.75rem; /* 12px */\\n  }\\n  \\n  :host(.loading)::after {\\n    display: none;\\n  }\\n  \\n  .cell-content a {\\n    text-decoration: underline;\\n  }\\n}\";"],"names":[],"mappings":"AAAA,UAAe,yhLAAyhL;;;;"}

package/dist/types/types/index.d.ts

@@ -1,23 +0,0 @@
-export * from './query-options';
-export * from './property-options';
-export * from './property-converter';
-export * from './snice-element';
-export * from './part-options';
-export * from './moved-options';
-export * from './adopted-options';
-export * from './simple-array';
-export * from './router-options';
-export * from './page-options';
-export * from './router-instance';
-export * from './on-options';
-export * from './dispatch-options';
-export * from './i-controller';
-export * from './transition';
-export * from './observe-options';
-export * from './request-options';
-export * from './respond-options';
-export * from './snice-global';
-export * from './placard';
-export * from './guard';
-export * from './route-params';
-export * from './app-context';