window.componentes = window.componentes || {};
    const PageRenderBlogAuthors = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogAuthorsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogAuthorsList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='view'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogAuthorsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogAuthorsView>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogAuthorsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogAuthorsNew>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogAuthorsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogAuthorsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_blog_authors","owner":null,"type":"admin","name":"Blog Authors","description":"Render Components from Blog Authors","structure":{"home":[{"component":"admin_blog_authors_list"}],"view":[{"component":"admin_blog_authors_view"}],"create":[{"component":"admin_blog_authors_new"}],"update":[{"component":"admin_blog_authors_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2026-03-07 23:14:44"},
        render: {"home":[{"component":"admin_blog_authors_list"}],"view":[{"component":"admin_blog_authors_view"}],"create":[{"component":"admin_blog_authors_new"}],"update":[{"component":"admin_blog_authors_update"}]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderBlogAuthors = PageRenderBlogAuthors;
    const PageRenderBlogCategories = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogCategoriesList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogCategoriesList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='view'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogCategoriesView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogCategoriesView>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogCategoriesNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogCategoriesNew>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogCategoriesUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogCategoriesUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_blog_categories","owner":null,"type":"admin","name":"Blog Categories","description":"Render Components from Blog Categories","structure":{"home":[{"component":"admin_blog_categories_list"}],"view":[{"component":"admin_blog_categories_view"}],"create":[{"component":"admin_blog_categories_new"}],"update":[{"component":"admin_blog_categories_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2026-03-07 23:14:59"},
        render: {"home":[{"component":"admin_blog_categories_list"}],"view":[{"component":"admin_blog_categories_view"}],"create":[{"component":"admin_blog_categories_new"}],"update":[{"component":"admin_blog_categories_update"}]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderBlogCategories = PageRenderBlogCategories;
    const PageRenderBlogPosts = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogPostsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogPostsList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='view'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogPostsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogPostsView>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogPostsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogPostsNew>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <AdminBlogPostsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminBlogPostsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_blog_posts","owner":null,"type":"admin","name":"Blog Posts","description":"Render Components from Blog Posts","structure":{"home":[{"component":"admin_blog_posts_list"}],"view":[{"component":"admin_blog_posts_view"}],"create":[{"component":"admin_blog_posts_new"}],"update":[{"component":"admin_blog_posts_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2026-03-07 23:15:00"},
        render: {"home":[{"component":"admin_blog_posts_list"}],"view":[{"component":"admin_blog_posts_view"}],"create":[{"component":"admin_blog_posts_new"}],"update":[{"component":"admin_blog_posts_update"}]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderBlogPosts = PageRenderBlogPosts;
    const PageRenderEvaluation = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <EvaluationsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </EvaluationsList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='view'" cols="12" md="12">
                <v-row no-gutters>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <EvaluationsAdd :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </EvaluationsAdd>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_evaluation","owner":null,"type":"admin","name":"Blog Authors","description":"Render Components from Blog Authors","structure":{"home":[{"component":"evaluations_list"}],"view":[],"create":[{"component":"evaluations_add"}],"update":[]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2026-03-07 23:14:44"},
        render: {"home":[{"component":"evaluations_list"}],"view":[],"create":[{"component":"evaluations_add"}],"update":[]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderEvaluation = PageRenderEvaluation;
    const PageRenderEvaluationBulk = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <StudentGradesList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </StudentGradesList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='view'" cols="12" md="12">
                <v-row no-gutters>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <TestEvaluate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </TestEvaluate>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_evaluation_bulk","owner":null,"type":"admin","name":"Blog Authors","description":"Render Components from Blog Authors","structure":{"home":[{"component":"student_grades_list"}],"view":[],"create":[{"component":"test_evaluate"}],"update":[]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2026-03-07 23:14:44"},
        render: {"home":[{"component":"student_grades_list"}],"view":[],"create":[{"component":"test_evaluate"}],"update":[]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderEvaluationBulk = PageRenderEvaluationBulk;
    const PageRenderHeroPage = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <HeroSectionList :allow='["home","create","update","delete"]' :binds='{}'>
                      </HeroSectionList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <HeroSectionNew :allow='["home","create","update","delete"]' :binds='{}'>
                      </HeroSectionNew>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <HeroSectionUpdate :allow='["home","create","update","delete"]' :binds='{}'>
                      </HeroSectionUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_hero_page","owner":null,"type":"admin","name":"Hero Sections","description":"","structure":{"home":[{"component":"hero_section_list"}],"create":[{"component":"hero_section_new"}],"update":[{"component":"hero_section_update"}]},"template":"","custom_template":"","variables":"","props":"","watch":null,"method":"","created":"","mounted":"","created_at":"2025-12-08 05:41:20"},
        render: {"home":[{"component":"hero_section_list"}],"create":[{"component":"hero_section_new"}],"update":[{"component":"hero_section_update"}]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderHeroPage = PageRenderHeroPage;
    const PageRenderStudents = {
    template: `
      <v-container class="pa-0" fluid>
                <v-row no-gutters>
                      <v-col cols="12" md="12" class="d-flex justify-space-between">
                              <v-btn @click="$hash('home')" v-bind="$root.settings.PANEL_BTN.config.primary">
                  <v-icon>mdi-home</v-icon>&nbsp;List
                </v-btn>
                            <div>
                                  <v-btn @click="$hash('create')" v-bind="$root.settings.PANEL_BTN.config.success">
                    <v-icon>mdi-plus</v-icon>&nbsp;New
                  </v-btn>
                                <v-btn @click="goBack()" class="ml-2" v-bind="$root.settings.PANEL_BTN.config.warning">
                  <v-icon>mdi-arrow-left</v-icon>
                </v-btn>
              </div>
            </v-col>
                          <v-col v-if="$root.url.hash=='home'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <StudentsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </StudentsList>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='view'" cols="12" md="12">
                <v-row no-gutters>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='create'" cols="12" md="12">
                <v-row no-gutters>
                                                          <v-col cols="12" md="12">
                      <StudentAdd :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </StudentAdd>
                    </v-col>
                                  </v-row>
              </v-col>
                          <v-col v-if="$root.url.hash=='update'" cols="12" md="12">
                <v-row no-gutters>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_students","owner":null,"type":"admin","name":"Estudiantes","description":null,"structure":{"home":[{"component":"students_list"}],"view":[],"create":[{"component":"student_add"}],"update":[]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2026-07-07 19:53:07"},
        render: {"home":[{"component":"students_list"}],"view":[],"create":[{"component":"student_add"}],"update":[]},
        helpers:{
          loading:false
        },
        received_values:{},
        ...{}      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      special: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      binds: {
        type: Object,
        default: () => {}
      },
      ...{}    },
    watch:{
      '$root.url.hash': {
        handler(newValue, oldValue) {
          this.received_values = {}
        },
        immediate: true, // Ejecutar inmediatamente
        deep: false // Usar true si es un objeto/array
      },
      ...{}    },
    computed:{
      render_header(){
        let header = []
        if (this.render.length>0) {
          this.render.forEach((field)=>{
            if (field.active==='true' || field.active===true) {
              header.push({... {
                align:'start',
                key: field.name,
                sortable: true,
                title: field.label,
              } });
            }
          })
        } else {
          if(this.data && this.data.length>0){
            header = Object.keys(this.data[0]).map(key => ({
              align:'start',
              key: key,
              sortable: true,
              title: key.charAt(0).toUpperCase() + key.slice(1),
            }));
          }
        }
        header.push({... {
          align:'end',
          key: 'render_table_actions',
          sortable: false,
          title: '...',
        } })
        return header
      },
    },
    methods: {
      ReceiveValue(field,val){
        this.received_values[field] = val
      },
      goBack(){
        window.history.go(-1)
      },
          },
    created(){
          },
    mounted(){
          }
  };
  window.componentes.PageRenderStudents = PageRenderStudents;