@phatvu/web-component-poc 1.0.7 → 1.0.8

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.
Files changed (50) hide show
  1. package/dist/cjs/{fast-input_4.cjs.entry.js → fast-button_6.cjs.entry.js} +112 -33
  2. package/dist/cjs/fast-carousel.cjs.entry.js +1 -1
  3. package/dist/cjs/{index-BEvZs91D.js → index-227GpI8K.js} +64 -0
  4. package/dist/cjs/job-card.cjs.entry.js +1 -1
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/web-component-poc.cjs.js +2 -2
  7. package/dist/collection/collection-manifest.json +1 -0
  8. package/dist/collection/components/button/button.css +14 -14
  9. package/dist/collection/components/button/button.js +12 -24
  10. package/dist/collection/components/fast-form/fast-form.css +5 -0
  11. package/dist/collection/components/fast-form/fast-form.js +99 -0
  12. package/dist/collection/components/fast-input/fast-input.css +3 -13
  13. package/dist/collection/components/fast-input/fast-input.js +57 -33
  14. package/dist/collection/components/jobs-list-only/jobs-list-only.js +1 -1
  15. package/dist/collection/components/jobs-list-reactive/jobs-list-reactive.js +1 -1
  16. package/dist/components/fast-button.js +1 -1
  17. package/dist/components/fast-carousel.js +1 -1
  18. package/dist/components/fast-form.d.ts +11 -0
  19. package/dist/components/fast-form.js +1 -0
  20. package/dist/components/fast-input.js +1 -1
  21. package/dist/components/index.js +1 -1
  22. package/dist/components/job-card.js +1 -1
  23. package/dist/components/jobs-item.js +1 -1
  24. package/dist/components/jobs-list-only.js +1 -1
  25. package/dist/components/jobs-list-reactive.js +1 -1
  26. package/dist/components/p-Bb27ylcX.js +1 -0
  27. package/dist/components/{p-DQiaLjLf.js → p-CzgtwPsc.js} +1 -1
  28. package/dist/esm/{fast-input_4.entry.js → fast-button_6.entry.js} +111 -34
  29. package/dist/esm/fast-carousel.entry.js +1 -1
  30. package/dist/esm/{index-C_ZLQIpp.js → index-BqjrT3zA.js} +64 -0
  31. package/dist/esm/job-card.entry.js +1 -1
  32. package/dist/esm/loader.js +3 -3
  33. package/dist/esm/web-component-poc.js +3 -3
  34. package/dist/types/components/button/button.d.ts +1 -13
  35. package/dist/types/components/fast-form/fast-form.d.ts +10 -0
  36. package/dist/types/components/fast-input/fast-input.d.ts +3 -5
  37. package/dist/types/components.d.ts +35 -13
  38. package/dist/web-component-poc/{p-bef7c8e2.entry.js → p-14247159.entry.js} +1 -1
  39. package/dist/web-component-poc/{p-7d45772f.entry.js → p-309a490b.entry.js} +1 -1
  40. package/dist/web-component-poc/p-7ea9a87f.entry.js +1 -0
  41. package/dist/web-component-poc/{p-C_ZLQIpp.js → p-BqjrT3zA.js} +2 -2
  42. package/dist/web-component-poc/web-component-poc.esm.js +1 -1
  43. package/hydrate/index.js +136 -54
  44. package/hydrate/index.mjs +136 -54
  45. package/package.json +3 -3
  46. package/dist/cjs/fast-button.cjs.entry.js +0 -46
  47. package/dist/components/p-BiaJAQXY.js +0 -1
  48. package/dist/esm/fast-button.entry.js +0 -44
  49. package/dist/web-component-poc/p-618fba28.entry.js +0 -1
  50. package/dist/web-component-poc/p-cfb9aed9.entry.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phatvu/web-component-poc",
3
- "version": "1.0.7",
3
+ "version": "1.0.8",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -24,8 +24,8 @@
24
24
  "types": "./dist/components/app-carousel.d.ts"
25
25
  },
26
26
  "./fast-button": {
27
- "import": "./dist/components/custom-button.js",
28
- "types": "./dist/components/custom-button.d.ts"
27
+ "import": "./dist/components/fast-button.js",
28
+ "types": "./dist/components/fast-button.d.ts"
29
29
  },
