@kompasid/lit-web-components 0.9.48 → 0.9.50

package/dist/src/components/kompasid-paywall-modal-register/types.d.ts

@@ -0,0 +1,33 @@
+export interface CardRegister {
+    labelPackage: string;
+    textInvitation: string;
+    isButtonSolid: boolean;
+    textButton: string;
+}
+export interface hotline {
+    text: string;
+    url: string;
+}
+export interface sectionRegister {
+    title: string;
+    description: string;
+}
+export interface popUpRegister {
+    logo: string;
+    benefits: string[];
+    sectionRegister: sectionRegister;
+    hotline: hotline;
+}
+export interface popUpSuccess {
+    logo: string;
+    title: string;
+    description: string;
+}
+export interface PopUp {
+    registerPopUp: popUpRegister;
+    successPopUp: popUpSuccess;
+}
+export interface ModalRegister {
+    card: CardRegister;
+    modal: PopUp;
+}

package/dist/src/components/kompasid-paywall-modal-register/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/components/kompasid-paywall-modal-register/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/kompasid-paywall-modal-register/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CardRegister {\n  labelPackage: string\n  textInvitation: string\n  isButtonSolid: boolean\n  textButton: string\n}\n\nexport interface hotline {\n  text: string\n  url: string\n}\n\nexport interface sectionRegister {\n  title: string\n  description: string\n}\n\nexport interface popUpRegister {\n  logo: string\n  benefits: string[]\n  sectionRegister: sectionRegister\n  hotline: hotline\n}\n\nexport interface popUpSuccess {\n  logo: string\n  title: string\n  description: string\n}\n\nexport interface PopUp {\n  registerPopUp: popUpRegister\n  successPopUp: popUpSuccess\n}\n\nexport interface ModalRegister {\n  card: CardRegister\n  modal: PopUp\n}\n"]}

package/dist/src/index.d.ts

