adp-web-components 0.0.13 → 0.0.16

package/readme.md

@@ -1,4 +1,4 @@
-<img src="./docs/shift-software.png" alt="By Shift software" style="max-width: 333px;">
+<img src="./documentation/shift-software.png" alt="By Shift software" style="max-width: 333px;">
 
 <br>
 <br>
@@ -12,93 +12,4 @@ The **ADP Web Components** project provides reusable web components designed to
 
 <br>
 
-## Table of Contents
-
-- [Stand Alone Installation (Lazy loading) (Recommended)](#stand-alone-installation)
-- [Bundle Installation](#bundle-installation)
-- [Components List](#components-list)
-
-## Stand Alone Installation
-
-<div style="border: 1px solid red;border-radius:5px; padding: 10px;font-size: 18px;">
-  <b style="color:red;">⚠️ Important:</b> You must use the <b>document.addEventListener('DOMContentLoaded',()=>{})</b> event listener when using standalone components. Because stand alone importing are <b>lazy loaded</b>
-</div>
-
-<br>
-
-```javascript
-document.addEventListener('DOMContentLoaded', () => {});
-```
-
-always up-to-date version:
-
-```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/adp-web-components@latest/dist/components/dynamic-claim.js"></script>
-```
-
-current version version:
-
-```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/adp-web-components@0.0.6/dist/components/dynamic-claim.js"></script>
-```
-
-This will give you access to single component which you imported from the ADP Web Components library.
-
-#### Example Usage
-
-Full Code [here](./docs/stand-alone-example.html)
-
-```html
-<dynamic-claim is-dev="true" base-url="http://localhost:7174/api/secure-vehicle-lookup-test/" id="dynamic-claim"></dynamic-claim>
-
-<script>
-   document.addEventListener('DOMContentLoaded', () => {
-     const dynamicClaim = document.getElementById('dynamic-claim');
-
-     ...
-  });
-</script>
-```
-
-## Bundle Installation
-
-To use the entire component bundle, include the following script in your HTML:
-
-always up-to-date version:
-
-```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/adp-web-components@latest/dist/shift-components/shift-components.esm.js"></script>
-```
-
-current version version:
-
-```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/adp-web-components@0.0.6/dist/shift-components/shift-components.esm.js"></script>
-```
-
-This will give you access to all components in the ADP Web Components library.
-
-#### Example Usage
-
-Full Code [here](./docs/bundle-example.html)
-
-```html
-<dynamic-redeem id="dynamic-redeem"></dynamic-redeem>
-<dynamic-claim is-dev="true" base-url="http://localhost:7174/api/secure-vehicle-lookup-test/" id="dynamic-claim"></dynamic-claim>
-
-<script>
-  const dynamicClaim = document.getElementById('dynamic-claim');
-  const dynamicRedeem = document.getElementById('dynamic-redeem');
-
-  ...
-</script>
-```
-
-## Components List
-
-This is the complete list of the components with their documentation:
-
-- [Dynamic Claim](./src/components/dynamic-claim/readme.md)
-- [Dynamic Redeem](./src/components/dynamic-redeem/readme.md)
-
-_Built by [Shift Software](https://shift.software/)_
+Full documentation is available at ./documentation and can be served using [MKDocs tool](https://www.mkdocs.org/).

package/dist/cjs/Loading-ee1a2ceb.js

@@ -1,16 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-const index = require('./index-d4b5214c.js');
-const loader = require('./loader-baf2418b.js');
-const cn = require('./cn-f559f9e5.js');
-
-function Loading({ isLoading }) {
-    return (index.h("div", { class: cn.cn('size-full transition-all z-50 duration-100 flex items-center justify-center pointer-events-none absolute ', { 'opacity-0': !isLoading }) },
-        index.h("img", { class: "animate-spin-2s size-[40px]", src: loader.loaderSvg })));
-}
-
-exports.Loading = Loading;

package/dist/cjs/app-globals-3813fb46.js

@@ -1,9 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-const globalScripts = () => {};
-
-exports.globalScripts = globalScripts;

package/dist/cjs/dynamic-claim.cjs.entry.js

@@ -1,306 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d4b5214c.js');
-const cn = require('./cn-f559f9e5.js');
-const vehicleInformation = require('./vehicleInformation-35c470fc.js');
-
-const expiredSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=';
-
-const pendingSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+';
-
-const cancelledSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4=';
-
-const processedSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==';
-
-const dynamicClaimCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px 50px 10px 10px;text-align:left;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.pl-10{padding-left:2.5rem}";
-const DynamicClaimStyle0 = dynamicClaimCss;
-
-let mockData = {};
-const icons = {
-    expired: expiredSvg,
-    pending: pendingSvg,
-    processed: processedSvg,
-    cancelled: cancelledSvg,
-};
-const DynamicClaim = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.pendingItemHighlighted = false;
-        this.onMouseLeave = () => {
-            clearTimeout(this.timeoutRef);
-            this.popupClasses = '';
-            this.timeoutRef = setTimeout(() => {
-                this.activePopupIndex = null;
-            }, 400);
-        };
-        this.onMouseEnter = (dynamicClaimItemHeader, idx) => {
-            clearTimeout(this.timeoutRef);
-            this.activePopupIndex = idx;
-            this.timeoutRef = setTimeout(() => {
-                const positionRef = dynamicClaimItemHeader.querySelector('.popup-position-ref');
-                this.popupPositionRef = positionRef;
-                this.calculatePopupPos(this.el.shadowRoot);
-                this.popupClasses = 'show';
-            }, 50);
-        };
-        this.baseUrl = undefined;
-        this.isDev = false;
-        this.queryString = '';
-        this.isIdle = true;
-        this.popupClasses = '';
-        this.externalVin = null;
-        this.activePopupIndex = null;
-        this.vehicleInformation = undefined;
-        this.errorMessage = null;
-        this.isLoading = false;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-    }
-    async componentDidLoad() {
-        this.dynamicClaimBody = this.el.shadowRoot.querySelector('.dynamic-claim-body');
-        this.dynamicRedeem = this.el.shadowRoot.getElementById('dynamic-redeem');
-        this.dynamicClaimProgressBar = this.el.shadowRoot.querySelector('.dynamic-claim-progress-bar');
-    }
-    async setMockData(newMockData) {
-        mockData = newMockData;
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.isIdle = true;
-                return;
-            }
-            this.isLoading = true;
-            this.isIdle = false;
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 1000);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('Wrong response format');
-                if (!Array.isArray(vehicleResponse.serviceItems))
-                    throw new Error('No Service Available');
-                this.vehicleInformation = vehicleResponse;
-            }
-            this.errorMessage = null;
-            this.isLoading = false;
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            this.isLoading = false;
-            this.vehicleInformation = null;
-            this.errorMessage = error.message;
-        }
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    onLoadingChange(newValue) {
-        if (this.loadingStateChange)
-            this.loadingStateChange(newValue);
-        this.setLoadingUi(newValue);
-    }
-    async setLoadingUi(isLoading) {
-        if (!isLoading) {
-            this.dynamicClaimProgressBar.style.width = '0';
-            await new Promise(r => setTimeout(r, 200));
-            this.updateProgressBar();
-        }
-    }
-    updateProgressBar() {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        if (serviceItems.filter(x => x.status === 'pending').length === 0) {
-            if (serviceItems.length === 0)
-                this.dynamicClaimProgressBar.style.width = '0%';
-            else
-                this.dynamicClaimProgressBar.style.width = '100%';
-            this.dynamicClaimBody.scrollTo({
-                left: this.dynamicClaimBody.scrollWidth,
-                behavior: 'smooth',
-            });
-        }
-        else {
-            const firstPendingItem = serviceItems.find(x => x.status === 'pending');
-            const firstPendingItemIndex = serviceItems.indexOf(firstPendingItem) + 1;
-            const firstPendingItemRef = this.dynamicClaimBody.getElementsByClassName('dynamic-claim-item')[firstPendingItemIndex - 1];
-            this.dynamicClaimProgressBar.style.width = (firstPendingItemIndex / serviceItems.length - 1 / (serviceItems.length * 2)) * 100 + '%';
-            this.dynamicClaimBody.scrollTo({
-                left: firstPendingItemRef.offsetLeft - firstPendingItemRef.clientWidth * 3,
-                behavior: 'smooth',
-            });
-        }
-    }
-    resetProgressBar() {
-        setTimeout(() => {
-            this.updateProgressBar();
-        }, 100);
-    }
-    windowScrollListener(newValue) {
-        if (newValue) {
-            this.scrollListenerRef = () => this.calculatePopupPos(this.el.shadowRoot);
-            window.addEventListener('scroll', this.scrollListenerRef);
-            this.dynamicClaimBody.addEventListener('scroll', this.scrollListenerRef);
-        }
-        else {
-            window.removeEventListener('scroll', this.scrollListenerRef);
-            this.dynamicClaimBody.removeEventListener('scroll', this.scrollListenerRef);
-        }
-    }
-    calculatePopupPos(root) {
-        const popupPositionRef = root.querySelector('.popup-position-ref');
-        let { x, y } = popupPositionRef.getBoundingClientRect();
-        const popupContainer = popupPositionRef.querySelector('.popup-container');
-        const { width } = popupContainer.getBoundingClientRect();
-        const popupInfo = popupContainer.querySelector('.dynamic-claim-item-popup-info');
-        const windowWidth = window.innerWidth; // Get the viewport's width
-        popupContainer.style.top = `${y}px`;
-        popupContainer.style.left = `${x - width / 2}px`;
-        const offsetFromLeft = x - width / 2; // Distance from left side of the viewport
-        const offsetFromRight = windowWidth - (x + width / 2); // Distance from right side of the viewport
-        let movingNeeded = 0;
-        let horizontalMargin = 16;
-        if (offsetFromRight < horizontalMargin)
-            movingNeeded = offsetFromRight - horizontalMargin;
-        else if (offsetFromLeft < horizontalMargin)
-            movingNeeded = Math.abs(offsetFromLeft - horizontalMargin);
-        popupInfo.style.transform = `translateX(${movingNeeded}px)`;
-    }
-    removeLoadAnimationClass(event) {
-        const component = event.target;
-        component.classList.remove('load-animation');
-    }
-    async completeClaim() {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const item = this.cachedClaimItem;
-        const serviceDataClone = JSON.parse(JSON.stringify(serviceItems));
-        const index = serviceItems.indexOf(item);
-        const pendingItemsBefore = serviceDataClone.slice(0, index).filter(x => x.status === 'pending');
-        serviceDataClone[index].status = 'processed';
-        pendingItemsBefore.forEach(function (otherItem) {
-            otherItem.status = 'cancelled';
-        });
-        this.pendingItemHighlighted = false;
-        const vehicleDataClone = JSON.parse(JSON.stringify(this.vehicleInformation));
-        vehicleDataClone.serviceItems = serviceDataClone;
-        this.vehicleInformation = JSON.parse(JSON.stringify(vehicleDataClone));
-    }
-    claim(item) {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const vinDataClone = JSON.parse(JSON.stringify(serviceItems));
-        const index = serviceItems.indexOf(item);
-        //Find other items before this item that have status 'pending'
-        let pendingItemsBefore = vinDataClone.slice(0, index).filter(x => x.status === 'pending');
-        this.cachedClaimItem = item;
-        if (item.maximumMileage === null) {
-            pendingItemsBefore = [];
-        }
-        this.onMouseLeave();
-        this.openRedeem(item, pendingItemsBefore);
-    }
-    async handleRedeemScanner() {
-        if (this.isDev) {
-            this.dynamicRedeem.handleScanner = async (_) => {
-                await new Promise(r => setTimeout(r, 500));
-                this.dynamicRedeem.quite();
-                this.completeClaim();
-                this.dynamicRedeem.handleScanner = null;
-            };
-        }
-        else {
-            this.dynamicRedeem.handleScanner = async (code) => {
-                try {
-                    const vehicleInformation = this.vehicleInformation;
-                    const payload = {
-                        vin: vehicleInformation.vin,
-                        brandIntegrationID: vehicleInformation.identifiers.brandIntegrationID,
-                        invoice: code,
-                        saleInformation: vehicleInformation.saleInformation,
-                        serviceItem: this.dynamicRedeem.item,
-                        cancelledServiceItems: this.dynamicRedeem.canceledItems,
-                    };
-                    const response = await fetch('/api/vehicle/swift-claim', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
-                        body: JSON.stringify(payload),
-                    });
-                    const data = await response.json();
-                    if (!data.Success) {
-                        alert(data.Message);
-                        this.dynamicRedeem.quite();
-                        this.dynamicRedeem.handleScanner = null;
-                        return;
-                    }
-                    this.dynamicRedeem.quite();
-                    this.completeClaim();
-                    this.dynamicRedeem.handleScanner = null;
-                }
-                catch (error) {
-                    console.error(error);
-                    alert('Request failed please try again later');
-                    this.dynamicRedeem.quite();
-                    this.dynamicRedeem.handleScanner = null;
-                }
-            };
-        }
-    }
-    openRedeem(item, oldItems) {
-        var _a, _b, _c, _d, _e;
-        const vehicleInformation = this.vehicleInformation;
-        this.dynamicRedeem.vin = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.vin;
-        this.dynamicRedeem.item = item;
-        this.dynamicRedeem.canceledItems = oldItems;
-        if (((_a = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
-            this.dynamicRedeem.unInvoicedByBrokerName = (_e = (_d = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _d === void 0 ? void 0 : _d.broker) === null || _e === void 0 ? void 0 : _e.brokerName;
-        else
-            this.dynamicRedeem.unInvoicedByBrokerName = null;
-        this.handleRedeemScanner();
-    }
-    createPopup(item) {
-        return (index.h("div", { class: "popup-position-ref" }, index.h("div", { class: "popup-container" }, index.h("div", { class: cn.cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), index.h("div", { class: cn.cn('dynamic-claim-item-popup-info', this.popupClasses) }, index.h("table", null, index.h("tbody", null, index.h("tr", null, index.h("th", null, "Service Type:"), index.h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), index.h("tr", null, index.h("th", null, "Activation Date"), index.h("td", null, item.activatedAt)), index.h("tr", null, index.h("th", null, "Expiry Date"), index.h("td", null, item.expiresAt)), index.h("tr", null, index.h("th", null, "Claimed At"), index.h("td", null, item.redeemDate)), index.h("tr", null, index.h("th", null, "Redeeming Dealer"), index.h("td", null, item.dealerName)), index.h("tr", null, index.h("th", null, "Invoice Number"), index.h("td", null, item.invoiceNumber)), index.h("tr", null, index.h("th", null, "WIP"), index.h("td", null, item.wip)), index.h("tr", null, index.h("th", null, "Menu Code"), index.h("td", null, item.menuCode)))), item.status === 'pending' && (index.h("button", { onClick: () => this.claim(item), class: "dynamic-claim-button claim-button" }, index.h("svg", { width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "stroke-width": "0" }), index.h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", null, index.h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), index.h("path", { d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), index.h("span", null, "Claim")))))));
-    }
-    render() {
-        var _a, _b;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        return (index.h(index.Host, { key: '15b709f7252b85f308c880576dd4f8ff6a7dc666' }, index.h("dynamic-redeem", { key: '71a57f4626d0f394c2293db5bfccaf477c5c3f1e', id: "dynamic-redeem" }), index.h("div", { key: '3e247cedd1e720c89a30af72f8c9758f7a5642fb', class: cn.cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, index.h("div", { key: 'd6aea716001e09c9ff3180889afc5daca008b130', class: "dynamic-claim-header" }, index.h("strong", { key: 'f9469ece92c4e189eed94a119d233787d78aa8b1', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && index.h("span", { key: 'b132706208c827613e967186ba98a1314d9aaf08', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), index.h("div", { key: '849960f27d5188e3ab088c5de8d0bebc25723829', class: "dynamic-claim-body" }, index.h("div", { key: 'bdbd37aa75a00973008634299d1768dcbe95843f', class: "loading-lane" }, index.h("div", { key: '6a17f141b034edbcd38b86979431c3ff26614d00', class: "dynamic-claim-loading-slider" }, index.h("div", { key: '34597a589f5dab07e60959ba09d39876901f2ee1', class: "dynamic-claim-loading-slider-line" }), index.h("div", { key: '4a2483d4997fff60631cd01302d272665e2d2736', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), index.h("div", { key: 'c05466961bfcfd2580f670c57178492f31729f52', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), index.h("div", { key: 'ac968ede27ec14df080f8c17758e071cfa272d2d', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
-            let statusClass = '';
-            if (item.status === 'pending') {
-                if (serviceItems.findIndex(i => i.status === 'pending') === idx)
-                    statusClass = item.status;
-            }
-            else
-                statusClass = item.status;
-            return (index.h("div", { key: item.name, class: cn.cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, index.h("img", { src: icons[item.status], alt: "status icon" }), index.h("span", null, item.status.charAt(0).toUpperCase() + item.status.slice(1)), this.activePopupIndex === idx && this.createPopup(item)), index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), index.h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), index.h("div", { key: '720ee8e73001f6c4304f9e0af8212e37fc69e74a', class: "dynamic-claim-progress-bar" }))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "isLoading": ["onLoadingChange"],
-        "vehicleInformation": ["resetProgressBar"],
-        "popupClasses": ["windowScrollListener"]
-    }; }
-};
-DynamicClaim.style = DynamicClaimStyle0;
-
-exports.dynamic_claim = DynamicClaim;

package/dist/cjs/image-expansion-a9c9c6f7.js

@@ -1,77 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==';
-
-function openImageViewer(context, target, imageSrc) {
-    if (context.expandedImage === imageSrc)
-        return;
-    context.originalImage = target;
-    const expandedImageRef = context.el.shadowRoot.getElementById('expanded-image');
-    expandedImageRef.src = target.src;
-    document.addEventListener('keydown', context.closeImageListener);
-    const rect = target.getBoundingClientRect();
-    document.body.style.overflow = 'hidden';
-    Object.assign(expandedImageRef.style, {
-        top: `${rect.top}px`,
-        pointerEvents: 'auto',
-        left: `${rect.left}px`,
-        transitionDuration: '0s',
-        width: `${rect.width}px`,
-        height: `${rect.height}px`,
-    });
-    setTimeout(() => {
-        const naturalWidth = target.naturalWidth;
-        const naturalHeight = target.naturalHeight;
-        const maxWidth = window.innerWidth - 160;
-        const maxHeight = window.innerHeight - 32;
-        const aspectRatio = naturalWidth / naturalHeight;
-        let width, height;
-        if (maxWidth / aspectRatio <= maxHeight) {
-            width = maxWidth;
-            height = maxWidth / aspectRatio;
-        }
-        else {
-            height = maxHeight;
-            width = maxHeight * aspectRatio;
-        }
-        expandedImageRef.style.transitionDuration = '0.3s';
-        Object.assign(expandedImageRef.style, {
-            opacity: '1',
-            width: `${width}px`,
-            height: `${height}px`,
-            top: `${(window.innerHeight - height) / 2}px`,
-            left: `${(window.innerWidth - width) / 2}px`,
-        });
-        context.expandedImage = imageSrc;
-    }, 200);
-}
-function closeImageViewer(context, event) {
-    if (event && event.key !== 'Escape')
-        return;
-    document.removeEventListener('keydown', context.closeImageListener);
-    const expandedImageRef = context.el.shadowRoot.getElementById('expanded-image');
-    const rect = context.originalImage.getBoundingClientRect();
-    Object.assign(expandedImageRef.style, {
-        top: `${rect.top}px`,
-        pointerEvents: 'none',
-        left: `${rect.left}px`,
-        width: `${rect.width}px`,
-        height: `${rect.height}px`,
-        transitionDuration: '0.3s',
-    });
-    setTimeout(() => {
-        expandedImageRef.src = '';
-        expandedImageRef.style.opacity = '0';
-        expandedImageRef.style.transitionDuration = '0s';
-    }, 300);
-    document.body.style.overflow = '';
-    context.expandedImage = null;
-}
-
-exports.closeImageViewer = closeImageViewer;
-exports.eyeSvg = eyeSvg;
-exports.openImageViewer = openImageViewer;