ixbrl-viewer 1.4.21__py3-none-any.whl → 1.4.50__py3-none-any.whl

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';
 
@@ -65,7 +65,7 @@ export class Viewer {
                     viewer._iframes.each(function (docIndex) { 
                         $(this).data("selected", docIndex == viewer._currentDocumentIndex);
                         const reportIndex = $(this).data("report-index");
-                        viewer._preProcessiXBRL($(this).contents().find("body").get(0), reportIndex, docIndex);
+                        viewer._preProcessiXBRL($(this).contents().find("body").get(0), reportIndex, docIndex, false);
                     });
 
                     /* Call plugin promise for each document in turn */
@@ -108,11 +108,11 @@ export class Viewer {
         if (this._reportSet.isMultiDocumentViewer()) {
             $('#ixv .ixds-tabs').show();
             for (const [i, doc] of this._reportSet.reportFiles().entries()) {
-                $('<div class="tab"></div>')
+                $('<button class="tab"></button>')
                     .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");
@@ -123,12 +123,17 @@ export class Viewer {
     // display: block, a div is used, otherwise a span.  Returns the wrapper node
     // as a jQuery node
     _wrapNode(n) {
-        var wrapper = "<span>";
-        const nn = n.getElementsByTagName("*");
-        for (var i = 0; i < nn.length; i++) {
-            if (getComputedStyle(nn[i]).getPropertyValue('display') === "block") {
-                wrapper = '<div>';
-                break;
+        let wrapper = "<span>";
+        if (getComputedStyle(n).getPropertyValue("display") === "block") {
+            wrapper = '<div>';
+        }
+        else {
+            const nn = n.getElementsByTagName("*");
+            for (var i = 0; i < nn.length; i++) {
+                if (getComputedStyle(nn[i]).getPropertyValue('display') === "block") {
+                    wrapper = '<div>';
+                    break;
+                }
             }
         }
         $(n).wrap(wrapper);
@@ -232,7 +237,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(); 
                 });
@@ -268,7 +273,7 @@ export class Viewer {
                 nodes.push(tableNode)
             } 
         }
-        /* Otherwise, insert a <span> as wrapper */
+        /* Otherwise, insert a <span> or <div> as wrapper */
         if (nodes.length == 0) {
             nodes.push(this._wrapNode(domNode));
         }
@@ -440,7 +445,7 @@ export class Viewer {
                 // Handle SEC/ESEF links-to-hidden
                 const vuid = viewerUniqueId(reportIndex, getIXHiddenLinkStyle(n));
                 if (vuid !== null) {
-                    let nodes = $(n);
+                    let nodes = this._findOrCreateWrapperNode(n, inHidden);
                     nodes.addClass("ixbrl-element").data('ivids', [vuid]);
                     this._docOrderItemIndex.addItem(vuid, docIndex);
                     /* We may have already seen the corresponding ix element in the hidden
@@ -472,7 +477,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 +517,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);
     }
@@ -593,7 +598,7 @@ export class Viewer {
     /* If the specified element is not fully visible, scroll it into the center of
      * the viewport */
     showElement(e) {
-        const ee = e.get(0);
+        const ee = e.filter(':not(.ixbrl-no-highlight)').get(0);
         if (!this.isFullyVisible(ee)) {
             ee.scrollIntoView({ block: "center", inline: "center" });
         }
@@ -749,11 +754,14 @@ export class Viewer {
                     // highlight color for an element that is double tagged in a
                     // table cell.
                     const ixn = $(this).data('ivids').map(id => viewer._ixNodeMap[id]).filter(ixn => !ixn.footnote)[0];
-                    if (ixn != undefined) {
-                        const elements = viewer.elementsForItemIds(ixn.chainIXIds());
-                        const i = groups[reportSet.getItemById(ixn.id).conceptQName().prefix];
-                        if (i !== undefined) {
-                            elements.addClass("ixbrl-highlight-" + i);
+                    if (ixn !== undefined ) {
+                        const item = reportSet.getItemById(ixn.id);
+                        if (item !== undefined) {
+                            const elements = viewer.elementsForItemIds(ixn.chainIXIds());
+                            const i = groups[item.conceptQName().prefix];
+                            if (i !== undefined) {
+                                elements.addClass("ixbrl-highlight-" + i);
+                            }
                         }
                     }
             });
@@ -803,7 +811,10 @@ export class Viewer {
     }
 
     _setTitle(docIndex) {
-        $('#top-bar .document-title').text($('head title', this._iframes.eq(docIndex).contents()).text());
+        const title = $('head title', this._iframes.eq(docIndex).contents()).text();
+        $('#top-bar .document-title')
+            .text(title)
+            .attr("aria-label", "Inline Viewer: " + title);
     }
 
     showDocumentForItemId(vuid) {

iXBRLViewerPlugin/viewer/src/js/viewerOptions.js

@@ -1,7 +1,5 @@
 // See COPYRIGHT.md for copyright information
 
-import $ from 'jquery';
-
 export function ViewerOptions() {
     this.showPrefixes = true;
     this.language = null;

iXBRLViewerPlugin/viewer/src/less/accordian.less

@@ -2,7 +2,7 @@
 
 .accordian .card {
   margin-top: 0.4rem;
-  background-color: @button-background;
+  background-color: var(--colour-button-bg);
 
   .card-body {
     display: none;
@@ -16,17 +16,21 @@
   }
 
   .title {
+    .text-md();
+
     padding: 1.2rem 1.6rem;
+    border: none;
+    width: 100%;
+    text-align: left;
     cursor: pointer;
-    line-height: 1.8rem;
 
     &:hover {
-      background-color: #f3f3f3;
+      background-color: var(--colour-bg-selected);
     }
   }
 
   &.active {
-    background-color: #f3f3f3;
+    background-color: var(--colour-bg-selected);
 
     .title {
       font-weight: bold;

iXBRLViewerPlugin/viewer/src/less/block-list.less

@@ -3,27 +3,33 @@
 .block-list-item {
   margin: 0.5rem 0;
   padding: 0.3rem 0.9rem;
-  background-color: @button-background;
+  background-color: var(--colour-button-bg);
   cursor: pointer;
   position: relative;
-  border-left: solid 0.4rem @button-background;
+  border-left: solid 0.4rem var(--colour-button-bg);
+  border-right: none;
+  border-top: none;
+  border-bottom: none;
+  border-radius: 0;
+  text-align: left;
+  width: 100%;
 
   & > * {
     margin: 0.8rem 0;
   }
 
   // Contents of .tags provide 0.2rem of non-collapsing margin
-  & > .tags {
+  & > .block-list-item-tags {
     margin: 0.6rem 0;
   }
 
   &:hover {
-    background-color: @background-selected;
+    background-color: var(--colour-bg-selected);
   }
 
   &.selected {
-    border-left: solid 0.4rem #0085e6;
-    background-color: @background-selected;
+    border-left: solid 0.4rem var(--colour-primary);
+    background-color: var(--colour-bg-selected);
   }
 
   &.linked-highlight {

iXBRLViewerPlugin/viewer/src/less/calculation-inspector.less

@@ -58,13 +58,13 @@
       &.consistent .icon::before {
         .icon-circle-tick();
 
-        color: @workiva-green;
+        color: var(--colour-primary);
       }
 
       &.inconsistent .icon::before {
         .icon-circle-cross();
 
-        color: @warning-orange;
+        color: var(--colour-warning);
       }
     }
 

iXBRLViewerPlugin/viewer/src/less/chart.less

@@ -12,6 +12,9 @@
     width: 100%;
     position: absolute;
     bottom: 0;
+    left: 0;
+    padding: 1rem;
+    box-sizing: border-box;
 
     .other-aspect {
       display: inline-block;
@@ -24,21 +27,21 @@
       }
 
       &.addable {
-        color: @primary;
+        color: var(--colour-primary);
 
         &:hover {
-          color: @primary-focus;
+          color: var(--colour-primary)-focus;
           text-decoration: underline;
         }
       }
 
       &.selected {
-        background-color: @button-primary-bg;
+        background-color: var(--colour-button-primary-bg);
         border-radius: 0.4rem;
-        border: 0.1rem solid @button-primary-border;
+        border: 0.1rem solid var(--colour-button-primary-border);
 
         /* border: solid 1px #399; */
-        color: #fff;
+        color: var(--colour-bg);
       }
     }
   }

iXBRLViewerPlugin/viewer/src/less/colours-dark-mode.less

@@ -0,0 +1,40 @@
+// See COPYRIGHT.md for copyright information
+
+@colour-bg-d: #000000;
+@colour-foreground-d: #ffffff;
+
+@colour-primary-d: #72bafd;
+@colour-secondary-d: #66cc00;
+@colour-tertiary-d: #aa108e;
+@colour-warning-d: #d8ae15;
+
+@colour-bg-fade-d: fadeout(@colour-foreground-d, 50%);
+@colour-primary-focus-d: darken(spin(@colour-primary-d, -3.4), 7.0);
+
+@colour-loader-d: @colour-foreground-d;
+@colour-linked-fact-d: @colour-primary-d;
+@colour-related-fact-d: lighten(desaturate(spin(@colour-secondary-d, 30.0), 14.5), 6.5);
+
+@colour-text-title-d: darken(@colour-foreground-d, 26.2);
+@colour-text-d: darken(@colour-foreground-d, 26.2);
+@colour-text-light-d: darken(@colour-foreground-d, 52.4);
+@colour-text-form-value-d: darken(@colour-foreground-d, 36.8);
+
+@colour-border-grey-d: darken(@colour-foreground-d, 59.7);
+
+@colour-highlight-default-d: lighten(desaturate(spin(@colour-secondary-d, -0.5660), 31.1688), 34); // #beea8f
+@colour-highlight-1-d: lighten(saturate(spin(@colour-tertiary-d, -25.3918), 17.2043), 36); // #dd73ff
+@colour-highlight-2-d: lighten(saturate(spin(@colour-warning-d, 1.0810), 17.7215), 33); // #ffac29
+
+@colour-icon-grey-d: @colour-text-d;
+
+@colour-button-primary-bg-d: @colour-primary-focus-d;
+@colour-button-primary-border-d: darken(spin(@colour-primary-d, -3.2), 3.2);
+
+@colour-button-bg-d: lighten(@colour-bg-d, 8.2);
+@colour-bg-selected-d: lighten(@colour-bg-d, 14.1);
+
+@colour-bg-tag-d: lighten(@colour-bg-d, 137.0);
+
+@colour-row-hover-d: lighten(@colour-bg-d, 29.4);
+@colour-row-odd-d: @colour-button-bg-d;

iXBRLViewerPlugin/viewer/src/less/colours.less

@@ -1,33 +1,40 @@
 // See COPYRIGHT.md for copyright information
 
-@primary: #026dce;
-@primary-focus: #0094ff;
+@colour-bg: #ffffff;
+@colour-foreground: #000000;
 
-@linked-fact: @primary;
-@related-fact: #0eb30e;
+@colour-primary: #026dce;
+@colour-secondary: #66cc00;
+@colour-tertiary: #aa108e;
+@colour-warning: #7a4b06;
 
-@text-title: #444444;
-@text: #595959;
-@text-light: #b2b2b2;
-@text-form-value: #7d7d7d;
+@colour-bg-fade: fadeout(@colour-foreground, 50%);
+@colour-primary-focus: lighten(saturate(spin(@colour-primary, -3.3529), 1.9231), 9.2157); // #0094ff
 
-@border-grey: #cbcbcb;
-@simple-border: solid 0.1rem @border-grey;
+@colour-loader: @colour-bg;
+@colour-linked-fact: @colour-primary;
+@colour-related-fact: darken(desaturate(spin(@colour-secondary, 30.0000), 14.5078), 2.1569); // #0eb30e;
 
-@highlight-default: hsl(90 69% 85% / 1);
-@highlight-1: #eaa8ff;
-@highlight-2: hsl(48 100% 85% / 1);
+@colour-text-title: lighten(@colour-foreground, 26.6667); // #444444;
+@colour-text: lighten(@colour-foreground, 34.9020); // #595959;
+@colour-text-light: lighten(@colour-foreground, 45); // #737373;
+@colour-text-form-value: lighten(@colour-foreground, 45); // #737373
 
-@icon-grey: @text;
+@colour-border-grey: lighten(@colour-foreground, 79.6078);
 
-@button-primary-bg: @primary-focus;
-@button-primary-border: #0085e6;
+@colour-highlight-default: lighten(desaturate(spin(@colour-secondary, -0.5660), 31.1688), 34); // #beea8f
+@colour-highlight-1: lighten(saturate(spin(@colour-tertiary, -25.3918), 17.2043), 36); // #dd73ff
+@colour-highlight-2: lighten(saturate(spin(@colour-warning, 1.0810), 17.7215), 33); // #ffac29
 
-@button-background: #f8f8f8;
-@background-selected: #f3f3f3;
+@colour-icon-grey: @colour-text;
 
-@background-tag: #8a8a8a;
+@colour-button-primary-bg: darken(@colour-primary-focus, 20);
+@colour-button-primary-border: darken(@colour-button-primary-bg, 10);
 
-@workiva-green: #66ca00;
+@colour-button-bg: darken(@colour-bg, 2.7451); // #f8f8f8;
+@colour-bg-selected: darken(@colour-bg, 4.7059); // #f3f3f3;
 
-@warning-orange: #d8ae15;
+@colour-bg-tag: darken(@colour-bg, 65); // #595959;
+
+@colour-row-hover: darken(@colour-bg, 9.8039); // #e6e6e6
+@colour-row-odd: @colour-button-bg;

iXBRLViewerPlugin/viewer/src/less/common.less

@@ -2,7 +2,7 @@
 
 /* Styles common to both inspector and highlighting used within iframe */
 .linked-highlight-text {
-  outline: dashed 0.125em @linked-fact;
+  outline: dashed 0.125em var(--colour-linked-fact);
   outline-offset: 0.0625em;
 }
 

iXBRLViewerPlugin/viewer/src/less/components.less

@@ -4,9 +4,9 @@
   display: inline-block;
   text-transform: uppercase;
   font-weight: bold;
-  background-color: @background-tag;
+  background-color: var(--colour-bg-tag);
   padding: 0.15em 0.5em;
-  color: #fff;
+  color: var(--colour-bg);
   border-radius: 0.3em;
   margin: 0.2rem 0.3rem 0.2rem 0;
   white-space: nowrap;
@@ -14,7 +14,7 @@
 
 .clickable {
   cursor: pointer;
-  color: @primary;
+  color: var(--colour-primary);
 }
 
 .panel-indent {

iXBRLViewerPlugin/viewer/src/less/core.less

@@ -5,5 +5,7 @@ html {
 }
 
 body {
+  background-color: var(--colour-bg);
+  color: var(--colour-foreground);
   margin: 0;
 }

iXBRLViewerPlugin/viewer/src/less/dialog.less

@@ -7,8 +7,10 @@
   left: 50%;
   transform: translate(-50%, -50%);
   border: solid 1px #000;
-  background-color: #fff;
+  background-color: var(--colour-bg);
   display: none;
+  padding: 0;
+  margin: 0;
 
   &.full-screen {
     width: calc(100vw - 5em);
@@ -37,15 +39,16 @@
   }
 
   .close {
+    border: none;
     position: absolute;
-    top: 0;
-    right: 0;
-    padding: 1.8rem 2rem 0;
+    top: 1rem;
+    right: 1.4rem;
+    padding: 0.3rem;
     font-size: 2.6rem;
     z-index: 20;
     cursor: pointer;
     line-height: 2.2rem;
-    opacity: 0.2;
+    color: var(--colour-border-grey);
 
     &::before {
       content: "\00d7";
@@ -61,14 +64,14 @@
       border-radius: 0;
       min-width: 10rem;
       margin-right: 1.5rem;
-      border: solid 0.1rem @border-grey;
-      color: @text;
-      background-color: @button-background;
+      border: solid 0.1rem var(--colour-border-grey);
+      color: var(--colour-text);
+      background-color: var(--colour-button-bg);
       cursor: pointer;
 
       &.dialog-button-primary {
-        color: #fff;
-        background-color: @workiva-green;
+        color: var(--colour-bg);
+        background-color: var(--colour-primary);
         border: none;
       }
     }

iXBRLViewerPlugin/viewer/src/less/form-controls.less

@@ -4,10 +4,10 @@ input[type="text"],
 select,
 button {
   padding: 7px 5px;
-  border: solid 1px @border-grey;
+  border: solid 1px var(--colour-border-grey);
   border-radius: 5px;
-  color: @text;
-  background-color: #fff;
+  color: var(--colour-text);
+  background-color: unset;
   box-sizing: border-box;
 }
 
@@ -15,13 +15,14 @@ button {
   width: 3.2rem;
   height: 3.2rem;
   text-align: center;
-  color: @icon-grey;
+  color: var(--colour-icon-grey);
   box-sizing: border-box;
   cursor: pointer;
   padding: 0;
   font-size: 2.2rem;
   line-height: 3.2rem;
   user-select: none;
+  border: none;
 }
 
 .square-button {
@@ -29,8 +30,8 @@ button {
 
   padding: 0;
   border-radius: 3px;
-  border: solid 0.1rem @border-grey;
-  background-color: @button-background;
+  border: solid 0.1rem var(--colour-border-grey);
+  background-color: var(--colour-button-bg);
   line-height: 3rem;
   margin: 0 0.5rem;
 
@@ -44,9 +45,9 @@ button {
 }
 
 .square-button.primary {
-  color: #fff;
-  border-color: @button-primary-border;
-  background-color: @button-primary-bg;
+  color: var(--colour-bg);
+  border-color: var(--colour-button-primary-border);
+  background-color: var(--colour-button-primary-bg);
 }
 
 .wk-checkbox,
@@ -57,6 +58,11 @@ label.checkbox {
   user-select: none;
   line-height: 1.6rem;
 
+  &:focus-within {
+    outline: solid 0.2rem #000;
+    outline-offset: 0.3rem;
+  }
+
   input {
     position: absolute;
     opacity: 0;
@@ -73,7 +79,7 @@ label.checkbox {
     width: 1.6rem;
     height: 1.6rem;
     border-radius: 0.4rem;
-    border: solid 0.1rem @border-grey;
+    border: solid 0.1rem var(--colour-border-grey);
   }
 
   input:checked ~ .checkmark::before {
@@ -83,7 +89,7 @@ label.checkbox {
     left: 0.4rem;
     width: 0.4rem;
     height: 1.1rem;
-    border: solid @primary;
+    border: solid var(--colour-primary);
     border-width: 0 0.2rem 0.2rem 0;
     transform: rotate(45deg);
   }
@@ -92,3 +98,19 @@ label.checkbox {
 input:disabled {
   background-color: #eee;
 }
+
+.inline-button {
+  display: inline;
+  cursor: pointer;
+  color: var(--colour-primary);
+  padding: 0.3rem;
+  border: none;
+}
+
+.bare-button {
+  display: inline;
+  cursor: pointer;
+  color: var(--colour-primary);
+  padding: 0.3rem;
+  border: none;
+}