plotleaf 0.3.2 → 0.4.0
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 +24 -1
- package/dist/assets/base.js +1 -1
- package/dist/assets/charts.js +17 -17
- package/dist/assets/styles.css +131 -0
- 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
|
@@ -700,3 +700,134 @@ th[aria-sort="descending"] .sort-indicator {
|
|
|
700
700
|
padding: 0;
|
|
701
701
|
}
|
|
702
702
|
}
|
|
703
|
+
|
|
704
|
+
/* Scoped prepared-view interactions use native controls and the report tokens. */
|
|
705
|
+
.exploration {
|
|
706
|
+
margin: 40px 0;
|
|
707
|
+
}
|
|
708
|
+
.exploration > h2 {
|
|
709
|
+
margin-bottom: 24px;
|
|
710
|
+
}
|
|
711
|
+
.explore-controls {
|
|
712
|
+
display: flex;
|
|
713
|
+
flex-wrap: wrap;
|
|
714
|
+
align-items: end;
|
|
715
|
+
gap: 18px 24px;
|
|
716
|
+
}
|
|
717
|
+
.explore-controls label {
|
|
718
|
+
display: flex;
|
|
719
|
+
flex-direction: column;
|
|
720
|
+
gap: 7px;
|
|
721
|
+
font-size: 13px;
|
|
722
|
+
color: var(--body);
|
|
723
|
+
}
|
|
724
|
+
.explore-controls input,
|
|
725
|
+
.explore-controls select,
|
|
726
|
+
.explore-controls button {
|
|
727
|
+
font: inherit;
|
|
728
|
+
color: var(--ink);
|
|
729
|
+
background: var(--page);
|
|
730
|
+
border: 1px solid var(--rule);
|
|
731
|
+
border-radius: 6px;
|
|
732
|
+
min-height: 38px;
|
|
733
|
+
padding: 7px 10px;
|
|
734
|
+
max-width: 100%;
|
|
735
|
+
}
|
|
736
|
+
.explore-controls fieldset {
|
|
737
|
+
min-width: 0;
|
|
738
|
+
padding: 0;
|
|
739
|
+
margin: 0;
|
|
740
|
+
border: 0;
|
|
741
|
+
}
|
|
742
|
+
.explore-controls legend {
|
|
743
|
+
font-size: 13px;
|
|
744
|
+
color: var(--body);
|
|
745
|
+
margin-bottom: 7px;
|
|
746
|
+
}
|
|
747
|
+
.explore-controls .explore-segmented label,
|
|
748
|
+
.explore-controls .explore-dates label {
|
|
749
|
+
display: inline-flex;
|
|
750
|
+
flex-direction: row;
|
|
751
|
+
align-items: center;
|
|
752
|
+
margin-right: 12px;
|
|
753
|
+
}
|
|
754
|
+
.explore-controls .explore-toggle {
|
|
755
|
+
flex-direction: row;
|
|
756
|
+
align-items: center;
|
|
757
|
+
min-height: 38px;
|
|
758
|
+
}
|
|
759
|
+
.explore-controls input[type="checkbox"],
|
|
760
|
+
.explore-controls input[type="radio"] {
|
|
761
|
+
min-height: 0;
|
|
762
|
+
accent-color: var(--series);
|
|
763
|
+
}
|
|
764
|
+
.explore-controls input[aria-invalid="true"] {
|
|
765
|
+
border-color: var(--negative);
|
|
766
|
+
}
|
|
767
|
+
.explore-controls :focus-visible {
|
|
768
|
+
outline: 2px solid var(--series);
|
|
769
|
+
outline-offset: 3px;
|
|
770
|
+
}
|
|
771
|
+
.explore-status {
|
|
772
|
+
font-size: 13px;
|
|
773
|
+
color: var(--muted);
|
|
774
|
+
margin: 18px 0 26px;
|
|
775
|
+
}
|
|
776
|
+
.exploration [hidden] {
|
|
777
|
+
display: none !important;
|
|
778
|
+
}
|
|
779
|
+
@media (max-width: 600px) {
|
|
780
|
+
.explore-controls {
|
|
781
|
+
gap: 16px;
|
|
782
|
+
}
|
|
783
|
+
.explore-controls input[type="text"],
|
|
784
|
+
.explore-controls input[type="number"] {
|
|
785
|
+
width: 160px;
|
|
786
|
+
}
|
|
787
|
+
.explore-dates label {
|
|
788
|
+
flex-wrap: wrap;
|
|
789
|
+
}
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
.explore-field {
|
|
793
|
+
display: flex;
|
|
794
|
+
flex-direction: column;
|
|
795
|
+
gap: 7px;
|
|
796
|
+
}
|
|
797
|
+
.explore-segment-options {
|
|
798
|
+
display: inline-flex;
|
|
799
|
+
flex-wrap: wrap;
|
|
800
|
+
padding: 3px;
|
|
801
|
+
background: var(--soft);
|
|
802
|
+
border: 1px solid var(--rule);
|
|
803
|
+
border-radius: 7px;
|
|
804
|
+
}
|
|
805
|
+
.explore-controls .explore-segment-options label {
|
|
806
|
+
position: relative;
|
|
807
|
+
margin: 0;
|
|
808
|
+
padding: 5px 12px;
|
|
809
|
+
min-height: 32px;
|
|
810
|
+
border-radius: 4px;
|
|
811
|
+
cursor: pointer;
|
|
812
|
+
}
|
|
813
|
+
.explore-segment-options label:has(input:checked) {
|
|
814
|
+
background: var(--page);
|
|
815
|
+
color: var(--ink);
|
|
816
|
+
}
|
|
817
|
+
.explore-segment-options input[type="radio"] {
|
|
818
|
+
position: absolute;
|
|
819
|
+
opacity: 0;
|
|
820
|
+
width: 1px;
|
|
821
|
+
height: 1px;
|
|
822
|
+
padding: 0;
|
|
823
|
+
border: 0;
|
|
824
|
+
}
|
|
825
|
+
.explore-segment-options label:has(input:focus-visible) {
|
|
826
|
+
outline: 2px solid var(--focus);
|
|
827
|
+
outline-offset: 1px;
|
|
828
|
+
}
|
|
829
|
+
.explore-supported {
|
|
830
|
+
margin: 10px 0 0;
|
|
831
|
+
font-size: 12px;
|
|
832
|
+
color: var(--muted);
|
|
833
|
+
}
|