{"html":"<div id=\"{{uc_id}}\" class=\"ue-table\">\n    <div class=\"ue-table__tools\" role=\"menu\">\n      {% if enable_filtering == \"true\" and filter_type == \"toolbar\" %}\n        <div class=\"ue-table__filter-container\" role=\"group\" aria-label=\"Table Filter Menu\">\n          <div><input type=\"search\" class=\"ue-table__search-field\" placeholder=\"Search...\"><\/div>\n            <div class=\"ue-table__search-btn ue-table-icon\" tabindex=\"0\" role=\"button\" {% if tools_enable_icons_tooltips == \"true\" %} data-tooltip=\"Search\" {% endif %}>\n              {{filter_search_icon_html|raw}}\n            <\/div>\n            <div class=\"ue-table__search-fields-toggle ue-table-icon\" tabindex=\"0\" role=\"button\" {% if tools_enable_icons_tooltips == \"true\" %} data-tooltip=\"Filter Fields\" {% endif %}> \n              {{filter_fields_icon_html|raw}}\n            <\/div>\n            <ul class=\"ue-table__search-fields\" role=\"listbox\" tabindex=\"0\" aria-label=\"table columns filter list\t\"><\/ul>\n        <\/div>\n      {% endif %}\n      {% if tools_enable_copy == 'true' %} \n      \t<div class=\"ue-table__copy-btn ue-table-icon\" tabindex=\"0\" role=\"button\" {% if tools_enable_icons_tooltips == \"true\" %} data-tooltip=\"Copy table\" {% endif %}>\n          {{tools_copy_icon_html|raw}}\n      \t<\/div>\n      {% endif %}\n      {% if tools_enable_print == 'true' %} \n      \t<div class=\"ue-table__print-btn ue-table-icon\" tabindex=\"0\" role=\"button\" {% if tools_enable_icons_tooltips == \"true\" %} data-tooltip=\"Print table\" {% endif %}>\n          {{tools_print_icon_html|raw}}\n      \t<\/div>\n      {% endif %}\n      {% if tools_enable_download == 'true' %} \n      \t<div class=\"ue-table__download-btn ue-table-icon\" tabindex=\"0\" role=\"button\" {% if tools_enable_icons_tooltips == \"true\" %} data-tooltip=\"Download table\" {% endif %}>\n          {{tools_download_icon_html|raw}}\n      \t<\/div>\n      {% endif %}\n    <\/div>\n  <div class=\"ue-table__container\" tabindex=\"0\"><\/div>\n  <div class=\"ue-table__templates-container\">\n  \t{{put_items()}} \n  <\/div>\n<\/div>\n\n{{ ucfunc(\"set\",\"lastRow\", 'null') }}\n{{ ucfunc(\"set\",\"cellIndex\", 0) }}","html_item":"{% if item.column_content_type == \"template\" %} \n<div class=\"ue-table__templates-item\" data-index=\"{{item.item_index}}\">\n  {{putElementorTemplate(item.column_template_templateid)}}\n<\/div>\n{% endif %}","css":"#{{uc_id}}.ue-table {\n  display: flex;\n  flex-direction: column;\n  opacity: 1;\n  transition: opacity .3s ease-in-out;\n}\n\n\n#{{uc_id}} .tabulator-header .tabulator-col svg,\n#{{uc_id}} .tabulator-table .tabulator-cell svg {\n  height:1em;\n  width:1em;\n}\n\n\n#{{uc_id}}.ue-table.uc-show {\n  opacity: 1;\n}\n\n\n#{{uc_id}} .ue-table__tools {\n  display: flex;\n  justify-content: flex-end;\n  {% if tools_enable_copy == 'true' or tools_enable_print == 'true' or tools_enable_download == 'true'%} \n  \tmin-height: 2em;\n  {% endif %}\n}\n\n#{{uc_id}} .ue-table__search-btn,\n#{{uc_id}} .ue-table__search-fields-toggle {\n  height: 100%\n}\n\n#{{uc_id}} .ue-table__filter-container {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#{{uc_id}} .ue-table__search-fields {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  max-height: 200px;\n  overflow: auto;\n  list-style-type: none;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  gap: .5em;\n  transform-origin: top center;\n  transform: scaleY(0);\n  transition: transform .3s ease-in-out;\n}\n\n#{{uc_id}} .ue-table__search-fields.uc-show {\n  transform: scaleY(1);\n}\n\n#{{uc_id}} .ue-table__search-fields li {\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n}\n\n#{{uc_id}} .ue-table-icon {\n  position: relative;\n\tdisplay: flex;\n    justify-content: center;\n    align-items: center;\n  cursor: pointer;\n  padding: 5px;\n}\n\n{% if tools_enable_icons_tooltips == \"true\" %}\n\n#{{uc_id}} .ue-table-icon:before {\n  content: attr(data-tooltip);\n    opacity: 0;\n    position: absolute;\n    top: -150%;\n    left: 50%;\n    transform: translate(-50%, 100%);\n    display: inline-block;\n    transition: opacity .3s ease-in-out;\n    padding: 0.2rem 0.4rem;\n    z-index: 1;\n    width: max-content;\n  \twhite-space: nowrap;\n}\n\n#{{uc_id}} .ue-table-icon:hover:before {\n  opacity: 1;\n}\n\n{% endif %}\n\n.ue-table__templates-container {\n\tdisplay: none;\n}\n\n#{{uc_id}} .tabulator-cell {\t\n  white-space: normal;\n}\n\n{% if wrap_content == 'true' %}\n  #{{uc_id}} .tabulator-responsive-collapse {\t\n      white-space: normal;\n  }\n{% endif %}\n\n#{{uc_id}} .tabulator .tabulator-header .tabulator-col {\n  color: {{header_color}};\n  background-color: {{header_background_color}};\n}\n\n#{{uc_id}} .tabulator .tabulator-header .tabulator-col:hover {\n  background-color: {{header_background_color_hover}};\n}\n\n\n{% if text_direction == \"rtl\" %}\n#{{uc_id}} .tabulator.tabulator-rtl .tabulator-header .tabulator-col,\n  #{{uc_id}} .tabulator.tabulator-rtl .tabulator-header .tabulator-cell,\n  #{{uc_id}} .tabulator.tabulator-rtl .tabulator-row .tabulator-col,\n  #{{uc_id}} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {\n      border-right-style: solid;\n    border-right: none;\n    border-left: none;\n  }\n  #{{uc_id}} .tabulator-col-resize-handle {\n    border-width: {{resize_handler_width}};\n    border-right-color: {{resize_handler_color}};\n    border-right-style: solid;\n  }\n{% else %}\n  #{{uc_id}} .tabulator .tabulator-header .tabulator-col,\n  #{{uc_id}} .tabulator .tabulator-header .tabulator-cell,\n  #{{uc_id}} .tabulator .tabulator-row .tabulator-col,\n  #{{uc_id}} .tabulator .tabulator-row .tabulator-cell {\n      border-left-style: solid;\n    border-left: none;\n  }\n  #{{uc_id}} .tabulator-col-resize-handle {\n    border-width: {{resize_handler_width}};\n      border-left-color: {{resize_handler_color}};\n    border-left-style: solid;\n  }\n{% endif %}\n\n@media screen and (max-width: 1024px) {\n  #{{uc_id}} .tabulator-col-resize-handle {\n    border-width: {{resize_handler_width_tablet}};\n  }\n}\n@media screen and (max-width: 767px) {\n  #{{uc_id}} .tabulator-col-resize-handle {\n    border-width: {{resize_handler_width_mobile}};\n  }\n}\n\n#{{uc_id}} .tabulator-headers .tabulator-col:last-of-type,\n#{{uc_id}} .tabulator-row .tabulator-cell:last-of-type{\n  border-right: none !important;\n}\n\n#{{uc_id}} .tabulator-col-resize-handle:last-of-type {\n  display: none;\n}\n\n\n.tabulator-col,\n.tabulator-row,\n.tabulator-cell,\n.ue-table-column__button {\n  transition: all .2s ease-in-out;\n}\n\n.ue-table-column__button {\n  display: inline-block;\n}\n\n\/*\n.tabulator-headers>.tabulator-col:not([class*='elementor-repeater-item']),\n.tabulator-table>.tabulator-row>.tabulator-cell:not([tabulator-field*='column']) {\n\twidth: 100px !important;\n}\n*\/\n\n.tabulator-table>.tabulator-row>.tabulator-cell:not([tabulator-field*='column'])","css_item":"{% if item.item_type == 'row' %}\n\n  {% set currentCell = ucfunc(\"get\",\"cellIndex\") %} \n\n  {% if currentCell != 0 %}\n  \t{{ ucfunc(\"set\",\"cellIndex\", 0) }} \n  {% endif %}\n\n  {{ ucfunc(\"set\",\"lastRow\", item.item_repeater_class) }} \n  {% set rowClass = ucfunc(\"get\",\"lastRow\") %}\n\n{% endif %}\n\n{% if item.item_type == 'header' %}\n\t{% if item.header_override_color == 'true' %}\n\t \t#{{uc_id}} .tabulator .tabulator-header .tabulator-col.{{item.item_repeater_class}} {\n          color: {{item.header_color}};\n        }\n\t\t#{{uc_id}} .tabulator .tabulator-header .tabulator-col.{{item.item_repeater_class}}:hover {\n          color: {{item.header_hover_color}};\n        }\n  \t{% endif %}\n    {% if item.header_override_background_color == 'true' %}\n      #{{uc_id}} .tabulator .tabulator-header .tabulator-col.{{item.item_repeater_class}} {\n        background-color: {{item.header_background_color}};\n      }\n\t  #{{uc_id}} .tabulator .tabulator-header .tabulator-col.{{item.item_repeater_class}}:hover {\n        background-color: {{item.header_hover_background_color}};\n      }\n    {% endif %}\n{% endif %}\n\n\n{% if item.item_type == 'column' %}\n\n\t{% set rowClass = ucfunc(\"get\",\"lastRow\") %}\n\t{% set currentCell = ucfunc(\"get\",\"cellIndex\") %}\n\t{{ ucfunc(\"set\",\"cellIndex\", currentCell+1) }} \n\t{% set currentCell = ucfunc(\"get\",\"cellIndex\") %}\n\n  {% if item.cell_override_color == 'true' %}\n  \t#{{uc_id}} .{{rowClass}} .tabulator-cell:nth-child({{currentCell + 1}}) {\n      color: {{item.cell_color}};\n      stroke: {{item.cell_color}};\n    }\n\t#{{uc_id}} .{{rowClass}} .tabulator-cell:nth-child({{currentCell + 1}}):hover {\n      color: {{item.cell_hover_color}};\n      stroke: {{item.cell_hover_color}};\n    }\n  {% endif %}\n   \n  {% if item.cell_override_background_color == 'true' %}\n\t#{{uc_id}} .{{rowClass}} .tabulator-cell:nth-child({{currentCell + 1}}) {\n\t\tbackground-color: {{item.cell_background_color}};\n    }\n\t#{{uc_id}} .{{rowClass}} .tabulator-cell:nth-child({{currentCell + 1}}):hover {\n\t\tbackground-color: {{item.cell_hover_background_color}};\n    }\n\n  {% endif %}\n\n{% endif %}","js":"{{ ucfunc(\"put_docready_start\") }}\n\t\t\n  const strJsonItems = {{put_items_json()}};\n  const objItems = JSON.parse(strJsonItems);\n\n  const config = {\n  \tfiltering: {\n    \tisEnabled: {{enable_filtering}},\n    \tfilterType: '{{filter_type}}',\n    \tsearchFieldEl: document.querySelector('#{{uc_id}} .ue-table__search-field'),\n    \tsearchBtnEl: document.querySelector('#{{uc_id}} .ue-table__search-btn'),\n    \tcolumnsToggleEl: document.querySelector('#{{uc_id}} .ue-table__search-fields-toggle'),\n    \tfilterColumns: document.querySelector('#{{uc_id}} .ue-table__search-fields')\n    },\n    toolsbar: {\n      copy: {\n    \tisEnabled: {{tools_enable_copy}},\n        copyBtnEl: document.querySelector('#{{uc_id}} .ue-table__copy-btn')\n      },\n      print: {\n          isEnabled: {{tools_enable_print}},\n          printBtnEl: document.querySelector('#{{uc_id}} .ue-table__print-btn')\n      },\n      download: {\n          isEnabled: {{tools_enable_download}},\n          downloadBtnEl: document.querySelector('#{{uc_id}} .ue-table__download-btn')\n      },\n    },\n    layout: 'fitColumns',\n    autoResize: false,\n    height: \"100%\",\n\tresponsiveLayout: '{{responsive_column_behavior}}',\n    responsiveLayoutCollapseStartOpen: {{collapse_default_state}},\n\tresizableColumnFit: true,\n    resizable: false,\n    textDirection: '{{text_direction}}',\n    headerVertical: {{header_vertical_text}},\n    cellVerticalAlignment: '{{cell_vertical_alignment}}',\n    grouping: {\n      enableGrouping: {{enable_grouping_by_column}},\n      columnID: '{{grouping_column_id}}',\n      defaultState: '{{grouping_default_state}}',\n      applyBreakpoint: {{grouping_apply_breakpoint}},\n      breakpoint: '{{grouping_breakpoint}}'\n    }\n      \n  } \n  \n  const options = {\n    wrapper: document.querySelector('#{{uc_id}}'),\n    containerEl: '#{{uc_id}} .ue-table__container',\n    guid: '{{uc_id}}',\n    items: objItems,\n    config: config\n  }\n  \n  import('{{uc_assets_url}}UeTable.js').then( m => {\n  \tconst table = new m.default(options)\n    {% if uc_inside_editor == 'yes' %}\n    \twindow.addEventListener('resize', () => { \n          table.onResize() })\n    {% endif %}\n    \n   \n  })\n  \n  \/\/fix height of the table in case it reinit itself to avoid jump\n  var objTable = jQuery(\"#{{uc_id}}\");\n       \n  function setMinHeight(){\n  \n  \tvar tableHeight = objTable.height();\n    \n    objTable.css(\"min-height\", tableHeight+\"px\");    \n        \n  }\n     \n  setTimeout(setMinHeight, 200);  \n     \n  jQuery(window).on(\"resize\", setMinHeight);\n     \n      \t\n{{ ucfunc(\"put_docready_end\") }}"}