ixbrl-viewer 1.4.23__py3-none-any.whl → 1.4.24__py3-none-any.whl

iXBRLViewerPlugin/viewer/dist/ixbrlviewer.js.LICENSE.txt

@@ -11,9 +11,16 @@ https://github.com/nodeca/pako/blob/main/LICENSE
 */
 
 /*!
- * Chart.js v2.9.4
+ * @kurkle/color v0.3.2
+ * https://github.com/kurkle/color#readme
+ * (c) 2023 Jukka Kurkela
+ * Released under the MIT License
+ */
+
+/*!
+ * Chart.js v4.4.2
  * https://www.chartjs.org
- * (c) 2020 Chart.js Contributors
+ * (c) 2024 Chart.js Contributors
  * Released under the MIT License
  */
 

iXBRLViewerPlugin/viewer/src/i18n/en/translation.json

@@ -3,6 +3,7 @@
     "calculated-total": "Calculated",
     "concept": "Concept",
     "consistent-duplicate-facts-present": "{{nfacts}} consistent duplicate facts present",
+    "does-not-bind": "Calculation does not bind",
     "inconsistent-duplicate-facts-present": "{{nfacts}} inconsistent duplicate facts present",
     "maximum": "Maximum",
     "mininum": "Minimum",
@@ -45,13 +46,15 @@
   "inspector": {
     "anchoring": "Anchoring",
     "associatedFacts": "Associated facts",
-    "calculationDetails": "",
+    "calculationDetails": "Calculation details",
     "calculations": "Calculations",
     "concealedFact": "Concealed fact",
     "conceptType": "Concept Type",
     "contributor": "Contributor",
+    "dimensions": "Dimension Type",
     "documentOutline": "Document outline",
     "documentSummary": "Document summary",
+    "explicitDimension": "Explicit Dimensions",
     "fact-groups": "Sections",
     "factProperties": "Fact Properties",
     "factSearch": "Fact Search",
@@ -108,7 +111,9 @@
       }
     },
     "summation": "Summation",
+    "targetDocument": "Target Document",
     "textOption": "Text",
+    "typedDimensions": "Typed Dimensions",
     "units": "Units",
     "validationCode": "Code",
     "validationMessage": "Message",

iXBRLViewerPlugin/viewer/src/i18n/es/translation.json

@@ -3,6 +3,7 @@
     "calculated-total": "",
     "concept": "",
     "consistent-duplicate-facts-present": "",
+    "does-not-bind": "",
     "inconsistent-duplicate-facts-present": "",
     "maximum": "",
     "mininum": "",
@@ -50,8 +51,10 @@
     "concealedFact": "",
     "conceptType": "Tipo de concepto",
     "contributor": "",
+    "dimensions": "",
     "documentOutline": "",
     "documentSummary": "",
+    "explicitDimension": "",
     "fact-groups": "",
     "factProperties": "Propiedades del hecho",
     "factSearch": "Búsqueda de hechos",
@@ -108,7 +111,9 @@
       }
     },
     "summation": "",
+    "targetDocument": "",
     "textOption": "Texto",
+    "typedDimensions": "",
     "units": "Unidads",
     "validationCode": "",
     "validationMessage": "",
