@almadar/shell-web 0.1.0 → 1.1.0

package/src/core/locales/en.json

@@ -113,6 +113,9 @@
   "aria.closeToast": "Dismiss toast",
   "aria.closeAlert": "Dismiss alert",
   "aria.removeFilter": "Remove filter",
+  "aria.chart": "Chart",
+  "aria.graph": "Graph",
+  "aria.pageNavigation": "Page navigation",
   "aria.closeDrawer": "Close drawer",
   "aria.closePanel": "Close panel",
   "aria.dockPanel": "Side panel",
@@ -327,6 +330,15 @@
   "docSearch.placeholder": "Search documentation...",
   "stateMachine.loading": "Loading state machine…",
   "stateMachine.noStateMachine": "No state machine to visualize",
+  "stateMachine.background": "Runs in the background",
+  "stateMachine.linked": "Other orbitals this page talks to",
+  "stateMachine.guarded": "Guarded: it runs only when its condition holds",
+  "stateMachine.selfEvents": "{{state}}: {{count}} events that stay in this state",
+  "stateMachine.boxLabel": "{{trait}}: {{state}} ({{count}} states)",
+  "stateMachine.boxLabelIdle": "{{trait}} ({{count}} states)",
+  "stateMachine.wireLabel": "{{from}} sends {{event}} to {{to}}",
+  "stateMachine.expand": "Open {{trait}} in place",
+  "stateMachine.collapse": "Close {{trait}}",
   "avl.trigger": "Trigger",
   "avl.guard": "Guard",
   "avl.effects": "Effects",
@@ -344,6 +356,8 @@
   "avl.noTraitData": "No trait data",
   "avl.computingLayout": "Computing layout...",
   "avl.noStateMachine": "No state machine",
+  "avl.layoutFailed": "The state machine layout failed to load.",
+  "avl.pendingSourceState": "Transition source selected",
   "avl.listensFor": "listens for {{event}}",
   "avl.emits": "emits {{event}}",
   "avl.pageLayout": "Page Layout",
@@ -906,6 +920,7 @@
   "gridPicker.all": "All",
   "gridPicker.moreRefine": "+{{count}} more — refine your search",
   "graphCanvas.noNodes": "No nodes to display.",
+  "graphCanvas.selectedNode": "Selected: {{label}}",
   "codeBlock.noCode": "No code to display.",
   "codeBlock.region": "Code",
   "fab.action": "Action",
@@ -948,10 +963,6 @@
   "videoEmbed.notFound": "The video was not found or is private",
   "videoEmbed.notEmbeddable": "The video's owner does not allow it to be embedded",
   "videoEmbed.noVideo": "No video selected",
-  "themeToggle.switchToLight": "Switch to light mode",
-  "themeToggle.switchToDark": "Switch to dark mode",
-  "themeToggle.light": "Light",
-  "themeToggle.dark": "Dark",
   "avatar.alt": "Avatar",
   "avatar.status": "Status: {{status}}",
   "avatar.status.online": "online",
@@ -1259,5 +1270,7 @@
   "debug.replayForward": "Next hop",
   "debug.replayPlay": "Play",
   "debug.replayPause": "Pause",
-  "debug.replayStep": "{{step}} / {{total}}"
+  "debug.replayStep": "{{step}} / {{total}}",
+  "stateMachine.inspect": "Inspect: pick a trait on the page",
+  "stateMachine.inspectHint": "Click a part of the page · Esc to stop"
 }

package/src/core/locales/sl.json

@@ -109,6 +109,9 @@
   "aria.closeToast": "Zapri obvestilo",
   "aria.closeAlert": "Zapri opozorilo",
   "aria.removeFilter": "Odstrani filter",
+  "aria.chart": "Grafikon",
+  "aria.graph": "Graf",
+  "aria.pageNavigation": "Krmarjenje po straneh",
   "aria.closeDrawer": "Zapri predal",
   "aria.closePanel": "Zapri ploščo",
   "aria.dockPanel": "Stranska plošča",