30
30
  "./loader": {
31
31
  "import": "./loader/index.js",
@@ -1,46 +0,0 @@
1
- 'use strict';
2
-
3
- var index = require('./index-BEvZs91D.js');
4
-
5
- const buttonCss = () => `:host{display:inline-block}.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;font-family:inherit;font-size:0.875rem;font-weight:500;line-height:1.25;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease}.custom-button:focus{outline:2px solid var(--custom-button-focus-ring, #2563eb);outline-offset:2px}.custom-button:focus:not(:focus-visible){outline:none}.custom-button--primary{background-color:var(--custom-button-primary-bg, #2563eb);color:var(--custom-button-primary-color, #fff)}.custom-button--primary:hover:not(.custom-button--disabled){background-color:var(--custom-button-primary-hover-bg, #1d4ed8)}.custom-button--primary:active:not(.custom-button--disabled){background-color:var(--custom-button-primary-active-bg, #1e40af)}.custom-button--secondary{background-color:var(--custom-button-secondary-bg, #e5e7eb);color:var(--custom-button-secondary-color, #1f2937)}.custom-button--secondary:hover:not(.custom-button--disabled){background-color:var(--custom-button-secondary-hover-bg, #d1d5db)}.custom-button--secondary:active:not(.custom-button--disabled){background-color:var(--custom-button-secondary-active-bg, #9ca3af)}.custom-button--text{background-color:transparent;color:var(--custom-button-text-color, #2563eb)}.custom-button--text:hover:not(.custom-button--disabled){background-color:var(--custom-button-text-hover-bg, rgba(37, 99, 235, 0.08))}.custom-button--text:active:not(.custom-button--disabled){background-color:var(--custom-button-text-active-bg, rgba(37, 99, 235, 0.12))}.custom-button--disabled,.custom-button:disabled{opacity:0.6;cursor:not-allowed}`;
6
-
7
- const CustomButton = class {
8
- constructor(hostRef) {
9
- index.registerInstance(this, hostRef);
10
- this.buttonClick = index.createEvent(this, "buttonClick");
11
- }
12
- /**
13
- * Visual variant of the button.
14
- */
15
- variant = 'primary';
16
- /**
17
- * Native button type (button or submit).
18
- */
19
- type = 'button';
20
- /**
21
- * When true, the button is disabled and does not emit events.
22
- */
23
- disabled = false;
24
- /**
25
- * Emitted when the button is clicked (not emitted when disabled).
26
- */
27
- buttonClick;
28
- handleClick = (e) => {
29
- if (this.disabled) {
30
- e.preventDefault();
31
- e.stopPropagation();
32
- return;
33
- }
34
- this.buttonClick.emit(e);
35
- };
36
- render() {
37
- return (index.h("button", { key: '3b74909afe4e305dfd38f0b07657202e3d5bfccd', type: this.type, class: {
38
- 'custom-button': true,
39
- [`custom-button--${this.variant}`]: true,
40
- 'custom-button--disabled': this.disabled,
41
- }, disabled: this.disabled, onClick: this.handleClick }, index.h("slot", { key: '49845d350e4665c5c66e30bd9262f788eaaa1e20' })));
42
- }
43
- };
44
- CustomButton.style = buttonCss();
45
-
46
- exports.fast_button = CustomButton;
@@ -1 +0,0 @@
1
- var t=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(t||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),e="type",l="value",o="serialized:";function s(t,n,e){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,n);if(l&&(!e||l.get))return l;t=Object.getPrototypeOf(t)}}var r=(t,n)=>{var e;Object.entries(null!=(e=n.l.t)?e:{}).map((([e,[l]])=>{if(31&l||32&l){const l=t[e],o=s(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);o&&Object.defineProperty(t,e,{get(){return o.get.call(this)},set(t){o.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(e)?t[e]=n.o.get(e):void 0!==l&&(t[e]=l)}}))},i=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,n)=>n in t,u=(t,n)=>(0,console.error)(t,n),f=new Map,a="s-id",d="sty-id",$="c-id",p="undefined"!=typeof window?window:{},h=p.HTMLElement||class{},v={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},m=(()=>{try{return!!p.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),b=!!m&&(()=>!!p.document&&Object.getOwnPropertyDescriptor(p.document.adoptedStyleSheets,"length").writable)(),y=!1,g=[],w=[],j=(t,n)=>e=>{t.push(e),y||(y=!0,n&&4&v.i?N(S):v.raf(S))},O=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){u(t)}t.length=0},S=()=>{O(g),O(w),(y=g.length>0)&&v.raf(S)},N=t=>Promise.resolve(undefined).then(t),k=j(w,!0),x=t=>{const n=new URL(t,v.u);return n.origin!==p.location.origin?n.href:n.pathname},M=t=>v.u=t,E=t=>{const n=F(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&I(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!L(t,_(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&F(t,"childNodes").length&&E(t)}};function I(t,n,e){let l,o=0,s=[];for(;o<t.length;o++){if(l=t[o],l["s-sr"]&&(!n||l["s-hn"]===n)&&(void 0===e||_(l)===e)&&(s.push(l),void 0!==e))return s;s=[...s,...I(l.childNodes,n,e)]}return s}var L=(t,n,e=!0)=>{const l=[];(e&&t["s-sr"]||!t["s-sr"])&&l.push(t);let o=t;for(;o=o.nextSibling;)_(o)!==n||!e&&o["s-sr"]||l.push(o);return l},A=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,C=(t,n,e,l)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const o=document.createTextNode("");if(o["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const s=n["s-cr"].parentNode,r=F(s,"appendChild");if(void 0!==l){o["s-oo"]=l;const t=F(s,"childNodes"),n=[o];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>r.call(s,t)))}else r.call(s,o);t["s-ol"]=o,t["s-sh"]=n["s-hn"]},_=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function R(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],l=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const o=this["s-cr"].parentElement;return(o.__childNodes?o.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const l=t[e]["s-nr"]||void 0;l&&l.isConnected&&n.push(l)}return n})(o.childNodes)).forEach((t=>{l===_(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}function F(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}var T=new WeakMap,D=t=>"sc-"+t.$,V=t=>"object"==(t=typeof t)||"function"===t,H=(t,n,...e)=>{let l=null,o=null,s=null,r=!1,i=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((r="function"!=typeof t&&!V(l))&&(l=String(l)),r&&i?c[c.length-1].p+=l:c.push(r?P(null,l):l),i=r)};if(u(e),n){n.key&&(o=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}const f=P(t,null);return f.h=n,c.length>0&&(f.v=c),f.m=o,f.j=s,f},P=(t,n)=>({i:0,O:t,p:null!=n?n:null,S:null,v:null,h:null,m:null,j:null}),U={},B=(t,n,e,l,o,s,r,i=[])=>{let c,u,f,a;if(1===s.nodeType){if(c=s.getAttribute($),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=z({i:0,N:u[0],k:u[1],M:u[2],I:u[3],O:s.tagName.toLowerCase(),S:s,h:{class:s.className||""}}),n.push(f),s.removeAttribute($),t.v||(t.v=[]);const l=f.S.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.O&&q(l,u[2],f,s,t,n,e,0,i),f.S["s-sn"]=l,f.S.removeAttribute("s-sn")),void 0!==f.I&&(t.v[f.I]=f),t=f}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)B(t,n,e,l,o,s.shadowRoot.childNodes[a],r,i);const d=s.__childNodes||s.childNodes;for(a=d.length-1;a>=0;a--)B(t,n,e,l,o,d[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=z({N:u[1],k:u[2],M:u[3],I:u[4]||"0",S:s,h:null,v:null,m:null,j:null,O:null,p:null}),"t"===c?(f.S=G(s,3),f.S&&3===f.S.nodeType&&(f.p=f.S.textContent,n.push(f),s.remove(),r===f.N&&(t.v||(t.v=[]),t.v[f.I]=f))):"c"===c?(f.S=G(s,8),f.S&&8===f.S.nodeType&&(n.push(f),s.remove())):f.N===r&&("s"===c?q(s["s-sn"]=u[5]||"",u[2],f,s,t,n,e,0,i):"r"===c&&(o["s-cr"]=s,s["s-cn"]=!0)));else if(t&&"style"===t.O){const n=P(null,s.textContent);n.S=s,n.I="0",t.v=[n]}return t},W=(t,n)=>{if(1===t.nodeType){const e=t[a]||t.getAttribute(a);e&&n.set(e,t);let l=0;if(t.shadowRoot)for(;l<t.shadowRoot.childNodes.length;l++)W(t.shadowRoot.childNodes[l],n);const o=t.__childNodes||t.childNodes;for(l=0;l<o.length;l++)W(o[l],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},z=t=>({i:0,N:null,k:null,M:null,I:"0",S:null,h:null,v:null,m:null,j:null,O:null,p:null,...t});function q(t,n,e,l,o,s,r,i,c){l["s-sr"]=!0,e.j=t||null,e.O="slot";const u=(null==o?void 0:o.S)?o.S["s-id"]||o.S.getAttribute("s-id"):"";{const s=e.S,r=u&&u!==e.N&&o.S.shadowRoot;Z(c,n,t,l,r?u:e.N),R(l),r&&o.S.insertBefore(s,o.S.children[0])}s.push(e),r.push(e),o.v||(o.v=[]),o.v[e.I]=e}var Y,J,Z=(t,n,e,l,o)=>{var s,r;let i=l.nextSibling;if(t[n]=t[n]||[],i&&!(null==(s=i.nodeValue)?void 0:s.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==e&&(""!==e||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=e,t[n].push({slot:l,node:i,hostId:o})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},G=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},K=class o{static fromLocalValue(t){const n=t[e],s=l in t?t[l]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((t=>o.fromLocalValue(t)));case"date":return new Date(s);case"map":const t=new Map;for(const[n,e]of s){const l="object"==typeof n&&null!==n?o.fromLocalValue(n):n,s=o.fromLocalValue(e);t.set(l,s)}return t;case"object":const e={};for(const[t,n]of s)e[t]=o.fromLocalValue(n);return e;case"regexp":const{pattern:l,flags:r}=s;return new RegExp(l,r);case"set":const i=new Set;for(const t of s)i.add(o.fromLocalValue(t));return i;case"symbol":return Symbol(s);default:throw new Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(t){return t.map((t=>o.fromLocalValue(t)))}static isLocalValueObject(o){if("object"!=typeof o||null===o)return!1;if(!o.hasOwnProperty(e))return!1;const s=o[e];return!!Object.values({...t,...n}).includes(s)&&("null"===s||"undefined"===s||o.hasOwnProperty(l))}},Q=(t,n)=>{return"string"==typeof t&&t.startsWith(o)?t="string"==typeof(e=t)&&e.startsWith(o)?K.fromLocalValue(JSON.parse(atob(e.slice(11)))):e:null==t||V(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?String(t):t;var e},X=(t,n)=>{const e=t;return{emit:t=>tt(e,n,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},tt=(t,n,e)=>{const l=v.ce(n,e);return t.dispatchEvent(l),l},nt=(t,n,e,l,o,s,r)=>{if(e===l)return;let u=c(t,n),f=n.toLowerCase();if("class"===n){const n=t.classList,o=lt(e);let s=lt(l);if((t["s-si"]||t["s-sc"])&&r){const e=t["s-sc"]||t["s-si"];s.push(e),o.forEach((t=>{t.startsWith(e)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),n.add(...s)}else n.remove(...o.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===n){for(const n in e)l&&null!=l[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in l)e&&l[n]===e[n]||(n.includes("-")?t.style.setProperty(n,l[n]):t.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&Nt(l,t);else if(t.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let o;{const n=i(t);if(n&&n.l&&n.l.t){const t=n.l.t[e];t&&t[1]&&(o=t[1])}}return o||(o=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===l?"":l))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=l}catch(t){}return}{const r=V(l);if((u||r&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[n]!==l&&(t[n]=l);else{const o=null==l?"":l;"list"===n?u=!1:null!=e&&t[n]===o||("function"==typeof t.__lookupSetter__(n)?t[n]=o:t.setAttribute(n,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(n)||t.removeAttribute(n):(!u||4&s||o)&&!r&&1===t.nodeType&&t.setAttribute(n,l=!0===l?"":l)}}else if(n="-"===n[2]?n.slice(3):c(p,f)?f.slice(2):f[2]+n.slice(3),e||l){const o=n.endsWith(ot);n=n.replace(st,""),e&&v.rel(t,n,e,o),l&&v.ael(t,n,l,o)}},et=/\s/,lt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(et):[]),ot="Capture",st=new RegExp(ot+"$"),rt=(t,n,e,l)=>{const o=11===n.S.nodeType&&n.S.host?n.S.host:n.S,s=t&&t.h||{},r=n.h||{};for(const t of it(Object.keys(s)))t in r||nt(o,t,s[t],void 0,e,n.i,l);for(const t of it(Object.keys(r)))nt(o,t,s[t],r[t],e,n.i,l)};function it(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var ct=!1,ut=!1,ft=!1,at=!1,dt=[],$t=[],pt=(t,n,e)=>{var l;const o=n.v[e];let s,r,i,c=0;if(ct||(ft=!0,"slot"===o.O&&(o.i|=o.v?2:1)),null!=o.p)s=o.S=p.document.createTextNode(o.p);else if(1&o.i)s=o.S=p.document.createTextNode(""),rt(null,o,at);else{if(at||(at="svg"===o.O),!p.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=o.S=p.document.createElementNS(at?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ct&&2&o.i?"slot-fb":o.O),at&&"foreignObject"===o.O&&(at=!1),rt(null,o,at),o.v){const n="template"===o.O?s.content:s;for(c=0;c<o.v.length;++c)r=pt(t,o,c),r&&n.appendChild(r)}"svg"===o.O?at=!1:"foreignObject"===s.tagName&&(at=!0)}return s["s-hn"]=J,3&o.i&&(s["s-sr"]=!0,s["s-cr"]=Y,s["s-sn"]=o.j||"",s["s-rf"]=null==(l=o.h)?void 0:l.ref,R(s),i=t&&t.v&&t.v[e],i&&i.O===o.O&&t.S&&ht(t.S)),s},ht=t=>{v.i|=1;const n=t.closest(J.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of e?l.reverse():l)null!=t["s-sh"]&&(kt(n,t,null!=e?e:null),t["s-sh"]=void 0,ft=!0)}v.i&=-2},vt=(t,n)=>{v.i|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===J&&e.push(n)}for(let t=e.length-1;t>=0;t--){const l=e[t];l["s-hn"]!==J&&l["s-ol"]&&(kt(gt(l).parentNode,l,gt(l)),l["s-ol"].remove(),l["s-ol"]=void 0,l["s-sh"]=void 0,ft=!0),n&&vt(l,n)}v.i&=-2},mt=(t,n,e,l,o,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for("template"===e.O&&(i=i.content);o<=s;++o)l[o]&&(r=pt(null,e,o),r&&(l[o].S=r,kt(i,r,gt(n))))},bt=(t,n,e)=>{for(let l=n;l<=e;++l){const n=t[l];if(n){const t=n.S;St(n),t&&(ut=!0,t["s-ol"]?t["s-ol"].remove():vt(t,!0),t.remove())}}},yt=(t,n,e=!1)=>t.O===n.O&&("slot"===t.O?t.j===n.j:e?(e&&!t.m&&n.m&&(t.m=n.m),!0):t.m===n.m),gt=t=>t&&t["s-ol"]||t,wt=(t,n,e=!1)=>{const l=n.S=t.S,o=t.v,s=n.v,r=n.O,i=n.p;let c;null==i?(at="svg"===r||"foreignObject"!==r&&at,"slot"!==r||ct||t.j!==n.j&&(n.S["s-sn"]=n.j||"",ht(n.S.parentElement)),rt(t,n,at,e),null!==o&&null!==s?((t,n,e,l,o=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=n.length-1,d=n[0],$=n[a],p=l.length-1,h=l[0],v=l[p];const m="template"===e.O?t.content:t;for(;i<=a&&c<=p;)if(null==d)d=n[++i];else if(null==$)$=n[--a];else if(null==h)h=l[++c];else if(null==v)v=l[--p];else if(yt(d,h,o))wt(d,h,o),d=n[++i],h=l[++c];else if(yt($,v,o))wt($,v,o),$=n[--a],v=l[--p];else if(yt(d,v,o))"slot"!==d.O&&"slot"!==v.O||vt(d.S.parentNode,!1),wt(d,v,o),kt(m,d.S,$.S.nextSibling),d=n[++i],v=l[--p];else if(yt($,h,o))"slot"!==d.O&&"slot"!==v.O||vt($.S.parentNode,!1),wt($,h,o),kt(m,$.S,d.S),$=n[--a],h=l[++c];else{for(u=-1,f=i;f<=a;++f)if(n[f]&&null!==n[f].m&&n[f].m===h.m){u=f;break}u>=0?(r=n[u],r.O!==h.O?s=pt(n&&n[c],e,u):(wt(r,h,o),n[u]=void 0,s=r.S),h=l[++c]):(s=pt(n&&n[c],e,c),h=l[++c]),s&&kt(gt(d.S).parentNode,s,gt(d.S))}i>a?mt(t,null==l[p+1]?null:l[p+1].S,e,l,c,p):c>p&&bt(n,i,a)})(l,o,n,s,e):null!==s?(null!==t.p&&(l.textContent=""),mt(l,null,n,s,0,s.length-1)):e||null===o?e&&null!==o&&null===s&&(n.v=o):bt(o,0,o.length-1),at&&"svg"===r&&(at=!1)):(c=l["s-cr"])?c.parentNode.textContent=i:t.p!==i&&(l.data=i)},jt=[],Ot=t=>{let n,e,l;const o=t.__childNodes||t.childNodes;for(const t of o){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const o=t["s-sn"];for(l=e.length-1;l>=0;l--)if(n=e[l],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(A(n,o)){let e=jt.find((t=>t.L===n));ut=!0,n["s-sn"]=n["s-sn"]||o,e?(e.L["s-sh"]=t["s-hn"],e.A=t):(n["s-sh"]=t["s-hn"],jt.push({A:t,L:n})),n["s-sr"]&&jt.map((t=>{A(t.L,n["s-sn"])&&(e=jt.find((t=>t.L===n)),e&&!t.A&&(t.A=e.A))}))}else jt.some((t=>t.L===n))||jt.push({L:n})}1===t.nodeType&&Ot(t)}},St=t=>{t.h&&t.h.ref&&dt.push((()=>t.h.ref(null))),t.v&&t.v.map(St)},Nt=(t,n)=>{$t.push((()=>t(n)))},kt=(t,n,e,l)=>{if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:o}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const l=t["s-sn"]=_(t)||"";return{slotNode:I(F(n,"childNodes"),n.tagName,l)[0],slotName:l}}(n);return o&&!l&&o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1})),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)},xt=(t,n,e=!1)=>{var l,o,s,r,i;const c=t.$hostElement$,u=t.l,f=t.C||P(null,null);var a;const d=(a=n)&&a.O===U?n:H(null,null,n);if(J=c.tagName,e&&d.h)for(const t of Object.keys(d.h))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.h[t]=c[t]);if(d.O=null,d.i|=4,t.C=d,d.S=f.S=c,ct=false,Y=c["s-cr"],ut=!1,wt(f,d,e),v.i|=1,ft){Ot(d.S);for(const t of jt){const n=t.L;if(!n["s-ol"]&&p.document){const t=p.document.createTextNode("");t["s-nr"]=n,kt(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of jt){const n=t.L,i=t.A;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(l=n.hidden)&&l),i){const t=i.parentNode;let l=i.nextSibling;if(l&&1===l.nodeType){let e=null==(o=n["s-ol"])?void 0:o.previousSibling;for(;e;){let o=null!=(s=e["s-nr"])?s:null;if(o&&o["s-sn"]===n["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===n||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}e=e.previousSibling}}if((!l&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==l)&&n!==l){if(kt(t,n,l,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=p.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,kt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(r=n["s-ih"])&&r)}n&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===n.nodeType&&(n.hidden=!0)}}if(ut&&E(d.S),v.i&=-2,jt.length=0,!ct&&!(1&u.i)&&c["s-cr"]){const t=d.S.__childNodes||d.S.childNodes;for(const n of t)if(n["s-hn"]!==J&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(i=n.hidden)&&i),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=p.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],kt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}Y=void 0,dt.forEach((t=>t())),dt.length=0,$t.forEach((t=>t())),$t.length=0},Mt=(t,n)=>{if(n&&!t._&&n["s-p"]){const e=n["s-p"].push(new Promise((l=>t._=()=>{n["s-p"].splice(e-1,1),l()})))}},Et=(t,n)=>{if(t.i|=16,4&t.i)return void(t.i|=512);Mt(t,t.R);const e=()=>It(t,n);if(!n)return k(e);queueMicrotask((()=>{e()}))},It=(t,n)=>{const e=t.$hostElement$,l=e;if(!l)throw new Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=Tt(l,n?"componentWillLoad":"componentWillUpdate",void 0,e),o=Lt(o,(()=>Tt(l,"componentWillRender",void 0,e))),Lt(o,(()=>Ct(t,l,n)))},Lt=(t,n)=>At(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),At=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ct=async(t,n,e)=>{var l;const o=t.$hostElement$,s=o["s-rc"];e&&(t=>{const n=t.l;((t,n)=>{var e,l,o;const s=D(n),r=f.get(s);if(!p.document)return s;if(t=11===t.nodeType?t:p.document,r)if("string"==typeof r){let o,i=T.get(t=t.head||t);i||T.set(t,i=new Set);const c=t.querySelector(`[${d}="${s}"]`);if(c)c.textContent=r;else if(!i.has(s)){o=p.document.createElement("style"),o.textContent=r;const c=null!=(e=v.F)?e:function(){var t,n,e;return null!=(e=null==(n=null==(t=p.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?e:void 0}();if(null!=c&&o.setAttribute("nonce",c),!(1&n.i))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(m){const n=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(r),b?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=r+n.textContent:t.prepend(o)}else t.append(o);1&n.i&&t.insertBefore(o,null),4&n.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let n=T.get(t);if(n||T.set(t,n=new Set),!n.has(s)){const e=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(r.constructor===e.CSSStyleSheet)l=r;else{l=new e.CSSStyleSheet;for(let t=0;t<r.cssRules.length;t++)l.insertRule(r.cssRules[t].cssText,t)}if(b?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],n.add(s),"host"in t){const n=t.querySelector(`[${d}="${s}"]`);n&&k((()=>n.remove()))}}}})(t.$hostElement$.getRootNode(),n)})(t);_t(t,n,o,e),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const n=null!=(l=o["s-p"])?l:[],e=()=>Rt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.i|=4,n.length=0)}},_t=(t,n,e,l)=>{try{n=n.render(),t.i&=-17,t.i|=2,xt(t,n,l)}catch(n){u(n,t.$hostElement$)}return null},Rt=t=>{const n=t.$hostElement$,e=n,l=t.R;Tt(e,"componentDidRender",void 0,n),64&t.i?Tt(e,"componentDidUpdate",void 0,n):(t.i|=64,Dt(n),Tt(e,"componentDidLoad",void 0,n),t.T(n),l||Ft()),t._&&(t._(),t._=void 0),512&t.i&&N((()=>Et(t,!1))),t.i&=-517},Ft=()=>{var t;N((()=>tt(p,"appload",{detail:{namespace:"web-component-poc"}}))),(null==(t=v.D)?void 0:t.size)&&v.D.clear()},Tt=(t,n,e,l)=>{if(t&&t[n])try{return t[n](e)}catch(t){u(t,l)}},Dt=t=>t.classList.add("hydrated"),Vt=(t,n,e,l)=>{const o=i(t);if(!o)return;const s=t,r=o.o.get(n),c=o.i,u=s;e=Q(e,l.t[n][0]);const f=Number.isNaN(r)&&Number.isNaN(e);if(e!==r&&!f&&(o.o.set(n,e),2&c)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(e,r,n)&&!(16&c))return;16&c||Et(o,!1)}},Ht=(t,n)=>{var e,l;const o=t.prototype;if(n.t){const r=Object.entries(null!=(e=n.t)?e:{});r.map((([t,[e]])=>{if(31&e||32&e){const{get:l,set:r}=s(o,t)||{};l&&(n.t[t][0]|=2048),r&&(n.t[t][0]|=4096),Object.defineProperty(o,t,{get(){return l?l.apply(this):(n=t,i(this).o.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(o,t,{set(l){const o=i(this);if(o){if(r)return void 0===(32&e?this[t]:o.$hostElement$[t])&&o.o.get(t)&&(l=o.o.get(t)),r.apply(this,[Q(l,e)]),void Vt(this,t,l=32&e?this[t]:o.$hostElement$[t],n);Vt(this,t,l,n)}}})}}));{const e=new Map;o.attributeChangedCallback=function(t,l,s){v.jmp((()=>{var c;const u=e.get(t),f=i(this);if(this.hasOwnProperty(u),o.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const e=null==f?void 0:f.i;if(f&&e&&!(8&e)&&s!==l){const o=this,r=null==(c=n.V)?void 0:c[t];null==r||r.forEach((n=>{const[[r,i]]=Object.entries(n);null!=o[r]&&(128&e||1&i)&&o[r].call(o,s,l,t)}))}return}const a=r.find((([t])=>t===u));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(o,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.V)?l:{}),...r.filter((([t,n])=>31&n[0])).map((([t,n])=>{const l=n[1]||t;return e.set(l,t),l}))]))}}return t},Pt=t=>{if(!(1&v.i)){const n=i(t);if(!n)return;const e=n.l,l=()=>{};if(1&n.i)(null==n?void 0:n.H)||(null==n?void 0:n.P)&&n.P.then((()=>{}));else{let l;n.i|=1,l=t.getAttribute(a),l&&((t,n,e,l)=>{var o,s,r,c;const u=t.shadowRoot,f=[],d=[],$=P(n,null);$.S=t,!p.document||v.D&&v.D.size||W(p.document.body,v.D=new Map),t[a]=e,t.removeAttribute(a),l.C=B($,f,[],null,t,t,e,d);let h=0;const m=f.length;let b;for(;h<m;h++){b=f[h];const e=b.N+"."+b.k,l=v.D.get(e),s=b.S;if(u){if((null==(o=b.O)?void 0:o.toString().includes("-"))&&"slot-fb"!==b.O&&!b.S.shadowRoot){const t=i(b.S);if(t){const n=D(t.l),e=p.document.querySelector(`style[sty-id="${n}"]`);e&&null.unshift(e.cloneNode(!0))}}}else s["s-hn"]=n.toUpperCase(),"slot"===b.O&&(s["s-cr"]=t["s-cr"]);"slot"===b.O&&(b.j=b.S["s-sn"]||b.S.name||null,b.v?(b.i|=2,b.S.childNodes.length||b.v.forEach((t=>{b.S.appendChild(t.S)}))):b.i|=1),l&&l.isConnected&&(l.parentElement.shadowRoot&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),l.parentNode.removeChild(l),u||(s["s-oo"]=parseInt(b.k))),l&&!l["s-id"]&&v.D.delete(e)}const y=[],g=d.length;let w,j,O,S,N=0,k=0;for(;N<g;N++)if(w=d[N],w&&w.length)for(O=w.length,j=0;j<O;j++){if(S=w[j],y[S.hostId]||(y[S.hostId]=v.D.get(S.hostId)),!y[S.hostId])continue;const t=y[S.hostId];t.shadowRoot&&S.node.parentElement!==t&&t.insertBefore(S.node,null==(r=null==(s=w[j-1])?void 0:s.node)?void 0:r.nextSibling),t.shadowRoot&&u||(S.slot["s-cr"]||(S.slot["s-cr"]=t["s-cr"],S.slot["s-cr"]=!S.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),C(S.node,S.slot,0,S.node["s-oo"]||k),(null==(c=S.node.parentElement)?void 0:c.shadowRoot)&&S.node.getAttribute&&S.node.getAttribute("slot")&&S.node.removeAttribute("slot")),k=(S.node["s-oo"]||k)+1}l.$hostElement$=t})(t,e.$,l,n),l||12&e.i&&Ut(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Mt(n,n.R=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let l;try{if(!(32&n.i)&&(n.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>n.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const n=D(e);if(!f.has(n)){const l=()=>{};((t,n,e)=>{let l=f.get(t);m&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,f.set(t,l)})(n,t,!!(1&e.i)),l()}}const o=n.R,s=()=>Et(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(e){u(e,t),n._&&(n._(),n._=void 0),n.T&&n.T(t)}})(t,n,e)}l()}},Ut=t=>{if(!p.document)return;const n=t["s-cr"]=p.document.createComment("");n["s-cn"]=!0,kt(t,n,t.firstChild)},Bt=(t,n)=>{const e={i:n[0],$:n[1]};try{e.t=n[2];const l=t.prototype.connectedCallback,o=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,n)=>{const e={i:0,$hostElement$:t,l:n,o:new Map,U:new Map};e.P=new Promise((t=>e.T=t)),t["s-p"]=[],t["s-rc"]=[];const l=e;t.__stencil__getHostRef=()=>l,512&n.i&&r(t,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!i(this))return;this.__hasHostListenerAttached=!0}Pt(this),l&&l.call(this)},disconnectedCallback(){(async t=>{1&v.i||i(t),T.has(t)&&T.delete(t),t.shadowRoot&&T.has(t.shadowRoot)&&T.delete(t.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){this.shadowRoot=this}}),Object.defineProperty(t,"is",{value:e.$,configurable:!0}),Ht(t,e)}catch(n){return u(n),t}},Wt=t=>v.F=t,zt=t=>Object.assign(v,t);function qt(t,n){xt({l:{i:0,$:n.tagName},$hostElement$:n},t)}function Yt(t){return t}export{h as H,Wt as a,zt as b,X as c,x as g,H as h,Bt as p,qt as r,M as s,Yt as t}
@@ -1,44 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-C_ZLQIpp.js';
2
-
3
- const buttonCss = () => `:host{display:inline-block}.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;font-family:inherit;font-size:0.875rem;font-weight:500;line-height:1.25;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease}.custom-button:focus{outline:2px solid var(--custom-button-focus-ring, #2563eb);outline-offset:2px}.custom-button:focus:not(:focus-visible){outline:none}.custom-button--primary{background-color:var(--custom-button-primary-bg, #2563eb);color:var(--custom-button-primary-color, #fff)}.custom-button--primary:hover:not(.custom-button--disabled){background-color:var(--custom-button-primary-hover-bg, #1d4ed8)}.custom-button--primary:active:not(.custom-button--disabled){background-color:var(--custom-button-primary-active-bg, #1e40af)}.custom-button--secondary{background-color:var(--custom-button-secondary-bg, #e5e7eb);color:var(--custom-button-secondary-color, #1f2937)}.custom-button--secondary:hover:not(.custom-button--disabled){background-color:var(--custom-button-secondary-hover-bg, #d1d5db)}.custom-button--secondary:active:not(.custom-button--disabled){background-color:var(--custom-button-secondary-active-bg, #9ca3af)}.custom-button--text{background-color:transparent;color:var(--custom-button-text-color, #2563eb)}.custom-button--text:hover:not(.custom-button--disabled){background-color:var(--custom-button-text-hover-bg, rgba(37, 99, 235, 0.08))}.custom-button--text:active:not(.custom-button--disabled){background-color:var(--custom-button-text-active-bg, rgba(37, 99, 235, 0.12))}.custom-button--disabled,.custom-button:disabled{opacity:0.6;cursor:not-allowed}`;
4
-
5
- const CustomButton = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.buttonClick = createEvent(this, "buttonClick");
9
- }
10
- /**
11
- * Visual variant of the button.
12
- */
13
- variant = 'primary';
14
- /**
15
- * Native button type (button or submit).
16
- */
17
- type = 'button';
18
- /**
19
- * When true, the button is disabled and does not emit events.
20
- */
21
- disabled = false;
22
- /**
23
- * Emitted when the button is clicked (not emitted when disabled).
24
- */
25
- buttonClick;
26
- handleClick = (e) => {
27
- if (this.disabled) {
28
- e.preventDefault();
29
- e.stopPropagation();
30
- return;
31
- }
32
- this.buttonClick.emit(e);
33
- };
34
- render() {
35
- return (h("button", { key: '3b74909afe4e305dfd38f0b07657202e3d5bfccd', type: this.type, class: {
36
- 'custom-button': true,
37
- [`custom-button--${this.variant}`]: true,
38
- 'custom-button--disabled': this.disabled,
39
- }, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: '49845d350e4665c5c66e30bd9262f788eaaa1e20' })));
40
- }
41
- };
42
- CustomButton.style = buttonCss();
43
-
44
- export { CustomButton as fast_button };
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as r}from"./p-C_ZLQIpp.js";const c=class{constructor(r){t(this,r),this.buttonClick=o(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 r("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},r("slot",{key:"49845d350e4665c5c66e30bd9262f788eaaa1e20"}))}};c.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}";export{c as fast_button}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,g as i}from"./p-C_ZLQIpp.js";const o=class{constructor(s){t(this,s),this.searchExecuted=e(this,"searchExecuted"),this.inputChanged=e(this,"inputChanged")}placeholder="Search...";value="";paramName="keyword";enableAutocomplete=!1;autocompleteUrl="/api/jobs/autocomplete";targetPath;debounceMs=300;minChars=3;searchExecuted;inputChanged;inputValue="";suggestions=[];showDropdown=!1;autocompleteLoading=!1;debounceTimer;popstateHandler;connectedCallback(){const t=this.getUrlParam();this.inputValue=null!==t?t:this.value,this.popstateHandler=()=>{this.inputValue=this.getUrlParam()??""},window.addEventListener("popstate",this.popstateHandler)}disconnectedCallback(){window.removeEventListener("popstate",this.popstateHandler),clearTimeout(this.debounceTimer)}getUrlParam(){return new URLSearchParams(window.location.search).get(this.paramName)}updateUrlParam(t){const e=new URLSearchParams(window.location.search);t?e.set(this.paramName,t):e.delete(this.paramName);const s=e.toString(),i=s?`${window.location.pathname}?${s}`:window.location.pathname;history.pushState({},"",i)}submit(){this.updateUrlParam(this.inputValue),document.dispatchEvent(new CustomEvent("search-executed",{detail:{keyword:this.inputValue},bubbles:!0,composed:!0})),this.searchExecuted.emit({keyword:this.inputValue}),this.showDropdown=!1}handleInput=t=>{const e=t.target.value;this.inputValue=e,this.inputChanged.emit({value:e}),this.enableAutocomplete&&this.scheduleAutocomplete(e)};handleKeydown=t=>{"Enter"===t.key?this.submit():"Escape"===t.key&&(this.showDropdown=!1)};handleBlur=()=>{this.showDropdown=!1};scheduleAutocomplete(t){clearTimeout(this.debounceTimer),t.length<this.minChars?this.showDropdown=!1:this.debounceTimer=setTimeout((()=>this.fetchSuggestions(t)),this.debounceMs)}async fetchSuggestions(t){if(this.targetPath){this.autocompleteLoading=!0,this.showDropdown=!0;try{const e=await fetch(this.autocompleteUrl,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({keyword:t,target_path:this.targetPath})});if(!e.ok)throw new Error("autocomplete request failed");const s=await e.json();this.suggestions=s}catch{this.showDropdown=!1,this.suggestions=[]}finally{this.autocompleteLoading=!1}}else console.warn("[fast-input] target-path is required for autocomplete")}selectSuggestion(t){this.inputValue=t,this.showDropdown=!1,this.submit()}render(){return s("div",{key:"3a9d31c7b109205600addc326d63979585f10bcd",class:"fast-input"},s("input",{key:"8f238fe9e002f367d4939616be8c06d938d76045",type:"text",class:"fast-input__field",placeholder:this.placeholder,value:this.inputValue,onInput:this.handleInput,onKeyDown:this.handleKeydown,onBlur:this.handleBlur}),s("button",{key:"7b7404f13432750ece669da8ce68be15179921de",class:"fast-input__button",type:"button",onClick:()=>this.submit()},"Search"),this.enableAutocomplete&&this.showDropdown&&s("ul",{key:"1438bacadc21c183842a8bdaa3f336bffb152e14",class:"fast-input__dropdown"},this.autocompleteLoading?s("li",{class:"fast-input__dropdown-loading"},"Loading..."):this.suggestions.map((t=>s("li",{class:"fast-input__dropdown-item",onMouseDown:t=>{t.preventDefault()},onClick:()=>this.selectSuggestion(t.title)},t.title)))))}};o.style=".fast-input{position:relative;display:inline-flex;gap:0.5rem}.fast-input__field{flex:1;padding:0.5rem 0.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.fast-input__button{padding:0.5rem 1rem;font-size:1rem;cursor:pointer;background:#0070f3;color:#fff;border:none;border-radius:4px}.fast-input__dropdown{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;z-index:100;max-height:200px;overflow-y:auto}.fast-input__dropdown-item{padding:0.5rem 0.75rem;cursor:pointer}.fast-input__dropdown-item:hover{background:#f0f0f0}.fast-input__dropdown-loading{padding:0.5rem 0.75rem;color:#999;font-style:italic}";const r=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?(i=t).cityStateAbbr?i.cityStateAbbr:[i.streetAddress,i.city,i.stateAbbr||i.state,i.countryAbbr||i.country].filter(Boolean).join(", ")||i.locationText||"":"";var i;const o=t?.distance??0,r=o>0?this.formatDistance(o):"",n=this.job.applyURL||(this.job.originalURL?`${"undefined"!=typeof window?window.location.origin:""}${this.job.originalURL}`:"#"),a=`${this.applyButtonText}, ${this.job.title||""}`,l=this.job.locations??[],c=l.length>1;return s("li",{class:"results-list__item"},s("div",{class:"results-list__item-header"},s("h3",{class:"results-list__item-title"},s("a",{class:"results-list__item-title--link",href:n,target:"_blank",rel:"noopener noreferrer"},this.job.title||""),this.showReference&&s("span",{class:"reference "+(this.job.reference?"":"empty")},this.job.reference||""),this.job.isRemote&&s("span",{class:this.remoteLocationText?"remote":"remote remote--empty"},this.remoteLocationText)),r&&s("div",{class:"results-list__item-distance"},s("span",{class:"results-list__item-distance--icon"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"}),s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 8v4l2 2"}))),s("span",{class:"results-list__item-distance--label"},r))),s("div",{class:"results-list__item-content"},s("div",{class:"results-list__item-info"},s("div",{class:l.length?"results-list__item-street":"results-list__item-street results-list__item-street--empty"},s("div",{class:"results-list__item-street--label__wrapper"},s("span",{class:"results-list__item-street--icon"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"}),s("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"}))),s("span",{class:"results-list__item-street--label"},e||"—")),c&&s("div",{class:"results-list__item-street--more-locations__wrapper"},s("span",{class:"results-list__item-street--amount"},"+",l.length-1),s("span",{class:"results-list__item-street--more-locations"},this.multiLocationText))),this.showBrand&&s("div",{class:this.job.brandName?"results-list__item-brand":"results-list__item-brand results-list__item-brand--empty"},s("span",{class:"results-list__item-brand--icon"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},s("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"}))),s("span",{class:"results-list__item-brand--label"},this.job.brandName||"—")),this.showEmploymentType&&s("div",{class:this.job.employmentType?.length?"results-list__item-employment-type":"results-list__item-employment-type results-list__item-employment-type--empty"},s("span",{class:"results-list__item-employment-type--icon"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},s("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=>s("span",{key:t,class:"results-list__item-employment-type--label"},t)))),(this.job.jobCardExtraFields??[]).map(((t,e)=>s("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,i)=>s("span",{key:i,class:`${t.classname}--label`},e))):s("span",{class:`${t.classname}--label`},String(t.value)))))),s("a",{class:"results-list__item-apply",href:n,target:"_blank",rel:"noopener noreferrer","aria-label":a},s("span",{class:"results-list__item-apply--label"},this.applyButtonText),s("span",{class:"results-list__item-apply--icon"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M13 7l5 5m0 0l-5 5m5-5H6"}))))))}};r.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 n=[{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"]}],a=class{constructor(s){t(this,s),this.fetchComplete=e(this,"fetchComplete")}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="";showCountText="";showSuggestions=!1;clearResultSuggestionsTitleText="Suggestions";clearResultSuggestionsLine1="Try different keywords";clearResultSuggestionsLine2="Make sure everything is spelled correctly";clearResultSuggestionsLine3="Try other locations";clearResultSuggestionsLine4="";autoFetch=!1;apiUrl="/api/get-jobs";watchParams="keyword";fetchedJobs=[];fetchedTotal=0;fetchLoading=!1;fetchComplete;searchExecutedHandler;popstateHandler;connectedCallback(){this.autoFetch&&(this.fetchJobs(),this.searchExecutedHandler=()=>this.fetchJobs(),this.popstateHandler=()=>this.fetchJobs(),document.addEventListener("search-executed",this.searchExecutedHandler),window.addEventListener("popstate",this.popstateHandler))}disconnectedCallback(){this.autoFetch&&(document.removeEventListener("search-executed",this.searchExecutedHandler),window.removeEventListener("popstate",this.popstateHandler))}async fetchJobs(){this.fetchLoading=!0;const t=new URLSearchParams(window.location.search),e=this.watchParams.split(",").map((t=>t.trim())).filter(Boolean),s=new URLSearchParams;for(const i of e){const e=t.get(i);null!==e&&s.set(i,e)}const i=`${this.apiUrl}?${s.toString()}`;try{const t=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({disable_switch_search_mode:!1})});if(!t.ok)throw new Error("fetch failed");const e=await t.json();this.fetchedJobs=e.jobs,this.fetchedTotal=e.totalJob,this.fetchComplete.emit({jobs:e.jobs,totalJob:e.totalJob})}catch{}finally{this.fetchLoading=!1}}renderCountText(t,e){return this.showCountText.replace("{count}",String(t)).replace("{total}",String(e))}getJobsArray(){if(this.mockData)return n;if(this.autoFetch)return this.fetchedJobs;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 s("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.autoFetch?this.fetchLoading:this.loading),i=this.mockData?t.length:this.autoFetch?this.fetchedTotal:this.totalJob||t.length,o=!e&&0===i&&!this.showSuggestions,r=!e&&0===i&&this.showSuggestions;return s("div",{key:"1116855473d28d650641b9d962243bfcdcb434ec",class:`jobs-list-root ${this.rootClass}`.trim()},s("div",{key:"fcef04f1da9ad4e150af9f59921688f5781d9d43",class:"results-container"},this.autoFetch&&this.fetchLoading&&s("div",{key:"75b157c82c89691c7ce73d12ea0144b3b45485c3",class:"jobs-list-only__loading"},"Loading..."),s("div",{key:"b09f9879e10ee4a93e32177611912da5f19f3526",class:e?"loader":"loader hide","aria-hidden":!e}),i>0&&this.showCountText&&s("p",{key:"d10f800fb0a33d82531d5f1728bac4ceba2ed577",class:"jobs-list-only__count"},this.renderCountText(t.length,i)),i>0&&s("div",{key:"18153ed1338bd48f7be4f043b11ce15e3271f27b",class:"card"},s("ul",{key:"766e128b1fd5adb456530ae39e92ba8eb0b5d6cf",class:"results-list front"},t.map(((t,e)=>this.renderJobItem(t,e))))),o&&s("div",{key:"ed6f3d2bd2bbedabd6e69d508ea1425580e6941f",class:"share-jobs__no-results"},s("h2",{key:"2302656e33340c69e84cb949afb7256b8f35f440"},this.noResultsLine1),s("h3",{key:"1c7e6642441a96c04ee26883fdec4f81b0fe6cec"},this.noResultsLine2)),r&&s("div",{key:"be7af85f64455918545e88952ca6ff00f0a970c5",class:"card primary-color"},s("h4",{key:"2f63deb8131190eff882308544b15f767b6f3edc",class:"result-suggestions-title"},this.clearResultSuggestionsTitleText,":"),s("ul",{key:"cb18daaa9e2c2c442c5b906ed370dcd653b5262d",class:"results-list front"},s("li",{key:"ff1d5c6518b75c0daa35b43df7162b0dfecde25e",class:"result-suggestions-line"},this.clearResultSuggestionsLine1),s("li",{key:"4099fd7bf8dcf114eca28702a498ab0938f5de46",class:"result-suggestions-line"},this.clearResultSuggestionsLine2),s("li",{key:"fb65b54c3c0b14bc58112977eb4c7c56c1246a45",class:"result-suggestions-line"},this.clearResultSuggestionsLine3),this.clearResultSuggestionsLine4&&s("li",{key:"10f745e74cf68a2b1c42e6f49f810a8b59eb27b6",class:"result-suggestions-line"},this.clearResultSuggestionsLine4)))))}};a.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}";const l=class{constructor(s){t(this,s),this.fetchComplete=e(this,"fetchComplete")}get el(){return i(this)}apiUrl="/api/get-jobs";watchParams="keyword,location_name";loadingClass="loading";isLoading=!1;fetchComplete;templateEl=null;searchExecutedHandler;popstateHandler;connectedCallback(){this.templateEl=this.el.querySelector("template"),this.searchExecutedHandler=()=>this.fetchJobs(),this.popstateHandler=()=>this.fetchJobs(),document.addEventListener("search-executed",this.searchExecutedHandler),window.addEventListener("popstate",this.popstateHandler)}disconnectedCallback(){document.removeEventListener("search-executed",this.searchExecutedHandler),window.removeEventListener("popstate",this.popstateHandler)}buildQueryString(){const t=new URLSearchParams(window.location.search),e=this.watchParams.split(",").map((t=>t.trim())).filter(Boolean),s=new URLSearchParams;for(const i of e){const e=t.get(i);null!==e&&""!==e&&s.set(i,e)}return s.toString()}async fetchJobs(){this.isLoading=!0,this.el.classList.add(this.loadingClass);const t=this.buildQueryString(),e=t?`${this.apiUrl}?${t}`:this.apiUrl;try{const t=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({disable_switch_search_mode:!1})});if(!t.ok)throw new Error("fetch failed");const s=await t.json();this.renderJobs(s.jobs),this.updateCountElements(s.jobs.length,s.totalJob),this.fetchComplete.emit({jobs:s.jobs,totalJob:s.totalJob})}catch{}finally{this.isLoading=!1,this.el.classList.remove(this.loadingClass)}}renderJobs(t){if(!this.templateEl)return;const e=Array.from(this.el.children);for(const t of e)t!==this.templateEl&&t.remove();for(const e of t){const t=this.templateEl.content.cloneNode(!0),s=t.querySelector("job-card");s&&s.setAttribute("job",JSON.stringify(e)),this.el.appendChild(t)}}updateCountElements(t,e){const s=document.querySelectorAll("[data-job-count]"),i=document.querySelectorAll("[data-job-total]");s.forEach((e=>{e.textContent=String(t)})),i.forEach((t=>{t.textContent=String(e)}))}render(){return s("slot",{key:"30a6fe9727eb877b6aafb99072c40811df121ba6"})}};l.style="jobs-list-reactive{display:block}jobs-list-reactive.loading{opacity:0.6;pointer-events:none}";export{o as fast_input,r as jobs_item,a as jobs_list_only,l as jobs_list_reactive}