@@ -134,6 +139,7 @@
   },
   "search": {
     "concealedFact": "",
+    "default": "",
     "hiddenFact": "Hecho oculto",
     "noMatchFound": "No se encontró ninguna coincidencia",
     "selected": "seleccionados",

iXBRLViewerPlugin/viewer/src/js/accordian.js

@@ -17,7 +17,7 @@ export class Accordian {
         const card = $('<div class="card"></div>')
             .append($('<div class="title"></div>')
                 .append(title)
-                .click(function () {
+                .on("click", function () {
                     var thisCard = $(this).closest(".card");
                     if (thisCard.hasClass("active")) {
                         if (!a.options.alwaysOpen) {

iXBRLViewerPlugin/viewer/src/js/aspect.js

@@ -1,8 +1,5 @@
 // See COPYRIGHT.md for copyright information
 
-import $ from 'jquery';
-import i18next from 'i18next';
-import { QName } from './qname.js';
 import { Period } from './period.js';
 import { Identifiers } from './identifiers.js';
 

iXBRLViewerPlugin/viewer/src/js/calculation.js

@@ -1,6 +1,5 @@
 // See COPYRIGHT.md for copyright information
 
-import $ from 'jquery';
 import Decimal from 'decimal.js';
 import { setDefault } from './util.js';
 import { Interval } from './interval.js';
@@ -79,7 +78,6 @@ export class Calculation {
      * Returns a ResolvedCalculation object for the specified ELR
      */
     resolvedCalculation(elr) {
-        const calc = [];
         const calcFacts = this.calculationFacts()[elr];
         const report = this.fact.report;
         const rels = report.getChildRelationships(this.fact.conceptName(), "calc")[elr];

iXBRLViewerPlugin/viewer/src/js/calculationInspector.js

@@ -16,7 +16,7 @@ import $ from 'jquery';
 import i18next from 'i18next';
 
 import { Dialog } from './dialog.js';
-import { ResolvedCalc11Calculation, ResolvedLegacyCalculation } from './calculation.js';
+import { ResolvedCalc11Calculation } from './calculation.js';
 
 export class CalculationInspector extends Dialog {
     constructor() {
@@ -112,8 +112,6 @@ export class CalculationInspector extends Dialog {
         let hasIcons = false;
         for (const row of resolvedCalculation.rows) {
             let factText = "";
-            let minText = "";
-            let maxText = "";
 
             if (!row.facts.isEmpty()) {
                 let f = row.facts.items()[0];
@@ -162,7 +160,6 @@ export class CalculationInspector extends Dialog {
         const tbody = table.find("tbody");
         // We remove the padding on the icons column (used to indicate
         // duplicate facts) if it is empty to avoid an unsightly gap
-        var hasIcons = false;
         tbody.empty();
         table.removeClass("has-icons");
         if (resolvedCalculation instanceof ResolvedCalc11Calculation) {
@@ -176,13 +173,13 @@ export class CalculationInspector extends Dialog {
         const messageCell = table.find("td.status");
         messageCell.removeClass("inconsistent").removeClass("consistent").removeClass("unchecked");
         if (resolvedCalculation.unchecked()) {
-            messageCell.addClass("unchecked").find(".message").text("Calculation does not bind");
+            messageCell.addClass("unchecked").find(".message").text(i18next.t('calculation.does-not-bind'));
         } 
         else if (resolvedCalculation.isConsistent()) {
-            messageCell.addClass("consistent").find(".message").text("Calculation is consistent");
+            messageCell.addClass("consistent").find(".message").text(i18next.t('factDetails.calculationIsConsistent'));
         }
         else {
-            messageCell.addClass("inconsistent").find(".message").text("Calculation is inconsistent");
+            messageCell.addClass("inconsistent").find(".message").text(i18next.t('factDetails.calculationIsConsistent'));
         }
     }
 }

iXBRLViewerPlugin/viewer/src/js/chart.js

@@ -1,7 +1,7 @@
 // See COPYRIGHT.md for copyright information
 
 import $ from 'jquery';
-import Chart from 'chart.js';
+import { BarController, BarElement, CategoryScale, Chart, LinearScale } from 'chart.js';
 import { AspectSet } from './aspect.js';
 import { wrapLabel } from "./util.js";
 import { Dialog } from './dialog.js';
@@ -145,7 +145,7 @@ export class IXBRLChart extends Dialog {
                 if (dims.includes(av.name())) {
                     a.addClass("selected")
                         .text(av.label() + ": *")
-                        .click(() => this.removeAspect(av.name()));
+                        .on("click", () => this.removeAspect(av.name()));
                 }
                 else {
                     if (av.name() != 'u') {
@@ -154,7 +154,7 @@ export class IXBRLChart extends Dialog {
                     a.text(av.label() + ": " + av.valueLabel());
                     if (dims.length < 2) {
                         a.addClass("addable")
-                            .click(() => this.addAspect(av.name()));
+                            .on("click", () => this.addAspect(av.name()));
                     }
                 }
             }
@@ -173,6 +173,7 @@ export class IXBRLChart extends Dialog {
         this.setChartSize();
 
         const ctx = $("canvas", c);
+        Chart.register(BarController, BarElement, CategoryScale, LinearScale);
         const chart = new Chart(ctx, {
             type: "bar",
             data: {
@@ -183,26 +184,23 @@ export class IXBRLChart extends Dialog {
                 responsive: true,
                 maintainAspectRatio: false,
                 scales: {
-                    yAxes: [{
-                        ticks: {
-                            beginAtZero:true
-                        },
-                        scaleLabel: {
+                    y: {
+                        beginAtZero: true,
+                        title: {
                             display: true,
-                            labelString:  yLabel,
-                        }
-
-                    }],
-                    xAxes: [{
+                            text: yLabel,
+                        },
+                    },
+                    x: {
                         ticks: {
                             autoSkip: false
                         }
-                    }]
+                    }
                 }
                 
             }
         });
-        $(window).resize(() => {  
+        $(window).on("resize", () => {  
             this.setChartSize();
             chart.resize();
         });

iXBRLViewerPlugin/viewer/src/js/concept.js

@@ -1,7 +1,5 @@
 // See COPYRIGHT.md for copyright information
 
-import $ from 'jquery'
-
 export class Concept {
     constructor(report, name) {
         this._c = report.concepts()[name] || {};

iXBRLViewerPlugin/viewer/src/js/dialog.js

@@ -6,9 +6,9 @@ export class Dialog {
     constructor(selector) {
         this.node = $("#dialog-templates").find(selector).clone().appendTo("#ixv #dialog-container");
 
-        $('.close', this.node).click(() => this.close());
-        $(document).bind("keyup", (e) => {
-            if (e.keyCode === 27) {
+        $('.close', this.node).on("click", () => this.close());
+        $(document).on("keyup", (e) => {
+            if (e.which === 27) {
                 this.close();
             }
         });

iXBRLViewerPlugin/viewer/src/js/fact.js

@@ -2,8 +2,6 @@
 
 import $ from 'jquery'
 import i18next from "i18next";
-import { isodateToHuman } from "./util.js"
-import { QName } from "./qname.js"
 import { Aspect } from "./aspect.js";
 import { Period } from './period.js';
 import { formatNumber, localId } from "./util.js";

iXBRLViewerPlugin/viewer/src/js/inspector.js

@@ -16,7 +16,6 @@ import { Footnote } from './footnote.js';
 import { ValidationReportDialog } from './validationreport.js';
 import { TextBlockViewerDialog } from './textblockviewer.js';
 import { MessageBox } from './messagebox.js';
-import { Interval } from './interval.js';
 import { Calculation } from "./calculation.js";
 import { CalculationInspector } from './calculationInspector.js';
 import { ReportSetOutline } from './outline.js';
@@ -101,7 +100,11 @@ export class Inspector {
                 $("#inspector-head .back").on("click", function () {
                     $(this).closest("#inspector").removeClass(["summary-mode", "outline-mode", "search-mode"]);
                 });
-                $(".popup-trigger").hover(function () { $(this).find(".popup-content").show() }, function () { $(this).find(".popup-content").hide() });
+                $(".popup-trigger").on("mouseenter", function () {
+                    $(this).find(".popup-content").show()
+                }).on("mouseleave", function () {
+                    $(this).find(".popup-content").hide()
+                });
                 $("#inspector").on("click", ".clipboard-copy", function () {
                     navigator.clipboard.writeText($(this).data("cb-text"));
                 });
@@ -137,8 +140,8 @@ export class Inspector {
         this._viewer.onSelect.add((vuid, eltSet, byClick) => this.selectItem(vuid, eltSet, byClick));
         this._viewer.onMouseEnter.add((id) => this.viewerMouseEnter(id));
         this._viewer.onMouseLeave.add(id => this.viewerMouseLeave(id));
-        $('.ixbrl-next-tag').click(() => this._viewer.selectNextTag(this._currentItem));
-        $('.ixbrl-prev-tag').click(() => this._viewer.selectPrevTag(this._currentItem));
+        $('.ixbrl-next-tag').on("click", () => this._viewer.selectNextTag(this._currentItem));
+        $('.ixbrl-prev-tag').on("click", () => this._viewer.selectPrevTag(this._currentItem));
     }
 
     postLoadAsync() {
@@ -288,9 +291,9 @@ export class Inspector {
 
     factListRow(f) {
         const row = $('<div class="fact-list-item"></div>')
-            .click(() => this.selectItem(f.vuid))
-            .dblclick(() => $('#inspector').removeClass("search-mode"))
-            .mousedown((e) => { 
+            .on("click", () => this.selectItem(f.vuid))
+            .on("dblclick", () => $('#inspector').removeClass("search-mode"))
+            .on("mousedown", (e) => { 
                 /* Prevents text selection via double click without
                  * disabling click+drag text selection (which user-select:
                  * none would )
@@ -299,11 +302,11 @@ export class Inspector {
                     e.preventDefault() 
                 } 
             })
-            .mouseenter(() => this._viewer.linkedHighlightFact(f))
-            .mouseleave(() => this._viewer.clearLinkedHighlightFact(f))
+            .on("mouseenter", () => this._viewer.linkedHighlightFact(f))
+            .on("mouseleave", () => this._viewer.clearLinkedHighlightFact(f))
             .data('ivid', f.vuid);
         $('<div class="select-icon"></div>')
-            .click(() => {
+            .on("click", () => {
                 this.selectItem(f.vuid);
                 $('#inspector').removeClass("search-mode");
             })
@@ -374,9 +377,9 @@ export class Inspector {
 
     setupSearchControls(viewer) {
         const inspector = this;
-        $('.search-controls input, .search-controls select').change(() => this.search());
-        $(".search-controls div.filter-toggle").click(() => $(".search-controls").toggleClass('show-filters'));
-        $(".search-controls .search-filters .reset").click(() => this.resetSearchFilters());
+        $('.search-controls input, .search-controls select').on("change", () => this.search());
+        $(".search-controls div.filter-toggle").on("click", () => $(".search-controls").toggleClass('show-filters'));
+        $(".search-controls .search-filters .reset").on("click", () => this.resetSearchFilters());
         $(".search-controls .search-filters .reset-multiselect").on("click", function () {
             $(this).siblings().children('select option:selected').prop('selected', false);
             inspector.search();
@@ -620,9 +623,9 @@ export class Inspector {
             for (const group of this.outline.sortedSections()) {
                 $('<div class="fact-list-item"></div>')
                     .text(group.report.getRoleLabel(group.elr))
-                    .click(() => this.selectItem(group.fact.vuid))
-                    .dblclick(() => $('#inspector').removeClass("outline-mode"))
-                    .mousedown((e) => {
+                    .on("click", () => this.selectItem(group.fact.vuid))
+                    .on("dblclick", () => $('#inspector').removeClass("outline-mode"))
+                    .on("mousedown", (e) => {
                         // Prevent text selection by double click
                         if (e.detail > 1) { 
                             e.preventDefault() 
@@ -638,7 +641,7 @@ export class Inspector {
         for (const group of this.outline.groupsForFact(cf)) {
             $('<div class="fact-list-item"></div>')
                 .text(cf.report.getRoleLabel(group.elr))
-                .click(() => this.selectItem(group.fact.vuid))
+                .on("click", () => this.selectItem(group.fact.vuid))
                 .appendTo($('.fact-groups'));
         }
 
@@ -701,7 +704,6 @@ export class Inspector {
     }
 
     _referencesHTML(fact) {
-        const c = fact.concept();
         const a = new Accordian();
         for (const [i, r] of fact.concept().references().entries()) {
             const title = $("<span></span>").text(r[0].value);
@@ -730,7 +732,6 @@ export class Inspector {
         const tableFacts = this._viewer.factsInSameTable(fact);
         const selectedELR = calc.bestELRForFactSet(tableFacts);
         const report = fact.report;
-        const inspector = this;
         const a = new Accordian();
 
         for (const rCalc of calc.resolvedCalculations()) {
@@ -752,9 +753,9 @@ export class Inspector {
                     itemHTML.addClass("calc-fact-link");
                     itemHTML.addClass("calc-fact-link");
                     itemHTML.data('ivids', r.facts.items().map(f => f.vuid));
-                    itemHTML.click(() => this.selectItem(r.facts.items[0].vuid));
-                    itemHTML.mouseenter(() => r.facts.items().forEach(f => this._viewer.linkedHighlightFact(f)));
-                    itemHTML.mouseleave(() => r.facts.items().forEach(f => this._viewer.clearLinkedHighlightFact(f)));
+                    itemHTML.on("click", () => this.selectItem(r.facts.items[0].vuid));
+                    itemHTML.on("mouseenter", () => r.facts.items().forEach(f => this._viewer.linkedHighlightFact(f)));
+                    itemHTML.on("mouseleave", () => r.facts.items().forEach(f => this._viewer.clearLinkedHighlightFact(f)));
                     r.facts.items().forEach(f => this._viewer.highlightRelatedFact(f));
                     itemHTML.find(".value").text(r.facts.mostPrecise().readableValue());
                 }
@@ -774,13 +775,13 @@ export class Inspector {
                     .addClass("calculation-details-link")
                     .attr("title", i18next.t('factDetails.viewCalculationDetails'))
                     .text("details")
-                    .click((e) => {
+                    .on("click", (e) => {
                         const dialog = new CalculationInspector();
                         dialog.displayCalculation(rCalc);
                         dialog.show();
                         e.stopPropagation();
                     })
-            const calcStatus = $("<p></p>")
+            $("<p></p>")
                 .append(calcStatusText)
                 .append($("<span></span>").text(" ("))
                 .append(calcDetailsLink)
@@ -819,9 +820,9 @@ export class Inspector {
                 $("<div></div>")
                     .addClass("block-list-item")
                     .text(truncateLabel(fn.textContent(), 120))
-                    .mouseenter(() => this._viewer.linkedHighlightFact(fn))
-                    .mouseleave(() => this._viewer.clearLinkedHighlightFact(fn))
-                    .click(() => this.selectItem(fn.vuid))
+                    .on("mouseenter", () => this._viewer.linkedHighlightFact(fn))
+                    .on("mouseleave", () => this._viewer.clearLinkedHighlightFact(fn))
+                    .on("click", () => this.selectItem(fn.vuid))
                     .appendTo(html);
             }
             else if (fn instanceof Fact) {
@@ -867,9 +868,9 @@ export class Inspector {
         if (factList.length > 0) {
             html
             .addClass("fact-link")
-            .click(() => this.selectItem(factList[0].vuid))
-            .mouseenter(() => factList.forEach(f => this._viewer.linkedHighlightFact(f)))
-            .mouseleave(() => factList.forEach(f => this._viewer.clearLinkedHighlightFact(f)));
+            .on("click", () => this.selectItem(factList[0].vuid))
+            .on("mouseenter", () => factList.forEach(f => this._viewer.linkedHighlightFact(f)))
+            .on("mouseleave", () => factList.forEach(f => this._viewer.clearLinkedHighlightFact(f)));
         }
         return html;
     }
@@ -932,7 +933,7 @@ export class Inspector {
             tr
                 .addClass('text-block')
                 .find('.expand-text-block')
-                    .off().click(() => this.showTextBlock(item));
+                    .off().on("click", () => this.showTextBlock(item));
         }
         else {
             tr.removeClass('text-block');
@@ -1002,7 +1003,7 @@ export class Inspector {
                         $("<span></span>") 
                             .addClass("analyse")
                             .text("")
-                            .click(() => this.analyseDimension(fact, ["p"]))
+                            .on('click', () => this.analyseDimension(fact, ["p"]))
                     );
                 }
                 this._updateEntityIdentifier(fact, factHTML);
@@ -1095,8 +1096,8 @@ export class Inspector {
                     }
                 }
                 $('.duplicates .text').text(i18next.t('factDetails.duplicatesCount', { current: n + 1, total: ndup}));
-                $('.duplicates .prev').off().click(() => this.selectItem(duplicates[(n+ndup-1) % ndup].vuid));
-                $('.duplicates .next').off().click(() => this.selectItem(duplicates[(n+1) % ndup].vuid));
+                $('.duplicates .prev').off().on("click", () => this.selectItem(duplicates[(n+ndup-1) % ndup].vuid));
+                $('.duplicates .next').off().on("click", () => this.selectItem(duplicates[(n+1) % ndup].vuid));
 
                 this.getPeriodIncrease(cf);
                 if (cf.isHidden()) {

iXBRLViewerPlugin/viewer/src/js/ixbrlviewer.js

@@ -120,7 +120,7 @@ export class iXBRLViewer {
     _loadInspectorHTML() {
         /* Insert HTML and CSS styles into body */
         $(require('../html/inspector.html')).prependTo('body');
-        const inspector_css = require('css-loader!../less/inspector.less').toString(); 
+        const inspector_css = require('../less/inspector.less').toString(); 
         $('<style id="ixv-style"></style>')
             .prop("type", "text/css")
             .text(inspector_css)

iXBRLViewerPlugin/viewer/src/js/menu.js

@@ -8,14 +8,14 @@ export class Menu {
         attr = attr || {};
         this.type = attr.type || "dropdown";
 
-        elt.find(".menu-title").click((e) => {
+        elt.find(".menu-title").on("click", (e) => {
             elt.find(".content-container").toggle();
             /* Stop an opening click from also being treated as an "out-of-menu"
              * closing click */
             e.stopPropagation();
         });
 
-        $('html').click((event) => {
+        $('html').on("click", (event) => {
             if ($(".content", elt).find($(event.target)).length === 0) {
                 this.close();
             }
@@ -50,7 +50,7 @@ export class Menu {
                 .attr({
                     href: filename})
                 .text(name)
-                .click(() => menu.close());
+                .on("click", () => menu.close());
         this._add(item);
     }
 
@@ -89,7 +89,7 @@ export class Menu {
                 .prepend(
                     $('<input type="radio"></input>')
                         .attr({ "name": name, "value": v})
-                        .change(function () {
+                        .on("change", function () {
                             callback($(this).val())
                             menu.close(); 
                         })

iXBRLViewerPlugin/viewer/src/js/outline.js

@@ -1,7 +1,5 @@
 // See COPYRIGHT.md for copyright information
 
-import $ from 'jquery'
-
 export class ReportSetOutline {
     constructor(reportSet) {
         this._reportSet = reportSet;

iXBRLViewerPlugin/viewer/src/js/period.js

@@ -1,7 +1,6 @@
 // See COPYRIGHT.md for copyright information
 
 import { xbrlDateToMoment, momentToHuman } from "./util.js"
-import moment from "moment";
 
 export class Period {
     constructor(p) {

iXBRLViewerPlugin/viewer/src/js/report.js

@@ -1,11 +1,7 @@
 // See COPYRIGHT.md for copyright information
 
-import { Fact } from "./fact.js"
-import { Footnote } from "./footnote.js"
-import { QName } from "./qname.js"
 import { Concept } from "./concept.js";
-import { setDefault, viewerUniqueId } from "./util.js";
-import $ from 'jquery'
+import { setDefault } from "./util.js";
 import i18next from "i18next";
 
 // Class to represent the XBRL data from a single target document in a single

iXBRLViewerPlugin/viewer/src/js/reportset.js

@@ -7,7 +7,6 @@ import { Unit } from "./unit";
 import { titleCase, viewerUniqueId } from "./util.js";
 import { QName } from "./qname.js";
 import { ViewerOptions } from './viewerOptions.js';
-import $ from 'jquery'
 
 
 // Class represents the set of XBRL "target" reports shown in the viewer.

iXBRLViewerPlugin/viewer/src/js/search.js

@@ -1,8 +1,6 @@
 // See COPYRIGHT.md for copyright information
 
 import lunr from 'lunr'
-import $ from 'jquery'
-import Decimal from "decimal.js";
 
 export class ReportSearch {
     constructor(reportSet) {

iXBRLViewerPlugin/viewer/src/js/tableExport.js

@@ -1,7 +1,6 @@
 // See COPYRIGHT.md for copyright information
 
 import $ from 'jquery'
-import FileSaver from 'file-saver'
 import writeXlsxFile from 'write-excel-file'
 import { Fact } from './fact.js';
 
@@ -20,7 +19,7 @@ export class TableExport {
                 const exporter = new TableExport(table, reportSet);
                 $('<div class="ixbrl-table-handle"><span>Export table</span></div>')
                     .appendTo(table)
-                    .click(() => exporter.exportTable());
+                    .on("click", () => exporter.exportTable());
             }
         });
     }

iXBRLViewerPlugin/viewer/src/js/viewer.js

@@ -1,10 +1,10 @@
 // See COPYRIGHT.md for copyright information
 
 import $ from 'jquery'
-import { numberMatchSearch, fullDateMatch } from './number-matcher.js'
+import { numberMatchSearch } from './number-matcher.js'
 import { TableExport } from './tableExport.js'
 import { IXNode } from './ixnode.js';
-import { getIXHiddenLinkStyle, runGenerator, escapeRegex, viewerUniqueId, HIGHLIGHT_COLORS } from './util.js';
+import { getIXHiddenLinkStyle, runGenerator, viewerUniqueId, HIGHLIGHT_COLORS } from './util.js';
 import { DocOrderIndex } from './docOrderIndex.js';
 import { MessageBox } from './messagebox.js';
 
@@ -112,7 +112,7 @@ export class Viewer {
                     .text(doc.file)
                     .prop('title', doc.file)
                     .data('ix-doc-id', i)
-                    .click(() => this.selectDocument(i))
+                    .on("click", () => this.selectDocument(i))
                     .appendTo($('#ixv #viewer-pane .ixds-tabs .tab-area'));
             }
             $('#ixv #viewer-pane .ixds-tabs .tab-area .tab').eq(0).addClass("active");
@@ -232,7 +232,7 @@ export class Viewer {
             const [file, fragment] = url.split('#', 2);
             const docIndex = this._reportSet.reportFiles().indexOf(file);
             if (!url.includes('/') && docIndex != -1) {
-                $(n).click((e) => { 
+                $(n).on("click", (e) => { 
                     this._showDocumentAndElement(docIndex, fragment);
                     e.preventDefault(); 
                 });
@@ -472,7 +472,7 @@ export class Viewer {
     _applyStyles() {
         const stlyeElts = $("<style>")
             .prop("type", "text/css")
-            .text(require('css-loader!less-loader!../less/viewer.less').toString())
+            .text(require('../less/viewer.less').toString())
             .appendTo(this._iframes.contents().find("head"));
         this._iv.callPluginMethod("updateViewerStyleElements", stlyeElts);
     }
@@ -512,18 +512,18 @@ export class Viewer {
     _bindHandlers() {
         const viewer = this;
         $('.ixbrl-element', this._contents)
-            .click(function (e) {
+            .on("click", function (e) {
                 e.stopPropagation();
                 viewer.selectElementByClick($(this));
             })
-            .mouseenter(function (e) { viewer._mouseEnter($(this)) })
-            .mouseleave(function (e) { viewer._mouseLeave($(this)) });
+            .on("mouseenter", function (e) { viewer._mouseEnter($(this)) })
+            .on("mouseleave", function (e) { viewer._mouseLeave($(this)) });
         $("body", this._contents)
-            .click(() => viewer.selectElement(null));
+            .on("click", () => viewer.selectElement(null));
         
-        $('#iframe-container .zoom-in').click(() => this.zoomIn());
-        $('#iframe-container .zoom-out').click(() => this.zoomOut());
-        $('#iframe-container .print').click(() => this.currentDocument().get(0).contentWindow.print());
+        $('#iframe-container .zoom-in').on("click", () => this.zoomIn());
+        $('#iframe-container .zoom-out').on("click", () => this.zoomOut());
+        $('#iframe-container .print').on("click", () => this.currentDocument().get(0).contentWindow.print());
 
         TableExport.addHandles(this._contents, this._reportSet);
     }