@qikdev/vue-ui 0.2.314 → 0.2.316

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/dist/style.css CHANGED
@@ -430,6 +430,26 @@ td[data-v-b180904a] {
430
430
  td.false[data-v-b180904a] {
431
431
  opacity: 0.3;
432
432
  }
433
+ .basic-input-style[data-v-0419990c] {
434
+ color: inherit;
435
+ background: color-mix(in lab, currentColor 4%, transparent);
436
+ border: 1px solid color-mix(in lab, currentColor 18%, transparent);
437
+ }
438
+ td[data-v-0419990c] {
439
+ text-align: center;
440
+ opacity: 0.5;
441
+ font-size: 0.9em;
442
+ }
443
+ .basic-input-style[data-v-2910d792] {
444
+ color: inherit;
445
+ background: color-mix(in lab, currentColor 4%, transparent);
446
+ border: 1px solid color-mix(in lab, currentColor 18%, transparent);
447
+ }
448
+ td[data-v-2910d792] {
449
+ text-align: center;
450
+ opacity: 0.5;
451
+ font-size: 0.9em;
452
+ }
433
453
  .basic-input-style[data-v-45dd2b07] {
434
454
  color: inherit;
435
455
  background: color-mix(in lab, currentColor 4%, transparent);
@@ -627,16 +647,16 @@ td[data-v-f7f4a65b] {
627
647
  .content-type-cell[data-v-3c0f4d89] {
628
648
  white-space: nowrap;
629
649
  }
630
- .basic-input-style[data-v-33b3a8c1] {
650
+ .basic-input-style[data-v-753584f7] {
631
651
  color: inherit;
632
652
  background: color-mix(in lab, currentColor 4%, transparent);
633
653
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
634
654
  }
635
- .value[data-v-33b3a8c1] {
655
+ .value[data-v-753584f7] {
636
656
  display: inline-block;
637
657
  margin: 0.05em;
638
658
  }
639
- .nowrap[data-v-33b3a8c1] {
659
+ .nowrap[data-v-753584f7] {
640
660
  white-space: nowrap;
641
661
  }
642
662
  .basic-input-style[data-v-323b93e8] {
@@ -1803,19 +1823,19 @@ input[data-v-4bea995b]:focus {
1803
1823
  background: none;
1804
1824
  }
1805
1825
  }
1806
- .basic-input-style[data-v-1078f395],
1807
- input[data-v-1078f395] {
1826
+ .basic-input-style[data-v-111b2532],
1827
+ input[data-v-111b2532] {
1808
1828
  color: inherit;
1809
1829
  background: color-mix(in lab, currentColor 4%, transparent);
1810
1830
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
1811
1831
  }
1812
- .ux-text-row[data-v-1078f395] {
1832
+ .ux-text-row[data-v-111b2532] {
1813
1833
  margin-bottom: 0.5em;
1814
1834
  }
1815
- [data-v-1078f395] .ux-list {
1835
+ [data-v-111b2532] .ux-list {
1816
1836
  font-size: 0.9em;
1817
1837
  }
1818
- input[data-v-1078f395] {
1838
+ input[data-v-111b2532] {
1819
1839
  border-radius: 0.1em;
1820
1840
  padding: 0.5em;
1821
1841
  box-sizing: border-box;
@@ -1824,46 +1844,46 @@ input[data-v-1078f395] {
1824
1844
  line-height: 1;
1825
1845
  height: 2.5em;
1826
1846
  }
1827
- input[data-v-1078f395]:focus {
1847
+ input[data-v-111b2532]:focus {
1828
1848
  background: none;
1829
1849
  border: 1px solid var(--primary);
1830
1850
  outline: none;
1831
1851
  }
1832
- .ux-text-row .ux-btn[data-v-1078f395] {
1852
+ .ux-text-row .ux-btn[data-v-111b2532] {
1833
1853
  margin-left: 0.25em;
1834
1854
  }
1835
- .ux-text-input-multiple[data-v-1078f395] {
1855
+ .ux-text-input-multiple[data-v-111b2532] {
1836
1856
  width: 100%;
1837
1857
  }
1838
- .ux-text-input-single[data-v-1078f395] {
1858
+ .ux-text-input-single[data-v-111b2532] {
1839
1859
  width: calc(100% - 0.5em);
1840
1860
  margin: 0 0.5em 0 0;
1841
1861
  }
1842
- .items[data-v-1078f395] {
1862
+ .items[data-v-111b2532] {
1843
1863
  border-radius: 0.3em;
1844
1864
  overflow: hidden;
1845
1865
  margin-bottom: 0.5em;
1846
1866
  }
1847
1867
  @media (prefers-color-scheme: light) {
1848
- .items[data-v-1078f395] {
1868
+ .items[data-v-111b2532] {
1849
1869
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
1850
1870
  }
1851
1871
  }
1852
1872
  @media (prefers-color-scheme: dark) {
1853
- .items[data-v-1078f395] {
1873
+ .items[data-v-111b2532] {
1854
1874
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
1855
1875
  }
1856
1876
  }
1857
- .items .content-item[data-v-1078f395] {
1877
+ .items .content-item[data-v-111b2532] {
1858
1878
  border: none;
1859
1879
  }
1860
1880
  @media (prefers-color-scheme: light) {
1861
- .items .content-item[data-v-1078f395] {
1881
+ .items .content-item[data-v-111b2532] {
1862
1882
  border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
1863
1883
  }
1864
1884
  }
1865
1885
  @media (prefers-color-scheme: dark) {
1866
- .items .content-item[data-v-1078f395] {
1886
+ .items .content-item[data-v-111b2532] {
1867
1887
  border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
1868
1888
  }
1869
1889
  }
@@ -2545,19 +2565,19 @@ textarea[data-v-a44b8610]:focus {
2545
2565
  .ux-text-area-single[data-v-a44b8610] {
2546
2566
  width: 100%;
2547
2567
  }
2548
- .basic-input-style[data-v-1b7b8bfb] {
2568
+ .basic-input-style[data-v-5b88df0c] {
2549
2569
  color: inherit;
2550
2570
  background: color-mix(in lab, currentColor 4%, transparent);
2551
2571
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2552
2572
  }
2553
- .filter-condition[data-v-1b7b8bfb] {
2573
+ .filter-condition[data-v-5b88df0c] {
2554
2574
  padding: 0.2em;
2555
2575
  border-radius: 0.3em;
2556
2576
  background: var(--bg1, #fff);
2557
2577
  border: 1px solid rgba(0, 0, 0, 0.1);
2558
2578
  margin: 0.2em 0.5em;
2559
2579
  }
2560
- label[data-v-1b7b8bfb] {
2580
+ label[data-v-5b88df0c] {
2561
2581
  display: block;
2562
2582
  text-transform: uppercase;
2563
2583
  font-weight: 700;
@@ -2565,60 +2585,60 @@ label[data-v-1b7b8bfb] {
2565
2585
  font-size: 0.7em;
2566
2586
  margin-top: 0.2em;
2567
2587
  }
2568
- .basic-input-style[data-v-6f64e2f1] {
2588
+ .basic-input-style[data-v-8ff51075] {
2569
2589
  color: inherit;
2570
2590
  background: color-mix(in lab, currentColor 4%, transparent);
2571
2591
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2572
2592
  }
2573
- .filter-rule[data-v-6f64e2f1] {
2593
+ .filter-rule[data-v-8ff51075] {
2574
2594
  padding: 0.5em;
2575
2595
  border-radius: 0.5em;
2576
2596
  box-shadow: 0 0.1em 0.5em #0000000d;
2577
2597
  margin-bottom: 0.5em;
2578
2598
  }
2579
2599
  @media (prefers-color-scheme: light) {
2580
- .filter-rule[data-v-6f64e2f1] {
2600
+ .filter-rule[data-v-8ff51075] {
2581
2601
  background: var(--bg1, #fff);
2582
2602
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
2583
2603
  }
2584
2604
  }
2585
2605
  @media (prefers-color-scheme: dark) {
2586
- .filter-rule[data-v-6f64e2f1] {
2606
+ .filter-rule[data-v-8ff51075] {
2587
2607
  background: color-mix(in lab, #000 1%, transparent);
2588
2608
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2589
2609
  }
2590
2610
  }
2591
- .filter-rule .top[data-v-6f64e2f1] {
2611
+ .filter-rule .top[data-v-8ff51075] {
2592
2612
  margin: 0 0.5em 0.2em;
2593
2613
  }
2594
- .filter-rule .operator-cell[data-v-6f64e2f1] {
2614
+ .filter-rule .operator-cell[data-v-8ff51075] {
2595
2615
  position: relative;
2596
2616
  }
2597
- .filter-rule .operator-cell.and .line[data-v-6f64e2f1] {
2617
+ .filter-rule .operator-cell.and .line[data-v-8ff51075] {
2598
2618
  background: green;
2599
2619
  }
2600
- .filter-rule .operator-cell.and .operator[data-v-6f64e2f1] {
2620
+ .filter-rule .operator-cell.and .operator[data-v-8ff51075] {
2601
2621
  background: green;
2602
2622
  color: #fff;
2603
2623
  }
2604
- .filter-rule .operator-cell.or .line[data-v-6f64e2f1] {
2624
+ .filter-rule .operator-cell.or .line[data-v-8ff51075] {
2605
2625
  background: orange;
2606
2626
  }
2607
- .filter-rule .operator-cell.or .operator[data-v-6f64e2f1] {
2627
+ .filter-rule .operator-cell.or .operator[data-v-8ff51075] {
2608
2628
  background: orange;
2609
2629
  color: #fff;
2610
2630
  }
2611
- .filter-rule .operator-cell.nor .line[data-v-6f64e2f1] {
2631
+ .filter-rule .operator-cell.nor .line[data-v-8ff51075] {
2612
2632
  background: #000;
2613
2633
  }
2614
- .filter-rule .operator-cell.nor .operator[data-v-6f64e2f1] {
2634
+ .filter-rule .operator-cell.nor .operator[data-v-8ff51075] {
2615
2635
  background: #000;
2616
2636
  color: #fff;
2617
2637
  }
2618
- .filter-rule .operator-cell.last .line[data-v-6f64e2f1] {
2638
+ .filter-rule .operator-cell.last .line[data-v-8ff51075] {
2619
2639
  background: #ff0066;
2620
2640
  }
2621
- .filter-rule .line[data-v-6f64e2f1] {
2641
+ .filter-rule .line[data-v-8ff51075] {
2622
2642
  position: absolute;
2623
2643
  width: 0.1em;
2624
2644
  display: block;
@@ -2627,7 +2647,7 @@ label[data-v-1b7b8bfb] {
2627
2647
  top: 0;
2628
2648
  bottom: 0;
2629
2649
  }
2630
- .filter-rule .operator[data-v-6f64e2f1] {
2650
+ .filter-rule .operator[data-v-8ff51075] {
2631
2651
  border-radius: 50%;
2632
2652
  position: relative;
2633
2653
  width: 3em;
@@ -2643,17 +2663,17 @@ label[data-v-1b7b8bfb] {
2643
2663
  font-weight: 600;
2644
2664
  display: block;
2645
2665
  }
2646
- .filter-rule .summary[data-v-6f64e2f1] {
2666
+ .filter-rule .summary[data-v-8ff51075] {
2647
2667
  font-size: 0.8em;
2648
2668
  opacity: 0.5;
2649
2669
  }
2650
- .filter-rule .summary .native-select[data-v-6f64e2f1] {
2670
+ .filter-rule .summary .native-select[data-v-8ff51075] {
2651
2671
  display: inline-block;
2652
2672
  border: 1px solid transparent;
2653
2673
  border-radius: 0.3em;
2654
2674
  padding: 0.2em;
2655
2675
  }
2656
- .filter-rule .summary .native-select[data-v-6f64e2f1]:hover {
2676
+ .filter-rule .summary .native-select[data-v-8ff51075]:hover {
2657
2677
  background: var(--bg1, #fff);
2658
2678
  border-color: var(--primary);
2659
2679
  }
@@ -3772,18 +3792,18 @@ td[data-v-f5a130e8]:first-child {
3772
3792
  opacity: 0.5;
3773
3793
  font-size: 0.8em;
3774
3794
  }
3775
- .basic-input-style[data-v-c2789f65] {
3795
+ .basic-input-style[data-v-bb72f98b] {
3776
3796
  color: inherit;
3777
3797
  background: color-mix(in lab, currentColor 4%, transparent);
3778
3798
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3779
3799
  }
3780
- .content-browser[data-v-c2789f65] {
3800
+ .content-browser[data-v-bb72f98b] {
3781
3801
  position: relative;
3782
3802
  }
3783
- .loading[data-v-c2789f65] {
3803
+ .loading[data-v-bb72f98b] {
3784
3804
  opacity: 0.5;
3785
3805
  }
3786
- .filter-column[data-v-c2789f65] {
3806
+ .filter-column[data-v-bb72f98b] {
3787
3807
  padding: 1em;
3788
3808
  background: color-mix(in lab, #000 1%, transparent);
3789
3809
  border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3792,27 +3812,27 @@ td[data-v-f5a130e8]:first-child {
3792
3812
  flex: none;
3793
3813
  font-size: clamp(13px, 0.8em, 17px);
3794
3814
  }
3795
- .large-icon[data-v-c2789f65] {
3815
+ .large-icon[data-v-bb72f98b] {
3796
3816
  font-size: 6em;
3797
3817
  margin-bottom: 1rem;
3798
3818
  opacity: 0.5;
3799
3819
  }
3800
- .column-panel[data-v-c2789f65] {
3820
+ .column-panel[data-v-bb72f98b] {
3801
3821
  background: #fff;
3802
3822
  font-size: 0.9em;
3803
3823
  }
3804
- .empty[data-v-c2789f65] {
3824
+ .empty[data-v-bb72f98b] {
3805
3825
  background: rgba(0, 0, 0, 0.05);
3806
3826
  text-align: center;
3807
3827
  white-space: pre-line;
3808
3828
  align-items: center;
3809
3829
  justify-content: center;
3810
3830
  }
3811
- .empty .panel[data-v-c2789f65] {
3831
+ .empty .panel[data-v-bb72f98b] {
3812
3832
  max-width: 400px;
3813
3833
  background: var(--bg1, #fff);
3814
3834
  }
3815
- .footer[data-v-c2789f65] {
3835
+ .footer[data-v-bb72f98b] {
3816
3836
  padding: 0.5em 1em;
3817
3837
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
3818
3838
  }
@@ -3947,59 +3967,59 @@ h5[data-v-fefac323] {
3947
3967
  font-size: 0.8em;
3948
3968
  opacity: 0.5;
3949
3969
  }
3950
- .basic-input-style[data-v-99b9c871] {
3970
+ .basic-input-style[data-v-22036a05] {
3951
3971
  color: inherit;
3952
3972
  background: color-mix(in lab, currentColor 4%, transparent);
3953
3973
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3954
3974
  }
3955
- .wrapper[data-v-99b9c871] {
3975
+ .wrapper[data-v-22036a05] {
3956
3976
  border-radius: 0.5em;
3957
3977
  overflow: hidden;
3958
3978
  background: var(--bg1, #fff);
3959
3979
  text-align: left;
3960
3980
  display: flex;
3961
3981
  }
3962
- .wrapper h5[data-v-99b9c871] {
3982
+ .wrapper h5[data-v-22036a05] {
3963
3983
  font-size: 1.2em;
3964
3984
  margin: 0;
3965
3985
  }
3966
- .wrapper .padder[data-v-99b9c871] {
3986
+ .wrapper .padder[data-v-22036a05] {
3967
3987
  padding: 1em;
3968
3988
  }
3969
- .wrapper .border-top[data-v-99b9c871] {
3989
+ .wrapper .border-top[data-v-22036a05] {
3970
3990
  border: 1px solid rgba(0, 0, 0, 0.1);
3971
3991
  }
3972
- .basic-input-style[data-v-651362cd] {
3992
+ .basic-input-style[data-v-19a64345] {
3973
3993
  color: inherit;
3974
3994
  background: color-mix(in lab, currentColor 4%, transparent);
3975
3995
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3976
3996
  }
3977
- .wrapper[data-v-651362cd] {
3997
+ .wrapper[data-v-19a64345] {
3978
3998
  min-width: 80vw;
3979
3999
  min-height: 80vh;
3980
4000
  border-radius: 0.5em;
3981
4001
  overflow: hidden;
3982
4002
  }
3983
- .header[data-v-651362cd] {
4003
+ .header[data-v-19a64345] {
3984
4004
  background: var(--bg1, #fff);
3985
4005
  padding: 1em;
3986
4006
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3987
4007
  }
3988
- .header h1[data-v-651362cd],
3989
- .header h2[data-v-651362cd],
3990
- .header h3[data-v-651362cd],
3991
- .header h4[data-v-651362cd],
3992
- .header h5[data-v-651362cd] {
4008
+ .header h1[data-v-19a64345],
4009
+ .header h2[data-v-19a64345],
4010
+ .header h3[data-v-19a64345],
4011
+ .header h4[data-v-19a64345],
4012
+ .header h5[data-v-19a64345] {
3993
4013
  margin: 0;
3994
4014
  }
3995
- .rolodex[data-v-651362cd] {
4015
+ .rolodex[data-v-19a64345] {
3996
4016
  padding: 0.5em;
3997
4017
  white-space: nowrap;
3998
4018
  overflow-x: auto;
3999
4019
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4000
4020
  text-align: center;
4001
4021
  }
4002
- .rolodex .ux-btn[data-v-651362cd] {
4022
+ .rolodex .ux-btn[data-v-19a64345] {
4003
4023
  font-weight: 700;
4004
4024
  }
4005
4025
  .basic-input-style[data-v-0952db70] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qikdev/vue-ui",
3
- "version": "0.2.314",
3
+ "version": "0.2.316",
4
4
  "files": [
5
5
  "dist"
6
6
  ],