@@ -323,6 +326,15 @@
   "docSearch.placeholder": "Iskanje po dokumentaciji...",
   "stateMachine.loading": "Nalaganje stanjskega stroja…",
   "stateMachine.noStateMachine": "Ni stanjskega stroja za prikaz",
+  "stateMachine.background": "Teče v ozadju",
+  "stateMachine.linked": "Druge orbitale, s katerimi ta stran govori",
+  "stateMachine.guarded": "Zaščiteno: teče le, ko velja njegov pogoj",
+  "stateMachine.selfEvents": "{{state}}: {{count}} dogodkov, ki ostanejo v tem stanju",
+  "stateMachine.boxLabel": "{{trait}}: {{state}} (stanj: {{count}})",
+  "stateMachine.boxLabelIdle": "{{trait}} (stanj: {{count}})",
+  "stateMachine.wireLabel": "{{from}} pošlje {{event}} k {{to}}",
+  "stateMachine.expand": "Odpri {{trait}} na mestu",
+  "stateMachine.collapse": "Zapri {{trait}}",
   "avl.trigger": "Sprožilec",
   "avl.guard": "Varovalo",
   "avl.effects": "Učinki",
@@ -340,6 +352,8 @@
   "avl.noTraitData": "Ni podatkov o lastnosti vedenja",
   "avl.computingLayout": "Računanje postavitve ...",
   "avl.noStateMachine": "Ni stanjskega stroja",
+  "avl.layoutFailed": "Postavitve stanjskega stroja ni bilo mogoče naložiti.",
+  "avl.pendingSourceState": "Izbran vir prehoda",
   "avl.listensFor": "posluša za {{event}}",
   "avl.emits": "oddaja {{event}}",
   "avl.pageLayout": "Postavitev strani",
@@ -906,6 +920,7 @@
   "gridPicker.all": "Vse",
   "gridPicker.moreRefine": "+še {{count}} — zožite iskanje",
   "graphCanvas.noNodes": "Ni vozlišč za prikaz.",
+  "graphCanvas.selectedNode": "Izbrano: {{label}}",
   "codeBlock.noCode": "Ni kode za prikaz.",
   "codeBlock.region": "Koda",
   "fab.action": "Dejanje",
@@ -948,10 +963,6 @@
   "videoEmbed.notFound": "Video ni bil najden ali je zaseben",
   "videoEmbed.notEmbeddable": "Lastnik videa ne dovoli vdelave",
   "videoEmbed.noVideo": "Video ni izbran",
-  "themeToggle.switchToLight": "Preklopi na svetli način",
-  "themeToggle.switchToDark": "Preklopi na temni način",
-  "themeToggle.light": "Svetlo",
-  "themeToggle.dark": "Temno",
   "avatar.alt": "Avatar",
   "avatar.status": "Stanje: {{status}}",
   "avatar.status.online": "na spletu",
@@ -1259,5 +1270,7 @@
   "debug.replayForward": "Naslednji korak",
   "debug.replayPlay": "Predvajaj",
   "debug.replayPause": "Premor",
-  "debug.replayStep": "{{step}} / {{total}}"
+  "debug.replayStep": "{{step}} / {{total}}",
+  "stateMachine.inspect": "Pregled: izberi lastnost na strani",
+  "stateMachine.inspectHint": "Klikni del strani · Esc za konec"
 }

package/tailwind-preset.cjs

@@ -15,6 +15,8 @@
 
 // The one definition of the container breakpoints and the modal min widths; the native shells read the same file.
 const nativeTokens = require('./src/core/tokens/native-tokens.json');
+const bandShapePaths = require('./src/core/lib/band-shapes.json');
+const bandMask = (path) => `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><path d='${path}'/></svg>")`;
 
 // Tailwind can only apply an opacity modifier (`bg-primary/50`) to a color it
 // can compute alpha for itself — a bare `var(--color-x)` string is opaque to
