@kompasid/lit-web-components 0.5.6 → 0.5.8
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/demo/index.html +2 -2
- package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.js +16 -11
- package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.js.map +1 -1
- package/dist/src/components/kompasid-paywall/KompasPaywall.d.ts +3 -2
- package/dist/src/components/kompasid-paywall/KompasPaywall.js +20 -7
- package/dist/src/components/kompasid-paywall/KompasPaywall.js.map +1 -1
- package/dist/src/components/kompasid-paywall/types.d.ts +1 -0
- package/dist/src/components/kompasid-paywall/types.js.map +1 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.d.ts +10 -3
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +187 -128
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
- package/dist/tailwind/tailwind.js +106 -8
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -4
- package/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.ts +16 -11
- package/src/components/kompasid-paywall/KompasPaywall.ts +25 -10
- package/src/components/kompasid-paywall/types.ts +2 -0
- package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +138 -53
- package/src/components/kompasid-paywall-body/readme.md +1 -0
- package/tailwind/tailwind.css +106 -8
- package/tailwind/tailwind.ts +106 -8
package/tailwind/tailwind.ts
CHANGED
|
@@ -544,6 +544,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
544
544
|
--tw-backdrop-sepia: ;
|
|
545
545
|
}
|
|
546
546
|
|
|
547
|
+
.visible {
|
|
548
|
+
visibility: visible;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.invisible {
|
|
552
|
+
visibility: hidden;
|
|
553
|
+
}
|
|
554
|
+
|
|
547
555
|
.collapse {
|
|
548
556
|
visibility: collapse;
|
|
549
557
|
}
|
|
@@ -552,6 +560,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
552
560
|
position: static;
|
|
553
561
|
}
|
|
554
562
|
|
|
563
|
+
.fixed {
|
|
564
|
+
position: fixed;
|
|
565
|
+
}
|
|
566
|
+
|
|
555
567
|
.absolute {
|
|
556
568
|
position: absolute;
|
|
557
569
|
}
|
|
@@ -564,6 +576,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
564
576
|
position: sticky;
|
|
565
577
|
}
|
|
566
578
|
|
|
579
|
+
.inset-0 {
|
|
580
|
+
inset: 0px;
|
|
581
|
+
}
|
|
582
|
+
|
|
567
583
|
.-bottom-6 {
|
|
568
584
|
bottom: -1.5rem;
|
|
569
585
|
}
|
|
@@ -604,6 +620,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
604
620
|
z-index: 20;
|
|
605
621
|
}
|
|
606
622
|
|
|
623
|
+
.z-50 {
|
|
624
|
+
z-index: 50;
|
|
625
|
+
}
|
|
626
|
+
|
|
607
627
|
.col-span-2 {
|
|
608
628
|
grid-column: span 2 / span 2;
|
|
609
629
|
}
|
|
@@ -612,6 +632,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
612
632
|
grid-column: span 4 / span 4;
|
|
613
633
|
}
|
|
614
634
|
|
|
635
|
+
.m-auto {
|
|
636
|
+
margin: auto;
|
|
637
|
+
}
|
|
638
|
+
|
|
615
639
|
.mx-2 {
|
|
616
640
|
margin-left: 0.5rem;
|
|
617
641
|
margin-right: 0.5rem;
|
|
@@ -666,6 +690,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
666
690
|
margin-bottom: 0.5rem;
|
|
667
691
|
}
|
|
668
692
|
|
|
693
|
+
.mb-3 {
|
|
694
|
+
margin-bottom: 0.75rem;
|
|
695
|
+
}
|
|
696
|
+
|
|
669
697
|
.mb-4 {
|
|
670
698
|
margin-bottom: 1rem;
|
|
671
699
|
}
|
|
@@ -690,10 +718,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
690
718
|
margin-left: 0.75rem;
|
|
691
719
|
}
|
|
692
720
|
|
|
721
|
+
.ml-4 {
|
|
722
|
+
margin-left: 1rem;
|
|
723
|
+
}
|
|
724
|
+
|
|
693
725
|
.ml-8 {
|
|
694
726
|
margin-left: 2rem;
|
|
695
727
|
}
|
|
696
728
|
|
|
729
|
+
.ml-auto {
|
|
730
|
+
margin-left: auto;
|
|
731
|
+
}
|
|
732
|
+
|
|
697
733
|
.mr-10 {
|
|
698
734
|
margin-right: 2.5rem;
|
|
699
735
|
}
|
|
@@ -770,6 +806,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
770
806
|
height: 1rem;
|
|
771
807
|
}
|
|
772
808
|
|
|
809
|
+
.h-40 {
|
|
810
|
+
height: 10rem;
|
|
811
|
+
}
|
|
812
|
+
|
|
773
813
|
.h-5 {
|
|
774
814
|
height: 1.25rem;
|
|
775
815
|
}
|
|
@@ -956,6 +996,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
956
996
|
flex-direction: column;
|
|
957
997
|
}
|
|
958
998
|
|
|
999
|
+
.flex-col-reverse {
|
|
1000
|
+
flex-direction: column-reverse;
|
|
1001
|
+
}
|
|
1002
|
+
|
|
959
1003
|
.flex-wrap {
|
|
960
1004
|
flex-wrap: wrap;
|
|
961
1005
|
}
|
|
@@ -1277,6 +1321,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1277
1321
|
padding-right: 1rem;
|
|
1278
1322
|
}
|
|
1279
1323
|
|
|
1324
|
+
.px-5 {
|
|
1325
|
+
padding-left: 1.25rem;
|
|
1326
|
+
padding-right: 1.25rem;
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1280
1329
|
.px-8 {
|
|
1281
1330
|
padding-left: 2rem;
|
|
1282
1331
|
padding-right: 2rem;
|
|
@@ -1371,6 +1420,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1371
1420
|
padding-left: 1rem;
|
|
1372
1421
|
}
|
|
1373
1422
|
|
|
1423
|
+
.pr-14 {
|
|
1424
|
+
padding-right: 3.5rem;
|
|
1425
|
+
}
|
|
1426
|
+
|
|
1374
1427
|
.pr-2 {
|
|
1375
1428
|
padding-right: 0.5rem;
|
|
1376
1429
|
}
|
|
@@ -1588,6 +1641,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1588
1641
|
.sm\\:grid-cols-4 {
|
|
1589
1642
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1590
1643
|
}
|
|
1644
|
+
|
|
1645
|
+
.sm\\:px-16 {
|
|
1646
|
+
padding-left: 4rem;
|
|
1647
|
+
padding-right: 4rem;
|
|
1648
|
+
}
|
|
1591
1649
|
}
|
|
1592
1650
|
|
|
1593
1651
|
@media (min-width: 768px) {
|
|
@@ -1621,6 +1679,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1621
1679
|
margin-right: 1.25rem;
|
|
1622
1680
|
}
|
|
1623
1681
|
|
|
1682
|
+
.md\\:mt-0 {
|
|
1683
|
+
margin-top: 0px;
|
|
1684
|
+
}
|
|
1685
|
+
|
|
1624
1686
|
.md\\:mt-3 {
|
|
1625
1687
|
margin-top: 0.75rem;
|
|
1626
1688
|
}
|
|
@@ -1637,6 +1699,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1637
1699
|
display: block;
|
|
1638
1700
|
}
|
|
1639
1701
|
|
|
1702
|
+
.md\\:flex {
|
|
1703
|
+
display: flex;
|
|
1704
|
+
}
|
|
1705
|
+
|
|
1640
1706
|
.md\\:hidden {
|
|
1641
1707
|
display: none;
|
|
1642
1708
|
}
|
|
@@ -1653,6 +1719,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1653
1719
|
height: 68px;
|
|
1654
1720
|
}
|
|
1655
1721
|
|
|
1722
|
+
.md\\:h-full {
|
|
1723
|
+
height: 100%;
|
|
1724
|
+
}
|
|
1725
|
+
|
|
1656
1726
|
.md\\:h-max {
|
|
1657
1727
|
height: -moz-max-content;
|
|
1658
1728
|
height: max-content;
|
|
@@ -1670,6 +1740,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1670
1740
|
width: 10rem;
|
|
1671
1741
|
}
|
|
1672
1742
|
|
|
1743
|
+
.md\\:w-5\\/12 {
|
|
1744
|
+
width: 41.666667%;
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1673
1747
|
.md\\:w-52 {
|
|
1674
1748
|
width: 13rem;
|
|
1675
1749
|
}
|
|
@@ -1730,6 +1804,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1730
1804
|
justify-content: center;
|
|
1731
1805
|
}
|
|
1732
1806
|
|
|
1807
|
+
.md\\:gap-2 {
|
|
1808
|
+
gap: 0.5rem;
|
|
1809
|
+
}
|
|
1810
|
+
|
|
1811
|
+
.md\\:gap-8 {
|
|
1812
|
+
gap: 2rem;
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1733
1815
|
.md\\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
|
|
1734
1816
|
--tw-space-x-reverse: 0;
|
|
1735
1817
|
margin-right: calc(0px * var(--tw-space-x-reverse));
|
|
@@ -1760,10 +1842,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1760
1842
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1761
1843
|
}
|
|
1762
1844
|
|
|
1845
|
+
.md\\:self-start {
|
|
1846
|
+
align-self: flex-start;
|
|
1847
|
+
}
|
|
1848
|
+
|
|
1763
1849
|
.md\\:self-end {
|
|
1764
1850
|
align-self: flex-end;
|
|
1765
1851
|
}
|
|
1766
1852
|
|
|
1853
|
+
.md\\:self-center {
|
|
1854
|
+
align-self: center;
|
|
1855
|
+
}
|
|
1856
|
+
|
|
1767
1857
|
.md\\:rounded {
|
|
1768
1858
|
border-radius: 0.25rem;
|
|
1769
1859
|
}
|
|
@@ -1841,6 +1931,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1841
1931
|
text-align: left;
|
|
1842
1932
|
}
|
|
1843
1933
|
|
|
1934
|
+
.md\\:text-2xl {
|
|
1935
|
+
font-size: 1.5rem;
|
|
1936
|
+
line-height: 2rem;
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1844
1939
|
.md\\:text-base {
|
|
1845
1940
|
font-size: 1rem;
|
|
1846
1941
|
line-height: 1.5rem;
|
|
@@ -1913,14 +2008,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1913
2008
|
display: block;
|
|
1914
2009
|
}
|
|
1915
2010
|
|
|
1916
|
-
.lg\\:flex {
|
|
1917
|
-
display: flex;
|
|
1918
|
-
}
|
|
1919
|
-
|
|
1920
|
-
.lg\\:hidden {
|
|
1921
|
-
display: none;
|
|
1922
|
-
}
|
|
1923
|
-
|
|
1924
2011
|
.lg\\:min-h-\\[220px\\] {
|
|
1925
2012
|
min-height: 220px;
|
|
1926
2013
|
}
|
|
@@ -1929,6 +2016,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1929
2016
|
width: 410px;
|
|
1930
2017
|
}
|
|
1931
2018
|
|
|
2019
|
+
.lg\\:max-w-7xl {
|
|
2020
|
+
max-width: 80rem;
|
|
2021
|
+
}
|
|
2022
|
+
|
|
1932
2023
|
.lg\\:grid-cols-12 {
|
|
1933
2024
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
1934
2025
|
}
|
|
@@ -1993,4 +2084,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1993
2084
|
padding-bottom: 1.5rem;
|
|
1994
2085
|
}
|
|
1995
2086
|
}
|
|
2087
|
+
|
|
2088
|
+
@media (min-width: 1280px) {
|
|
2089
|
+
.xl\\:px-0 {
|
|
2090
|
+
padding-left: 0px;
|
|
2091
|
+
padding-right: 0px;
|
|
2092
|
+
}
|
|
2093
|
+
}
|
|
1996
2094
|
`
|