sf-i-reporting 1.0.74 → 1.0.76

package/src/sf-i-reporting.ts

@@ -4,17 +4,19 @@
  * SPDX-License-Identifier: MIT
  */
 
-import {LitElement, html, css, PropertyValueMap} from 'lit';
+import { LitElement, html, css, PropertyValueMap } from 'lit';
 // import {customElement, query, queryAssignedElements, property} from 'lit/decorators.js';
-import {customElement, query, property} from 'lit/decorators.js';
+import { customElement, query, property } from 'lit/decorators.js';
 // import {customElement, query, property} from 'lit/decorators.js';
 import Util from './util';
 // import {LitElement, html, css} from 'lit';
 // import {customElement} from 'lit/decorators.js';
-import {DataObject, AddButtonObject, createDataObject, createAddButtonObject, isAddButtonObject} from './dataObjects';
+import { DataObject, AddButtonObject, createDataObject, createAddButtonObject, isAddButtonObject } from './dataObjects';
 import { SfIForm } from 'sf-i-form';
 import { SfIBricks } from 'sf-i-bricks';
 import { SfIUploader } from 'sf-i-uploader';
+import { SfChecklist } from 'sf-checklist';
+import { SfISelect } from 'sf-i-select';
 
 /*
 
@@ -49,12 +51,13 @@ export class SfIReporting extends LitElement {
   projectname: string = "";
 
   @property()
-  configjson: string = "[]";
+  // configjson: string = "[]";
   // configjson: string = "[{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Tags\",\"hint\":\"Tags applied to notice\",\"id\":\"tags\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/tagging\",\"searchstring\":\"Tag\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["updatetype","project","tagtype","shortid"]\",\"maxselect\":\"100\",\"mandatory\":\"\"}]";
   // configjson: string = "[{\"type\":\"textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Prepared by\",\"hint\":\"Mention the names of people who participated in preparing this document\",\"id\":\"preparedby\",\"value\":\"prepared by test\",\"collapse\":\"true\"},{\"type\":\"textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Approved by\",\"hint\":\"Mention the names of people who participated in reviewing this document\",\"id\":\"approvedby\",\"value\":\"test approved by\",\"collapse\":\"true\"},{\"type\":\"textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Purpose\",\"hint\":\"This is a checklist for reporting the statutory internal audit results of the infection control program\",\"id\":\"purpose\",\"value\":\"test purpose\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with Biomedical Waste Management Rules, 2016\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-0\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is the hospital registered with the State Pollution Control Board (SPCB) for biomedical waste management?\",\"hint\":\"\",\"id\":\"bmwspcb\",\"value\":[\"No\",\"\"],\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are biomedical waste segregation protocols (color-coded bins) in place and followed as per rules?\",\"hint\":\"\",\"id\":\"bmwcolorcoding\",\"value\":[\"Yes\",\"\"],\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are disposal records for biomedical waste maintained as required by law?\",\"hint\":\"\",\"id\":\"bmwdisposal\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is there a valid agreement with an authorized biomedical waste disposal vendor?\",\"hint\":\"\",\"id\":\"bmwvendoragreement\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are healthcare staff trained in biomedical waste segregation and disposal protocols?\",\"hint\":\"\",\"id\":\"bmwtraining\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Drugs and Cosmetics Act, 1940 (Infection Control Equipment and Materials)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-1\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"options\":[\"option1\",\"option2\",\"option3\"],\"name\":\"\",\"size\":\"large\",\"label\":\"Are hand hygiene products (e.g., alcohol-based hand rubs) procured from licensed vendors as per statutory regulations?\",\"hint\":\"\",\"id\":\"hhvendors\",\"value\":[\"option2\",\"\"],\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are disinfectants, sterilants, and antiseptics used in the hospital in compliance with the Drugs and Cosmetics Act?\",\"hint\":\"\",\"id\":\"disinfectantsdca\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is there a regular check on the expiration dates and quality standards of infection control materials?\",\"hint\":\"\",\"id\":\"expirycheck\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Indian Epidemic Diseases Act, 1897 (Outbreak Management)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-2\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is there a policy in place for managing infectious disease outbreaks in compliance with the Indian Epidemic Diseases Act?\",\"hint\":\"\",\"id\":\"outbreakpolicy\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are protocols in place for isolation, patient segregation, and reporting of notifiable diseases as per government directives?\",\"hint\":\"\",\"id\":\"diseasereporting\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are outbreak reports documented and communicated to relevant authorities (local health departments, as per law)?\",\"hint\":\"\",\"id\":\"outbreakreporting\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Water (Prevention and Control of Pollution) Act, 1974 (Water Quality Monitoring)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-3\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is the hospital water supply tested regularly for microbiological contaminants?\",\"hint\":\"\",\"id\":\"watertesting\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are there documented records of water quality reports, and are they in compliance with prescribed standards?\",\"hint\":\"\",\"id\":\"waterqualityreporting\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is there an arrangement for safe water storage and waste-water disposal in line with statutory requirements?\",\"hint\":\"\",\"id\":\"waterstorage\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Air (Prevention and Control of Pollution) Act, 1981 (Air Quality Management)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-4\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are air conditioning and ventilation systems in place that comply with regulatory standards, especially in critical areas like OTs and ICUs?\",\"hint\":\"\",\"id\":\"acinplace\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are air filters in the hospital HVAC systems cleaned or replaced as per environmental laws and infection control guidelines?\",\"hint\":\"\",\"id\":\"airfilters\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are regular air quality audits conducted, and are reports maintained?\",\"hint\":\"\",\"id\":\"airqualityaudits\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Public Health Act (Surveillance and Reporting)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-5\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is there a surveillance system for monitoring hospital-acquired infections (HAIs)?\",\"hint\":\"\",\"id\":\"haisurveillance\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are notifiable infections reported to local health authorities as per the law?\",\"hint\":\"\",\"id\":\"infectionreporting\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are infection surveillance records maintained, and are they in compliance with public health laws?\",\"hint\":\"\",\"id\":\"infectionsurveillance\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Occupational Safety and Health Act (Workplace Safety)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-6\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are healthcare workers provided with adequate personal protective equipment (PPE) in line with statutory safety regulations?\",\"hint\":\"\",\"id\":\"ppeallocation\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is there a needle stick and sharps injury prevention policy in place, and is it compliant with the OSHA guidelines?\",\"hint\":\"\",\"id\":\"safeipolicy\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are protocols for staff vaccination (e.g., Hepatitis B, Influenza) and post-exposure prophylaxis (PEP) established?\",\"hint\":\"\",\"id\":\"prophylaxis\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Clinical Establishments (Registration and Regulation) Act, 2010 (General Infection Control Requirements)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-7\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is the hospital registered under the Clinical Establishments Act, and does it meet the infection control standards prescribed?\",\"hint\":\"\",\"id\":\"registration\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are infection control protocols updated and audited regularly, as required by the Act?\",\"hint\":\"\",\"id\":\"hicprotocolsupdated\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are records of infection control compliance maintained and available for inspection by regulatory authorities?\",\"hint\":\"\",\"id\":\"compliancerecords\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with Fire Safety Regulations (Infection Control During Emergency Evacuations)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-8\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are fire safety protocols in place that ensure infection control measures (e.g., patient isolation) during evacuations?\",\"hint\":\"\",\"id\":\"firesafetyprotocols\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are infection control materials (e.g., masks, gloves) readily available for use during fire drills or actual emergencies?\",\"hint\":\"\",\"id\":\"hicmaterials\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The National Health Mission Guidelines (Sanitation and Hygiene)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-9\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are the hospital’s sanitation practices in compliance with National Health Mission standards for hospital cleanliness and hygiene?\",\"hint\":\"\",\"id\":\"sanitizationpractices\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are there dedicated housekeeping protocols for the cleaning and disinfection of patient care areas as per government guidelines?\",\"hint\":\"\",\"id\":\"housekeepingprotocols\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are sanitation records maintained, and are they available for regulatory review?\",\"hint\":\"\",\"id\":\"sanitiziationrecords\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Indian Council of Medical Research (ICMR) Guidelines (Antibiotic Stewardship)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-10\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Is the hospital following ICMR guidelines for antibiotic stewardship to prevent the development of antimicrobial resistance (AMR)?\",\"hint\":\"\",\"id\":\"icmramsguidelines\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are antibiotic use patterns monitored, and are they compliant with ICMR’s antimicrobial stewardship guidelines?\",\"hint\":\"\",\"id\":\"patternsmonitoring\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are periodic audits conducted to assess adherence to guidelines, and are the audit reports documented?\",\"hint\":\"\",\"id\":\"amsaudits\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with The Indian Medical Council (Professional Conduct, Etiquette, and Ethics) Regulations, 2002\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-11\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are healthcare workers adhering to professional conduct and ethical guidelines for infection prevention as prescribed by the Medical Council of India?\",\"hint\":\"\",\"id\":\"professionalconduct\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are there protocols in place to report unethical or unsafe infection control practices?\",\"hint\":\"\",\"id\":\"unethicalreporting\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"section\",\"name\":\"Compliance with Employee State Insurance (ESI) Act, 1948 (Healthcare Worker Safety)\",\"size\":\"\",\"label\":\"\",\"hint\":\"\",\"id\":\"section-12\",\"value\":\"\",\"collapse\":\"false\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are healthcare workers insured under the ESI scheme, particularly those involved in high-risk infection control activities?\",\"hint\":\"\",\"id\":\"esiinsured\",\"value\":\"\",\"collapse\":\"true\"},{\"type\":\"yesno+textarea\",\"name\":\"\",\"size\":\"large\",\"label\":\"Are there protocols for compensation in case of occupational hazards (e.g., infections contracted at work)?\",\"hint\":\"\",\"id\":\"compensationprotocols\",\"value\":\"\",\"collapse\":\"true\"}]";
   // configjson: string = "[{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Prepared by\",\"hint\":\"Mention the names of people who participated in preparing this document\",\"id\":\"preparedby\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Approved by\",\"hint\":\"Mention the names of people who participated in reviewing this document\",\"id\":\"approvedby\"},[{\"type\":\"itemname\",\"name\":\"External Reporting Agency\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Name\",\"hint\":\"State the name of the agency\",\"id\":\"name{iter}\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Type\",\"hint\":\"State the type of the agency such as government (local, state, nationa), private, educational institute, etc.\",\"id\":\"type{iter}\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Contact Person\",\"hint\":\"Name of the contact person\",\"id\":\"contact-person{iter}\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Phone Number\",\"hint\":\"Phone number of the contact person\",\"id\":\"contact-phone{iter}\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Email\",\"hint\":\"Email address of the contact person\",\"id\":\"contact-email{iter}\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Reporting Method\",\"hint\":\"Method of reporting such as online/email/phone/fax, etc.\",\"id\":\"reporting-method{iter}\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Role\",\"hint\":\"When to report for e.g. report local outbreak and infection trends, national reporting of infection control and outbreaks, global disease surveillance, response coordination, state-level outbreak and epidemic reporting\",\"id\":\"role{iter}\"}]]";
   // configjson: string = "[{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Prepared by\",\"hint\":\"Mention the names of people who participated in preparing this document\",\"id\":\"preparedby\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Approved by\",\"hint\":\"Mention the names of people who participated in reviewing this document\",\"id\":\"approvedby\"},{\"type\":\"section\",\"name\":\"Program Structure\"},{\"type\":\"subsection\",\"name\":\"Infection Control Committee\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Responsibilities\",\"hint\":\"Briefly outline the responsibilities of the infection control committee\",\"id\":\"iccresponsibilities\"},[{\"type\":\"committeemember\",\"name\":\"Committee Member\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Role\",\"hint\":\"Infection Control Officer (ICO), Infection Control Nurses (ICN), Microbiologist, Nursing heads, Representatives from key departments (Surgery, Medicine, Housekeeping, CSSD, etc.)\",\"id\":\"iccstructurerole{iter}\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Responsibilities\",\"hint\":\"Oversee all infection control activities, review infection surveillance data and action plans, ensure compliance, etc.\",\"id\":\"iccstructureresponsibilities{iter}\"}],{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Meetings\",\"hint\":\"Meeting frequency, minimum quorum requirements, agenda\",\"id\":\"iccmeetings\"},{\"type\":\"subsection\",\"name\":\"Infection Control Team\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Responsibilities\",\"hint\":\"Briefly outline the responsibilities of the infection control team\",\"id\":\"ictresponsibilities\"},[{\"type\":\"teammember\",\"name\":\"Team Member\",\"direction\":\"row\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Role\",\"hint\":\"Infection Control Officer (ICO), Infection Control Nurses (ICN), Microbiologist, Admin Rep., Housekeeping Rep., CSSD Rep., Pharmacist, Engineering Rep., IT Rep.\",\"id\":\"ictstructurerole{iter}\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Responsibilities\",\"hint\":\"Day-to-day monitoring of infection control practices, ensure compliance with guidelines for high-risk areas (e.g., ICUs, OTs), coordinate with the ICC for feedback and updates, etc.\",\"id\":\"ictstructureresponsibilities{iter}\"}],{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Meetings\",\"hint\":\"Meeting frequency, minimum quorum requirements, agenda\",\"id\":\"ictmeetings\"},{\"type\":\"section\",\"name\":\"Aims & Objectives\"},{\"type\":\"subsection\",\"name\":\"Aims\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Aims\",\"hint\":\"Briefly outline the aims of the infection control programme\",\"id\":\"aims\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Objectives\",\"hint\":\"Precisely define the objectives including quantified targets wherever possible. For e.g. target to reduce HAIs by 20% annually, achieve 95% compliance with hand hygiene protocols across all departments.\",\"id\":\"aims\"},{\"type\":\"section\",\"name\":\"Infection Control Processes\"},{\"type\":\"subsection\",\"name\":\"Hand Hygiene\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Hand Hygiene Policies\",\"hint\":\"Summarize and reference the policies that are defined for hand hygiene\",\"id\":\"hhpolicies\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Hand Hygiene SOPs\",\"hint\":\"Summarize and reference the SOPs that are developed, maintained and released for hand hygiene\",\"id\":\"hhsops\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Hand Hygiene Monitoring\",\"hint\":\"Outline data parameters, methods and quality indicators for monitoring hand hygiene\",\"id\":\"hhmonitoring\"},{\"type\":\"subsection\",\"name\":\"Personal Protective Equipment (PPE)\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"PPE Usage Policies\",\"hint\":\"Summarize and reference the policies that are defined for the indications and usage of PPE for transmission-based precautions\",\"id\":\"ppepolicies\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"PPE Usage SOPs\",\"hint\":\"Summarize and reference the SOPs that are developed, maintained and released for the appropriate usage of PPE in various situations\",\"id\":\"ppesops\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"PPE Usage Monitoring\",\"hint\":\"Outline data parameters, methods and quality indicators for monitoring the usage of PPE\",\"id\":\"ppemonitoring\"},{\"type\":\"subsection\",\"name\":\"Housekeeping\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Cleaning Protocols\",\"hint\":\"Summarize the cleaning protocols for various areas such as OTs, wards, public areas including toilets, corridors including environment, fixtures, fomites, furniture, furnishings, equipments, etc. Protocols should be appropriately designed for high-touch and low-touch areas.\",\"id\":\"hkcleaning\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Dilution Protocols\",\"hint\":\"Summarize the cleaning protocols for approved disinfectants for cleaning in various areas such as OTs, wards, public areas including toilets, corridors including environment, fixtures, fomites, furniture, furnishings, equipments, etc. Protocols should be appropriately designed for high-touch and low-touch areas.\",\"id\":\"hkdilution\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Housekeeping Monitoring\",\"hint\":\"Outline data parameters, methods and quality indicators for monitoring the housekeeping activities in various areas such as OTs, wards, public areas including toilets, corridors including environment, fixtures, fomites, furniture, furnishings, equipments, etc. Include regular checks for surface cleanliness, air quality, water quality, etc.\",\"id\":\"hkmonitoring\"},{\"type\":\"subsection\",\"name\":\"CSSD\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"CSSD Design\",\"hint\":\"Summarise the CSSD design requirements including space requirements, location requirements, layouting and unidirectional flow zoning requirements, separate areas for receiving, washing, cleaning, packing, sterilization, sterile storage & issue and the separation of clean and dirty areas\",\"id\":\"cssddesign\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"CSSD Procedures\",\"hint\":\"Summarise and reference the procedures for cleaning, packing, disinfection and sterilization. Also include the use of flash sterilization and the usage of Spaulding's classification\",\"id\":\"cssdprocedures\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"CSSD Validation Tests\",\"hint\":\"Summarise and reference the usage, frequency and methodologies of validation tests including physical, chemical, biological and engineering tests for sterilization effectiveness\",\"id\":\"cssdvalidation\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Reuse and recall\",\"hint\":\"Summarise the indications, guidelines and procedures for instrument reuse including the policy of patient intimation. Also include the summary of recall procedures post breakdown for non-functional equipments/devices.\",\"id\":\"cssdreuserecall\"},{\"type\":\"subsection\",\"name\":\"Biomedical Waste Management\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Segregation & Transfer Procedures\",\"hint\":\"Summarise and reference the procedures for segregation, collection, storage, handling and the use of color codings. Also include the procedure for handover and transfer of biomedical waste to the approved vendor for disposal.\",\"id\":\"bmwsegregation\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Statutory Provisions\",\"hint\":\"Summarize the statutory provisions of biomedical waste management that are applicable to your hospital\",\"id\":\"bmwstatutory\"},{\"type\":\"subsection\",\"name\":\"Staff Infections Prevention\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Statutory Requirements\",\"hint\":\"Summarize the statutory requirements for staff immunization including the hospital policies.\",\"id\":\"staffstatutory\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Staff Infections Reporting\",\"hint\":\"Identify transmissible infections important for staff to report (such as acute conjunctivitis, chickenpox, acute respiratory infections, smear-positive tuberculosis, etc.) and summarize the reporting procedure.\",\"id\":\"staffinfectionreporting\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Work Restrictions\",\"hint\":\"Summarize the guidelines for work restrictions (limiting roles & responsibilities) for infected staff\",\"id\":\"staffworkrestrictions\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Prophylaxis\",\"hint\":\"Summarize the indications and procedures for giving pre and post exposure prophylaxis to staff\",\"id\":\"staffprophylaxis\"},{\"type\":\"subsection\",\"name\":\"Safe Injection & Infusion Practices\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Medication Practices\",\"hint\":\"Summarize the policies and procedures for safe medication practices including single-dose vials, multi-dose vials\",\"id\":\"safeimedication\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Injection Practices\",\"hint\":\"Summarize the policies and procedures for safe injection practices including preparation, labeling and administration practices\",\"id\":\"safeiinjection\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Sharps Injury Prevention\",\"hint\":\"Summarize the policies and procedures for sharps injury prevention\",\"id\":\"safeiinjuryprevention\"},{\"type\":\"subsection\",\"name\":\"Antimicrobial Stewardship\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Clinical Conditions Identification\",\"hint\":\"Summarize the identified clinical conditions for using antimicrobials including antifungals, antibiotics, antivirals and antiparasites from the pov of antimicrobial agent, monotherapy vs combination therapy, escalaction & de-escalation of therapy and dose & duration of therapy\",\"id\":\"amsclinicalconditions\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Susceptibility Monitoring\",\"hint\":\"Summarize the identified system of monitoring antimicrobial susceptibility\",\"id\":\"amssusceptibility\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Antimicrobial Usage Policy\",\"hint\":\"Summarize the animicrobial usage policy including the frequency of reviewing this policy\",\"id\":\"amsusagepolicy\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Antimicrobial Stewardship Committee\",\"hint\":\"Outline the structure, roles and responsibilities of the antimicrobial stewardship committee structure\",\"id\":\"amsstewardshipcommittee\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Antimicrobial Workflows\",\"hint\":\"Summarize the procedures for antimicrobial workflows such ordering, prescriptions and usages\",\"id\":\"amsworkflows\"},{\"type\":\"subsection\",\"name\":\"Renovation & New Construction\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Risk Assessment\",\"hint\":\"Summarize the risk assessment methodology and the tool for conducting risk assessment of infection control during renovation & new construction\",\"id\":\"rncriskassessment\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Inclusion From Design\",\"hint\":\"Summarize the policy of including infection control and the involvement of infection control team since the design stages of any renovation & new construction project\",\"id\":\"rncriskassessment\"},{\"type\":\"subsection\",\"name\":\"Healthcare Associated Infections\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Care Bundles\",\"hint\":\"Summarize the care bundles developed for prevent CAUTIs, VAPs, SSI, CLABSIs\",\"id\":\"haicarebundles\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Monitoring\",\"hint\":\"Summarize the monitoring frequencies and methdologies for HAIs\",\"id\":\"haimonitoring\"},{\"type\":\"subsection\",\"name\":\"Dietary Services & Kitchen\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Statutory Requirements\",\"hint\":\"Summarize the statutory requirements for kitchen & dietary services\",\"id\":\"dskstatutory\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Design Requirements\",\"hint\":\"Summarize the design requirements of kitchen & dietary services including layout, traffic-flow, prevention of criss-cross traffic, sequence of activities. Also include separate dedicated food preparation areas\",\"id\":\"dskriskassessment\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Workers Screening\",\"hint\":\"Summarize the policies & procedures for screening kitchen workers and food handlers\",\"id\":\"dskscreening\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Hygienic Preparation, Storage & Distribution of Food\",\"hint\":\"Summarize the policies & procedures for hygiene measures such as storage of food off the floor, separation in storage of cleaning supplies and food, separate dedicated food preparation areas, identification of measures to prevent flies & insects to come in contact with prepared/stored food. Also include safe preparation, handling, storage & distribution procedures encompassing the temperatures for food distribution as well\",\"id\":\"dskhygiene\"},{\"type\":\"subsection\",\"name\":\"Laundry & Linen Management\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Procedures\",\"hint\":\"Summarize the policies & procedures for linen change, handling (patient-care, transport to laundry, inside laundry), storage of clean linen, separation of clean & dirty linen, distribution of clean linen. Also include controls to ensure infection prevention & control when laundry management is outsourced\",\"id\":\"llmprocedures\"},{\"type\":\"section\",\"name\":\"Surveillance\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Infection Surveillance\",\"hint\":\"Include surveillance of hospital-acquired infections (VAP, CLABSI, CAUTI, SSIs), define frequency and methodology for collecting infection data from different units (ICU, OT, general wards), surveillance tools and weekly and monthly review of infection trends and risk factors.\",\"id\":\"surveillanceinfections\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Antimicrobial Surveillance\",\"hint\":\"Include regular audits of antimicrobial prescriptions and usage, surveillance of resistance patterns in the hospital, frequency of reports to the Antimicrobial Stewardship Committee.\",\"id\":\"surveillanceantimicrobial\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Environmental Surveillance\",\"hint\":\"Include surface sampling such as regular swabs and testing of high-touch surfaces (ICUs, OT, isolation rooms), air quality monitoring of air handling units and conducting air sampling in critical care areas, water quality testing of RO water in dialysis units for endotoxin levels.\",\"id\":\"surveillanceenvironment\"},{\"type\":\"section\",\"name\":\"Inventory Management\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Inventory Policies\",\"hint\":\"Summarize and reference the policies that define the expected stock levels of various equipments, devices & materials used in the infection control program for hand hygiene, PPE, biomedical waste management, CSSD, pre & post exposure prophylaxis, safe injection & infusions, isolation & barrier nursing, housekeeping, etc.\",\"id\":\"inventorypolicy\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Availability Policies\",\"hint\":\"Summarize and reference the policies that define the distribution and expected availability levels across different hospital zones for various equipments, devices & materials used in the infection control program for hand hygiene, PPE, biomedical waste management, CSSD, pre & post exposure prophylaxis, safe injection & infusions, isolation & barrier nursing, housekeeping, etc.\",\"id\":\"availabilitypolicy\"},{\"type\":\"section\",\"name\":\"Trainings\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Training Policies\",\"hint\":\"Summarize and reference the staff training policies for standard precautions, hand hygiene, PPE usage, antimicrobial stewardship, safe injection & infusion practices, housekeeping, laundry & linen management, biomedical waste management, care bundles for HAI preventions, CSSD operations, reuse and recalls, etc.\",\"id\":\"trainingpolicy\"},{\"type\":\"section\",\"name\":\"Audits\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Audit Policies\",\"hint\":\"Summarize and reference the audit policies for standard precautions, hand hygiene, PPE usage, antimicrobial stewardship, safe injection & infusion practices, housekeeping, laundry & linen management, biomedical waste management, care bundles for HAI preventions, CSSD operations, reuse and recalls, etc. Include the methodology, frequency, etc.\",\"id\":\"auditpolicy\"},{\"type\":\"section\",\"name\":\"Quality\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Quality Policies\",\"hint\":\"Summarize and reference the quality policies for material, equipments and devices used in the infection control program, including the expected standards and benchmarks. For PPE, hand hygiene, isolation & barrier nursing, safe injection & infusion, air-conditioning, water supply, housekeeping, biomedical waste, linen management, kitchen & dietary services, CSSD, etc.\",\"id\":\"qualitypolicy\"},{\"type\":\"section\",\"name\":\"Vendor Selection\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Vendor Selection Policies\",\"hint\":\"Summarize and reference the vendor selection policies for material, equipments and devices used in the infection control program, including the qualification criteria, delivery schedules and agreement clauses. For PPE, hand hygiene, isolation & barrier nursing, safe injection & infusion, air-conditioning, water supply, housekeeping, biomedical waste management, linen management, kitchen & dietary services, CSSD, etc.\",\"id\":\"vendorselectionpolicy\"},{\"type\":\"section\",\"name\":\"Maintenance\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Maintenance Policies\",\"hint\":\"Summarize and reference the maintenance policies for equipments and facilities used in the infection control program, including the routine, contractual and breakdown maintenance activities. For PPE, hand hygiene, isolation & barrier nursing, safe injection & infusion, air-conditioning, water supply, housekeeping, biomedical waste, linen management, kitchen & dietary services, CSSD, etc.\",\"id\":\"maintenancepolicy\"}]";
   // configjson: string = "[{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Prepared by\",\"hint\":\"Mention the names of people who participated in preparing this document\",\"id\":\"preparedby\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Approved by\",\"hint\":\"Mention the names of people who participated in reviewing this document\",\"id\":\"approvedby\"},{\"type\":\"textarea\",\"size\":\"large\",\"label\":\"Purpose\",\"hint\":\"This is a checklist for reporting the statutory internal audit results of the infection control program\",\"id\":\"purpose\"},{\"type\":\"section\",\"name\":\"Compliance with Biomedical Waste Management Rules, 2016\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is the hospital registered with the State Pollution Control Board (SPCB) for biomedical waste management?\",\"hint\":\"\",\"id\":\"bmwspcb\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are biomedical waste segregation protocols (color-coded bins) in place and followed as per rules?\",\"hint\":\"\",\"id\":\"bmwcolorcoding\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are disposal records for biomedical waste maintained as required by law?\",\"hint\":\"\",\"id\":\"bmwdisposal\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is there a valid agreement with an authorized biomedical waste disposal vendor?\",\"hint\":\"\",\"id\":\"bmwvendoragreement\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are healthcare staff trained in biomedical waste segregation and disposal protocols?\",\"hint\":\"\",\"id\":\"bmwtraining\"},{\"type\":\"section\",\"name\":\"Compliance with The Drugs and Cosmetics Act, 1940 (Infection Control Equipment and Materials)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are hand hygiene products (e.g., alcohol-based hand rubs) procured from licensed vendors as per statutory regulations?\",\"hint\":\"\",\"id\":\"hhvendors\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are disinfectants, sterilants, and antiseptics used in the hospital in compliance with the Drugs and Cosmetics Act?\",\"hint\":\"\",\"id\":\"disinfectantsdca\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is there a regular check on the expiration dates and quality standards of infection control materials?\",\"hint\":\"\",\"id\":\"expirycheck\"},{\"type\":\"section\",\"name\":\"Compliance with The Indian Epidemic Diseases Act, 1897 (Outbreak Management)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is there a policy in place for managing infectious disease outbreaks in compliance with the Indian Epidemic Diseases Act?\",\"hint\":\"\",\"id\":\"outbreakpolicy\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are protocols in place for isolation, patient segregation, and reporting of notifiable diseases as per government directives?\",\"hint\":\"\",\"id\":\"diseasereporting\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are outbreak reports documented and communicated to relevant authorities (local health departments, as per law)?\",\"hint\":\"\",\"id\":\"outbreakreporting\"},{\"type\":\"section\",\"name\":\"Compliance with The Water (Prevention and Control of Pollution) Act, 1974 (Water Quality Monitoring)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is the hospital water supply tested regularly for microbiological contaminants?\",\"hint\":\"\",\"id\":\"watertesting\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are there documented records of water quality reports, and are they in compliance with prescribed standards?\",\"hint\":\"\",\"id\":\"waterqualityreporting\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is there an arrangement for safe water storage and waste-water disposal in line with statutory requirements?\",\"hint\":\"\",\"id\":\"waterstorage\"},{\"type\":\"section\",\"name\":\"Compliance with The Air (Prevention and Control of Pollution) Act, 1981 (Air Quality Management)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are air conditioning and ventilation systems in place that comply with regulatory standards, especially in critical areas like OTs and ICUs?\",\"hint\":\"\",\"id\":\"acinplace\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are air filters in the hospital HVAC systems cleaned or replaced as per environmental laws and infection control guidelines?\",\"hint\":\"\",\"id\":\"airfilters\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are regular air quality audits conducted, and are reports maintained?\",\"hint\":\"\",\"id\":\"airqualityaudits\"},{\"type\":\"section\",\"name\":\"Compliance with The Public Health Act (Surveillance and Reporting)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is there a surveillance system for monitoring hospital-acquired infections (HAIs)?\",\"hint\":\"\",\"id\":\"haisurveillance\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are notifiable infections reported to local health authorities as per the law?\",\"hint\":\"\",\"id\":\"infectionreporting\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are infection surveillance records maintained, and are they in compliance with public health laws?\",\"hint\":\"\",\"id\":\"infectionsurveillance\"},{\"type\":\"section\",\"name\":\"Compliance with The Occupational Safety and Health Act (Workplace Safety)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are healthcare workers provided with adequate personal protective equipment (PPE) in line with statutory safety regulations?\",\"hint\":\"\",\"id\":\"ppeallocation\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is there a needle stick and sharps injury prevention policy in place, and is it compliant with the OSHA guidelines?\",\"hint\":\"\",\"id\":\"safeipolicy\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are protocols for staff vaccination (e.g., Hepatitis B, Influenza) and post-exposure prophylaxis (PEP) established?\",\"hint\":\"\",\"id\":\"prophylaxis\"},{\"type\":\"section\",\"name\":\"Compliance with The Clinical Establishments (Registration and Regulation) Act, 2010 (General Infection Control Requirements)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is the hospital registered under the Clinical Establishments Act, and does it meet the infection control standards prescribed?\",\"hint\":\"\",\"id\":\"registration\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are infection control protocols updated and audited regularly, as required by the Act?\",\"hint\":\"\",\"id\":\"hicprotocolsupdated\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are records of infection control compliance maintained and available for inspection by regulatory authorities?\",\"hint\":\"\",\"id\":\"compliancerecords\"},{\"type\":\"section\",\"name\":\"Compliance with Fire Safety Regulations (Infection Control During Emergency Evacuations)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are fire safety protocols in place that ensure infection control measures (e.g., patient isolation) during evacuations?\",\"hint\":\"\",\"id\":\"firesafetyprotocols\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are infection control materials (e.g., masks, gloves) readily available for use during fire drills or actual emergencies?\",\"hint\":\"\",\"id\":\"hicmaterials\"},{\"type\":\"section\",\"name\":\"Compliance with The National Health Mission Guidelines (Sanitation and Hygiene)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are the hospital’s sanitation practices in compliance with National Health Mission standards for hospital cleanliness and hygiene?\",\"hint\":\"\",\"id\":\"sanitizationpractices\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are there dedicated housekeeping protocols for the cleaning and disinfection of patient care areas as per government guidelines?\",\"hint\":\"\",\"id\":\"housekeepingprotocols\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are sanitation records maintained, and are they available for regulatory review?\",\"hint\":\"\",\"id\":\"sanitiziationrecords\"},{\"type\":\"section\",\"name\":\"Compliance with The Indian Council of Medical Research (ICMR) Guidelines (Antibiotic Stewardship)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Is the hospital following ICMR guidelines for antibiotic stewardship to prevent the development of antimicrobial resistance (AMR)?\",\"hint\":\"\",\"id\":\"icmramsguidelines\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are antibiotic use patterns monitored, and are they compliant with ICMR’s antimicrobial stewardship guidelines?\",\"hint\":\"\",\"id\":\"patternsmonitoring\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are periodic audits conducted to assess adherence to guidelines, and are the audit reports documented?\",\"hint\":\"\",\"id\":\"amsaudits\"},{\"type\":\"section\",\"name\":\"Compliance with The Indian Medical Council (Professional Conduct, Etiquette, and Ethics) Regulations, 2002\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are healthcare workers adhering to professional conduct and ethical guidelines for infection prevention as prescribed by the Medical Council of India?\",\"hint\":\"\",\"id\":\"professionalconduct\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are there protocols in place to report unethical or unsafe infection control practices?\",\"hint\":\"\",\"id\":\"unethicalreporting\"},{\"type\":\"section\",\"name\":\"Compliance with Employee State Insurance (ESI) Act, 1948 (Healthcare Worker Safety)\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are healthcare workers insured under the ESI scheme, particularly those involved in high-risk infection control activities?\",\"hint\":\"\",\"id\":\"esiinsured\"},{\"type\":\"yesno+textarea\",\"size\":\"small\",\"label\":\"Are there protocols for compensation in case of occupational hazards (e.g., infections contracted at work)?\",\"hint\":\"\",\"id\":\"compensationprotocols\"}]";
+  configjson: string = "[{\"type\":\"sf-i-uploader\",\"size\":\"large\",\"label\":\"Contract Document *\",\"hint\":\"Document of the contract\",\"id\":\"contractdocuments\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"1peg5170d3\",\"allowedextensions\":\"["jpg","png","pdf","xls","xlsx","doc","docx"]\",\"extract\":\"yes\",\"maxselect\":\"1\",\"maxsize\":\"5242880\",\"allowdownload\":\"yes\",\"mandatory\":\"\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Contract Reference No. *\",\"hint\":\"Contract reference number\",\"id\":\"refno\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Date of Execution *\",\"hint\":\"The date of execution of the contract\",\"id\":\"dateofexecution\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Date of Expiry *\",\"hint\":\"The date on which the contract expires.\",\"id\":\"dateofexpiry\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Date of Renewal *\",\"hint\":\"The date on which the contract renews.\",\"id\":\"dateofrenewal\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Due Date *\",\"hint\":\"The due date for the contract.\",\"id\":\"duedate\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Contract Term *\",\"hint\":\"Term / Tenure of the contract\",\"id\":\"tenure\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Party - 1 *\",\"hint\":\"Name of the Party - 1\",\"id\":\"party1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Party - 2 *\",\"hint\":\"Name of the Party - 2\",\"id\":\"party2\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Party - 3\",\"hint\":\"Name of the Party - 3\",\"id\":\"party3\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Country *\",\"hint\":\"Country for contract\",\"id\":\"country\",\"mode\":\"select\",\"savenameseparate\":\"yes\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Entity *\",\"hint\":\"Entity for contract\",\"id\":\"entity\",\"dependencies\":[\"country\"],\"mode\":\"select\",\"savenameseparate\":\"yes\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Locations *\",\"hint\":\"Locations for contract\",\"id\":\"locations\",\"dependencies\":[\"country\",\"entity\"],\"mode\":\"multiselect\",\"mandatory\":\"\",\"copytoreopen\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Tags *\",\"hint\":\"Tags applied to contract\",\"id\":\"tags\",\"mode\":\"multiselect\",\"dependencies\":[\"country\",\"entity\",\"locations\"],\"searchstring\":\"-Tags\",\"mandatory\":\"\",\"copytoreopen\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Reporter *\",\"hint\":\"Reporter for the contract\",\"id\":\"reporters\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Approver *\",\"hint\":\"Approver for the contract\",\"id\":\"approvers\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Function head *\",\"hint\":\"Function head for the Contract\",\"id\":\"functionheads\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Auditor *\",\"hint\":\"Auditor for the Contract\",\"id\":\"auditors\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Viewer *\",\"hint\":\"Viewer for the contract\",\"id\":\"viewers\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-select\",\"size\":\"large\",\"label\":\"Contract Type *\",\"apiid\":\"dwqyez2puoxmu.cloudfront.net/contracttype\",\"hint\":\"Type of the Contract\",\"id\":\"contracttype\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Context\",\"hint\":\"Context of the contract\",\"id\":\"context\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Remarks\",\"hint\":\"Remarks on the contract\",\"id\":\"remarks\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-checklist\",\"size\":\"small\",\"label\":\"Terms *\",\"hint\":\"Terms in the contract\",\"elementsjson\":\"[{\\\"name\\\":\\\"Term1\\\"},{\\\"name\\\":\\\"Term2\\\"},{\\\"name\\\":\\\"Term3\\\"},{\\\"name\\\":\\\"Term4\\\"}]\",\"id\":\"terms\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"}]"
 
   getConfigJson = () => {
     console.log('configjson', this.configjson);
@@ -106,8 +109,8 @@ export class SfIReporting extends LitElement {
 
   lastCalendarGenerated: string = ""
   nextCalendarScheduled: string = ""
-  // selectedItem: any = {};
-  selectedItem: any = {id:"2b1d4da9-7cfe-4861-91f2-1727d0cc70b4"};
+  selectedItem: any = {};
+  // selectedItem: any = { id: "2b1d4da9-7cfe-4861-91f2-1727d0cc70b4" };
 
   selectedItemIds: any = [];
 
@@ -115,10 +118,6 @@ export class SfIReporting extends LitElement {
 
   static override styles = css`
 
-    
-    .SfIReportingC {
-    }
-
     .SfIReportingCCopy {
       width: 100%;
       height: 100%;
@@ -155,7 +154,6 @@ export class SfIReporting extends LitElement {
     .mt-10{
       margin-top: 10px
     }
-    }
     .ml-10{
       margin-left: 10px
     }
@@ -200,10 +198,6 @@ export class SfIReporting extends LitElement {
       text-transform: capitalize;
     }
 
-    .td-body {
-      
-    }
-
     .td-dark {
       background-color: #e9e9e9;
     }
@@ -588,46 +582,50 @@ export class SfIReporting extends LitElement {
     super();
   }
 
-  truncate = ( str: string, n: number, useWordBoundary: boolean ) => {
+  truncate = (str: string, n: number, useWordBoundary: boolean) => {
     if (str.length <= n) { return str; }
-    const subString = str.slice(0, n-1); // the original check
-    return (useWordBoundary 
-      ? subString.slice(0, subString.lastIndexOf(" ")) 
+    const subString = str.slice(0, n - 1); // the original check
+    return (useWordBoundary
+      ? subString.slice(0, subString.lastIndexOf(" "))
       : subString) + "&hellip;";
   };
 
   selectedValues = () => {
-    let valueObj: {[key:string] : any} = {};
-    for(let element of this.dataModel){
-      if(isAddButtonObject(element)){
+    let valueObj: { [key: string]: any } = {};
+    for (let element of this.dataModel) {
+      if (isAddButtonObject(element)) {
         let sectionObj = []
-        for(let subrecord of element.children){
-          let subrecordObj: {[key:string] : any} = {}
-          for(let subElement of subrecord){
-            if(subElement.id !== ""){
-              if(subElement.type == "sf-i-form"){
-                let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+subElement.id) as SfIForm;
-                if(subElement.savenameseparate == "yes"){
+        for (let subrecord of element.children) {
+          let subrecordObj: { [key: string]: any } = {}
+          for (let subElement of subrecord) {
+            if (subElement.id !== "") {
+              if (subElement.type == "sf-i-form") {
+                let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + subElement.id) as SfIForm;
+                if (subElement.savenameseparate == "yes") {
                   subrecordObj[subElement.id + 'id'] = form.selectedValues()[0] ?? "";
                   subrecordObj[subElement.id + 'name'] = form.selectedTexts()[0] ?? "";
-                }else if((parseInt(subElement.maxselect) ?? 0 )> 0){
+                } else if ((parseInt(subElement.maxselect) ?? 0) > 0) {
                   let tempArr = []
-                  for(let [i, val] of form.selectedValues().entries()){
+                  for (let [i, val] of form.selectedValues().entries()) {
                     tempArr.push(form.selectedTexts()[i] + ';' + val)
                   }
                   subrecordObj[subElement.id] = tempArr
-                }else{
+                } else {
                   subrecordObj[subElement.id] = form.selectedTexts();
                 }
-              }else if(subElement.type == "sf-i-bricks"){
-                let bricks: SfIBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+subElement.id) as SfIBricks;
-                if(subElement.savenameseparate == "yes"){
+              } else if (subElement.type == "sf-i-bricks") {
+                let bricks: SfIBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + subElement.id) as SfIBricks;
+                if (subElement.savenameseparate == "yes") {
                   subrecordObj[subElement.id + 'id'] = bricks.selectedValues()[0] ?? "";
                   subrecordObj[subElement.id + 'name'] = bricks.selectedTexts()[0] ?? "";
-                }else{
+                } else {
                   subrecordObj[subElement.id] = bricks.selectedValueTexts()
                 }
-              }else{
+              } else if (subElement.type == "sf-i-select") {
+                let select: SfISelect = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + subElement.id) as SfISelect;
+                subrecordObj[subElement.id + 'id'] = select.selectedValues()[0] ?? "";
+                subrecordObj[subElement.id + 'name'] = select.selectedTexts()[0] ?? "";
+              } else {
                 subrecordObj[subElement.id] = subElement.value;
               }
             }
@@ -635,42 +633,47 @@ export class SfIReporting extends LitElement {
           sectionObj.push(subrecordObj)
         }
         valueObj[element.label] = sectionObj
-      }else{
-        if(element.id != "" && element.type != "section"){
-          if(element.type == "sf-i-form"){
-            let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+element.id) as SfIForm;
-            if(element.savenameseparate == "yes"){
+      } else {
+        if (element.id != "" && element.type != "section") {
+          if (element.type == "sf-i-form") {
+            let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIForm;
+            if (element.savenameseparate == "yes") {
               valueObj[element.id + 'id'] = form.selectedValues()[0] ?? "";
               valueObj[element.id + 'name'] = form.selectedTexts()[0] ?? "";
-            }else if((parseInt(element.maxselect) ?? 0 )> 0){
+            } else if ((parseInt(element.maxselect) ?? 0) > 0) {
               let tempArr = []
-              for(let [i, val] of form.selectedValues().entries()){
+              for (let [i, val] of form.selectedValues().entries()) {
                 tempArr.push(form.selectedTexts()[i] + ';' + val)
               }
               valueObj[element.id] = tempArr
-            }else{
+            } else {
               valueObj[element.id] = form.selectedTexts();
             }
             console.log('selected values form', form.selectedValues(), form.selectedTexts());
-          }else if(element.type == "sf-i-form-select"){
+          } else if (element.type == "sf-i-form-select") {
             valueObj[element.id] = element.value
-            if(element.savenameseparate == "yes"){
+            if (element.savenameseparate == "yes") {
               valueObj[element.id] = element.value
-            }else{
-              for(let field of element.selectfields){
+            } else {
+              for (let field of element.selectfields) {
                 valueObj[field] = element.value[field]
               }
             }
-          }else if(element.type == "sf-i-bricks"){
-            let bricks: SfIBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+element.id) as SfIBricks;
+          } else if (element.type == "sf-i-bricks") {
+            let bricks: SfIBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIBricks;
             console.log('sf-i-bricks id', element.id);
-            if(element.savenameseparate == "yes"){
+            if (element.savenameseparate == "yes") {
               valueObj[element.id + 'id'] = bricks.selectedValues()[0] ?? "";
               valueObj[element.id + 'name'] = bricks.selectedTexts()[0] ?? "";
-            }else{
+            } else {
               valueObj[element.id] = bricks.selectedValueTexts()
             }
-          }else{
+          } else if (element.type == "sf-i-select") {
+            let select: SfISelect = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfISelect;
+            valueObj[element.id + 'id'] = select.selectedValues()[0] ?? "";
+            valueObj[element.id + 'name'] = select.selectedTexts()[0] ?? "";
+
+          } else {
             valueObj[element.id] = element.value;
           }
         }
@@ -691,9 +694,9 @@ export class SfIReporting extends LitElement {
   }
   submitConfirmClick = () => {
     console.log('submit confired', this.selectedValues());
-    if(this.flow == "new"){
+    if (this.flow == "new") {
       this.submitNew();
-    }else{
+    } else {
       this.submitEdit();
     }
   }
@@ -742,45 +745,46 @@ export class SfIReporting extends LitElement {
     this.submitDelete()
   }
 
-  getBricksValues = (element: DataObject, selectedValues:string[] = []) => {
+  getBricksValues = (element: DataObject, selectedValues: string[] = []) => {
     let names = [];
     let ids = []
-    if(element.id == "country"){
-      for(let country of Object.keys(this.getUserMap())){
-        if(country == "roles"){
+    if (element.id == "country") {
+      console.log('getting usermap', this.getUserMap());
+      for (let country of Object.keys(this.getUserMap())) {
+        if (country == "roles") {
           continue;
         }
-        if(names.indexOf(country.split(';')[0]) < 0){
+        if (names.indexOf(country.split(';')[0]) < 0) {
           names.push(country.split(';')[0])
           ids.push(country.split(';')[1])
         }
       }
-    }else if(element.id == "entity"){
-      for(let country of Object.keys(this.getUserMap())){
-        if(country == "roles"){
+    } else if (element.id == "entity") {
+      for (let country of Object.keys(this.getUserMap())) {
+        if (country == "roles") {
           continue;
         }
-        if(selectedValues.length > 0 && country == selectedValues[0]){
-          for(let entity of Object.keys(this.getUserMap()[country])){
+        if (selectedValues.length > 0 && country == selectedValues[0]) {
+          for (let entity of Object.keys(this.getUserMap()[country])) {
             console.log('bricks entity', entity, selectedValues);
-            if(names.indexOf(entity.split(';')[0]) < 0){
+            if (names.indexOf(entity.split(';')[0]) < 0) {
               names.push(entity.split(';')[0])
               ids.push(entity.split(';')[1])
             }
           }
         }
       }
-    }else if(element.id == "locations"){
-      for(let country of Object.keys(this.getUserMap())){
-        if(country == "roles"){
+    } else if (element.id == "locations") {
+      for (let country of Object.keys(this.getUserMap())) {
+        if (country == "roles") {
           continue;
         }
-        if(selectedValues.length > 0 && country == selectedValues[0]){
-          for(let entity of Object.keys(this.getUserMap()[country])){
-            if(selectedValues.length > 1 && entity == selectedValues[1]){
-              for(let location of Object.keys(this.getUserMap()[country][entity])){
+        if (selectedValues.length > 0 && country == selectedValues[0]) {
+          for (let entity of Object.keys(this.getUserMap()[country])) {
+            if (selectedValues.length > 1 && entity == selectedValues[1]) {
+              for (let location of Object.keys(this.getUserMap()[country][entity])) {
                 console.log('bricks location', location, selectedValues);
-                if(names.indexOf(location.split(';')[0]) < 0){
+                if (names.indexOf(location.split(';')[0]) < 0) {
                   names.push(location.split(';')[0])
                   ids.push(location.split(';')[1])
                 }
@@ -789,20 +793,20 @@ export class SfIReporting extends LitElement {
           }
         }
       }
-    }else if(element.id == "tags"){
-      for(let country of Object.keys(this.getUserMap())){
-        if(country == "roles"){
+    } else if (element.id == "tags") {
+      for (let country of Object.keys(this.getUserMap())) {
+        if (country == "roles") {
           continue;
         }
-        if(selectedValues.length > 0 && country == selectedValues[0]){
-          for(let entity of Object.keys(this.getUserMap()[country])){
-            if(selectedValues.length > 1 && entity == selectedValues[1]){
-              for(let location of Object.keys(this.getUserMap()[country][entity])){
-                if(selectedValues.length > 2 && selectedValues[2].indexOf(location) >= 0){
-                  for(let tag of this.getUserMap()[country][entity][location]['tags']){
+        if (selectedValues.length > 0 && country == selectedValues[0]) {
+          for (let entity of Object.keys(this.getUserMap()[country])) {
+            if (selectedValues.length > 1 && entity == selectedValues[1]) {
+              for (let location of Object.keys(this.getUserMap()[country][entity])) {
+                if (selectedValues.length > 2 && selectedValues[2].indexOf(location) >= 0) {
+                  for (let tag of this.getUserMap()[country][entity][location]['tags']) {
                     console.log('bricks tag', tag, selectedValues);
-                    if(tag.indexOf(element.searchstring) >= 0){
-                      if(names.indexOf(tag.split(';')[0]) < 0){
+                    if (tag.indexOf(element.searchstring) >= 0) {
+                      if (names.indexOf(tag.split(';')[0]) < 0) {
                         names.push(tag.split(';')[0])
                         ids.push(tag.split(';')[1])
                       }
@@ -815,7 +819,6 @@ export class SfIReporting extends LitElement {
         }
       }
     }
-
     return [names, ids]
   }
 
@@ -845,13 +848,13 @@ export class SfIReporting extends LitElement {
     (this._SfReportingButtonBack as HTMLButtonElement)?.addEventListener('click', this.backClick);
   }
   initDetailsListeners = () => {
-    if(this.editdisable == "true"){
+    if (this.editdisable == "true") {
       (this._SfReportingButtonBack as HTMLButtonElement).style.display = 'none';
       (this._SfReportingButtonEdit as HTMLButtonElement).style.display = 'none';
       (this._SfReportingButtonDelete as HTMLButtonElement).style.display = 'none';
       (this._SfReportingButtonDeleteCancel as HTMLButtonElement).style.display = 'none';
       (this._SfReportingButtonDeleteConfirm as HTMLButtonElement).style.display = 'none';
-    }else{
+    } else {
       (this._SfReportingButtonBack as HTMLButtonElement)?.removeEventListener('click', this.backClick);
       (this._SfReportingButtonBack as HTMLButtonElement)?.addEventListener('click', this.backClick);
       (this._SfReportingButtonEdit as HTMLButtonElement)?.removeEventListener('click', this.editClick);
@@ -863,7 +866,7 @@ export class SfIReporting extends LitElement {
       (this._SfReportingButtonDeleteConfirm as HTMLButtonElement)?.removeEventListener('click', this.deleteConfirmClick);
       (this._SfReportingButtonDeleteConfirm as HTMLButtonElement)?.addEventListener('click', this.deleteConfirmClick);
     }
-    
+
   }
   initEditListeners = () => {
     (this._SfReportingButtonBack as HTMLButtonElement)?.removeEventListener('click', this.backClick);
@@ -873,33 +876,34 @@ export class SfIReporting extends LitElement {
   }
 
   populateDataModel = () => {
+    console.log('populating data model')
     let sectionCount = 0
     this.dataModel = [];
     console.log('getconfigjson', this.getConfigJson());
-    for(let element of this.getConfigJson()){
-        if(Array.isArray(element)){
-          let addElement = element[0];
-          let schemaElement = element.splice(1, element.length - 1)
-          let addObject: AddButtonObject = createAddButtonObject({id: addElement.type, label: addElement.name, schema: JSON.stringify(schemaElement), direction: addElement.direction});
-          this.dataModel.push(addObject);
-        }else{
-          if(element.type == "section"){
-            let dataObj: DataObject = createDataObject({id: 'section-' + sectionCount, name: element.name, type: element.type})
-            if(this.editdisable == "true" || this.flow == "details"){
-              dataObj.collapse = "true"
-            }
-            this.dataModel.push(dataObj)
-            sectionCount ++;
-          }else{
-            let dataObj: DataObject = createDataObject(element)
-            this.dataModel.push(dataObj)
+    for (let element of this.getConfigJson()) {
+      if (Array.isArray(element)) {
+        let addElement = element[0];
+        let schemaElement = element.splice(1, element.length - 1)
+        let addObject: AddButtonObject = createAddButtonObject({ id: addElement.type, label: addElement.name, schema: JSON.stringify(schemaElement), direction: addElement.direction });
+        this.dataModel.push(addObject);
+      } else {
+        if (element.type == "section") {
+          let dataObj: DataObject = createDataObject({ id: 'section-' + sectionCount, name: element.name, type: element.type })
+          if (this.editdisable == "true" || this.flow == "details") {
+            dataObj.collapse = "true"
           }
+          this.dataModel.push(dataObj)
+          sectionCount++;
+        } else {
+          let dataObj: DataObject = createDataObject(element)
+          this.dataModel.push(dataObj)
         }
+      }
     }
     console.log('dataModel', this.dataModel);
   }
 
-  populateView = (scrollTopTarget: number = 0) => {
+  populateView = async (scrollTopTarget: number = 0) => {
     console.log('populating view');
     let html = "";
     // html += `<div class="d-flex justify-between m-20">
@@ -911,9 +915,9 @@ export class SfIReporting extends LitElement {
               <div class="d-flex w-100-m-0 justify-between align-center">
                 ${this.editdisable != "true" ? `
                 <button id="button-back" part="button-icon" class="button-icon-click"><span class="material-icons">keyboard_backspace</span></button>` : ''}
-                ${this.editdisable != "true" ? `<h3 part="results-title" class="m-0">${this.name}</h3>`: ''}
+                ${this.editdisable != "true" ? `<h3 part="results-title" class="m-0">${this.name}</h3>` : ''}
                 ${this.editdisable != "true" ? (`
-                <div class="d-flex justify-center align-center">${ this.flow == "new" ? `
+                <div class="d-flex justify-center align-center">${this.flow == "new" ? `
                     <button class="mrl-5 material-icons invisible" part="button-icon" id="button-submit" disabled>upload</button>
                     <button class="mrl-5 material-icons hide" part="button-icon-light" id="button-submit-cancel">close</button>
                     <button class="mrl-5 material-icons hide" part="button-icon" id="button-submit-confirm">check save</button>
@@ -929,8 +933,8 @@ export class SfIReporting extends LitElement {
                     <button class="mrl-5 material-icons hide" part="button-icon" id="button-submit" disabled>upload</button>
                     <button class="mrl-5 material-icons hide" part="button-icon-light" id="button-submit-cancel">close</button>
                     <button class="mrl-5 material-icons hide" part="button-icon" id="button-submit-confirm">check save</button>
-              `) 
-                }
+              `)
+        }
                 </div>`) : ''}
               </div>
               <div class="progress-bar w-100-m-0 d-flex flex-wrap" part="progress-bar">
@@ -942,37 +946,37 @@ export class SfIReporting extends LitElement {
             <div class="d-flex ${this.formviewclass} form-container align-stretch p-10" part="${this.published ? "form-container-published" : "form-container"}">`
 
     let firstFlag = true
-    for(let element of this.dataModel){
-      if(isAddButtonObject(element)){
+    for (let element of this.dataModel) {
+      if (isAddButtonObject(element)) {
         let addButtonObject = element as AddButtonObject;
         for (let i = 0; i < addButtonObject.children.length; i++) {
           html += this.renderAddSection(addButtonObject, (i + 1))
           html += this.renderSectionContainer(addButtonObject);
-          for(let childElement of addButtonObject.children[i]){
+          for (let childElement of addButtonObject.children[i]) {
             html += this.renderElement(childElement);
           }
-          if(addButtonObject.direction == "row"){
+          if (addButtonObject.direction == "row") {
             html += '</div>'
           }
         }
-        if(this.mode != "view"){
+        if (this.mode != "view") {
           html += this.renderAddButton(addButtonObject);
         }
-      }else{
-        if(element.type == "section"){
-          if(firstFlag){
+      } else {
+        if (element.type == "section") {
+          if (firstFlag) {
             firstFlag = false;
-          }else{
+          } else {
             html += '</div></div>'
           }
         }
         html += this.renderElement(element)
       }
     }
-    
+
     html += "</div></div>";
-    if(this.flow ==  "new"){
-      
+    if (this.flow == "new") {
+
       html += `
               <div part="published-container"  class="d-flex flex-col flex-grow">
                 
@@ -982,7 +986,7 @@ export class SfIReporting extends LitElement {
                 </div>
               </div>`
     }
-    if(this.flow != "details"){
+    if (this.flow != "details") {
       html += `
         <div class="sf-i-form-modal-container d-flex flex-col align-stretch hide" part="sf-i-form-modal-container" id="sf-i-form-modal-container">
           <div class="sf-i-form-modal-button-container d-flex justify-between align-center p-10" part="sf-i-form-modal-button-container">
@@ -993,20 +997,20 @@ export class SfIReporting extends LitElement {
         </div>
       `;
     }
-    
+
     (this._SfReportingContainer as HTMLDivElement).innerHTML = html;
     (this._SfReportingContainer as HTMLDivElement).style.display = 'block';
     this.initSectionListeners();
     this.initListeners();
     // (this._SfReportingButtonContainer as HTMLDivElement).style.display = 'flex';
-    if(this.mode == "view"){
-    //   (this._SfReportingButtonEdit as HTMLButtonElement).style.display = 'flex';
-    //   (this._SfReportingButtonSubmit as HTMLButtonElement).style.display = 'none';
-    //   (this._SfReportingButtonSubmitConfirm as HTMLButtonElement).style.display = 'none';
-    //   (this._SfReportingButtonSubmitCancel as HTMLButtonElement).style.display = 'none';
-    }else{
+    if (this.mode == "view") {
+      //   (this._SfReportingButtonEdit as HTMLButtonElement).style.display = 'flex';
+      //   (this._SfReportingButtonSubmit as HTMLButtonElement).style.display = 'none';
+      //   (this._SfReportingButtonSubmitConfirm as HTMLButtonElement).style.display = 'none';
+      //   (this._SfReportingButtonSubmitCancel as HTMLButtonElement).style.display = 'none';
+    } else {
       this.initInputListeners();
-      if(this.mode == "admin" && this.flow != "details"){
+      if (this.mode == "admin" && this.flow != "details") {
         // (this._SfReportingButtonEdit as HTMLButtonElement).style.display = 'none';
         (this._SfReportingButtonSubmit as HTMLButtonElement).style.display = 'flex';
         (this._SfReportingButtonSubmit as HTMLButtonElement).disabled = this.flow == "view";
@@ -1014,50 +1018,57 @@ export class SfIReporting extends LitElement {
         (this._SfReportingButtonSubmitCancel as HTMLButtonElement).style.display = 'none';
       }
     }
-    for(let element of this.dataModel){
-      if(element.type == "sf-i-form"){
-        let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+element.id) as SfIForm;
-        if(this.mode == "view" || this.flow == "details"){
+    for (let element of this.dataModel) {
+      if (element.type == "sf-i-form") {
+        let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIForm;
+        if (this.mode == "view" || this.flow == "details") {
           form.flow = "read"
         }
-        if(element.value != ''){
+        if (element.value != '') {
           form.selectedSearchId = element.value
         }
-        
+
         // setTimeout(() => {form.loadMode();},1000)
-      }else if(element.type == "sf-i-bricks"){
+      } else if (element.type == "sf-i-bricks") {
         console.log('bricks element value', element.value, element.id);
-        let bricks: SfIBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+element.id) as SfIBricks
+        let bricks: SfIBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIBricks
         let selectedDependedValues = []
-        for(let dependency of element.dependencies){
-          for(let tempElement of this.dataModel){
-            if(tempElement.id == dependency){
+        for (let dependency of element.dependencies) {
+          for (let tempElement of this.dataModel) {
+            if (tempElement.id == dependency) {
               selectedDependedValues.push(tempElement.value)
             }
           }
         }
         let values = this.getBricksValues(element, selectedDependedValues);
-        console.log('bricks selecteddependantvalues', selectedDependedValues, element.value, values[1]);
+        console.log('bricks selecteddependantvalues', element.id, selectedDependedValues, values[1]);
         bricks.namesjson = JSON.stringify(values[0])
         bricks.idsjson = JSON.stringify(values[1])
-        if(element.value != ''){
+        if (element.value != '') {
           bricks.prepopulateValJson = JSON.stringify(element.value)
-        }else{
+        } else {
           bricks.prepopulateValJson = JSON.stringify([])
         }
-        console.log('bricks element values', bricks.prepopulateValJson, element.id);
-        if(this.mode == "view" || this.flow == "details"){
+        console.log('bricks element values', bricks.prepopulateValJson, bricks.namesjson, bricks.idsjson, element.id);
+        if (this.mode == "view" || this.flow == "details") {
           bricks.flow = "view"
-        }else{
+        } else {
           bricks.flow = "edit"
         }
-      }else if(element.type == "sf-i-uploader"){
-        let uploader: SfIUploader = (this._SfReportingContainer as HTMLDivElement).querySelector('#'+element.id) as SfIUploader
+        bricks.loadMode()
+      } else if (element.type == "sf-i-uploader") {
+        await customElements.whenDefined('sf-i-uploader');
+        let uploader: SfIUploader = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIUploader
         uploader.prepopulatedInputArr = JSON.stringify(element.value ?? []);
         uploader.readOnly = (this.mode == "view" || this.flow == "details")
-        uploader.loadMode()
-      }else if(element.type == "sf-i-form-select"){
-        let buttonEditForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-edit-form-'+element.id) as HTMLButtonElement
+        console.log('uploader', uploader, uploader.prepopulatedInputArr, element.value);
+        if (uploader != null) {
+          setTimeout(() => {
+            uploader.loadMode()
+          },500)
+        }
+      } else if (element.type == "sf-i-form-select") {
+        let buttonEditForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-edit-form-' + element.id) as HTMLButtonElement
         buttonEditForm?.addEventListener('click', () => {
           let formHtml = `
             <div part="date-container" class="d-flex flex-col flex-grow mt-20">
@@ -1066,7 +1077,7 @@ export class SfIReporting extends LitElement {
               <sf-i-form exportparts="td-action:form-td-action, td-body" id="${element.id}" class="reporting-sf-i-form" part="input-sf-i-form" name="${element.name}" label="" apiId="${element.apiid}" mode="${element.mode}" searchPhrase="${((element.mode == "multiselect-dropdown" || element.searchstring != "") ? (this.projectname + "&") : "") + element.searchstring}" selectProjection="${element.selectprojection}" ignoreProjections="${element.ignoredprojections}" ${parseInt(element.maxselect) == 0 ? "" : `maxselect="${element.maxselect}"`} ${element.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>
             </div>
           `
-          
+
           let formContainer = (this._SfReportingContainer as HTMLDivElement).querySelector('#sf-i-form-container') as HTMLDivElement
           formContainer.innerHTML = formHtml
           let formModalContainer = (this._SfReportingContainer as HTMLDivElement).querySelector('#sf-i-form-modal-container') as HTMLDivElement
@@ -1082,17 +1093,17 @@ export class SfIReporting extends LitElement {
           //   formObj.loadMode();
           // }
           console.log('selectedsearchid', element.value)
-          if((element.value.id ?? '') != ''){
+          if ((element.value.id ?? '') != '') {
             formObj.selectedSearchId = element.value.id
             console.log('form selectedsearchid', formObj.selectedSearchId)
             formSaveButton.style.visibility = 'visible';
-          }else{
+          } else {
             formSaveButton.style.visibility = 'hidden';
           }
-          formObj.addEventListener('valueChanged',() => {
-            if(formObj.selectedEntireValues() != null && Object.keys(formObj.selectedEntireValues()).length > 0){
+          formObj.addEventListener('valueChanged', () => {
+            if (formObj.selectedEntireValues() != null && Object.keys(formObj.selectedEntireValues()).length > 0) {
               formSaveButton.style.visibility = 'visible';
-            }else{
+            } else {
               formSaveButton.style.visibility = 'hidden';
             }
           })
@@ -1101,87 +1112,109 @@ export class SfIReporting extends LitElement {
             formModalContainer.style.display = 'none'
             let formObj = formContainer.querySelector('#' + element.id) as SfIForm
             console.log("selected", formObj, element.id)
-            for(let dataElement of this.dataModel){
-              if(dataElement.id == element.id){
-                let valObj:any = {}
+            for (let dataElement of this.dataModel) {
+              if (dataElement.id == element.id) {
+                let valObj: any = {}
                 let selectedObj = formObj.selectedEntireValues()
                 valObj.id = selectedObj.id
                 let cols = JSON.parse(selectedObj.fields?.cols ?? '[]')
                 let data = JSON.parse(selectedObj.fields?.data ?? '[]')
-                for(let [i, col] of cols.entries()){
+                for (let [i, col] of cols.entries()) {
                   valObj[col] = data[i]
                 }
-                if(dataElement.savenameseparate == "yes"){
+                if (dataElement.savenameseparate == "yes") {
                   console.log('populating dataelement', valObj)
                   dataElement.value = [valObj.name + ';' + valObj.id];
-                }else{
+                } else {
                   dataElement.value = valObj
                 }
               }
             }
             let reportingFormContainer = (this._SfReportingContainer as HTMLDivElement).querySelector('.form-container') as HTMLDivElement
-            if(reportingFormContainer != null){
+            if (reportingFormContainer != null) {
               console.log('scrolling', reportingFormContainer.scrollTop)
               this.populateView(reportingFormContainer.scrollTop);
             }
           })
-          if(element.dependencies != null && element.dependencies.length > 0){
+          if (element.dependencies != null && element.dependencies.length > 0) {
             this.updateShortlistedSearchPhrases(element.id);
           }
         })
+      } else if (element.type == "sf-i-select") {
+        console.log('rendering sf-i-select', element.id)
+        await customElements.whenDefined('sf-i-select');
+        let select: SfISelect = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfISelect
+        select.flow = (this.mode == "view" || this.flow == "details") ? "read" : ""
+        if (element.value != '') {
+          let valArr = [element.value[0].split(';')[1]] 
+          select.selectedId = valArr
+        }
+        select.loadMode()
+        console.log('sf-i-select', select, select.selectedId, element.id);
+      } else if (element.type == "sf-checklist") {
+        console.log('rendering sf-checklist', element.id, JSON.stringify(element.value));
+        await customElements.whenDefined('sf-checklist');
+        let checklist: SfChecklist = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfChecklist
+        checklist.listelements = JSON.parse(element.elementsjson)
+        checklist.listselection = element.value
+        checklist.readonly = (this.mode == "view" || this.flow == "details")
+        console.log('sf-checklist', checklist, checklist.listelements, checklist.listselection, element.value);
+        setTimeout(() => {
+          checklist.loadMode()
+        },200) 
       }
     }
-    if(this.mode != "view" && this.flow != 'details'){
+    if (this.mode != "view" && this.flow != 'details') {
       let selectedOptions = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.selected-option') as NodeListOf<HTMLDivElement>
-      for(let selectedOption of selectedOptions){
-        selectedOption?.addEventListener('click',async (ev: any) => {
+      for (let selectedOption of selectedOptions) {
+        selectedOption?.addEventListener('click', async (ev: any) => {
           await this.showLoader();
           let target = ev.target
           let elementId = target.id
           let id = elementId.split('-')[2]
-          for(let [i, dataObj] of this.dataModel.entries()){
-            if(dataObj.id == id){
+          for (let [i, dataObj] of this.dataModel.entries()) {
+            if (dataObj.id == id) {
               this.dataModel[i].value = ''
             }
           }
           let formContainer = (this._SfReportingContainer.querySelector('.form-container') as HTMLElement)
-          if(formContainer != null){
+          if (formContainer != null) {
             this.populateView(formContainer.scrollTop);
           }
         })
       }
     }
     let checkboxPublish = (this._SfReportingContainer as HTMLDivElement).querySelector('#input-publish-checkbox') as HTMLInputElement
-    checkboxPublish?.addEventListener('click',(ev:any) => {
-        let target = ev.target as HTMLInputElement
-        this.published = target.checked
-        let publishedContainer = (this._SfReportingContainer as HTMLDivElement).querySelector('#published-container') as HTMLDivElement
-        publishedContainer.setAttribute('part', this.published ? "published-container-published" : "published-container-unpublished")
-        let formContainer = this._SfReportingContainer.querySelector('.form-container') as HTMLDivElement
-        formContainer.setAttribute('part',this.published ? "form-container-published" : "form-container")
-        console.log('publish checked', this.published);
-      }
-    ) 
+    checkboxPublish?.addEventListener('click', (ev: any) => {
+      let target = ev.target as HTMLInputElement
+      this.published = target.checked
+      let publishedContainer = (this._SfReportingContainer as HTMLDivElement).querySelector('#published-container') as HTMLDivElement
+      publishedContainer.setAttribute('part', this.published ? "published-container-published" : "published-container-unpublished")
+      let formContainer = this._SfReportingContainer.querySelector('.form-container') as HTMLDivElement
+      formContainer.setAttribute('part', this.published ? "form-container-published" : "form-container")
+      console.log('publish checked', this.published);
+    }
+    )
     let checkboxPublishLabel = (this._SfReportingContainer as HTMLDivElement).querySelector('#input-publish-checkbox-label') as HTMLLabelElement
-    checkboxPublishLabel?.addEventListener('click',() => {
+    checkboxPublishLabel?.addEventListener('click', () => {
       checkboxPublish.click()
-    }) 
+    })
 
     let buttonBack = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-back') as HTMLButtonElement
-    buttonBack?.addEventListener('click',this.backClick);
+    buttonBack?.addEventListener('click', this.backClick);
 
     let buttonSubmit = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-submit') as HTMLButtonElement
-    if(this.flow == "new"){
+    if (this.flow == "new") {
       buttonSubmit.style.visibility = 'visible'
     }
     buttonSubmit?.addEventListener('click', this.submitClick);
     let buttonSubmitConfirm = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-submit-confirm') as HTMLButtonElement
-    buttonSubmitConfirm?.addEventListener('click',this.submitConfirmClick)
+    buttonSubmitConfirm?.addEventListener('click', this.submitConfirmClick)
     let buttonSubmitCancel = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-submit-cancel') as HTMLButtonElement
     buttonSubmitCancel?.addEventListener('click', this.submitCancelClick)
 
     let buttonPublish = ((this._SfReportingContainer as HTMLDivElement).querySelector('#button-submit-publish') as HTMLButtonElement)
-    buttonPublish?.addEventListener('click',()=>{
+    buttonPublish?.addEventListener('click', () => {
       console.log('publish clicked', this.published);
       this.publishClick();
     })
@@ -1194,88 +1227,88 @@ export class SfIReporting extends LitElement {
     buttonDeleteCancel?.addEventListener('click', this.deleteCancelClick)
     let buttonDeleteConfirm = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete-confirm') as HTMLButtonElement
     buttonDeleteConfirm?.addEventListener('click', this.submitDelete)
-    
+
     let buttonEditCancel = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-edit-cancel') as HTMLButtonElement
     buttonEditCancel?.addEventListener('click', this.editCancelClick)
 
-    setTimeout(()=>{
+    setTimeout(() => {
       this.evalShowProgress();
-      (this._SfReportingContainer.querySelector('.form-container') as HTMLDivElement).scrollTo({top: scrollTopTarget, left:0});
+      (this._SfReportingContainer.querySelector('.form-container') as HTMLDivElement).scrollTo({ top: scrollTopTarget, left: 0 });
       this.hideLoader();
       let customEvent = new CustomEvent('valueChanged');
       this.dispatchEvent(customEvent);
-    },500)
-    if(this.getPrepopulateJson().history != null && Object.keys(this.getPrepopulateJson().history).length > 0){
+    }, 500)
+    if (this.getPrepopulateJson().history != null && Object.keys(this.getPrepopulateJson().history).length > 0) {
       this.populateHistory()
     }
   }
 
   populateHistory = () => {
     let formContainer = (this._SfReportingContainer.querySelector('.form-container') as HTMLElement)
-    if(formContainer != null){
+    if (formContainer != null) {
       let html = ''
       html += `
         <div class="d-flex flex-col" part="section-container"><div id="history" class="section-head d-flex align-center justify-between" part="section-head-collapsed"><h3 part="section-title-collapsed" id="section-history-title">History</h3><div class="material-icons" id="section-history-icon">keyboard_arrow_down</div></div><div id="section-history-body" class="section-body d-flex ${this.formviewclass} hide" part="section-body">
       `
-      for(let [indexDate, historyDate] of Object.keys(this.getPrepopulateJson().history).entries()){
+      for (let [indexDate, historyDate] of Object.keys(this.getPrepopulateJson().history).entries()) {
         console.log('history', historyDate);
         html += `
           <div class="d-flex flex-col" part="section-container"><div id="history-date-${indexDate}" class="history-section-head section-head d-flex align-center justify-between" part="section-head-collapsed"><h3 part="section-title-collapsed" class="section-history-title" id="section-history-title-${indexDate}">${historyDate}</h3><div class="section-history-icon material-icons" id="section-history-icon-${indexDate}">keyboard_arrow_down</div></div><div id="section-history-body-${indexDate}" class="section-history-body section-body d-flex ${this.formviewclass} hide" part="section-body">
         `
-        for(let [index,historyItem] of this.getPrepopulateJson().history[historyDate].entries()){
-          html += `<sf-i-reporting name="" id="history-reporting-${historyDate}-${index}" class="history-reporting" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-date:reporting-input-date, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head" name="Notice Details" mode="view" editdisable="true" formviewclass="flex-wrap" configjson="${JSON.stringify(historyItem.schema)}" prepopulatevaljson="${JSON.stringify(historyItem.object).replace(/"/g,'&quot;')}"></sf-i-reporting>`
+        for (let [index, historyItem] of this.getPrepopulateJson().history[historyDate].entries()) {
+          html += `<sf-i-reporting name="" id="history-reporting-${historyDate}-${index}" class="history-reporting" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-date:reporting-input-date, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head" name="Object Details" mode="view" editdisable="true" formviewclass="flex-wrap" configjson="${JSON.stringify(historyItem.schema)}" prepopulatevaljson="${JSON.stringify(historyItem.object).replace(/"/g, '&quot;')}"></sf-i-reporting>`
           let comments = historyItem.object.comments ?? []
-          if(historyItem.object.documents != null && historyItem.object.documents.length > 0){
+          if (historyItem.object.documents != null && historyItem.object.documents.length > 0) {
             html += '<div class="d-flex justify-between mb-20">';
             html += '<h3 part="history-docs-title" class="m-0"><br />Documents</h3>';
             html += '</div>';
             html += `
-              <sf-i-uploader prepopulatedInputArr="${JSON.stringify(historyItem.object.documents).replace(/"/g,'&quot;')}" exportparts="detail-container:uploader-detail-container, errmsg:uploader-errmsg, successmsg:uploader-successmsg, sf-upload-message:uploader-sf-upload-message, sf-upload-submessage: uploader-sf-upload-submessage, doctype-verify-badge: uploader-doctype-verify-badge, details-controls-container: uploader-details-controls-container, button-icon: uploader-button-icon, pdf-controls-container: uploader-pdf-controls-container, pdf-pages: uploader-pdf-pages, pdf-page-num: uploader-pdf-page-num, pdf-page-count: uploader-pdf-page-count, pdf-canvas: uploader-pdf-canvas, image-container: uploader-image-container, image-component: uploader-image-component, pdf-thumbnail-container: uploader-pdf-thumbnail-container, pdf-canvas-thumbnail: uploader-pdf-canvas-thumbnail, sf-uploader-download-message: uploader-sf-uploader-download-message, input: uploader-input, upload-buttons-container: uploader-upload-buttons-container, doctype-badge: uploader-doctype-badge, upload-status: uploader-upload-status, ext-badge:uploader-ext-badge, extracted-meta: uploader-extracted-meta, extracted-text-chip: uploader-extracted-text-chip, extracted-text-chip-parsed: uploader-extracted-text-chip-parsed, extracted-text-chip-failed: uploader-extracted-text-chip-failed, matches-title: uploader-matches-title, matches:uploader-matches, extracted-title: uploader-extracted-title, extracted-text: uploader-extracted-text, disclaimer-message-container: uploader-disclaimer-message-container, message-container: uploader-message-container, button: uploader-button" class="reporting-sf-i-uploader" part="input-sf-i-uploader" id="history-doc-uploader-${index}" maximize="yes" max="${historyItem.object.documents.length}" apiid="${this.apiIdUploader}" projectid="${this.projectid}" mode="view"></sf-i-uploader>
+              <sf-i-uploader prepopulatedInputArr="${JSON.stringify(historyItem.object.documents).replace(/"/g, '&quot;')}" exportparts="detail-container:uploader-detail-container, errmsg:uploader-errmsg, successmsg:uploader-successmsg, sf-upload-message:uploader-sf-upload-message, sf-upload-submessage: uploader-sf-upload-submessage, doctype-verify-badge: uploader-doctype-verify-badge, details-controls-container: uploader-details-controls-container, button-icon: uploader-button-icon, pdf-controls-container: uploader-pdf-controls-container, pdf-pages: uploader-pdf-pages, pdf-page-num: uploader-pdf-page-num, pdf-page-count: uploader-pdf-page-count, pdf-canvas: uploader-pdf-canvas, image-container: uploader-image-container, image-component: uploader-image-component, pdf-thumbnail-container: uploader-pdf-thumbnail-container, pdf-canvas-thumbnail: uploader-pdf-canvas-thumbnail, sf-uploader-download-message: uploader-sf-uploader-download-message, input: uploader-input, upload-buttons-container: uploader-upload-buttons-container, doctype-badge: uploader-doctype-badge, upload-status: uploader-upload-status, ext-badge:uploader-ext-badge, extracted-meta: uploader-extracted-meta, extracted-text-chip: uploader-extracted-text-chip, extracted-text-chip-parsed: uploader-extracted-text-chip-parsed, extracted-text-chip-failed: uploader-extracted-text-chip-failed, matches-title: uploader-matches-title, matches:uploader-matches, extracted-title: uploader-extracted-title, extracted-text: uploader-extracted-text, disclaimer-message-container: uploader-disclaimer-message-container, message-container: uploader-message-container, button: uploader-button" class="reporting-sf-i-uploader" part="input-sf-i-uploader" id="history-doc-uploader-${index}" maximize="yes" max="${historyItem.object.documents.length}" apiid="${this.apiIdUploader}" projectid="${this.projectid}" mode="view"></sf-i-uploader>
             `
           }
           html += '<div class="d-flex justify-between mb-20">';
           html += '<h3 part="history-comments-title" class="m-0"><br />Comments</h3>';
           html += '</div>';
-          
+
           html += '<div class="m-20">';
 
-            html += '<div class="d-flex flex-col">';
+          html += '<div class="d-flex flex-col">';
 
-              for(var i = 0; i < comments.length; i++) {
-                html += '<div part="commentbox" class="d-flex commentbox '+(comments[i].author + "").toLowerCase()+'box">';
-                html += '<div class="mr-20 d-flex flex-col align-end"><span part="comment-username">'+(comments[i].username != null ? comments[i].username : '')+'</span><span part="td-head">'+comments[i].author+'</span></div>';
-                
-                const onlyCommentText = (comments[i].comment + "").replace(/ *\([^)]*\) */g, "").trim();
-                try {
-
-                  const jsonComments = JSON.parse(onlyCommentText);
-
-                  if(Util.isInteger(jsonComments)) {
-                    html += '<div class="">'+comments[i].comment+'<br /><small><span class="muted">'+comments[i].timestamp+'</span></small></div>';
-                  } else {
-                    //console.log('json comments', jsonComments);
-                    var htmlTable = '';
-                    for(var j = 0; j < Object.keys(jsonComments).length; j++) {
-                      htmlTable += '<div class="mb-20">';
-                        htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
-                        htmlTable += ('<sf-i-elastic-text text="'+jsonComments[Object.keys(jsonComments)[j]]+'" minLength="20"></sf-i-elastic-text>');
-                        htmlTable += '</div>';
-                    }
-                    html += '<div class="">'+htmlTable+'<small><span class="muted">'+comments[i].timestamp+'</span></small></div>';
-                  }
-                  
-                } catch (e: any) {
-                  //console.log('json comments exception', comments[i]);
-                  html += '<div class="">'+comments[i].comment+'<br /><small><span class="muted">'+comments[i].timestamp+'</span></small></div>';
+          for (var i = 0; i < comments.length; i++) {
+            html += '<div part="commentbox" class="d-flex commentbox ' + (comments[i].author + "").toLowerCase() + 'box">';
+            html += '<div class="mr-20 d-flex flex-col align-end"><span part="comment-username">' + (comments[i].username != null ? comments[i].username : '') + '</span><span part="td-head">' + comments[i].author + '</span></div>';
+
+            const onlyCommentText = (comments[i].comment + "").replace(/ *\([^)]*\) */g, "").trim();
+            try {
+
+              const jsonComments = JSON.parse(onlyCommentText);
+
+              if (Util.isInteger(jsonComments)) {
+                html += '<div class="">' + comments[i].comment + '<br /><small><span class="muted">' + comments[i].timestamp + '</span></small></div>';
+              } else {
+                //console.log('json comments', jsonComments);
+                var htmlTable = '';
+                for (var j = 0; j < Object.keys(jsonComments).length; j++) {
+                  htmlTable += '<div class="mb-20">';
+                  htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
+                  htmlTable += ('<sf-i-elastic-text text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
+                  htmlTable += '</div>';
                 }
-                
-                html += '</div>';
-              }
-              if(comments.length === 0) {
-                html += '<div><strong>No comments!</strong></div>';
+                html += '<div class="">' + htmlTable + '<small><span class="muted">' + comments[i].timestamp + '</span></small></div>';
               }
 
+            } catch (e: any) {
+              //console.log('json comments exception', comments[i]);
+              html += '<div class="">' + comments[i].comment + '<br /><small><span class="muted">' + comments[i].timestamp + '</span></small></div>';
+            }
+
             html += '</div>';
+          }
+          if (comments.length === 0) {
+            html += '<div><strong>No comments!</strong></div>';
+          }
+
+          html += '</div>';
 
           html += '</div>';
         }
