update

ts_web/elements/account/navigation.ts

@@ -7,7 +7,6 @@ import {
   unsafeCSS,
   css,
   type TemplateResult,
-  subscribe,
 } from '@design.estate/dees-element';
 
 import * as plugins from '../../plugins.js';
@@ -25,7 +24,7 @@ declare global {
 @customElement('lele-accountnavigation')
 export class LeleAccountNavigation extends DeesElement {
   @property()
-  public options: { text: string; id: string }[] = [
+  accessor options: { text: string; id: string }[] = [
     {
       id: '1',
       text: 'Apps',

ts_web/elements/account/views/baseview.ts

@@ -8,7 +8,7 @@ import {
   unsafeCSS,
   css,
   render,
-  subscribe,
+  directives,
 } from '@design.estate/dees-element';
 
 import sharedStyles from '../sharedstyles.js';
@@ -26,7 +26,7 @@ export class BaseView extends DeesElement {
   @property({
     type: Array,
   })
-  subscriptions: any[] = [
+  accessor subscriptions: any[] = [
     {
       organization: 'org1',
       'subscription type': 'workspace.global SaaS',
@@ -111,7 +111,7 @@ export class BaseView extends DeesElement {
           <p>
             The organization slug corresponds to the organization name:<br />
             <span class="slug"
-              >${subscribe(
+              >${directives.subscribe(
                 state.accountState.select((stateArg) => stateArg.newOrg.chosenSlug)
               )}</span
             >

ts_web/elements/account/views/subscriptions.ts

@@ -24,7 +24,7 @@ export class SubscriptionView extends DeesElement {
   @property({
     type: Array,
   })
-  subscriptions: any[] = [{
+  accessor subscriptions: any[] = [{
     organization: 'org1',
     'subscription type': 'workspace.global SaaS',
     price: '4€',

ts_web/elements/idp-loginprompt.ts

@@ -30,16 +30,16 @@ export class IdpLoginPrompt extends DeesElement {
   public static demo = () => html`<idp-loginprompt></idp-loginprompt>`;
 
   @property()
-  public productOfInterest: string;
+  accessor productOfInterest: string;
 
   @property()
-  jwt: string;
+  accessor jwt: string;
 
   @property({
     reflect: true,
     type: Object,
   })
-  appData: plugins.idpInterfaces.data.IApp;
+  accessor appData: plugins.idpInterfaces.data.IApp;
 
   public jwtObserable = new domtools.plugins.smartrx.rxjs.Subject<string>();
 

ts_web/elements/idp-registerprompt.ts

@@ -30,16 +30,16 @@ export class IdpRegistrationPrompt extends DeesElement {
   public static demo = () => html`<idp-login></idp-login>`;
 
   @property()
-  public productOfInterest: string;
+  accessor productOfInterest: string;
 
   @property()
-  jwt: string;
+  accessor jwt: string;
 
   @property({
     reflect: true,
     type: Object,
   })
-  appData: plugins.idpInterfaces.data.IApp;
+  accessor appData: plugins.idpInterfaces.data.IApp;
 
   public jwtObserable = new domtools.plugins.smartrx.rxjs.Subject<string>();
 

ts_web/elements/idp-registration-stepper.ts

@@ -15,10 +15,10 @@ import {
 @customElement('idp-registration-stepper')
 export class IdpRegistrationStepper extends DeesElement {
   @state()
-  private usedSubTemplate: TemplateResult;
+  accessor usedSubTemplate: TemplateResult;
 
   @state()
-  private storedData = {
+  accessor storedData = {
     validationTokenUrlParam: 'string',
     email: '',
     refreshToken: '',