@phatvu/web-component-poc 1.0.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/fast-button_4.cjs.entry.js +1 -1
- package/dist/cjs/job-card.cjs.entry.js +138 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-component-poc.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/button/button.js +2 -2
- package/dist/collection/components/job-card/job-card.css +247 -0
- package/dist/collection/components/job-card/job-card.js +435 -0
- package/dist/collection/components/jobs-item/jobs-item.js +5 -5
- package/dist/collection/components/jobs-list-only/jobs-list-only.js +6 -6
- package/dist/components/job-card.d.ts +11 -0
- package/dist/components/job-card.js +1 -0
- package/dist/components/jobs-list-only.js +1 -1
- package/dist/esm/fast-button_4.entry.js +1 -1
- package/dist/esm/job-card.entry.js +136 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/web-component-poc.js +1 -1
- package/dist/types/components/job-card/job-card.d.ts +93 -0
- package/dist/types/components/jobs-item/jobs-item.d.ts +2 -2
- package/dist/types/components/jobs-list-only/jobs-list-only.d.ts +2 -2
- package/dist/types/components.d.ts +246 -7
- package/dist/types/mock/jobs-list-only.mock.d.ts +2 -2
- package/dist/types/types/jobs-list.d.ts +6 -2
- package/dist/web-component-poc/p-52c85341.entry.js +1 -0
- package/dist/web-component-poc/{p-df843533.entry.js → p-96761988.entry.js} +1 -1
- package/dist/web-component-poc/web-component-poc.esm.js +1 -1
- package/hydrate/index.js +181 -1
- package/hydrate/index.mjs +181 -1
- package/package.json +5 -1
|
@@ -21,7 +21,11 @@ export interface JobCardExtraFieldSummary {
|
|
|
21
21
|
value: string | string[];
|
|
22
22
|
classname: string;
|
|
23
23
|
}
|
|
24
|
-
|
|
24
|
+
/**
|
|
25
|
+
* Job data shape for job-card and jobs-list-only components.
|
|
26
|
+
* Compatible with ReactJob from career-sites-renderer.
|
|
27
|
+
*/
|
|
28
|
+
export interface Job {
|
|
25
29
|
title?: string;
|
|
26
30
|
reference?: string;
|
|
27
31
|
originalURL?: string;
|
|
@@ -34,7 +38,7 @@ export interface JobSummary {
|
|
|
34
38
|
[key: string]: unknown;
|
|
35
39
|
}
|
|
36
40
|
export interface JobsListOnlyProps {
|
|
37
|
-
jobs?:
|
|
41
|
+
jobs?: Job[];
|
|
38
42
|
loading?: boolean;
|
|
39
43
|
totalJob?: number;
|
|
40
44
|
noResultsLine1?: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as o}from"./p-Dk5CvWmb.js";const r=class{constructor(o){e(this,o)}job;index=0;applyButtonText="Apply Now";showBrand=!0;showReference=!1;showEmploymentType=!0;multiLocationText="More locations";remoteLocationText="Remote";enableKilometers=!1;showCommuteTime=!1;streetFormat="{street}, {city_state_abbr}";rootClass="";extraFieldsConfig=[];formatDistance(e){const o=this.enableKilometers?"Km":"Miles";return`${(this.enableKilometers?1.60934*e:e).toFixed(1)} ${o}`.replace(".0","")}isEmpty(e){return null==e||""===e||!(!Array.isArray(e)||0!==e.length)}getJobData(){if(!this.job)return null;if("string"==typeof this.job)try{return JSON.parse(this.job)}catch{return console.warn("job-card: Failed to parse job JSON string"),null}return this.job}render(){const e=this.getJobData();if(!e)return null;const r=function(e){const o=e.locations;if(o?.length)return o[0]}(e),a=r?(t=r).cityStateAbbr?t.cityStateAbbr:[t.streetAddress,t.city,t.stateAbbr||t.state,t.countryAbbr||t.country].filter(Boolean).join(", ")||t.locationText||"":"";var t;const n=r?.distance??0,s=n>0?this.formatDistance(n):"",i=e.applyURL||(e.originalURL?`${"undefined"!=typeof window?window.location.origin:""}${e.originalURL}`:"#"),c=`${this.applyButtonText}, ${e.title||""}`,l=e.locations??[],d=l.length>1;return o("div",{class:`job-card ${this.rootClass}`.trim()},o("div",{class:"job-card__header"},o("h3",{class:"job-card__title"},o("a",{class:"job-card__title--link",href:i,target:"_blank",rel:"noopener noreferrer"},e.title||""),this.showReference&&o("span",{class:"job-card__reference "+(e.reference?"":"job-card__reference--empty")},e.reference||""),e.isRemote&&o("span",{class:this.remoteLocationText?"job-card__remote":"job-card__remote job-card__remote--empty"},this.remoteLocationText)),s&&o("div",{class:"job-card__distance"},o("span",{class:"job-card__distance--icon"},o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"}),o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 8v4l2 2"}))),o("span",{class:"job-card__distance--label"},s))),o("div",{class:"job-card__content"},o("div",{class:"job-card__info"},o("div",{class:l.length?"job-card__street":"job-card__street job-card__street--empty"},o("div",{class:"job-card__street--label__wrapper"},o("span",{class:"job-card__street--icon"},o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"}),o("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"}))),o("span",{class:"job-card__street--label"},a||"—")),d&&o("div",{class:"job-card__street--more-locations__wrapper"},o("span",{class:"job-card__street--amount"},"+",l.length-1),o("span",{class:"job-card__street--more-locations"},this.multiLocationText))),this.showBrand&&o("div",{class:e.brandName?"job-card__brand":"job-card__brand job-card__brand--empty"},o("span",{class:"job-card__brand--icon"},o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},o("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"}))),o("span",{class:"job-card__brand--label"},e.brandName||"—")),this.showEmploymentType&&o("div",{class:e.employmentType?.length?"job-card__employment-type":"job-card__employment-type job-card__employment-type--empty"},o("span",{class:"job-card__employment-type--icon"},o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},o("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"}))),e.employmentType?.length?e.employmentType?.map((e=>o("span",{key:e,class:"job-card__employment-type--label"},e))):o("span",{class:"job-card__employment-type--label"},"—")),(e.jobCardExtraFields??[]).length>0&&e.jobCardExtraFields?.map(((e,r)=>o("div",{key:r,class:this.isEmpty(e.value)?`${e.classname}--empty`:`${e.classname}`},Array.isArray(e.value)?e.value.map(((r,a)=>o("span",{key:a,class:`${e.classname}--label`},r))):o("span",{class:`${e.classname}--label`},e.value))))),o("a",{class:"job-card__apply",href:i,target:"_blank",rel:"noopener noreferrer","aria-label":c},o("span",{class:"job-card__apply--label"},this.applyButtonText),o("span",{class:"job-card__apply--icon"},o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"}))))))}};r.style=".job-card{display:block;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);transition:box-shadow 0.2s ease, border-color 0.2s ease}.job-card:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.12);border-color:#d0d0d0}.job-card__header{margin-bottom:12px}.job-card__title{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.job-card__title--link{text-decoration:none;color:#1f9755;transition:color 0.2s ease}.job-card__title--link:hover{text-decoration:underline;color:#1a7a43}.job-card__reference{font-size:0.875em;color:#666;background-color:#f5f5f5;padding:2px 6px;border-radius:3px}.job-card__reference--empty{display:none}.job-card__remote{background:#e8f5e9;color:#2e7d32;border-radius:100px;padding:4px 12px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}.job-card__remote--empty{display:none}.job-card__distance{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:500;color:#555}.job-card__distance--icon{display:inline-flex;align-items:center}.job-card__distance--icon svg{width:16px;height:16px;color:#1f9755}.job-card__content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.job-card__info{flex:1;display:flex;flex-direction:column;gap:8px}.job-card__street,.job-card__brand,.job-card__employment-type{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:14px}.job-card__street--empty,.job-card__brand--empty,.job-card__employment-type--empty{color:#999}.job-card__street--icon,.job-card__brand--icon,.job-card__employment-type--icon{display:inline-flex;align-items:center;flex-shrink:0}.job-card__street--icon svg,.job-card__brand--icon svg,.job-card__employment-type--icon svg{width:16px;height:16px;color:#666}.job-card__street--label,.job-card__brand--label,.job-card__employment-type--label{color:#333}.job-card__street--label__wrapper{display:flex;align-items:center;gap:6px}.job-card__street--more-locations__wrapper{display:flex;align-items:center;gap:2px;font-size:12px;margin-left:2px}.job-card__street--amount{font-weight:600;color:#1f9755}.job-card__street--more-locations{color:#999}.job-card__apply{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background-color:#198754;color:#fff;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color 0.2s ease, transform 0.1s ease;white-space:nowrap;flex-shrink:0}.job-card__apply:hover{background-color:#1a6f47;transform:translateY(-1px)}.job-card__apply:active{transform:translateY(0)}.job-card__apply--icon{display:inline-flex;align-items:center}.job-card__apply--icon svg{width:14px;height:14px}@media (max-width: 768px){.job-card{padding:12px}.job-card__content{flex-direction:column;gap:10px}.job-card__apply{width:100%;justify-content:center}.job-card__title{font-size:16px}}@media (max-width: 480px){.job-card{padding:10px}.job-card__title{font-size:15px}.job-card__distance{font-size:12px}.job-card__street,.job-card__brand,.job-card__employment-type{font-size:13px}}";export{r as job_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,g as s}from"./p-Dk5CvWmb.js";const o=class{constructor(n){t(this,n),this.buttonClick=e(this,"buttonClick")}variant="primary";type="button";disabled=!1;buttonClick;handleClick=t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.buttonClick.emit(t)};render(){return n("button",{key:"3b74909afe4e305dfd38f0b07657202e3d5bfccd",type:this.type,class:{"custom-button":!0,[`custom-button--${this.variant}`]:!0,"custom-button--disabled":this.disabled},disabled:this.disabled,onClick:this.handleClick},n("slot",{key:"49845d350e4665c5c66e30bd9262f788eaaa1e20"}))}};function i(t){return"number"==typeof t}function r(t){return"string"==typeof t}function c(t){return"boolean"==typeof t}function l(t){return"[object Object]"===Object.prototype.toString.call(t)}function a(t){return Math.abs(t)}function u(t){return Math.sign(t)}function d(t,e){return a(t-e)}function f(t){return g(t).map(Number)}function h(t){return t[p(t)]}function p(t){return Math.max(0,t.length-1)}function m(t,e){return e===p(t)}function b(t,e=0){return Array.from(Array(t),((t,n)=>e+n))}function g(t){return Object.keys(t)}function y(t,e){return[t,e].reduce(((t,e)=>(g(e).forEach((n=>{const s=t[n],o=e[n],i=l(s)&&l(o);t[n]=i?y(s,o):o})),t)),{})}function _(t,e){return void 0!==e.MouseEvent&&t instanceof e.MouseEvent}function x(){let t=[];const e={add:function(n,s,o,i={passive:!0}){let r;if("addEventListener"in n)n.addEventListener(s,o,i),r=()=>n.removeEventListener(s,o,i);else{const t=n;t.addListener(o),r=()=>t.removeListener(o)}return t.push(r),e},clear:function(){t=t.filter((t=>t()))}};return e}function v(t=0,e=0){const n=a(t-e);function s(e){return e<t}function o(t){return t>e}function i(t){return s(t)||o(t)}return{length:n,max:e,min:t,constrain:function(n){return i(n)?s(n)?t:e:n},reachedAny:i,reachedMax:o,reachedMin:s,removeOffset:function(t){return n?t-n*Math.ceil((t-e)/n):t}}}function k(t,e,n){const{constrain:s}=v(0,t),o=t+1;let i=r(e);function r(t){return n?a((o+t)%o):s(t)}function c(){return i}function l(){return k(t,c(),n)}const u={get:c,set:function(t){return i=r(t),u},add:function(t){return l().set(c()+t)},clone:l};return u}function w(t,e,n,s,o,i,r,l,f,h,p,m,b,g,y,k,w,S,j){const{cross:A,direction:L}=t,M=["INPUT","SELECT","TEXTAREA"],R={passive:!1},T=x(),C=x(),z=v(50,225).constrain(g.measure(20)),B={mouse:300,touch:400},N={mouse:500,touch:600},E=y?43:25;let F=!1,I=0,$=0,D=!1,O=!1,P=!1,H=!1;function U(t){if(!_(t,s)&&t.touches.length>=2)return V(t);const e=i.readPoint(t),n=i.readPoint(t,A),r=d(e,I),c=d(n,$);if(!O&&!H){if(!t.cancelable)return V(t);if(O=r>c,!O)return V(t)}const a=i.pointerMove(t);r>k&&(P=!0),h.useFriction(.3).useDuration(.75),l.start(),o.add(L(a)),t.preventDefault()}function V(t){const e=p.byDistance(0,!1).index!==m.get(),n=i.pointerUp(t)*(y?N:B)[H?"mouse":"touch"],s=function(t,e){const n=m.add(-1*u(t)),s=p.byDistance(t,!y).distance;return y||a(t)<z?s:w&&e?.5*s:p.byIndex(n.get(),0).distance}(L(n),e),o=function(t,e){if(0===t||0===e)return 0;if(a(t)<=a(e))return 0;const n=d(a(t),a(e));return a(n/t)}(n,s),r=E-10*o,c=S+o/50;O=!1,D=!1,C.clear(),h.useDuration(r).useFriction(c),f.distance(s,!y),H=!1,b.emit("pointerUp")}function G(t){P&&(t.stopPropagation(),t.preventDefault(),P=!1)}return{init:function(t){if(!j)return;function l(l){(c(j)||j(t,l))&&function(t){const c=_(t,s);H=c,P=y&&c&&!t.buttons&&F,F=d(o.get(),r.get())>=2,c&&0!==t.button||function(t){return M.includes(t.nodeName||"")}(t.target)||(D=!0,i.pointerDown(t),h.useFriction(0).useDuration(0),o.set(r),function(){const t=H?n:e;C.add(t,"touchmove",U,R).add(t,"touchend",V).add(t,"mousemove",U,R).add(t,"mouseup",V)}(),I=i.readPoint(t),$=i.readPoint(t,A),b.emit("pointerDown"))}(l)}const a=e;T.add(a,"dragstart",(t=>t.preventDefault()),R).add(a,"touchmove",(()=>{}),R).add(a,"touchend",(()=>{})).add(a,"touchstart",l).add(a,"mousedown",l).add(a,"touchcancel",V).add(a,"contextmenu",V).add(a,"click",G,!0)},destroy:function(){T.clear(),C.clear()},pointerDown:function(){return D}}}function S(t,e){let n,s;function o(t){return t.timeStamp}function i(n,s){const o="client"+("x"===(s||t.scroll)?"X":"Y");return(_(n,e)?n:n.touches[0])[o]}return{pointerDown:function(t){return n=t,s=t,i(t)},pointerMove:function(t){const e=i(t)-i(s),r=o(t)-o(n)>170;return s=t,r&&(n=t),e},pointerUp:function(t){if(!n||!s)return 0;const e=i(s)-i(n),r=o(t)-o(n),c=o(t)-o(s)>170,l=e/r;return r&&!c&&a(l)>.1?l:0},readPoint:i}}function j(t,e,n,s,o,i,r){const l=[t].concat(s);let u,d,f=[],h=!1;function p(t){return o.measureSize(r.measure(t))}return{init:function(o){i&&(d=p(t),f=s.map(p),u=new ResizeObserver((n=>{(c(i)||i(o,n))&&function(n){for(const i of n){if(h)return;const n=i.target===t,r=s.indexOf(i.target),c=n?d:f[r];if(a(p(n?t:s[r])-c)>=.5){o.reInit(),e.emit("resize");break}}}(n)})),n.requestAnimationFrame((()=>{l.forEach((t=>u.observe(t)))})))},destroy:function(){h=!0,u&&u.disconnect()}}}function A(t,e,n,s,o){const i=o.measure(10),r=o.measure(50),c=v(.1,.99);let l=!1;function u(){return!l&&!!t.reachedAny(n.get())&&!!t.reachedAny(e.get())}return{shouldConstrain:u,constrain:function(o){if(!u())return;const l=t.reachedMin(e.get())?"min":"max",d=a(t[l]-e.get()),f=n.get()-e.get(),h=c.constrain(d/r);n.subtract(f*h),!o&&a(f)<i&&(n.set(t.constrain(n.get())),s.useDuration(25).useBaseFriction())},toggleActive:function(t){l=!t}}}function L(t,e,n,s){const o=e.min+.1,i=e.max+.1,{reachedMin:r,reachedMax:c}=v(o,i);return{loop:function(e){if(!function(t){return 1===t?c(n.get()):-1===t&&r(n.get())}(e))return;const o=t*(-1*e);s.forEach((t=>t.add(o)))}}}function M(t){let e=t;function n(t){return i(t)?t:t.get()}return{get:function(){return e},set:function(t){e=n(t)},add:function(t){e+=n(t)},subtract:function(t){e-=n(t)}}}function R(t,e){const n="x"===t.scroll?function(t){return`translate3d(${t}px,0px,0px)`}:function(t){return`translate3d(0px,${t}px,0px)`},s=e.style;let o=null,i=!1;return{clear:function(){i||(s.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(e){if(i)return;const r=(c=t.direction(e),Math.round(100*c)/100);var c;r!==o&&(s.transform=n(r),o=r)},toggleActive:function(t){i=!t}}}function T(t,e,n,s,o,i,r,c,l){const a=f(o),u=p(h(f(o).reverse(),r[0]),n,!1).concat(p(h(a,e-r[0]-1),-n,!0));function d(t,e){return t.reduce(((t,e)=>t-o[e]),e)}function h(t,e){return t.reduce(((t,n)=>d(t,e)>0?t.concat([n]):t),[])}function p(o,r,a){const u=function(t){return i.map(((n,o)=>({start:n-s[o]+.5+t,end:n+e-.5+t})))}(r);return o.map((e=>{const s=a?0:-n,o=a?n:0,i=u[e][a?"end":"start"];return{index:e,loopPoint:i,slideLocation:M(-1),translate:R(t,l[e]),target:()=>c.get()>i?s:o}}))}return{canLoop:function(){return u.every((({index:t})=>d(a.filter((e=>e!==t)),e)<=.1))},clear:function(){u.forEach((t=>t.translate.clear()))},loop:function(){u.forEach((t=>{const{target:e,translate:n,slideLocation:s}=t,o=e();o!==s.get()&&(n.to(o),s.set(o))}))},loopPoints:u}}function C(t,e,n){let s,o=!1;return{init:function(i){n&&(s=new MutationObserver((t=>{o||(c(n)||n(i,t))&&function(t){for(const n of t)if("childList"===n.type){i.reInit(),e.emit("slidesChanged");break}}(t)})),s.observe(t,{childList:!0}))},destroy:function(){s&&s.disconnect(),o=!0}}}function z(t,e,n,s,o,l,y){const{align:_,axis:z,direction:B,startIndex:N,loop:E,duration:F,dragFree:I,dragThreshold:$,inViewThreshold:D,slidesToScroll:O,skipSnaps:P,containScroll:H,watchResize:U,watchSlides:V,watchDrag:G,watchFocus:J}=l,W={measure:function(t){const{offsetTop:e,offsetLeft:n,offsetWidth:s,offsetHeight:o}=t;return{top:e,right:n+s,bottom:e+o,left:n,width:s,height:o}}},Y=W.measure(e),K=n.map(W.measure),X=function(t,e){const n="rtl"===e,s="y"===t,o=!s&&n?-1:1;return{scroll:s?"y":"x",cross:s?"x":"y",startEdge:s?"top":n?"right":"left",endEdge:s?"bottom":n?"left":"right",measureSize:function(t){const{height:e,width:n}=t;return s?e:n},direction:function(t){return t*o}}}(z,B),q=X.measureSize(Y),Q=function(t){return{measure:function(e){return t*(e/100)}}}(q),Z=function(t,e){const n={start:function(){return 0},center:function(t){return s(t)/2},end:s};function s(t){return e-t}return{measure:function(s,o){return r(t)?n[t](s):t(e,s,o)}}}(_,q),tt=!E&&!!H,et=E||!!H,{slideSizes:nt,slideSizesWithGaps:st,startGap:ot,endGap:it}=function(t,e,n,s,o,i){const{measureSize:r,startEdge:c,endEdge:l}=t,u=n[0]&&o,d=u?a(e[c]-n[0][c]):0,f=function(){if(!u)return 0;const t=i.getComputedStyle(h(s));return parseFloat(t.getPropertyValue(`margin-${l}`))}(),p=n.map(r),b=n.map(((t,e,n)=>{const s=!e,o=m(n,e);return s?p[e]+d:o?p[e]+f:n[e+1][c]-t[c]})).map(a);return{slideSizes:p,slideSizesWithGaps:b,startGap:d,endGap:f}}(X,Y,K,n,et,o),rt=function(t,e,n,s,o,r,c,l,u){const{startEdge:d,endEdge:m,direction:b}=t,g=i(n);return{groupSlides:function(t){return g?function(t,e){return f(t).filter((t=>t%e==0)).map((n=>t.slice(n,n+e)))}(t,n):function(t){return t.length?f(t).reduce(((n,i,f)=>{const g=h(n)||0,y=0===g,_=i===p(t),x=o[d]-r[g][d],v=o[d]-r[i][m],k=!s&&y?b(c):0,w=a(v-(!s&&_?b(l):0)-(x+k));return f&&w>e+u&&n.push(i),_&&n.push(t.length),n}),[]).map(((e,n,s)=>{const o=Math.max(s[n-1]||0);return t.slice(o,e)})):[]}(t)}}}(X,q,O,E,Y,K,ot,it,2),{snaps:ct,snapsAligned:lt}=function(t,e,n,s,o){const{startEdge:i,endEdge:r}=t,{groupSlides:c}=o,l=c(s).map((t=>h(t)[r]-t[0][i])).map(a).map(e.measure),u=s.map((t=>n[i]-t[i])).map((t=>-a(t))),d=c(u).map((t=>t[0])).map(((t,e)=>t+l[e]));return{snaps:u,snapsAligned:d}}(X,Z,Y,K,rt),at=-h(ct)+h(st),{snapsContained:ut,scrollContainLimit:dt}=function(t,e,n,s){const o=v(-e+t,0),i=n.map(((t,e)=>{const{min:s,max:i}=o,r=o.constrain(t),l=!e,a=m(n,e);return l?i:a||c(s,r)?s:c(i,r)?i:r})).map((t=>parseFloat(t.toFixed(3)))),r=function(){const t=i[0],e=h(i);return v(i.lastIndexOf(t),i.indexOf(e)+1)}();function c(t,e){return d(t,e)<=1}return{snapsContained:function(){if(e<=t+2)return[o.max];if("keepSnaps"===s)return i;const{min:n,max:c}=r;return i.slice(n,c)}(),scrollContainLimit:r}}(q,at,lt,H),ft=tt?ut:lt,{limit:ht}=function(t,e,n){const s=e[0];return{limit:v(n?s-t:h(e),s)}}(at,ft,E),pt=k(p(ft),N,E),mt=pt.clone(),bt=f(n),gt=function(t,e,n,s){const o=x(),i=1e3/60;let r=null,c=0,l=0;function a(t){if(!l)return;r||(r=t,n(),n());const o=t-r;for(r=t,c+=o;c>=i;)n(),c-=i;s(c/i),l&&(l=e.requestAnimationFrame(a))}function u(){e.cancelAnimationFrame(l),r=null,c=0,l=0}return{init:function(){o.add(t,"visibilitychange",(()=>{t.hidden&&(r=null,c=0)}))},destroy:function(){u(),o.clear()},start:function(){l||(l=e.requestAnimationFrame(a))},stop:u,update:n,render:s}}(s,o,(()=>(({dragHandler:t,scrollBody:e,scrollBounds:n,options:{loop:s}})=>{s||n.constrain(t.pointerDown()),e.seek()})(Ct)),(t=>(({scrollBody:t,translate:e,location:n,offsetLocation:s,previousLocation:o,scrollLooper:i,slideLooper:r,dragHandler:c,animation:l,eventHandler:a,scrollBounds:u,options:{loop:d}},f)=>{const h=t.settled(),p=!u.shouldConstrain(),m=d?h:h&&p,b=m&&!c.pointerDown();b&&l.stop();const g=n.get()*f+o.get()*(1-f);s.set(g),d&&(i.loop(t.direction()),r.loop()),e.to(s.get()),b&&a.emit("settle"),m||a.emit("scroll")})(Ct,t))),yt=ft[pt.get()],_t=M(yt),xt=M(yt),vt=M(yt),kt=M(yt),wt=function(t,e,n,s,o){let i=0,r=0,c=o,l=.68,d=t.get(),f=0;function h(t){return c=t,m}function p(t){return l=t,m}const m={direction:function(){return r},duration:function(){return c},velocity:function(){return i},seek:function(){const e=s.get()-t.get();let o=0;return c?(n.set(t),i+=e/c,i*=l,d+=i,t.add(i),o=d-f):(i=0,n.set(s),t.set(s),o=e),r=u(o),f=d,m},settled:function(){return a(s.get()-e.get())<.001},useBaseFriction:function(){return p(.68)},useBaseDuration:function(){return h(o)},useFriction:p,useDuration:h};return m}(_t,vt,xt,kt,F),St=function(t,e,n,s,o){const{reachedAny:i,removeOffset:r,constrain:c}=s;function l(t){return t.concat().sort(((t,e)=>a(t)-a(e)))[0]}function d(e,s){const o=[e,e+n,e-n];if(!t)return e;if(!s)return l(o);const i=o.filter((t=>u(t)===s));return i.length?l(i):h(o)-n}return{byDistance:function(n,s){const l=o.get()+n,{index:u,distance:f}=function(n){const s=t?r(n):c(n),o=e.map(((t,e)=>({diff:d(t-s,0),index:e}))).sort(((t,e)=>a(t.diff)-a(e.diff))),{index:i}=o[0];return{index:i,distance:s}}(l),h=!t&&i(l);return!s||h?{index:u,distance:n}:{index:u,distance:n+d(e[u]-f,0)}},byIndex:function(t,n){return{index:t,distance:d(e[t]-o.get(),n)}},shortcut:d}}(E,ft,at,ht,kt),jt=function(t,e,n,s,o,i,r){function c(o){const c=o.distance,l=o.index!==e.get();i.add(c),c&&(s.duration()?t.start():(t.update(),t.render(1),t.update())),l&&(n.set(e.get()),e.set(o.index),r.emit("select"))}return{distance:function(t,e){c(o.byDistance(t,e))},index:function(t,n){const s=e.clone().set(t);c(o.byIndex(s.get(),n))}}}(gt,pt,mt,wt,St,kt,y),At=function(t){const{max:e,length:n}=t;return{get:function(t){return n?(t-e)/-n:0}}}(ht),Lt=x(),Mt=function(t,e,n,s){const o={};let i,r=null,c=null,l=!1;return{init:function(){i=new IntersectionObserver((t=>{l||(t.forEach((t=>{const n=e.indexOf(t.target);o[n]=t})),r=null,c=null,n.emit("slidesInView"))}),{root:t.parentElement,threshold:s}),e.forEach((t=>i.observe(t)))},destroy:function(){i&&i.disconnect(),l=!0},get:function(t=!0){if(t&&r)return r;if(!t&&c)return c;const e=function(t){return g(o).reduce(((e,n)=>{const s=parseInt(n),{isIntersecting:i}=o[s];return(t&&i||!t&&!i)&&e.push(s),e}),[])}(t);return t&&(r=e),t||(c=e),e}}}(e,n,y,D),{slideRegistry:Rt}=function(t,e,n,s,o,i){const{groupSlides:r}=o,{min:c,max:l}=s;return{slideRegistry:function(){const s=r(i);return 1===n.length?[i]:t&&"keepSnaps"!==e?s.slice(c,l).map(((t,e,n)=>{const s=!e,o=m(n,e);return s?b(h(n[0])+1):o?b(p(i)-h(n)[0]+1,h(n)[0]):t})):s}()}}(tt,H,ft,dt,rt,bt),Tt=function(t,e,n,s,o,r,l,a){const u={passive:!0,capture:!0};let d=0;function f(t){"Tab"===t.code&&(d=(new Date).getTime())}return{init:function(h){a&&(r.add(document,"keydown",f,!1),e.forEach(((e,f)=>{r.add(e,"focus",(e=>{(c(a)||a(h,e))&&function(e){if((new Date).getTime()-d>10)return;l.emit("slideFocusStart"),t.scrollLeft=0;const r=n.findIndex((t=>t.includes(e)));i(r)&&(o.useDuration(0),s.index(r,0),l.emit("slideFocus"))}(f)}),u)})))}}}(t,n,Rt,jt,wt,Lt,y,J),Ct={ownerDocument:s,ownerWindow:o,eventHandler:y,containerRect:Y,slideRects:K,animation:gt,axis:X,dragHandler:w(X,t,s,o,kt,S(X,o),_t,gt,jt,wt,St,pt,y,Q,I,$,P,.68,G),eventStore:Lt,percentOfView:Q,index:pt,indexPrevious:mt,limit:ht,location:_t,offsetLocation:vt,previousLocation:xt,options:l,resizeHandler:j(e,y,o,n,X,U,W),scrollBody:wt,scrollBounds:A(ht,vt,kt,wt,Q),scrollLooper:L(at,ht,vt,[_t,vt,xt,kt]),scrollProgress:At,scrollSnapList:ft.map(At.get),scrollSnaps:ft,scrollTarget:St,scrollTo:jt,slideLooper:T(X,q,at,nt,st,ct,ft,vt,n),slideFocus:Tt,slidesHandler:C(e,y,V),slidesInView:Mt,slideIndexes:bt,slideRegistry:Rt,slidesToScroll:rt,target:kt,translate:R(X,e)};return Ct}o.style=":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 B={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function N(t){function e(t,e){return y(t,e||{})}return{mergeOptions:e,optionsAtMedia:function(n){const s=n.breakpoints||{},o=g(s).filter((e=>t.matchMedia(e).matches)).map((t=>s[t])).reduce(((t,n)=>e(t,n)),{});return e(n,o)},optionsMediaQueries:function(e){return e.map((t=>g(t.breakpoints||{}))).reduce(((t,e)=>t.concat(e)),[]).map(t.matchMedia)}}}function E(t,e,n){const s=t.ownerDocument,o=s.defaultView,i=N(o),c=function(t){let e=[];return{init:function(n,s){return e=s.filter((({options:e})=>!1!==t.optionsAtMedia(e).active)),e.forEach((e=>e.init(n,t))),s.reduce(((t,e)=>Object.assign(t,{[e.name]:e})),{})},destroy:function(){e=e.filter((t=>t.destroy()))}}}(i),l=x(),a=function(){let t,e={};function n(t){return e[t]||[]}const s={init:function(e){t=e},emit:function(e){return n(e).forEach((n=>n(t,e))),s},off:function(t,o){return e[t]=n(t).filter((t=>t!==o)),s},on:function(t,o){return e[t]=n(t).concat([o]),s},clear:function(){e={}}};return s}(),{mergeOptions:u,optionsAtMedia:d,optionsMediaQueries:f}=i,{on:h,off:p,emit:m}=a,b=M;let g,y,_,v,k=!1,w=u(B,E.globalOptions),S=u(w),j=[];function A(e){const n=z(t,_,v,s,o,e,a);return e.loop&&!n.slideLooper.canLoop()?A(Object.assign({},e,{loop:!1})):n}function L(e,n){k||(w=u(w,e),S=d(w),j=n||j,function(){const{container:e,slides:n}=S,s=r(e)?t.querySelector(e):e;_=s||t.children[0];const o=r(n)?_.querySelectorAll(n):n;v=[].slice.call(o||_.children)}(),g=A(S),f([w,...j.map((({options:t})=>t))]).forEach((t=>l.add(t,"change",M))),S.active&&(g.translate.to(g.location.get()),g.animation.init(),g.slidesInView.init(),g.slideFocus.init(F),g.eventHandler.init(F),g.resizeHandler.init(F),g.slidesHandler.init(F),g.options.loop&&g.slideLooper.loop(),_.offsetParent&&v.length&&g.dragHandler.init(F),y=c.init(F,j)))}function M(t,e){const n=C();R(),L(u({startIndex:n},t),e),a.emit("reInit")}function R(){g.dragHandler.destroy(),g.eventStore.clear(),g.translate.clear(),g.slideLooper.clear(),g.resizeHandler.destroy(),g.slidesHandler.destroy(),g.slidesInView.destroy(),g.animation.destroy(),c.destroy(),l.clear()}function T(t,e,n){S.active&&!k&&(g.scrollBody.useBaseFriction().useDuration(!0===e?0:S.duration),g.scrollTo.index(t,n||0))}function C(){return g.index.get()}const F={canScrollNext:function(){return g.index.add(1).get()!==C()},canScrollPrev:function(){return g.index.add(-1).get()!==C()},containerNode:function(){return _},internalEngine:function(){return g},destroy:function(){k||(k=!0,l.clear(),R(),a.emit("destroy"),a.clear())},off:p,on:h,emit:m,plugins:function(){return y},previousScrollSnap:function(){return g.indexPrevious.get()},reInit:b,rootNode:function(){return t},scrollNext:function(t){T(g.index.add(1).get(),t,-1)},scrollPrev:function(t){T(g.index.add(-1).get(),t,1)},scrollProgress:function(){return g.scrollProgress.get(g.offsetLocation.get())},scrollSnapList:function(){return g.scrollSnapList},scrollTo:T,selectedScrollSnap:C,slideNodes:function(){return v},slidesInView:function(){return g.slidesInView.get()},slidesNotInView:function(){return g.slidesInView.get(!1)}};return L(e,n),setTimeout((()=>a.emit("init")),0),F}E.globalOptions=void 0;const F=class{constructor(e){t(this,e)}get el(){return s(this)}items;loop=!0;class;controlClass;slideClass;itemClass;viewportRef;containerRef;slotRef;prevBtnRef;nextBtnRef;dotsRef;embla=null;movedNodes=[];prevClickHandler=null;nextClickHandler=null;dotClickHandlers=[];slotNodesMoved=!1;async scrollPrev(){this.embla?.scrollPrev()}async scrollNext(){this.embla?.scrollNext()}async goToSlide(t){this.embla?.scrollTo(t)}async getEmbla(){return this.embla}moveSlotNodesIntoContainer(){if(!this.slotRef||!this.containerRef||this.slotNodesMoved)return;const t=this.slotRef.assignedNodes().filter((t=>t.nodeType===Node.ELEMENT_NODE));0!==t.length&&(this.movedNodes=[],t.forEach((t=>{this.containerRef.appendChild(t),this.movedNodes.push(t)})),this.slotNodesMoved=!0,this.scheduleEmblaInit())}initScheduled=!1;scheduleEmblaInit(){this.initScheduled||(this.initScheduled=!0,requestAnimationFrame((()=>{this.initScheduled=!1,this.destroyEmbla(),this.initEmbla()})))}moveSlotNodesBack(){const t=this.el;this.movedNodes.forEach((e=>t.appendChild(e))),this.movedNodes=[]}initEmbla(){if(!this.viewportRef||!this.containerRef)return;const t=this.getItemsArray();if(!(void 0!==t?t.length>0:this.containerRef.children.length>0))return;this.embla=E(this.viewportRef,{loop:this.loop,align:"center",containScroll:"trimSnaps"});const e=this.prevBtnRef,n=this.nextBtnRef,s=this.dotsRef,o=()=>{e&&(this.embla?.canScrollPrev()?e.removeAttribute("disabled"):e.setAttribute("disabled","")),n&&(this.embla?.canScrollNext()?n.removeAttribute("disabled"):n.setAttribute("disabled",""))};if(this.embla.on("init",o),this.embla.on("reInit",o),this.embla.on("select",o),e&&n&&(this.prevClickHandler=()=>this.embla?.scrollPrev(),this.nextClickHandler=()=>this.embla?.scrollNext(),e.addEventListener("click",this.prevClickHandler),n.addEventListener("click",this.nextClickHandler)),s){const t=this.embla.scrollSnapList().length;s.innerHTML="";for(let e=0;e<t;e++){const t=document.createElement("button");t.type="button",t.setAttribute("aria-label",`Go to slide ${e+1}`),t.className="carousel__dot",0===e&&t.classList.add("current");const n=document.createElement("div");n.className="carousel__dot-inner",t.appendChild(n);const o=e,i=()=>this.embla?.scrollTo(o);this.dotClickHandlers.push(i),t.addEventListener("click",i),s.appendChild(t)}this.embla.on("select",(()=>{const t=this.embla?.selectedScrollSnap()??0;s.querySelectorAll("button").forEach(((e,n)=>{e.classList.toggle("current",n===t)}))}))}o()}destroyEmbla(){this.prevBtnRef&&this.prevClickHandler&&(this.prevBtnRef.removeEventListener("click",this.prevClickHandler),this.prevClickHandler=null),this.nextBtnRef&&this.nextClickHandler&&(this.nextBtnRef.removeEventListener("click",this.nextClickHandler),this.nextClickHandler=null),this.dotClickHandlers=[],this.dotsRef&&(this.dotsRef.innerHTML=""),this.embla?.destroy(),this.embla=null}onSlotChange=()=>{void 0===this.getItemsArray()&&this.moveSlotNodesIntoContainer()};componentDidRender(){void 0===this.getItemsArray()?(this.slotRef&&(this.slotRef.removeEventListener("slotchange",this.onSlotChange),this.slotRef.addEventListener("slotchange",this.onSlotChange)),requestAnimationFrame((()=>{this.moveSlotNodesIntoContainer(),this.slotNodesMoved||(this.destroyEmbla(),this.initEmbla())}))):(this.destroyEmbla(),this.initEmbla())}disconnectedCallback(){this.slotRef&&this.slotRef.removeEventListener("slotchange",this.onSlotChange),this.destroyEmbla(),void 0===this.getItemsArray()&&(this.moveSlotNodesBack(),this.slotNodesMoved=!1)}getItemsArray(){if(void 0!==this.items){if(Array.isArray(this.items))return this.items;if("string"==typeof this.items)try{const t=JSON.parse(this.items);return Array.isArray(t)?t:void 0}catch{return}}}render(){const t=this.getItemsArray(),e=void 0!==t&&t.length>0;return n("div",{key:"3a2ea6c339bf0fe656e5a333789df7a37156b5dc",class:`carousel ${this.class||""}`.trim()},n("div",{key:"0a73b925095ae3188e5e40b024bc250e4c183894",class:`carousel__viewport ${this.slideClass||""}`.trim(),ref:t=>this.viewportRef=t},n("div",{key:"7fc3b5a72e386f7fa21702aeb363e08da1b728cf",class:"carousel__container",ref:t=>this.containerRef=t},e&&t?t.map(((t,e)=>n("div",{key:e,class:`carousel__slide ${this.itemClass||""}`.trim()},"object"==typeof t&&null!==t&&"content"in t?t.content:String(t)))):null)),!e&&n("div",{key:"dee2fc91470728c136c9853cd74ae350ad3c5676",style:{display:"none"},"aria-hidden":"true"},n("slot",{key:"35dd47c03a1b9b6b73d845252c3d0482590f7da2",ref:t=>this.slotRef=t})),n("div",{key:"df639ad86ae8533f1dc15eed30afb70d99e36e1a",class:`carousel__controls ${this.controlClass||""}`.trim()},n("button",{key:"c17c0ea9bf023b5d2621e558c957d92b13425584",type:"button","aria-label":"Previous",class:"carousel__prev",ref:t=>this.prevBtnRef=t},n("svg",{key:"5125abcae0b08ee72106d511b4c24c2d0f24187b",class:"carousel__icon","stroke-width":"1.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true"},n("path",{key:"9b7f28be56f451ad14de226d7163a5587a1cd9e6","stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5L8.25 12l7.5-7.5"}))),n("div",{key:"9939d3496092a3f319efac9132cec8097c83b497",class:"carousel__dots",ref:t=>this.dotsRef=t}),n("button",{key:"a0b1228f6df0065885f1d272386283926e78464b",type:"button","aria-label":"Next",class:"carousel__next",ref:t=>this.nextBtnRef=t},n("svg",{key:"e00c92cc0485f41a30e97d5d0466aaee48a64998",class:"carousel__icon","stroke-width":"1.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true"},n("path",{key:"a35c46fdbd1cd333d3e6f76590f45dd837546165","stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})))))}};F.style=":host{display:block}.carousel{display:flex;flex-direction:column;overflow:hidden}.carousel__viewport{overflow:hidden;touch-action:pan-y pinch-zoom}.carousel__container{display:flex;flex-direction:row;height:100%;margin-left:calc(-0.4rem)}.carousel__container ::slotted(*){flex:0 0 50%;width:50%;height:100%;padding-left:0.4rem;box-sizing:border-box}.carousel__slide{flex:0 0 50%;width:50%;height:100%;padding-left:0.4rem;box-sizing:border-box}.carousel__controls{display:flex;gap:0.25rem;margin-top:0.25rem;justify-content:center;align-items:center}.carousel__prev,.carousel__next{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:currentColor}.carousel__prev:disabled,.carousel__next:disabled{opacity:0.4;cursor:not-allowed}.carousel__icon{width:2.4rem;height:2.4rem}.carousel__dots{display:flex;gap:0.25rem;align-items:center}.carousel__dot{padding:0;border:none;background:none;cursor:pointer;width:0.5rem;height:0.5rem;display:flex;align-items:center;justify-content:center}.carousel__dot-inner{width:100%;height:100%;border-radius:50%;background-color:var(--carousel-dot-bg, #cbd5e1);transition:background-color 0.2s ease}.carousel__dot.current .carousel__dot-inner{background-color:var(--carousel-dot-active-bg, #94a3b8)}";const I=class{constructor(e){t(this,e)}job;index=0;applyButtonText="Apply Now";showBrand=!0;showReference=!1;showEmploymentType=!0;multiLocationText="More locations";remoteLocationText="Remote";enableKilometers=!1;formatDistance(t){const e=this.enableKilometers?"Km":"Miles";return`${(this.enableKilometers?1.60934*t:t).toFixed(1)} ${e}`.replace(".0","")}render(){if(!this.job)return null;const t=function(t){const e=t.locations;if(e?.length)return e[0]}(this.job),e=t?(s=t).cityStateAbbr?s.cityStateAbbr:[s.streetAddress,s.city,s.stateAbbr||s.state,s.countryAbbr||s.country].filter(Boolean).join(", ")||s.locationText||"":"";var s;const o=t?.distance??0,i=o>0?this.formatDistance(o):"",r=this.job.applyURL||(this.job.originalURL?`${"undefined"!=typeof window?window.location.origin:""}${this.job.originalURL}`:"#"),c=`${this.applyButtonText}, ${this.job.title||""}`,l=this.job.locations??[],a=l.length>1;return n("li",{class:"results-list__item"},n("div",{class:"results-list__item-header"},n("h3",{class:"results-list__item-title"},n("a",{class:"results-list__item-title--link",href:r,target:"_blank",rel:"noopener noreferrer"},this.job.title||""),this.showReference&&n("span",{class:"reference "+(this.job.reference?"":"empty")},this.job.reference||""),this.job.isRemote&&n("span",{class:this.remoteLocationText?"remote":"remote remote--empty"},this.remoteLocationText)),i&&n("div",{class:"results-list__item-distance"},n("span",{class:"results-list__item-distance--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"}),n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 8v4l2 2"}))),n("span",{class:"results-list__item-distance--label"},i))),n("div",{class:"results-list__item-content"},n("div",{class:"results-list__item-info"},n("div",{class:l.length?"results-list__item-street":"results-list__item-street results-list__item-street--empty"},n("div",{class:"results-list__item-street--label__wrapper"},n("span",{class:"results-list__item-street--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"}),n("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"}))),n("span",{class:"results-list__item-street--label"},e||"—")),a&&n("div",{class:"results-list__item-street--more-locations__wrapper"},n("span",{class:"results-list__item-street--amount"},"+",l.length-1),n("span",{class:"results-list__item-street--more-locations"},this.multiLocationText))),this.showBrand&&n("div",{class:this.job.brandName?"results-list__item-brand":"results-list__item-brand results-list__item-brand--empty"},n("span",{class:"results-list__item-brand--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("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"}))),n("span",{class:"results-list__item-brand--label"},this.job.brandName||"—")),this.showEmploymentType&&n("div",{class:this.job.employmentType?.length?"results-list__item-employment-type":"results-list__item-employment-type results-list__item-employment-type--empty"},n("span",{class:"results-list__item-employment-type--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("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"}))),(this.job.employmentType?.length?this.job.employmentType:["—"]).map((t=>n("span",{key:t,class:"results-list__item-employment-type--label"},t)))),(this.job.jobCardExtraFields??[]).map(((t,e)=>n("div",{key:e,class:(Array.isArray(t.value)?t.value.length:t.value)?t.classname:`${t.classname}--empty`},Array.isArray(t.value)?t.value.map(((e,s)=>n("span",{key:s,class:`${t.classname}--label`},e))):n("span",{class:`${t.classname}--label`},String(t.value)))))),n("a",{class:"results-list__item-apply",href:r,target:"_blank",rel:"noopener noreferrer","aria-label":c},n("span",{class:"results-list__item-apply--label"},this.applyButtonText),n("span",{class:"results-list__item-apply--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M13 7l5 5m0 0l-5 5m5-5H6"}))))))}};I.style=".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}";const $=[{title:"Senior Software Engineer",reference:"REF-001",originalURL:"/jobs/senior-software-engineer",applyURL:"https://apply.example.com/1",brandName:"Engineering",isRemote:!1,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:!0,locations:[],employmentType:["Full-time"]},{title:"UX Designer",reference:"REF-003",originalURL:"/jobs/ux-designer",brandName:"Design",isRemote:!1,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"]}],D=class{constructor(e){t(this,e)}mockData=!1;jobs=[];loading=!1;totalJob=0;noResultsLine1="Sorry, we're not able to load results for your search.";noResultsLine2="Please refine your keywords in the search bar above and try again.";applyButtonText="Apply Now";showBrand=!0;showReference=!1;showEmploymentType=!0;streetFormat="{street}, {city_state_abbr}";multiLocationText="More locations";remoteLocationText="Remote";enableKilometers=!1;rootClass="";showSuggestions=!1;clearResultSuggestionsTitleText="Suggestions";clearResultSuggestionsLine1="Try different keywords";clearResultSuggestionsLine2="Make sure everything is spelled correctly";clearResultSuggestionsLine3="Try other locations";clearResultSuggestionsLine4="";getJobsArray(){if(this.mockData)return $;const t=this.jobs;if(Array.isArray(t))return t;if("string"==typeof t)try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch{return[]}return[]}renderJobItem(t,e){return n("jobs-item",{job:t,index:e,applyButtonText:this.applyButtonText,showBrand:this.showBrand,showReference:this.showReference,showEmploymentType:this.showEmploymentType,multiLocationText:this.multiLocationText,remoteLocationText:this.remoteLocationText,enableKilometers:this.enableKilometers})}render(){const t=this.getJobsArray(),e=!this.mockData&&this.loading,s=this.mockData?t.length:this.totalJob||t.length,o=!e&&0===s&&!this.showSuggestions,i=!e&&0===s&&this.showSuggestions;return n("div",{key:"9e69d40c649b4f16617f522c89bc87d4cbffe1e3",class:`jobs-list-root ${this.rootClass}`.trim()},n("div",{key:"7daf1c09dd1d5553a335f3c81c894a331964ee96",class:"results-container"},n("div",{key:"9ab3db2b834359a64faee61f8c3dc2daca8211d9",class:e?"loader":"loader hide","aria-hidden":!e}),s>0&&n("div",{key:"c729ccdf715105b9fbc7af0a1f148c82535772c1",class:"card"},n("ul",{key:"b0c5b6baccf7b94819cc2ad9ab970981a5294b42",class:"results-list front"},t.map(((t,e)=>this.renderJobItem(t,e))))),o&&n("div",{key:"8f1684ddde51474e9c1699f93fb01c56e5406a51",class:"share-jobs__no-results"},n("h2",{key:"2e3bc4b6b7647e3939588102d659e777207e46e9"},this.noResultsLine1),n("h3",{key:"f4881f19ad5db8fdd47aa4d31e1e0435f08da1ab"},this.noResultsLine2)),i&&n("div",{key:"ed34907fd90f28571786045f21525895cef6e98a",class:"card primary-color"},n("h4",{key:"33e96147f1b427df874656c1e0647af1d97fea29",class:"result-suggestions-title"},this.clearResultSuggestionsTitleText,":"),n("ul",{key:"570fd8e5068f1a7c809fad47347fe5f469da8bc6",class:"results-list front"},n("li",{key:"b5d22dfb448d2888dc010d6e494d1834d3d60034",class:"result-suggestions-line"},this.clearResultSuggestionsLine1),n("li",{key:"77c1e8bbe9ab238e4f05fdbaf43551aef4f2a36e",class:"result-suggestions-line"},this.clearResultSuggestionsLine2),n("li",{key:"0bd9503bf686213ae087f74a7b5f2cc62f9c96b7",class:"result-suggestions-line"},this.clearResultSuggestionsLine3),this.clearResultSuggestionsLine4&&n("li",{key:"961b2904347e1c5fc6b355a069790f0f2997917f",class:"result-suggestions-line"},this.clearResultSuggestionsLine4)))))}};D.style=":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}.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}";export{o as fast_button,F as fast_carousel,I as jobs_item,D as jobs_list_only}
|
|
1
|
+
import{r as t,c as e,h as n,g as s}from"./p-Dk5CvWmb.js";const o=class{constructor(n){t(this,n),this.buttonClick=e(this,"buttonClick")}variant="primary";type="button";disabled=!1;buttonClick;handleClick=t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.buttonClick.emit(t)};render(){return n("button",{key:"3b74909afe4e305dfd38f0b07657202e3d5bfccd",type:this.type,class:{"custom-button":!0,[`custom-button--${this.variant}`]:!0,"custom-button--disabled":this.disabled},disabled:this.disabled,onClick:this.handleClick},n("slot",{key:"49845d350e4665c5c66e30bd9262f788eaaa1e20"}))}};function i(t){return"number"==typeof t}function r(t){return"string"==typeof t}function c(t){return"boolean"==typeof t}function l(t){return"[object Object]"===Object.prototype.toString.call(t)}function a(t){return Math.abs(t)}function u(t){return Math.sign(t)}function d(t,e){return a(t-e)}function f(t){return g(t).map(Number)}function h(t){return t[p(t)]}function p(t){return Math.max(0,t.length-1)}function m(t,e){return e===p(t)}function b(t,e=0){return Array.from(Array(t),((t,n)=>e+n))}function g(t){return Object.keys(t)}function y(t,e){return[t,e].reduce(((t,e)=>(g(e).forEach((n=>{const s=t[n],o=e[n],i=l(s)&&l(o);t[n]=i?y(s,o):o})),t)),{})}function _(t,e){return void 0!==e.MouseEvent&&t instanceof e.MouseEvent}function x(){let t=[];const e={add:function(n,s,o,i={passive:!0}){let r;if("addEventListener"in n)n.addEventListener(s,o,i),r=()=>n.removeEventListener(s,o,i);else{const t=n;t.addListener(o),r=()=>t.removeListener(o)}return t.push(r),e},clear:function(){t=t.filter((t=>t()))}};return e}function v(t=0,e=0){const n=a(t-e);function s(e){return e<t}function o(t){return t>e}function i(t){return s(t)||o(t)}return{length:n,max:e,min:t,constrain:function(n){return i(n)?s(n)?t:e:n},reachedAny:i,reachedMax:o,reachedMin:s,removeOffset:function(t){return n?t-n*Math.ceil((t-e)/n):t}}}function k(t,e,n){const{constrain:s}=v(0,t),o=t+1;let i=r(e);function r(t){return n?a((o+t)%o):s(t)}function c(){return i}function l(){return k(t,c(),n)}const u={get:c,set:function(t){return i=r(t),u},add:function(t){return l().set(c()+t)},clone:l};return u}function w(t,e,n,s,o,i,r,l,f,h,p,m,b,g,y,k,w,S,j){const{cross:A,direction:L}=t,M=["INPUT","SELECT","TEXTAREA"],R={passive:!1},T=x(),C=x(),z=v(50,225).constrain(g.measure(20)),B={mouse:300,touch:400},N={mouse:500,touch:600},E=y?43:25;let F=!1,I=0,$=0,D=!1,O=!1,P=!1,H=!1;function U(t){if(!_(t,s)&&t.touches.length>=2)return V(t);const e=i.readPoint(t),n=i.readPoint(t,A),r=d(e,I),c=d(n,$);if(!O&&!H){if(!t.cancelable)return V(t);if(O=r>c,!O)return V(t)}const a=i.pointerMove(t);r>k&&(P=!0),h.useFriction(.3).useDuration(.75),l.start(),o.add(L(a)),t.preventDefault()}function V(t){const e=p.byDistance(0,!1).index!==m.get(),n=i.pointerUp(t)*(y?N:B)[H?"mouse":"touch"],s=function(t,e){const n=m.add(-1*u(t)),s=p.byDistance(t,!y).distance;return y||a(t)<z?s:w&&e?.5*s:p.byIndex(n.get(),0).distance}(L(n),e),o=function(t,e){if(0===t||0===e)return 0;if(a(t)<=a(e))return 0;const n=d(a(t),a(e));return a(n/t)}(n,s),r=E-10*o,c=S+o/50;O=!1,D=!1,C.clear(),h.useDuration(r).useFriction(c),f.distance(s,!y),H=!1,b.emit("pointerUp")}function G(t){P&&(t.stopPropagation(),t.preventDefault(),P=!1)}return{init:function(t){if(!j)return;function l(l){(c(j)||j(t,l))&&function(t){const c=_(t,s);H=c,P=y&&c&&!t.buttons&&F,F=d(o.get(),r.get())>=2,c&&0!==t.button||function(t){return M.includes(t.nodeName||"")}(t.target)||(D=!0,i.pointerDown(t),h.useFriction(0).useDuration(0),o.set(r),function(){const t=H?n:e;C.add(t,"touchmove",U,R).add(t,"touchend",V).add(t,"mousemove",U,R).add(t,"mouseup",V)}(),I=i.readPoint(t),$=i.readPoint(t,A),b.emit("pointerDown"))}(l)}const a=e;T.add(a,"dragstart",(t=>t.preventDefault()),R).add(a,"touchmove",(()=>{}),R).add(a,"touchend",(()=>{})).add(a,"touchstart",l).add(a,"mousedown",l).add(a,"touchcancel",V).add(a,"contextmenu",V).add(a,"click",G,!0)},destroy:function(){T.clear(),C.clear()},pointerDown:function(){return D}}}function S(t,e){let n,s;function o(t){return t.timeStamp}function i(n,s){const o="client"+("x"===(s||t.scroll)?"X":"Y");return(_(n,e)?n:n.touches[0])[o]}return{pointerDown:function(t){return n=t,s=t,i(t)},pointerMove:function(t){const e=i(t)-i(s),r=o(t)-o(n)>170;return s=t,r&&(n=t),e},pointerUp:function(t){if(!n||!s)return 0;const e=i(s)-i(n),r=o(t)-o(n),c=o(t)-o(s)>170,l=e/r;return r&&!c&&a(l)>.1?l:0},readPoint:i}}function j(t,e,n,s,o,i,r){const l=[t].concat(s);let u,d,f=[],h=!1;function p(t){return o.measureSize(r.measure(t))}return{init:function(o){i&&(d=p(t),f=s.map(p),u=new ResizeObserver((n=>{(c(i)||i(o,n))&&function(n){for(const i of n){if(h)return;const n=i.target===t,r=s.indexOf(i.target),c=n?d:f[r];if(a(p(n?t:s[r])-c)>=.5){o.reInit(),e.emit("resize");break}}}(n)})),n.requestAnimationFrame((()=>{l.forEach((t=>u.observe(t)))})))},destroy:function(){h=!0,u&&u.disconnect()}}}function A(t,e,n,s,o){const i=o.measure(10),r=o.measure(50),c=v(.1,.99);let l=!1;function u(){return!l&&!!t.reachedAny(n.get())&&!!t.reachedAny(e.get())}return{shouldConstrain:u,constrain:function(o){if(!u())return;const l=t.reachedMin(e.get())?"min":"max",d=a(t[l]-e.get()),f=n.get()-e.get(),h=c.constrain(d/r);n.subtract(f*h),!o&&a(f)<i&&(n.set(t.constrain(n.get())),s.useDuration(25).useBaseFriction())},toggleActive:function(t){l=!t}}}function L(t,e,n,s){const o=e.min+.1,i=e.max+.1,{reachedMin:r,reachedMax:c}=v(o,i);return{loop:function(e){if(!function(t){return 1===t?c(n.get()):-1===t&&r(n.get())}(e))return;const o=t*(-1*e);s.forEach((t=>t.add(o)))}}}function M(t){let e=t;function n(t){return i(t)?t:t.get()}return{get:function(){return e},set:function(t){e=n(t)},add:function(t){e+=n(t)},subtract:function(t){e-=n(t)}}}function R(t,e){const n="x"===t.scroll?function(t){return`translate3d(${t}px,0px,0px)`}:function(t){return`translate3d(0px,${t}px,0px)`},s=e.style;let o=null,i=!1;return{clear:function(){i||(s.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(e){if(i)return;const r=(c=t.direction(e),Math.round(100*c)/100);var c;r!==o&&(s.transform=n(r),o=r)},toggleActive:function(t){i=!t}}}function T(t,e,n,s,o,i,r,c,l){const a=f(o),u=p(h(f(o).reverse(),r[0]),n,!1).concat(p(h(a,e-r[0]-1),-n,!0));function d(t,e){return t.reduce(((t,e)=>t-o[e]),e)}function h(t,e){return t.reduce(((t,n)=>d(t,e)>0?t.concat([n]):t),[])}function p(o,r,a){const u=function(t){return i.map(((n,o)=>({start:n-s[o]+.5+t,end:n+e-.5+t})))}(r);return o.map((e=>{const s=a?0:-n,o=a?n:0,i=u[e][a?"end":"start"];return{index:e,loopPoint:i,slideLocation:M(-1),translate:R(t,l[e]),target:()=>c.get()>i?s:o}}))}return{canLoop:function(){return u.every((({index:t})=>d(a.filter((e=>e!==t)),e)<=.1))},clear:function(){u.forEach((t=>t.translate.clear()))},loop:function(){u.forEach((t=>{const{target:e,translate:n,slideLocation:s}=t,o=e();o!==s.get()&&(n.to(o),s.set(o))}))},loopPoints:u}}function C(t,e,n){let s,o=!1;return{init:function(i){n&&(s=new MutationObserver((t=>{o||(c(n)||n(i,t))&&function(t){for(const n of t)if("childList"===n.type){i.reInit(),e.emit("slidesChanged");break}}(t)})),s.observe(t,{childList:!0}))},destroy:function(){s&&s.disconnect(),o=!0}}}function z(t,e,n,s,o,l,y){const{align:_,axis:z,direction:B,startIndex:N,loop:E,duration:F,dragFree:I,dragThreshold:$,inViewThreshold:D,slidesToScroll:O,skipSnaps:P,containScroll:H,watchResize:U,watchSlides:V,watchDrag:G,watchFocus:J}=l,W={measure:function(t){const{offsetTop:e,offsetLeft:n,offsetWidth:s,offsetHeight:o}=t;return{top:e,right:n+s,bottom:e+o,left:n,width:s,height:o}}},Y=W.measure(e),K=n.map(W.measure),X=function(t,e){const n="rtl"===e,s="y"===t,o=!s&&n?-1:1;return{scroll:s?"y":"x",cross:s?"x":"y",startEdge:s?"top":n?"right":"left",endEdge:s?"bottom":n?"left":"right",measureSize:function(t){const{height:e,width:n}=t;return s?e:n},direction:function(t){return t*o}}}(z,B),q=X.measureSize(Y),Q=function(t){return{measure:function(e){return t*(e/100)}}}(q),Z=function(t,e){const n={start:function(){return 0},center:function(t){return s(t)/2},end:s};function s(t){return e-t}return{measure:function(s,o){return r(t)?n[t](s):t(e,s,o)}}}(_,q),tt=!E&&!!H,et=E||!!H,{slideSizes:nt,slideSizesWithGaps:st,startGap:ot,endGap:it}=function(t,e,n,s,o,i){const{measureSize:r,startEdge:c,endEdge:l}=t,u=n[0]&&o,d=u?a(e[c]-n[0][c]):0,f=function(){if(!u)return 0;const t=i.getComputedStyle(h(s));return parseFloat(t.getPropertyValue(`margin-${l}`))}(),p=n.map(r),b=n.map(((t,e,n)=>{const s=!e,o=m(n,e);return s?p[e]+d:o?p[e]+f:n[e+1][c]-t[c]})).map(a);return{slideSizes:p,slideSizesWithGaps:b,startGap:d,endGap:f}}(X,Y,K,n,et,o),rt=function(t,e,n,s,o,r,c,l,u){const{startEdge:d,endEdge:m,direction:b}=t,g=i(n);return{groupSlides:function(t){return g?function(t,e){return f(t).filter((t=>t%e==0)).map((n=>t.slice(n,n+e)))}(t,n):function(t){return t.length?f(t).reduce(((n,i,f)=>{const g=h(n)||0,y=0===g,_=i===p(t),x=o[d]-r[g][d],v=o[d]-r[i][m],k=!s&&y?b(c):0,w=a(v-(!s&&_?b(l):0)-(x+k));return f&&w>e+u&&n.push(i),_&&n.push(t.length),n}),[]).map(((e,n,s)=>{const o=Math.max(s[n-1]||0);return t.slice(o,e)})):[]}(t)}}}(X,q,O,E,Y,K,ot,it,2),{snaps:ct,snapsAligned:lt}=function(t,e,n,s,o){const{startEdge:i,endEdge:r}=t,{groupSlides:c}=o,l=c(s).map((t=>h(t)[r]-t[0][i])).map(a).map(e.measure),u=s.map((t=>n[i]-t[i])).map((t=>-a(t))),d=c(u).map((t=>t[0])).map(((t,e)=>t+l[e]));return{snaps:u,snapsAligned:d}}(X,Z,Y,K,rt),at=-h(ct)+h(st),{snapsContained:ut,scrollContainLimit:dt}=function(t,e,n,s){const o=v(-e+t,0),i=n.map(((t,e)=>{const{min:s,max:i}=o,r=o.constrain(t),l=!e,a=m(n,e);return l?i:a||c(s,r)?s:c(i,r)?i:r})).map((t=>parseFloat(t.toFixed(3)))),r=function(){const t=i[0],e=h(i);return v(i.lastIndexOf(t),i.indexOf(e)+1)}();function c(t,e){return d(t,e)<=1}return{snapsContained:function(){if(e<=t+2)return[o.max];if("keepSnaps"===s)return i;const{min:n,max:c}=r;return i.slice(n,c)}(),scrollContainLimit:r}}(q,at,lt,H),ft=tt?ut:lt,{limit:ht}=function(t,e,n){const s=e[0];return{limit:v(n?s-t:h(e),s)}}(at,ft,E),pt=k(p(ft),N,E),mt=pt.clone(),bt=f(n),gt=function(t,e,n,s){const o=x(),i=1e3/60;let r=null,c=0,l=0;function a(t){if(!l)return;r||(r=t,n(),n());const o=t-r;for(r=t,c+=o;c>=i;)n(),c-=i;s(c/i),l&&(l=e.requestAnimationFrame(a))}function u(){e.cancelAnimationFrame(l),r=null,c=0,l=0}return{init:function(){o.add(t,"visibilitychange",(()=>{t.hidden&&(r=null,c=0)}))},destroy:function(){u(),o.clear()},start:function(){l||(l=e.requestAnimationFrame(a))},stop:u,update:n,render:s}}(s,o,(()=>(({dragHandler:t,scrollBody:e,scrollBounds:n,options:{loop:s}})=>{s||n.constrain(t.pointerDown()),e.seek()})(Ct)),(t=>(({scrollBody:t,translate:e,location:n,offsetLocation:s,previousLocation:o,scrollLooper:i,slideLooper:r,dragHandler:c,animation:l,eventHandler:a,scrollBounds:u,options:{loop:d}},f)=>{const h=t.settled(),p=!u.shouldConstrain(),m=d?h:h&&p,b=m&&!c.pointerDown();b&&l.stop();const g=n.get()*f+o.get()*(1-f);s.set(g),d&&(i.loop(t.direction()),r.loop()),e.to(s.get()),b&&a.emit("settle"),m||a.emit("scroll")})(Ct,t))),yt=ft[pt.get()],_t=M(yt),xt=M(yt),vt=M(yt),kt=M(yt),wt=function(t,e,n,s,o){let i=0,r=0,c=o,l=.68,d=t.get(),f=0;function h(t){return c=t,m}function p(t){return l=t,m}const m={direction:function(){return r},duration:function(){return c},velocity:function(){return i},seek:function(){const e=s.get()-t.get();let o=0;return c?(n.set(t),i+=e/c,i*=l,d+=i,t.add(i),o=d-f):(i=0,n.set(s),t.set(s),o=e),r=u(o),f=d,m},settled:function(){return a(s.get()-e.get())<.001},useBaseFriction:function(){return p(.68)},useBaseDuration:function(){return h(o)},useFriction:p,useDuration:h};return m}(_t,vt,xt,kt,F),St=function(t,e,n,s,o){const{reachedAny:i,removeOffset:r,constrain:c}=s;function l(t){return t.concat().sort(((t,e)=>a(t)-a(e)))[0]}function d(e,s){const o=[e,e+n,e-n];if(!t)return e;if(!s)return l(o);const i=o.filter((t=>u(t)===s));return i.length?l(i):h(o)-n}return{byDistance:function(n,s){const l=o.get()+n,{index:u,distance:f}=function(n){const s=t?r(n):c(n),o=e.map(((t,e)=>({diff:d(t-s,0),index:e}))).sort(((t,e)=>a(t.diff)-a(e.diff))),{index:i}=o[0];return{index:i,distance:s}}(l),h=!t&&i(l);return!s||h?{index:u,distance:n}:{index:u,distance:n+d(e[u]-f,0)}},byIndex:function(t,n){return{index:t,distance:d(e[t]-o.get(),n)}},shortcut:d}}(E,ft,at,ht,kt),jt=function(t,e,n,s,o,i,r){function c(o){const c=o.distance,l=o.index!==e.get();i.add(c),c&&(s.duration()?t.start():(t.update(),t.render(1),t.update())),l&&(n.set(e.get()),e.set(o.index),r.emit("select"))}return{distance:function(t,e){c(o.byDistance(t,e))},index:function(t,n){const s=e.clone().set(t);c(o.byIndex(s.get(),n))}}}(gt,pt,mt,wt,St,kt,y),At=function(t){const{max:e,length:n}=t;return{get:function(t){return n?(t-e)/-n:0}}}(ht),Lt=x(),Mt=function(t,e,n,s){const o={};let i,r=null,c=null,l=!1;return{init:function(){i=new IntersectionObserver((t=>{l||(t.forEach((t=>{const n=e.indexOf(t.target);o[n]=t})),r=null,c=null,n.emit("slidesInView"))}),{root:t.parentElement,threshold:s}),e.forEach((t=>i.observe(t)))},destroy:function(){i&&i.disconnect(),l=!0},get:function(t=!0){if(t&&r)return r;if(!t&&c)return c;const e=function(t){return g(o).reduce(((e,n)=>{const s=parseInt(n),{isIntersecting:i}=o[s];return(t&&i||!t&&!i)&&e.push(s),e}),[])}(t);return t&&(r=e),t||(c=e),e}}}(e,n,y,D),{slideRegistry:Rt}=function(t,e,n,s,o,i){const{groupSlides:r}=o,{min:c,max:l}=s;return{slideRegistry:function(){const s=r(i);return 1===n.length?[i]:t&&"keepSnaps"!==e?s.slice(c,l).map(((t,e,n)=>{const s=!e,o=m(n,e);return s?b(h(n[0])+1):o?b(p(i)-h(n)[0]+1,h(n)[0]):t})):s}()}}(tt,H,ft,dt,rt,bt),Tt=function(t,e,n,s,o,r,l,a){const u={passive:!0,capture:!0};let d=0;function f(t){"Tab"===t.code&&(d=(new Date).getTime())}return{init:function(h){a&&(r.add(document,"keydown",f,!1),e.forEach(((e,f)=>{r.add(e,"focus",(e=>{(c(a)||a(h,e))&&function(e){if((new Date).getTime()-d>10)return;l.emit("slideFocusStart"),t.scrollLeft=0;const r=n.findIndex((t=>t.includes(e)));i(r)&&(o.useDuration(0),s.index(r,0),l.emit("slideFocus"))}(f)}),u)})))}}}(t,n,Rt,jt,wt,Lt,y,J),Ct={ownerDocument:s,ownerWindow:o,eventHandler:y,containerRect:Y,slideRects:K,animation:gt,axis:X,dragHandler:w(X,t,s,o,kt,S(X,o),_t,gt,jt,wt,St,pt,y,Q,I,$,P,.68,G),eventStore:Lt,percentOfView:Q,index:pt,indexPrevious:mt,limit:ht,location:_t,offsetLocation:vt,previousLocation:xt,options:l,resizeHandler:j(e,y,o,n,X,U,W),scrollBody:wt,scrollBounds:A(ht,vt,kt,wt,Q),scrollLooper:L(at,ht,vt,[_t,vt,xt,kt]),scrollProgress:At,scrollSnapList:ft.map(At.get),scrollSnaps:ft,scrollTarget:St,scrollTo:jt,slideLooper:T(X,q,at,nt,st,ct,ft,vt,n),slideFocus:Tt,slidesHandler:C(e,y,V),slidesInView:Mt,slideIndexes:bt,slideRegistry:Rt,slidesToScroll:rt,target:kt,translate:R(X,e)};return Ct}o.style=":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 B={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function N(t){function e(t,e){return y(t,e||{})}return{mergeOptions:e,optionsAtMedia:function(n){const s=n.breakpoints||{},o=g(s).filter((e=>t.matchMedia(e).matches)).map((t=>s[t])).reduce(((t,n)=>e(t,n)),{});return e(n,o)},optionsMediaQueries:function(e){return e.map((t=>g(t.breakpoints||{}))).reduce(((t,e)=>t.concat(e)),[]).map(t.matchMedia)}}}function E(t,e,n){const s=t.ownerDocument,o=s.defaultView,i=N(o),c=function(t){let e=[];return{init:function(n,s){return e=s.filter((({options:e})=>!1!==t.optionsAtMedia(e).active)),e.forEach((e=>e.init(n,t))),s.reduce(((t,e)=>Object.assign(t,{[e.name]:e})),{})},destroy:function(){e=e.filter((t=>t.destroy()))}}}(i),l=x(),a=function(){let t,e={};function n(t){return e[t]||[]}const s={init:function(e){t=e},emit:function(e){return n(e).forEach((n=>n(t,e))),s},off:function(t,o){return e[t]=n(t).filter((t=>t!==o)),s},on:function(t,o){return e[t]=n(t).concat([o]),s},clear:function(){e={}}};return s}(),{mergeOptions:u,optionsAtMedia:d,optionsMediaQueries:f}=i,{on:h,off:p,emit:m}=a,b=M;let g,y,_,v,k=!1,w=u(B,E.globalOptions),S=u(w),j=[];function A(e){const n=z(t,_,v,s,o,e,a);return e.loop&&!n.slideLooper.canLoop()?A(Object.assign({},e,{loop:!1})):n}function L(e,n){k||(w=u(w,e),S=d(w),j=n||j,function(){const{container:e,slides:n}=S,s=r(e)?t.querySelector(e):e;_=s||t.children[0];const o=r(n)?_.querySelectorAll(n):n;v=[].slice.call(o||_.children)}(),g=A(S),f([w,...j.map((({options:t})=>t))]).forEach((t=>l.add(t,"change",M))),S.active&&(g.translate.to(g.location.get()),g.animation.init(),g.slidesInView.init(),g.slideFocus.init(F),g.eventHandler.init(F),g.resizeHandler.init(F),g.slidesHandler.init(F),g.options.loop&&g.slideLooper.loop(),_.offsetParent&&v.length&&g.dragHandler.init(F),y=c.init(F,j)))}function M(t,e){const n=C();R(),L(u({startIndex:n},t),e),a.emit("reInit")}function R(){g.dragHandler.destroy(),g.eventStore.clear(),g.translate.clear(),g.slideLooper.clear(),g.resizeHandler.destroy(),g.slidesHandler.destroy(),g.slidesInView.destroy(),g.animation.destroy(),c.destroy(),l.clear()}function T(t,e,n){S.active&&!k&&(g.scrollBody.useBaseFriction().useDuration(!0===e?0:S.duration),g.scrollTo.index(t,n||0))}function C(){return g.index.get()}const F={canScrollNext:function(){return g.index.add(1).get()!==C()},canScrollPrev:function(){return g.index.add(-1).get()!==C()},containerNode:function(){return _},internalEngine:function(){return g},destroy:function(){k||(k=!0,l.clear(),R(),a.emit("destroy"),a.clear())},off:p,on:h,emit:m,plugins:function(){return y},previousScrollSnap:function(){return g.indexPrevious.get()},reInit:b,rootNode:function(){return t},scrollNext:function(t){T(g.index.add(1).get(),t,-1)},scrollPrev:function(t){T(g.index.add(-1).get(),t,1)},scrollProgress:function(){return g.scrollProgress.get(g.offsetLocation.get())},scrollSnapList:function(){return g.scrollSnapList},scrollTo:T,selectedScrollSnap:C,slideNodes:function(){return v},slidesInView:function(){return g.slidesInView.get()},slidesNotInView:function(){return g.slidesInView.get(!1)}};return L(e,n),setTimeout((()=>a.emit("init")),0),F}E.globalOptions=void 0;const F=class{constructor(e){t(this,e)}get el(){return s(this)}items;loop=!0;class;controlClass;slideClass;itemClass;viewportRef;containerRef;slotRef;prevBtnRef;nextBtnRef;dotsRef;embla=null;movedNodes=[];prevClickHandler=null;nextClickHandler=null;dotClickHandlers=[];slotNodesMoved=!1;async scrollPrev(){this.embla?.scrollPrev()}async scrollNext(){this.embla?.scrollNext()}async goToSlide(t){this.embla?.scrollTo(t)}async getEmbla(){return this.embla}moveSlotNodesIntoContainer(){if(!this.slotRef||!this.containerRef||this.slotNodesMoved)return;const t=this.slotRef.assignedNodes().filter((t=>t.nodeType===Node.ELEMENT_NODE));0!==t.length&&(this.movedNodes=[],t.forEach((t=>{this.containerRef.appendChild(t),this.movedNodes.push(t)})),this.slotNodesMoved=!0,this.scheduleEmblaInit())}initScheduled=!1;scheduleEmblaInit(){this.initScheduled||(this.initScheduled=!0,requestAnimationFrame((()=>{this.initScheduled=!1,this.destroyEmbla(),this.initEmbla()})))}moveSlotNodesBack(){const t=this.el;this.movedNodes.forEach((e=>t.appendChild(e))),this.movedNodes=[]}initEmbla(){if(!this.viewportRef||!this.containerRef)return;const t=this.getItemsArray();if(!(void 0!==t?t.length>0:this.containerRef.children.length>0))return;this.embla=E(this.viewportRef,{loop:this.loop,align:"center",containScroll:"trimSnaps"});const e=this.prevBtnRef,n=this.nextBtnRef,s=this.dotsRef,o=()=>{e&&(this.embla?.canScrollPrev()?e.removeAttribute("disabled"):e.setAttribute("disabled","")),n&&(this.embla?.canScrollNext()?n.removeAttribute("disabled"):n.setAttribute("disabled",""))};if(this.embla.on("init",o),this.embla.on("reInit",o),this.embla.on("select",o),e&&n&&(this.prevClickHandler=()=>this.embla?.scrollPrev(),this.nextClickHandler=()=>this.embla?.scrollNext(),e.addEventListener("click",this.prevClickHandler),n.addEventListener("click",this.nextClickHandler)),s){const t=this.embla.scrollSnapList().length;s.innerHTML="";for(let e=0;e<t;e++){const t=document.createElement("button");t.type="button",t.setAttribute("aria-label",`Go to slide ${e+1}`),t.className="carousel__dot",0===e&&t.classList.add("current");const n=document.createElement("div");n.className="carousel__dot-inner",t.appendChild(n);const o=e,i=()=>this.embla?.scrollTo(o);this.dotClickHandlers.push(i),t.addEventListener("click",i),s.appendChild(t)}this.embla.on("select",(()=>{const t=this.embla?.selectedScrollSnap()??0;s.querySelectorAll("button").forEach(((e,n)=>{e.classList.toggle("current",n===t)}))}))}o()}destroyEmbla(){this.prevBtnRef&&this.prevClickHandler&&(this.prevBtnRef.removeEventListener("click",this.prevClickHandler),this.prevClickHandler=null),this.nextBtnRef&&this.nextClickHandler&&(this.nextBtnRef.removeEventListener("click",this.nextClickHandler),this.nextClickHandler=null),this.dotClickHandlers=[],this.dotsRef&&(this.dotsRef.innerHTML=""),this.embla?.destroy(),this.embla=null}onSlotChange=()=>{void 0===this.getItemsArray()&&this.moveSlotNodesIntoContainer()};componentDidRender(){void 0===this.getItemsArray()?(this.slotRef&&(this.slotRef.removeEventListener("slotchange",this.onSlotChange),this.slotRef.addEventListener("slotchange",this.onSlotChange)),requestAnimationFrame((()=>{this.moveSlotNodesIntoContainer(),this.slotNodesMoved||(this.destroyEmbla(),this.initEmbla())}))):(this.destroyEmbla(),this.initEmbla())}disconnectedCallback(){this.slotRef&&this.slotRef.removeEventListener("slotchange",this.onSlotChange),this.destroyEmbla(),void 0===this.getItemsArray()&&(this.moveSlotNodesBack(),this.slotNodesMoved=!1)}getItemsArray(){if(void 0!==this.items){if(Array.isArray(this.items))return this.items;if("string"==typeof this.items)try{const t=JSON.parse(this.items);return Array.isArray(t)?t:void 0}catch{return}}}render(){const t=this.getItemsArray(),e=void 0!==t&&t.length>0;return n("div",{key:"3a2ea6c339bf0fe656e5a333789df7a37156b5dc",class:`carousel ${this.class||""}`.trim()},n("div",{key:"0a73b925095ae3188e5e40b024bc250e4c183894",class:`carousel__viewport ${this.slideClass||""}`.trim(),ref:t=>this.viewportRef=t},n("div",{key:"7fc3b5a72e386f7fa21702aeb363e08da1b728cf",class:"carousel__container",ref:t=>this.containerRef=t},e&&t?t.map(((t,e)=>n("div",{key:e,class:`carousel__slide ${this.itemClass||""}`.trim()},"object"==typeof t&&null!==t&&"content"in t?t.content:String(t)))):null)),!e&&n("div",{key:"dee2fc91470728c136c9853cd74ae350ad3c5676",style:{display:"none"},"aria-hidden":"true"},n("slot",{key:"35dd47c03a1b9b6b73d845252c3d0482590f7da2",ref:t=>this.slotRef=t})),n("div",{key:"df639ad86ae8533f1dc15eed30afb70d99e36e1a",class:`carousel__controls ${this.controlClass||""}`.trim()},n("button",{key:"c17c0ea9bf023b5d2621e558c957d92b13425584",type:"button","aria-label":"Previous",class:"carousel__prev",ref:t=>this.prevBtnRef=t},n("svg",{key:"5125abcae0b08ee72106d511b4c24c2d0f24187b",class:"carousel__icon","stroke-width":"1.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true"},n("path",{key:"9b7f28be56f451ad14de226d7163a5587a1cd9e6","stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5L8.25 12l7.5-7.5"}))),n("div",{key:"9939d3496092a3f319efac9132cec8097c83b497",class:"carousel__dots",ref:t=>this.dotsRef=t}),n("button",{key:"a0b1228f6df0065885f1d272386283926e78464b",type:"button","aria-label":"Next",class:"carousel__next",ref:t=>this.nextBtnRef=t},n("svg",{key:"e00c92cc0485f41a30e97d5d0466aaee48a64998",class:"carousel__icon","stroke-width":"1.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true"},n("path",{key:"a35c46fdbd1cd333d3e6f76590f45dd837546165","stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})))))}};F.style=":host{display:block}.carousel{display:flex;flex-direction:column;overflow:hidden}.carousel__viewport{overflow:hidden;touch-action:pan-y pinch-zoom}.carousel__container{display:flex;flex-direction:row;height:100%;margin-left:calc(-0.4rem)}.carousel__container ::slotted(*){flex:0 0 50%;width:50%;height:100%;padding-left:0.4rem;box-sizing:border-box}.carousel__slide{flex:0 0 50%;width:50%;height:100%;padding-left:0.4rem;box-sizing:border-box}.carousel__controls{display:flex;gap:0.25rem;margin-top:0.25rem;justify-content:center;align-items:center}.carousel__prev,.carousel__next{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:currentColor}.carousel__prev:disabled,.carousel__next:disabled{opacity:0.4;cursor:not-allowed}.carousel__icon{width:2.4rem;height:2.4rem}.carousel__dots{display:flex;gap:0.25rem;align-items:center}.carousel__dot{padding:0;border:none;background:none;cursor:pointer;width:0.5rem;height:0.5rem;display:flex;align-items:center;justify-content:center}.carousel__dot-inner{width:100%;height:100%;border-radius:50%;background-color:var(--carousel-dot-bg, #cbd5e1);transition:background-color 0.2s ease}.carousel__dot.current .carousel__dot-inner{background-color:var(--carousel-dot-active-bg, #94a3b8)}";const I=class{constructor(e){t(this,e)}job;index=0;applyButtonText="Apply Now";showBrand=!0;showReference=!1;showEmploymentType=!0;multiLocationText="More locations";remoteLocationText="Remote";enableKilometers=!1;formatDistance(t){const e=this.enableKilometers?"Km":"Miles";return`${(this.enableKilometers?1.60934*t:t).toFixed(1)} ${e}`.replace(".0","")}render(){if(!this.job)return null;const t=function(t){const e=t.locations;if(e?.length)return e[0]}(this.job),e=t?(s=t).cityStateAbbr?s.cityStateAbbr:[s.streetAddress,s.city,s.stateAbbr||s.state,s.countryAbbr||s.country].filter(Boolean).join(", ")||s.locationText||"":"";var s;const o=t?.distance??0,i=o>0?this.formatDistance(o):"",r=this.job.applyURL||(this.job.originalURL?`${"undefined"!=typeof window?window.location.origin:""}${this.job.originalURL}`:"#"),c=`${this.applyButtonText}, ${this.job.title||""}`,l=this.job.locations??[],a=l.length>1;return n("li",{class:"results-list__item"},n("div",{class:"results-list__item-header"},n("h3",{class:"results-list__item-title"},n("a",{class:"results-list__item-title--link",href:r,target:"_blank",rel:"noopener noreferrer"},this.job.title||""),this.showReference&&n("span",{class:"reference "+(this.job.reference?"":"empty")},this.job.reference||""),this.job.isRemote&&n("span",{class:this.remoteLocationText?"remote":"remote remote--empty"},this.remoteLocationText)),i&&n("div",{class:"results-list__item-distance"},n("span",{class:"results-list__item-distance--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"}),n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 8v4l2 2"}))),n("span",{class:"results-list__item-distance--label"},i))),n("div",{class:"results-list__item-content"},n("div",{class:"results-list__item-info"},n("div",{class:l.length?"results-list__item-street":"results-list__item-street results-list__item-street--empty"},n("div",{class:"results-list__item-street--label__wrapper"},n("span",{class:"results-list__item-street--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"}),n("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"}))),n("span",{class:"results-list__item-street--label"},e||"—")),a&&n("div",{class:"results-list__item-street--more-locations__wrapper"},n("span",{class:"results-list__item-street--amount"},"+",l.length-1),n("span",{class:"results-list__item-street--more-locations"},this.multiLocationText))),this.showBrand&&n("div",{class:this.job.brandName?"results-list__item-brand":"results-list__item-brand results-list__item-brand--empty"},n("span",{class:"results-list__item-brand--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("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"}))),n("span",{class:"results-list__item-brand--label"},this.job.brandName||"—")),this.showEmploymentType&&n("div",{class:this.job.employmentType?.length?"results-list__item-employment-type":"results-list__item-employment-type results-list__item-employment-type--empty"},n("span",{class:"results-list__item-employment-type--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},n("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"}))),(this.job.employmentType?.length?this.job.employmentType:["—"]).map((t=>n("span",{key:t,class:"results-list__item-employment-type--label"},t)))),(this.job.jobCardExtraFields??[]).map(((t,e)=>n("div",{key:e,class:(Array.isArray(t.value)?t.value.length:t.value)?t.classname:`${t.classname}--empty`},Array.isArray(t.value)?t.value.map(((e,s)=>n("span",{key:s,class:`${t.classname}--label`},e))):n("span",{class:`${t.classname}--label`},String(t.value)))))),n("a",{class:"results-list__item-apply",href:r,target:"_blank",rel:"noopener noreferrer","aria-label":c},n("span",{class:"results-list__item-apply--label"},this.applyButtonText),n("span",{class:"results-list__item-apply--icon"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M13 7l5 5m0 0l-5 5m5-5H6"}))))))}};I.style=".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}";const $=[{title:"Senior Software Engineer",reference:"REF-001",originalURL:"/jobs/senior-software-engineer",applyURL:"https://apply.example.com/1",brandName:"Engineering",isRemote:!1,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:!0,locations:[],employmentType:["Full-time"]},{title:"UX Designer",reference:"REF-003",originalURL:"/jobs/ux-designer",brandName:"Design",isRemote:!1,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"]}],D=class{constructor(e){t(this,e)}mockData=!1;jobs=[];loading=!1;totalJob=0;noResultsLine1="Sorry, we're not able to load results for your search.";noResultsLine2="Please refine your keywords in the search bar above and try again.";applyButtonText="Apply Now";showBrand=!0;showReference=!1;showEmploymentType=!0;streetFormat="{street}, {city_state_abbr}";multiLocationText="More locations";remoteLocationText="Remote";enableKilometers=!1;rootClass="";showSuggestions=!1;clearResultSuggestionsTitleText="Suggestions";clearResultSuggestionsLine1="Try different keywords";clearResultSuggestionsLine2="Make sure everything is spelled correctly";clearResultSuggestionsLine3="Try other locations";clearResultSuggestionsLine4="";getJobsArray(){if(this.mockData)return $;const t=this.jobs;if(Array.isArray(t))return t;if("string"==typeof t)try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch{return[]}return[]}renderJobItem(t,e){return n("jobs-item",{job:t,index:e,applyButtonText:this.applyButtonText,showBrand:this.showBrand,showReference:this.showReference,showEmploymentType:this.showEmploymentType,multiLocationText:this.multiLocationText,remoteLocationText:this.remoteLocationText,enableKilometers:this.enableKilometers})}render(){const t=this.getJobsArray(),e=!this.mockData&&this.loading,s=this.mockData?t.length:this.totalJob||t.length,o=!e&&0===s&&!this.showSuggestions,i=!e&&0===s&&this.showSuggestions;return n("div",{key:"c22b59e35668df06633c8c11ae8a51b463e06b19",class:`jobs-list-root ${this.rootClass}`.trim()},n("div",{key:"e2b5b1bf68b75dd958b906c18c258faa8f4e1e25",class:"results-container"},n("div",{key:"923d2402d2951d9de47a69c5fd87a80fda382b6e",class:e?"loader":"loader hide","aria-hidden":!e}),s>0&&n("div",{key:"000c2c2d512f1b48999d628a2517701fc061dd11",class:"card"},n("ul",{key:"7028fc4f1b007eb9ff9bc205201af986c6d0a9ae",class:"results-list front"},t.map(((t,e)=>this.renderJobItem(t,e))))),o&&n("div",{key:"4f567c7ddbf7d393469886ce3b4865dcb9f4e761",class:"share-jobs__no-results"},n("h2",{key:"5f1ae77afeca0c37183dc681a9cc42eebaf0e510"},this.noResultsLine1),n("h3",{key:"6f8a754181cabf1befc6a9a4cf811417075af918"},this.noResultsLine2)),i&&n("div",{key:"a09cc45fbed615bb8672f8e77c2a8793efec2dc5",class:"card primary-color"},n("h4",{key:"9e53bb60ec086f42845d90c807dbd1cb6a88721d",class:"result-suggestions-title"},this.clearResultSuggestionsTitleText,":"),n("ul",{key:"0769ebd6367255dad56e688cd36a65cc41f1f366",class:"results-list front"},n("li",{key:"7032fc1d77ca040be7d2c949c7bc755c62ef4df3",class:"result-suggestions-line"},this.clearResultSuggestionsLine1),n("li",{key:"49e0c6d4cad62448abc42124708472d8c268c7d9",class:"result-suggestions-line"},this.clearResultSuggestionsLine2),n("li",{key:"ad76dbdad20e8de716613baa2bd1e745b6749fa7",class:"result-suggestions-line"},this.clearResultSuggestionsLine3),this.clearResultSuggestionsLine4&&n("li",{key:"b141b94ceeacd5de8fd430cc9e5e05063953130a",class:"result-suggestions-line"},this.clearResultSuggestionsLine4)))))}};D.style=":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}.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}";export{o as fast_button,F as fast_carousel,I as jobs_item,D as jobs_list_only}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-Dk5CvWmb.js";export{s as setNonce}from"./p-Dk5CvWmb.js";import{g as o}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,
|
|
1
|
+
import{p as e,b as t}from"./p-Dk5CvWmb.js";export{s as setNonce}from"./p-Dk5CvWmb.js";import{g as o}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((async e=>(await o(),t([["p-52c85341",[[512,"job-card",{job:[1],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"],showCommuteTime:[4,"show-commute-time"],streetFormat:[1,"street-format"],rootClass:[1,"root-class"],extraFieldsConfig:[16]}]]],["p-96761988",[[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"]}]]]],e))));
|
package/hydrate/index.js
CHANGED
|
@@ -6507,6 +6507,185 @@ class CustomButton {
|
|
|
6507
6507
|
}; }
|
|
6508
6508
|
}
|
|
6509
6509
|
|
|
6510
|
+
const jobCardCss = () => `.job-card{display:block;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);transition:box-shadow 0.2s ease, border-color 0.2s ease}.job-card:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.12);border-color:#d0d0d0}.job-card__header{margin-bottom:12px}.job-card__title{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.job-card__title--link{text-decoration:none;color:#1f9755;transition:color 0.2s ease}.job-card__title--link:hover{text-decoration:underline;color:#1a7a43}.job-card__reference{font-size:0.875em;color:#666;background-color:#f5f5f5;padding:2px 6px;border-radius:3px}.job-card__reference--empty{display:none}.job-card__remote{background:#e8f5e9;color:#2e7d32;border-radius:100px;padding:4px 12px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}.job-card__remote--empty{display:none}.job-card__distance{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:500;color:#555}.job-card__distance--icon{display:inline-flex;align-items:center}.job-card__distance--icon svg{width:16px;height:16px;color:#1f9755}.job-card__content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.job-card__info{flex:1;display:flex;flex-direction:column;gap:8px}.job-card__street,.job-card__brand,.job-card__employment-type{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:14px}.job-card__street--empty,.job-card__brand--empty,.job-card__employment-type--empty{color:#999}.job-card__street--icon,.job-card__brand--icon,.job-card__employment-type--icon{display:inline-flex;align-items:center;flex-shrink:0}.job-card__street--icon svg,.job-card__brand--icon svg,.job-card__employment-type--icon svg{width:16px;height:16px;color:#666}.job-card__street--label,.job-card__brand--label,.job-card__employment-type--label{color:#333}.job-card__street--label__wrapper{display:flex;align-items:center;gap:6px}.job-card__street--more-locations__wrapper{display:flex;align-items:center;gap:2px;font-size:12px;margin-left:2px}.job-card__street--amount{font-weight:600;color:#1f9755}.job-card__street--more-locations{color:#999}.job-card__apply{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background-color:#198754;color:#fff;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color 0.2s ease, transform 0.1s ease;white-space:nowrap;flex-shrink:0}.job-card__apply:hover{background-color:#1a6f47;transform:translateY(-1px)}.job-card__apply:active{transform:translateY(0)}.job-card__apply--icon{display:inline-flex;align-items:center}.job-card__apply--icon svg{width:14px;height:14px}@media (max-width: 768px){.job-card{padding:12px}.job-card__content{flex-direction:column;gap:10px}.job-card__apply{width:100%;justify-content:center}.job-card__title{font-size:16px}}@media (max-width: 480px){.job-card{padding:10px}.job-card__title{font-size:15px}.job-card__distance{font-size:12px}.job-card__street,.job-card__brand,.job-card__employment-type{font-size:13px}}`;
|
|
6511
|
+
|
|
6512
|
+
/**
|
|
6513
|
+
* Helper function to get formatted location label from location object
|
|
6514
|
+
*/
|
|
6515
|
+
function getLocationLabel$1(loc) {
|
|
6516
|
+
if (loc.cityStateAbbr)
|
|
6517
|
+
return loc.cityStateAbbr;
|
|
6518
|
+
const parts = [loc.streetAddress, loc.city, loc.stateAbbr || loc.state, loc.countryAbbr || loc.country].filter(Boolean);
|
|
6519
|
+
return parts.join(', ') || loc.locationText || '';
|
|
6520
|
+
}
|
|
6521
|
+
/**
|
|
6522
|
+
* Helper function to get the first location from job locations
|
|
6523
|
+
*/
|
|
6524
|
+
function getFirstLocation$1(job) {
|
|
6525
|
+
const locs = job.locations;
|
|
6526
|
+
if (!locs?.length)
|
|
6527
|
+
return undefined;
|
|
6528
|
+
return locs[0];
|
|
6529
|
+
}
|
|
6530
|
+
/**
|
|
6531
|
+
* JobCard Component
|
|
6532
|
+
*
|
|
6533
|
+
* A reusable card component for displaying job information based on the React JobItem component.
|
|
6534
|
+
* Features include:
|
|
6535
|
+
* - Job title with apply link
|
|
6536
|
+
* - Location with distance
|
|
6537
|
+
* - Brand/company name
|
|
6538
|
+
* - Employment type
|
|
6539
|
+
* - Reference number (optional)
|
|
6540
|
+
* - Remote indicator (optional)
|
|
6541
|
+
* - Multi-location support
|
|
6542
|
+
* - Custom extra fields
|
|
6543
|
+
*
|
|
6544
|
+
* @example
|
|
6545
|
+
* ```html
|
|
6546
|
+
* <job-card
|
|
6547
|
+
* .job={jobData}
|
|
6548
|
+
* applyButtonText="Apply"
|
|
6549
|
+
* showBrand="true"
|
|
6550
|
+
* showEmploymentType="true"
|
|
6551
|
+
* ></job-card>
|
|
6552
|
+
* ```
|
|
6553
|
+
*/
|
|
6554
|
+
class JobCard {
|
|
6555
|
+
constructor(hostRef) {
|
|
6556
|
+
registerInstance(this, hostRef);
|
|
6557
|
+
}
|
|
6558
|
+
/**
|
|
6559
|
+
* The job data object to display. Accepts either a Job object or a JSON string.
|
|
6560
|
+
*/
|
|
6561
|
+
job;
|
|
6562
|
+
/**
|
|
6563
|
+
* Index of the job in a list (used for accessibility)
|
|
6564
|
+
*/
|
|
6565
|
+
index = 0;
|
|
6566
|
+
/**
|
|
6567
|
+
* Text for the apply button
|
|
6568
|
+
*/
|
|
6569
|
+
applyButtonText = 'Apply Now';
|
|
6570
|
+
/**
|
|
6571
|
+
* Whether to show the brand/company name
|
|
6572
|
+
*/
|
|
6573
|
+
showBrand = true;
|
|
6574
|
+
/**
|
|
6575
|
+
* Whether to show the reference number
|
|
6576
|
+
*/
|
|
6577
|
+
showReference = false;
|
|
6578
|
+
/**
|
|
6579
|
+
* Whether to show employment type
|
|
6580
|
+
*/
|
|
6581
|
+
showEmploymentType = true;
|
|
6582
|
+
/**
|
|
6583
|
+
* Text shown for multiple locations
|
|
6584
|
+
*/
|
|
6585
|
+
multiLocationText = 'More locations';
|
|
6586
|
+
/**
|
|
6587
|
+
* Text shown for remote jobs
|
|
6588
|
+
*/
|
|
6589
|
+
remoteLocationText = 'Remote';
|
|
6590
|
+
/**
|
|
6591
|
+
* Whether to show distances in kilometers instead of miles
|
|
6592
|
+
*/
|
|
6593
|
+
enableKilometers = false;
|
|
6594
|
+
/**
|
|
6595
|
+
* Whether to show commute time
|
|
6596
|
+
*/
|
|
6597
|
+
showCommuteTime = false;
|
|
6598
|
+
/**
|
|
6599
|
+
* Format string for street address (not used in base web component)
|
|
6600
|
+
*/
|
|
6601
|
+
streetFormat = '{street}, {city_state_abbr}';
|
|
6602
|
+
/** Extra CSS class on the root inner element (avoid prop name "className", reserved on HTMLElement). */
|
|
6603
|
+
rootClass = '';
|
|
6604
|
+
/**
|
|
6605
|
+
* Custom extra fields configuration
|
|
6606
|
+
*/
|
|
6607
|
+
extraFieldsConfig = [];
|
|
6608
|
+
/**
|
|
6609
|
+
* Format distance with unit
|
|
6610
|
+
*/
|
|
6611
|
+
formatDistance(distance) {
|
|
6612
|
+
const value = this.enableKilometers ? distance * 1.60934 : distance;
|
|
6613
|
+
const unit = this.enableKilometers ? 'Km' : 'Miles';
|
|
6614
|
+
const str = `${value.toFixed(1)} ${unit}`.replace('.0', '');
|
|
6615
|
+
return str;
|
|
6616
|
+
}
|
|
6617
|
+
/**
|
|
6618
|
+
* Is Empty utility
|
|
6619
|
+
*/
|
|
6620
|
+
isEmpty(value) {
|
|
6621
|
+
if (value === null || value === undefined || value === '') {
|
|
6622
|
+
return true;
|
|
6623
|
+
}
|
|
6624
|
+
if (Array.isArray(value) && value.length === 0) {
|
|
6625
|
+
return true;
|
|
6626
|
+
}
|
|
6627
|
+
return false;
|
|
6628
|
+
}
|
|
6629
|
+
/**
|
|
6630
|
+
* Parse job data from prop - handles both object and JSON string
|
|
6631
|
+
*/
|
|
6632
|
+
getJobData() {
|
|
6633
|
+
if (!this.job)
|
|
6634
|
+
return null;
|
|
6635
|
+
if (typeof this.job === 'string') {
|
|
6636
|
+
try {
|
|
6637
|
+
return JSON.parse(this.job);
|
|
6638
|
+
}
|
|
6639
|
+
catch {
|
|
6640
|
+
console.warn('job-card: Failed to parse job JSON string');
|
|
6641
|
+
return null;
|
|
6642
|
+
}
|
|
6643
|
+
}
|
|
6644
|
+
return this.job;
|
|
6645
|
+
}
|
|
6646
|
+
render() {
|
|
6647
|
+
const job = this.getJobData();
|
|
6648
|
+
if (!job)
|
|
6649
|
+
return null;
|
|
6650
|
+
const firstLoc = getFirstLocation$1(job);
|
|
6651
|
+
const locationLabel = firstLoc ? getLocationLabel$1(firstLoc) : '';
|
|
6652
|
+
const distance = firstLoc?.distance ?? 0;
|
|
6653
|
+
const distanceLabel = distance > 0 ? this.formatDistance(distance) : '';
|
|
6654
|
+
const applyHref = job.applyURL ||
|
|
6655
|
+
(job.originalURL ? `${typeof window !== 'undefined' ? window.location.origin : ''}${job.originalURL}` : '#');
|
|
6656
|
+
const applyLabel = `${this.applyButtonText}, ${job.title || ''}`;
|
|
6657
|
+
const locs = job.locations ?? [];
|
|
6658
|
+
const hasMultipleLocations = locs.length > 1;
|
|
6659
|
+
return (hAsync("div", { class: `job-card ${this.rootClass}`.trim() }, hAsync("div", { class: "job-card__header" }, hAsync("h3", { class: "job-card__title" }, hAsync("a", { class: "job-card__title--link", href: applyHref, target: "_blank", rel: "noopener noreferrer" }, job.title || ''), this.showReference && (hAsync("span", { class: `job-card__reference ${job.reference ? '' : 'job-card__reference--empty'}` }, job.reference || '')), job.isRemote && (hAsync("span", { class: this.remoteLocationText ? 'job-card__remote' : 'job-card__remote job-card__remote--empty' }, this.remoteLocationText))), distanceLabel && (hAsync("div", { class: "job-card__distance" }, hAsync("span", { class: "job-card__distance--icon" }, hAsync("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, hAsync("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z" }), hAsync("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 8v4l2 2" }))), hAsync("span", { class: "job-card__distance--label" }, distanceLabel)))), hAsync("div", { class: "job-card__content" }, hAsync("div", { class: "job-card__info" }, hAsync("div", { class: locs.length ? 'job-card__street' : 'job-card__street job-card__street--empty' }, hAsync("div", { class: "job-card__street--label__wrapper" }, hAsync("span", { class: "job-card__street--icon" }, hAsync("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, hAsync("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" }), hAsync("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" }))), hAsync("span", { class: "job-card__street--label" }, locationLabel || '—')), hasMultipleLocations && (hAsync("div", { class: "job-card__street--more-locations__wrapper" }, hAsync("span", { class: "job-card__street--amount" }, "+", locs.length - 1), hAsync("span", { class: "job-card__street--more-locations" }, this.multiLocationText)))), this.showBrand && (hAsync("div", { class: job.brandName ? 'job-card__brand' : 'job-card__brand job-card__brand--empty' }, hAsync("span", { class: "job-card__brand--icon" }, hAsync("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, hAsync("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" }))), hAsync("span", { class: "job-card__brand--label" }, job.brandName || '—'))), this.showEmploymentType && (hAsync("div", { class: job.employmentType?.length
|
|
6660
|
+
? 'job-card__employment-type'
|
|
6661
|
+
: 'job-card__employment-type job-card__employment-type--empty' }, hAsync("span", { class: "job-card__employment-type--icon" }, hAsync("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, hAsync("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) => (hAsync("span", { key: type, class: "job-card__employment-type--label" }, type)))) : (hAsync("span", { class: "job-card__employment-type--label" }, "\u2014")))), (job.jobCardExtraFields ?? []).length > 0 &&
|
|
6662
|
+
job.jobCardExtraFields?.map((field, idx) => (hAsync("div", { key: idx, class: !this.isEmpty(field.value) ? `${field.classname}` : `${field.classname}--empty` }, Array.isArray(field.value) ? (field.value.map((item, itemIdx) => (hAsync("span", { key: itemIdx, class: `${field.classname}--label` }, item)))) : (hAsync("span", { class: `${field.classname}--label` }, field.value)))))), hAsync("a", { class: "job-card__apply", href: applyHref, target: "_blank", rel: "noopener noreferrer", "aria-label": applyLabel }, hAsync("span", { class: "job-card__apply--label" }, this.applyButtonText), hAsync("span", { class: "job-card__apply--icon" }, hAsync("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, hAsync("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" })))))));
|
|
6663
|
+
}
|
|
6664
|
+
static get style() { return jobCardCss(); }
|
|
6665
|
+
static get cmpMeta() { return {
|
|
6666
|
+
"$flags$": 512,
|
|
6667
|
+
"$tagName$": "job-card",
|
|
6668
|
+
"$members$": {
|
|
6669
|
+
"job": [1],
|
|
6670
|
+
"index": [2],
|
|
6671
|
+
"applyButtonText": [1, "apply-button-text"],
|
|
6672
|
+
"showBrand": [4, "show-brand"],
|
|
6673
|
+
"showReference": [4, "show-reference"],
|
|
6674
|
+
"showEmploymentType": [4, "show-employment-type"],
|
|
6675
|
+
"multiLocationText": [1, "multi-location-text"],
|
|
6676
|
+
"remoteLocationText": [1, "remote-location-text"],
|
|
6677
|
+
"enableKilometers": [4, "enable-kilometers"],
|
|
6678
|
+
"showCommuteTime": [4, "show-commute-time"],
|
|
6679
|
+
"streetFormat": [1, "street-format"],
|
|
6680
|
+
"rootClass": [1, "root-class"],
|
|
6681
|
+
"extraFieldsConfig": [16]
|
|
6682
|
+
},
|
|
6683
|
+
"$listeners$": undefined,
|
|
6684
|
+
"$lazyBundleId$": "-",
|
|
6685
|
+
"$attrsToReflect$": []
|
|
6686
|
+
}; }
|
|
6687
|
+
}
|
|
6688
|
+
|
|
6510
6689
|
const jobsItemCss = () => `.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}`;
|
|
6511
6690
|
|
|
6512
6691
|
function getLocationLabel(loc) {
|
|
@@ -6706,7 +6885,7 @@ class JobsListOnly {
|
|
|
6706
6885
|
const totalJob = this.mockData ? jobsArray.length : (this.totalJob || jobsArray.length);
|
|
6707
6886
|
const showNoResults = !loading && totalJob === 0 && !this.showSuggestions;
|
|
6708
6887
|
const showSuggestionsBlock = !loading && totalJob === 0 && this.showSuggestions;
|
|
6709
|
-
return (hAsync("div", { key: '
|
|
6888
|
+
return (hAsync("div", { key: 'c22b59e35668df06633c8c11ae8a51b463e06b19', class: `jobs-list-root ${this.rootClass}`.trim() }, hAsync("div", { key: 'e2b5b1bf68b75dd958b906c18c258faa8f4e1e25', class: "results-container" }, hAsync("div", { key: '923d2402d2951d9de47a69c5fd87a80fda382b6e', class: loading ? 'loader' : 'loader hide', "aria-hidden": !loading }), totalJob > 0 && (hAsync("div", { key: '000c2c2d512f1b48999d628a2517701fc061dd11', class: "card" }, hAsync("ul", { key: '7028fc4f1b007eb9ff9bc205201af986c6d0a9ae', class: "results-list front" }, jobsArray.map((job, index) => this.renderJobItem(job, index))))), showNoResults && (hAsync("div", { key: '4f567c7ddbf7d393469886ce3b4865dcb9f4e761', class: "share-jobs__no-results" }, hAsync("h2", { key: '5f1ae77afeca0c37183dc681a9cc42eebaf0e510' }, this.noResultsLine1), hAsync("h3", { key: '6f8a754181cabf1befc6a9a4cf811417075af918' }, this.noResultsLine2))), showSuggestionsBlock && (hAsync("div", { key: 'a09cc45fbed615bb8672f8e77c2a8793efec2dc5', class: "card primary-color" }, hAsync("h4", { key: '9e53bb60ec086f42845d90c807dbd1cb6a88721d', class: "result-suggestions-title" }, this.clearResultSuggestionsTitleText, ":"), hAsync("ul", { key: '0769ebd6367255dad56e688cd36a65cc41f1f366', class: "results-list front" }, hAsync("li", { key: '7032fc1d77ca040be7d2c949c7bc755c62ef4df3', class: "result-suggestions-line" }, this.clearResultSuggestionsLine1), hAsync("li", { key: '49e0c6d4cad62448abc42124708472d8c268c7d9', class: "result-suggestions-line" }, this.clearResultSuggestionsLine2), hAsync("li", { key: 'ad76dbdad20e8de716613baa2bd1e745b6749fa7', class: "result-suggestions-line" }, this.clearResultSuggestionsLine3), this.clearResultSuggestionsLine4 && (hAsync("li", { key: 'b141b94ceeacd5de8fd430cc9e5e05063953130a', class: "result-suggestions-line" }, this.clearResultSuggestionsLine4))))))));
|
|
6710
6889
|
}
|
|
6711
6890
|
static get style() { return jobsListOnlyCss(); }
|
|
6712
6891
|
static get cmpMeta() { return {
|
|
@@ -6744,6 +6923,7 @@ class JobsListOnly {
|
|
|
6744
6923
|
registerComponents([
|
|
6745
6924
|
AppCarousel,
|
|
6746
6925
|
CustomButton,
|
|
6926
|
+
JobCard,
|
|
6747
6927
|
JobsItem,
|
|
6748
6928
|
JobsListOnly,
|
|
6749
6929
|
]);
|