@lo-tek/interfaces 0.40.0 → 0.41.0
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/CHANGELOG.md +78 -0
- package/agent/astro.md +9 -7
- package/agent/bundles.md +8 -6
- package/agent/datastar.md +53 -51
- package/agent/html.md +55 -53
- package/agent/kotlin.md +622 -0
- package/agent/react.md +8 -6
- package/agent/templates.md +60 -63
- package/core/lotek-core.wasm +0 -0
- package/core/lotek.wasm +0 -0
- package/dist/components/css/steps/steps.d.ts +23 -0
- package/dist/components/css/steps/steps.d.ts.map +1 -0
- package/dist/components/css/steps/steps.js +21 -0
- package/dist/components/css/steps/steps.js.map +1 -0
- package/dist/components/events.d.ts +3 -1
- package/dist/components/events.d.ts.map +1 -1
- package/dist/components/frame/error-summary/lt-error-summary.js +1 -1
- package/dist/components/frame/popover/lt-popover.d.ts.map +1 -1
- package/dist/components/frame/popover/lt-popover.js +4 -19
- package/dist/components/frame/popover/lt-popover.js.map +1 -1
- package/dist/components/frame/term/lt-term.d.ts +114 -0
- package/dist/components/frame/term/lt-term.d.ts.map +1 -0
- package/dist/components/frame/term/lt-term.js +530 -0
- package/dist/components/frame/term/lt-term.js.map +1 -0
- package/dist/components/frame/term/term.d.ts +55 -0
- package/dist/components/frame/term/term.d.ts.map +1 -0
- package/dist/components/frame/term/term.js +55 -0
- package/dist/components/frame/term/term.js.map +1 -0
- package/dist/components/host-element.d.ts +19 -0
- package/dist/components/host-element.d.ts.map +1 -1
- package/dist/components/host-element.js +37 -0
- package/dist/components/host-element.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/jsx/react.d.ts +3 -1
- package/dist/jsx/react.d.ts.map +1 -1
- package/dist/lotek.css +351 -1
- package/dist/lt.d.ts +8 -1
- package/dist/lt.d.ts.map +1 -1
- package/dist/lt.js +9 -1
- package/dist/lt.js.map +1 -1
- package/dist/react.d.ts +19 -0
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +14 -0
- package/dist/react.js.map +1 -1
- package/dist/register.d.ts.map +1 -1
- package/dist/register.js +2 -0
- package/dist/register.js.map +1 -1
- package/dist/vocabulary/classes.d.ts.map +1 -1
- package/dist/vocabulary/classes.js +60 -6
- package/dist/vocabulary/classes.js.map +1 -1
- package/dist/vocabulary/elements.d.ts.map +1 -1
- package/dist/vocabulary/elements.js +15 -2
- package/dist/vocabulary/elements.js.map +1 -1
- package/dist/vocabulary/types.d.ts +8 -3
- package/dist/vocabulary/types.d.ts.map +1 -1
- package/live-templates-kotlin.xml +15 -10
- package/live-templates.xml +12 -6
- package/manifest/files.json +18 -0
- package/manifest/manifest.json +145 -10
- package/package.json +15 -5
- package/src/components/css/steps/steps.css +240 -0
- package/src/components/css/steps/steps.ts +26 -0
- package/src/components/events.ts +3 -1
- package/src/components/frame/error-summary/lt-error-summary.ts +1 -1
- package/src/components/frame/popover/lt-popover.ts +4 -24
- package/src/components/frame/term/lt-term.ts +573 -0
- package/src/components/frame/term/term.css +177 -0
- package/src/components/frame/term/term.ts +87 -0
- package/src/components/host-element.ts +46 -0
- package/src/index.ts +4 -0
- package/src/jsx/react.ts +4 -0
- package/src/lt.ts +9 -1
- package/src/react.ts +15 -0
- package/src/register.ts +2 -0
- package/src/tokens/tokens.css +4 -0
- package/src/vocabulary/classes.ts +60 -6
- package/src/vocabulary/elements.ts +15 -2
- package/src/vocabulary/types.ts +8 -3
- package/web-types.json +31 -10
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@lo-tek/interfaces",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.41.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -162,6 +162,12 @@
|
|
|
162
162
|
]
|
|
163
163
|
}
|
|
164
164
|
},
|
|
165
|
+
{
|
|
166
|
+
"name": "lt-term",
|
|
167
|
+
"description": "A word in the text that shows its glossary entry in a card by the word. A link to the entry's id is enough; the component sets the class, `aria-details` and `aria-expanded` on the link, and shows the entry itself in the top layer while the card is open. Without JavaScript the word is a link to the glossary.",
|
|
168
|
+
"doc-url": "https://lo-tek.sobernetics.no/components/term/",
|
|
169
|
+
"attributes": []
|
|
170
|
+
},
|
|
165
171
|
{
|
|
166
172
|
"name": "lt-suggestion",
|
|
167
173
|
"description": "Field with a suggestion list. A `<label for>`, an `<input id>`, an `.lt-suggestion__list` with `<li>` items and a `[role=status]` are enough; the component sets the roles and the wiring where the markup came without them, and gives the list and the options ids. The field never gets an id from the component. Filters as the user types, moves the highlight with the arrow keys and announces the number of matches.",
|
|
@@ -249,7 +255,7 @@
|
|
|
249
255
|
},
|
|
250
256
|
{
|
|
251
257
|
"name": "lt-dialog",
|
|
252
|
-
"description": "Makes a `<dialog class=\"lt-dialog\">` modal with `showModal()
|
|
258
|
+
"description": "Makes a `<dialog class=\"lt-dialog\">` the server sends open a real modal, with `showModal()`. The host around the dialog. Gives the dialog its name from the first heading outside `lt-dialog__body` when neither `aria-labelledby` nor `aria-label` is there.",
|
|
253
259
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/",
|
|
254
260
|
"attributes": [
|
|
255
261
|
{
|
|
@@ -317,7 +323,7 @@
|
|
|
317
323
|
},
|
|
318
324
|
{
|
|
319
325
|
"name": "lt-session-timeout",
|
|
320
|
-
"description": "Warns before a signed-in session expires, and counts down. The renderer writes the dialog and the text inside the element: a `<dialog>` with `.lt-session-timeout__count` for the number, `[role=status]` for the announcement and the buttons in a `<form method=\"dialog\">`. Dispatches `session-warn` when the dialog opens, `session-extend` when the user wants to continue, `session-logout` when the user logs out, `session-expired` when time is up, and `session-activity` at most once per `activity-interval` while the user is active, so the app can keep the server session alive.",
|
|
326
|
+
"description": "Warns before a signed-in session expires, and counts down. The renderer writes the dialog and the text inside the element: a `<dialog>` with `.lt-session-timeout__count` for the number, `[role=status]` for the announcement and the buttons in a `<form method=\"dialog\">`. Dispatches `session-warn` when the dialog opens, `session-extend` when the user wants to continue, `session-logout` when the user logs out with a button that closes the dialog, `session-expired` when time is up, and `session-activity` at most once per `activity-interval` while the user is active, so the app can keep the server session alive.",
|
|
321
327
|
"doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/",
|
|
322
328
|
"attributes": [
|
|
323
329
|
{
|
|
@@ -357,7 +363,7 @@
|
|
|
357
363
|
},
|
|
358
364
|
{
|
|
359
365
|
"name": "session-logout",
|
|
360
|
-
"description": "The user chose to log out."
|
|
366
|
+
"description": "The user chose to log out with a button that closes the dialog. A Log out button with `formmethod=\"post\"` submits to the server instead, and the event does not come."
|
|
361
367
|
},
|
|
362
368
|
{
|
|
363
369
|
"name": "session-expired",
|
|
@@ -604,6 +610,11 @@
|
|
|
604
610
|
"description": "**Sr Only**\n\nText only screen readers get. A CSS component with one class and no JavaScript.",
|
|
605
611
|
"doc-url": "https://lo-tek.sobernetics.no/components/sr-only/"
|
|
606
612
|
},
|
|
613
|
+
{
|
|
614
|
+
"name": "lt-steps",
|
|
615
|
+
"description": "**Steps**\n\nA step indicator that shows where the user is in a task over several pages. A CSS component with one class and no JavaScript.",
|
|
616
|
+
"doc-url": "https://lo-tek.sobernetics.no/components/steps/"
|
|
617
|
+
},
|
|
607
618
|
{
|
|
608
619
|
"name": "lt-switch",
|
|
609
620
|
"description": "**Switch**\n\nA switch for a setting that takes effect immediately. CSS component with two classes and no JavaScript.",
|
|
@@ -661,32 +672,32 @@
|
|
|
661
672
|
},
|
|
662
673
|
{
|
|
663
674
|
"name": "lt-dialog",
|
|
664
|
-
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for
|
|
675
|
+
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for when the server decides that the dialog is open.",
|
|
665
676
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
|
|
666
677
|
},
|
|
667
678
|
{
|
|
668
679
|
"name": "lt-dialog__body",
|
|
669
|
-
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for
|
|
680
|
+
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for when the server decides that the dialog is open.",
|
|
670
681
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
|
|
671
682
|
},
|
|
672
683
|
{
|
|
673
684
|
"name": "lt-dialog__title",
|
|
674
|
-
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for
|
|
685
|
+
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for when the server decides that the dialog is open.",
|
|
675
686
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
|
|
676
687
|
},
|
|
677
688
|
{
|
|
678
689
|
"name": "lt-dialog__footer",
|
|
679
|
-
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for
|
|
690
|
+
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for when the server decides that the dialog is open.",
|
|
680
691
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
|
|
681
692
|
},
|
|
682
693
|
{
|
|
683
694
|
"name": "lt-dialog__header",
|
|
684
|
-
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for
|
|
695
|
+
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for when the server decides that the dialog is open.",
|
|
685
696
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
|
|
686
697
|
},
|
|
687
698
|
{
|
|
688
699
|
"name": "lt-dialog__subtitle",
|
|
689
|
-
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for
|
|
700
|
+
"description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for when the server decides that the dialog is open.",
|
|
690
701
|
"doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
|
|
691
702
|
},
|
|
692
703
|
{
|
|
@@ -764,6 +775,16 @@
|
|
|
764
775
|
"description": "**Tabs**\n\nTab list of links to their panels. Frame component.",
|
|
765
776
|
"doc-url": "https://lo-tek.sobernetics.no/components/tabs/"
|
|
766
777
|
},
|
|
778
|
+
{
|
|
779
|
+
"name": "lt-term",
|
|
780
|
+
"description": "**Term**\n\nA word in the text that shows its entry from a glossary on the same page, in a card by the word. Frame component.",
|
|
781
|
+
"doc-url": "https://lo-tek.sobernetics.no/components/term/"
|
|
782
|
+
},
|
|
783
|
+
{
|
|
784
|
+
"name": "lt-term__entry",
|
|
785
|
+
"description": "**Term**\n\nA word in the text that shows its entry from a glossary on the same page, in a card by the word. Frame component.",
|
|
786
|
+
"doc-url": "https://lo-tek.sobernetics.no/components/term/"
|
|
787
|
+
},
|
|
767
788
|
{
|
|
768
789
|
"name": "lt-connection-status",
|
|
769
790
|
"description": "**Connection Status**\n\nTells the user when the connection to the server is gone. Standalone component.",
|