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-11-22 10:20:59 +01:00
el ( "code" , "customElementRender(<custom-element>, <connect-target>, <render-function>[, <properties>])" ) , " — use function to render DOM structure for given <custom-element>" ,
2024-01-09 21:18:43 +01:00
) ,
el ( "li" ) . append (
2024-02-03 14:36:17 +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 (
el ( "code" , "observedAttributes(<custom-element>)" ) , " — returns record of observed attributes (keys uses camelCase)" ,
) ,
el ( "li" ) . append (
2024-05-22 21:43:49 +02: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-02-03 14:36:17 +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 (
el ( "code" , "simulateSlots(<class-instance>, <body>[, <mapper>])" ) , " — simulate slots for Custom Elements without shadow DOM" ,
) ,
el ( "li" ) . append (
el ( "code" , "simulateSlots(<dde-component>[, <mapper>])" ) , " — simulate slots for “dde”/functional components" ,
) ,
2024-01-09 21:18:43 +01:00
) ;
}
