v0.0.7: Switched to lowercase decorators.
This commit is contained in:
@@ -15,4 +15,15 @@ document.body.appendChild(render(<ExamplePage pageWidth={200} />));
|
||||
* - style-attribute untested
|
||||
* - Want a way to toggle classes: <Host class={{'bq-checkbox': true, 'checked': this.isChecked}}> could do
|
||||
* - Supporting fragments <>...</>?
|
||||
*/
|
||||
*/
|
||||
// Private vars are visible, because of loose mode, not desirable...
|
||||
class PrivTest{
|
||||
#privatevar = 1;
|
||||
get someVar(){
|
||||
console.log(Object.getOwnPropertyDescriptors(this));
|
||||
return this.#privatevar;
|
||||
}
|
||||
}
|
||||
let a = new PrivTest();
|
||||
console.log(a);
|
||||
console.log(a.someVar);
|
||||
@@ -1,9 +1,9 @@
|
||||
import {defineElement, render, CustomElement, Prop, State} from "../../packages/csx";
|
||||
import {defineElement, render, CustomElement, prop, state} from "../../packages/csx";
|
||||
|
||||
@defineElement('example-page')
|
||||
export class ExamplePage extends CustomElement{
|
||||
|
||||
@Prop({reflect: true, attr: 'page-width'})
|
||||
@prop({reflect: true, attr: 'page-width'})
|
||||
set pageWidth(value){
|
||||
if(value!==this.#pageWidth){
|
||||
this.#pageWidth = value;
|
||||
|
||||
Reference in New Issue
Block a user