@@ -11,6 +11,7 @@ export { KompasHeaderAccount } from './components/kompasid-header-account/Kompas
 export { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js';
 export { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js';
 export { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js';
+export { KompasPaywallModalRegister } from './components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js';
 declare global {
     interface Window {
         gtag: (...args: any[]) => void;

package/dist/src/index.js

@@ -11,4 +11,5 @@ export { KompasHeaderAccount } from './components/kompasid-header-account/Kompas
 export { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js';
 export { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js';
 export { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js';
+export { KompasPaywallModalRegister } from './components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAC5F,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAA;AAC5I,OAAO,EAAE,8BAA8B,EAAE,MAAM,oFAAoF,CAAA;AACnI,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,uEAAuE,CAAA;AAChH,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAA;AAC3F,OAAO,EAAE,+BAA+B,EAAE,MAAM,sFAAsF,CAAA","sourcesContent":["export { KompasMenuSideBar } from './components/kompasid-menu-side-bar/KompasMenuSideBar.js'\nexport { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js'\nexport { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js'\nexport { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\nexport { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js'\nexport { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js'\nexport { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js'\n\ndeclare global {\n  interface Window {\n    gtag: (...args: any[]) => void\n    dataLayer: Record<string, any>\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAC5F,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAA;AAC5I,OAAO,EAAE,8BAA8B,EAAE,MAAM,oFAAoF,CAAA;AACnI,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,uEAAuE,CAAA;AAChH,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAA;AAC3F,OAAO,EAAE,+BAA+B,EAAE,MAAM,sFAAsF,CAAA;AACtI,OAAO,EAAE,0BAA0B,EAAE,MAAM,4EAA4E,CAAA","sourcesContent":["export { KompasMenuSideBar } from './components/kompasid-menu-side-bar/KompasMenuSideBar.js'\nexport { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js'\nexport { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js'\nexport { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\nexport { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js'\nexport { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js'\nexport { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js'\nexport { KompasPaywallModalRegister } from './components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js'\n\ndeclare global {\n  interface Window {\n    gtag: (...args: any[]) => void\n    dataLayer: Record<string, any>\n  }\n}\n"]}

package/dist/tailwind/tailwind.js

@@ -592,6 +592,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     bottom: -1.5rem;
   }
 
+  .-right-\\[5\\%\\] {
+    right: -5%;
+  }
+
   .-top-1\\.5 {
     top: -0.375rem;
   }
@@ -600,6 +604,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     top: -0.5rem;
   }
 
+  .-top-\\[11px\\] {
+    top: -11px;
+  }
+
   .-top-\\[12px\\] {
     top: -12px;
   }
@@ -620,6 +628,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     left: 1rem;
   }
 
+  .left-\\[80\\%\\] {
+    left: 80%;
+  }
+
   .right-0 {
     right: 0px;
   }
@@ -636,6 +648,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     top: 1rem;
   }
 
+  .top-full {
+    top: 100%;
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -737,6 +753,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: -1.75rem;
   }
 
+  .-mt-\\[72px\\] {
+    margin-top: -72px;
+  }
+
   .mb-0 {
     margin-bottom: 0px;
   }
@@ -849,6 +869,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 1.25rem;
   }
 
+  .mt-6 {
+    margin-top: 1.5rem;
+  }
+
   .mt-8 {
     margin-top: 2rem;
   }
@@ -962,6 +986,23 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-height: 116px;
   }
 
+  .max-h-\\[150px\\] {
+    max-height: 150px;
+  }
+
+  .max-h-\\[577px\\] {
+    max-height: 577px;
+  }
+
+  .max-h-fit {
+    max-height: -moz-fit-content;
+    max-height: fit-content;
+  }
+
+  .max-h-full {
+    max-height: 100%;
+  }
+
   .min-h-\\[68px\\] {
     min-height: 68px;
   }
@@ -1095,6 +1136,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
+  .w-max {
+    width: -moz-max-content;
+    width: max-content;
+  }
+
   .w-screen {
     width: 100vw;
   }
@@ -1115,6 +1161,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 1200px;
   }
 
+  .max-w-\\[190px\\] {
+    max-width: 190px;
+  }
+
+  .max-w-\\[214px\\] {
+    max-width: 214px;
+  }
+
+  .max-w-\\[242px\\] {
+    max-width: 242px;
+  }
+
+  .max-w-\\[300px\\] {
+    max-width: 300px;
+  }
+
   .max-w-\\[460px\\] {
     max-width: 460px;
   }
@@ -1123,6 +1185,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 492px;
   }
 
+  .max-w-\\[624px\\] {
+    max-width: 624px;
+  }
+
   .max-w-screen-md {
     max-width: 768px;
   }
@@ -1188,6 +1254,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     cursor: pointer;
   }
 
+  .select-none {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+
   .snap-x {
     scroll-snap-type: x var(--tw-scroll-snap-strictness);
   }
@@ -1253,6 +1325,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     align-items: flex-start;
   }
 
+  .items-end {
+    align-items: flex-end;
+  }
+
   .items-center {
     align-items: center;
   }
@@ -1353,6 +1429,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     align-self: center;
   }
 
+  .overflow-auto {
+    overflow: auto;
+  }
+
+  .overflow-hidden {
+    overflow: hidden;
+  }
+
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1496,6 +1580,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
   }
 
+  .border-grey-500 {
+    --tw-border-opacity: 1;
+    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
+  }
+
   .border-white {
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -1520,6 +1609,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(215 25 32 / var(--tw-bg-opacity, 1));
   }
 
+  .bg-\\[\\#FFF8D6\\] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 248 214 / var(--tw-bg-opacity, 1));
+  }
+
   .bg-\\[\\#FFFFFF\\] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1635,6 +1729,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 220 63 / var(--tw-bg-opacity, 1));
   }
 
+  .bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(219 170 0 / var(--tw-bg-opacity, 1));
+  }
+
   .bg-opacity-75 {
     --tw-bg-opacity: 0.75;
   }
@@ -1961,6 +2060,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     line-height: 1.25rem;
   }
 
+  .leading-6 {
+    line-height: 1.5rem;
+  }
+
   .leading-\\[150\\%\\] {
     line-height: 150%;
   }
@@ -2007,6 +2110,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(102 102 102 / var(--tw-text-opacity, 1));
   }
 
+  .text-\\[\\#F57A7A\\] {
+    --tw-text-opacity: 1;
+    color: rgb(245 122 122 / var(--tw-text-opacity, 1));
+  }
+
   .text-\\[\\#FFFFFF\\] {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2077,6 +2185,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(244 244 244 / var(--tw-text-opacity, 1));
   }
 
+  .text-grey-200 {
+    --tw-text-opacity: 1;
+    color: rgb(238 238 238 / var(--tw-text-opacity, 1));
+  }
+
   .text-grey-300 {
     --tw-text-opacity: 1;
     color: rgb(221 221 221 / var(--tw-text-opacity, 1));
@@ -2127,6 +2240,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
 
+  .text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgb(122 87 0 / var(--tw-text-opacity, 1));
+  }
+
   .underline {
     text-decoration-line: underline;
   }
@@ -2212,6 +2330,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     outline-offset: 2px;
   }
 
+  .group:hover .group-hover\\:block {
+    display: block;
+  }
+
   @media (min-width: 640px) {
     .sm\\:block {
       display: block;
@@ -2283,6 +2405,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-right: 1.5rem;
     }
 
+    .md\\:mt-10 {
+      margin-top: 2.5rem;
+    }
+
     .md\\:mt-2 {
       margin-top: 0.5rem;
     }
@@ -2323,10 +2449,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       height: 1.25rem;
     }
 
+    .md\\:h-6 {
+      height: 1.5rem;
+    }
+
     .md\\:max-h-\\[220px\\] {
       max-height: 220px;
     }
 
+    .md\\:max-h-fit {
+      max-height: -moz-fit-content;
+      max-height: fit-content;
+    }
+
     .md\\:min-h-\\[244px\\] {
       min-height: 244px;
     }
@@ -2359,6 +2494,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 13rem;
     }
 
+    .md\\:w-6 {
+      width: 1.5rem;
+    }
+
     .md\\:w-\\[350px\\] {
       width: 350px;
     }
@@ -2395,6 +2534,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 200px;
     }
 
+    .md\\:max-w-\\[321px\\] {
+      max-width: 321px;
+    }
+
     .md\\:max-w-\\[492px\\] {
       max-width: 492px;
     }
@@ -2491,6 +2634,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       border-radius: 0.5rem;
     }
 
+    .md\\:p-10 {
+      padding: 2.5rem;
+    }
+
+    .md\\:p-16 {
+      padding: 4rem;
+    }
+
     .md\\:p-5 {
       padding: 1.25rem;
     }
@@ -2535,6 +2686,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 0.375rem;
     }
 
+    .md\\:py-16 {
+      padding-top: 4rem;
+      padding-bottom: 4rem;
+    }
+
     .md\\:py-2 {
       padding-top: 0.5rem;
       padding-bottom: 0.5rem;
@@ -2691,6 +2847,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-height: none;
     }
 
+    .lg\\:max-h-fit {
+      max-height: -moz-fit-content;
+      max-height: fit-content;
+    }
+
     .lg\\:min-h-\\[220px\\] {
       min-height: 220px;
     }
@@ -2723,6 +2884,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 80rem;
     }
 
+    .lg\\:max-w-\\[515px\\] {
+      max-width: 515px;
+    }
+
     .lg\\:grid-cols-12 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }