ixbrl-viewer 1.4.21__py3-none-any.whl → 1.4.50__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

@@ -8,7 +8,7 @@
   background-color: #e3e3e3;
   width: 100%;
   box-sizing: border-box;
-  border-bottom: @simple-border;
+  border-bottom: solid 0.1rem var(--colour-border-grey);
   display: flex;
 
   .tab {
@@ -17,19 +17,19 @@
     cursor: pointer;
     color: #444;
     border: solid 0.1rem #cbcbcb;
-    border-top-left-radius: 0.6rem;
-    border-top-right-radius: 0.6rem;
+    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-bottom-color: var(--colour-bg);
+      background-color: var(--colour-bg);
       border-top: solid 0.4rem #0085e6;
     }
 

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

@@ -13,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,40 +4,52 @@
 @import url("colours.less");
 @import url("common.less");
 
+:root {
+  --colour-bg: @colour-bg;
+  --colour-highlight-1: @colour-highlight-1;
+  --colour-highlight-2: @colour-highlight-2;
+  --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;
+}
+
 .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
+  background-color: var(--colour-highlight-default) !important; // Override inline styles
 
   &.ixbrl-highlight-1 {
-    background-color: @highlight-1 !important; // Override inline styles
+    background-color: var(--colour-highlight-1) !important; // Override inline styles
   }
 
   &.ixbrl-highlight-2 {
-    background-color: @highlight-2 !important; // Override inline styles
+    background-color: var(--colour-highlight-2) !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
+  background-color: var(--colour-highlight-default) !important; // Override inline styles
 
   &.ixbrl-highlight-1 {
-    background-color: @highlight-default !important; // Override inline styles
+    background-color: var(--colour-highlight-default) !important; // Override inline styles
   }
 
   &.ixbrl-highlight-2 {
-    background-color: @highlight-default !important; // Override inline styles
+    background-color: var(--colour-highlight-default) !important; // Override inline styles
   }
 }
 
@@ -45,14 +57,14 @@ div,
 span {
   &:not(.ixbrl-no-highlight) {
     &.ixbrl-selected {
-      outline: solid 0.125em @primary-focus;
+      outline: solid 0.125em var(--colour-primary-focus);
       outline-offset: 0.0625em;
     }
 
     &.ixbrl-element,
     &.ixbrl-sub-element {
       &:hover:not(.ixbrl-selected) {
-        outline: dashed 0.125em @primary-focus;
+        outline: dashed 0.125em var(--colour-primary-focus);
         outline-offset: 0.0625em;
       }
     }
@@ -65,7 +77,7 @@ span {
     cursor: pointer;
 
     &.ixbrl-related {
-      outline: dashed 0.125em @related-fact;
+      outline: dashed 0.125em var(--colour-related-fact);
 
       &:not(td, th) {
         outline-offset: 0.0625em;
@@ -78,13 +90,13 @@ td,
 th {
   &:not(.ixbrl-no-highlight) {
     &.ixbrl-selected {
-      outline: solid 0.125em @primary-focus !important;
+      outline: solid 0.125em var(--colour-primary-focus) !important;
       outline-offset: -0.0625em !important;
     }
 
     &.ixbrl-element:hover:not(.ixbrl-selected),
     &.ixbrl-sub-element:hover:not(.ixbrl-selected) {
-      outline: dashed 0.125em @primary-focus !important;
+      outline: dashed 0.125em var(--colour-primary-focus) !important;
       outline-offset: -0.0625em !important;
     }
   }
@@ -115,7 +127,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 +138,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 +152,7 @@ div.ixbrl-table-handle {
     }
 
     border: none;
-    color: #fff;
+    color: var(--colour-bg);
     transition: width 0.3s;
     width: 9rem;
     height: initial;
@@ -157,11 +169,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"
+                                }
                             }
                         }
-                    }]
+                    ]
                 }
             ]
 

{ixbrl_viewer-1.4.21.dist-info → ixbrl_viewer-1.4.50.dist-info}/METADATA

@@ -1,6 +1,6 @@
-Metadata-Version: 2.1
+Metadata-Version: 2.2
 Name: ixbrl-viewer