@@ -1283,27 +1316,27 @@ export class SfIReporting extends LitElement {
       }
       html += `<div part="history-status" class="d-flex history-status p-5 hide">History Status</div>`
       html += '</div>'
-      formContainer.insertAdjacentHTML('beforeend',html);
+      formContainer.insertAdjacentHTML('beforeend', html);
       let sectionHistory = formContainer.querySelector('#history') as HTMLDivElement
-      sectionHistory.addEventListener('click',() => {
+      sectionHistory.addEventListener('click', () => {
         let sectionHistoryBody = formContainer.querySelector('#section-history-body') as HTMLDivElement
         let sectionHistoryTitle = formContainer.querySelector('#section-history-title') as HTMLHeadingElement
         let sectionHistoryIcon = formContainer.querySelector('#section-history-icon') as HTMLHeadingElement
-        if(sectionHistoryBody.style.display == 'block'){
-          sectionHistory.setAttribute('part','section-head-collapsed')
+        if (sectionHistoryBody.style.display == 'block') {
+          sectionHistory.setAttribute('part', 'section-head-collapsed')
           sectionHistoryBody.style.display = 'none'
-          sectionHistoryTitle.setAttribute('part','section-title-collapsed')
+          sectionHistoryTitle.setAttribute('part', 'section-title-collapsed')
           sectionHistoryIcon.innerHTML = 'keyboard_arrow_down'
-        }else{
-          sectionHistory.setAttribute('part','section-head-expanded')
+        } else {
+          sectionHistory.setAttribute('part', 'section-head-expanded')
           sectionHistoryBody.style.display = 'block'
-          sectionHistoryTitle.setAttribute('part','section-title-expanded')
+          sectionHistoryTitle.setAttribute('part', 'section-title-expanded')
           sectionHistoryIcon.innerHTML = 'keyboard_arrow_up'
         }
       })
       let sectionHistoryDates = formContainer.querySelectorAll('.history-section-head') as NodeListOf<HTMLDivElement>
-      for(let sectionHistoryDate of sectionHistoryDates){
-        sectionHistoryDate.addEventListener('click',() => {
+      for (let sectionHistoryDate of sectionHistoryDates) {
+        sectionHistoryDate.addEventListener('click', () => {
           let id = sectionHistoryDate.id
           let dateIndex = id.split('-')[2]
           let sectionHistoryDateBodies = formContainer.querySelectorAll('.section-history-body') as NodeListOf<HTMLDivElement>
@@ -1311,33 +1344,33 @@ export class SfIReporting extends LitElement {
           let sectionHistoryDateTitles = formContainer.querySelectorAll('.section-history-title') as NodeListOf<HTMLHeadingElement>
           let sectionHistoryDateIcons = formContainer.querySelectorAll('.section-history-icon') as NodeListOf<HTMLHeadingElement>
           let historyStatus = formContainer.querySelector('.history-status') as HTMLDivElement
-          for(let [i, sectionHistoryDateBody] of sectionHistoryDateBodies.entries()){
-            if(sectionHistoryDateBody.id == ("section-history-body-" + dateIndex)){
-              if(sectionHistoryDateBody.style.display == 'block'){
+          for (let [i, sectionHistoryDateBody] of sectionHistoryDateBodies.entries()) {
+            if (sectionHistoryDateBody.id == ("section-history-body-" + dateIndex)) {
+              if (sectionHistoryDateBody.style.display == 'block') {
                 historyStatus.style.display = 'none'
-                sectionHistoryDate.setAttribute('part','section-head-collapsed')
+                sectionHistoryDate.setAttribute('part', 'section-head-collapsed')
                 sectionHistoryDateBody.style.display = 'none'
-                sectionHistoryDateTitles[i].setAttribute('part','section-title-collapsed')
+                sectionHistoryDateTitles[i].setAttribute('part', 'section-title-collapsed')
                 sectionHistoryDateIcons[i].innerHTML = 'keyboard_arrow_down'
-              }else{
+              } else {
                 historyStatus.innerHTML = "History : " + sectionHistoryDateTitles[i].innerHTML
                 historyStatus.style.display = 'flex'
-                sectionHistoryDate.setAttribute('part','section-head-expanded')
+                sectionHistoryDate.setAttribute('part', 'section-head-expanded')
                 sectionHistoryDateBody.style.display = 'block'
-                sectionHistoryDateTitles[i].setAttribute('part','section-title-expanded')
+                sectionHistoryDateTitles[i].setAttribute('part', 'section-title-expanded')
                 sectionHistoryDateIcons[i].innerHTML = 'keyboard_arrow_up'
               }
-            }else{
-              sectionHistoryDate.setAttribute('part','section-head-collapsed')
+            } else {
+              sectionHistoryDate.setAttribute('part', 'section-head-collapsed')
               sectionHistoryDateBody.style.display = 'none'
-              sectionHistoryDateTitles[i].setAttribute('part','section-title-collapsed')
+              sectionHistoryDateTitles[i].setAttribute('part', 'section-title-collapsed')
               sectionHistoryDateIcons[i].innerHTML = 'keyboard_arrow_down'
             }
           }
         })
       }
       let historyReportings = formContainer.querySelectorAll('.history-reporting') as NodeListOf<SfIReporting>
-      for(let historyReporting of historyReportings){
+      for (let historyReporting of historyReportings) {
         let id = historyReporting.id;
         let date = id.split('-')[2]
         let index = id.split('-')[3]
@@ -1350,13 +1383,13 @@ export class SfIReporting extends LitElement {
 
   prepopulateValues = () => {
     console.log('prepopulating', this.getPrepopulateJson());
-    for(let [i, element] of this.dataModel.entries()){
-      if(isAddButtonObject(element)){
-        if(this.getPrepopulateJson()[element.label] != null && Array.isArray(this.getPrepopulateJson()[element.label])){
-          for(let valArr of this.getPrepopulateJson()[element.label]){
+    for (let [i, element] of this.dataModel.entries()) {
+      if (isAddButtonObject(element)) {
+        if (this.getPrepopulateJson()[element.label] != null && Array.isArray(this.getPrepopulateJson()[element.label])) {
+          for (let valArr of this.getPrepopulateJson()[element.label]) {
             let schemaArr = JSON.parse(element.schema)
             let childElementArr = []
-            for(let schemaElement of schemaArr){
+            for (let schemaElement of schemaArr) {
               let childDataObj = createDataObject(schemaElement, this.dataModel[i].children.length)
               childDataObj.value = valArr[childDataObj.id]
               childElementArr.push(childDataObj);
@@ -1364,57 +1397,62 @@ export class SfIReporting extends LitElement {
             this.dataModel[i].children.push(childElementArr)
           }
         }
-      }else{
-        if(element.type == "section" && this.editdisable != "true" && this.flow != "details"){
+      } else {
+        if (element.type == "section" && this.editdisable != "true" && this.flow != "details") {
           this.dataModel[i].collapse = "false"
-        }else{
-          if(this.dataModel[i].type == "textarea"){
+        } else {
+          if (this.dataModel[i].type == "textarea") {
             this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ""
-          }else if(element.type == "yesno+textarea"){
-            this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ['','']
-          }else if(element.type == "date"){
+          } else if (element.type == "yesno+textarea") {
+            this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ['', '']
+          } else if (element.type == "date") {
             this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ''
-          }else if(element.type == "sf-i-form-select"){
+          } else if (element.type == "sf-i-form-select") {
             // if(element.savenameseparate == "yes"){
             //   console.log('prepopulating sf-i-form-select', this.getPrepopulateJson()[element.id])
             //   this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ''
             // }else{
-              this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ''
+            this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ''
             // }
-          }else if(element.type == "sf-i-form"){
-            if(element.savenameseparate == "yes"){
+          } else if (element.type == "sf-i-form") {
+            if (element.savenameseparate == "yes") {
               this.dataModel[i].value = [this.getPrepopulateJson()[element.id + 'id']]
               // this.dataModel[i].value = (this.getPrepopulateJson()[element.id + 'name'].trim() ?? '')  + ';' + (this.getPrepopulateJson()[element.id + 'id'] ?? '')
-            }else if((parseInt(element.maxselect) ?? 0 )>= 1){
-              if(this.getPrepopulateJson()[element.id + 'id'] != null){
+            } else if ((parseInt(element.maxselect) ?? 0) >= 1) {
+              if (this.getPrepopulateJson()[element.id + 'id'] != null) {
                 this.dataModel[i].value = [this.getPrepopulateJson()[element.id + 'id'] ?? '']
-              }else{
+              } else {
                 let tempArr: any[] = []
-                for(let val of this.getPrepopulateJson()[element.id]){
+                for (let val of this.getPrepopulateJson()[element.id]) {
                   tempArr.push(val.split(';')[1] ?? '');
                 }
                 this.dataModel[i].value = tempArr
               }
             }
             console.log('setting form value', this.dataModel[i], this.getPrepopulateJson()[element.id + 'id'], element.mode);
-          }else if(element.type == "sf-i-bricks"){
-            if(element.savenameseparate == "yes"){
+          } else if (element.type == "sf-i-bricks") {
+            if (element.savenameseparate == "yes") {
               this.dataModel[i].value = [this.getPrepopulateJson()[element.id + 'name'] + ';' + this.getPrepopulateJson()[element.id + 'id']]
-            }else{
+            } else {
               this.dataModel[i].value = this.getPrepopulateJson()[element.id]
             }
-          }else if(element.type == "sf-i-uploader"){
+          } else if (element.type == "sf-checklist") {
+            this.dataModel[i].value = this.getPrepopulateJson()[element.id]
+          } else if (element.type == "sf-i-select") {
+            this.dataModel[i].value = [this.getPrepopulateJson()[element.id + 'name'] + ';' + this.getPrepopulateJson()[element.id + 'id']]
+          } else if (element.type == "sf-i-uploader") {
             this.dataModel[i].value = this.getPrepopulateJson()[element.id]
+            console.log('setting uploader value', JSON.stringify(this.dataModel[i]), this.getPrepopulateJson()[element.id]);
           }
         }
       }
     }
-    if(this.evalTimeout != null){
+    if (this.evalTimeout != null) {
       clearTimeout(this.evalTimeout)
     }
     this.evalTimeout = setTimeout(() => {
       this.evalShowProgress()
-    },2000)
+    }, 2000)
     this.populateView();
   }
 
@@ -1425,102 +1463,120 @@ export class SfIReporting extends LitElement {
     let sectionChildFilledCount = 0;
     let sectionId = "";
     let flagEval = true
-    for(let element of this.dataModel){
-      if(isAddButtonObject(element)){
-        for(let childElementsArr of element.children){
-          for(let childElement of childElementsArr){
-            total ++;
-            if(childElement.value != "" && childElement.value.length > 0){
-              filled ++;
+    for (let element of this.dataModel) {
+      if(element.type == "sf-checklist") {
+        console.log('sf-checklist', element, element.id); 
+      }
+      if (isAddButtonObject(element)) {
+        for (let childElementsArr of element.children) {
+          for (let childElement of childElementsArr) {
+            total++;
+            if (childElement.value != "" && childElement.value.length > 0) {
+              filled++;
             }
-            if(childElement.mandatory != null && flagEval){
-              if(childElement.value == "" || childElement.value.length < 1){
+            if (childElement.mandatory != null && flagEval) {
+              if (childElement.value == "" || childElement.value.length < 1) {
                 flagEval = false
-              } 
+              }
             }
           }
         }
-      }else{
-        if(element.type == "section"){
-          if(sectionChildCount != 0 && sectionId !== ""){
-            if(sectionChildCount == sectionChildFilledCount){
+      } else {
+        if (element.type == "section") {
+          if (sectionChildCount != 0 && sectionId !== "") {
+            if (sectionChildCount == sectionChildFilledCount) {
               ((this._SfReportingContainer as HTMLDivElement).querySelector('#' + sectionId + "-success") as HTMLDivElement).style.display = 'flex'
-            }else{
+            } else {
               ((this._SfReportingContainer as HTMLDivElement).querySelector('#' + sectionId + "-success") as HTMLDivElement).style.display = 'none'
             }
           }
           sectionChildCount = 0;
           sectionChildFilledCount = 0;
           sectionId = element.id;
-        }else if(element.type != "section" && element.type != "subsection" && element.mandatory != null){
-          total ++;
-          sectionChildCount ++;
-          if(element.type == "textarea" || element.type == "date"){
-            if(element.value != "" && element.value.length > 0){
-              filled ++;
-              sectionChildFilledCount ++;
+        } else if (element.type != "section" && element.type != "subsection" && element.mandatory != null) {
+          total++;
+          sectionChildCount++;
+          if (element.type == "textarea" || element.type == "date") {
+            if (element.value != "" && element.value.length > 0) {
+              filled++;
+              sectionChildFilledCount++;
             }
-          }else if(element.type == "yesno+textarea"){
-            if(element.value.length == 2 && element.value[0].length > 0 && element.value[1].length > 0){
-              filled ++;
-              sectionChildFilledCount ++;
+          } else if (element.type == "yesno+textarea") {
+            if (element.value.length == 2 && element.value[0].length > 0 && element.value[1].length > 0) {
+              filled++;
+              sectionChildFilledCount++;
             }
-          }else if(element.type == "sf-i-form"){
+          } else if (element.type == "sf-i-form") {
             console.log('evalshowprogress sf-i-form value', element.value, element.value.length, element.mandatory, element.mandatory != null);
-            if(element.value.length > 0){
-              filled ++;
-              sectionChildFilledCount ++;
+            if (element.value.length > 0) {
+              filled++;
+              sectionChildFilledCount++;
             }
-          }else if(element.type == "sf-i-form-select"){
+          } else if (element.type == "sf-i-form-select") {
             console.log('evalshowprogress sf-i-form-select value', element.value, Object.keys(element.value).length, element.mandatory);
-            if(Object.keys(element.value).length > 0){
-              filled ++;
-              sectionChildFilledCount ++;
+            if (Object.keys(element.value).length > 0) {
+              filled++;
+              sectionChildFilledCount++;
             }
-          }else if(element.type == "sf-i-bricks"){
+          } else if (element.type == "sf-i-bricks") {
             console.log('evalshowprogress sf-i-bricks value', element.value, element.value.length, element.mandatory, element.mandatory != null);
-            if(element.value.length > 0){
-              filled ++;
-              sectionChildFilledCount ++;
+            if (element.value.length > 0) {
+              filled++;
+              sectionChildFilledCount++;
+            }
+          } else if (element.type == "sf-i-select") {
+            console.log('evalshowprogress sf-i-select value', element.value, element.value.length, element.mandatory, element.mandatory != null);
+            if (element.value.length > 0) {
+              filled++;
+              sectionChildFilledCount++;
             }
-          }else if(element.type == "sf-i-uploader"){
+          } else if (element.type == "sf-checklist") {
+            console.log('evalshowprogress sf-checklist value', element.value, Object.keys(element.value).length, element.mandatory, element.mandatory != null);
+            for(let val of Object.keys(element.value)) {
+              if(element.value[val] == true) {
+                filled++;
+                sectionChildFilledCount++;
+                break;
+              }
+            }
+          } else if (element.type == "sf-i-uploader") {
             console.log('evalshowprogress sf-i-uploader value', element.value, element.value.length, element.mandatory, element.mandatory != null);
-            if(element.value.length > 0){
-              filled ++;
-              sectionChildFilledCount ++;
+            if (element.value.length > 0) {
+              filled++;
+              sectionChildFilledCount++;
             }
-          }          
-          if(element.mandatory != null && flagEval){
-            if(element.value == "" || element.value.length < 1){
+          }
+          if (element.mandatory != null && flagEval) {
+            if (element.value == "" || element.value.length < 1) {
               flagEval = false
-            } 
+            }
           }
         }
       }
     }
-    if(sectionChildCount != 0 && sectionId !== ""){
-      if(sectionChildCount == sectionChildFilledCount){
+    if (sectionChildCount != 0 && sectionId !== "") {
+      if (sectionChildCount == sectionChildFilledCount) {
         ((this._SfReportingContainer as HTMLDivElement).querySelector('#' + sectionId + "-success") as HTMLDivElement).style.display = 'flex'
-      }else{
+      } else {
         ((this._SfReportingContainer as HTMLDivElement).querySelector('#' + sectionId + "-success") as HTMLDivElement).style.display = 'none'
       }
     }
-    console.log('evalshowprogress',filled, total)
-    if(this.editdisable == "true"){
+    console.log('evalshowprogress', filled, total)
+    if (this.editdisable == "true") {
       ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar') as HTMLDivElement).style.display = 'none'
-    }else if(((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar') as HTMLDivElement) != null){
+    } else if (((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar') as HTMLDivElement) != null) {
       ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar') as HTMLDivElement).style.display = 'flex'
       let progress = Math.floor((filled / total) * 100);
-      if(progress == 100){
-        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-complete') as HTMLDivElement).style.width =  "0%";
-        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-finished') as HTMLDivElement).style.width =  "100%";
-      }else{
-        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-complete') as HTMLDivElement).style.width =  progress + "%";
-        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-finished') as HTMLDivElement).style.width =  "0%";
+      if (progress == 100) {
+        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-complete') as HTMLDivElement).style.width = "0%";
+        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-finished') as HTMLDivElement).style.width = "100%";
+      } else {
+        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-complete') as HTMLDivElement).style.width = progress + "%";
+        ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-finished') as HTMLDivElement).style.width = "0%";
       }
-      ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-incomplete') as HTMLDivElement).style.width =  (100 - progress) + "%";
+      ((this._SfReportingContainer as HTMLDivElement).querySelector('.progress-bar-incomplete') as HTMLDivElement).style.width = (100 - progress) + "%";
       console.log('buttonsubmit', this._SfReportingButtonSubmit);
-      if((this._SfReportingButtonSubmit as HTMLButtonElement) != null){
+      if ((this._SfReportingButtonSubmit as HTMLButtonElement) != null) {
         (this._SfReportingButtonSubmit as HTMLButtonElement).disabled = !flagEval;
       }
     }
@@ -1530,16 +1586,16 @@ export class SfIReporting extends LitElement {
   evalTimeout: any;
   initInputListeners = () => {
     let addButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.add-button') as NodeListOf<HTMLButtonElement>
-    for(let addButton of addButtons){
-      addButton.addEventListener('click', async (ev: any)=>{
+    for (let addButton of addButtons) {
+      addButton.addEventListener('click', async (ev: any) => {
         await this.showLoader();
         let target = ev.target;
-        for(let [i,element] of this.dataModel.entries()){
-          if(isAddButtonObject(element)){
-            if(element.id == target.id){
+        for (let [i, element] of this.dataModel.entries()) {
+          if (isAddButtonObject(element)) {
+            if (element.id == target.id) {
               let schemaArr = JSON.parse(this.dataModel[i].schema)
               let childElementArr = []
-              for(let schemaElement of schemaArr){
+              for (let schemaElement of schemaArr) {
                 childElementArr.push(createDataObject(schemaElement, this.dataModel[i].children.length));
               }
               this.dataModel[i].children.push(childElementArr)
@@ -1547,80 +1603,80 @@ export class SfIReporting extends LitElement {
             }
           }
         }
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout)
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
         let formContainer = (this._SfReportingContainer.querySelector('.form-container') as HTMLElement)
-        if(formContainer != null){
+        if (formContainer != null) {
           this.populateView(formContainer.scrollTop);
         }
       })
     }
 
     let removeButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.remove-child-button') as NodeListOf<HTMLButtonElement>
-    for(let removeButton of removeButtons){
-      removeButton.addEventListener('click', async (ev: any)=>{
+    for (let removeButton of removeButtons) {
+      removeButton.addEventListener('click', async (ev: any) => {
         await this.showLoader();
         let target = ev.target;
         console.log(target)
         let addId = target.id.split("-")[0]
         let iter = parseInt(target.id.split("-")[target.id.split("-").length - 1]) - 1
-        for(let [i,element] of this.dataModel.entries()){
-          if(isAddButtonObject(element)){
-            if(element.id == addId){
-              
-              this.dataModel[i].children.splice(iter,1);
+        for (let [i, element] of this.dataModel.entries()) {
+          if (isAddButtonObject(element)) {
+            if (element.id == addId) {
+
+              this.dataModel[i].children.splice(iter, 1);
               break;
             }
           }
         }
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout);
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
         let formContainer = (this._SfReportingContainer.querySelector('.form-container') as HTMLElement)
-        if(formContainer != null){
+        if (formContainer != null) {
           this.populateView(formContainer.scrollTop);
         }
       })
     }
 
     let textAreas = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-textarea') as NodeListOf<HTMLTextAreaElement>
-    for(let textArea of textAreas){
-      textArea.addEventListener('keyup',(e: any) => {
+    for (let textArea of textAreas) {
+      textArea.addEventListener('keyup', (e: any) => {
         let target = e.target;
         let genId = target.id.slice(0, target.id.lastIndexOf('-'));
-        for(let [i,element] of this.dataModel.entries()){
-          if(!isAddButtonObject(element)){
-            if(element.type == "textarea"){
-              if(element.id == target.id){
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.type == "textarea") {
+              if (element.id == target.id) {
                 this.dataModel[i].value = target.value
               }
-            }else if(element.type == "yesno+textarea"){
-              if((element.id + "-textarea") == target.id){
-                if(this.dataModel[i].value == null || this.dataModel[i].value.length != 2){
-                  this.dataModel[i].value = ['','']
+            } else if (element.type == "yesno+textarea") {
+              if ((element.id + "-textarea") == target.id) {
+                if (this.dataModel[i].value == null || this.dataModel[i].value.length != 2) {
+                  this.dataModel[i].value = ['', '']
                 }
                 this.dataModel[i].value[1] = target.value
               }
             }
-          }else{
-            if(element.schema.indexOf(genId) >= 0){
-              for(let [j,childElementArr] of element.children.entries()){
-                for(let [k, childElement] of childElementArr.entries()){
-                  if(childElement.type == "textarea"){
-                    if(childElement.id == target.id){
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.type == "textarea") {
+                    if (childElement.id == target.id) {
                       this.dataModel[i].children[j][k].value = target.value
                     }
-                  }else if(childElement.type == "yesno+textarea"){
-                    if((childElement.id + "-textarea") == target.id){
-                      if(this.dataModel[i].children[j][k].value == null || this.dataModel[i].children[j][k].value.length != 2){
-                        this.dataModel[i].children[j][k].value = ['','']
+                  } else if (childElement.type == "yesno+textarea") {
+                    if ((childElement.id + "-textarea") == target.id) {
+                      if (this.dataModel[i].children[j][k].value == null || this.dataModel[i].children[j][k].value.length != 2) {
+                        this.dataModel[i].children[j][k].value = ['', '']
                       }
                       this.dataModel[i].children[j][k].value[1] = target.value
                     }
@@ -1630,39 +1686,39 @@ export class SfIReporting extends LitElement {
             }
           }
         }
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout)
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
       })
     }
 
     let radioButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-radio') as NodeListOf<HTMLInputElement>
-    for(let radioButton of radioButtons){
-      radioButton.addEventListener('change',(e:any) => {
+    for (let radioButton of radioButtons) {
+      radioButton.addEventListener('change', (e: any) => {
         let target = e.target;
         console.log('radio changed', target.id)
         let genId = target.id.slice(0, target.id.lastIndexOf('-'));
-        for(let [i,element] of this.dataModel.entries()){
-          if(!isAddButtonObject(element)){
-            if(element.type == "yesno+textarea"){
-              if(element.id == genId){
-                if(this.dataModel[i].value == null || this.dataModel[i].value.length != 2){
-                  this.dataModel[i].value = ['','']
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.type == "yesno+textarea") {
+              if (element.id == genId) {
+                if (this.dataModel[i].value == null || this.dataModel[i].value.length != 2) {
+                  this.dataModel[i].value = ['', '']
                 }
                 this.dataModel[i].value[0] = target.value
               }
             }
-          }else{
-            if(element.schema.indexOf(genId) >= 0){
-              for(let [j,childElementArr] of element.children.entries()){
-                for(let [k, childElement] of childElementArr.entries()){
-                  if(childElement.type == "yesno+textarea"){
-                    if(childElement.id == genId){
-                      if(this.dataModel[i].children[j][k].value == null || this.dataModel[i].children[j][k].value.length != 2){
-                        this.dataModel[i].children[j][k].value = ['','']
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.type == "yesno+textarea") {
+                    if (childElement.id == genId) {
+                      if (this.dataModel[i].children[j][k].value == null || this.dataModel[i].children[j][k].value.length != 2) {
+                        this.dataModel[i].children[j][k].value = ['', '']
                       }
                       this.dataModel[i].children[j][k].value[0] = target.value
                     }
@@ -1672,30 +1728,30 @@ export class SfIReporting extends LitElement {
             }
           }
         }
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout)
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
       })
-    } 
+    }
     let forms = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-sf-i-form') as NodeListOf<SfIForm>
-    for(let form of forms){
-      form.addEventListener('valueChanged', (ev: any)=>{
+    for (let form of forms) {
+      form.addEventListener('valueChanged', (ev: any) => {
         let target = ev.target as SfIForm;
         console.log(target)
         let genId = target.id.slice(0, target.id.lastIndexOf('-'));
-        for(let [i,element] of this.dataModel.entries()){
-          if(!isAddButtonObject(element)){
-            if(element.id == target.id){
-                this.dataModel[i].value = target.selectedValues()
-              }
-          }else{
-            if(element.schema.indexOf(genId) >= 0){
-              for(let [j,childElementArr] of element.children.entries()){
-                for(let [k, childElement] of childElementArr.entries()){
-                  if(childElement.id == target.id){
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.id == target.id) {
+              this.dataModel[i].value = target.selectedValues()
+            }
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.id == target.id) {
                     this.dataModel[i].children[j][k].value = target.selectedValues()
                   }
                 }
@@ -1704,31 +1760,31 @@ export class SfIReporting extends LitElement {
           }
         }
         this.checkDependencies(target.id)
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout);
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
         // this.populateView((this._SfReportingContainer.querySelector('.form-container') as HTMLElement).scrollTop);
       })
     }
     let dateInputs = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-date') as NodeListOf<HTMLInputElement>
-    for(let dateInput of dateInputs){
-      dateInput.addEventListener('change', (ev: any)=>{
+    for (let dateInput of dateInputs) {
+      dateInput.addEventListener('change', (ev: any) => {
         let target = ev.target as HTMLInputElement;
         console.log(target)
         let genId = target.id.slice(0, target.id.lastIndexOf('-'));
-        for(let [i,element] of this.dataModel.entries()){
-          if(!isAddButtonObject(element)){
-            if(element.id == target.id){
-                this.dataModel[i].value = target.value
-              }
-          }else{
-            if(element.schema.indexOf(genId) >= 0){
-              for(let [j,childElementArr] of element.children.entries()){
-                for(let [k, childElement] of childElementArr.entries()){
-                  if(childElement.id == target.id){
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.id == target.id) {
+              this.dataModel[i].value = target.value
+            }
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.id == target.id) {
                     this.dataModel[i].children[j][k].value = target.value
                   }
                 }
@@ -1736,32 +1792,32 @@ export class SfIReporting extends LitElement {
             }
           }
         }
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout);
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
         // this.populateView((this._SfReportingContainer.querySelector('.form-container') as HTMLElement).scrollTop);
       })
     }
     let bricksArr = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-sf-i-bricks') as NodeListOf<SfIBricks>
-    for(let bricks of bricksArr){
-      bricks.addEventListener('valueChanged', async (ev: any)=>{
-        
+    for (let bricks of bricksArr) {
+      bricks.addEventListener('valueChanged', async (ev: any) => {
+
         let target = ev.target as SfIBricks;
         let genId = target.id.slice(0, target.id.lastIndexOf('-'));
         console.log('bricks value changed', target.id)
-        for(let [i,element] of this.dataModel.entries()){
-          if(!isAddButtonObject(element)){
-            if(element.id == target.id){
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.id == target.id) {
               this.dataModel[i].value = target.selectedValueTexts()
             }
-          }else{
-            if(element.schema.indexOf(genId) >= 0){
-              for(let [j,childElementArr] of element.children.entries()){
-                for(let [k, childElement] of childElementArr.entries()){
-                  if(childElement.id == target.id){
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.id == target.id) {
                     this.dataModel[i].children[j][k].value = target.selectedValueTexts()
                   }
                 }
@@ -1769,35 +1825,69 @@ export class SfIReporting extends LitElement {
             }
           }
         }
-        
+
         this.checkDependencies(target.id)
 
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout);
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
       })
     }
 
     let uploaders = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-sf-i-uploader') as NodeListOf<SfIUploader>
-    for(let uploader of uploaders){
-      uploader.addEventListener('uploadValid', async (ev: any)=>{
-        
+    for (let uploader of uploaders) {
+      uploader.addEventListener('uploadValid', async (ev: any) => {
+
         let target = ev.target as SfIUploader;
         let genId = target.id.slice(0, target.id.lastIndexOf('-'));
-        console.log('bricks value changed', target.id)
-        for(let [i,element] of this.dataModel.entries()){
-          if(!isAddButtonObject(element)){
-            if(element.id == target.id){
+        console.log('uploader value changed', target.id, target.selectedValues(), this.mode)
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.id == target.id && target.selectedValues().length > 0) {
+              this.dataModel[i].value = target.selectedValues()
+            }
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.id == target.id) {
+                    this.dataModel[i].children[j][k].value = target.selectedValues()
+                  }
+                }
+              }
+            }
+          }
+        }
+
+        if (this.evalTimeout != null) {
+          clearTimeout(this.evalTimeout);
+        }
+        this.evalTimeout = setTimeout(() => {
+          this.evalShowProgress()
+        }, 2000)
+      })
+    }
+
+    let selects = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-sf-i-select') as NodeListOf<SfISelect>
+    for (let select of selects) {
+      select.addEventListener('valueChanged', async (ev: any) => {
+
+        let target = ev.target as SfISelect;
+        let genId = target.id.slice(0, target.id.lastIndexOf('-'));
+        console.log('sf-i-select value changed', target.id)
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.id == target.id) {
               this.dataModel[i].value = target.selectedValues()
             }
-          }else{
-            if(element.schema.indexOf(genId) >= 0){
-              for(let [j,childElementArr] of element.children.entries()){
-                for(let [k, childElement] of childElementArr.entries()){
-                  if(childElement.id == target.id){
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.id == target.id) {
                     this.dataModel[i].children[j][k].value = target.selectedValues()
                   }
                 }
@@ -1805,49 +1895,83 @@ export class SfIReporting extends LitElement {
             }
           }
         }
-        
-        if(this.evalTimeout != null){
+
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout);
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
+        }, 2000)
+      })
+    }
+
+    let checklists = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.reporting-sf-checklist') as NodeListOf<SfChecklist>
+    for (let checklist of checklists) {
+      checklist.addEventListener('valueChanged', async (ev: any) => {
+
+        let target = ev.target as SfChecklist;
+        let genId = target.id.slice(0, target.id.lastIndexOf('-'));
+        console.log('sf-checklist value changed', target.id)
+        for (let [i, element] of this.dataModel.entries()) {
+          if (!isAddButtonObject(element)) {
+            if (element.id == target.id && Object.keys(target.selectedValues()).length > 0) {
+              this.dataModel[i].value = target.selectedValues()
+            }
+          } else {
+            if (element.schema.indexOf(genId) >= 0) {
+              for (let [j, childElementArr] of element.children.entries()) {
+                for (let [k, childElement] of childElementArr.entries()) {
+                  if (childElement.id == target.id) {
+                    this.dataModel[i].children[j][k].value = target.selectedValues()
+                  }
+                }
+              }
+            }
+          }
+        }
+
+        if (this.evalTimeout != null) {
+          clearTimeout(this.evalTimeout);
+        }
+        this.evalTimeout = setTimeout(() => {
+          this.evalShowProgress()
+        }, 2000)
       })
     }
   }
 
   checkDependencies = async (id: string) => {
-    for(let element of this.dataModel){
-      if(element.dependencies.indexOf(id) >= 0){
+    for (let element of this.dataModel) {
+      if (element.dependencies.indexOf(id) >= 0) {
         let dependantElement = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id)
         console.log('dependant element', dependantElement?.tagName, dependantElement?.id, id);
-        if(dependantElement?.tagName.toLowerCase() == "sf-i-bricks"){
+        if (dependantElement?.tagName.toLowerCase() == "sf-i-bricks") {
           let dependantBricks = dependantElement as SfIBricks
           let selectedDependedValues = []
-          for(let dependency of element.dependencies){
+          for (let dependency of element.dependencies) {
             let dependedBricks = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + dependency) as SfIBricks
             selectedDependedValues.push(dependedBricks.selectedValueTexts()[0])
           }
           let values = this.getBricksValues(element, selectedDependedValues)
           console.log('bricks selecteddependantvalues', selectedDependedValues, element.value.length, values[1], element.id);
-          dependantBricks.namesjson = JSON.stringify(values[0]) 
+          dependantBricks.namesjson = JSON.stringify(values[0])
           dependantBricks.idsjson = JSON.stringify(values[1])
-          if(element.value != '' && element.value.length > 0){
+          if (element.value != '' && element.value.length > 0) {
             dependantBricks.prepopulateValJson = JSON.stringify(element.value)
-          }else{
+          } else {
             dependantBricks.prepopulateValJson = JSON.stringify([])
           }
           dependantBricks.loadMode()
           await Util.delay(500)
-        }else if(dependantElement?.tagName.toLowerCase() == "sf-i-form"){
+        } else if (dependantElement?.tagName.toLowerCase() == "sf-i-form") {
           let dependantForm = dependantElement as SfIForm
-          if(dependantForm.mode == "select"){
+          if (dependantForm.mode == "select") {
             this.updateShortlistedSearchPhrases(dependantForm.id);
             dependantForm.loadMode()
           }
-        }else if(dependantElement?.tagName.toLowerCase() == "sf-i-form-select"){
+        } else if (dependantElement?.tagName.toLowerCase() == "sf-i-form-select") {
           let dependantForm = dependantElement as SfIForm
-          if(dependantForm.mode == "select"){
+          if (dependantForm.mode == "select") {
             this.updateShortlistedSearchPhrases(dependantForm.id);
             dependantForm.loadMode()
           }
@@ -1857,34 +1981,34 @@ export class SfIReporting extends LitElement {
   }
 
   updateShortlistedSearchPhrases = (id: string) => {
-    for(let dataObj of this.dataModel){
-      if (dataObj.id == id){
+    for (let dataObj of this.dataModel) {
+      if (dataObj.id == id) {
         let element = dataObj as DataObject
         let elementForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIForm;
         let tempSearchPhrases = []
-        for(let dependency of element.dependencies){
+        for (let dependency of element.dependencies) {
           console.log('checking dependency', dependency)
           let dependencyElement = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + dependency)
-          if(dependencyElement?.tagName.toLowerCase() == "sf-i-bricks"){
+          if (dependencyElement?.tagName.toLowerCase() == "sf-i-bricks") {
             console.log('dependencyelement', dependencyElement.id, (dependencyElement as SfIBricks).selectedTexts());
-            for(let selectedText of (dependencyElement as SfIBricks).selectedTexts()){
-              if(selectedText == ''){
+            for (let selectedText of (dependencyElement as SfIBricks).selectedTexts()) {
+              if (selectedText == '') {
                 continue;
               }
               tempSearchPhrases.push(selectedText.replace(/ *\([^)]*\) */g, ""))
             }
-          }else if(dependencyElement?.tagName.toLowerCase() == "sf-i-form"){
+          } else if (dependencyElement?.tagName.toLowerCase() == "sf-i-form") {
             console.log('dependencyelement', dependencyElement.id, (dependencyElement as SfIForm).selectedTexts());
-            for(let selectedText of (dependencyElement as SfIForm).selectedTexts()){
-              if(selectedText == ''){
+            for (let selectedText of (dependencyElement as SfIForm).selectedTexts()) {
+              if (selectedText == '') {
                 continue;
               }
               tempSearchPhrases.push(selectedText.replace(/ *\([^)]*\) */g, ""))
             }
-          }else if(dependencyElement?.tagName.toLowerCase() == "sf-i-form-select"){
+          } else if (dependencyElement?.tagName.toLowerCase() == "sf-i-form-select") {
             console.log('dependencyelement', dependencyElement.id, (dependencyElement as SfIForm).selectedTexts());
-            for(let selectedText of (dependencyElement as SfIForm).selectedTexts()){
-              if(selectedText == ''){
+            for (let selectedText of (dependencyElement as SfIForm).selectedTexts()) {
+              if (selectedText == '') {
                 continue;
               }
               tempSearchPhrases.push(selectedText.replace(/ *\([^)]*\) */g, ""))
@@ -1899,24 +2023,24 @@ export class SfIReporting extends LitElement {
 
   initSectionListeners = () => {
     let sectionHeads = (this._SfReportingContainer.querySelectorAll('.section-head')) as NodeListOf<HTMLDivElement>
-    for(let sectionHead of sectionHeads){
+    for (let sectionHead of sectionHeads) {
       sectionHead.addEventListener('click', async () => {
         await this.showLoader();
-        console.log('scroll position',(this._SfReportingContainer.querySelector('.form-container') as HTMLElement).scrollTop)
-        for(let dataObj of this.dataModel){
-          if(dataObj.id == sectionHead.id){
+        console.log('scroll position', (this._SfReportingContainer.querySelector('.form-container') as HTMLElement).scrollTop)
+        for (let dataObj of this.dataModel) {
+          if (dataObj.id == sectionHead.id) {
             dataObj.collapse = dataObj.collapse == "false" ? "true" : "false"
-          } 
+          }
         }
-        if(this.evalTimeout != null){
+        if (this.evalTimeout != null) {
           clearTimeout(this.evalTimeout)
         }
         this.evalTimeout = setTimeout(() => {
           this.evalShowProgress()
-        },2000)
-        
+        }, 2000)
+
         let formContainer = (this._SfReportingContainer.querySelector('.form-container') as HTMLElement)
-        if(formContainer != null){
+        if (formContainer != null) {
           this.populateView(formContainer.scrollTop);
         }
       })
@@ -1939,54 +2063,54 @@ export class SfIReporting extends LitElement {
   }
   renderElement = (dataObj: DataObject) => {
     let elementHtml = ""
-    console.log('rendering obj',dataObj.type)
+    console.log('rendering obj', dataObj.type)
     let elementLabel = dataObj.label ?? ""
-    if(this.editdisable == "true"){
-      elementLabel = elementLabel.replace(/ */g,'')
+    if (this.editdisable == "true") {
+      elementLabel = elementLabel.replace(/ */g, '')
     }
-    if(dataObj.type == "section"){
+    if (dataObj.type == "section") {
       console.log('renderingSection', dataObj)
       elementHtml += `<div class="d-flex flex-col" part="section-container"><div id="${dataObj.id}" class="section-head d-flex align-center justify-between" part="${dataObj.collapse == "true" ? 'section-head-collapsed' : 'section-head-expanded'}"><h3 part="${dataObj.collapse == "true" ? 'section-title-collapsed' : 'section-title-expanded'}">${dataObj.name}</h3><div id="${dataObj.id}-success" part="section-success-icon"><div class="material-icons">${dataObj.collapse == "true" ? "keyboard_arrow_down" : "keyboard_arrow_up"}</div></div></div><div class="section-body d-flex ${this.formviewclass} ${dataObj.collapse == "true" ? 'hide' : ''}" part="section-body"> `
-    }else if(dataObj.type == "subsection"){
+    } else if (dataObj.type == "subsection") {
       elementHtml += `<div class="d-flex align-center" part="subsection-container"><h4 part="subsection">${dataObj.name}</h4></div>`
-    }else if(dataObj.type == "textarea"){
+    } else if (dataObj.type == "textarea") {
       elementHtml += `<div part="textarea-container" class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="textarea-label">${elementLabel}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
-                        <${this.editdisable == "true" ? 'div' : 'textarea'} rows="${dataObj.size == "small" ? "4" : ( dataObj.size == "smallest" ? "1" : "10")}" id="${dataObj.id}" type="text" class=" reporting-textarea" part="input-textarea" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""}>${dataObj.value}</${this.editdisable == "true" ? 'div' : 'textarea'}>
+                        <${this.editdisable == "true" ? 'div' : 'textarea'} rows="${dataObj.size == "small" ? "4" : (dataObj.size == "smallest" ? "1" : "10")}" id="${dataObj.id}" type="text" class=" reporting-textarea" part="input-textarea" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""}>${dataObj.value}</${this.editdisable == "true" ? 'div' : 'textarea'}>
                       </div>`
-    }else if(dataObj.type == "yesno+textarea"){
+    } else if (dataObj.type == "yesno+textarea") {
       elementHtml += `<div part="textarea-container"  class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="textarea-label">${elementLabel}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
                         <div class="d-flex">`
-      for(let option of dataObj.options){
-        elementHtml += `<input type="radio" id="${dataObj.id}-${option.toLowerCase().replace(/ /g,'_')}" name="${dataObj.id}" class="reporting-radio" part="input-radio" value="${option}" ${this.mode == "view" || this.flow == "details" ? "disabled" : ""} ${dataObj.value[0] == option ? "checked" : ""}><label id="${dataObj.id}-${option.toLowerCase().replace(/ /g,'_')}-label" part="radio-label">${option}</label>`
-      }                  
+      for (let option of dataObj.options) {
+        elementHtml += `<input type="radio" id="${dataObj.id}-${option.toLowerCase().replace(/ /g, '_')}" name="${dataObj.id}" class="reporting-radio" part="input-radio" value="${option}" ${this.mode == "view" || this.flow == "details" ? "disabled" : ""} ${dataObj.value[0] == option ? "checked" : ""}><label id="${dataObj.id}-${option.toLowerCase().replace(/ /g, '_')}-label" part="radio-label">${option}</label>`
+      }
       elementHtml += `</div>
                         <${this.editdisable == "true" ? 'div' : 'textarea'} rows="${dataObj.size == "small" ? "4" : "10"}" id="${dataObj.id}-textarea" type="text" class="reporting-textarea" part="input-textarea" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""}>${dataObj.value[1] ?? ""}</${this.editdisable == "true" ? 'div' : 'textarea'}>
                       </div>`
-    }else if(dataObj.type == "date"){
+    } else if (dataObj.type == "date") {
       elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
                         <input class="reporting-date" id="${dataObj.id}" part="input-date" type="date" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""} value="${dataObj.value}"/>
                       </div>`
-    }else if(dataObj.type == "sf-i-form"){
+    } else if (dataObj.type == "sf-i-form") {
       elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
                         <sf-i-form exportparts="td-action:form-td-action, td-body" id="${dataObj.id}" class="reporting-sf-i-form" part="input-sf-i-form" name="${dataObj.name}" label="" apiId="${dataObj.apiid}" mode="${dataObj.mode}" searchPhrase="${(dataObj.mode == "multiselect-dropdown" ? (this.projectname + "&") : "") + dataObj.searchstring}" selectProjection="${dataObj.selectprojection}" ignoreProjections="${dataObj.ignoredprojections}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>
                       </div>`
-    }else if(dataObj.type == "sf-i-form-select"){
+    } else if (dataObj.type == "sf-i-form-select") {
       let valToBeShown = ""
-      if(dataObj.savenameseparate == "yes"){
-        if(dataObj.value[0] != null && dataObj.value[0].split(';').length > 0){
+      if (dataObj.savenameseparate == "yes") {
+        if (dataObj.value[0] != null && dataObj.value[0].split(';').length > 0) {
           valToBeShown = dataObj.value[0].split(';')[0]
         }
-      }else if(dataObj.value.name != null){
+      } else if (dataObj.value.name != null) {
         valToBeShown = dataObj.value.name
-      }else{
+      } else {
         valToBeShown = dataObj.value.reference
       }
       elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
@@ -1998,23 +2122,35 @@ export class SfIReporting extends LitElement {
                               <div class="selected-option d-flex justtify-center align-center" part="selected-option" id="selected-option-${dataObj.id}">
                                 ${this.mode == "view" || this.flow == "details" ? '' : '<span class="material-icons selected-option-icon mr-10">cancel</span>'}
                                 <label class="selected-option-label" part="selected-option-label">${valToBeShown}</label>
-                              </div>`): (`
-                                ${(this.mode == "view" || this.flow == "details" ) ? '' :
-                                  `<button id="button-edit-form-${dataObj.id}" part="button-icon" class="material-icons button-edit-form button-icon-click">edit</button>`
-                                }
+                              </div>`) : (`
+                                ${(this.mode == "view" || this.flow == "details") ? '' :
+            `<button id="button-edit-form-${dataObj.id}" part="button-icon" class="material-icons button-edit-form button-icon-click">edit</button>`
+          }
                                 `)
-                              }
+        }
                           </div>
                         </div>
                       </div>`
-    }else if(dataObj.type == "sf-i-bricks"){
+    } else if (dataObj.type == "sf-i-bricks") {
       elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
                         <sf-i-bricks exportparts="input-select-single, selected-container, selected-option, input-select-multi-option, select-option-label, selected-option-label" id="${dataObj.id}" mode="${dataObj.mode}" 
                         ${this.mode == "view" || this.flow == 'details' ? 'flow="view"' : ''} class="reporting-sf-i-bricks" part="input-sf-i-bricks" name="${dataObj.name}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-bricks>
                       </div>`
-    }else if(dataObj.type == "sf-i-uploader"){
+    } else if (dataObj.type == "sf-i-select") {
+      elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
+                        <label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
+                        <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
+                        <sf-i-select class="reporting-sf-i-select" exportparts="input-select:select-input-select" id="${dataObj.id}" part="input-sf-i-select" label="" apiId="${dataObj.apiid}" ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-select>
+                      </div>`
+    } else if (dataObj.type == "sf-checklist") {
+      elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
+                        <label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
+                        <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
+                        <sf-checklist class="reporting-sf-checklist" exportparts="checklist-container, checklist-title, checklist-list, checklist-item, checklist-checkbox, checklist-checkbox-label" id="${dataObj.id}" part="input-sf-checklist" ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-checklist>
+                      </div>`
+    } else if (dataObj.type == "sf-i-uploader") {
       elementHtml += `<div part="uploader-container" class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
@@ -2027,21 +2163,21 @@ export class SfIReporting extends LitElement {
 
   populateViewShort = () => {
     let html = "";
-    if(this.mode == "short-new"){
+    if (this.mode == "short-new") {
       html += `<button part="button-lg" id="button-short-new">Submit Form</button>`
-    }else if(this.mode == "short-view"){
+    } else if (this.mode == "short-view") {
       html += `<button part="button-lg" id="button-short-view">Update From</button>`
     }
 
     (this._SfReportingContainerShort as HTMLDivElement).innerHTML = html;
     (this._SfReportingContainer as HTMLDivElement).style.display = 'none';
     // (this._SfReportingButtonContainer as HTMLDivElement).style.display = 'none';
-    (this._SfReportingContainerShort.querySelector('#button-short-new') as HTMLButtonElement)?.addEventListener('click',() => {
+    (this._SfReportingContainerShort.querySelector('#button-short-new') as HTMLButtonElement)?.addEventListener('click', () => {
       this.mode = "new";
       this.loadMode();
     });
 
-    (this._SfReportingContainerShort.querySelector('#button-short-view') as HTMLButtonElement)?.addEventListener('click',() => {
+    (this._SfReportingContainerShort.querySelector('#button-short-view') as HTMLButtonElement)?.addEventListener('click', () => {
       this.mode = "view";
       this.loadMode();
     })
@@ -2049,28 +2185,28 @@ export class SfIReporting extends LitElement {
 
   populateList = () => {
     let html = ''
-    html += `<div class="d-flex justify-between align-start p-7">`
-      html += `<div part="calendar-date-container" class="d-flex flex-col align-start justify-center">${this.lastCalendarGenerated == "" ? "" : ("<div class=\"d-flex align-center justify-center\" part=\"last-calendar-date\" id=\"last-calendar-date\"><span class=\"material-symbols-outlined\">update</span>&nbsp;&nbsp;Calendar synced on \n" + (new Date(parseInt(this.lastCalendarGenerated)).toLocaleDateString('en-IN') + " - " + new Date(parseInt(this.lastCalendarGenerated)).toLocaleTimeString('en-IN'))) + '</div>'}${this.nextCalendarScheduled == "" ? "" : ("<div class=\"d-flex align-center justify-center\" part=\"next-calendar-date\" id=\"next-calendar-date\"><span class=\"material-symbols-outlined\">hourglass</span>&nbsp;&nbsp;Next update on \n" + (new Date(parseInt(this.nextCalendarScheduled)).toLocaleDateString('en-IN') + " - " + new Date(parseInt(this.nextCalendarScheduled)).toLocaleTimeString('en-IN'))) + '</div>'}</div>`
-      html += `<div class="d-flex justify-end flex-grow">`
-        // html += `<button id="button-publish" part="button-icon" class="material-icons hide">campaign</button>`
-        html += `<button id="button-new" part="button-icon" class="material-icons button-icon-click ml-10">add</button>`
-      html += `</div>`
+    html += `<div class="d-flex left-sticky justify-between align-start p-7">`
+    html += `<div part="calendar-date-container" class="d-flex flex-col align-start justify-center">${this.lastCalendarGenerated == "" ? "" : ("<div class=\"d-flex align-center justify-center\" part=\"last-calendar-date\" id=\"last-calendar-date\"><span class=\"material-symbols-outlined\">update</span>&nbsp;&nbsp;Calendar synced on \n" + (new Date(parseInt(this.lastCalendarGenerated)).toLocaleDateString('en-IN') + " - " + new Date(parseInt(this.lastCalendarGenerated)).toLocaleTimeString('en-IN'))) + '</div>'}${this.nextCalendarScheduled == "" ? "" : ("<div class=\"d-flex align-center justify-center\" part=\"next-calendar-date\" id=\"next-calendar-date\"><span class=\"material-symbols-outlined\">hourglass</span>&nbsp;&nbsp;Next update on \n" + (new Date(parseInt(this.nextCalendarScheduled)).toLocaleDateString('en-IN') + " - " + new Date(parseInt(this.nextCalendarScheduled)).toLocaleTimeString('en-IN'))) + '</div>'}</div>`
+    html += `<div class="d-flex justify-end flex-grow">`
+    // html += `<button id="button-publish" part="button-icon" class="material-icons hide">campaign</button>`
+    html += `<button id="button-new" part="button-icon" class="material-icons button-icon-click ml-10">add</button>`
+    html += `</div>`
     html += `</div>`
     html += '<table id="select-list-table" class="w-100-m-0">';
-    for(let [i,item] of this.list.entries()){
+    for (let [i, item] of this.list.entries()) {
       html += '<tr class="tablerow">'
       let bgClass = i % 2 == 0 ? 'td-light' : 'td-dark'
       html += `<td part="td-body" class="td-body"><span class="mrl-5 material-icons" part="span-submit-${item.published ? 'published' : 'unpublished'}" >${item.published ? 'radio_button_checked' : 'edit_note'}</span></td>`
       html += `<td part="td-action" class="td-action"><button part="button-icon" class="material-symbols-outlined button-reopen" id="button-reopen-${i}">reopen_window</button></td>`
       html += `<td part="td-action" class="td-action"><button part="button-icon" class="material-icons button-details" id="button-details-${i}">open_in_new</button></td>`
-      for(let property of Object.keys(item)){
-        if(this.getIgnoreProjections().indexOf(property) < 0){
+      for (let property of Object.keys(item)) {
+        if (this.getIgnoreProjections().indexOf(property) < 0) {
           let displayValue = item[property]
           console.log('displaying property', property)
-          if(property == "lastModifiedTime"){
+          if (property == "lastModifiedTime") {
             displayValue = Util.timeSince(parseInt(item[property]));
           }
-          html +=`<td part="td-body" class="td-body ${bgClass}"><div class="d-flex flex-col align-start flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">${property}</div><div><sf-i-elastic-text text="${displayValue}" minLength="20"></sf-i-elastic-text></div></div></td>`
+          html += `<td part="td-body" class="td-body ${bgClass}"><div class="d-flex flex-col align-start flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">${property}</div><div><sf-i-elastic-text text="${displayValue}" minLength="10"></sf-i-elastic-text></div></div></td>`
         }
       }
       html += '</tr>'
@@ -2081,7 +2217,7 @@ export class SfIReporting extends LitElement {
     (this._SfReportingContainer as HTMLDivElement).style.display = 'block';
 
     let reopenButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.button-reopen') as NodeListOf<HTMLButtonElement>
-    for(let reopenButton of reopenButtons){
+    for (let reopenButton of reopenButtons) {
       reopenButton.addEventListener('click', async (ev: any) => {
         let target = ev.target
         let index = target.id.split('-')[2]
@@ -2092,16 +2228,16 @@ export class SfIReporting extends LitElement {
         await this.fetchSchema();
         this.published = this.list[index].published ?? false
         let copyVals: any = {}
-        for(let obj of this.dataModel){
-          if(obj.copytoreopen){
+        for (let obj of this.dataModel) {
+          if (obj.copytoreopen) {
             console.log('copyVals copying', obj.id, obj.type, oldObj[obj.id]);
-            if(obj.type == "sf-i-bricks" && obj.savenameseparate == "yes"){
-              copyVals[obj.id + 'id'] = oldObj[obj.id + 'id'];  
-              copyVals[obj.id + 'name'] = oldObj[obj.id + 'name'];  
-            }else{
+            if (obj.type == "sf-i-bricks" && obj.savenameseparate == "yes") {
+              copyVals[obj.id + 'id'] = oldObj[obj.id + 'id'];
+              copyVals[obj.id + 'name'] = oldObj[obj.id + 'name'];
+            } else {
               copyVals[obj.id] = oldObj[obj.id];
             }
-            console.log('copyVals copied',copyVals)
+            console.log('copyVals copied', copyVals)
           }
         }
         console.log('copyVals', JSON.parse(JSON.stringify(copyVals)))
@@ -2111,23 +2247,23 @@ export class SfIReporting extends LitElement {
       })
     }
     let detailsButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.button-details') as NodeListOf<HTMLButtonElement>
-    for(let detailsButton of detailsButtons){
-      detailsButton.addEventListener('click',(ev: any) => {
+    for (let detailsButton of detailsButtons) {
+      detailsButton.addEventListener('click', (ev: any) => {
         let target = ev.target
         let index = target.id.split('-')[2]
         this.selectedItem = this.list[index]
         this.showLoader();
         console.log('item selected', this.selectedItem);
-        setTimeout(()=>{
+        setTimeout(() => {
           this.flow = "details"
-        this.loadMode();
-        },3000)
-        
+          this.loadMode();
+        }, 3000)
+
       })
     }
-    
+
     let buttonNew = ((this._SfReportingContainer as HTMLDivElement).querySelector('#button-new') as HTMLButtonElement)
-    buttonNew.addEventListener('click',()=>{
+    buttonNew.addEventListener('click', () => {
       this.showLoader();
       this.newClick()
     })
@@ -2138,65 +2274,65 @@ export class SfIReporting extends LitElement {
 
   loadMode = async () => {
     console.log('loadmode', this.mode, this.flow);
-    if(this.mode == "view"){
+    if (this.mode == "view") {
       this.populateDataModel();
       this.prepopulateValues()
-    }else if(this.mode == "edit"){
+    } else if (this.mode == "edit") {
       this.populateDataModel();
       this.prepopulateValues()
-    }else if(this.mode == "new"){
+    } else if (this.mode == "new") {
       this.published = false;
       this.populateDataModel();
       this.populateView();
-    }else if(this.mode == "downloader"){
-      setTimeout(()=>{
+    } else if (this.mode == "downloader") {
+      setTimeout(() => {
         this.initDecryptView();
       }, 1000)
-    }else if(this.mode == "admin"){
-      if(this.flow == "new"){
+    } else if (this.mode == "admin") {
+      if (this.flow == "new") {
         setTimeout(() => {
-          this.initNewListeners();  
+          this.initNewListeners();
         }, 500);
         this.fetchSchema();
-      }else if(this.flow == "edit"){
+      } else if (this.flow == "edit") {
         setTimeout(() => {
           this.initEditListeners();
           this.populateDataModel();
-          this.prepopulateValues();  
+          this.prepopulateValues();
         }, 500);
-      }else if(this.flow == "details"){
+      } else if (this.flow == "details") {
         setTimeout(() => {
-          this.initDetailsListeners();  
+          this.initDetailsListeners();
         }, 500);
         this.fetchDetails();
-      }else if(this.flow == "list"){
+      } else if (this.flow == "list") {
         setTimeout(() => {
-          this.initListListeners();  
+          this.initListListeners();
         }, 500);
         this.fetchList();
       }
-    }else{
+    } else {
       this.populateViewShort();
     }
   }
 
   prepareXhrPresignedGet = async (url: string, loaderElement: any, loaderText: string = '') => {
 
-    
-    if(loaderElement != null) {
+
+    if (loaderElement != null) {
       loaderElement.innerHTML = '<div class="lds-dual-ring"></div>';
-      loaderElement.innerHTML += ('<div class="lds-text"><div class="lds-text-c">'+loaderText+'</div></div>');
+      loaderElement.innerHTML += ('<div class="lds-text"><div class="lds-text-c">' + loaderText + '</div></div>');
     }
     return await Util.callApiPresignedGet(url);
 
   }
- 
+
   prepareXhrPresignedDelete = async (url: string, loaderElement: any, loaderText: string = '') => {
 
-    
-    if(loaderElement != null) {
+
+    if (loaderElement != null) {
       loaderElement.innerHTML = '<div class="lds-dual-ring"></div>';
-      loaderElement.innerHTML += ('<div class="lds-text"><div class="lds-text-c">'+loaderText+'</div></div>');
+      loaderElement.innerHTML += ('<div class="lds-text"><div class="lds-text-c">' + loaderText + '</div></div>');
     }
     return await Util.callApiPresignedDelete(url);
 
@@ -2204,8 +2340,8 @@ export class SfIReporting extends LitElement {
 
   prepareXhr = async (data: any, url: string, loaderElement: any, authorization: any) => {
 
-    
-    if(loaderElement != null) {
+
+    if (loaderElement != null) {
       loaderElement.innerHTML = '<div class="lds-dual-ring"></div>';
     }
     return await Util.callApi(url, data, authorization);
@@ -2213,9 +2349,9 @@ export class SfIReporting extends LitElement {
   }
 
   fetchPresignedUrl = async (url: string) => {
-    const xhr : any = (await this.prepareXhrPresignedGet(url, this._SfLoader, 'Downloading')) as any;
+    const xhr: any = (await this.prepareXhrPresignedGet(url, this._SfLoader, 'Downloading')) as any;
     this._SfLoader.innerHTML = '';
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsRespose = JSON.parse(xhr.responseText);
       console.log('jsRespose', jsRespose);
       return jsRespose;
@@ -2223,9 +2359,9 @@ export class SfIReporting extends LitElement {
   }
 
   fetchPresignedUrlDelete = async (url: string) => {
-    const xhr : any = (await this.prepareXhrPresignedDelete(url, this._SfLoader)) as any;
+    const xhr: any = (await this.prepareXhrPresignedDelete(url, this._SfLoader)) as any;
     this._SfLoader.innerHTML = '';
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsRespose = JSON.parse(xhr.responseText);
       console.log('jsRespose', jsRespose);
       return jsRespose;
@@ -2267,18 +2403,18 @@ export class SfIReporting extends LitElement {
   }
 
   fetchSchema = async () => {
-    let url = "https://"+this.apiId+"/getschema";
+    let url = "https://" + this.apiId + "/getschema";
 
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr({}, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr({}, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       this.configjson = JSON.stringify(jsonRespose.schema);
       // if(this.flow == "new"){
-        this.populateDataModel();
-        this.populateView();
+      this.populateDataModel();
+      this.populateView();
       // }
     } else {
       const jsonRespose = JSON.parse(xhr.responseText);
@@ -2287,13 +2423,13 @@ export class SfIReporting extends LitElement {
   }
 
   fetchList = async () => {
-    let url = "https://"+this.apiId+"/list";
-    let body = {projectid: this.projectid}
+    let url = "https://" + this.apiId + "/list";
+    let body = { projectid: this.projectid }
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('list response', jsonRespose)
       console.log('list response', jsonRespose.lastCalendarGenerated)
@@ -2309,13 +2445,13 @@ export class SfIReporting extends LitElement {
   }
 
   fetchDetails = async () => {
-    let url = "https://"+this.apiId+"/details";
-    let body = {projectid: this.projectid, noticeid: this.selectedItem.id}
+    let url = "https://" + this.apiId + "/details";
+    let body = { projectid: this.projectid, objectid: this.selectedItem.id }
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('details response', jsonRespose)
       let resultObject = jsonRespose.object
@@ -2332,16 +2468,16 @@ export class SfIReporting extends LitElement {
 
   submitNew = async () => {
     console.log('adding', this.selectedValues());
-    let url = "https://"+this.apiId+"/add";
-    
-    let body:any = {projectid: this.projectid, object: this.selectedValues(), schema: this.getConfigJson(), published: this.published}
-    
+    let url = "https://" + this.apiId + "/add";
+
+    let body: any = { projectid: this.projectid, object: this.selectedValues(), schema: this.getConfigJson(), published: this.published }
+
     // console.log('adding', body, url);
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('add response', jsonRespose)
       // this.configjson = JSON.stringify(jsonRespose.schema);
@@ -2355,18 +2491,18 @@ export class SfIReporting extends LitElement {
   }
 
   submitEdit = async () => {
-    let url = "https://"+this.apiId+"/update";
-    let body = {projectid: this.projectid, noticeid: this.selectedItem.id, object: this.selectedValues(), schema: this.getConfigJson(), published: this.published}
-    if(Object.keys(this.reopenedItem).length > 0){
-      url = "https://"+this.apiId+"/reopen"
-      body = {projectid: this.projectid, object: this.selectedValues(), schema: this.getConfigJson(), noticeid: this.reopenedItem.id, published: this.published}
+    let url = "https://" + this.apiId + "/update";
+    let body = { projectid: this.projectid, objectid: this.selectedItem.id, object: this.selectedValues(), schema: this.getConfigJson(), published: this.published }
+    if (Object.keys(this.reopenedItem).length > 0) {
+      url = "https://" + this.apiId + "/reopen"
+      body = { projectid: this.projectid, object: this.selectedValues(), schema: this.getConfigJson(), objectid: this.reopenedItem.id, published: this.published }
     }
     console.log('updating', body, url)
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('update response', jsonRespose)
       // this.configjson = JSON.stringify(jsonRespose.schema);
@@ -2380,13 +2516,13 @@ export class SfIReporting extends LitElement {
   }
 
   submitDelete = async () => {
-    let url = "https://"+this.apiId+"/delete";
-    let body = {projectid: this.projectid, noticeid: this.selectedItem.id}
+    let url = "https://" + this.apiId + "/delete";
+    let body = { projectid: this.projectid, objectid: this.selectedItem.id }
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('delete response', jsonRespose)
       // this.configjson = JSON.stringify(jsonRespose.schema);
@@ -2400,13 +2536,13 @@ export class SfIReporting extends LitElement {
   }
 
   submitPublish = async () => {
-    let url = "https://"+this.apiId+"/publish";
-    let body = {projectid: this.projectid, noticeids: this.selectedItemIds}
+    let url = "https://" + this.apiId + "/publish";
+    let body = { projectid: this.projectid, objectids: this.selectedItemIds }
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     console.log(xhr)
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('publish response', jsonRespose)
       // this.configjson = JSON.stringify(jsonRespose.schema);
@@ -2416,7 +2552,7 @@ export class SfIReporting extends LitElement {
       this.setSuccess("Calendar will be updated in a while.")
       setTimeout(() => {
         this.clearMessages();
-      },3000)
+      }, 3000)
     } else {
       const jsonRespose = JSON.parse(xhr.responseText);
       this.setError(jsonRespose.error);
@@ -2425,20 +2561,20 @@ export class SfIReporting extends LitElement {
 
   initDecryptView = () => {
     let divsArr = this._SfDecryptContainer.querySelectorAll("#decrypt-container > div")
-    console.log('decrypt divs',divsArr);
-    for(let divElement of divsArr){
+    console.log('decrypt divs', divsArr);
+    for (let divElement of divsArr) {
       (divElement as HTMLElement).classList.remove('hide');
     }
     this.initDecryptListeners()
   }
 
   initDecryptListeners = () => {
-    (this._SfDecryptProjectInput as SfIForm).addEventListener('valueChanged',() => {
+    (this._SfDecryptProjectInput as SfIForm).addEventListener('valueChanged', () => {
       let projectId = (this._SfDecryptProjectInput as SfIForm).selectedValues()[0]
       this.decryptProjectId = projectId.split(';')[projectId.split(';').length - 1];
       this.evalDecrypt()
     });
-    (this._SfDecryptFileInput as HTMLInputElement).addEventListener('keyup',() => {
+    (this._SfDecryptFileInput as HTMLInputElement).addEventListener('keyup', () => {
       console.log('keyup called');
       this.decryptFileName = (this._SfDecryptFileInput as HTMLInputElement).value;
       this.evalDecrypt()
@@ -2453,9 +2589,9 @@ export class SfIReporting extends LitElement {
   evalDecrypt = () => {
     console.log((this._SfDecryptFileInput as HTMLInputElement))
     console.log('evalDecrypt', this.decryptProjectId, this.decryptFileName)
-    if(this.decryptProjectId != null && this.decryptProjectId != "" && this.decryptFileName != null && this.decryptFileName.length > 3){
+    if (this.decryptProjectId != null && this.decryptProjectId != "" && this.decryptFileName != null && this.decryptFileName.length > 3) {
       (this._SfDecryptContainer?.querySelector('#button-decrypt') as HTMLButtonElement).removeAttribute('disabled');
-    }else{
+    } else {
       (this._SfDecryptContainer?.querySelector('#button-decrypt') as HTMLButtonElement).setAttribute('disabled', 'true');
     }
   }
@@ -2467,18 +2603,18 @@ export class SfIReporting extends LitElement {
     console.log('submitDecrypt called');
 
     const body: any = {};
-    let url = "https://"+this.apiId+"/getdecryptedjson";
+    let url = "https://" + this.apiId + "/getdecryptedjson";
 
-    body["projectid"] = this.decryptProjectId; 
-    body["key"] = this.decryptFileName + ".json"; 
+    body["projectid"] = this.decryptProjectId;
+    body["key"] = this.decryptFileName + ".json";
 
     console.log(body);
     console.log(JSON.stringify(body));
 
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
-    const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
-    if(xhr.status == 200) {
+    if (xhr.status == 200) {
       const jsonRespose = JSON.parse(xhr.responseText);
       let data = await this.fetchPresignedUrl(jsonRespose.signedUrlGet);
       await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete)
@@ -2490,12 +2626,12 @@ export class SfIReporting extends LitElement {
       a.download = this.decryptFileName + ".json";
       document.body.appendChild(a);
       a.click();
-      document.body.removeChild(a); 
+      document.body.removeChild(a);
 
       setTimeout(() => {
         this.clearMessages();
       }, 2000);
-      
+
     } else {
       const jsonRespose = JSON.parse(xhr.responseText);
       this.setError(jsonRespose.error);
@@ -2507,7 +2643,7 @@ export class SfIReporting extends LitElement {
   }
 
   showLoader = async () => {
-    if(this._SfIReportingCCopy != null){
+    if (this._SfIReportingCCopy != null) {
       let loaderContainer = this._SfIReportingCCopy as HTMLDivElement
       loaderContainer.style.backgroundColor = "#efefef"
       loaderContainer.style.display = 'flex'
@@ -2516,7 +2652,7 @@ export class SfIReporting extends LitElement {
   }
 
   hideLoader = async () => {
-    if(this._SfIReportingCCopy != null){
+    if (this._SfIReportingCCopy != null) {
       let loaderContainer = this._SfIReportingCCopy as HTMLDivElement
       loaderContainer.style.display = 'none'
       console.log('hiding loader', loaderContainer.style.display)
@@ -2528,13 +2664,13 @@ export class SfIReporting extends LitElement {
     this.loadMode();
 
   }
-  
+
   override connectedCallback() {
     super.connectedCallback()
   }
-  
+
   override render() {
-    if(this.mode == "downloader"){
+    if (this.mode == "downloader") {
       return html`
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@@ -2583,7 +2719,7 @@ export class SfIReporting extends LitElement {
         </div>
       `
     }
-    if(this.mode == "admin" && this.flow == "new"){
+    if (this.mode == "admin" && this.flow == "new") {
       return html`
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@@ -2610,7 +2746,7 @@ export class SfIReporting extends LitElement {
         </div>
       </div>
       `
-    }else if(this.mode == "admin" && this.flow == "details"){
+    } else if (this.mode == "admin" && this.flow == "details") {
       return html`
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@@ -2637,7 +2773,7 @@ export class SfIReporting extends LitElement {
         </div>
       </div>
       `
-    }else if(this.mode == "admin" && this.flow == "edit"){
+    } else if (this.mode == "admin" && this.flow == "edit") {
       return html`
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@@ -2664,7 +2800,7 @@ export class SfIReporting extends LitElement {
         </div>
       </div>
       `
-    }else if(this.mode == "admin" && this.flow == "list"){
+    } else if (this.mode == "admin" && this.flow == "list") {
       return html`
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0..1,0" />