domma-js 0.7.8-alpha → 0.8.0-alpha
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/package.json +1 -1
- package/public/dist/bundles/domma-complete.css +403 -14
- package/public/dist/bundles/domma-data-focused.css +403 -14
- package/public/dist/bundles/domma-essentials.css +403 -14
- package/public/dist/bundles/domma-full.css +403 -14
- package/public/dist/bundles/domma-grayve.css +403 -14
- package/public/dist/bundles/domma-minimal.css +8 -8
- package/public/dist/domma-syntax.min.js +3 -3
- package/public/dist/domma.css +3 -3
- package/public/dist/domma.esm.js +4 -4
- package/public/dist/domma.min.js +4 -4
- package/public/dist/elements.css +381 -3
- package/public/dist/grid.css +3 -3
- package/public/dist/syntax.css +3 -3
- package/public/dist/themes/domma-themes.css +3 -3
package/public/dist/elements.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Elements CSS v0.
|
|
2
|
+
* Domma Elements CSS v0.8.0-alpha
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-01-
|
|
6
|
-
* Commit:
|
|
5
|
+
* Built: 2026-01-09T18:35:07.473Z
|
|
6
|
+
* Commit: 1a13022
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -5636,6 +5636,384 @@ code {
|
|
|
5636
5636
|
border-color: var(--dm-slate-600);
|
|
5637
5637
|
}
|
|
5638
5638
|
|
|
5639
|
+
/* ==============================================
|
|
5640
|
+
Progression Component (Timeline + Roadmap)
|
|
5641
|
+
============================================== */
|
|
5642
|
+
|
|
5643
|
+
/* Base Progression styles */
|
|
5644
|
+
.dm-progression {
|
|
5645
|
+
width: 100%;
|
|
5646
|
+
position: relative;
|
|
5647
|
+
}
|
|
5648
|
+
|
|
5649
|
+
.dm-progression-item {
|
|
5650
|
+
display: flex;
|
|
5651
|
+
gap: var(--dm-space-4);
|
|
5652
|
+
position: relative;
|
|
5653
|
+
margin-bottom: var(--dm-space-6);
|
|
5654
|
+
}
|
|
5655
|
+
|
|
5656
|
+
.dm-progression-marker {
|
|
5657
|
+
flex-shrink: 0;
|
|
5658
|
+
display: flex;
|
|
5659
|
+
align-items: center;
|
|
5660
|
+
justify-content: center;
|
|
5661
|
+
font-weight: 600;
|
|
5662
|
+
font-size: var(--dm-font-size-sm);
|
|
5663
|
+
z-index: 2;
|
|
5664
|
+
}
|
|
5665
|
+
|
|
5666
|
+
.dm-progression-content {
|
|
5667
|
+
flex-grow: 1;
|
|
5668
|
+
background: var(--dm-surface, #fff);
|
|
5669
|
+
border: 1px solid var(--dm-border-color, #e0e0e0);
|
|
5670
|
+
border-radius: var(--dm-radius-md);
|
|
5671
|
+
padding: var(--dm-space-4);
|
|
5672
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
5673
|
+
transition: all 0.2s ease;
|
|
5674
|
+
}
|
|
5675
|
+
|
|
5676
|
+
.dm-progression-title {
|
|
5677
|
+
margin: 0 0 var(--dm-space-2);
|
|
5678
|
+
font-size: var(--dm-font-size-lg);
|
|
5679
|
+
font-weight: 600;
|
|
5680
|
+
color: var(--dm-text-primary);
|
|
5681
|
+
}
|
|
5682
|
+
|
|
5683
|
+
.dm-progression-description {
|
|
5684
|
+
margin: 0;
|
|
5685
|
+
font-size: var(--dm-font-size-base);
|
|
5686
|
+
color: var(--dm-text-secondary);
|
|
5687
|
+
line-height: 1.6;
|
|
5688
|
+
}
|
|
5689
|
+
|
|
5690
|
+
/* Vertical layout (default) */
|
|
5691
|
+
.dm-progression-vertical .dm-progression-item::before {
|
|
5692
|
+
content: '';
|
|
5693
|
+
position: absolute;
|
|
5694
|
+
left: 2rem;
|
|
5695
|
+
top: 3rem;
|
|
5696
|
+
bottom: -1.5rem;
|
|
5697
|
+
width: 2px;
|
|
5698
|
+
background: var(--dm-border-color, #e0e0e0);
|
|
5699
|
+
z-index: 1;
|
|
5700
|
+
}
|
|
5701
|
+
|
|
5702
|
+
.dm-progression-vertical .dm-progression-item:last-child::before {
|
|
5703
|
+
display: none;
|
|
5704
|
+
}
|
|
5705
|
+
|
|
5706
|
+
/* Centered layout */
|
|
5707
|
+
.dm-progression-centered {
|
|
5708
|
+
max-width: 1200px;
|
|
5709
|
+
margin: 0 auto;
|
|
5710
|
+
}
|
|
5711
|
+
|
|
5712
|
+
.dm-progression-centered .dm-progression-item {
|
|
5713
|
+
width: 100%;
|
|
5714
|
+
}
|
|
5715
|
+
|
|
5716
|
+
.dm-progression-centered .dm-progression-item:nth-child(odd) {
|
|
5717
|
+
flex-direction: row;
|
|
5718
|
+
}
|
|
5719
|
+
|
|
5720
|
+
.dm-progression-centered .dm-progression-item:nth-child(even) {
|
|
5721
|
+
flex-direction: row-reverse;
|
|
5722
|
+
}
|
|
5723
|
+
|
|
5724
|
+
/* Horizontal layout */
|
|
5725
|
+
.dm-progression-horizontal {
|
|
5726
|
+
display: flex;
|
|
5727
|
+
overflow-x: auto;
|
|
5728
|
+
padding-bottom: var(--dm-space-4);
|
|
5729
|
+
}
|
|
5730
|
+
|
|
5731
|
+
.dm-progression-horizontal .dm-progression-item {
|
|
5732
|
+
flex-direction: column;
|
|
5733
|
+
min-width: 250px;
|
|
5734
|
+
margin-right: var(--dm-space-4);
|
|
5735
|
+
margin-bottom: 0;
|
|
5736
|
+
}
|
|
5737
|
+
|
|
5738
|
+
/* Progress bar (Roadmap mode) */
|
|
5739
|
+
.dm-progression-progress {
|
|
5740
|
+
margin-bottom: var(--dm-space-6);
|
|
5741
|
+
padding: var(--dm-space-4);
|
|
5742
|
+
background: var(--dm-surface, #fff);
|
|
5743
|
+
border-radius: var(--dm-radius-md);
|
|
5744
|
+
border: 1px solid var(--dm-border-color, #e0e0e0);
|
|
5745
|
+
}
|
|
5746
|
+
|
|
5747
|
+
.dm-progression-progress-bar {
|
|
5748
|
+
height: 8px;
|
|
5749
|
+
background: linear-gradient(90deg, var(--dm-success, #22c55e), var(--dm-primary, #3b82f6));
|
|
5750
|
+
border-radius: var(--dm-radius-full);
|
|
5751
|
+
transition: width 0.6s ease;
|
|
5752
|
+
margin-bottom: var(--dm-space-2);
|
|
5753
|
+
}
|
|
5754
|
+
|
|
5755
|
+
.dm-progression-progress-text {
|
|
5756
|
+
font-size: var(--dm-font-size-sm);
|
|
5757
|
+
color: var(--dm-text-secondary);
|
|
5758
|
+
font-weight: 500;
|
|
5759
|
+
}
|
|
5760
|
+
|
|
5761
|
+
/* Roadmap-specific styles */
|
|
5762
|
+
.dm-progression-status-marker {
|
|
5763
|
+
width: 40px;
|
|
5764
|
+
height: 40px;
|
|
5765
|
+
border-radius: 50%;
|
|
5766
|
+
position: relative;
|
|
5767
|
+
}
|
|
5768
|
+
|
|
5769
|
+
.dm-progression-status-dot {
|
|
5770
|
+
width: 16px;
|
|
5771
|
+
height: 16px;
|
|
5772
|
+
border-radius: 50%;
|
|
5773
|
+
display: block;
|
|
5774
|
+
}
|
|
5775
|
+
|
|
5776
|
+
.dm-progression-status-icon {
|
|
5777
|
+
font-size: 20px;
|
|
5778
|
+
}
|
|
5779
|
+
|
|
5780
|
+
/* Status colours */
|
|
5781
|
+
.dm-progression-status-planned .dm-progression-status-marker {
|
|
5782
|
+
background: var(--dm-gray-100);
|
|
5783
|
+
border: 2px solid var(--dm-gray-400);
|
|
5784
|
+
}
|
|
5785
|
+
|
|
5786
|
+
.dm-progression-status-planned .dm-progression-status-dot {
|
|
5787
|
+
background: var(--dm-gray-400);
|
|
5788
|
+
}
|
|
5789
|
+
|
|
5790
|
+
.dm-progression-status-in-progress .dm-progression-status-marker {
|
|
5791
|
+
background: var(--dm-primary-light, rgba(59, 130, 246, 0.1));
|
|
5792
|
+
border: 2px solid var(--dm-primary, #3b82f6);
|
|
5793
|
+
position: relative;
|
|
5794
|
+
}
|
|
5795
|
+
|
|
5796
|
+
.dm-progression-status-in-progress .dm-progression-status-marker::after {
|
|
5797
|
+
content: '';
|
|
5798
|
+
position: absolute;
|
|
5799
|
+
inset: -4px;
|
|
5800
|
+
border: 2px solid var(--dm-primary, #3b82f6);
|
|
5801
|
+
border-radius: 50%;
|
|
5802
|
+
animation: progressPulse 2s infinite;
|
|
5803
|
+
}
|
|
5804
|
+
|
|
5805
|
+
@keyframes progressPulse {
|
|
5806
|
+
0%, 100% {
|
|
5807
|
+
opacity: 0.6;
|
|
5808
|
+
transform: scale(1);
|
|
5809
|
+
}
|
|
5810
|
+
50% {
|
|
5811
|
+
opacity: 0;
|
|
5812
|
+
transform: scale(1.3);
|
|
5813
|
+
}
|
|
5814
|
+
}
|
|
5815
|
+
|
|
5816
|
+
.dm-progression-status-in-progress .dm-progression-status-dot {
|
|
5817
|
+
background: var(--dm-primary, #3b82f6);
|
|
5818
|
+
}
|
|
5819
|
+
|
|
5820
|
+
.dm-progression-status-completed .dm-progression-status-marker {
|
|
5821
|
+
background: var(--dm-success-light, rgba(34, 197, 94, 0.1));
|
|
5822
|
+
border: 2px solid var(--dm-success, #22c55e);
|
|
5823
|
+
}
|
|
5824
|
+
|
|
5825
|
+
.dm-progression-status-completed .dm-progression-status-dot {
|
|
5826
|
+
background: var(--dm-success, #22c55e);
|
|
5827
|
+
}
|
|
5828
|
+
|
|
5829
|
+
.dm-progression-status-blocked .dm-progression-status-marker {
|
|
5830
|
+
background: var(--dm-danger-light, rgba(239, 68, 68, 0.1));
|
|
5831
|
+
border: 2px solid var(--dm-danger, #ef4444);
|
|
5832
|
+
}
|
|
5833
|
+
|
|
5834
|
+
.dm-progression-status-blocked .dm-progression-status-dot {
|
|
5835
|
+
background: var(--dm-danger, #ef4444);
|
|
5836
|
+
}
|
|
5837
|
+
|
|
5838
|
+
.dm-progression-status-cancelled .dm-progression-status-marker {
|
|
5839
|
+
background: var(--dm-gray-100);
|
|
5840
|
+
border: 2px solid var(--dm-gray-500);
|
|
5841
|
+
opacity: 0.6;
|
|
5842
|
+
}
|
|
5843
|
+
|
|
5844
|
+
.dm-progression-status-cancelled .dm-progression-status-dot {
|
|
5845
|
+
background: var(--dm-gray-500);
|
|
5846
|
+
}
|
|
5847
|
+
|
|
5848
|
+
/* Date/phase display */
|
|
5849
|
+
.dm-progression-date {
|
|
5850
|
+
font-size: var(--dm-font-size-sm);
|
|
5851
|
+
color: var(--dm-text-tertiary);
|
|
5852
|
+
font-weight: 500;
|
|
5853
|
+
margin-bottom: var(--dm-space-2);
|
|
5854
|
+
text-transform: uppercase;
|
|
5855
|
+
letter-spacing: 0.05em;
|
|
5856
|
+
}
|
|
5857
|
+
|
|
5858
|
+
/* Item progress bar */
|
|
5859
|
+
.dm-progression-item-progress {
|
|
5860
|
+
height: 6px;
|
|
5861
|
+
background: var(--dm-gray-200);
|
|
5862
|
+
border-radius: var(--dm-radius-full);
|
|
5863
|
+
overflow: hidden;
|
|
5864
|
+
margin-top: var(--dm-space-3);
|
|
5865
|
+
}
|
|
5866
|
+
|
|
5867
|
+
.dm-progression-item-progress-bar {
|
|
5868
|
+
height: 100%;
|
|
5869
|
+
background: var(--dm-primary, #3b82f6);
|
|
5870
|
+
border-radius: var(--dm-radius-full);
|
|
5871
|
+
transition: width 0.3s ease;
|
|
5872
|
+
}
|
|
5873
|
+
|
|
5874
|
+
.dm-progression-item-progress-text {
|
|
5875
|
+
font-size: var(--dm-font-size-xs);
|
|
5876
|
+
color: var(--dm-text-tertiary);
|
|
5877
|
+
margin-top: var(--dm-space-1);
|
|
5878
|
+
}
|
|
5879
|
+
|
|
5880
|
+
/* Priority badges */
|
|
5881
|
+
.dm-progression-priority {
|
|
5882
|
+
display: inline-flex;
|
|
5883
|
+
align-items: center;
|
|
5884
|
+
padding: 2px 8px;
|
|
5885
|
+
border-radius: var(--dm-radius-full);
|
|
5886
|
+
font-size: var(--dm-font-size-xs);
|
|
5887
|
+
font-weight: 600;
|
|
5888
|
+
text-transform: uppercase;
|
|
5889
|
+
letter-spacing: 0.05em;
|
|
5890
|
+
margin-top: var(--dm-space-2);
|
|
5891
|
+
}
|
|
5892
|
+
|
|
5893
|
+
.dm-progression-priority-low {
|
|
5894
|
+
background: var(--dm-gray-200);
|
|
5895
|
+
color: var(--dm-gray-700);
|
|
5896
|
+
}
|
|
5897
|
+
|
|
5898
|
+
.dm-progression-priority-medium {
|
|
5899
|
+
background: var(--dm-info-light, rgba(59, 130, 246, 0.1));
|
|
5900
|
+
color: var(--dm-info, #3b82f6);
|
|
5901
|
+
}
|
|
5902
|
+
|
|
5903
|
+
.dm-progression-priority-high {
|
|
5904
|
+
background: var(--dm-warning-light, rgba(245, 158, 11, 0.1));
|
|
5905
|
+
color: var(--dm-warning, #f59e0b);
|
|
5906
|
+
}
|
|
5907
|
+
|
|
5908
|
+
.dm-progression-priority-critical {
|
|
5909
|
+
background: var(--dm-danger-light, rgba(239, 68, 68, 0.1));
|
|
5910
|
+
color: var(--dm-danger, #ef4444);
|
|
5911
|
+
}
|
|
5912
|
+
|
|
5913
|
+
/* Tags */
|
|
5914
|
+
.dm-progression-tags {
|
|
5915
|
+
display: flex;
|
|
5916
|
+
flex-wrap: wrap;
|
|
5917
|
+
gap: var(--dm-space-2);
|
|
5918
|
+
margin-top: var(--dm-space-3);
|
|
5919
|
+
}
|
|
5920
|
+
|
|
5921
|
+
.dm-progression-tag {
|
|
5922
|
+
background: var(--dm-primary-light, rgba(59, 130, 246, 0.1));
|
|
5923
|
+
color: var(--dm-primary, #3b82f6);
|
|
5924
|
+
padding: 2px 8px;
|
|
5925
|
+
border-radius: var(--dm-radius-sm);
|
|
5926
|
+
font-size: var(--dm-font-size-xs);
|
|
5927
|
+
font-weight: 500;
|
|
5928
|
+
}
|
|
5929
|
+
|
|
5930
|
+
/* Assignee */
|
|
5931
|
+
.dm-progression-assignee {
|
|
5932
|
+
font-size: var(--dm-font-size-sm);
|
|
5933
|
+
color: var(--dm-text-tertiary);
|
|
5934
|
+
margin-top: var(--dm-space-2);
|
|
5935
|
+
font-style: italic;
|
|
5936
|
+
}
|
|
5937
|
+
|
|
5938
|
+
/* Current item highlight */
|
|
5939
|
+
.dm-progression-current .dm-progression-content {
|
|
5940
|
+
border-color: var(--dm-primary, #3b82f6);
|
|
5941
|
+
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
|
|
5942
|
+
}
|
|
5943
|
+
|
|
5944
|
+
/* Themes */
|
|
5945
|
+
.dm-progression-minimal .dm-progression-content {
|
|
5946
|
+
background: var(--dm-gray-50);
|
|
5947
|
+
border-color: transparent;
|
|
5948
|
+
box-shadow: none;
|
|
5949
|
+
}
|
|
5950
|
+
|
|
5951
|
+
.dm-progression-corporate .dm-progression-content {
|
|
5952
|
+
background: var(--dm-slate-50);
|
|
5953
|
+
border-color: var(--dm-slate-200);
|
|
5954
|
+
}
|
|
5955
|
+
|
|
5956
|
+
.dm-progression-modern .dm-progression-content {
|
|
5957
|
+
background: linear-gradient(135deg, var(--dm-surface, #fff) 0%, var(--dm-gray-50) 100%);
|
|
5958
|
+
border-color: var(--dm-border-color, #e0e0e0);
|
|
5959
|
+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
|
|
5960
|
+
}
|
|
5961
|
+
|
|
5962
|
+
/* Dark theme support */
|
|
5963
|
+
[data-theme="dark"] .dm-progression-content {
|
|
5964
|
+
background: var(--dm-slate-800);
|
|
5965
|
+
border-color: var(--dm-slate-700);
|
|
5966
|
+
color: var(--dm-slate-100);
|
|
5967
|
+
}
|
|
5968
|
+
|
|
5969
|
+
[data-theme="dark"] .dm-progression-title {
|
|
5970
|
+
color: var(--dm-slate-100);
|
|
5971
|
+
}
|
|
5972
|
+
|
|
5973
|
+
[data-theme="dark"] .dm-progression-description {
|
|
5974
|
+
color: var(--dm-slate-300);
|
|
5975
|
+
}
|
|
5976
|
+
|
|
5977
|
+
[data-theme="dark"] .dm-progression-minimal .dm-progression-content {
|
|
5978
|
+
background: var(--dm-slate-900);
|
|
5979
|
+
border-color: transparent;
|
|
5980
|
+
}
|
|
5981
|
+
|
|
5982
|
+
[data-theme="dark"] .dm-progression-corporate .dm-progression-content {
|
|
5983
|
+
background: var(--dm-slate-800);
|
|
5984
|
+
border-color: var(--dm-slate-600);
|
|
5985
|
+
}
|
|
5986
|
+
|
|
5987
|
+
[data-theme="dark"] .dm-progression-modern .dm-progression-content {
|
|
5988
|
+
background: linear-gradient(135deg, var(--dm-slate-800) 0%, var(--dm-slate-900) 100%);
|
|
5989
|
+
}
|
|
5990
|
+
|
|
5991
|
+
[data-theme="dark"] .dm-progression-item-progress {
|
|
5992
|
+
background: var(--dm-slate-700);
|
|
5993
|
+
}
|
|
5994
|
+
|
|
5995
|
+
[data-theme="dark"] .dm-progression-progress {
|
|
5996
|
+
background: var(--dm-slate-800);
|
|
5997
|
+
border-color: var(--dm-slate-700);
|
|
5998
|
+
}
|
|
5999
|
+
|
|
6000
|
+
/* Responsive design */
|
|
6001
|
+
@media (max-width: 768px) {
|
|
6002
|
+
.dm-progression-centered .dm-progression-item:nth-child(even) {
|
|
6003
|
+
flex-direction: row;
|
|
6004
|
+
}
|
|
6005
|
+
|
|
6006
|
+
.dm-progression-horizontal {
|
|
6007
|
+
flex-direction: column;
|
|
6008
|
+
}
|
|
6009
|
+
|
|
6010
|
+
.dm-progression-horizontal .dm-progression-item {
|
|
6011
|
+
min-width: 100%;
|
|
6012
|
+
margin-right: 0;
|
|
6013
|
+
margin-bottom: var(--dm-space-4);
|
|
6014
|
+
}
|
|
6015
|
+
}
|
|
6016
|
+
|
|
5639
6017
|
/* ==============================================
|
|
5640
6018
|
Cookie Consent Component
|
|
5641
6019
|
============================================== */
|
package/public/dist/grid.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Grid CSS v0.
|
|
2
|
+
* Domma Grid CSS v0.8.0-alpha
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-01-
|
|
6
|
-
* Commit:
|
|
5
|
+
* Built: 2026-01-09T18:35:07.464Z
|
|
6
|
+
* Commit: 1a13022
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/**
|
package/public/dist/syntax.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Syntax Highlighting CSS v0.
|
|
2
|
+
* Domma Syntax Highlighting CSS v0.8.0-alpha
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-01-
|
|
6
|
-
* Commit:
|
|
5
|
+
* Built: 2026-01-09T18:35:07.481Z
|
|
6
|
+
* Commit: 1a13022
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Themes v0.
|
|
2
|
+
* Domma Themes v0.8.0-alpha
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-01-
|
|
6
|
-
* Commit:
|
|
5
|
+
* Built: 2026-01-09T18:35:07.434Z
|
|
6
|
+
* Commit: 1a13022
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/**
|