plotleaf 0.3.2 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -1
- package/dist/assets/base.js +1 -1
- package/dist/assets/charts.js +17 -17
- package/dist/assets/styles.css +132 -2
- package/dist/cli.js +1343 -919
- package/examples/interactions/control-views.json +412 -0
- package/examples/interactions/regional-views.json +409 -0
- package/examples/interactions/report.md +30 -0
- package/examples/report.md +11 -1
- package/package.json +3 -1
- package/schema/components.json +377 -2
- package/skills/plotleaf/SKILL.md +61 -1
package/dist/assets/styles.css
CHANGED
|
@@ -214,8 +214,7 @@ code {
|
|
|
214
214
|
letter-spacing: -0.035em;
|
|
215
215
|
line-height: 1.15;
|
|
216
216
|
margin: 0;
|
|
217
|
-
|
|
218
|
-
overflow-x: auto;
|
|
217
|
+
overflow-wrap: anywhere;
|
|
219
218
|
}
|
|
220
219
|
.metric-comparison {
|
|
221
220
|
font-size: 15px;
|
|
@@ -700,3 +699,134 @@ th[aria-sort="descending"] .sort-indicator {
|
|
|
700
699
|
padding: 0;
|
|
701
700
|
}
|
|
702
701
|
}
|
|
702
|
+
|
|
703
|
+
/* Scoped prepared-view interactions use native controls and the report tokens. */
|
|
704
|
+
.exploration {
|
|
705
|
+
margin: 40px 0;
|
|
706
|
+
}
|
|
707
|
+
.exploration > h2 {
|
|
708
|
+
margin-bottom: 24px;
|
|
709
|
+
}
|
|
710
|
+
.explore-controls {
|
|
711
|
+
display: flex;
|
|
712
|
+
flex-wrap: wrap;
|
|
713
|
+
align-items: end;
|
|
714
|
+
gap: 18px 24px;
|
|
715
|
+
}
|
|
716
|
+
.explore-controls label {
|
|
717
|
+
display: flex;
|
|
718
|
+
flex-direction: column;
|
|
719
|
+
gap: 7px;
|
|
720
|
+
font-size: 13px;
|
|
721
|
+
color: var(--body);
|
|
722
|
+
}
|
|
723
|
+
.explore-controls input,
|
|
724
|
+
.explore-controls select,
|
|
725
|
+
.explore-controls button {
|
|
726
|
+
font: inherit;
|
|
727
|
+
color: var(--ink);
|
|
728
|
+
background: var(--page);
|
|
729
|
+
border: 1px solid var(--rule);
|
|
730
|
+
border-radius: 6px;
|
|
731
|
+
min-height: 38px;
|
|
732
|
+
padding: 7px 10px;
|
|
733
|
+
max-width: 100%;
|
|
734
|
+
}
|
|
735
|
+
.explore-controls fieldset {
|
|
736
|
+
min-width: 0;
|
|
737
|
+
padding: 0;
|
|
738
|
+
margin: 0;
|
|
739
|
+
border: 0;
|
|
740
|
+
}
|
|
741
|
+
.explore-controls legend {
|
|
742
|
+
font-size: 13px;
|
|
743
|
+
color: var(--body);
|
|
744
|
+
margin-bottom: 7px;
|
|
745
|
+
}
|
|
746
|
+
.explore-controls .explore-segmented label,
|
|
747
|
+
.explore-controls .explore-dates label {
|
|
748
|
+
display: inline-flex;
|
|
749
|
+
flex-direction: row;
|
|
750
|
+
align-items: center;
|
|
751
|
+
margin-right: 12px;
|
|
752
|
+
}
|
|
753
|
+
.explore-controls .explore-toggle {
|
|
754
|
+
flex-direction: row;
|
|
755
|
+
align-items: center;
|
|
756
|
+
min-height: 38px;
|
|
757
|
+
}
|
|
758
|
+
.explore-controls input[type="checkbox"],
|
|
759
|
+
.explore-controls input[type="radio"] {
|
|
760
|
+
min-height: 0;
|
|
761
|
+
accent-color: var(--series);
|
|
762
|
+
}
|
|
763
|
+
.explore-controls input[aria-invalid="true"] {
|
|
764
|
+
border-color: var(--negative);
|
|
765
|
+
}
|
|
766
|
+
.explore-controls :focus-visible {
|
|
767
|
+
outline: 2px solid var(--series);
|
|
768
|
+
outline-offset: 3px;
|
|
769
|
+
}
|
|
770
|
+
.explore-status {
|
|
771
|
+
font-size: 13px;
|
|
772
|
+
color: var(--muted);
|
|
773
|
+
margin: 18px 0 26px;
|
|
774
|
+
}
|
|
775
|
+
.exploration [hidden] {
|
|
776
|
+
display: none !important;
|
|
777
|
+
}
|
|
778
|
+
@media (max-width: 600px) {
|
|
779
|
+
.explore-controls {
|
|
780
|
+
gap: 16px;
|
|
781
|
+
}
|
|
782
|
+
.explore-controls input[type="text"],
|
|
783
|
+
.explore-controls input[type="number"] {
|
|
784
|
+
width: 160px;
|
|
785
|
+
}
|
|
786
|
+
.explore-dates label {
|
|
787
|
+
flex-wrap: wrap;
|
|
788
|
+
}
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
.explore-field {
|
|
792
|
+
display: flex;
|
|
793
|
+
flex-direction: column;
|
|
794
|
+
gap: 7px;
|
|
795
|
+
}
|
|
796
|
+
.explore-segment-options {
|
|
797
|
+
display: inline-flex;
|
|
798
|
+
flex-wrap: wrap;
|
|
799
|
+
padding: 3px;
|
|
800
|
+
background: var(--soft);
|
|
801
|
+
border: 1px solid var(--rule);
|
|
802
|
+
border-radius: 7px;
|
|
803
|
+
}
|
|
804
|
+
.explore-controls .explore-segment-options label {
|
|
805
|
+
position: relative;
|
|
806
|
+
margin: 0;
|
|
807
|
+
padding: 5px 12px;
|
|
808
|
+
min-height: 32px;
|
|
809
|
+
border-radius: 4px;
|
|
810
|
+
cursor: pointer;
|
|
811
|
+
}
|
|
812
|
+
.explore-segment-options label:has(input:checked) {
|
|
813
|
+
background: var(--page);
|
|
814
|
+
color: var(--ink);
|
|
815
|
+
}
|
|
816
|
+
.explore-segment-options input[type="radio"] {
|
|
817
|
+
position: absolute;
|
|
818
|
+
opacity: 0;
|
|
819
|
+
width: 1px;
|
|
820
|
+
height: 1px;
|
|
821
|
+
padding: 0;
|
|
822
|
+
border: 0;
|
|
823
|
+
}
|
|
824
|
+
.explore-segment-options label:has(input:focus-visible) {
|
|
825
|
+
outline: 2px solid var(--focus);
|
|
826
|
+
outline-offset: 1px;
|
|
827
|
+
}
|
|
828
|
+
.explore-supported {
|
|
829
|
+
margin: 10px 0 0;
|
|
830
|
+
font-size: 12px;
|
|
831
|
+
color: var(--muted);
|
|
832
|
+
}
|