ixbrl-viewer 1.4.1__py3-none-any.whl → 1.4.86__py3-none-any.whl

iXBRLViewerPlugin/viewer/src/less/loader.less

@@ -17,7 +17,7 @@
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
-    color: #fff;
+    color: var(--colour-loader);
     font-size: large;
     font-family: sans-serif;
   }
@@ -46,7 +46,7 @@
     animation: loader 4s steps(64);
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
-    border-color: #fff transparent transparent;
+    border-color: var(--colour-loader) transparent transparent;
   }
 
   @keyframes loader {

iXBRLViewerPlugin/viewer/src/less/menu.less

@@ -2,25 +2,28 @@
 
 @import url("form-controls.less");
 
-#ixv #inspector {
+#ixv {
   .menu {
-    position: absolute;
-    right: 0;
-    top: 0;
-    line-height: @top-bar-height;
-    cursor: pointer;
+    line-height: var(--top-bar-height);
 
     .menu-title {
-      padding-right: 3.2rem;
+      line-height: var(--top-bar-height);
+      padding: 0 2.4rem 0 0.3rem;
       position: relative;
+      border: none;
     }
 
     .menu-title::after {
       .icon-chevron-down();
 
+      cursor: pointer;
       font-size: 1.8rem;
       position: absolute;
-      right: 1rem;
+      right: 0.2rem;
+    }
+
+    .menu-title::before {
+      cursor: pointer;
     }
 
     .content-container {
@@ -28,7 +31,7 @@
       // remaining page space, but this means we need to calculate the top
       // position manually.
       position: fixed;
-      top: (@top-bar-height + 3.2rem + 2 * 0.8rem);
+      top: calc(var(--top-bar-height));
       right: 0;
       bottom: 0;
       display: none;
@@ -36,14 +39,13 @@
 
       .content {
         line-height: initial;
-        background: #fff;
-        border: solid 1px @border-grey;
+        background: var(--colour-bg);
+        border: solid 1px var(--colour-border-grey);
         max-height: 100%;
         overflow-y: auto;
 
         .group {
-          border-bottom: solid 1px @border-grey;
-          border-top: solid 1px @border-grey;
+          margin-bottom: 1rem;
         }
 
         .item {
@@ -53,7 +55,12 @@
           text-align: left;
 
           &:hover {
-            background: @border-grey;
+            background: var(--colour-row-hover);
+          }
+
+          &:focus-within {
+            outline: solid 2px var(--colour-foreground);
+            outline-offset: -2px;
           }
 
           &.menu-checkbox {
@@ -83,12 +90,23 @@
 
         a.item {
           display: block;
-          color: @text;
+          color: var(--colour-text);
 
           &:hover {
             text-decoration: none;
           }
         }
+
+        .label {
+          text-transform: uppercase;
+          font-weight: bold;
+          font-size: 1.2rem;
+          text-align: left;
+          padding-top: 1rem;
+          color: var(--colour-border-grey);
+          border-bottom: solid 1px var(--colour-border-grey);
+          padding-left:1rem;
+        }
       }
     }
   }

iXBRLViewerPlugin/viewer/src/less/summary.less

@@ -2,9 +2,13 @@
 
 #inspector .summary {
   .body {
-    .total-facts-title,
-    .files-summary-title {
-      font-weight: bold;
+    .total-facts-value,
+    .mandatory-facts-value {
+      .inline-button();
+    }
+
+    .hidden-facts-value {
+      .inline-button();
     }
 
     .file-summary-container {
@@ -34,7 +38,7 @@
           text-align: left;
         }
 
-        thead {
+        thead tr {
           th {
             white-space: nowrap;
             position: relative;
@@ -55,11 +59,17 @@
                 width: 200px;
                 right: 0;
                 bottom: 0;
+
+                &.has-tooltip {
+                  bottom: -0.8rem;
+                }
               }
             }
+
           }
         }
 
+
         tbody th {
           font-weight: normal;
         }
@@ -70,11 +80,11 @@
             transition: background-color 0.25s ease;
 
             &:nth-child(odd) {
-              background-color: rgb(248 248 248);
+              background-color: var(--colour-row-odd);
             }
 
             &:hover {
-              background-color: rgb(230 230 230);
+              background-color: var(--colour-row-hover);
             }
 
             td.figure {

iXBRLViewerPlugin/viewer/src/less/tabs.less

@@ -5,32 +5,32 @@
 .tab-area {
   .clearfix();
 
-  background-color: #e3e3e3;
+  background-color: var(--colour-bg-selected);
   width: 100%;
   box-sizing: border-box;
-  border-bottom: @simple-border;
+  border-bottom: solid 0.1rem var(--colour-border-grey);
   display: flex;
 
   .tab {
     float: left;
     padding: 1.2rem;
     cursor: pointer;
-    color: #444;
-    border: solid 0.1rem #cbcbcb;
-    border-top-left-radius: 0.6rem;
-    border-top-right-radius: 0.6rem;
+    color: var(--colour-text-title);
+    border: solid 0.1rem var(--colour-border-grey);
+    border-radius: 0.6rem 0.6rem 0 0;
     margin-bottom: -0.1rem;
     flex-shrink: 1;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     width: 20em;
+    text-align: left;
 
     &.active {
       padding: 1.2rem;
-      border-bottom-color: #fff;
-      background-color: #fff;
-      border-top: solid 0.4rem #0085e6;
+      border-bottom-color: var(--colour-bg);
+      background-color: var(--colour-bg);
+      border-top: solid 0.4rem var(--colour-primary);
     }
 
     &:not(.active) {

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

@@ -16,6 +16,8 @@
     }
 
     iframe {
+      background-color:white;
+      color:black;
       margin: 1.4rem 0;
       border: solid 1px #ccc;
       flex-grow: 1;

iXBRLViewerPlugin/viewer/src/less/text-mixins.less

@@ -2,7 +2,7 @@
 
 .default-font {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: @text;
+  color: var(--colour-text);
 }
 
 .text-sm {
@@ -11,4 +11,5 @@
 
 .text-md {
   font-size: 1.4rem;
+  line-height: 1.8rem;
 }

iXBRLViewerPlugin/viewer/src/less/validation-report.less

@@ -1,8 +1,7 @@
 // See COPYRIGHT.md for copyright information
 
 #ixv .dialog.validation-report {
-  max-width: 120rem;
-  width: 90vw;
+  .dialog.full-width();
 
   table {
     display: block;
@@ -14,7 +13,7 @@
     td,
     th {
       padding: 0.5rem;
-      border: solid 0.1rem @border-grey;
+      border: solid 0.1rem var(--colour-border-grey);
     }
   }
 }

iXBRLViewerPlugin/viewer/src/less/viewer.less

@@ -4,106 +4,137 @@
 @import url("colours.less");
 @import url("common.less");
 
-.ixbrl-highlight:not(.ixbrl-no-highlight) {
-  // To ensure highlighting takes place, !important is used to override inline styles.
-  // For example: overrides highlighting applied inline to alternate table rows.
-  background-color: @highlight-default !important; // Override inline styles
+:root {
+  --colour-bg: @colour-bg;
+  --colour-highlight-1: @colour-highlight-1;
+  --colour-highlight-2: @colour-highlight-2;
+  --colour-highlight-3: @colour-highlight-3;
+  --colour-highlight-4: @colour-highlight-4;
+  --colour-highlight-5: @colour-highlight-5;
+  --colour-highlight-default: @colour-highlight-default;
+  --colour-linked-fact: @colour-linked-fact;
+  --colour-primary-focus: @colour-primary-focus;
+  --colour-primary: @colour-primary;
+  --colour-secondary: @colour-secondary;
+  --colour-related-fact: @colour-related-fact;
+}
+
+// To ensure highlighting takes place, !important is used to override inline styles.
+// For example: overrides highlighting applied inline to alternate table rows.
+
+.ixbrl-highlight {
+  &:not(.ixbrl-no-highlight),
+  & .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+      background-color: var(--colour-highlight-default) !important; // Override inline styles
+  }
+
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-1, 
+  &.ixbrl-highlight-1 .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    background-color: var(--colour-highlight-1) !important; // Override inline styles
+  }
+
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-2,
+  &.ixbrl-highlight-2 .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    background-color: var(--colour-highlight-2) !important; // Override inline styles
+  }
+
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-3,
+  &.ixbrl-highlight-3 .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    background-color: var(--colour-highlight-3) !important; // Override inline styles
+  }
 
-  &.ixbrl-highlight-1 {
-    background-color: @highlight-1 !important; // Override inline styles
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-4,
+  &.ixbrl-highlight-4 .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    background-color: var(--colour-highlight-4) !important; // Override inline styles
   }
 
-  &.ixbrl-highlight-2 {
-    background-color: @highlight-2 !important; // Override inline styles
+  &:not(.ixbrl-no-highlight) .ixbrl-highlight-5,
+  &.ixbrl-highlight-5 .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    background-color: var(--colour-highlight-5) !important; // Override inline styles
   }
 }
 
 .review.review-highlight-untagged-numbers .review-untagged-number {
-  background-color: @highlight-1;
+  background-color: var(--colour-highlight-1);
 }
 
 .review.review-highlight-untagged-dates .review-untagged-date {
-  background-color: @highlight-2;
+  background-color: var(--colour-highlight-2);
 }
 
-.review .ixbrl-highlight:not(.ixbrl-no-highlight) {
-  // Review mode disables namespace-specific highlighting in favor of all tagged
-  // elements sharing the same default highlight color, other colors are used for
-  // untagged highlighting defined above.
-  background-color: @highlight-default !important; // Override inline styles
-
-  &.ixbrl-highlight-1 {
-    background-color: @highlight-default !important; // Override inline styles
+.review .ixbrl-highlight {
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-1, 
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-2, 
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-3, 
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-4, 
+  &:not(.ixbrl-no-highlight).ixbrl-highlight-5, 
+  &.ixbrl-highlight-1 .ixbrl-sub-element:not(.ixbrl-no-highlight),
+  &.ixbrl-highlight-2 .ixbrl-sub-element:not(.ixbrl-no-highlight),
+  &.ixbrl-highlight-3 .ixbrl-sub-element:not(.ixbrl-no-highlight),
+  &.ixbrl-highlight-4 .ixbrl-sub-element:not(.ixbrl-no-highlight),
+  &.ixbrl-highlight-5 .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    background-color: var(--colour-highlight-default) !important; // Override inline styles
   }
 
-  &.ixbrl-highlight-2 {
-    background-color: @highlight-default !important; // Override inline styles
-  }
 }
 
-div,
-span {
-  &:not(.ixbrl-no-highlight) {
-    &.ixbrl-selected {
-      outline: solid 2px @primary-focus;
-      outline-offset: 1px;
-    }
+// Apply related fact highlighting (used for calc contributors)
+.ixbrl-related {
+  &:not(.ixbrl-no-highlight),
+  .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    outline: solid 0.125em var(--colour-related-fact);
+    outline-offset: 0.0625em;
 
-    &.ixbrl-element,
-    &.ixbrl-sub-element {
-      &:hover:not(.ixbrl-selected) {
-        outline: dashed 2px @primary-focus;
-        outline-offset: 1px;
-      }
+    td&, th& {
+      outline-offset: -0.0625em;
     }
   }
 }
 
-:not(.ixbrl-no-highlight) {
-  &.ixbrl-element,
-  &.ixbrl-sub-element {
-    cursor: pointer;
-
-    &.ixbrl-related {
-      outline: dashed 2px @related-fact;
+// Apply linked fact highlighting (used when hovering on facts in inspector)
+.ixbrl-linked-highlight {
+  &:not(.ixbrl-no-highlight),
+  .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    outline: dashed 0.125em var(--colour-linked-fact);
+    outline-offset: 0.0625em;
 
-      &:not(td, th) {
-        outline-offset: 1px;
-      }
+    td&, th& {
+      outline-offset: -0.0625em;
     }
   }
 }
 
-td,
-th {
-  &:not(.ixbrl-no-highlight) {
-    &.ixbrl-selected {
-      outline: solid 2px @primary-focus !important;
-      outline-offset: -1px !important;
-    }
+// Apply dashed outline to iXBRL elements on hover
+// Should override previous rule
+.ixbrl-element:not(.ixbrl-no-highlight),
+.ixbrl-sub-element:not(.ixbrl-no-highlight) {
+  &:hover {
+    outline: dashed 0.125em var(--colour-primary-focus);
+    outline-offset: 0.0625em;
+    cursor: pointer;
 
-    &.ixbrl-element:hover:not(.ixbrl-selected),
-    &.ixbrl-sub-element:hover:not(.ixbrl-selected) {
-      outline: dashed 2px @primary-focus !important;
-      outline-offset: -1px !important;
+    td&, th& {
+      outline-offset: -0.0625em;
     }
   }
-
-  &.ixbrl-related {
-    outline-offset: -1px;
-  }
-}
-
-.ixbrl-related.ixbrl-linked-highlight:not(.ixbrl-no-highlight),
-.ixbrl-linked-highlight:not(.ixbrl-no-highlight) {
-  .linked-highlight-text();
 }
 
-td.ixbrl-related.ixbrl-linked-highlight:not(.ixbrl-no-highlight),
-td.ixbrl-linked-highlight:not(.ixbrl-no-highlight) {
-  .linked-highlight-cell();
-
-  outline-offset: -1px;
+// Apply solid outline to selected elements
+.ixbrl-selected {
+  &:not(.ixbrl-no-highlight),
+  .ixbrl-sub-element:not(.ixbrl-no-highlight) {
+    // This rule needs to override the previous one so that already selected
+    // elements don't get a dashed line on hover
+    &,
+    &:hover {
+      outline: solid 0.125em var(--colour-primary-focus);
+      outline-offset: 0.0625em;
+
+      td&, th& {
+        outline-offset: -0.0625em;
+      }
+    }
+  }
 }
 
 div.ixbrl-table-handle {
@@ -115,7 +146,7 @@ div.ixbrl-table-handle {
   width: 0;
   height: 0;
   border: @export-handle-size solid transparent;
-  border-bottom-color: @workiva-green;
+  border-bottom-color: var(--colour-secondary);
   top: -2 * @export-handle-size;
 
   &::after {
@@ -126,7 +157,7 @@ div.ixbrl-table-handle {
     width: 0;
     height: 0;
     border: @export-handle-size solid transparent;
-    border-top-color: @workiva-green;
+    border-top-color: var(--colour-secondary);
   }
 
   & > span {
@@ -140,7 +171,7 @@ div.ixbrl-table-handle {
     }
 
     border: none;
-    color: #fff;
+    color: var(--colour-bg);
     transition: width 0.3s;
     width: 9rem;
     height: initial;
@@ -157,11 +188,11 @@ div.ixbrl-table-handle {
         font-size: 1.2rem;
       }
 
-      border: solid 0.1rem #fff;
+      border: solid 0.1rem var(--colour-bg);
       font-family: sans-serif;
       display: block;
       padding: 0.7rem 1.5rem 0.7rem 2.5rem;
-      background-color: @workiva-green;
+      background-color: var(--colour-secondary);
     }
   }
 }

iXBRLViewerPlugin/viewer/webpack.common.js

@@ -17,22 +17,32 @@ module.exports = {
                     use: [ { 
                         loader: "html-loader",
                         options: {
-                            minimize: true,
-                            removeAttributeQuotes: false,
-                            keepClosingSlash: true
+                            esModule: false,
+                            minimize: {
+                                removeAttributeQuotes: false,
+                                keepClosingSlash: true
+                            }
                         }
                     }]
                 },
                 {
                     test: /\.less$/,
-                    use: [ { 
-                        loader: "less-loader",
-                        options: {
-                            lessOptions: {
-                                math: "parens-division"
+                    use: [
+                        {
+                            loader: "css-loader",
+                            options: {
+                                esModule: false
+                            }
+                        },
+                        {
+                            loader: "less-loader",
+                            options: {
+                                lessOptions: {
+                                    math: "parens-division"
+                                }
                             }
                         }
-                    }]
+                    ]
                 }
             ]