@phatvu/web-component-poc 1.0.2 → 1.0.4

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-D7_MJBO8.js';
-export { s as setNonce } from './index-D7_MJBO8.js';
+import { b as bootstrapLazy } from './index-Dk5CvWmb.js';
+export { s as setNonce } from './index-Dk5CvWmb.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["fast-button_2",[[769,"fast-button",{"variant":[1],"type":[1],"disabled":[4]}],[512,"jobs-list-only-ui",{"mockData":[4,"mock-data"],"jobs":[1],"loading":[4],"totalJob":[2,"total-job"],"noResultsLine1":[1,"no-results-line-1"],"noResultsLine2":[1,"no-results-line-2"],"applyButtonText":[1,"apply-button-text"],"showBrand":[4,"show-brand"],"showReference":[4,"show-reference"],"showEmploymentType":[4,"show-employment-type"],"streetFormat":[1,"street-format"],"multiLocationText":[1,"multi-location-text"],"remoteLocationText":[1,"remote-location-text"],"enableKilometers":[4,"enable-kilometers"],"rootClass":[1,"root-class"],"showSuggestions":[4,"show-suggestions"],"clearResultSuggestionsTitleText":[1,"clear-result-suggestions-title-text"],"clearResultSuggestionsLine1":[1,"clear-result-suggestions-line-1"],"clearResultSuggestionsLine2":[1,"clear-result-suggestions-line-2"],"clearResultSuggestionsLine3":[1,"clear-result-suggestions-line-3"],"clearResultSuggestionsLine4":[1,"clear-result-suggestions-line-4"]}]]],["fast-carousel",[[769,"fast-carousel",{"items":[1],"loop":[4],"class":[1],"controlClass":[1,"control-class"],"slideClass":[1,"slide-class"],"itemClass":[1,"item-class"],"scrollPrev":[64],"scrollNext":[64],"goToSlide":[64],"getEmbla":[64]}]]]], options);
+  return bootstrapLazy([["fast-button_4",[[512,"jobs-list-only",{"mockData":[4,"mock-data"],"jobs":[1],"loading":[4],"totalJob":[2,"total-job"],"noResultsLine1":[1,"no-results-line-1"],"noResultsLine2":[1,"no-results-line-2"],"applyButtonText":[1,"apply-button-text"],"showBrand":[4,"show-brand"],"showReference":[4,"show-reference"],"showEmploymentType":[4,"show-employment-type"],"streetFormat":[1,"street-format"],"multiLocationText":[1,"multi-location-text"],"remoteLocationText":[1,"remote-location-text"],"enableKilometers":[4,"enable-kilometers"],"rootClass":[1,"root-class"],"showSuggestions":[4,"show-suggestions"],"clearResultSuggestionsTitleText":[1,"clear-result-suggestions-title-text"],"clearResultSuggestionsLine1":[1,"clear-result-suggestions-line-1"],"clearResultSuggestionsLine2":[1,"clear-result-suggestions-line-2"],"clearResultSuggestionsLine3":[1,"clear-result-suggestions-line-3"],"clearResultSuggestionsLine4":[1,"clear-result-suggestions-line-4"]}],[772,"fast-button",{"variant":[1],"type":[1],"disabled":[4]}],[772,"fast-carousel",{"items":[1],"loop":[4],"class":[1],"controlClass":[1,"control-class"],"slideClass":[1,"slide-class"],"itemClass":[1,"item-class"],"scrollPrev":[64],"scrollNext":[64],"goToSlide":[64],"getEmbla":[64]}],[512,"jobs-item",{"job":[16],"index":[2],"applyButtonText":[1,"apply-button-text"],"showBrand":[4,"show-brand"],"showReference":[4,"show-reference"],"showEmploymentType":[4,"show-employment-type"],"multiLocationText":[1,"multi-location-text"],"remoteLocationText":[1,"remote-location-text"],"enableKilometers":[4,"enable-kilometers"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/web-component-poc.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-D7_MJBO8.js';
-export { s as setNonce } from './index-D7_MJBO8.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-Dk5CvWmb.js';
+export { s as setNonce } from './index-Dk5CvWmb.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["fast-button_2",[[769,"fast-button",{"variant":[1],"type":[1],"disabled":[4]}],[512,"jobs-list-only-ui",{"mockData":[4,"mock-data"],"jobs":[1],"loading":[4],"totalJob":[2,"total-job"],"noResultsLine1":[1,"no-results-line-1"],"noResultsLine2":[1,"no-results-line-2"],"applyButtonText":[1,"apply-button-text"],"showBrand":[4,"show-brand"],"showReference":[4,"show-reference"],"showEmploymentType":[4,"show-employment-type"],"streetFormat":[1,"street-format"],"multiLocationText":[1,"multi-location-text"],"remoteLocationText":[1,"remote-location-text"],"enableKilometers":[4,"enable-kilometers"],"rootClass":[1,"root-class"],"showSuggestions":[4,"show-suggestions"],"clearResultSuggestionsTitleText":[1,"clear-result-suggestions-title-text"],"clearResultSuggestionsLine1":[1,"clear-result-suggestions-line-1"],"clearResultSuggestionsLine2":[1,"clear-result-suggestions-line-2"],"clearResultSuggestionsLine3":[1,"clear-result-suggestions-line-3"],"clearResultSuggestionsLine4":[1,"clear-result-suggestions-line-4"]}]]],["fast-carousel",[[769,"fast-carousel",{"items":[1],"loop":[4],"class":[1],"controlClass":[1,"control-class"],"slideClass":[1,"slide-class"],"itemClass":[1,"item-class"],"scrollPrev":[64],"scrollNext":[64],"goToSlide":[64],"getEmbla":[64]}]]]], options);
+  return bootstrapLazy([["fast-button_4",[[512,"jobs-list-only",{"mockData":[4,"mock-data"],"jobs":[1],"loading":[4],"totalJob":[2,"total-job"],"noResultsLine1":[1,"no-results-line-1"],"noResultsLine2":[1,"no-results-line-2"],"applyButtonText":[1,"apply-button-text"],"showBrand":[4,"show-brand"],"showReference":[4,"show-reference"],"showEmploymentType":[4,"show-employment-type"],"streetFormat":[1,"street-format"],"multiLocationText":[1,"multi-location-text"],"remoteLocationText":[1,"remote-location-text"],"enableKilometers":[4,"enable-kilometers"],"rootClass":[1,"root-class"],"showSuggestions":[4,"show-suggestions"],"clearResultSuggestionsTitleText":[1,"clear-result-suggestions-title-text"],"clearResultSuggestionsLine1":[1,"clear-result-suggestions-line-1"],"clearResultSuggestionsLine2":[1,"clear-result-suggestions-line-2"],"clearResultSuggestionsLine3":[1,"clear-result-suggestions-line-3"],"clearResultSuggestionsLine4":[1,"clear-result-suggestions-line-4"]}],[772,"fast-button",{"variant":[1],"type":[1],"disabled":[4]}],[772,"fast-carousel",{"items":[1],"loop":[4],"class":[1],"controlClass":[1,"control-class"],"slideClass":[1,"slide-class"],"itemClass":[1,"item-class"],"scrollPrev":[64],"scrollNext":[64],"goToSlide":[64],"getEmbla":[64]}],[512,"jobs-item",{"job":[16],"index":[2],"applyButtonText":[1,"apply-button-text"],"showBrand":[4,"show-brand"],"showReference":[4,"show-reference"],"showEmploymentType":[4,"show-employment-type"],"multiLocationText":[1,"multi-location-text"],"remoteLocationText":[1,"remote-location-text"],"enableKilometers":[4,"enable-kilometers"]}]]]], options);
 });

package/dist/types/components/jobs-item/jobs-item.d.ts

@@ -0,0 +1,14 @@
+import type { JobSummary } from '../../types/jobs-list';
+export declare class JobsItem {
+    job: JobSummary;
+    index: number;
+    applyButtonText: string;
+    showBrand: boolean;
+    showReference: boolean;
+    showEmploymentType: boolean;
+    multiLocationText: string;
+    remoteLocationText: string;
+    enableKilometers: boolean;
+    private formatDistance;
+    render(): any;
+}

package/dist/types/components/{jobs-list-only-ui/jobs-list-only-ui.d.ts → jobs-list-only/jobs-list-only.d.ts}

@@ -1,5 +1,5 @@
 import type { JobSummary } from '../../types/jobs-list';
-export declare class JobsListOnlyUI {
+export declare class JobsListOnly {
     /**
      * When "true", use built-in mock data (for local/dev/docs). Otherwise use `jobs` from API/parent.
      */
@@ -29,7 +29,6 @@ export declare class JobsListOnlyUI {
     clearResultSuggestionsLine3: string;
     clearResultSuggestionsLine4: string;
     private getJobsArray;
-    private formatDistance;
     private renderJobItem;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -70,7 +70,42 @@ export namespace Components {
          */
         "slideClass": string;
     }
-    interface JobsListOnlyUi {
+    interface JobsItem {
+        /**
+          * @default 'Apply Now'
+         */
+        "applyButtonText": string;
+        /**
+          * @default false
+         */
+        "enableKilometers": boolean;
+        /**
+          * @default 0
+         */
+        "index": number;
+        "job": JobSummary;
+        /**
+          * @default 'More locations'
+         */
+        "multiLocationText": string;
+        /**
+          * @default 'Remote'
+         */
+        "remoteLocationText": string;
+        /**
+          * @default true
+         */
+        "showBrand": boolean;
+        /**
+          * @default true
+         */
+        "showEmploymentType": boolean;
+        /**
+          * @default false
+         */
+        "showReference": boolean;
+    }
+    interface JobsListOnly {
         /**
           * @default 'Apply Now'
          */
@@ -190,16 +225,23 @@ declare global {
         prototype: HTMLFastCarouselElement;
         new (): HTMLFastCarouselElement;
     };
-    interface HTMLJobsListOnlyUiElement extends Components.JobsListOnlyUi, HTMLStencilElement {
+    interface HTMLJobsItemElement extends Components.JobsItem, HTMLStencilElement {
     }
-    var HTMLJobsListOnlyUiElement: {
-        prototype: HTMLJobsListOnlyUiElement;
-        new (): HTMLJobsListOnlyUiElement;
+    var HTMLJobsItemElement: {
+        prototype: HTMLJobsItemElement;
+        new (): HTMLJobsItemElement;
+    };
+    interface HTMLJobsListOnlyElement extends Components.JobsListOnly, HTMLStencilElement {
+    }
+    var HTMLJobsListOnlyElement: {
+        prototype: HTMLJobsListOnlyElement;
+        new (): HTMLJobsListOnlyElement;
     };
     interface HTMLElementTagNameMap {
         "fast-button": HTMLFastButtonElement;
         "fast-carousel": HTMLFastCarouselElement;
-        "jobs-list-only-ui": HTMLJobsListOnlyUiElement;
+        "jobs-item": HTMLJobsItemElement;
+        "jobs-list-only": HTMLJobsListOnlyElement;
     }
 }
 declare namespace LocalJSX {
@@ -251,7 +293,42 @@ declare namespace LocalJSX {
          */
         "slideClass"?: string;
     }
-    interface JobsListOnlyUi {
+    interface JobsItem {
+        /**
+          * @default 'Apply Now'
+         */
+        "applyButtonText"?: string;
+        /**
+          * @default false
+         */
+        "enableKilometers"?: boolean;
+        /**
+          * @default 0
+         */
+        "index"?: number;
+        "job"?: JobSummary;
+        /**
+          * @default 'More locations'
+         */
+        "multiLocationText"?: string;
+        /**
+          * @default 'Remote'
+         */
+        "remoteLocationText"?: string;
+        /**
+          * @default true
+         */
+        "showBrand"?: boolean;
+        /**
+          * @default true
+         */
+        "showEmploymentType"?: boolean;
+        /**
+          * @default false
+         */
+        "showReference"?: boolean;
+    }
+    interface JobsListOnly {
         /**
           * @default 'Apply Now'
          */
@@ -356,7 +433,17 @@ declare namespace LocalJSX {
         "slideClass": string;
         "itemClass": string;
     }
-    interface JobsListOnlyUiAttributes {
+    interface JobsItemAttributes {
+        "index": number;
+        "applyButtonText": string;
+        "showBrand": boolean;
+        "showReference": boolean;
+        "showEmploymentType": boolean;
+        "multiLocationText": string;
+        "remoteLocationText": string;
+        "enableKilometers": boolean;
+    }
+    interface JobsListOnlyAttributes {
         "mockData": boolean;
         "jobs": JobSummary[] | string;
         "loading": boolean;
@@ -383,7 +470,8 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "fast-button": Omit<FastButton, keyof FastButtonAttributes> & { [K in keyof FastButton & keyof FastButtonAttributes]?: FastButton[K] } & { [K in keyof FastButton & keyof FastButtonAttributes as `attr:${K}`]?: FastButtonAttributes[K] } & { [K in keyof FastButton & keyof FastButtonAttributes as `prop:${K}`]?: FastButton[K] };
         "fast-carousel": Omit<FastCarousel, keyof FastCarouselAttributes> & { [K in keyof FastCarousel & keyof FastCarouselAttributes]?: FastCarousel[K] } & { [K in keyof FastCarousel & keyof FastCarouselAttributes as `attr:${K}`]?: FastCarouselAttributes[K] } & { [K in keyof FastCarousel & keyof FastCarouselAttributes as `prop:${K}`]?: FastCarousel[K] };
-        "jobs-list-only-ui": Omit<JobsListOnlyUi, keyof JobsListOnlyUiAttributes> & { [K in keyof JobsListOnlyUi & keyof JobsListOnlyUiAttributes]?: JobsListOnlyUi[K] } & { [K in keyof JobsListOnlyUi & keyof JobsListOnlyUiAttributes as `attr:${K}`]?: JobsListOnlyUiAttributes[K] } & { [K in keyof JobsListOnlyUi & keyof JobsListOnlyUiAttributes as `prop:${K}`]?: JobsListOnlyUi[K] };
+        "jobs-item": Omit<JobsItem, keyof JobsItemAttributes> & { [K in keyof JobsItem & keyof JobsItemAttributes]?: JobsItem[K] } & { [K in keyof JobsItem & keyof JobsItemAttributes as `attr:${K}`]?: JobsItemAttributes[K] } & { [K in keyof JobsItem & keyof JobsItemAttributes as `prop:${K}`]?: JobsItem[K] };
+        "jobs-list-only": Omit<JobsListOnly, keyof JobsListOnlyAttributes> & { [K in keyof JobsListOnly & keyof JobsListOnlyAttributes]?: JobsListOnly[K] } & { [K in keyof JobsListOnly & keyof JobsListOnlyAttributes as `attr:${K}`]?: JobsListOnlyAttributes[K] } & { [K in keyof JobsListOnly & keyof JobsListOnlyAttributes as `prop:${K}`]?: JobsListOnly[K] };
     }
 }
 export { LocalJSX as JSX };
@@ -392,7 +480,8 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "fast-button": LocalJSX.IntrinsicElements["fast-button"] & JSXBase.HTMLAttributes<HTMLFastButtonElement>;
             "fast-carousel": LocalJSX.IntrinsicElements["fast-carousel"] & JSXBase.HTMLAttributes<HTMLFastCarouselElement>;
-            "jobs-list-only-ui": LocalJSX.IntrinsicElements["jobs-list-only-ui"] & JSXBase.HTMLAttributes<HTMLJobsListOnlyUiElement>;
+            "jobs-item": LocalJSX.IntrinsicElements["jobs-item"] & JSXBase.HTMLAttributes<HTMLJobsItemElement>;
+            "jobs-list-only": LocalJSX.IntrinsicElements["jobs-list-only"] & JSXBase.HTMLAttributes<HTMLJobsListOnlyElement>;
         }
     }
 }

package/dist/types/types/jobs-list.d.ts

@@ -1,5 +1,5 @@
 /**
- * Minimal job shape for jobs-list-only-ui presentation.
+ * Minimal job shape for jobs-list-only presentation.
  * Compatible with IJob from career-sites-renderer for React integration.
  */
 export interface JobLocationSummary {
@@ -33,7 +33,7 @@ export interface JobSummary {
     jobCardExtraFields?: JobCardExtraFieldSummary[];
     [key: string]: unknown;
 }
-export interface JobsListOnlyUIProps {
+export interface JobsListOnlyProps {
     jobs?: JobSummary[];
     loading?: boolean;
     totalJob?: number;