@@ -36,6 +38,13 @@ const { allDesignClasses } = require('./dist/design-classes/index.cjs');
 module.exports = {
   darkMode: 'class',
   safelist: [
+    'band-edge-shape-curve',
+    ...Object.keys(bandShapePaths).map((name) => `band-edge-shape-${name}`),
+    'band-edge-color-background',
+    'band-edge-color-muted',
+    'band-edge-color-surface',
+    'band-edge-color-gradient',
+    'band-edge-color-inverse',
   'proof-marquee', 'proof-marquee-track', 'animate-almadar-marquee',
   'hover:[animation-play-state:paused]', 'motion-reduce:animate-none', 'motion-reduce:w-auto',
   'motion-reduce:flex-wrap', 'motion-reduce:justify-center', 'motion-reduce:hidden', 'motion-reduce:[mask-image:none]',
@@ -943,11 +952,31 @@ module.exports = {
         },
         '.band-edge': {
           position: 'absolute', left: '0', right: '0', 'pointer-events': 'none', 'z-index': '0',
+          height: 'clamp(24px, 6vw, 96px)',
           'mask-size': '100% 100%', '-webkit-mask-size': '100% 100%',
           'mask-repeat': 'no-repeat', '-webkit-mask-repeat': 'no-repeat',
         },
-        '.band-edge-top': { top: '0' },
+        '.band-edge-shape-curve': {
+          height: 'var(--surface-edge-height, clamp(24px, 6vw, 96px))',
+          'mask-image': 'var(--surface-edge-mask, none)',
+          '-webkit-mask-image': 'var(--surface-edge-mask, none)',
+        },
+        ...Object.fromEntries(Object.entries(bandShapePaths).map(([name, path]) => [`.band-edge-shape-${name}`, {
+          'mask-image': bandMask(path), '-webkit-mask-image': bandMask(path),
+        }])),
+        '.band-edge-color-background': {
+          background: 'var(--surface-page-image, none), var(--color-background)',
+          'background-size': 'var(--surface-page-image-size, auto), auto',
+          'background-attachment': 'fixed',
+        },
+        '.band-edge-color-muted': { background: 'var(--color-muted)' },
+        '.band-edge-color-surface': { background: 'var(--color-card)' },
+        '.band-edge-color-gradient': { background: 'var(--surface-accent-image, linear-gradient(180deg, color-mix(in oklab, var(--color-primary) 12%, var(--color-background)), var(--color-background))), var(--color-muted)' },
+        '.band-edge-color-inverse': { background: 'var(--color-foreground)' },
+        '.band-edge-top': { top: '0', transform: 'rotate(180deg)' },
         '.band-edge-bottom': { bottom: '0' },
+        '.band-edge-top.band-edge-flip': { transform: 'scaleY(-1)' },
+        '.band-edge-bottom.band-edge-flip': { transform: 'scaleX(-1)' },
         '.band-gradient': {
           'background-color': 'var(--color-muted)',
           'background-image': 'var(--surface-accent-image, linear-gradient(180deg, color-mix(in oklab, var(--color-primary) 12%, var(--color-background)), var(--color-background)))',

package/dist/AvlGlyph-JKJOAH23.js

@@ -1,6 +0,0 @@
-export { AVL_GLYPH_KINDS, AvlGlyph } from './chunk-L677XGY3.js';
-import './chunk-FP3WIKTC.js';
-import './chunk-DZ42OJQC.js';
-import './chunk-DFNZUYX4.js';
-import './chunk-MBQAMMSE.js';
-import './chunk-G7DCAZ22.js';

package/dist/AvlStateMachine-PI4YGREK.js

@@ -1,8 +0,0 @@
-export { AvlStateMachine } from './chunk-KVQS4GXU.js';
-import './chunk-GAR5TQ5B.js';
-import './chunk-SJGJJKBY.js';
-import './chunk-DZ42OJQC.js';
-import './chunk-TZZBINQY.js';
-import './chunk-DFNZUYX4.js';
-import './chunk-MBQAMMSE.js';
-import './chunk-G7DCAZ22.js';

package/dist/AvlTransitionDetail-ZH7V24UG.js

@@ -1,12 +0,0 @@
-export { AvlTransitionDetail } from './chunk-SGM3FASH.js';
-import './chunk-U6QRZASX.js';
-import './chunk-42FY4RYA.js';
-import './chunk-FAJDTHWC.js';
-import './chunk-GAR5TQ5B.js';
-import './chunk-SJGJJKBY.js';
-import './chunk-DZ42OJQC.js';
-import './chunk-VFF5OO47.js';
-import './chunk-DFNZUYX4.js';
-import './chunk-DYEKAA4L.js';
-import './chunk-MBQAMMSE.js';
-import './chunk-G7DCAZ22.js';

package/dist/AvlTransitionExplainer-ZSRT7L6Y.js

@@ -1,13 +0,0 @@
-export { AvlTransitionExplainer } from './chunk-TESBIVUA.js';
-import './chunk-SGM3FASH.js';
-import './chunk-U6QRZASX.js';
-import './chunk-42FY4RYA.js';
-import './chunk-FAJDTHWC.js';
-import './chunk-GAR5TQ5B.js';
-import './chunk-SJGJJKBY.js';
-import './chunk-DZ42OJQC.js';
-import './chunk-VFF5OO47.js';
-import './chunk-DFNZUYX4.js';
-import './chunk-DYEKAA4L.js';
-import './chunk-MBQAMMSE.js';
-import './chunk-G7DCAZ22.js';

package/dist/BehaviorValueFrame-6RUJXT4A.js

@@ -1,29 +0,0 @@
-export { BehaviorValueFrame, BehaviorValueFrame_default as default } from './chunk-2QOH2HWM.js';
-import './chunk-FIW6WN23.js';
-import './chunk-GYTPOFVC.js';
-import './chunk-YDNJLLG6.js';
-import './chunk-KVQS4GXU.js';
-import './chunk-L677XGY3.js';
-import './chunk-FP3WIKTC.js';
-import './chunk-42FY4RYA.js';
-import './chunk-FAJDTHWC.js';
-import './chunk-GAR5TQ5B.js';
-import './chunk-SJGJJKBY.js';
-import './chunk-DZ42OJQC.js';
-import './chunk-P4LNHAFI.js';
-import './chunk-TZZBINQY.js';
-import './chunk-PC7K4SK7.js';
-import './chunk-VFF5OO47.js';
-import './chunk-DFNZUYX4.js';
-import './chunk-B4BU77LT.js';
-import './chunk-6P3MWXYE.js';
-import './chunk-DYEKAA4L.js';
-import './chunk-R5O5AUPI.js';
-import './chunk-L2DEKY4J.js';
-import './chunk-AILY3XPS.js';
-import './chunk-3BBUBJFF.js';
-import './chunk-YHMRX6YA.js';
-import './chunk-MBQAMMSE.js';
-import './chunk-A2LR6VQQ.js';
-import './chunk-P4ZFUQFF.js';
-import './chunk-G7DCAZ22.js';

package/dist/BehaviorView-RFEE5J6E.js

@@ -1,10 +0,0 @@
-export { BehaviorView } from './chunk-DLZF4PVE.js';
-import './chunk-KVQS4GXU.js';
-import './chunk-FAJDTHWC.js';
-import './chunk-GAR5TQ5B.js';
-import './chunk-SJGJJKBY.js';
-import './chunk-DZ42OJQC.js';
-import './chunk-TZZBINQY.js';
-import './chunk-DFNZUYX4.js';
-import './chunk-MBQAMMSE.js';
-import './chunk-G7DCAZ22.js';