@phatvu/web-component-poc 1.0.1 → 1.0.3

package/dist/cjs/fast-button_2.cjs.entry.js

@@ -1,211 +0,0 @@
-'use strict';
-
-var index = require('./index-C756SOR-.js');
-
-const buttonCss = () => `:host{display:inline-block}.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;font-family:inherit;font-size:0.875rem;font-weight:500;line-height:1.25;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease}.custom-button:focus{outline:2px solid var(--custom-button-focus-ring, #2563eb);outline-offset:2px}.custom-button:focus:not(:focus-visible){outline:none}.custom-button--primary{background-color:var(--custom-button-primary-bg, #2563eb);color:var(--custom-button-primary-color, #fff)}.custom-button--primary:hover:not(.custom-button--disabled){background-color:var(--custom-button-primary-hover-bg, #1d4ed8)}.custom-button--primary:active:not(.custom-button--disabled){background-color:var(--custom-button-primary-active-bg, #1e40af)}.custom-button--secondary{background-color:var(--custom-button-secondary-bg, #e5e7eb);color:var(--custom-button-secondary-color, #1f2937)}.custom-button--secondary:hover:not(.custom-button--disabled){background-color:var(--custom-button-secondary-hover-bg, #d1d5db)}.custom-button--secondary:active:not(.custom-button--disabled){background-color:var(--custom-button-secondary-active-bg, #9ca3af)}.custom-button--text{background-color:transparent;color:var(--custom-button-text-color, #2563eb)}.custom-button--text:hover:not(.custom-button--disabled){background-color:var(--custom-button-text-hover-bg, rgba(37, 99, 235, 0.08))}.custom-button--text:active:not(.custom-button--disabled){background-color:var(--custom-button-text-active-bg, rgba(37, 99, 235, 0.12))}.custom-button--disabled,.custom-button:disabled{opacity:0.6;cursor:not-allowed}`;
-
-const CustomButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.buttonClick = index.createEvent(this, "buttonClick");
-    }
-    /**
-     * Visual variant of the button.
-     */
-    variant = 'primary';
-    /**
-     * Native button type (button or submit).
-     */
-    type = 'button';
-    /**
-     * When true, the button is disabled and does not emit events.
-     */
-    disabled = false;
-    /**
-     * Emitted when the button is clicked (not emitted when disabled).
-     */
-    buttonClick;
-    handleClick = (e) => {
-        if (this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        this.buttonClick.emit(e);
-    };
-    render() {
-        return (index.h("button", { key: 'b373f44e11e651d0371ce3cade98b4650ccdd727', type: this.type, class: {
-                'custom-button': true,
-                [`custom-button--${this.variant}`]: true,
-                'custom-button--disabled': this.disabled,
-            }, disabled: this.disabled, onClick: this.handleClick }, index.h("slot", { key: '2a046bc70af051c04f4549def87dac7044b41e04' })));
-    }
-};
-CustomButton.style = buttonCss();
-
-/**
- * Mock jobs for local development and docs.
- * Use in www or static HTML: jobs='...' (JSON.stringify(mockJobs)).
- */
-const mockJobsListOnly = [
-    {
-        title: 'Senior Software Engineer',
-        reference: 'REF-001',
-        originalURL: '/jobs/senior-software-engineer',
-        applyURL: 'https://apply.example.com/1',
-        brandName: 'Engineering',
-        isRemote: false,
-        locations: [
-            {
-                city: 'San Francisco',
-                stateAbbr: 'CA',
-                countryAbbr: 'US',
-                distance: 5.2,
-                streetAddress: '123 Market St',
-                cityStateAbbr: 'San Francisco, CA',
-            },
-        ],
-        employmentType: ['Full-time', 'Permanent'],
-    },
-    {
-        title: 'Product Manager',
-        reference: '',
-        originalURL: '/jobs/product-manager',
-        brandName: 'Product',
-        isRemote: true,
-        locations: [],
-        employmentType: ['Full-time'],
-    },
-    {
-        title: 'UX Designer',
-        reference: 'REF-003',
-        originalURL: '/jobs/ux-designer',
-        brandName: 'Design',
-        isRemote: false,
-        locations: [
-            {
-                city: 'New York',
-                stateAbbr: 'NY',
-                countryAbbr: 'US',
-                distance: 0,
-                cityStateAbbr: 'New York, NY',
-            },
-            {
-                city: 'Boston',
-                stateAbbr: 'MA',
-                countryAbbr: 'US',
-                cityStateAbbr: 'Boston, MA',
-            },
-        ],
-        employmentType: ['Full-time', 'Contract'],
-    },
-];
-
-const jobsListOnlyUiCss = () => `:host{display:block}.jobs-list-root{list-style:none}.results-container{position:relative}.loader{display:inline-block;width:24px;height:24px;border:2px solid #ddd;border-top-color:#1f9755;border-radius:50%;animation:jobs-list-spin 0.8s linear infinite}.loader.hide{display:none}@keyframes jobs-list-spin{to{transform:rotate(360deg)}}.card{border:0}.results-list{list-style:none;margin:0;padding:0;display:block}.results-list.front{margin:3px 0}.results-list__item{list-style:none;padding:10px 0;border-bottom:1px solid #ddd;margin:15px 0;display:inline-block;width:100%;position:relative}.results-list__item:last-child{border-bottom:none}.results-list__item-header{margin:10px 0;font-size:18px;font-weight:700;display:flex;flex-direction:column}.results-list__item-title{margin:0}.results-list__item-title--link{text-decoration:none;color:#1f9755}.results-list__item-title--link:hover{text-decoration:underline}.reference{margin-left:8px;font-size:0.9em;color:#666}.reference.empty{display:none}.remote{background:#f3f3f3;color:#808285;border-radius:100px;padding:6px 16px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:24px;margin-left:8px}.remote--empty{display:none}.results-list__item-distance{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:14px;font-weight:400}.results-list__item-distance--icon{display:inline-flex}.results-list__item-distance--icon svg{width:16px;height:16px}.results-list__item-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:8px}.results-list__item-info{flex:1}.results-list__item-street,.results-list__item-brand,.results-list__item-employment-type{margin:10px 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.results-list__item-street--empty,.results-list__item-brand--empty,.results-list__item-employment-type--empty{color:#999}.results-list__item-street--icon,.results-list__item-brand--icon,.results-list__item-employment-type--icon{margin-right:6px;display:inline-flex}.results-list__item-street--icon svg,.results-list__item-brand--icon svg,.results-list__item-employment-type--icon svg{width:16px;height:16px}.results-list__item-street--more-locations__wrapper{margin-left:8px}.results-list__item-street--amount{font-weight:600}.results-list__item-apply{margin:10px 0;padding:10px 20px;display:inline-flex;align-items:center;gap:8px;background-color:#198754;color:#fff;border-radius:3px;text-decoration:none;font-weight:600;flex-shrink:0}.results-list__item-apply:hover{background-color:#1f9755;color:#fff}.results-list__item-apply--icon svg{width:14px;height:14px}.share-jobs__no-results{padding:24px;text-align:center}.share-jobs__no-results h2,.share-jobs__no-results h3{margin:8px 0;font-weight:600}.card.primary-color{padding:16px;border-radius:4px;background:#f8f9fa}.result-suggestions-title{margin:0 0 12px 0;font-size:16px}.results-list .result-suggestions-line{list-style:none;margin:4px 0}`;
-
-const defaultNoResultsLine1 = "Sorry, we're not able to load results for your search.";
-const defaultNoResultsLine2 = 'Please refine your keywords in the search bar above and try again.';
-function getLocationLabel(loc) {
-    if (loc.cityStateAbbr)
-        return loc.cityStateAbbr;
-    const parts = [loc.streetAddress, loc.city, loc.stateAbbr || loc.state, loc.countryAbbr || loc.country].filter(Boolean);
-    return parts.join(', ') || loc.locationText || '';
-}
-function getFirstLocation(job) {
-    const locs = job.locations;
-    if (!locs?.length)
-        return undefined;
-    return locs[0];
-}
-const JobsListOnlyUI = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * When "true", use built-in mock data (for local/dev/docs). Otherwise use `jobs` from API/parent.
-     */
-    mockData = false;
-    /** List of jobs to display. Pass as JSON string from attribute or as array via property (e.g. from React). Ignored when mock-data="true". */
-    jobs = [];
-    /** Show loading spinner. Ignored when mock-data="true" (mock shows data immediately). */
-    loading = false;
-    /** Total job count (for screen readers / schema). */
-    totalJob = 0;
-    noResultsLine1 = defaultNoResultsLine1;
-    noResultsLine2 = defaultNoResultsLine2;
-    applyButtonText = 'Apply Now';
-    showBrand = true;
-    showReference = false;
-    showEmploymentType = true;
-    streetFormat = '{street}, {city_state_abbr}';
-    multiLocationText = 'More locations';
-    remoteLocationText = 'Remote';
-    enableKilometers = false;
-    /** Extra CSS class on the root element (avoid prop name "class" / "classname" reserved). */
-    rootClass = '';
-    showSuggestions = false;
-    clearResultSuggestionsTitleText = 'Suggestions';
-    clearResultSuggestionsLine1 = 'Try different keywords';
-    clearResultSuggestionsLine2 = 'Make sure everything is spelled correctly';
-    clearResultSuggestionsLine3 = 'Try other locations';
-    clearResultSuggestionsLine4 = '';
-    getJobsArray() {
-        if (this.mockData) {
-            return mockJobsListOnly;
-        }
-        const j = this.jobs;
-        if (Array.isArray(j))
-            return j;
-        if (typeof j === 'string') {
-            try {
-                const parsed = JSON.parse(j);
-                return Array.isArray(parsed) ? parsed : [];
-            }
-            catch {
-                return [];
-            }
-        }
-        return [];
-    }
-    formatDistance(distance) {
-        const value = this.enableKilometers ? distance * 1.60934 : distance;
-        const unit = this.enableKilometers ? 'Km' : 'Miles';
-        const str = `${value.toFixed(1)} ${unit}`.replace('.0', '');
-        return str;
-    }
-    renderJobItem(job, _index) {
-        const firstLoc = getFirstLocation(job);
-        const locationLabel = firstLoc ? getLocationLabel(firstLoc) : '';
-        const distance = firstLoc?.distance ?? 0;
-        const distanceLabel = distance > 0 ? this.formatDistance(distance) : '';
-        const applyHref = job.applyURL || (job.originalURL ? `${typeof window !== 'undefined' ? window.location.origin : ''}${job.originalURL}` : '#');
-        const applyLabel = `${this.applyButtonText}, ${job.title || ''}`;
-        const locs = job.locations ?? [];
-        const hasMultipleLocations = locs.length > 1;
-        return (index.h("li", { class: "results-list__item" }, index.h("div", { class: "results-list__item-header" }, index.h("h3", { class: "results-list__item-title" }, index.h("a", { class: "results-list__item-title--link", href: applyHref, target: "_blank", rel: "noopener noreferrer" }, job.title || ''), this.showReference && (index.h("span", { class: `reference ${job.reference ? '' : 'empty'}` }, job.reference || '')), job.isRemote && (index.h("span", { class: this.remoteLocationText ? 'remote' : 'remote remote--empty' }, this.remoteLocationText))), distanceLabel && (index.h("div", { class: "results-list__item-distance" }, index.h("span", { class: "results-list__item-distance--icon" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z" }), index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 8v4l2 2" }))), index.h("span", { class: "results-list__item-distance--label" }, distanceLabel)))), index.h("div", { class: "results-list__item-content" }, index.h("div", { class: "results-list__item-info" }, index.h("div", { class: locs.length
-                ? 'results-list__item-street'
-                : 'results-list__item-street results-list__item-street--empty' }, index.h("div", { class: "results-list__item-street--label__wrapper" }, index.h("span", { class: "results-list__item-street--icon" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" }), index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0z" }))), index.h("span", { class: "results-list__item-street--label" }, locationLabel || '—')), hasMultipleLocations && (index.h("div", { class: "results-list__item-street--more-locations__wrapper" }, index.h("span", { class: "results-list__item-street--amount" }, "+", locs.length - 1), index.h("span", { class: "results-list__item-street--more-locations" }, this.multiLocationText)))), this.showBrand && (index.h("div", { class: job.brandName
-                ? 'results-list__item-brand'
-                : 'results-list__item-brand results-list__item-brand--empty' }, index.h("span", { class: "results-list__item-brand--icon" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" }))), index.h("span", { class: "results-list__item-brand--label" }, job.brandName || '—'))), this.showEmploymentType && (index.h("div", { class: job.employmentType?.length
-                ? 'results-list__item-employment-type'
-                : 'results-list__item-employment-type results-list__item-employment-type--empty' }, index.h("span", { class: "results-list__item-employment-type--icon" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" }))), (job.employmentType?.length
-            ? job.employmentType
-            : ['—']).map((type) => (index.h("span", { key: type, class: "results-list__item-employment-type--label" }, type))))), (job.jobCardExtraFields ?? []).map((field, i) => (index.h("div", { key: i, class: (Array.isArray(field.value) ? field.value.length : field.value)
-                ? field.classname
-                : `${field.classname}--empty` }, Array.isArray(field.value)
-            ? field.value.map((v, j) => (index.h("span", { key: j, class: `${field.classname}--label` }, v)))
-            : (index.h("span", { class: `${field.classname}--label` }, String(field.value))))))), index.h("a", { class: "results-list__item-apply", href: applyHref, target: "_blank", rel: "noopener noreferrer", "aria-label": applyLabel }, index.h("span", { class: "results-list__item-apply--label" }, this.applyButtonText), index.h("span", { class: "results-list__item-apply--icon" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13 7l5 5m0 0l-5 5m5-5H6" })))))));
-    }
-    render() {
-        const jobsArray = this.getJobsArray();
-        const loading = this.mockData ? false : this.loading;
-        const totalJob = this.mockData ? jobsArray.length : (this.totalJob || jobsArray.length);
-        const showNoResults = !loading && totalJob === 0 && !this.showSuggestions;
-        const showSuggestionsBlock = !loading && totalJob === 0 && this.showSuggestions;
-        return (index.h("div", { key: 'c2e9c9146a24f0869cbd75588b2718c94f62bbbc', class: `jobs-list-root ${this.rootClass}`.trim() }, index.h("div", { key: 'b2f3dffe7e17797b378bd648f54e46bb31e2d374', class: "results-container" }, index.h("div", { key: '4733870b035ec307b6e691f1d62ed8568e93fd1f', class: loading ? 'loader' : 'loader hide', "aria-hidden": !loading }), totalJob > 0 && (index.h("div", { key: 'a9438f079041e0121fafdcb42089f27482475491', class: "card" }, index.h("ul", { key: '3bd7dcc64f46aec24945a25df7345766606a51bd', class: "results-list front" }, jobsArray.map((job, index) => this.renderJobItem(job, index))))), showNoResults && (index.h("div", { key: '1996476568c745e0ada31b47bb1a1be2efaf6917', class: "share-jobs__no-results" }, index.h("h2", { key: '8d2a79881428d89d783b05f26d06abbef94f5c2e' }, this.noResultsLine1), index.h("h3", { key: '855704ea47b06a701c0e59a8bb43fb405ad3bb96' }, this.noResultsLine2))), showSuggestionsBlock && (index.h("div", { key: '74da6e8243423dc9770f4dc67f46f5627c352349', class: "card primary-color" }, index.h("h4", { key: 'd3fb2ef03a656331f97afe3692b05bbe064ed124', class: "result-suggestions-title" }, this.clearResultSuggestionsTitleText, ":"), index.h("ul", { key: '63914647653930e6c686a38d779af20e7e5c17d5', class: "results-list front" }, index.h("li", { key: '82063c023701d0c42ca2787f382d42a80f569b6a', class: "result-suggestions-line" }, this.clearResultSuggestionsLine1), index.h("li", { key: '7645d7a7435f76854b8eeb0d693a883fc341764e', class: "result-suggestions-line" }, this.clearResultSuggestionsLine2), index.h("li", { key: '060675d017137e8b23342c92efadc769e2bae1c2', class: "result-suggestions-line" }, this.clearResultSuggestionsLine3), this.clearResultSuggestionsLine4 && (index.h("li", { key: '0f6ef00a4f6267dc9ad2441e16f02c82b0994d03', class: "result-suggestions-line" }, this.clearResultSuggestionsLine4))))))));
-    }
-};
-JobsListOnlyUI.style = jobsListOnlyUiCss();
-
-exports.fast_button = CustomButton;
-exports.jobs_list_only_ui = JobsListOnlyUI;

package/dist/components/p-Cw2MJ5l2.js

@@ -1 +0,0 @@
-var t=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(t||{}),e=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(e||{}),n="type",l="value",o="serialized:";function s(t,e,n){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(!n||l.get))return l;t=Object.getPrototypeOf(t)}}var r,i=(t,e)=>{var n;Object.entries(null!=(n=e.l.t)?n:{}).map((([n,[l]])=>{if(31&l||32&l){const l=t[n],o=s(Object.getPrototypeOf(t),n,!0)||Object.getOwnPropertyDescriptor(t,n);o&&Object.defineProperty(t,n,{get(){return o.get.call(this)},set(t){o.set.call(this,t)},configurable:!0,enumerable:!0}),e.o.has(n)?t[n]=e.o.get(n):void 0!==l&&(t[n]=l)}}))},c=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},u=(t,e)=>e in t,f=(t,e)=>(0,console.error)(t,e),a=new Map,d="s-id",$="sty-id",p="c-id",h="undefined"!=typeof window?window:{},y=h.HTMLElement||class{},m={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},b=(()=>{try{return!!h.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),v=!!b&&(()=>!!h.document&&Object.getOwnPropertyDescriptor(h.document.adoptedStyleSheets,"length").writable)(),g=!1,w=[],j=[],O=(t,e)=>n=>{t.push(n),g||(g=!0,e&&4&m.i?M(x):m.raf(x))},S=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){f(t)}t.length=0},x=()=>{S(w),S(j),(g=w.length>0)&&m.raf(x)},M=t=>Promise.resolve(undefined).then(t),k=O(j,!0),N=t=>{const e=new URL(t,m.u);return e.origin!==h.location.origin?e.href:e.pathname},E=t=>m.u=t;function I(){const t=this.attachShadow({mode:"open"});void 0===r&&(r=null),r&&(v?t.adoptedStyleSheets.push(r):t.adoptedStyleSheets=[...t.adoptedStyleSheets,r])}var A=(t,e,n,l)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const o=document.createTextNode("");if(o["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,r=_(s,"appendChild");if(void 0!==l){o["s-oo"]=l;const t=_(s,"childNodes"),e=[o];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>r.call(s,t)))}else r.call(s,o);t["s-ol"]=o,t["s-sh"]=e["s-hn"]};function _(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var C=new WeakMap,L=(t,e,n)=>{let l=a.get(t);b&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,a.set(t,l)},D=(t,e)=>{var n,l,o;const s=R(e),r=a.get(s);if(!h.document)return s;if(t=11===t.nodeType?t:h.document,r)if("string"==typeof r){let o,i=C.get(t=t.head||t);i||C.set(t,i=new Set);const c=t.querySelector(`[${$}="${s}"]`);if(c)c.textContent=r;else if(!i.has(s)){o=h.document.createElement("style"),o.textContent=r;const c=null!=(n=m.$)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=h.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=c&&o.setAttribute("nonce",c),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(b){const e=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(r),v?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=r+e.textContent:t.prepend(o)}else t.append(o);1&e.i&&t.insertBefore(o,null),4&e.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let e=C.get(t);if(e||C.set(t,e=new Set),!e.has(s)){const n=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(r.constructor===n.CSSStyleSheet)l=r;else{l=new n.CSSStyleSheet;for(let t=0;t<r.cssRules.length;t++)l.insertRule(r.cssRules[t].cssText,t)}if(v?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],e.add(s),"host"in t){const e=t.querySelector(`[${$}="${s}"]`);e&&k((()=>e.remove()))}}}return s},R=t=>"sc-"+t.p,U=t=>"object"==(t=typeof t)||"function"===t,V=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!U(l))&&(l=String(l)),s&&r?i[i.length-1].h+=l:i.push(s?H(null,l):l),r=s)};if(c(n),e){e.key&&(o=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=H(t,null);return u.m=e,i.length>0&&(u.v=i),u.j=o,u},H=(t,e)=>({i:0,O:t,h:null!=e?e:null,S:null,v:null,m:null,j:null}),P={},F=(t,e,n,l,o,s,r,i=[])=>{let c,u,f,a;if(1===s.nodeType){if(c=s.getAttribute(p),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=z({i:0,M:u[0],k:u[1],N:u[2],I:u[3],O:s.tagName.toLowerCase(),S:s,m:{class:s.className||""}}),e.push(f),s.removeAttribute(p),t.v||(t.v=[]);const o=f.S.getAttribute("s-sn");"string"==typeof o&&("slot-fb"===f.O&&B(o,u[2],f,s,t,e,n,l,i),f.S["s-sn"]=o,f.S.removeAttribute("s-sn")),void 0!==f.I&&(t.v[f.I]=f),t=f,l&&"0"===f.N&&(l[f.I]=f.S)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)F(t,e,n,l,o,s.shadowRoot.childNodes[a],r,i);const d=s.__childNodes||s.childNodes;for(a=d.length-1;a>=0;a--)F(t,e,n,l,o,d[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=z({M:u[1],k:u[2],N:u[3],I:u[4]||"0",S:s,m:null,v:null,j:null,A:null,O:null,h:null}),"t"===c?(f.S=Y(s,3),f.S&&3===f.S.nodeType&&(f.h=f.S.textContent,e.push(f),s.remove(),r===f.M&&(t.v||(t.v=[]),t.v[f.I]=f),l&&"0"===f.N&&(l[f.I]=f.S))):"c"===c?(f.S=Y(s,8),f.S&&8===f.S.nodeType&&(e.push(f),s.remove())):f.M===r&&("s"===c?B(s["s-sn"]=u[5]||"",u[2],f,s,t,e,n,l,i):"r"===c&&l&&s.remove()));else if(t&&"style"===t.O){const e=H(null,s.textContent);e.S=s,e.I="0",t.v=[e]}return t},W=(t,e)=>{if(1===t.nodeType){const n=t[d]||t.getAttribute(d);n&&e.set(n,t);let l=0;if(t.shadowRoot)for(;l<t.shadowRoot.childNodes.length;l++)W(t.shadowRoot.childNodes[l],e);const o=t.__childNodes||t.childNodes;for(l=0;l<o.length;l++)W(o[l],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},z=t=>({i:0,M:null,k:null,N:null,I:"0",S:null,m:null,v:null,j:null,A:null,O:null,h:null,...t});function B(t,e,n,l,o,s,r,i,c){l["s-sr"]=!0,n.A=t||null,n.O="slot";const u=(null==o?void 0:o.S)?o.S["s-id"]||o.S.getAttribute("s-id"):"";if(i&&h.document){const s=n.S=h.document.createElement(n.O);n.A&&n.S.setAttribute("name",t),o.S.shadowRoot&&u&&u!==n.M?_(o.S,"insertBefore")(s,_(o.S,"children")[0]):_(_(l,"parentNode"),"insertBefore")(s,l),T(c,e,t,l,n.M),l.remove(),"0"===n.N&&(i[n.I]=n.S)}else{const s=n.S,r=u&&u!==n.M&&o.S.shadowRoot;T(c,e,t,l,r?u:n.M),function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],l=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const o=this["s-cr"].parentElement;return(o.__childNodes?o.childNodes:(t=>{const e=[];for(let n=0;n<t.length;n++){const l=t[n]["s-nr"]||void 0;l&&l.isConnected&&e.push(l)}return e})(o.childNodes)).forEach((t=>{l===(t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0)(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}(l),r&&o.S.insertBefore(s,o.S.children[0])}s.push(n),r.push(n),o.v||(o.v=[]),o.v[n.I]=n}var q,T=(t,e,n,l,o)=>{var s,r;let i=l.nextSibling;if(t[e]=t[e]||[],i&&!(null==(s=i.nodeValue)?void 0:s.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==n&&(""!==n||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=n,t[e].push({slot:l,node:i,hostId:o})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},Y=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},J=class o{static fromLocalValue(t){const e=t[n],s=l in t?t[l]:void 0;switch(e){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((t=>o.fromLocalValue(t)));case"date":return new Date(s);case"map":const t=new Map;for(const[e,n]of s){const l="object"==typeof e&&null!==e?o.fromLocalValue(e):e,s=o.fromLocalValue(n);t.set(l,s)}return t;case"object":const n={};for(const[t,e]of s)n[t]=o.fromLocalValue(e);return n;case"regexp":const{pattern:l,flags:r}=s;return new RegExp(l,r);case"set":const i=new Set;for(const t of s)i.add(o.fromLocalValue(t));return i;case"symbol":return Symbol(s);default:throw new Error(`Unsupported type: ${e}`)}}static fromLocalValueArray(t){return t.map((t=>o.fromLocalValue(t)))}static isLocalValueObject(o){if("object"!=typeof o||null===o)return!1;if(!o.hasOwnProperty(n))return!1;const s=o[n];return!!Object.values({...t,...e}).includes(s)&&("null"===s||"undefined"===s||o.hasOwnProperty(l))}},Z=(t,e)=>{return"string"==typeof t&&t.startsWith(o)?t="string"==typeof(n=t)&&n.startsWith(o)?J.fromLocalValue(JSON.parse(atob(n.slice(11)))):n:null==t||U(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?String(t):t;var n},G=(t,e)=>{const n=t;return{emit:t=>K(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},K=(t,e,n)=>{const l=m.ce(e,n);return t.dispatchEvent(l),l},Q=(t,e,n,l,o,s,r)=>{if(n===l)return;let i=u(t,e),f=e.toLowerCase();if("class"===e){const e=t.classList,o=tt(n);let s=tt(l);if((t["s-si"]||t["s-sc"])&&r){const n=t["s-sc"]||t["s-si"];s.push(n),o.forEach((t=>{t.startsWith(n)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),e.add(...s)}else e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("key"===e);else if("ref"===e)l&&ht(l,t);else if(t.__lookupSetter__(e)||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let o;{const e=c(t);if(e&&e.l&&e.l.t){const t=e.l.t[n];t&&t[1]&&(o=t[1])}}return o||(o=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===l?"":l))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=l}catch(t){}return}{const r=U(l);if((i||r&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?i=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!i||4&s||o)&&!r&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}}else if(e="-"===e[2]?e.slice(3):u(h,f)?f.slice(2):f[2]+e.slice(3),n||l){const o=e.endsWith(et);e=e.replace(nt,""),n&&m.rel(t,e,n,o),l&&m.ael(t,e,l,o)}},X=/\s/,tt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(X):[]),et="Capture",nt=new RegExp(et+"$"),lt=(t,e,n,l)=>{const o=11===e.S.nodeType&&e.S.host?e.S.host:e.S,s=t&&t.m||{},r=e.m||{};for(const t of ot(Object.keys(s)))t in r||Q(o,t,s[t],void 0,n,e.i,l);for(const t of ot(Object.keys(r)))Q(o,t,s[t],r[t],n,e.i,l)};function ot(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var st=!1,rt=!1,it=[],ct=[],ut=(t,e,n)=>{const l=e.v[n];let o,s,r=0;if(null!=l.h)o=l.S=h.document.createTextNode(l.h);else{if(rt||(rt="svg"===l.O),!h.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=l.S=h.document.createElementNS(rt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.O),rt&&"foreignObject"===l.O&&(rt=!1),lt(null,l,rt),l.v){const e="template"===l.O?o.content:o;for(r=0;r<l.v.length;++r)s=ut(t,l,r),s&&e.appendChild(s)}"svg"===l.O?rt=!1:"foreignObject"===o.tagName&&(rt=!0)}return o["s-hn"]=q,o},ft=(t,e,n,l,o,s)=>{let r,i=t;for(i.shadowRoot&&i.tagName===q&&(i=i.shadowRoot),"template"===n.O&&(i=i.content);o<=s;++o)l[o]&&(r=ut(null,n,o),r&&(l[o].S=r,yt(i,r,e)))},at=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.S;pt(e),t&&t.remove()}}},dt=(t,e,n=!1)=>t.O===e.O&&(n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),$t=(t,e,n=!1)=>{const l=e.S=t.S,o=t.v,s=e.v,r=e.O,i=e.h;null==i?(rt="svg"===r||"foreignObject"!==r&&rt,"slot"!==r||st||t.A!==e.A&&(e.S["s-sn"]=e.A||"",(t=>{m.i|=1;const e=t.closest(q.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of n?l.reverse():l)null!=t["s-sh"]&&(yt(e,t,null!=n?n:null),t["s-sh"]=void 0)}m.i&=-2})(e.S.parentElement)),lt(t,e,rt,n),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=e.length-1,d=e[0],$=e[a],p=l.length-1,h=l[0],y=l[p];const m="template"===n.O?t.content:t;for(;i<=a&&c<=p;)if(null==d)d=e[++i];else if(null==$)$=e[--a];else if(null==h)h=l[++c];else if(null==y)y=l[--p];else if(dt(d,h,o))$t(d,h,o),d=e[++i],h=l[++c];else if(dt($,y,o))$t($,y,o),$=e[--a],y=l[--p];else if(dt(d,y,o))$t(d,y,o),yt(m,d.S,$.S.nextSibling),d=e[++i],y=l[--p];else if(dt($,h,o))$t($,h,o),yt(m,$.S,d.S),$=e[--a],h=l[++c];else{for(u=-1,f=i;f<=a;++f)if(e[f]&&null!==e[f].j&&e[f].j===h.j){u=f;break}u>=0?(r=e[u],r.O!==h.O?s=ut(e&&e[c],n,u):($t(r,h,o),e[u]=void 0,s=r.S),h=l[++c]):(s=ut(e&&e[c],n,c),h=l[++c]),s&&yt(d.S.parentNode,s,d.S)}i>a?ft(t,null==l[p+1]?null:l[p+1].S,n,l,c,p):c>p&&at(e,i,a)})(l,o,e,s,n):null!==s?(null!==t.h&&(l.textContent=""),ft(l,null,e,s,0,s.length-1)):n||null===o?n&&null!==o&&null===s&&(e.v=o):at(o,0,o.length-1),rt&&"svg"===r&&(rt=!1)):t.h!==i&&(l.data=i)},pt=t=>{t.m&&t.m.ref&&it.push((()=>t.m.ref(null))),t.v&&t.v.map(pt)},ht=(t,e)=>{ct.push((()=>t(e)))},yt=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),mt=(t,e,n=!1)=>{const l=t.$hostElement$,o=t.l,s=t._||H(null,null);var r;const i=(r=e)&&r.O===P?e:V(null,null,e);if(q=l.tagName,n&&i.m)for(const t of Object.keys(i.m))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.m[t]=l[t]);i.O=null,i.i|=4,t._=i,i.S=s.S=l.shadowRoot||l,st=!(!(1&o.i)||128&o.i),$t(s,i,n),it.forEach((t=>t())),it.length=0,ct.forEach((t=>t())),ct.length=0},bt=(t,e)=>{if(e&&!t.C&&e["s-p"]){const n=e["s-p"].push(new Promise((l=>t.C=()=>{e["s-p"].splice(n-1,1),l()})))}},vt=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);bt(t,t.L);const n=()=>gt(t,e);if(!e)return k(n);queueMicrotask((()=>{n()}))},gt=(t,e)=>{const n=t.$hostElement$,l=n;if(!l)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=kt(l,e?"componentWillLoad":"componentWillUpdate",void 0,n),o=wt(o,(()=>kt(l,"componentWillRender",void 0,n))),wt(o,(()=>Ot(t,l,e)))},wt=(t,e)=>jt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),jt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ot=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.l,n=t.$hostElement$,l=e.i,o=D(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);St(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>xt(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},St=(t,e,n,l)=>{try{e=e.render(),t.i&=-17,t.i|=2,mt(t,e,l)}catch(e){f(e,t.$hostElement$)}return null},xt=t=>{const e=t.$hostElement$,n=e,l=t.L;kt(n,"componentDidRender",void 0,e),64&t.i?kt(n,"componentDidUpdate",void 0,e):(t.i|=64,Nt(e),kt(n,"componentDidLoad",void 0,e),t.D(e),l||Mt()),t.C&&(t.C(),t.C=void 0),512&t.i&&M((()=>vt(t,!1))),t.i&=-517},Mt=()=>{var t;M((()=>K(h,"appload",{detail:{namespace:"web-component-poc"}}))),(null==(t=m.R)?void 0:t.size)&&m.R.clear()},kt=(t,e,n,l)=>{if(t&&t[e])try{return t[e](n)}catch(t){f(t,l)}},Nt=t=>t.classList.add("hydrated"),Et=(t,e,n,l)=>{const o=c(t);if(!o)return;const s=t,r=o.o.get(e),i=o.i,u=s;n=Z(n,l.t[e][0]);const f=Number.isNaN(r)&&Number.isNaN(n);if(n!==r&&!f&&(o.o.set(e,n),2&i)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,r,e)&&!(16&i))return;16&i||vt(o,!1)}},It=(t,e)=>{var n,l;const o=t.prototype;if(e.t){const r=Object.entries(null!=(n=e.t)?n:{});r.map((([t,[n]])=>{if(31&n||32&n){const{get:l,set:r}=s(o,t)||{};l&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),Object.defineProperty(o,t,{get(){return l?l.apply(this):(e=t,c(this).o.get(e));var e},configurable:!0,enumerable:!0}),Object.defineProperty(o,t,{set(l){const o=c(this);if(o){if(r)return void 0===(32&n?this[t]:o.$hostElement$[t])&&o.o.get(t)&&(l=o.o.get(t)),r.apply(this,[Z(l,n)]),void Et(this,t,l=32&n?this[t]:o.$hostElement$[t],e);Et(this,t,l,e)}}})}}));{const n=new Map;o.attributeChangedCallback=function(t,l,s){m.jmp((()=>{var i;const u=n.get(t),f=c(this);if(this.hasOwnProperty(u),o.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const n=null==f?void 0:f.i;if(f&&n&&!(8&n)&&s!==l){const o=this,r=null==(i=e.U)?void 0:i[t];null==r||r.forEach((e=>{const[[r,i]]=Object.entries(e);null!=o[r]&&(128&n||1&i)&&o[r].call(o,s,l,t)}))}return}const a=r.find((([t])=>t===u));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(o,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.U)?l:{}),...r.filter((([t,e])=>31&e[0])).map((([t,e])=>{const l=e[1]||t;return n.set(l,t),l}))]))}}return t},At=(t,e)=>{const n={i:e[0],p:e[1]};try{n.t=e[2],(()=>{if(!h.document)return;const t=h.document.querySelectorAll(`[${$}]`);let e=0;for(;e<t.length;e++)L(t[e].getAttribute($),t[e].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0)})();const l=t.prototype.connectedCallback,o=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const n={i:0,$hostElement$:t,l:e,o:new Map,V:new Map};n.H=new Promise((t=>n.D=t)),t["s-p"]=[],t["s-rc"]=[];const l=n;t.__stencil__getHostRef=()=>l,512&e.i&&i(t,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!c(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&m.i)){const e=c(t);if(!e)return;const n=e.l,l=()=>{};if(1&e.i)(null==e?void 0:e.P)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{let l;if(e.i|=1,l=t.getAttribute(d),l){if(1&n.i){const e=D(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}((t,e,n,l)=>{var o,s,r,i;const u=t.shadowRoot,f=[],a=[],$=u?[]:null,p=H(e,null);p.S=t,!h.document||m.R&&m.R.size||W(h.document.body,m.R=new Map),t[d]=n,t.removeAttribute(d),l._=F(p,f,[],$,t,t,n,a);let y=0;const b=f.length;let v;for(;y<b;y++){v=f[y];const n=v.M+"."+v.k,l=m.R.get(n),s=v.S;if(u){if((null==(o=v.O)?void 0:o.toString().includes("-"))&&"slot-fb"!==v.O&&!v.S.shadowRoot){const t=c(v.S);if(t){const e=R(t.l),n=h.document.querySelector(`style[sty-id="${e}"]`);n&&$.unshift(n.cloneNode(!0))}}}else s["s-hn"]=e.toUpperCase(),"slot"===v.O&&(s["s-cr"]=t["s-cr"]);"slot"===v.O&&(v.A=v.S["s-sn"]||v.S.name||null,v.v?(v.i|=2,v.S.childNodes.length||v.v.forEach((t=>{v.S.appendChild(t.S)}))):v.i|=1),l&&l.isConnected&&(l.parentElement.shadowRoot&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),l.parentNode.removeChild(l),u||(s["s-oo"]=parseInt(v.k))),l&&!l["s-id"]&&m.R.delete(n)}const g=[],w=a.length;let j,O,S,x,M=0,k=0;for(;M<w;M++)if(j=a[M],j&&j.length)for(S=j.length,O=0;O<S;O++){if(x=j[O],g[x.hostId]||(g[x.hostId]=m.R.get(x.hostId)),!g[x.hostId])continue;const t=g[x.hostId];t.shadowRoot&&x.node.parentElement!==t&&t.insertBefore(x.node,null==(r=null==(s=j[O-1])?void 0:s.node)?void 0:r.nextSibling),t.shadowRoot&&u||(x.slot["s-cr"]||(x.slot["s-cr"]=t["s-cr"],x.slot["s-cr"]=!x.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),A(x.node,x.slot,0,x.node["s-oo"]||k),(null==(i=x.node.parentElement)?void 0:i.shadowRoot)&&x.node.getAttribute&&x.node.getAttribute("slot")&&x.node.removeAttribute("slot")),k=(x.node["s-oo"]||k)+1}if(u&&!u.childNodes.length){let e=0;const n=$.length;if(n){for(;e<n;e++){const t=$[e];t&&u.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):8!==t.nodeType||t.nodeValue||t.parentNode.removeChild(t))}))}}l.$hostElement$=t})(t,n.p,l,e)}{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){bt(e,e.L=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let l;try{if(!(32&e.i)&&(e.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const e=R(n);if(!a.has(e)){const l=()=>{};L(e,t,!!(1&n.i)),l()}}const o=e.L,s=()=>vt(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(n){f(n,t),e.C&&(e.C(),e.C=void 0),e.D&&e.D(t)}})(t,e,n)}l()}})(this),l&&l.call(this)},disconnectedCallback(){(async t=>{1&m.i||c(t),C.has(t)&&C.delete(t),t.shadowRoot&&C.has(t.shadowRoot)&&C.delete(t.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else I.call(this,n)}}),Object.defineProperty(t,"is",{value:n.p,configurable:!0}),It(t,n)}catch(e){return f(e),t}},_t=t=>m.$=t,Ct=t=>Object.assign(m,t);function Lt(t,e){mt({l:{i:0,p:e.tagName},$hostElement$:e},t)}function Dt(t){return t}export{y as H,_t as a,Ct as b,G as c,N as g,V as h,At as p,Lt as r,E as s,Dt as t}

package/dist/esm/fast-button_2.entry.js

@@ -1,208 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-D7_MJBO8.js';
-
-const buttonCss = () => `:host{display:inline-block}.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;font-family:inherit;font-size:0.875rem;font-weight:500;line-height:1.25;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease}.custom-button:focus{outline:2px solid var(--custom-button-focus-ring, #2563eb);outline-offset:2px}.custom-button:focus:not(:focus-visible){outline:none}.custom-button--primary{background-color:var(--custom-button-primary-bg, #2563eb);color:var(--custom-button-primary-color, #fff)}.custom-button--primary:hover:not(.custom-button--disabled){background-color:var(--custom-button-primary-hover-bg, #1d4ed8)}.custom-button--primary:active:not(.custom-button--disabled){background-color:var(--custom-button-primary-active-bg, #1e40af)}.custom-button--secondary{background-color:var(--custom-button-secondary-bg, #e5e7eb);color:var(--custom-button-secondary-color, #1f2937)}.custom-button--secondary:hover:not(.custom-button--disabled){background-color:var(--custom-button-secondary-hover-bg, #d1d5db)}.custom-button--secondary:active:not(.custom-button--disabled){background-color:var(--custom-button-secondary-active-bg, #9ca3af)}.custom-button--text{background-color:transparent;color:var(--custom-button-text-color, #2563eb)}.custom-button--text:hover:not(.custom-button--disabled){background-color:var(--custom-button-text-hover-bg, rgba(37, 99, 235, 0.08))}.custom-button--text:active:not(.custom-button--disabled){background-color:var(--custom-button-text-active-bg, rgba(37, 99, 235, 0.12))}.custom-button--disabled,.custom-button:disabled{opacity:0.6;cursor:not-allowed}`;
-
-const CustomButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.buttonClick = createEvent(this, "buttonClick");
-    }
-    /**
-     * Visual variant of the button.
-     */
-    variant = 'primary';
-    /**
-     * Native button type (button or submit).
-     */
-    type = 'button';
-    /**
-     * When true, the button is disabled and does not emit events.
-     */
-    disabled = false;
-    /**
-     * Emitted when the button is clicked (not emitted when disabled).
-     */
-    buttonClick;
-    handleClick = (e) => {
-        if (this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        this.buttonClick.emit(e);
-    };
-    render() {
-        return (h("button", { key: 'b373f44e11e651d0371ce3cade98b4650ccdd727', type: this.type, class: {
-                'custom-button': true,
-                [`custom-button--${this.variant}`]: true,
-                'custom-button--disabled': this.disabled,
-            }, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: '2a046bc70af051c04f4549def87dac7044b41e04' })));
-    }
-};
-CustomButton.style = buttonCss();
-
-/**
- * Mock jobs for local development and docs.
- * Use in www or static HTML: jobs='...' (JSON.stringify(mockJobs)).
- */
-const mockJobsListOnly = [
-    {
-        title: 'Senior Software Engineer',
-        reference: 'REF-001',
-        originalURL: '/jobs/senior-software-engineer',
-        applyURL: 'https://apply.example.com/1',
-        brandName: 'Engineering',
-        isRemote: false,
-        locations: [
-            {
-                city: 'San Francisco',
-                stateAbbr: 'CA',
-                countryAbbr: 'US',
-                distance: 5.2,
-                streetAddress: '123 Market St',
-                cityStateAbbr: 'San Francisco, CA',
-            },
-        ],
-        employmentType: ['Full-time', 'Permanent'],
-    },
-    {
-        title: 'Product Manager',
-        reference: '',
-        originalURL: '/jobs/product-manager',
-        brandName: 'Product',
-        isRemote: true,
-        locations: [],
-        employmentType: ['Full-time'],
-    },
-    {
-        title: 'UX Designer',
-        reference: 'REF-003',
-        originalURL: '/jobs/ux-designer',
-        brandName: 'Design',
-        isRemote: false,
-        locations: [
-            {
-                city: 'New York',
-                stateAbbr: 'NY',
-                countryAbbr: 'US',
-                distance: 0,
-                cityStateAbbr: 'New York, NY',
-            },
-            {
-                city: 'Boston',
-                stateAbbr: 'MA',
-                countryAbbr: 'US',
-                cityStateAbbr: 'Boston, MA',
-            },
-        ],
-        employmentType: ['Full-time', 'Contract'],
-    },
-];
-
-const jobsListOnlyUiCss = () => `:host{display:block}.jobs-list-root{list-style:none}.results-container{position:relative}.loader{display:inline-block;width:24px;height:24px;border:2px solid #ddd;border-top-color:#1f9755;border-radius:50%;animation:jobs-list-spin 0.8s linear infinite}.loader.hide{display:none}@keyframes jobs-list-spin{to{transform:rotate(360deg)}}.card{border:0}.results-list{list-style:none;margin:0;padding:0;display:block}.results-list.front{margin:3px 0}.results-list__item{list-style:none;padding:10px 0;border-bottom:1px solid #ddd;margin:15px 0;display:inline-block;width:100%;position:relative}.results-list__item:last-child{border-bottom:none}.results-list__item-header{margin:10px 0;font-size:18px;font-weight:700;display:flex;flex-direction:column}.results-list__item-title{margin:0}.results-list__item-title--link{text-decoration:none;color:#1f9755}.results-list__item-title--link:hover{text-decoration:underline}.reference{margin-left:8px;font-size:0.9em;color:#666}.reference.empty{display:none}.remote{background:#f3f3f3;color:#808285;border-radius:100px;padding:6px 16px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:24px;margin-left:8px}.remote--empty{display:none}.results-list__item-distance{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:14px;font-weight:400}.results-list__item-distance--icon{display:inline-flex}.results-list__item-distance--icon svg{width:16px;height:16px}.results-list__item-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:8px}.results-list__item-info{flex:1}.results-list__item-street,.results-list__item-brand,.results-list__item-employment-type{margin:10px 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.results-list__item-street--empty,.results-list__item-brand--empty,.results-list__item-employment-type--empty{color:#999}.results-list__item-street--icon,.results-list__item-brand--icon,.results-list__item-employment-type--icon{margin-right:6px;display:inline-flex}.results-list__item-street--icon svg,.results-list__item-brand--icon svg,.results-list__item-employment-type--icon svg{width:16px;height:16px}.results-list__item-street--more-locations__wrapper{margin-left:8px}.results-list__item-street--amount{font-weight:600}.results-list__item-apply{margin:10px 0;padding:10px 20px;display:inline-flex;align-items:center;gap:8px;background-color:#198754;color:#fff;border-radius:3px;text-decoration:none;font-weight:600;flex-shrink:0}.results-list__item-apply:hover{background-color:#1f9755;color:#fff}.results-list__item-apply--icon svg{width:14px;height:14px}.share-jobs__no-results{padding:24px;text-align:center}.share-jobs__no-results h2,.share-jobs__no-results h3{margin:8px 0;font-weight:600}.card.primary-color{padding:16px;border-radius:4px;background:#f8f9fa}.result-suggestions-title{margin:0 0 12px 0;font-size:16px}.results-list .result-suggestions-line{list-style:none;margin:4px 0}`;
-
-const defaultNoResultsLine1 = "Sorry, we're not able to load results for your search.";
-const defaultNoResultsLine2 = 'Please refine your keywords in the search bar above and try again.';
-function getLocationLabel(loc) {
-    if (loc.cityStateAbbr)
-        return loc.cityStateAbbr;
-    const parts = [loc.streetAddress, loc.city, loc.stateAbbr || loc.state, loc.countryAbbr || loc.country].filter(Boolean);
-    return parts.join(', ') || loc.locationText || '';
-}
-function getFirstLocation(job) {
-    const locs = job.locations;
-    if (!locs?.length)
-        return undefined;
-    return locs[0];
-}
-const JobsListOnlyUI = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * When "true", use built-in mock data (for local/dev/docs). Otherwise use `jobs` from API/parent.
-     */
-    mockData = false;
-    /** List of jobs to display. Pass as JSON string from attribute or as array via property (e.g. from React). Ignored when mock-data="true". */
-    jobs = [];
-    /** Show loading spinner. Ignored when mock-data="true" (mock shows data immediately). */
-    loading = false;
-    /** Total job count (for screen readers / schema). */
-    totalJob = 0;
-    noResultsLine1 = defaultNoResultsLine1;
-    noResultsLine2 = defaultNoResultsLine2;
-    applyButtonText = 'Apply Now';
-    showBrand = true;
-    showReference = false;
-    showEmploymentType = true;
-    streetFormat = '{street}, {city_state_abbr}';
-    multiLocationText = 'More locations';
-    remoteLocationText = 'Remote';
-    enableKilometers = false;
-    /** Extra CSS class on the root element (avoid prop name "class" / "classname" reserved). */
-    rootClass = '';
-    showSuggestions = false;
-    clearResultSuggestionsTitleText = 'Suggestions';
-    clearResultSuggestionsLine1 = 'Try different keywords';
-    clearResultSuggestionsLine2 = 'Make sure everything is spelled correctly';
-    clearResultSuggestionsLine3 = 'Try other locations';
-    clearResultSuggestionsLine4 = '';
-    getJobsArray() {
-        if (this.mockData) {
-            return mockJobsListOnly;
-        }
-        const j = this.jobs;
-        if (Array.isArray(j))
-            return j;
-        if (typeof j === 'string') {
-            try {
-                const parsed = JSON.parse(j);
-                return Array.isArray(parsed) ? parsed : [];
-            }
-            catch {
-                return [];
-            }
-        }
-        return [];
-    }
-    formatDistance(distance) {
-        const value = this.enableKilometers ? distance * 1.60934 : distance;
-        const unit = this.enableKilometers ? 'Km' : 'Miles';
-        const str = `${value.toFixed(1)} ${unit}`.replace('.0', '');
-        return str;
-    }
-    renderJobItem(job, _index) {
-        const firstLoc = getFirstLocation(job);
-        const locationLabel = firstLoc ? getLocationLabel(firstLoc) : '';
-        const distance = firstLoc?.distance ?? 0;
-        const distanceLabel = distance > 0 ? this.formatDistance(distance) : '';
-        const applyHref = job.applyURL || (job.originalURL ? `${typeof window !== 'undefined' ? window.location.origin : ''}${job.originalURL}` : '#');
-        const applyLabel = `${this.applyButtonText}, ${job.title || ''}`;
-        const locs = job.locations ?? [];
-        const hasMultipleLocations = locs.length > 1;
-        return (h("li", { class: "results-list__item" }, h("div", { class: "results-list__item-header" }, h("h3", { class: "results-list__item-title" }, h("a", { class: "results-list__item-title--link", href: applyHref, target: "_blank", rel: "noopener noreferrer" }, job.title || ''), this.showReference && (h("span", { class: `reference ${job.reference ? '' : 'empty'}` }, job.reference || '')), job.isRemote && (h("span", { class: this.remoteLocationText ? 'remote' : 'remote remote--empty' }, this.remoteLocationText))), distanceLabel && (h("div", { class: "results-list__item-distance" }, h("span", { class: "results-list__item-distance--icon" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z" }), h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 8v4l2 2" }))), h("span", { class: "results-list__item-distance--label" }, distanceLabel)))), h("div", { class: "results-list__item-content" }, h("div", { class: "results-list__item-info" }, h("div", { class: locs.length
-                ? 'results-list__item-street'
-                : 'results-list__item-street results-list__item-street--empty' }, h("div", { class: "results-list__item-street--label__wrapper" }, h("span", { class: "results-list__item-street--icon" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" }), h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0z" }))), h("span", { class: "results-list__item-street--label" }, locationLabel || '—')), hasMultipleLocations && (h("div", { class: "results-list__item-street--more-locations__wrapper" }, h("span", { class: "results-list__item-street--amount" }, "+", locs.length - 1), h("span", { class: "results-list__item-street--more-locations" }, this.multiLocationText)))), this.showBrand && (h("div", { class: job.brandName
-                ? 'results-list__item-brand'
-                : 'results-list__item-brand results-list__item-brand--empty' }, h("span", { class: "results-list__item-brand--icon" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" }))), h("span", { class: "results-list__item-brand--label" }, job.brandName || '—'))), this.showEmploymentType && (h("div", { class: job.employmentType?.length
-                ? 'results-list__item-employment-type'
-                : 'results-list__item-employment-type results-list__item-employment-type--empty' }, h("span", { class: "results-list__item-employment-type--icon" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" }))), (job.employmentType?.length
-            ? job.employmentType
-            : ['—']).map((type) => (h("span", { key: type, class: "results-list__item-employment-type--label" }, type))))), (job.jobCardExtraFields ?? []).map((field, i) => (h("div", { key: i, class: (Array.isArray(field.value) ? field.value.length : field.value)
-                ? field.classname
-                : `${field.classname}--empty` }, Array.isArray(field.value)
-            ? field.value.map((v, j) => (h("span", { key: j, class: `${field.classname}--label` }, v)))
-            : (h("span", { class: `${field.classname}--label` }, String(field.value))))))), h("a", { class: "results-list__item-apply", href: applyHref, target: "_blank", rel: "noopener noreferrer", "aria-label": applyLabel }, h("span", { class: "results-list__item-apply--label" }, this.applyButtonText), h("span", { class: "results-list__item-apply--icon" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13 7l5 5m0 0l-5 5m5-5H6" })))))));
-    }
-    render() {
-        const jobsArray = this.getJobsArray();
-        const loading = this.mockData ? false : this.loading;
-        const totalJob = this.mockData ? jobsArray.length : (this.totalJob || jobsArray.length);
-        const showNoResults = !loading && totalJob === 0 && !this.showSuggestions;
-        const showSuggestionsBlock = !loading && totalJob === 0 && this.showSuggestions;
-        return (h("div", { key: 'c2e9c9146a24f0869cbd75588b2718c94f62bbbc', class: `jobs-list-root ${this.rootClass}`.trim() }, h("div", { key: 'b2f3dffe7e17797b378bd648f54e46bb31e2d374', class: "results-container" }, h("div", { key: '4733870b035ec307b6e691f1d62ed8568e93fd1f', class: loading ? 'loader' : 'loader hide', "aria-hidden": !loading }), totalJob > 0 && (h("div", { key: 'a9438f079041e0121fafdcb42089f27482475491', class: "card" }, h("ul", { key: '3bd7dcc64f46aec24945a25df7345766606a51bd', class: "results-list front" }, jobsArray.map((job, index) => this.renderJobItem(job, index))))), showNoResults && (h("div", { key: '1996476568c745e0ada31b47bb1a1be2efaf6917', class: "share-jobs__no-results" }, h("h2", { key: '8d2a79881428d89d783b05f26d06abbef94f5c2e' }, this.noResultsLine1), h("h3", { key: '855704ea47b06a701c0e59a8bb43fb405ad3bb96' }, this.noResultsLine2))), showSuggestionsBlock && (h("div", { key: '74da6e8243423dc9770f4dc67f46f5627c352349', class: "card primary-color" }, h("h4", { key: 'd3fb2ef03a656331f97afe3692b05bbe064ed124', class: "result-suggestions-title" }, this.clearResultSuggestionsTitleText, ":"), h("ul", { key: '63914647653930e6c686a38d779af20e7e5c17d5', class: "results-list front" }, h("li", { key: '82063c023701d0c42ca2787f382d42a80f569b6a', class: "result-suggestions-line" }, this.clearResultSuggestionsLine1), h("li", { key: '7645d7a7435f76854b8eeb0d693a883fc341764e', class: "result-suggestions-line" }, this.clearResultSuggestionsLine2), h("li", { key: '060675d017137e8b23342c92efadc769e2bae1c2', class: "result-suggestions-line" }, this.clearResultSuggestionsLine3), this.clearResultSuggestionsLine4 && (h("li", { key: '0f6ef00a4f6267dc9ad2441e16f02c82b0994d03', class: "result-suggestions-line" }, this.clearResultSuggestionsLine4))))))));
-    }
-};
-JobsListOnlyUI.style = jobsListOnlyUiCss();
-
-export { CustomButton as fast_button, JobsListOnlyUI as jobs_list_only_ui };