adp-web-components 0.0.11

package/loader/cdn.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "shift-components-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "adp-web-components",
+  "version": "0.0.11",
+  "description": "ADP Platform Web Components",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/shift-components/shift-components.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/shift-components/shift-components.esm.js",
+      "require": "./dist/shift-components/shift-components.cjs.js"
+    },
+    "./my-component": {
+      "import": "./dist/components/my-component.js",
+      "types": "./dist/components/my-component.d.ts"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "types": "./loader/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ShiftSoftware/adp-web-components"
+  },
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build -- --prod",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "^5.1.1",
+    "@stencil/core": "^4.7.0",
+    "@stencil/postcss": "^2.1.0",
+    "@stencil/sass": "^2.0.0",
+    "@types/node": "^22.10.0",
+    "autoprefixer": "^10.4.13",
+    "cssnano": "^5.1.14",
+    "stencil-tailwind-plugin": "^1.8.0",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^5.7.2"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.5",
+    "yup": "^1.5.0"
+  }
+}

package/readme.md

@@ -0,0 +1,104 @@
+<img src="./docs/shift-software.png" alt="By Shift software" style="max-width: 333px;">
+
+<br>
+<br>
+<br>
+
+_Built by [Shift Software](https://shift.software/)_
+
+# ADP Web Components
+
+The **ADP Web Components** project provides reusable web components designed to enhance the functionality of web applications for ADP Platform. ensuring the components are lightweight, efficient, and compatible with various frameworks and environments. The components can be used **standalone** or as part of a **bundle** and are designed to integrate seamlessly into any web project.
+
+<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/)_