-Version: 1.4.21
+Version: 1.4.50
 Summary: The Arelle iXBRL Viewer allows iXBRL reports to be viewed interactively in a web browser.
 Author-email: "arelle.org" <support@arelle.org>
 License: Apache-2.0
@@ -19,26 +19,25 @@ Classifier: Intended Audience :: Developers
 Classifier: License :: OSI Approved :: Apache Software License
 Classifier: Natural Language :: English
 Classifier: Programming Language :: Python :: 3
-Classifier: Programming Language :: Python :: 3.8
 Classifier: Programming Language :: Python :: 3.9
 Classifier: Programming Language :: Python :: 3.10
 Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
 Classifier: Operating System :: OS Independent
 Classifier: Topic :: Text Processing :: Markup :: XML
-Requires-Python: >=3.8
+Requires-Python: >=3.9
 Description-Content-Type: text/markdown
 License-File: LICENSE
 License-File: NOTICE
-Requires-Dist: lxml <6,>=4
+Requires-Dist: lxml<6,>=4
 Provides-Extra: arelle
-Requires-Dist: arelle-release ==2.* ; extra == 'arelle'
+Requires-Dist: arelle_release==2.*; extra == "arelle"
 Provides-Extra: dev
-Requires-Dist: flake8 ==7.0.0 ; extra == 'dev'
-Requires-Dist: lxml-stubs ==0.5.1 ; extra == 'dev'
-Requires-Dist: mypy ==1.9.0 ; extra == 'dev'
-Requires-Dist: pytest ==8.1.1 ; extra == 'dev'
-Requires-Dist: typing-extensions ==4.10.0 ; extra == 'dev'
+Requires-Dist: flake8==7.1.1; extra == "dev"
+Requires-Dist: lxml-stubs==0.5.1; extra == "dev"
+Requires-Dist: mypy==1.14.1; extra == "dev"
+Requires-Dist: pytest==8.3.4; extra == "dev"
+Requires-Dist: typing-extensions==4.12.2; extra == "dev"
 
 # Arelle iXBRL Viewer
 
@@ -297,6 +296,34 @@ This mode replaces the namespace-based highlighting with optional highlighting b
 |---------------------------|----------------|
 | `--viewer-feature-review` | `?review=true` |
 
+# Runtime config
+
+When launched, the viewer will check for the existence of
+`ixbrlviewer.config.json` in the same directory as `ixbrlviewer.js`.  If found,
+this will be loaded and used to configure the viewer.
+
+The file supports the following keys:
+
+* `features` - a JSON object containing defaults for features. These will be
+overridden by features defined at generation time, and then by query
+parameters, as defined above.
+
+* `skin` - a JSON object supporting the following keys:
+
+    * `stylesheetUrl` - a URL to additional CSS definitions.
+    * `faviconUrl` - a URL to an icon file to be used as the favicon for the viewer.
+    * `footerLogoHtml` - a fragment of HTML that will be included in place of the standard footer logo.
+
+* `taxonomyNames` - a JSON object where:
+
+    * Keys are strings that will be treated as a regular expression to match
+      against a namespace.
+    * Values are an array of (prefix, name) where "prefix" is the preferred
+      namespace prefix for the namespace, and "name" is a short descriptive
+      name for the taxonomy.
+
+Relative URLs defined in the config file are resolved relative to the config file.
+
 # Disable viewer loading
 
 Loading of the viewer can be disabled by specifying `?disable-viewer` as a
@@ -304,9 +331,9 @@ query parameter.  This will leave the iXBRL document loaded in the browser, but
 without any viewer functionality.  In the case of an iXBRL document set, or
 multi-document viewer, the first document will be shown.
 
-## Running tests
+# Running tests
 
-### Running unit tests
+## Running unit tests
 
 In order to run the javascript unit tests make sure that you have installed all of the npm requirements.
 
@@ -316,7 +343,7 @@ In order to run the python unit tests make sure that you have pip installed requ
 
 Run the following command to run python unit tests: `pytest tests/unit_tests`
 
-### Running Puppeteer tests
+## Running Puppeteer tests
 
 All commands should be run from repository root