2024-01-09 21:18:43 +01:00
|
|
|
import { el } from "deka-dom-el";
|
|
|
|
|
import { mnemonicUl } from "../mnemonicUl.html.js";
|
|
|
|
|
|
|
|
|
|
export function mnemonic(){
|
|
|
|
|
return mnemonicUl().append(
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "customElementRender(<connect-target>, <render-function>[, <properties>])"),
|
|
|
|
|
" — use function to render DOM structure for given custom element (or its Shadow DOM)",
|
2024-01-09 21:18:43 +01:00
|
|
|
),
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "customElementWithDDE(<custom-element>)"),
|
|
|
|
|
" — register <custom-element> to DDE library, see also `lifecyclesToEvents`, can be also used as decorator",
|
2024-01-09 21:18:43 +01:00
|
|
|
),
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "observedAttributes(<custom-element>)"),
|
|
|
|
|
" — returns record of observed attributes (keys uses camelCase)",
|
2024-01-09 21:18:43 +01:00
|
|
|
),
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "S.observedAttributes(<custom-element>)"),
|
|
|
|
|
" — returns record of observed attributes (keys uses camelCase and values are signals)",
|
2024-01-09 21:18:43 +01:00
|
|
|
),
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "lifecyclesToEvents(<class-declaration>)"),
|
|
|
|
|
" — convert lifecycle methods to events, can be also used as decorator",
|
2024-11-22 10:20:59 +01:00
|
|
|
),
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "simulateSlots(<class-instance>, <body>)"),
|
|
|
|
|
" — simulate slots for Custom Elements without shadow DOM",
|
2024-11-22 10:20:59 +01:00
|
|
|
),
|
|
|
|
|
el("li").append(
|
2024-12-13 15:04:52 +01:00
|
|
|
el("code", "simulateSlots(<dde-component>[, <mapper>])"),
|
|
|
|
|
" — simulate slots for “dde”/functional components",
|
2024-11-22 10:20:59 +01:00
|
|
|
),
|
2024-01-09 21:18:43 +01:00
|
|
|
);
|
|
|
|
|
}
|
