window.componentes = window.componentes || {};
    const PageRenderAppCategories = {
    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">
                      <AdminAppCategoriesList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppCategoriesList>
                    </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">
                      <AdminAppCategoriesView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppCategoriesView>
                    </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">
                      <AdminAppCategoriesNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppCategoriesNew>
                    </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">
                      <AdminAppCategoriesUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppCategoriesUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_categories","owner":null,"type":"admin","name":"Categories","description":"Render Components from Categories","structure":{"home":[{"component":"admin_app_categories_list"}],"view":[{"component":"admin_app_categories_view"}],"create":[{"component":"admin_app_categories_new"}],"update":[{"component":"admin_app_categories_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 22:45:16"},
        render: {"home":[{"component":"admin_app_categories_list"}],"view":[{"component":"admin_app_categories_view"}],"create":[{"component":"admin_app_categories_new"}],"update":[{"component":"admin_app_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.PageRenderAppCategories = PageRenderAppCategories;
    const PageRenderAppClients = {
    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">
                      <AdminAppClientsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppClientsList>
                    </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">
                      <AdminAppClientsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppClientsView>
                    </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">
                      <AdminAppClientsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppClientsNew>
                    </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">
                      <AdminAppClientsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppClientsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_clients","owner":null,"type":"admin","name":"Clients","description":"Render Components from Clients","structure":{"home":[{"component":"admin_app_clients_list"}],"view":[{"component":"admin_app_clients_view"}],"create":[{"component":"admin_app_clients_new"}],"update":[{"component":"admin_app_clients_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 22:56:35"},
        render: {"home":[{"component":"admin_app_clients_list"}],"view":[{"component":"admin_app_clients_view"}],"create":[{"component":"admin_app_clients_new"}],"update":[{"component":"admin_app_clients_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.PageRenderAppClients = PageRenderAppClients;
    const PageRenderAppContactData = {
    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">
                      <AdminAppContactDataList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactDataList>
                    </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">
                      <AdminAppContactDataView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactDataView>
                    </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">
                      <AdminAppContactDataNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactDataNew>
                    </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">
                      <AdminAppContactDataUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactDataUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_contact_data","owner":null,"type":"admin","name":"Contact Data","description":"Render Components from Contact Data","structure":{"home":[{"component":"admin_app_contact_data_list"}],"view":[{"component":"admin_app_contact_data_view"}],"create":[{"component":"admin_app_contact_data_new"}],"update":[{"component":"admin_app_contact_data_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 22:56:40"},
        render: {"home":[{"component":"admin_app_contact_data_list"}],"view":[{"component":"admin_app_contact_data_view"}],"create":[{"component":"admin_app_contact_data_new"}],"update":[{"component":"admin_app_contact_data_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.PageRenderAppContactData = PageRenderAppContactData;
    const PageRenderAppContactMessages = {
    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">
                      <AdminAppContactMessagesList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactMessagesList>
                    </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">
                      <AdminAppContactMessagesView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactMessagesView>
                    </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">
                      <AdminAppContactMessagesNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactMessagesNew>
                    </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">
                      <AdminAppContactMessagesUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppContactMessagesUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_contact_messages","owner":null,"type":"admin","name":"Contact Messages","description":"Render Components from Contact Messages","structure":{"home":[{"component":"admin_app_contact_messages_list"}],"view":[{"component":"admin_app_contact_messages_view"}],"create":[{"component":"admin_app_contact_messages_new"}],"update":[{"component":"admin_app_contact_messages_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 22:56:40"},
        render: {"home":[{"component":"admin_app_contact_messages_list"}],"view":[{"component":"admin_app_contact_messages_view"}],"create":[{"component":"admin_app_contact_messages_new"}],"update":[{"component":"admin_app_contact_messages_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.PageRenderAppContactMessages = PageRenderAppContactMessages;
    const PageRenderAppGallery = {
    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">
                      <AdminAppGalleryList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppGalleryList>
                    </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">
                      <AdminAppGalleryView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppGalleryView>
                    </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">
                      <AdminAppGalleryNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppGalleryNew>
                    </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">
                      <AdminAppGalleryUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppGalleryUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_gallery","owner":null,"type":"admin","name":"Gallery","description":"Render Components from Gallery","structure":{"home":[{"component":"admin_app_gallery_list"}],"view":[{"component":"admin_app_gallery_view"}],"create":[{"component":"admin_app_gallery_new"}],"update":[{"component":"admin_app_gallery_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 22:56:45"},
        render: {"home":[{"component":"admin_app_gallery_list"}],"view":[{"component":"admin_app_gallery_view"}],"create":[{"component":"admin_app_gallery_new"}],"update":[{"component":"admin_app_gallery_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.PageRenderAppGallery = PageRenderAppGallery;
    const PageRenderAppPosts = {
    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">
                      <AdminAppPostsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppPostsList>
                    </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">
                      <AdminAppPostsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppPostsView>
                    </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">
                      <AdminAppPostsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppPostsNew>
                    </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">
                      <AdminAppPostsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppPostsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_posts","owner":null,"type":"admin","name":"Posts","description":"Render Components from Posts","structure":{"home":[{"component":"admin_app_posts_list"}],"view":[{"component":"admin_app_posts_view"}],"create":[{"component":"admin_app_posts_new"}],"update":[{"component":"admin_app_posts_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 23:36:28"},
        render: {"home":[{"component":"admin_app_posts_list"}],"view":[{"component":"admin_app_posts_view"}],"create":[{"component":"admin_app_posts_new"}],"update":[{"component":"admin_app_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.PageRenderAppPosts = PageRenderAppPosts;
    const PageRenderAppProducts = {
    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">
                      <AdminAppProductsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductsList>
                    </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">
                      <AdminAppProductsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductsView>
                    </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">
                      <AdminAppProductsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductsNew>
                    </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">
                      <AdminAppProductsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_products","owner":null,"type":"admin","name":"Products","description":"Render Components from Products","structure":{"home":[{"component":"admin_app_products_list"}],"view":[{"component":"admin_app_products_view"}],"create":[{"component":"admin_app_products_new"}],"update":[{"component":"admin_app_products_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 23:36:35"},
        render: {"home":[{"component":"admin_app_products_list"}],"view":[{"component":"admin_app_products_view"}],"create":[{"component":"admin_app_products_new"}],"update":[{"component":"admin_app_products_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.PageRenderAppProducts = PageRenderAppProducts;
    const PageRenderAppProductBrands = {
    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">
                      <AdminAppProductBrandsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBrandsList>
                    </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">
                      <AdminAppProductBrandsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBrandsView>
                    </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">
                      <AdminAppProductBrandsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBrandsNew>
                    </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">
                      <AdminAppProductBrandsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBrandsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_product_brands","owner":null,"type":"admin","name":"Product Brands","description":"Render Components from Product Brands","structure":{"home":[{"component":"admin_app_product_brands_list"}],"view":[{"component":"admin_app_product_brands_view"}],"create":[{"component":"admin_app_product_brands_new"}],"update":[{"component":"admin_app_product_brands_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 23:36:35"},
        render: {"home":[{"component":"admin_app_product_brands_list"}],"view":[{"component":"admin_app_product_brands_view"}],"create":[{"component":"admin_app_product_brands_new"}],"update":[{"component":"admin_app_product_brands_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.PageRenderAppProductBrands = PageRenderAppProductBrands;
    const PageRenderAppProductBudgets = {
    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">
                      <AdminAppProductBudgetsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBudgetsList>
                    </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">
                      <AdminAppProductBudgetsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBudgetsView>
                    </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">
                      <AdminAppProductBudgetsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBudgetsNew>
                    </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">
                      <AdminAppProductBudgetsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductBudgetsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_product_budgets","owner":null,"type":"admin","name":"Product Budgets","description":"Render Components from Product Budgets","structure":{"home":[{"component":"admin_app_product_budgets_list"}],"view":[{"component":"admin_app_product_budgets_view"}],"create":[{"component":"admin_app_product_budgets_new"}],"update":[{"component":"admin_app_product_budgets_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 23:36:35"},
        render: {"home":[{"component":"admin_app_product_budgets_list"}],"view":[{"component":"admin_app_product_budgets_view"}],"create":[{"component":"admin_app_product_budgets_new"}],"update":[{"component":"admin_app_product_budgets_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.PageRenderAppProductBudgets = PageRenderAppProductBudgets;
    const PageRenderAppProductModels = {
    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">
                      <AdminAppProductModelsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductModelsList>
                    </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">
                      <AdminAppProductModelsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductModelsView>
                    </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">
                      <AdminAppProductModelsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductModelsNew>
                    </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">
                      <AdminAppProductModelsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppProductModelsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_product_models","owner":null,"type":"admin","name":"Product Models","description":"Render Components from Product Models","structure":{"home":[{"component":"admin_app_product_models_list"}],"view":[{"component":"admin_app_product_models_view"}],"create":[{"component":"admin_app_product_models_new"}],"update":[{"component":"admin_app_product_models_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 23:36:35"},
        render: {"home":[{"component":"admin_app_product_models_list"}],"view":[{"component":"admin_app_product_models_view"}],"create":[{"component":"admin_app_product_models_new"}],"update":[{"component":"admin_app_product_models_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.PageRenderAppProductModels = PageRenderAppProductModels;
    const PageRenderAppTags = {
    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">
                      <AdminAppTagsList :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppTagsList>
                    </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">
                      <AdminAppTagsView :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppTagsView>
                    </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">
                      <AdminAppTagsNew :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppTagsNew>
                    </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">
                      <AdminAppTagsUpdate :allow='["home","view","create","update","delete"]' :binds='{}'>
                      </AdminAppTagsUpdate>
                    </v-col>
                                  </v-row>
              </v-col>
                                        </v-row>
      </v-container>
    `,
    data() {
      return {
        data:null,
        page: {"id":"render_app_tags","owner":null,"type":"admin","name":"Tags","description":"Render Components from Tags","structure":{"home":[{"component":"admin_app_tags_list"}],"view":[{"component":"admin_app_tags_view"}],"create":[{"component":"admin_app_tags_new"}],"update":[{"component":"admin_app_tags_update"}]},"template":null,"custom_template":null,"variables":null,"props":null,"watch":null,"method":null,"created":null,"mounted":null,"created_at":"2025-12-02 22:45:16"},
        render: {"home":[{"component":"admin_app_tags_list"}],"view":[{"component":"admin_app_tags_view"}],"create":[{"component":"admin_app_tags_new"}],"update":[{"component":"admin_app_tags_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.PageRenderAppTags = PageRenderAppTags;
    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 09: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;